body{
   color: #000;
   background: #4b697f;
  margin: 0;
  padding: 0;
       }
#page{
background:  #fff;
border: 2px #b3c4d3 solid;
padding: 0;
width: 800px; 
height: auto;
margin: 0 auto 0 auto;
margin-top: 2%;

}
.hide{
         display: none;
        }
img{
display: block;
    padding: 0;
    margin: 0;
      border: 0;
      } 
      
/*------------------------------------------------------------------------------------
-------------------------------------------------------LIENS -------------------------
-------------------------------------------------------------------------------------*/      
                                                     /* liens généraux */
a:link,a:visited,a:hover,a:active{
     font-weight : bold;
     text-decoration: underline;
       color: #000;
     background: transparent;
}
a:hover{
     color: #d2941e;
}

                                                /*liens du menu horizontal*/
#menu a{
     font-weight : bold;
     text-decoration: none;
     color: #fff;
     background: transparent;
}

#menu li:hover,#menu li:active,#menu li.sfhover{
  color: #e8bc66;
}

#menu li:hover ul{
left: auto;
}
#menu li.sfhover ul{
left: auto;

}
#menu li.retour ul {
left:-999em;
}

#menu li:hover li a{
text-decoration: underline;

}
#menu li.sfhover li a{
text-decoration: underline;

}
#menu li:hover li a:hover{
 
color: #e8bc66;
}
#menu li.sfhover li a:hover{
 
color: #e8bc66;
}
#menu li:hover li a:active{
  background: transparent;
color: #e8bc66;
}
#menu li.sfhover li a:active{
  background: transparent;
color: #e8bc66;
}
div,p,td,tr,li,ol,ul,h1,h2,h3,h4,h5,h6{
padding: 0;
margin: 0;
font-family: arial, Helvetica, sans-serif;  
}  
/*------------------------------------------------------------------------------------
-------------------------------------------------------TITRES------------------------
-------------------------------------------------------------------------------------*/      
                                                      /*titre général*/
h1{
 color: #000;
font-family: arial, Helvetica, sans-serif;
      font-size: 1.2em;
      font-weight: normal; 
      text-align: left;
margin-right: 0%;
margin: 0em;
/*margin-top: -65px;
margin-bottom: 16px;*/
margin: -0.5em 0 0 0;
padding : 0em 0.5em 0.7em 1.5em;
background: #b3c4d3;
   font-style: italic;
}
h1.index{
margin-top: -40px;
margin-bottom: 11px;
padding : 0em 0.5em 0.2em 1em;
background: transparent;
}
                                                          /*titre de la page*/
h3{
color: #5a6576;
font-family: "palatino linotype";
      font-size: 1.6em;
      font-weight: 900;
      text-align: center;
margin-right: 0%;
margin: 1.7em ;
}
                                                      /*titre des chapitres */
h4{
border: 0px solid #cacfd6;
font-family: verdana,helvetica, sans-serif;
/*font-family: "palatino linotype";*/
      font-size: 0.9em;
      font-weight: 900;
      text-align: left;
margin: 4em 0em 0.4em 0em;
padding:  0.2em;
padding-left: 1.5em;
padding-top: 0;
color: #fff;
background: #4e7696 url(fleche3.gif) top left no-repeat;

}
h5{
/*font-family: "palatino linotype";*/
/*font-family: verdana,helvetica, sans-serif;     */
      font-size: 0.8em;
      font-weight: bold;
      text-align: left;
margin: 2em 0em 0.4em 1.5em;
padding:  0.2em;
padding-left: 2em;
padding-top: 0;
background: url(fleche5.png) no-repeat;
min-height: 24px;
}
#zonetext p.ssh5{
margin-left: 1.5em;}
h3 span{
 font-size: 0.8em;
}
#baniere{
background: #fff; }
#baniere3{
background: #fff;
border-bottom: 1em solid #4b697f; }
#baniere img, #baniere3 img{
margin: 0;
padding: 0;
}
/*------------------------------------------------------------------------------------
-------------------------------------------------------MENUS -------------------------
-------------------------------------------------------------------------------------*/      
                                                        /* menu horizontal */
