/* --- Références des couleurs ---
ISFOTEG :
Orange foncé : #f69c00 ;
Orange clair : #f1b459 ;
Orange pâle : #fbefd9 ;
Lettres marrons : #5e1f00 ;
------------------------------------ */

BODY {
 background-color: #000066;
 FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
 TEXT-ALIGN: center;
 FONT-SIZE: 75%; 
 PADDING: 10px 0px 10px 0px; 
 MARGIN: 0px; 
}

/* #wrapper { BACKGROUND: url('../../fileadmin/img/ap.gif') #fbefd9 left top; } */
/* #wrapper { BACKGROUND-COLOR:#fbefd9; } */ 


#wrapper {
 BACKGROUND-COLOR:#fbefd9;
 margin: auto;
 /*margin-right: auto; */
 WIDTH: 750px; 
 TEXT-ALIGN: left;
}

/* div.image_de_fond { background-image: url('fileadmin/img/ap.gif'); }*/ 

                           /* ======   B A N D E A U ======  */
#bandeau {
 /*position:relative; /* Positionné, mais dans le flux */
 background-color: #fbefd9;
 width: 720px;  
 height: 110px;
 /* margin-top:5px;*/
 margin:auto;
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 5px; 
 /* BACKGROUND: url(fileadmin/img/bandeau_isfoteg.jpg) #14479a no-repeat left top; */ 
 PADDING-BOTTOM: 5px; 
 PADDING-TOP: 5px;
}

                           /* ======   FIN   DE   B A N D E A U ======  */

div#subwrapper {
 background-color: #ffffff; 
 /* MARGIN-LEFT: 125px; */ 
 width:595px;
 PADDING: 0px; 
 /*background-image: url(/fileadmin/img/"ap.gif") #524229 no-repeat right top;*/
 /*background-color:#fbefd9; */
 COLOR: #0B0101; 
}


div#subwrapro {
 background-color: #ffffff; 
 /* MARGIN-LEFT: 125px; */ 
 width:750px;
 PADDING-TOP: 5px; 
 PADDING-RIGHT: 5px; 
 PADDING-BOTTOM: 0px; 
 PADDING-LEFT: 5px; 
 /*background-image: url(/fileadmin/img/"ap.gif") #524229 no-repeat right top;*/
 /*background-color:#fbefd9; */
 COLOR: #0B0101; 
}


div#contenu {

 MIN-HEIGHT: 300px; 
 padding: 0px;
 /* BACKGROUND: url(../../fileadmin/img/ap.gif) #fff left top */
 }

div#contenux {
	float:left;
	width:630px;
	height:400px;
	background-color:#FFCC00;  /* Fonds de couleur MOUTARDE */
	padding-top: 30px;
  	padding-right: auto;
	padding-bottom: auto;
	padding-left: auto;
	}

#subwrapper2 {
 background-color: #ffffff;
 /* MARGIN-LEFT: 125px; */ 
 width:600px;
 PADDING: 0px; 
 /*background-image: url(/fileadmin/img/"ap.gif") #524229 no-repeat right top;*/
 /*background-color:#fbefd9; */
 COLOR: #0C479D; 
} 

#wrapperPrint { BACKGROUND: #fbefd9 left top; }

#wrapperbasinfo { BACKGROUND: #fbefd9 left bottom; }

          /*  --------- M E N U  2 ----------- */

#menu2 {
  FLOAT: left;
  PADDING: 3px 3px 3px 3px;
  MARGIN-LEFT: 0px; 
  WIDTH: 145px; 
}

#menu2 UL {
  PADDING: 0px;
  MARGIN: 0px; 
}

#menu2 LI {
  ZOOM: 1; 
  LIST-STYLE-TYPE: none;
}

#menu2 LI A {
  DISPLAY: block;
  PADDING: 2px 3px 2px 3px;
  MARGIN-BOTTOM: 3px; 
  TEXT-DECORATION: none;
}

#menu2 {                       /*  --------- Bordures des contenants du Menu 2 ----------- */
  BACKGROUND-COLOR: #fbefd9
}

#menu2 LI A {  COLOR: #fff; BACKGROUND-COLOR: #94a1b6 }

#menu2 LI UL A { COLOR: #5e1f00; BACKGROUND-COLOR: #f1b459 }

#menu2 LI A:hover { BACKGROUND: #f69c00; COLOR: #fff }

#menu2 LI A.active { BACKGROUND: #f69c00; COLOR: #fff }

#menu2 LI UL LI A:hover { BACKGROUND: #f69c00; COLOR: #fff }

#menu2 LI UL A.active { BACKGROUND: #fff; COLOR: #5e1f00 }

          /*  --------- F I N  DU  M E N U  2 ----------- */

          /*  --------- M E N U  1 ----------- */

#menu1 {
  CLEAR: both; 
  PADDING-RIGHT: 0px; 
  BORDER-TOP: #fff 1px solid; 
  PADDING-LEFT: 0px; 
  FONT-SIZE: 0.95em; 
  PADDING-BOTTOM: 2px; MARGIN: 0px; 
  COLOR: #fff; 
  PADDING-TOP: 2px; 
  BORDER-BOTTOM: #fff 1px solid; 
  BACKGROUND-COLOR: #003366; 
  TEXT-ALIGN: right;
}

