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%;

}
p,td,li,ol,ul,h1,h2,h3,h4,h5,h6,th{
padding: 0;
margin: 0;
 font-family: Arial, Helvetica, sans-serif;
      color: 000;} 
p,h1,h2,h3
{margin-bottom: 10px;
margin-top: 5px;}
a:link,a:visited,a:hover,a:active{
     font-weight : bold;
     text-decoration: underline;
       color: #000;
     background: transparent;
}
a:hover{
     color: #d2941e;
}

img {border: 0;}
#baniere{
background: #fff;
border-bottom: 1em solid #4b697f; }
#baniere img{
margin: 0;
padding: 0;
}
#menu {width: 13%;
float: left;
padding-top: 20px;
padding-left: 1%;
}
#menu2{
clear: both;
float: left;
width: 18%;
padding: 0.5em;
background: #ffffff;
margin: 0;
font-family:  verdana,helvetica,sans-serif;
color: #904e02;
font-weight: bold;
border-right: 0px solid #904e02;
}
#menu2  p.titre{
 color: #5a6576;
font-size: 80%;
padding-left: 0.5em;
margin-top: 2em;
margin-bottom: 0.5em;
font-weight: bold;
background:  url(fond-menu2.jpg);}
h3{
 color: #5a6576;
font-size: 80%;
padding-left: 0.5em;
margin-top: 2em;
margin-bottom: 0.5em;
font-weight: bold;
background:  url(fond-menu2.jpg);}
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: 6em;}
#menu2 li img{
display: inline;
margin: 0;
padding: 0;}

#contenu{
margin: 1em;
padding: 0;
margin-left: 0em;
border-left: 0px solid #617ca3;
padding: 1em;

}