#menu{
font-family: verdana,helvetica, sans-serif;
color: #000;
    font-weight: bold;
font-size: 0.9em;
margin: 0;
margin: 0em 0 ;
padding: 0;
clear: both;
background: url(fond-menub.jpg) no-repeat;
height: 2em;
}

.menu1{
float: right;
text-align: left;
margin: 0.1em 0.5em;
padding: 0.2em 0.5em;
border-left : 0.1em solid #fff;
width: 10%;
}
li.menu1{
padding:0.1em 0em 0.1em 1em;
margin: 0.1em 0em 0.2em 0.5em;
float: right;
list-style: none;
color: #fff;
text-align: left;
}
li.menu1 .menu1j{
margin: 0;
padding: 0;
color: #e8bc66; 
}
li.menu1 ul{
color: #000;
margin: 0;
padding: 0;
text-align: left;

clear: both;
position: absolute;
text-align: left;
padding: 1em 0 1em 0em;
margin-top: 0.1em;
left: -999em;
background:  url(fond-menu.jpg) 30%; 
border: 1px solid #fff;
}
li.menu1 li{
font-size: 0.9em;
text-align: left;
vertical-align: middle;
margin: 0.5em 1em 1em 2em;
padding:  0;
display: bloc;
list-style: disc outside;
color: #e8bc66;
background: transparent;
width: 10em;
}
li.menu1 li span{
color: #fff;
}
p.lien {font-weight: 600; padding-left: 10px; color : #000;   text-decoration : underline; cursor: pointer; cursor: hand;}
p.lien2 {font-weight: 600;   color: #fff;   text-decoration : underline; cursor: pointer; cursor: hand;}



                                                           /*menu vertical */
#menu2{
clear: both;
float: left;
width: 18%;
padding: 0.5em;
background: #ffffff;
margin: 0;
font-family:  verdana,hevetica,sans-serif;
color: #904e02;
font-weight: bold;
border-right: 0px solid #904e02;
}

ul.liste2  {
margin: 0;
padding: 0;}


#menu2  p.titre{
 color: #fff;
font-size: 80%;
padding-left: 0.5em;
margin-top: 2em;
margin-bottom: 0.5em;
background:  url(fond-menu.jpg) 30%; 
}
p.titre2{
padding: 0;
margin: 0;
font-size: 80%;
margin-top: 2em;
margin-bottom: 0.5em;
color: #fff;
background: #7c9fb8 ;
padding-left: 1em;
}
li.menub,li.menuc{
border: 0;
padding: 0;
list-style: disc #d2941e outside;
color: #d2941e;
font-size: 75%;
font-style: normal;
margin-bottom: 0.8em;
margin-left: 2em;
}
li.menub span{
color:  #000;}
#menu2 ul.liste2 {
margin-bottom: 5em;}
#menu2 li img{
display: inline;
margin: 0;
padding: 0;}

/*------------------------------------------------------------------------------------
-------------------------------------------------------Contenu textuel-------------------------
-------------------------------------------------------------------------------------*/      

#contenu{
padding: 0;
margin: 0;
clear: both;
background-color: #fff;

}
#contenu img{
margin: 2em 2em 0 2em;
}
                                                /*contenu de la page index */
#zoneindex {
border-left: 2px solid #617ca3;
margin: 0% 1% 0 1% ;
padding-top: 0%;
float: right;
width: 75%;
}
#zoneindex p{
color: #444;
font-size: 80%;
 border: 0;
    margin: 0;
    margin: 1em 3em;
}
#zoneindex img{
display: inline;
padding: 25px;
padding-bottom: 0;
margin: 0;
}
                                         /*tableau actualités de l'accueil */