#menu1 LI {
  DISPLAY: inline; 
  MARGIN: 0px; COLOR: #fff; 
  LIST-STYLE-TYPE: none;
}

#menu1 LI A {
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  PADDING-BOTTOM: 0px; 
  COLOR: #fff; 
  PADDING-TOP: 0px; 
  TEXT-DECORATION: none;
}

#menu1 #search {
  BORDER-TOP-WIDTH: 0px; 
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px; 
  BORDER-RIGHT-WIDTH: 0px;
}

#menu1 #search DIV {
  BORDER-TOP-WIDTH: 0px; 
  PADDING-RIGHT: 0px; 
  DISPLAY: inline; 
  PADDING-LEFT: 0px; 
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px; 
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  PADDING-TOP: 0px; 
  BORDER-RIGHT-WIDTH: 0px;
}

#menu1 #search FORM {
  BORDER-TOP-WIDTH: 0px; 
  PADDING-RIGHT: 0px; 
  DISPLAY: inline; 
  PADDING-LEFT: 0px; 
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px; 
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  PADDING-TOP: 0px; 
  BORDER-RIGHT-WIDTH: 0px;
}

#menu1 #search INPUT {
  BORDER-RIGHT: 1px solid; 
  PADDING-RIGHT: 3px; 
  BORDER-TOP: 1px solid; 
  PADDING-LEFT: 3px; 
  FONT-SIZE: 0.85em; 
  PADDING-BOTTOM: 0px; 
  VERTICAL-ALIGN: middle; 
  BORDER-LEFT: 1px solid; 
  COLOR: #0c479d; 
  PADDING-TOP: 0px; 
  BORDER-BOTTOM: 1px solid; 
  BACKGROUND-COLOR: #fff;
}

#menu1 #search INPUT.submit:hover {
  CURSOR: pointer; 
  COLOR: #fff; 
  BACKGROUND-COLOR: #0c479d;
}

#menu1 #rech {
  BORDER-TOP-WIDTH: 0px; 
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px; 
  BORDER-RIGHT-WIDTH: 0px;
}

#menu1 #rech DIV {
  BORDER-TOP-WIDTH: 0px; 
  PADDING-RIGHT: 0px; 
  DISPLAY: inline; 
  PADDING-LEFT: 0px; 
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px; 
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  PADDING-TOP: 0px; 
  BORDER-RIGHT-WIDTH: 0px;
}

#menu1 #rech FORM {
  BORDER-TOP-WIDTH: 0px; 
  PADDING-RIGHT: 0px; 
  DISPLAY: inline; 
  PADDING-LEFT: 0px; 
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px; 
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  PADDING-TOP: 0px; 
  BORDER-RIGHT-WIDTH: 0px;
}

#menu1 #rech INPUT {
  BORDER-RIGHT: 1px solid; 
  PADDING-RIGHT: 3px; 
  BORDER-TOP: 1px solid; 
  PADDING-LEFT: 3px; 
  FONT-SIZE: 0.85em; 
  PADDING-BOTTOM: 0px; 
  VERTICAL-ALIGN: middle; 
  BORDER-LEFT: 1px solid; 
  COLOR: #0c479d; 
  PADDING-TOP: 0px; 
  BORDER-BOTTOM: 1px solid; 
  BACKGROUND-COLOR: #fff;
}

#menu1 #rech INPUT.submit:hover {
  CURSOR: pointer; 
  COLOR: #fff; 
  BACKGROUND-COLOR: #0C479d;
}

          /*  --------- CONTENT  PRIMAIRE ----------- */

#content #primaire H3 { COLOR: #f69c00 }
#content #primaireseul H3 { COLOR: #663333}

#content2 #primaire H3 { COLOR: #f69c00 }
#content2 #primaireseul H3 { COLOR: #663333 }
          /*  --------- F I N  D E  CONTENT  PRIMAIRE ----------- */


#ariane P .active { COLOR: #f69c00 }


#menuDeroulant {
 background-color: #fbefd9;
	width: 540px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1;
	position: absolute;
	top: 0;
	left: 0;
}

#alpha {
  BACKGROUND: #fbefd9; 
  WIDTH: 100%; 
  TOP: 40px; 
  LEFT: 120px;
  PADDING-BOTTOM: 5px; 
  LINE-HEIGHT: 1em; 
  FONT-WEIGHT: bold; 
  FONT-SIZE: 54px; 
  FONT-FAMILY: Georgia,Times, Verdana; 
  COLOR: #9000099" onclick="top.location.href='http://url...';"
    }     

#alpha2{
  BACKGROUND: #fbefd9; 
  WIDTH: 100%; 
  PADDING-TOP: 5px; 
  PADDING-BOTTOM: 5px; 
  LINE-HEIGHT: 1em; 
  FONT-WEIGHT: bold; 
  FONT-SIZE: 54px; 
  FONT-FAMILY: Georgia,Times, Verdana; 
  COLOR: #98c5dc" onclick="top.location.href='http://url...';"
    }

