/* -------------------------------------Le corps */

/* no blue linked image borders */
/*a img, :link img, :visited img {
	border: none;
}
*/
tr{
color: black;
}

table{
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 12px ; 
}

html, body {
	width:100%;
	height:100%;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 12px ; 
color: white ;  
background-color: white; 
/*background:url('../images/fond_arbre.jpg') fixed no-repeat;*/
text-align: justify ; }

/*body a:link { color: black ; text-decoration: none ;

body a:visited {color: black ; text-decoration: none ;}

body a:hover { text-decoration: underline ; }*/

/* ------------------------------La zone où le contenu du site va s'afficher */

.page { 
 width:100% ;

 background-color:#ffffff;
 font-size: 12px ; 
 
}

.filinfo { 
   font-size: 12px ; 
}


.demipage { 
 position:absolute;
top: 200px;
left:20px;
width:700px;

  padding-top: 15px;
  padding-right: 10px;
 padding-bottom: 10px;
  padding-left: 30px;
  
 background-color:#eeeeff;
 border-bottom : 10px solid #AAAAFF;
	border-top : 0px solid #AAAAFF;
 border-right : 10px solid #AAAAFF;
	border-left : 0px solid #AAAAFF;
}



.titrepagehaut{ 
 position:absolute;
top: 15px;

width:800px;
 padding-bottom: 100px;
  
 background-color:#ffffff;

}




.quartpage { 
float:left;
 width:45% ;
 height:20em;
  padding-top: 20px;
  padding-right: 10px;
 padding-bottom: 10px;
  padding-left: 10px;
  border-right: 10px;
 background-color:#eeeeff;
 border-bottom : 10px solid #AAAAFF;
	border-top : 5px solid #AAAAFF;
 border-right : 10px solid #AAAAFF;
	border-left : 5px solid #AAAAFF;
 
}

.quartpagetitre { 
float:left;
 width:45% ;
 height:1.2em;
  text-align:center;
 background-color:#ffffff;
  font-family: Verdana, Arial, Sans-Serif;
  color:blue;
  font-size: 20px ; 
 font-style:bold;
 
}



.quartpage1 { 
position:absolute;
top: 400px;
left:20px;
width:300px;
padding-top: 20px;
  padding-right: 10px;
 padding-bottom: 10px;
  padding-left: 10px;
  border-right: 10px;
  border-right: 10px;
 background-color:#eeeeff;
 border-bottom : 10px solid #AAAAFF;
	border-top : 0px solid #AAAAFF;
 border-right : 10px solid #AAAAFF;
	border-left : 0px solid #AAAAFF;
 
}

.quartpagetitre1 { 
position:absolute;
top: 360px;
left: 20px;
height:20px;
width:38%;
  text-align:center;
 background-color:#ffffff;
  font-family: Verdana, Arial, Sans-Serif;
  color:blue;
  font-size: 20px ; 
 font-style:bold;
 
}


.quartpage2 { 
position:absolute;
top: 400px;
left:370px;
width:370px;

  padding-top: 20px;
  padding-right: 10px;
 padding-bottom: 10px;
  padding-left: 20px;
  border-right: 10px;
 background-color:#eeeeff;
 border-bottom : 10px solid #AAAAFF;
	border-top : 0px solid #AAAAFF;
 border-right : 10px solid #AAAAFF;
	border-left : 0px solid #AAAAFF;
 
}

.quartpagetitre2{ 
position:absolute;
top: 360px;
left:450px;
height:20px;
width:38%;
  text-align:center;
 background-color:#ffffff;
  font-family: Verdana, Arial, Sans-Serif;
  color:blue;
  font-size: 20px ; 
 font-style:bold;
 
}



.enbas { 
position:absolute;
top: 700px;
left:60px;
  height:100px;
width:80%;
 background-color:#ffffff;
 
}



.acbd{ 
position:absolute;
top: 40px;
left:20px;
 
}


.sf1{ 
position:absolute;
top: 50px;
left:130px;
height:20px;

}


.sf2{ 
position:absolute;
top: 112px;
left:190px;
height:20px;
}


.sf3{ 
position:absolute;
top: 190px;
left:240px;
height:20px;
}


.sf4{ 
position:absolute;
top: 205px;
left:220px;
height:20px;
}


.tsf1{ 
position:absolute;
top: 90px;
left:210px;
height:20px;

}


.tsf2{ 
position:absolute;
top: 150px;
left:290px;
height:20px;
}


.tsf3{ 
position:absolute;
top: 210px;
left:330px;
height:20px;
}


.tsf4{ 
position:absolute;
top: 270px;
left:320px;
height:20px;
}




.ssf1{ 
position:absolute;
top: 50px;
left:130px;
height:20px;

}


.ssf2{ 
position:absolute;
top: 110px;
left:170px;
height:20px;
}


