/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #ffffff;
font-size: 11px;
font-family: Verdana, Arial, Sans-Serif;
color:#666666;
padding:0px;
margin:0px;

background-image:url(img/bg.jpg);
background-position:top;
background-repeat:repeat-x;

}

a {color: #4C7EB1; text-decoration: none;}
a:visited {color:#4C7EB1;}
a:hover {color: #55AAFF;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 0px;
margin:0px }

h2 {
font-size:22px;
font-weight: normal;
padding: 5px 0px;
margin:0px;
color:#4C7EB1;
border-bottom:1px solid #4C7EB1;
}

h3 {
font-size:12px;
font-weight: normal;
padding: 0px 0px;
margin:0px;
color:#4C7EB1;
font-weight:bold;
text-transform:uppercase;
}

form { padding:0px; margin:0px;}
input { font-size:10px; border:1px solid :#4C7EB1;}

/* ----------container to center the layout---------- */
#container {
width: 842px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-image:url(img/bg_outer.jpg);
background-repeat:repeat-y;
} 

/* ----------header and menu-------------- */
#header {
width:842px;
height:115px;
background-image:url(img/header.jpg);
padding: 0px;
margin: 0px; }

#header_1 {
width:842px;
height:115px;
background-image:url(img/header_1.jpg);
padding: 0px;
margin: 0px; }

#header_2 {
width:842px;
height:115px;
background-image:url(img/header_2.jpg);
padding: 0px;
margin: 0px; }

#header_3 {
width:842px;
height:115px;
background-image:url(img/header_3.jpg);
padding: 0px;
margin: 0px; }

#header_4 {
width:842px;
height:115px;
background-image:url(img/header_4.jpg);
padding: 0px;
margin: 0px; }

#header_5 {
width:842px;
height:115px;
background-image:url(img/header_5.jpg);
padding: 0px;
margin: 0px; }


#menu {
width:842px;
height:44px;
background-image:url(img/bg_menu.jpg);
padding: 0px;
margin: 0px; }


ul#menu_principal, ul#menu_principal li {
list-style-type: none;	
margin:0;
padding:0;
}

ul#menu_principal {
position:absolute;
background: transparent url(img/menu.jpg) top left no-repeat;	
width: 842px;
height:44px;
}

ul#menu_principal li {float: left;}

ul#menu_principal li a {	
display: block;	
height: 44px;
color: #fff;
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
ul#menu_principal li a:hover {
background: transparent url(img/menu.jpg) top left no-repeat;
}

ul#menu_principal a#menu1 { width:111px;}
#menu1_on { width:111px; height: 44px; background-image:url(img/menu1_on.jpg);}
ul#menu_principal a#menu1:hover {
background-position: -842px 0%;
}

ul#menu_principal a#menu2 { width:98px;}
#menu2_on { width:98px; height: 44px; background-image:url(img/menu2_on.jpg);}
ul#menu_principal a#menu2:hover {
background-position: -953px 0%;
}

/* onglet e-SCM rajouté par la suite */
ul#menu_principal a#escm { 
	width: 63px;
}
#escm_on {
	width: 63px;
	height: 44px;
	background-image:url(img/escm-on.jpg);
}
ul#menu_principal a#escm:hover {
	background-position: -1051px 0%;
}

ul#menu_principal a#menu3 { width:107px;}
#menu3_on { width:107px; height: 44px; background-image:url(img/menu3_on.jpg);}
ul#menu_principal a#menu3:hover {
background-position: -1114px 0%;
}

ul#menu_principal a#menu4 { width:140px;}
#menu4_on { width:140px; height: 44px; background-image:url(img/menu4_on.jpg);}
ul#menu_principal a#menu4:hover {
background-position: -1221px 0%;
}

/* onglet Articles rajouté par la suite */
ul#menu_principal a#articles { 
	width: 70px;
}
#articles_on {
	width: 70px;
	height: 44px;
	background-image:url(img/articles-on.jpg);
}
ul#menu_principal a#articles:hover {
	background-position: -1361px 0%;
}


ul#menu_principal a#menu5 { width:89px;}
#menu5_on { width:89px; height: 44px; background-image:url(img/menu5_on.jpg);}
ul#menu_principal a#menu5:hover {
background-position: -1431px 0%;
}

ul#menu_principal a#menu6 { width:72px;}
#menu6_on { width:72px; height: 44px; background-image:url(img/menu6_on.jpg);}
ul#menu_principal a#menu6:hover {
background-position: -1520px 0%;
}




/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 230px #ffffff;  /* color of the left column  */ 
margin:12px;
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:240px; 
 float:left; 
 position:relative; 
 margin-left:-240px; 
 margin-right:1px;
 }

/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; 
padding-left:15px;
margin-right:15px;
}

p {
text-align:justify;}

.sep { border-top:1px dotted #dddddd; text-align:right;}

.sep a { text-decoration:none; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------focus---------------------- */ 
#focus {
padding: 5px 10px;
padding-bottom:10px;
margin:0px;
border-bottom:1px solid #dddddd;
 margin-left:20px;
 margin-right:10px;
 text-align:center;
}

/*  ----------------coordonnees---------------------- */ 
#coordonnees {
padding: 5px 10px;
padding-bottom:10px;
margin:0px;
border:1px solid #4C7EB1;
background-color: #eeeeee;
 margin-top:20px;
 margin-left:20px;
 margin-right:10px;
 text-align:left;
 font-weight:normal;
}

/*  ----------------formations---------------------- */ 
#formations {
padding: 10px 10px;
padding-bottom:18px;
margin:0px;
border-bottom:1px solid #dddddd;
margin-left:20px;
margin-right:10px;
text-align:center;
font-size:15px;
font-weight:bold;
}

#formations a {
border-bottom:2px solid #4C7EB1;
}


/*  ----------------newsletter---------------------- */ 
#newsletter {
padding: 5px 10px;
padding-bottom:10px;
margin:0px;
border-bottom:1px solid #dddddd;
 margin-left:20px;
 margin-right:10px;
}

#newsletter form {
padding: 5px 0px;
}


/*  ----------------news---------------------- */ 

#news {
padding: 5px 10px;
margin-top:10px;
border-bottom:1px solid #dddddd;
 margin-left:20px;
 margin-right:10px;
}

.news-item { font-size:9px; margin-top:5px; margin-bottom:5px; color:#666666;}
.news-item-title { color:#4C7EB1; font-weight:bold;}


#service {
padding: 10px;
margin:0px;
border:2px solid #dddddd;
margin-bottom:10px;
text-align:justify;
}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:5px;
margin:0px;
text-align: right;
background-color:#eeeeee;
margin-left:12px;
margin-right:12px;
}