.fonta1 {
 color :#990000;
 font-size: 16px;
 font-weight: bold;
 font-family: tahoma, arial, Verdana;
}


.fonta2 {
 TEXT-ALIGN: center;
 color :#003300;
 font-size: 16px;
 font-weight: bold;
 font-family: tahoma, arial, Verdana;
}  
  
.c01 {text-align: center; font-size: 13px}
.c1 {COLOR: #000066; CURSOR: hand; MARGIN: 0 0 0 10px}
.c10 {color: #cc6600; font-family: tahoma, arial, Verdana }
.c11 {text-align: left; text-decoration: underline}
.c011 {text-align: left; font-size: 14px}
.c13 {color: #CCCCFF; text-align: center}
.c14 {text-align: justify; text-decoration: underline}
.c15 {text-align: center; font-size: 16px; color: #5437E9}

.c2 {PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY:arial, tahoma, Verdana, geneva; VERTICAL-ALIGN: center}
.c02 {FONT-WEIGHT: bold; LIST-STYLE-TYPE: square; FONT-SIZE: 14px; COLOR: #5437E9; FONT-FAMILY:arial, tahoma, Verdana, geneva;}
.c023 {FONT-WEIGHT: bold; LIST-STYLE-TYPE: square; FONT-SIZE: 12px; COLOR: #3A25D6; FONT-FAMILY:arial, tahoma, Verdana, geneva;}
.c0233 {text-align: center; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3A25D6; FONT-FAMILY:arial, tahoma, Verdana, geneva;}
.c024 {FONT-WEIGHT: normal; LIST-STYLE-TYPE: none; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:arial, tahoma, Verdana, geneva;}
.c22 {width: 200px; height: 200px}
.c222 {width: 102px; height: 42px}
.c222 {width: 200px; height: 140px}



.c3 {FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: transparent; WIDTH: 645px; COLOR: #CC6600; FONT-FAMILY: system,geneva; TEXT-ALIGN: center;}
.c33 {width: 200px; height: 143px}
.c333 {width: 103px; height: 61px}

.c4 {border-collapse: collapse; background-color: silver;}
.c44 {border-collapse: collapse;}
.c04 {border-collapse: collapse; width: 560px;}


.c5 {text-align: center; size: 1; width: 45%; color: red }  
.c55 {width: 160px; height: 187px}
.c555 {width: 180px; height: 115px}

.c6 {text-align: center}
.c0678 {text-align: center;}
.c66 {width: 209px; height: 138px}

.c7 {list-style-type:square; font-size: 13px; font-weight: normal; }
.c77 {width: 200px; height: 144px}
.c777 {width: 165px; height: 208px}

.c8 {text-align: justify;}
.c08 {width: 460px; text-align: justify; vertical-align:top;}
.c88 {width: 180px; height: 120px}
.c888 {width: 177px; height: 175px; background-color: #CCCCFF; }

.c9 {width: 570px; text-align: justify; font-size: 14px; font-family: tahoma, arial; font-weight: bold}
.c99 {width: 440px; text-align: justify; font-size: 12px; font-family: tahoma, arial}
.c99 {width: 140px; height: 191px}
.c990 {width: 95%; list-style-type: lower-alpha; text-align: left; color: #7A165F;}
.c999 {width: 580px; text-align: left; color: #FFFFCC; background-color: #7A165F}

.p02 {color: #663300; font-size: 14px; font-family: tahoma, arial, Verdana; font-weight: bold; }
.p03 {font-size: 14px; font-family: tahoma, arial, Verdana; font-weight: bold; vertical-align:top;}
.p04 {font-size: 9px; font-weight: bold; font-family: tahoma, arial, Verdana; }
.p05 {text-align: center; font-size: 15px; font-family: tahoma, arial, Verdana; color: #0B118F; }
.p051 {text-align: left; font-size: 14px; font-family: tahoma, arial, Verdana; color:#C00D0D}
.p052 {text-align: left; font-size: 13px; font-family: tahoma, arial, Verdana; color:#0B118F}
.p053 {text-align: left; font-size: 14px; font-family: tahoma, arial, Verdana; color:#C00D0D}
.p055 {text-align: center; font-size: 18px; font-family: tahoma, arial, Verdana; color: #0B118F;}
.p07 {font-size: 12px; font-family: tahoma, arial, Verdana; font-weight: bold; }
.p06 {color: #663300; font-size: 12px; font-family: tahoma, arial, Verdana; font-weight: bold; }

.t3 { width: 580px; background-color: #CCCCFF; font-weight: bold }

#madiv { display:table; } /* Transformation de la <div> en <table> */
#madiv p { display:table-row; } /* Transformation des <p> en <tr> */
#madiv p span { display:table-cell;	padding:5px; margin-left: 170px } /* Transformation des <span> en <td> */