#actualites {

width: 85%;
border: 2px solid #617ca3;

margin: 1.5em auto;

}

#actualites dl{
font-weight: bold;
font-size: 0.8em;
}
#actualites dd{
padding: 0.5em;
font-weight: normal; 
}
#actualites dt{
color: #9d3d13;
margin: 0.2em;
padding: 0.5em;
font-weight: bold;
}
#actualites dt.bas{
border-top: 1px solid #617ca3;
padding-top: 1em;}
table {
width: 93%;
border: 1px solid #617ca3;
padding: 0.5em 0;
margin: 0 auto;

}
/* -------------------------------------------------------------------------- */
                                          /*zone de texte pages internes     */
#zonetext{
margin: 0% 0% 0 0% ;
padding: 0 0.5em;
padding-right: 1.5em;

float: right;
width: 75%;
border-left: 2px solid #617ca3;
text-align: left;
}
#zonetext p.intro,#zoneindex p.intro {
padding: 1em 1.5em;
font-size: 80%;
color: #5b6a89;
font-weight: bold;
text-align: justify;
font-family: "verdana","sans serif";
}
#zonetext p.intro2 {
padding:0 1.5em;
font-size: 80%;
color: #5b6a89;
font-weight: normal; 
text-align: justify;
font-family: "verdana","sans serif";
}
#zonetext img{
padding: 3em;}


#langue{                                             /*choix de la langue */
padding: 0;
margin:  0;
margin-right: -1em;
margin-top: 1em;
width: 100%;
text-align: right;
}
#langue img{                                            /* drapeau    */
display: inline;
padding: 0 0em 0 0;
margin: 0 0.5em;}


#barre{                                             /*barre de navigation */
padding: 0;
margin: 2% 0 0 0;
font-size: 70%;
font-weight: normal; 
}
#imp{                                        /* zone pour version imprimable */
padding: 0;
margin:  0;
margin-right: -1em;
font-size: 70%;
font-weight: 900;
text-align: right;
text-decoration : underline; 
cursor: hand;
}
#imp img{                                            /* logo impression    */
display: inline;
padding: 0 0.5em 0 0;
margin: 0;}

.haut{
padding: 0;
margin:  0;
margin-top: 2em;
margin-right: -1em;
font-size: 70%;
font-weight: normal; 
text-align: right;
}
#ed{                                           /* listes de la partie ED   */
width: 86%;
border: 0;
margin: 0 auto;}
#ed dl{
font-weight: bold;
font-size: 0.8em;
}
#ed2 dt{
font-size: 1em;
 color: #000;
margin: 0.2em;
padding: 0.1em;
padding-left: 0.1em;
font-weight: bold;
}
#ed dt{
background: #4e7696;
font-size: 1em;
 color: #fff;
margin: 0.2em;
padding: 0.1em;
padding-left: 0.5em;
font-weight: bold;
}
#ed dd{
color: #444;
padding: 0;
margin: 0;
margin-left: 1em;
margin-bottom: 3em;
font-weight: normal; 
text-align: justify;}

#ed dd ul{
margin: 0;
padding: 0;
font-size: 1em;
list-style: none;
}
#ed dd li{
margin: 0;
padding: 0;
font-size: 1em;
list-style: none;
}
#ed dd li.plan
{list-style: square;
margin-left: 2em;}
#ed dd li.plan2
{list-style: square;
margin-left: 2em;
font-weight: bold;    text-decoration : underline; cursor: pointer; cursor: hand;}
#ed dd li li
{margin-left: 6em;
list-style: disc;}
#ed li img{
display: inline;
padding: 0;
margin: 0;
vertical-align: middle;}
                                /*-------------------------------------*/
#zonetext .haut img{                    /*retour haut de page */
display: inline;
margin: 0;
padding: 0;
}
#zonetext ol{                /* liste zone de texte pages internes */
 border: 0;
      margin: 0;
   padding: 0 0 0 0;
