/* CSS Document */
/******************* styles généraux ****************/
/****************************************************/
body {
margin:0;
padding:0;
background-image:url(images/iesca-fili2.gif);
}
p,li {
font: 11pt Verdana, Arial, Helvetica, sans-serif;
color:#7A86A9;
text-indent:20px;
padding: 2px 5px 2px 5px;
}
td {
font: 11pt Verdana, Arial, Helvetica, sans-serif;
color:#7A86A9;

}
a {
font-family:"Courier New", Courier, monospace;
color:#0000FF;
}
img {
margin-left:5px;
margin-right:5px;
}
/*************** les listes ***********************************/
ul {list-style:url(images/liste-1.gif) disc outside;}
ul ul {list-style:url(images/liste-2.gif) circle outside;}
ul ul ul {list-style:url(images/liste-3.gif) square outside;}
ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}

/***************** styles mise en forme spéciale ********/
.titre3 {
font:bolder 12pt/150% Verdana, Arial, Helvetica, sans-serif;
letter-spacing:3px;
color:#7A86A9;
}
.titre2 {
font:bolder 13pt Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#6386B1;
margin-bottom:1px;
}
.titre1 {
font:bolder 16pt Verdana, Arial, Helvetica, sans-serif;
color:#013061;
}
/****************** classes particulières *******************/
.note {
text-align:justify;
margin:0px 100px 0px 100px;
font:small italic "Times New Roman", Times, serif;
color:#6386B1;
}
.important {
font:bolder large small-caps;
color:#990033;
}
.couleurouge {color:#FF0000;}
.couleurbleue {color:#0000FF;}
.grasrouge {color:#FF0000; font:bold;}
.grasbleu {color:#0000FF; font:bold;}
.importantcadre {
font:bolder x-large small-caps;
color:#990033;
background-color:#FFFF66;
padding:2px;
border:solid #990000;
margin:0 100px 0 100px;
}
.ancre a{
color:#990033;
text-decoration:none;
}
.rubrique {
width:130px;
font : italic bold 11pt small-caps Verdana, Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
background-color:#FFFFBF;
color:#0033CC;
margin-bottom:2px;
}
.home {
font : italic bold 9pt "Times New Roman", Times, serif;
color:#0000FF;
}
.cadre {
margin:3px 10px 3px 10px;
border-width:thin;
height:100px;
width:120px;
}
.cadre a {
font: 12pt bold Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFF00;
}
/**************** styles particuliers et classes spécifiques ******************/
/******************************************************************************/
/********** BANDEAU COMMUN ****************************************************/
#bandeau 
{
width:100%;
height: 80px;
background-image:url(images/iesca-fili.gif);
color:#013061;
}
#logo1
{
float:left;
width:150px;
height:50px;
margin: 10px 10px 0 0;
}
#logo2
{
float:right;
width:150px;
height:50px;
}
#ligne {
position:absolute; 
left:1px; top:68px; width:100%; height:5px; 	
background-image: url(images/lignehorizontale.gif) ; 
layer-background-image:url(images/lignehorizontale.gif); 
background-repeat: repeat-x; 
border: 1px none #000000; 
visibility: visible; 
padding-bottom:3px;
}
/*********PAGE D'ENTREE DANS LE DEPARTEMENT ************************************/
/****************** menu gauche  **************/
#menu
{
height:550px;
background-image:url(images/iesca-fili3.gif);
color:#6386B1;
width: 150px;
float: left;
margin:5px 0 0 5px;
font-size:12px;
}
#menu a {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#013061;
}
#menu a:hover {text-decoration:underline;}

/*************  conteneur de l'iframe ********/
#div_contient
{
/*margin: 0 0 0 150px;*/
padding: 0px 0px;
height:550px !important;
height: 100%;
overflow:auto;
}
#contenu {
height:550px !important;
height:100%;
width:100%;
}
/******** PAGE DE GARDE *******************************/
#global {
width:100%;
margin-top:3px;
background-image:url(images/iesca-fili.gif);
}
#global ul li {font-size:9pt; color:#013061;}

#blocgauche {
float:left;
width:150px;
color:#013061;
background-image:url(images/iesca-fili.gif);
font:7pt bold Arial, Helvetica, sans-serif;
text-align:center;
}
#blocdroite {
float:right;
width:150px;
background-image:url(images/iesca-fili.gif);
font:9pt Arial, Helvetica, sans-serif;
color:#013061;
}
#blocgauche p, #blocdroite p {
margin-left:1em;
}
#central {
margin-left:150px;
margin-right:150px;
color:#006666;
background-image:url(images/iesca-fili.gif);
}
#central-haut {
height:150px;
background-image:url(images/batiment-iesca.jpg); 
background-position:center; 
/*background-repeat:no-repeat;*/
border-bottom-style:ridge;
margin:0px 10px 0px 10px; 
}
#pied {
clear:both;
width:100%;
background-color:#5F6F96;
margin:0;
color:#FFBD25;
font:10pt Arial, Helvetica, sans-serif;
}
/*---------- STYLES DE DIV PARTICULIERES ---------------------*/
#choix_photos {
float:left;
height:150px;
width:150px;
background-color:#FFFF99;
padding-left:5px;
margin-right:5px;
}
#choix_photos a {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
text-decoration:none;
}
#valveschoixgauche {
float:left;
width:200px;
height:450px;
color:#0000FF;
border:ridge;
}
#valveschoixdroite {
float:right;
width:200px;
height:450px;
color:#0000FF;
border:ridge;
}
#valveschoixcentre {
width:200px;
height:450px;
color:#0000FF;
border:ridge;
}
#valveschoixglobal {
width:630px;
height:480px;
}