/* ************************************************************************ */
/* 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:#007CC2;}

img {border:0; margin:0;}

p { margin: 0px 0px 4px 0px}

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

/* ------------------ 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;}

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


/* ****************************************************************
 * Main box
 * **************************************************************** */
#conteneur {position: absolute;
			width: 758px;
			left: 50%;
			padding:0;
			margin-left: -375px;
			margin-bottom:5px;
			margin-right:0px;
			top: 5px;
			border:1px solid black;
			background-color:white;
}

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

#aide {	float:right;margin:0; padding:0; border:0; 
		text-align:left;
		color:white;
}
#aide p { display:inline; 
		 margin:0px; padding:0px;border: 0; 
		 font-size: 0.7em; 
		 color: white;
		 text-align:left;
		 background-color:inherit; 
}
a.aide:link   { color:white; text-decoration:none;}
a.aide:visited{ color:white; text-decoration:none; }
a.aide:hover  { color:white; text-decoration:underline; }


/* ****************************************************************
 * Heading section
 * **************************************************************** */
#header {
        margin:0;
		padding:0;
		border:0;
		height:103px;
		text-align:center;
		text-decoration:none;
		background-color:#00ADEF;
}
h1 {
	position:absolute;
    display:block; 
    font-weight:bold; 
	color:#FFFFFF;
	top:10px;
	left:95px;
	font-size: 1.8em; 
}


#header p {margin:0px;padding:0px; border:0px; text-decoration:none;text-align:center;}
#header img {margin:0px;padding:0px; border:0px; }
#header p img {margin:0px;padding:0px; border:0px; }





/* ****************************************************************
 * Content section
 * **************************************************************** */
#contenu {border:O;
		  background:#FFFFFF url(/images/fond_sirepp_contenu.gif) repeat-y 0 0;  /* */
		  padding:0px;
		  margin:0; 
		  float:left;
		  /* width: 755px;*/
}	

/* ****************************************************************
 * Left column section
 * **************************************************************** */

#colonne_gauche {
	width:140px; 
	float:left;
	background-color:#E2E0EB;
	padding-left:5px;
	padding-top:10px;
	margin:0px;

}
.menu {background-color:#003399; 
	line-height:10px; 
	color:#FFFFFF;
}
			 
#menu {width:135px; 
	   margin-bottom:10px;
	   }

h2.leftmenu {
	display: block;
	font-size:1.0em;
    font-weight:bold;
	color:white;
	background:#00346A url(/images/puce_sirepp_1.gif) no-repeat 2px 3px;
	margin: 0 0 5px 0 ;
	text-align:left;
	padding-left:15px;
	border:0;
} 

#submenu {width:135px; 
		 padding-bottom:3px;
		 margin-bottom:3px;
}
ul.menu_niveau2_1  { list-style-type:none;margin:0;border:0;padding:O;}
li.menu_niveau2_1  { list-style-type:none;margin:0;border:0;padding:O;}

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



/* ****************************************************************
 * Right column section
 * **************************************************************** */

/* ----------
   
   ---------- */
#colonne_droite {
	margin-left:145px; 
} /* 556px */

/* ----------------------------------------------------------
   Main Menu section
   ---------------------------------------------------------- */

#mainmenusection {
	text-align:center;
	background-color: #00ADEF;
	padding:10px 0px 10px 0px;
	margin:0;
	border:0px solid red;
} /* 556px */

#mainmenusection ul {display:inline; 
	background-color:#00346A;
	color:white;
	padding:2px 7px 2px 7px;
	margin:O;
	list-style-type:none;
}
#mainmenusection li {display:inline;list-style-type:none;}

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

/* ----------------------------------------------------------
   "Real" content section
   ---------------------------------------------------------- */
#realcontent{
	text-align:left;
	background-color: white;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
} /* 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}
		  
/* ----------------------------------------------------------
   Level 3 menu section
   ---------------------------------------------------------- */

