/* ************************************************************************ */
/* OPTIBUS : Style sheet
/* ************************************************************************ */
/* Creation : OPTIBUS - Handica.com - och + oxc - 2006-06-20
/* ************************************************************************ */



/* GENERAL */

body { font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; background-color:#999999; }

p { margin: 10px 0;}

.emptyfloatdiv {margin: 0; padding: 0 0 2px 0; border: 0; background-color:inherit; float:left; position:relative; width:100%; }
.clearbox           { display:block;clear:both;}

/* ------------------ form element ---------------------------------------- */
input, select, textarea	{margin: 2px; padding: 0; border: 1px solid black; background-color:#FFFFFF; }			
option          {margin: 0; padding: 0; border: 0;  }
*.formel        {color:#FFFFFF; background-color:#3366CC; font-size: 1em ; border:1px solid #FFFFFF; margin:1px;  }
*.forme2        {color:#FFFFFF; background-color:#3366CC; border: 1px solid white; margin:0;padding:0;text-decoration: underline; font-weight: normal;font-family: arial,verdana,helvetica,sans-serif;}
*.forme2:hover  {color:#FFCC00; background-color:#3366CC; border:0; margin:0;padding:0;text-decoration: underline; font-weight: normal;font-family: arial,verdana,helvetica,sans-serif;}
label.formlabel {display:inline;
				float: left;
				width: 13em;   
				text-align:right;
				padding:2px;}
span.formlabel {display:inline;
				float: left;
				width: 13em;   
				text-align:right;
				padding:2px;}
				
label.formlabel     {display:inline; float: left; width: 11em; text-align:right; padding:2px; }
label.WBformlabel   {display:block;  text-align:left; }
label.formlabellong {display:inline; float: left; width: 18em; text-align:right; padding:2px; }				

fieldset {	font-weight: bold;
			border-left :1px solid #E3E3E3; 
			margin: 0 auto 20px auto; 
			width:500px; 
			padding-left: 5px;
}

legend              { color:#AAAAAA;
					  background: #FFFFFF; 
					  border: 0px solid #105EAA; 
					  padding: 2px 0px; 
					  margin: 0px; }

.hdrctry_emptyfloatdiv  {margin: 0; padding: 0 0 2px 0; border: 0; background-color:inherit; float:left; position:relative; width:100%; }
label.hdrctry_formlabel {display:inline; float: left; width: 11em; text-align:right; padding:2px; }					 

/* ------------------------------------------------------------------------ */


/* ****************************************************************
 * Main box
 * **************************************************************** */
#conteneur {position: absolute;
			width: 761px;
			left: 50%;
			margin-left: -375px;
			top: 5px;
			padding:0;
}

/* ****************************************************************
 * Help section
 * **************************************************************** */

#aide {	margin:0; padding:0; border:0; 
		text-align:right;
		color:#FFFFFF;
}
#aide p { display:inline; 
		 margin:0px; padding:0px;border: 0; 
		 font-size: 0.7em; 
		 color: #FFFFFF;
		 text-align:right;
		 background-color:inherit; 
}

/* ****************************************************************
 * Heading section
 * **************************************************************** */
#header {margin:0 0 5px 0; padding:0; border:0;float:right;background-color:#999999; }
#illustration {float:left;}	   
#logo {float:right}
	   
/* ****************************************************************
 * Content section
 * **************************************************************** */
#contenu {border: 0px solid red;
		  background-color:#FFFFFF; 
		  padding:3px 3px;
		  margin:5px 0px 5px 0px; 
		  float:left;
		  width: 755px;
}	

#colonne_gauche {width:156px; float:left;}
				 
#colonne_droite {margin-left:185px; width:556px;} /* 556px */

			  
.coordonnees {font-size:0.9em; 
              color: #000099}
			  
.bandeau {background-image:url(/images/bandeau.jpg); 
          background-position:right; 
		  background-repeat:no-repeat; 
		  height:86px; 
		  width:721px}
		  
		 
.menu {background-color:#003399; 
			 line-height:10px; 
			 color:#FFFFFF;}
			 
#menu_top {width:156px; height:7px}

#menu {width:146px; 
			 background-color:#333333;
			 padding-left:10px;}
			 
#menu_bottom {width:156px; height:83px}		

#sous_menu { text-align:center; width:156px; }

.img-sous-menu {
		margin:5px 0;
	
}

#bottom_adresse { clear:both;text-align:center; font-size:0.85em; color: #333333}


/* LISTES INDENTEES */

ul { margin: 0;border:0; padding:0; list-style-type:none; }
li { margin: 0;border:0; padding:0; list-style-type:none; }


ul.menu_niveau2   { margin: 0px;
					border: 0px;
                    list-style-type:none; }
li.menu_niveau2   { margin: 0px; 
					background-image:url(/images/puce_menu.gif);
					background-position:left;
					background-repeat:no-repeat;
					padding-left:7px;}

ul.niveau2   { margin: 0px;
					 border: 0px;
                     list-style-type:none; }
li.niveau2   { margin: 0px;
                     padding: 0px;
					 background-image:url(/images/puce_verte.gif);
					 background-position:left;
					 background-repeat:no-repeat;
					 padding-left:9px}
					 
ul.niveauPlanSite   { margin: 0 0 20px 20px;
					 border: 0px;
                     list-style-type:none; }
li.niveauPlanSite   { margin: 10px 0;
					 background-position:left;
					 background-repeat:no-repeat;
					 padding:0; }
li.reddot   { margin: 0px;
	background-image:url(/images/puce_rouge.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:9px;
	padding-bottom:5px;}
	


ul.separateur  {
                    padding:0px;
                    border: 0px;
                    list-style-type:none;
                    background-image:url(images/separateur_menu.gif);
                    background-position:bottom;
                    background-repeat:no-repeat;
                    }					 
					 
#bt_home {height:23px; 
          background-image:url(/images/bt_home.gif); 
		  background-repeat:no-repeat; 
		  background-position:right; 
		  float:left; width:390px; 
		  text-align:right; 
		  padding-right:29px; 
		  padding-top:7px;
		  margin-top:20px}	
		  
#bt_top {height:23px; 
         background-image: url(/images/bt_top.gif); 
		 background-repeat:no-repeat; 
		 background-position:right; 
		 margin-left:10px; ; 
		 padding-right:29px; 
		 padding-top:7px;
		 text-align:right;
		 margin-top:20px}	
		 
#link_bottom {text-align:center; margin-top:20px; margin-bottom:1px; }		 	  				 	  			 
				 

/* LIENS */

a.nav:link   { font-size:0.85em; color:#FFFFFF; text-decoration: none; font-weight: bold; line-height:25px }
a.nav:visited{ font-size:0.85em; color:#FFFFFF; text-decoration: none; font-weight: bold; line-height:25px}
a.nav:hover  { font-size:0.85em; color:#FFFF00; text-decoration: underline; font-weight: bold; line-height:25px }

a.nav_niveau2:link   { font-size:0.85em; color:#CCCCCC; text-decoration: none; font-weight: normal; line-height:16px }
a.nav_niveau2:visited{ font-size:0.85em; color:#CCCCCC; text-decoration: none; font-weight: normal; line-height:16px}
a.nav_niveau2:hover  { font-size:0.85em; color:#FFFF00; text-decoration: underline; font-weight: normal; line-height:16px }

.nav_on {color:#FF6600; text-decoration: underline; font-weight: bold; line-height:25px}

a.nav_page:link   { color:#0066CC; text-decoration: underline; }
a.nav_page:visited{ color:#0066CC; text-decoration: underline; }
a.nav_page:hover  { color:#FFCC00; text-decoration: underline; }

a.lien_interne:link   { color:#FF0000; }
a.lien_interne:visited{ color:#FF0000; }
a.lien_interne:hover  { color:#009900; }

a.aide:link   { color:#FFFFFF; text-decoration:underline;}
a.aide:visited{ color:#FFFFFF; text-decoration:underline; }
a.aide:hover  { color:#FFFFFF; text-decoration:none; }

a.lien_bas:link   { font-size:0.85em; color:#333333; text-decoration: none; }
a.lien_bas:visited{ font-size:0.85em; color:#333333; text-decoration: none; }
a.lien_bas:hover  { font-size:0.85em; color:#FF0000; text-decoration: underline; }

a.lien_bottom:link   { color:#333333; text-decoration: none; }
a.lien_bottom:visited{ color:#333333; text-decoration: none; }
a.lien_bottom:hover  { color:#990000; text-decoration: underline; }

img {border:0px}
.imgL {float:left;
		margin:5px;}
.imgR {float:right;
		margin:5px;}

caption {font-size:1.3em; 
         font-weight:bold; 
	     color:#990099; 
	     border-bottom:#990099 2px solid; 
	     width:380px; 
	     padding-bottom:3px; 
	     margin-bottom:20px; 
	     margin-top:40px;
		 text-align:left}

/* TITRES*/

h1 {font-size:1.3em; 
    font-weight:bold; 
	color:#333333;
	margin:0px;
	border-bottom:#FF0000 7px solid;
	width:408px;
	padding-bottom:3px;
	margin-bottom:20px}

h2 {font-size:1.1em;
    font-weight:bold;
	color:#333333;
	border-bottom:#FF0000 2px solid;
	width:408px;
	padding-bottom:3px;
	margin-bottom:20px;
	margin-top:40px}

h3 {font-size:1em;
    color:#333333;
	font-weight:bold;
	border-bottom:#999999 1px dotted;
	width:556px;
	padding-bottom:2px;
	margin-bottom:10px}
		

/* TABLEAUX*/

table { border-style:solid; 
        border-width:1px; 
        border-color:#FFFFFF;
		border-collapse:collapse}
		
td { 
border-style:solid; 
border-width:1px; 
border-color:red;
}


.noms {
	background-color:#99CC33;
	font-weight:bold;
	text-align:center;
	color: #003300;
	padding:8px;
	width:131px;
	border-style:solid; 
    border-width:1px; 
    border-color:#FFFFFF;
}
	   
.noms2 {background-color:#99CC33; 
       font-weight:bold;  
	   color: #003300; 
	   padding:4px; 
	   border-style:solid; 
       border-width:1px; 
       border-color:#FFFFFF;
	   }
	   
.noms3 {
	background-color: #CCFF66;
	font-weight: normal;
	color: #003300;
	padding:4px;
	width: 25px;
    border-style:solid; 
    border-width:1px; 
    border-color:#FFFFFF;
	   }
	   	   
	   
.aide2 {width:42px; 
       background-color:#99CC33; 
	   font-weight:bold; 
	   text-align:center; 
	   color: #003300; 
	   padding:8px;
	   border-style:solid; 
       border-width:1px; 
       border-color:#FFFFFF;}
	   
.jours {background-color:#99CC33; 
        font-weight:bold; 
		text-align:center; 
		color: #003300; 
		padding:8px; 
		width:48px;
		border-style:solid; 
        border-width:1px; 
        border-color:#FFFFFF;}	 

  div.row { clear: both; padding-top: 10px;}
  span.label   { float: left; width: 220px; text-align: right;}
  legend  {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color:#0063AD; text-decoration: none; font-weight: bold}