.ssf3{ 
position:absolute;
top: 180px;
left:200px;
height:20px;
}


.ssf4{ 
position:absolute;
top: 245px;
left:280px;
height:20px;
}


.tssf1{ 
position:absolute;
top: 90px;
left:210px;
height:20px;

}


.tssf2{ 
position:absolute;
top: 152px;
left:300px;
height:20px;
}


.tssf3{ 
position:absolute;
top: 205px;
left:340px;
height:20px;
}


.tssf4{ 
position:absolute;
top: 268px;
left:350px;
height:20px;
}





.axe{ 
position:relative;

}

.taxe1{ 
position:absolute;
text-align:left;
top: 3.5em;
left: 8em;

}

.taxe2{ 
position:absolute;
text-align:left;
top: 3.6em;
left: 12em;

}


.taxe3{ 
position:absolute;
text-align:left;
top: 2.6em;
left: 12em;

}


.taxe4{ 
position:absolute;
text-align:left;
top: 2em;
left: 8em;

}




.intercadrespace { 
float:left;
 width:30px;
 height:1.2em;
  
 background-color:#ffffff;
 
}


.menu{
width:98%;
height:2em;
text-align:right;
 margin-right: 10px;
background-color:white;
font-family: Verdana, Arial, Sans-Serif;
font-size: 18px ; 
color: blue ; 
font-style:bold;
}

.ssmenu{
width:98%;
height:1em;
text-align:right;
 margin-right: 10px;
background-color:white;
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px ; 
color: blue ; 
font-style:bold;


}


.menu.a:link { color: blue; }

.menu.a:visited {color: blue ;}

.menu.a:hover { text-decoration: underline ; }

.feuille { /*pour page de dialogue*/
 width:700px ;
 margin-left: 10px;
 margin-top: 10px;
 background-color:#eaeaea;
 border: 1px solid black;
}


.cadreFichePerso{
 width:100%;
 border-top:5px solid blue;
 border-bottom:5px solid blue;
 border-right:5px solid blue;
 border-left:5px solid blue;
 border-style:ridge;
}

.page a:link { font-weight: normal ; color: bleu ; text-decoration: none ;}

.page a:visited {font-weight: normal ; color: bleu ; text-decoration: none ;}

.page a:hover { text-decoration: underline ; } 


/* ---------------------------- partie gauche de la page */

.colonne_gauche{
width:200px;
float:left;
/*background-color:white ;*/
background-color:white;
}


.logo_gauche {/*image 120x120 */
color:#999999;
margin-top:15px;
margin-left:15px;
padding-bottom:3px;
height:120px;
background-color:white ;
 }

.menu_gauche{
font-size:10px;
color:white
background-color:white ;
}

.logo_gauche a:link {text-decoration:none;}
.logo_gauche a:visited {text-decoration:none;}
.logo_gauche a:hover {text-decoration:none;}


.menu_gauche a:link {color:blue;text-decoration:none;font-style:bold;}
.menu_gauche a:visited {color:blue;text-decoration:none;font-style:bold;}
.menu_gauche a:hover {font-style:bold; }

#detail_menu_gauche {
border-top:1px solid black;
border-bottom:1px solid black;
position:absolute;
color:black;
height:18em;
width:150px;
}
#detail_menu_gauche p {
position:absolute;
top: 10px;
left: 10px;
}

#detail_menu_gauche img {
width : 100%;
height: 100%;
}

#identification{
top:45em;
margin-left:2em;
position:absolute;
width:13em;
}

.logogauche{
position:absolute;
background-color:white;
margin-left:15px;
}

.aucentre{
text-align:center;
background-color:white;


}

.filinfodroit{
float:right;
background-color:white;
text-align:right;
height:22px;
width:15%;
font-size: 12px ;
}

.filinfodroit a:link {text-decoration:none;}
.filinfodroit a:visited {text-decoration:none;}

.filinfogauche{
float:left;
background-color:white;
height:20px;
width:80%
}



/* --------------------------- partie milieu de la page */

.colonne_milieu{
position:absolute;
width:80%;
background-color:white;
margin-left:200px;
margin-top:20px;
/*float:left;*/
border-left: 10px solid #AAAAFF;

}


.image_milieu{
width:100%;
margin-top:10px;
text-align:right;
background-color:#FFFFFF;
}


.milieu {

color:black;
padding:10px;
padding-top:30px;

}

.menu_milieu{
text-align:center;
}

/*partie contextuelle*/

.contextuel{ 
background-color:white;
color:#555555;
font-size:10px;

}

