/**********************************Blocs**********************************/    
 @page {
    size :21.0cm 29.7cm;
    margin: 5cm 10cm;
}

#header, #menuD, #footer
{
    display:none;
}


 /************************************************************************************************************************  
******************************************** CONTENU CENTRAL ***************************************************************
************************************************************************************************************************/ 
 
/******** CONTENU CENTRAL GENERAL ********/ 

#contenu{
    width: 540px;
    float:left;
    padding:20px 0 20px 20px;
}



/******** SOUS-BLOC CONTENU ********/   

.blocContenu{
    margin: 0 0 50px 0; /*** sépare les sous parties d'un contenu**/
}

.blocGauche{
    float:left;
    width:210px;
    height:200px;
    vertical-align: middle;
    margin: 0 25px 0 20px; 
}

.blocDroite{
    float:right;
    width:200px;
    height:180px;
    margin: 0 0 0 20px;  
    vertical-align: middle;
}

.blocGauche img{
border: 1px solid #B9BFD3; 
margin: 0 20px 0 20px;  

}

.blocDroite img{
border: 1px solid #B9BFD3; 
margin:0;   
}

.displayNone{
    display:none;
}


  
/************************************************************************************************************************  
******************************************** ELEMENT DE MISE EN PAGE ***************************************************************
************************************************************************************************************************/   

/******** TITRES ********/ 

h1{
    text-align: left;
    border-bottom: dashed 1px #ccc;
    padding:0 50px 5px 0  ;
    margin: 0 200px 30px 0;
    font-size: 17px;
    color:#FFA400; 
    font-style: italic;
}

h2{
    color:#FFA400; 
    text-decoration: none;
    font-size: 15px;
    margin: 20px 0 20px 0;
    padding:5px 0 10px 45px;
    font-weight:800;
    page-break-before:always;  
    
}

h2.titre1{
    page-break-before:inherit;
}


h2 a{
    text-decoration: none;
}

h3{
    color:#77894A; 
    font-size: 13px;
    margin:20px 0 5px 50px;
    padding:0px;
}

h4{
    margin:20px 0 10px 50px;
    font-size: 12px;
    padding:0px;  
}


/******** PARAGRAPHES ********/ 

p{
    text-align: justify;
    margin:0 0 20px 50px;
    padding:0;
}

p.aGauche{ 
    text-align: justify;
    margin:5px 0 20px 0;
    padding:0;
}

p.auCentre{ 
    text-align: center;
    padding:0;
    margin:0;
}


/******** MISE EN VALEUR ********/
 
strong{
    font-weight: bolder;
}

em{
    font-weight: bolder;
}



/******** LIENS ********/

a{
    color:black;
    text-decoration: underline;  
}



/******** IMAGES ********/
img{
 margin:0;
 padding:0;
 vertical-align: middle;  
}

  

/******** LISTES ********/ 
 

ul{
    list-style:none; 
}
                                                    
li.titre {
    font-weight: bold;
    margin: 30px 0 10px 0;
    
}

li.contenu {
    font-weight: normal;
    margin: 0 0 10px 50px;
}

li.contenuProche {
    font-weight: normal;
    margin: 0 0 5px 50px;
}

li.contenuProche a {
    color:#59653D;
}

ul.cercle, ul.ListeDomaines li.contenuProche{
    margin: 5px 20px;
    list-style:circle;
    font-weight: normal; 
}

ul.cercle li {
    margin: 5px 0 0 50px;     
}


/******** TABLAUX ********/ 

table{
    width:90%; 
    font-size: 10px;
    padding:1px;
    margin: 15px 0 0 50px; 
}

table.sansMarge{
    width:100%; 
    font-size: 11px;
    padding:2px;
    margin: 0;   

}

th{
    text-align:center;
    text-transform: uppercase;
    font-size: 13px;
    border: 1px solid #CCC;
    color:#FFC94E;
}

td{
    text-align:left;
    border: 1px solid #CCC;
    border-top: none;
    padding:5px 10px 5px 10px;
}

td.tableauTitre2{
    color:#77894A; 
    font-weight: bold;
    text-align: center;
}


/******** FORMULAIRES ********/ 


.formulaire label{
    display:none; 
}

.formulaire input[type="text"],.formulaire textarea{ 
    display:none;
}
.formulaire input:focus, .formulaire textarea:focus{
    display:none; 
}

input[type=submit]{
    display:none; 
}



fieldset legend {
    display:none; 
 }
 
fieldset legend img{
    display:none; 
 }
 
 select{
    display:none; 
}

 
/******** COLORATION ********/   

.orange{
    color:#FFA400;
}

.gris{
    color:#848484;
    background-color:#eee;
}

.vert{
    color:#77894A;
    display:inline;
}


/******** AUTRE ********/

.centrerText{
    text-align:center;
}

.droite{
    text-align:right;
}

.underline{
    text-decoration: underline;
}

.clear{
    clear:both;
}





 /************************************************************************************************************************  
******************************************** CONTENU SPECIFIQUES ***************************************************************
************************************************************************************************************************/ 
 

/******** INDEX.PHP ********/ 


fieldset{
   display:none;
}


 
#indexMetier {
    margin: 40px 0 40px 0;
}

#indexMetier p{
    color:#818F5C; 
    text-transform:uppercase; 
    text-align:left;
    font-size: 12px;
    font-weight: bolder;
    margin: 15px 0 10px 0;
}

#indexMetier ul {  
    padding: 0;
    font-style:oblique;
    margin:0 0 0 0;  
    font-size: 13px;
    display:inline;
}

#indexMetier li { 
    text-align: left;
    list-style:none;
    color:#818F5C;
    padding:0;
    margin:5px 0 0 0;  
}

.impression h2{
    margin:5px 0 15px ;
    font-size:18px;
    padding:0;
}



/******** RESULTAT.PHP ********/  
 
 #resultat h2{
     background-color:#FFA400;
     padding:5px;
     text-align: center;
     margin: 0 15px 0 0; 
     color:#fff;
     background-image: none;
 }
 
 #resultat h3{
     margin: 20px 0 8px 0; 
     font-size:13px;
     padding:0;
     color:#77894A; 
}
 
 #resultat ul{
     list-style-type:none;
     padding:0px;
     margin: 10px 0 8px 20px; 
}
 
 
#resultat a{
     color:#FFA400;
     font-size:11px;  
 }
 
#resultat a:hover{
     text-decoration: none;
 }
 
 
#resultatG{
     float:left;
     width: 260px;
     margin:0 0 30px 0; 
 }
 
#resultatD{
     float:right;
     width: 260px;
     margin:0 0 30px 0; 
 }
 
 /******** HISTORIQUE.PHP ********/ 
 #historique h3{
  margin:20px 0 20px 40px;  
 }
 
  /******** HISTORIQUE.PHP ********/  
  
 #domaineMenuSup{
    margin:5px 0 20px 0;
 }  

   


/**********************************Images spécifiques**********************************/  

 img{
 opacity:0.8;
 }
 
 img.nonTransparent{
 opacity:1;
 }
 
 
 img.fiche{ /*Image avec la fiche pour les plan de cours*/ 
     width: 10px;
     border:0px;
     margin:0 10px 0 0;
 }