/* --------------------- 
ATTENTION AUTRE FEUILLE DE STYLE UTILISEE
cerafabis.css
ou
cerafisie.css (si explorer)
  ------------------ */
/* --------------------- DEBUT styles BRUNO  ------------------ */
legend {background:none; color:#333366; font-size:14px; font-weight:bold;}
fieldset {background:  #FFFFFF; color:#333333; border:1px solid #87CEEB;padding:4px; font-size:12px;}
.interligne {line-height:18px;} 
.etiquette  {background:none;  color: #333366;  font-size:12px; font-weight:bold; }
img {border: 0px;}
.tablesans {border: 0px;width:auto;}
.masquer {display:none}
#actmaj {float:right;}
.tabcontent{
display:none;
}

/* --------------------- FIN styles BRUNO  ------------------ */
/*
#menu table {border: 1px solid #87CEEB;border-top:0px;padding:0px;margin:0px;width:160px;font-size:12px}
#menu td {border-top: 1px solid #87CEEB;padding:0px;margin:0px;padding-left:7px;padding-right:3px;height:20px;}
#menu tr {border: 0px solid #FF4500;padding:0px;margin:0px;background: url(inter/fond_rub4.gif) repeat-x;}

.menuniv1 {margin-top:10px; padding-bottom:3px; font-weight:bold}
.menunivblanc {background:#FFFFFF;}
.menuniv2 {margin-left:7px}

#menu a {margin-top:10px; font-weight:bold; background: url(inter/fond_rub2.gif) repeat-x;}
*/


div#identif form {}


/* --------------------- DEBUT styles FAB  ------------------ */



body {background: url(inter/fond.gif) repeat-x; font-family: Tahoma, Tahoma, Geneva, Arial,Helvetica, sans-serif; font-size:12px; padding:0;margin:0;}

#coingauche {background: url(inter/coingauche.gif) no-repeat;position:absolute; top:0;left:0px;width:15px;height:80px;z-index:10}
#coindroit {background: url(inter/coindroit.gif) no-repeat;position:absolute; top:0;right:0px;width:15px;height:80px;z-index:10}

#logomem {position:absolute; top:0;right:0px}

#basdepage {width:260px; margin-left: auto; margin-right: auto;margin-bottom:30px;margin-top:30px}
.logobas {background: url(inter/logo_mem_bas.gif) no-repeat center;height:86px;margin-top:10px}

#baseline {background: url(inter/baseline.gif) no-repeat; width:450;height:80px}
#baseline2 { width:450;height:80px}
#partenaires {width:940px;height:80px;margin-left:auto;margin-right:auto;text-align:center}
#partenaires strong {font-size:16px; color:#333366}

#baseline h1 {display:none}

#entete {}
#chemin {position:absolute;font-size:14px;
	top:76px;
	left:205px;
	border-bottom:1px solid #CCCCCC;
	padding: 10px 0px 5px 0px;}
	
#admin {
	width:175px;
	height:20px;
	padding-top:2px;
	padding-left:5px;
	background: url(inter/fond_rub2.gif) repeat-x;
}
#admin a {padding-left:5px;color:#FFF}

#moteur table {border: 0px; 
width:100%;
background:#F0F8FF;
font-size:12px
}
#moteur fieldset { 
background:#F0F8FF;
color:#333333; border:1px solid #87CEEB; font-size:12px;}

 #moteur h3 {background:#F0F8FF;font-size:18px;color:#0099CC;margin:0px 0px 5px 0px;padding:3px ;border-bottom:0px solid #87CEEB;}
 
#resultat {margin-bottom:5px;
margin-top:5px;
padding-left:5px;
color:#000080;
}

#gestion {
	width:175px;
	height:20px;
	padding-top:2px;
	padding-left:5px;
	background: url(inter/fond_rub2.gif) repeat-x;
}
#gestion a {padding-left:5px;color:#FFF}

#deconect {
	width:175px;
	height:20px;
	padding-top:2px;
	padding-left:5px;
	background: url(inter/fond_rub2.gif) repeat-x;
}
#deconect a {padding-left:5px;color:#FFF}

#imprimer {
background: url(inter/imprimer.gif) no-repeat;
padding-left:25px;
line-height:20px;
font-size:12px;
position:absolute;
top:96px;
right:190px;
margin-top:5px;
}

#rech {
	position:absolute;
	top:100px;
	right:0px;
	width:175px;
	
}


h2 {font-family:trebuchet;}

#texhome {margin-right:230px;margin-top:-30px;font-size:14px; text-align:justify;}
#texhome p {margin:0;padding:0}

#edito {margin: 20px 230px 30px 0px;text-align:justify;}
#edito h2 {font-size:18px;color:#0099CC;margin:0px;padding:0px;border-bottom:1px solid #87CEEB;}
#edito p {font-size:12px}
.bleuclair{color:#0099CC;
}

#tablehome {margin-right:230px;}

#homecoldroite {position:absolute;
	top:130px;
	right:0px;
}
#actu .bloc{
width:200px;
padding:3px;
margin:-1px 10px 0px 0px;
border:1px solid #87CEEB;
text-align:left;
}
#actu h2 {background:#F0F8FF;font-size:18px;color:#0099CC;width:200px;margin:15px 0px 0px 0px;padding:8px 3px 2px 3px;border:1px solid #87CEEB;}
#actu  h3{color:#669900; font-size:14px; font-weight:bold;margin-bottom:2px;margin-top:2px;
}
#actu .date {
font-weight:bold;}
#actu .source {
font-weight:bold;}