.contextuel a:link{color:#555555;}
.contextuel a:visited{color:#555555;}

.menu_utilisateur{
text-align:right;
float:right;
}
.identite{
text-align:left;
float:left;
}


/* ------------------------- partie droite de la page */

.colonne_droite{
width:150px;
//width:12.5em;
float:left;
}

.logo_droite {/*image 120x120 */
color:#999999;
margin-top:15px;
padding:8px;
height:110px;
background-color:white ;

}

.menu_droite {
color:black;
text-align:left;
font-size:13px;
}

.menu_droite a:link {
font-size:10px;
margin-left:20px;}


.menu_droite a:visited {
font-size:10px;
//color:#656563;
margin-left:20px;}


.groupe_menu{
font-style:italic;
text-align:center;
border-bottom : 1px solid #888888;
border-top : 1px solid #888888;
padding-bottom : 5px;
margin-top : 30px;
background: url('../images/Orange.jpg');
}

.item_menu{
padding:3px;
background:url('../images/gris_blanc.jpg');
border-bottom:1px solid black;
}

.telecharger{ // list des téléchargements possibles de documents, dans le menu droite
font-style:italic;
text-align:center;
border-bottom : 1px solid #888888;
border-top : 1px solid #888888;
padding-bottom : 5px;
margin-top : 30px;
background: url('../images/Marron.jpg');

}

.separe_rubrique{
border-top:1px solid #000000;
font-size:3px;
}



.nom_espace{
color:black;
font-style:italic;
text-align:center;
border-bottom : 1px solid #888888;
border-top : 1px solid #888888;
padding-bottom : 5px;
margin-bottom : 15px;
background: url('../images/Orange.jpg');
}

/* Divers */

.descr_stage{padding:10px;border-top: 3px solid #acb999; border-bottom: 3px solid #acb999;width:80%;}

.ligne_avant_contenu{
border-top: 1px solid #000000;
font-size:3px;
background-color:#dfdfdf;
}

.gras{
font-style:bold;
}

.titre{
text-align:center;
font-size:x-Large;
padding-bottom:20px;
padding-left:40px;
}

.titrefun{
font-family: Lucida Handwriting;
color:#b1b2b0;
text-align:left;
font-style:italic;
font-size:x-Large;
padding-left:150px;
padding-bottom:30px;
margin-top:-20px;
}

.soustitre{
font-size:large;
color:#727271;
}

.soussoustitre{
font-weight:bold;
color:black;
}


.listes_gauche{
float:left;
width:55%;
text-align:left;
font-style:normal;
border-right: 4px solid #999999;}

.listes_droite{
float:left;
width:40%;
text-align:left;
font-style:normal;
font-size:10px;
padding-left:5px;}




.important{
font-weight : bold;
}

.invalide{
color:red;
font-weight : bold;
}


.spacer {
font-size:0px;
  clear: both;
}

.pied{
text-align:center;
margin-left: 10px;
color:black;
width:970px;
}




.cadre_vert{
width:100%;
background-color:#ddffdd;
border-top: 3px outset #acb999; 
border-bottom: 3px outset #acb999;
border-left: 3px outset #acb999;
border-right: 3px outset #acb999;

}
.cadre_rouge{
width:100%;
background-color:#ffdddd;
border-top: 3px outset #acb999; 
border-bottom: 3px outset #acb999;
border-left: 3px outset #acb999;
border-right: 3px outset #acb999;

}


.plop {
  font-size: 14px ;
	color: red;  
	font-weight: bold;
     /*text-decoration: blink;*/
}



#cadre { /* taille du cadre, à titre d'exemple */
width: 15em;
background-color: #FFFFFF;

}

#haut{
height: 54px;
width: 600px;
background-image: url("./images/haut.png");
background-repeat: no-repeat;

}
#bas{
height: 82px;
width: 600px;
background-image: url("./images/bas.png");
background-repeat: no-repeat;
}

#milieu{
 width: 600px;

float:left;
}

#agauche{
float:left;
height: 200px; width: 60px;
background-image: url("./images/gauche.png");
background-repeat: repeat-y;
}

#adroite{
float:left;
height: 200px; width: 60px;
background-image: url("./images/droite.png");
background-repeat: repeat-y;
}

/* propriétés spécifiques à chaque coin */

#contenu{
float:left;
background-color:white;
height: 100px; width: 466px;


}
#contenu p{

color: black;

}

#identite{
float:left;
width:210px;
}

#identite img{
float:left;
margin-left:15px;
margin-right:15px;
}

#identiteInfo{
margin-left:15px;
margin-right:15px;
}

.cadre{
width:80%;
background-color:#CCCCFF;
padding-left:40px;
border-top: 3px outset #acb999; 
border-bottom: 3px outset #acb999;
border-left: 3px outset #acb999;
border-right: 3px outset #acb999;
}

.decalgauche{

margin-left:40px;
}

.decalagauche{
float:left;
margin-left:40px;
}
.decalgauche2{
margin-left:60px;
}

#lstpuce{
margin-left:30px;
}