width: auto;
height: auto;
text-align: left;
}
#zonetext ul{ 
 border: 0;
      margin: 0;
   padding: 0 0.5em 1em 2em;
width: auto;
height: auto;
text-align: left;
}


#zonetext li{

  color: #444;
font-size: 0.8em;
 border: 0;
    margin: 0;
    margin-left: 2em;
font-weight: normal; 

}

#zonetext li li{
font-size: 100%;}

#these li{
list-style: none;
background: url(fleche.jpg) no-repeat;
padding-left: 2em;
}
#zonetext p{                     /*paragraphe zone de texte pages internes*/

color: #444;
font-size: 0.8em;
 border: 0;
    margin: 0;
    padding: 0.5em;
    padding-left: 2em;
 font-weight: normal;  
}
#zonetext p.ph5{             /*paragraphe zone de texte pages internes avec puce id h5*/
background: url(fleche5.png) no-repeat;
min-height: 24px;
margin-left: 1em;
}                  



 .span4{
  padding-left: 2.2em;
   font-style: italic;
 font-weight: normal; 
   font-size: 70%;
   color: #444;
    text-align: left;
}


#etapes{                                           /*liste chapitres*/
font-family: "palatino linotype";
      font-size: 1.05em;
      font-weight: 900;
color: #900;
font-size: 1em;
 border: 0;
    margin: 0;
    padding: 0.5em;
    padding-left: 0em;
    font-weight: bold;
}
#etapes ol{
list-style: none;
margin: 1em 0 1em 1.5em;}
#etapes li{
font-family: "verdana","sans serif";
background: url(fleche2.gif) no-repeat;
margin: 0.3em 0;
padding: 0em 0 0em 2em;
color: #5a6576;
font-size: 0.8em;
 font-weight: bold;
text-align: left;
}
#etapes li.science,#etapes li.science2{
margin-bottom: 3em;
margin-left: 2em;}  
#etapes li.science2{
color: #000;
font-weight: normal; }
                  /*liste chapitres politique scientifique*/

#etapes span.span1{

 font-weight: normal; }
span.span3{

 font-weight: 900;}
 #info3 span.span1{

 font-weight: normal; }

#etapes span.span2{
font-size: 0.8em;
 font-weight: normal; }
 p.annexe{
 text-align: center;
   font-style: italic;
 font-weight: normal; 
   font-size: 80%;}
   
/*------------------------------------------------------------------------------------
-------------------------------------------------------BAS PAGE-------------------------
-------------------------------------------------------------------------------------*/         
#baspage{
border-top: 1px solid #ccc;
 font-size: 1.1em;
      font-weight: bold;
      text-align: center;
font-size: 0.8em;
     color: #636c7c;
}