#docune {
}
#docune h2 {background:#F0F8FF;font-size:18px;color:#0099CC;width:200px;margin:15px 0px 0px 0px;padding:8px 3px 2px 3px;border:1px solid #87CEEB;}
#docune h3{color:#669900; font-size:14px; font-weight:bold;
margin-bottom:2px;margin-top:2px;
}
#docune .bloc{float:left;
width:200px;
padding:3px;
margin:0px;
margin-top:-1px;
border:1px solid #87CEEB;
text-align:left;
}
#documentation {
}
#documentation th {background:#F0F8FF;font-size:18px;color:#336699;width:200px;margin:15px 0px 0px 0px;padding:8px 3px 2px 3px;border-bottom:1px solid #87CEEB;}
#documentation h3{color:#669900; font-size:14px; font-weight:bold;
margin-bottom:2px;margin-top:2px;
}
.spacer {
clear: both;
line-height:0px;
height:0px;
}
.formvalide {
text-decoration:blink;
text-align:center;
font-size:14px;
color:#FF0000;
margin-left:auto;
margin-right:auto;
width:50%;
margin-bottom:25px;
border:1px solid #87CEEB;
}
.centrer {text-align: center;}
.champsrech {

	height:18px;
	padding-left:5px;
	border:1px solid #87CEEB;
	
}
.okrech {
position:absolute;
top:0px;
padding-top:0px;
}

div#corps {margin-top: 60px;margin-bottom:20px;margin-left:200px;margin-right:20px;}
table {border: 1px solid #87CEEB; width:100%;font-size:12px}
caption {margin-bottom:6px;color:#000080;}
th {text-align:left;color:#FFF;background: url(inter/fond_th.gif) repeat-x;padding-bottom:3px;padding-top:2px;}
td {padding:8px;}
.lignedif td {background:#dde8f2;}

a {text-decoration:none;color:#FF4500;padding-left: 0px;}
a:hover {text-decoration:underline;color:blue;}

#pied {margin-top:15px; text-align:center}
.pagin a {border:1px solid #87CEEB;color:#FF4500; padding-left: 3px; padding-right: 3px;font-weight:bold;line-height:25px;}




/* --------------------- FIN styles FAB  ------------------ */

/* --------------------- STYLES MENU  ------------------ */


#menu{z-index:5;
	background:none;
	color:#000000;
	
}
#menu p {font-weight:bold;
font-size:13px; }
/*
#menu p a {background: url(inter/fond_rub.gif) repeat-y;color: #000000}
#menu p a:hover {background: url(inter/fond_rub.gif) repeat-y; color: #000000}
*/
#menu p a {color:#FFF;background: url(inter/fond_th.gif) repeat-x; }
#menu p a:hover {color:#333366;background: url(inter/fond_th.gif) repeat-x;}


/* styles avec javascript
   .jav : classe affecte au conteneur #menu par le script
--------------------------------------------------------------- */

#menu.jav{width:180px;font-size:13px;
	position:absolute;
	top:70px;
	left:0px;
border: 1px solid #87CEEB;
padding:0;
}

.jav, .jav ul, .jav li, .jav a {
	width:180px;                  /* * * LARGEUR DU MENU * * */
	margin:0;
	padding:0;
	line-height:13px;
	list-style:none;
	background: url(inter/fond_rub4.gif) repeat-y;color: #000;
}

.jav ul ul, .jav ul ul li, .jav ul ul a{
	background: url(inter/fond_rub4.gif) repeat-y;
	width:180px;                  /* * * LARGEUR DES SOUS MENUS * * */
	
}
.jav ul ul, .jav ul ul li, .jav ul ul a:hover {
	background: url(inter/fond_rub3.gif) repeat-y;
	width:180px;                  /* * * LARGEUR DES SOUS MENUS * * */
	color: #0000FF;
}
.jav ul ul li {
	border-top:0px solid #000000;  
	/* bordure des sous menus  */}
.jav ul ul {
	border: 1px solid #87CEEB;  /* encadrement des sous menus  */
	
}
.jav p{
	clear:both;
	margin:0;
	padding:0px;
	color:white;
}
.jav ul ul{
	position:absolute;
	visibility:hidden;
	margin-top:-1px;           /* oppos de la bordure ci-dessus */
	margin-left:-33px;           /* oppos de la bordure ci-dessus */
	left:100%;
}
.jav li{
	float:left; 		/* pour IEwindows */
	clear:both;
}
html>body .jav li{float:none;}

.jav a{
	float:left;
	text-align:left;
	text-decoration:none;
}
.jav span{display:none;} /* span typographiques */


/* le span dont il est question dans ce qui suit est ajout par le javascript.  */

.jav a span{
	display:block;
	padding: 2px 3px 2px 5px;
	cursor:pointer;
	height:1%; /* pour IEwindows. Etale la zone sensible a tout le span et non plus seulement au texte */
}
html>body .jav a span{height:auto;}

.jav a.fleche{
	background:white url(inter/fond_rub4.gif) repeat-y;
}
.jav a.flecheActive{
	color: #0000FF;
	background: url(inter/fond_rub3.gif) repeat-y;
}
.jav a.flecheActive span{
	border-color: #FF4500;
}

.jav a:hover, .jav a:focus, .jav a:active{
	background: url(inter/fond_rub3.gif) repeat-y; color: #000000
}
.jav a:hover span, .jav a:focus span, .jav a:active span{
	border-color:#FF4500;
	color: #0000FF;
}
.jav a.flecheActive:hover,
.jav a.flecheActive:focus,
.jav a.flecheActive:active{
	background: url(inter/fond_rub3.gif) repeat-y;color: #000000
}
#StaNum  span{font-weight:bold;}