#lvl3menu {
	color:#00346A;
	display:block;
	width:200px;
	float:right;
	text-align:right;
	padding-left: 30px;
	padding:3px 4px 3px 0px;
	margin:0;
	border-bottom:1px dotted #00ADEF;
} /* 556px */

#lvl3menuempty {
	color:#00346A;
	display:block;
	width:200px;
	float:right;
	text-align:right;
	padding-left: 30px;
	padding:3px 4px 3px 0px;
	margin:0;
	border-bottom:Opx dotted #00ADEF;
} /* 556px */


#lvl3menu ul {display:inline; 
	background-color:white;
	color:#00346A;
	padding:0;
	margin:O;
	list-style-type:none;
}
#lvl3menu li {display:inline;list-style-type:none;}

/* -----------------------------------------------
   Footer : short link, long links, Copyright
   ----------------------------------------------- */
#bt_innernav {padding-right:5px; 
	 padding-top:7px;
	 text-align:right;
	 padding-bottom:5px;
}	
			 
#link_bottom {
	text-align:center; 
	margin-top:10px; 
	margin-bottom:1px; 
	color: black;
	background-color: white;
}
#bottom_adresse { 
	clear:both;
	text-align:center; 
	font-size:0.85em; 
	margin-top:10px; 
	margin-bottom:1px; 
	color: #00346A;
	background-color: white;
}

/* -----------------------------------------------
   Lists
   ----------------------------------------------- */
/*
ul { margin: 0;border:0; padding:0 0 0 5px; list-style-type:none; }
li { margin: 0;border:0; padding:0; list-style-type:none; }

*/
ul { margin: 0;border:0; padding:0 0 0 5px; }
li { margin: 0 0 0 8px;border:0; padding:0 0 0 Opx;  }
		 

/* LIENS */

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

a.nav_niveau2:link   { font-size:0.85em; color:#00346A; text-decoration: none; font-weight: normal; line-height:16px }
a.nav_niveau2:visited{ font-size:0.85em; color:#00346A; text-decoration: none; font-weight: normal; line-height:16px}
a.nav_niveau2:hover  { font-size:0.85em; color:#00346A; 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:#00346A; font-weight: bold;text-decoration: none;}
a.lien_interne:visited{ color:#00346A; font-weight: bold;text-decoration: none;}
a.lien_interne:hover  { color:#00346A; font-weight: bold;  text-decoration: underline;}


a.lien_bas:link      { color:#F96100; text-decoration: underline; }
a.lien_bas:visited   { color:#F96100; text-decoration: underline; }
a.lien_bas:hover     { color:#F96100; text-decoration: overline; } 

a.lien_bottom:link   { color:#00346A; text-decoration: underline; }
a.lien_bottom:visited{ color:#00346A; text-decoration: underline; }
a.lien_bottom:hover  { color:#00346A; text-decoration: overline; }


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*/



h2 {display: block;
	font-size:1.1em;
    font-weight:bold;
	color:#00346A;
	border-bottom:#0B95DF 2px solid;
	padding-bottom:3px;
	margin-right:3px;
	margin-bottom:20px;
	
	} /* margin-top:40px */



h3 {display:block;
	font-size:1em;
    color:#00346A;
	font-weight:bold;
	border-bottom:#999999 1px dotted;
	padding-bottom:2px;
	margin-bottom:10px}


h4 {display:inline;
	font-size:1em;
    color:#00346A;
	font-weight:bold;
	border-bottom:#999999 1px dotted;
	margin-top: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;
}

tr.sireppmbrcel{border-style:solid; 
				border-width:1px; 
				border-color:#00ADEF;
				color:#00346A;
				background-color:#E2E0EB; 
}
th.sireppmbrcel{border-style:solid; 
				border-width:1px; 
				border-color:#00ADEF;
				color:#00346A;
				background-color:#E2E0EB; 
} 
td.sireppmbrcel{border-style:solid; 
				border-width:1px; 
				border-color:#00ADEF;
				color:#00346A;
				background-color:white; 
} 


.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}