/*------------------------------------------------------------------------------------
-------------------------------------------------------FORMULAIRES-------------------------
-------------------------------------------------------------------------------------*/      
#finform{
padding: 0;
margin-top: 50px;
text-align: center;
}
.finform2{
padding: 0;
margin-top: 50px;
text-align: center;
}
.impress{
text-align: center;
margin: 0.5em;
padding: 0;}
#table2,#table2b{
width: 650px;
font-family: font-family: verdana, Helvetica, sans-serif; 
font-size: 0.8em;
margin: 0 auto;
padding: 0;
border: 1px #999;
}
caption {background: #4e7696;
font-size: 0.8em;
text-align: left;
 color: #fff;
margin: 0.1em auto;
padding: 0.1em;
padding-left: 0.5em;
font-weight: bold;
}
.fiche {font-weight : 900;  color: #38688e;font-size: 1.2em; text-align: right;}
input.bouton { font-size: 0.7em;  font-weight: 600; text-align: center; padding: 2px 5px; line-height: 1.5em;}
input.bouton3 { font-size: 0.7em;  font-weight: 600; text-align: center; padding:  2px; margin: 0; color : #990000; line-height: 1.5em;}
input.bouton3b { font-size: 0.7em;  font-weight: 600; text-align: center; padding:  2px; margin: 0; color : #990000; width: 130px;}
input.bouton2 { font-size: 0.7em;  font-weight: 600; text-align: center; padding: 2px 5px;  background-color: #ffffff; border-style: none ; line-height: 1.5em;}

textarea {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;  font-weight: normal; text-align: left; padding-left: 5px}
select {font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: normal; text-align: left; padding-left: 5px; margin: 0.2em;}
span.obl {font-weight: normal; font-size: 0.85em;}
input {font-family: font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;  font-weight: normal; text-align: left; padding: 0; margin: 0; padding-left: 5px;}
td {text-align: left; padding: 0.1%; margin:0;
border: 1px solid #ddd; vertical-align: top;}
th {text-align: center; background: #4e7696;  color: #fff;}
#table2 p,#table3 p{
padding: 0.5em 0.3em 2em 0.3em;

margin: 0;}
#table2 a{
font-weight: normal; }
#table2b p {
padding: 0.5em 0.3em 0.3em 0.3em;

margin: 0;}

.info{

width: 70%;
color : #990000; 
border: 2px solid #990000;
margin: 1em auto;
padding: 0.5em 1%;
font-size: 0.9em;
font-weight: 600;
line-height: 1.3em;
text-align: center;
}
.info1{
font-size: 90%;
margin: 1em 0 0 0}
.info2{
color : #990000; 
font-size: 0.9em;
text-align: left;
padding: 0;
   font-style: italic;
   margin: 2em 0em 0 0 ;
   font-weight: normal; 
}
ol#info3 li{
color : #990000; 
font-size: 0.9em;
text-align: left;
   font-weight: normal; 
   margin: 0.5em 0.5em 0.5em 2em;
   padding: 0;
}
ol#info3 ul{
padding : 0;
margin: 0;}
.contacts{
color : #990000; 
border: 0px solid #990000;
margin: 1em auto;
padding: 0.5em 1%;
font-size: 1em;
font-weight: 600;
line-height: 1.3em;
text-align: center;
}
.erreur{
color : red; 
margin: 1em auto;
padding: 0.5em 1%;
font-size: 0.8em;
font-weight: 600;
line-height: 1.5em;
text-align: left;
}
#finpage{
clear: both;

}
hr {
color: #cacfd6;
width: 95%;
height: 0.1em;}
hr.hr2 {   
text-align: center;        
color: #cacfd6;
width: 15%;    
height: 0.1em;
margin: 0.5em 0;}
p#concept {text-align: center;
color: #000;  
font-size: 0.7em; 
font-weight: 600; 
margin: 0;
padding : 0;
padding-top: 7em; 
}
/*------------------------------------------------------------------------------------
-------------------------------------------------------PARTIE FORMATIONS -------------------------
-------------------------------------------------------------------------------------*/      
 #table3{
width: 100%;
font-family: font-family: verdana, Helvetica, sans-serif; 
font-size: 0.8em;
margin: 0 auto;
padding: 0;
border: 1px #333;
border-collapse: collapse;
}
#table3 td {text-align: left; padding: 0.1%; margin:0;
border: 1px solid #333; vertical-align: top;}
#table3 th {
border: 1px solid #333; vertical-align: top;}
input.bouton4 { font-size: 0.7em;  font-weight: 600; text-align: center; padding: 0; margin: 0.5em; color : #990000; width: 90px;}
input.bouton5 { font-size: 0.7em;  font-weight: 600; text-align: center; padding: 0; margin: 0.5em; color : #990000; width: 90px;}

#table3 p{                    

color: #222;
font-size: 0.8em;
 border: 0;
    margin: 0;
    padding: 0.2em;
    padding-left: 0.2em;
   
}