div.info{
width: 80%;
border: 2px solid #990000;
margin: 2em auto;
padding: 0.2em 0.5em;}
.info ul{padding: 0 0 10px 20px; margin: 0;}
.info ul.info2{padding: 0 0 0 20px; margin: 0;}
.info p,.info li {padding: 0; margin: 0; text-align: left; color : #990000; font-size: 0.8em; font-weight: 600; line-height: 1.3em;}
.info li{margin-top: 10px;}
.info2 li{margin-top: 0px; margin-left: 30px;}
.imp {text-align: right;}
.imp2{                                        /* zone pour version imprimable */
padding: 0;
margin:  0;
margin-right: -1em;
font-size: 0.7em;
font-weight: 900;
text-align: right;
text-decoration : underline; 
cursor: hand;
}
.imp2 img{                                            /* logo impression    */
display: inline;
padding: 0 0.5em 0 0;
margin: 0;}
.imp form{display: inline;}



h1 { font-size: 22px; color: #38688e; font-weight: 600; text-align: center;  padding-top: 10px;  padding-left: 5px; padding-right : 25px;}
h1#ecole{
 color: #000;
font-family: arial, Helvetica, sans-serif;
      font-size: 1.3em;
      font-weight: 300;
      text-align: left;
margin-right: 0%;
margin: 0em;
margin-top: -0.5em;
padding : 0em 0.5em 0.2em 1em;
background: #b3c4d3;
   font-style: italic;
}
   
h2 {  
/*font-style: italic; font-size: 1.3em; color: #38688e; font-weight: 600; text-align: center;  padding-top: 0px; padding-bottom: 0px;*/
color: #5a6576;
color: #38688e; 
font-family: "palatino linotype";
      font-size: 1.6em;
      font-weight: 600;
      text-align: center;
margin-right: 0%;
margin: 1em ;}
h2.fin{margin : 6em 1em;
      font-size: 1.4em;}
p.ligne {font-size: 0.8em; font-weight: 600; padding-left: 10px;}
p.ligne2 {font-size: 0.7em; font-weight: 600; padding: 0; margin: 0; padding-left: 10px;}
p.ligne4 {font-size: 0.7em; font-weight: 300; padding: 0; margin: 0; padding-left: 35px;}
p.ligne5 {font-size: 0.7em; font-weight: 300; padding: 0; margin: 0; padding: 5px 0px 5px 15px;}
p.ligne5b {font-size: 0.7em; font-weight: 300; padding: 0; margin: 0; padding: 5px 5px 5px 35px;}
p.ligne5c {font-size: 0.7em; font-weight: 300; padding: 0; margin: 0; padding: 0px 5px 5px 85px; margin-top: -5px;}
p.ligne6 {font-size: 0.7em; font-weight: 300; padding: 0; margin: 0; padding: 0px 0px 0px 10px;}
p.lien {font-size: 0.7em; font-weight: 600; padding: 0; margin: 0; padding: 5px 0px 5px 15px;text-decoration : underline;  color: #000;}
li.lien {font-weight: 600; 
list-style:  none;
padding-left: 0px; 
padding-bottom: 10px;
color : #990000; 
font-size: 0.7em; 
text-decoration : underline; 
cursor: hand;}
p.ligne3 {font-weight: 600; font-size: 0.8em; padding-left: 120px; }
p.ligne3b {font-weight: 600; font-size: 0.8em; padding-left: 120px; }
p.tete3 {font-weight: 600; font-size: 0.9em; color: #38688e; margin: 3.5em 0 0 0; padding-left: 80px; }
p.erreur {text-align: center; color: red; font-size: 1.1em; font-weight: 600;}
p#concept {text-align: center;
color: #000;  
font-size: 0.7em; 
font-weight: 600; 
margin: 0;
padding : 0;
padding-top: 9em; 
}
p.accueil {text-align: center; color: #03a; font-size: 12px; font-weight: 600; border: 2px #ddd outset; background: #eee; margin: 5px;}
p.accueil a {color: #03a; text-decoration: none;}

#contenu table{width: 90%;
background: #fff;
padding: 0; margin: 0;

margin: 0 auto;
border: 0;
border-collapse: collapse;
border: 1px #ccc solid;
}

.table1 td{
padding: 0.2em;
padding-left: 0.5em;}

table.table2 {
padding-bottom : 1em;}
.table2 td{
padding: 0.2em;
padding-left: 0.5em;}
table.table3{
width: 99%;
border-collapse: collapse;
}
.table3 th{ font-family: "times new roman",times,serif; color: #38688e; padding: 0.2em; font-size: 0.8em; border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; background-color: #eee;}
.table3 td, .table4 td{
padding: 0.2em;
padding-left: 0.5em;
}
table.table4{
width: 99%;
border-collapse: collapse;
border: 1px #ccc solid;}

.table4 tr{background-color: #efdcad; 
background-color: #ddd;
margin: 2px;}

.table4 th{ font-family: "times new roman",times,serif; color: #38688e; padding: 0.2em 1em; font-size: 0.8em; border-bottom: 2px #fff solid; border-top: 2px #fff; background-color: #efdcad; background-color: #ddd; text-align: left;}
caption { font-family: "times new roman",times,serif; padding: 0; margin: 0 auto; text-align: left; font-weight: 600; font-size: 1em; color: #38688e; background-color: #eee; padding: 5px; 
border-left: 2px #ccc solid;
border-top: 2px #ccc solid;
border-bottom: 2px #ccc solid;
border-right: 2px #ccc solid;}
caption.caption2 { font-family: "times new roman",times,serif; padding: 0; margin: 0 auto; text-align: left; font-weight: 600; font-size: 1em; color: #fff; background-color: #4e7696; padding: 5px; 
border-left: 2px #ccc solid;
border-top: 2px #ccc solid;
border-bottom: 2px #ccc solid;
border-right: 2px #ccc solid;
}


input {font-family: font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;  font-weight: 300; text-align: left; padding: 0; margin: 0; padding-left: 5px;}
input.bouton { font-size: 0.7em;  font-weight: 600; text-align: center; padding: 3px 5px; }
input.bouton1 { font-size: 0.7em;  font-weight: 300; text-align: center; padding: 3px 5px; }
input.bouton2 { font-size: 0.7em;  font-weight: 600; text-align: center; padding: 0px;  background-color: #ffffff; border-style: none ;}
input.bouton3 { font-size: 0.7em;  font-weight: 600; text-align: center; padding: 3px 5px; color: red;}
input.bouton4 {  font-weight: 600; text-align: center; padding: 0 5px; font-size: 0.9em;  }
input.bouton5 {  font-weight: 900; text-align: center; padding: 0 5px; font-size: 0.9em; color: #990000;  }
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;  font-weight: 300; text-align: left; margin: 0; padding: 0 5px;}
select {font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: 300; text-align: left; padding-left: 5px;}
.finform{
padding: 0;
margin: 30px 0;
text-align: center;
}
span.nongras {font-weight: 300;}
span.obl {font-weight: 300; font-size: 0.85em;}
span.erreur {text-align: center; color: red; font-size: 0.9em; font-weight: 600;}
div#barre {                                             /*barre de navigation */
padding: 0;
margin: 2% 0 ;
font-family:  verdana,helvetica,sans-serif;
font-size: 0.7em;
font-weight: 300;
color: #000;        }
#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;}