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: #880000;
     background: transparent;
}
p{ font-family: Arial, Helvetica, sans-serif;}
ul{
margin: 20px;
}
a:hover{
     color: red;
}

a:active{
     color: red;
}
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%;
}
#contenu,#contenu2 {width: 80% ;
margin: 0px;
padding: 0;
margin-left: 15%;
border-left: 1px #4b697f solid;
border-right: 0px #ccc solid;
padding: 1% 0.5% 1% 0.5%;
}
#contenup {width: 95% ;
margin: 0px;
padding: 0;
margin-left: 3%;
padding: 1% 0.2%;
}
#contenu2 {
height: 400px;
}
#finform{
padding: 0;
margin-top: 30px;
margin-bottom: 20px;
text-align: center;
}
.finform2{
padding: 0;
margin-bottom: 30px;
text-align: center;
}
div.info{
border: 2px solid #990000;
margin: 0 5%;
padding: 0 1%;}
.imp {text-align: right;}
#contenu table{width: 100%;
background: #fff;
padding: 0; margin: 0;

margin: 0 0 30px 0;
border: 0;
border-collapse: collapse;
border: 1px #ccc solid;
}
#contenup table{width: 100%;
background: #fff;
padding: 0; margin: 0;

margin: 0 0 30px 0;
border: 0;
border-collapse: collapse;
border: 1px #999 solid;
}
.table2 td {padding: 0.2% 0.1%;
border: 1px #ccc solid; text-align: center;}
.table2b td {padding: 0.2% 0.1%;
border: 2px #fff solid; text-align: center;}
.table4 td {padding: 0.2% 0.1%;
border: 0;
border-left: 1px #ccc solid; text-align: left;}
caption { font-family: "times new roman",times,serif; padding: 0; margin: 0; 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;}
#fiche caption {
font-size: 0.8em; 
padding: 2px;
} 
.table4 th { font-size: 0.8em;  font-weight: 600; text-align: center;
border: 1px #ccc solid;}
#contenup th{color: #38688e; font-size: 0.7em;}
.table2 th {text-align: center; background: #eee;  border: 1px #ccc solid; font-size: 0.7em;
padding: 1px; }
.table2b th {text-align: center; background: #eee;  border: 1px solid; font-size: 0.7em;
padding: 1px; }
#fiche table.table3 {border: 0;
}
#fiche table {margin-bottom: 5px;
border-color: #999;
}
#fiche table td {padding: 1px 2px;
text-align: left;}
#fiche table.table3 td {padding: 0 2px;
text-align: left;}
#fiche table.table2 td {padding: 0 2px;
text-align: left;}
#fiche p.ligne {padding-left: 0;  font-weight: 300;}
#fiche span {font-weight: 600;}
#fiche p, #fiche th {font-size: 0.7em;}
td {text-align: left; padding: 0.5%; margin: 0;}
#contenup td{padding: 2% 0.5%;}
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 ;}
h3 { 
font-family: verdana, Helvetica, sans-serif;
font-size: 14px; color: #38688e; font-weight: 600; text-align: center;  padding-top: 0px; padding-bottom: 0px}
h4 { font-size: 0.8em; color: #000000; font-weight: 600; text-align: center;  padding-top: 0px; padding-bottom: 10px}
p { font-size: 0.7em;  line-height: 1.1em; font-weight: 300; text-align: left; padding: 0; margin: 0; padding: 0.5% 0 ;}
p.liste { font-size: 0.6em;  line-height: 1.1em; font-weight: 300; text-align: left; padding: 0; margin: 0; padding: 0.5% 0 ;}
p.note {font-size: 0.6em;  line-height: 1.1em;  padding: 0.5% 0.3% ;}
p.ligne {font-size: 0.7em; font-weight: 600; padding-left: 10px;}
p.lien,li.lien {font-weight: 600; 
list-style:  none;
padding-left: 0px; 
padding-bottom: 10px;
color : #990000; 
font-size: 12px; 
text-decoration : underline; 
cursor: hand;}
p.ligne3 {font-weight: 600; font-size: 0.8em; padding-left: 40px; }
p.ligne3c {font-weight: 600; font-size: 0.8em; padding-left: 20px; }
p.ligne3b {font-weight: 600; font-size: 0.8em; padding-left: 50px; }
p.ligne2 {padding-left: 10px;}
p.ligne2b {padding-left: 40px;}
p.ligne4 {padding-left: 50px;  font-size: 0.75em; line-height: 1.4em;}
p.tete {font-weight: 600; font-size: 16px; color: #38688e;}
p.tete4 {font-weight: 600; font-size: 12px; color: #38688e;}
p.tete3 {font-weight: 600; font-size: 0.9em; color: #38688e; margin: 15px 0 0 0;}
p.tete2 {font-weight: 600; font-size: 16px; color: #38688e; text-align: center;}
p.tete5 {font-weight: 300; font-size: 0.9em; color: #38688e; padding-left: 50px; line-height: 1.2em; margin-top: 20px; margin-bottom: 15px;}
p.erreur {text-align: center; color: red; font-size: 1.1em; font-weight: 600;}
.info ul{padding: 0 0 0 20px; margin: 0.1em;}
.info p,.info li {padding: 0.1em; margin: 0; text-align: left; color : #990000; font-size: 0.8em; font-weight: 600; line-height: 1.3em;}
p#concept {text-align: center;  font-size: 12px; font-weight: 600; border-width: 0px ; border-style: solid ; border-color: #990000 ;padding-top: 300px; padding-bottom: 5px; padding-left: 5px; padding-right: 0px}
p.info2 {text-align: center; color : #38688e; font-size: 10px; font-weight: 900; border-width: 2px ; border-style: dotted ; border-color: #990000 ;}
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;}
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: 3px; padding-right: 1px;}
.table2 input{font-size: 10px;}
.table4 input{font-size: 10px;}
input.bouton { font-size: 0.7em;  font-weight: 600; text-align: center; padding: 0 5px; line-height: 1.5em;}
input.bouton2 { font-size: 0.7em;  font-weight: 600; text-align: center; padding-left: 0px;  background-color: #ffffff; border-style: none ;}
input.bouton3 { font-size: 0.7em;  font-weight: 600; text-align: center; padding: 0 5px; margin: 0.5em; color : #990000; line-height: 1.5em; }
input.bouton4 { font-size: 0.7em;  font-weight: 600; text-align: center; padding: 0; margin: 0.5em; color : #990000; width: 90px;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;  font-weight: 300; text-align: left; padding-left: 5px; }
select {font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: 300; text-align: left; padding-left: 3px; padding-right: 1px}
span {font-weight: 300;}
span.obl {font-weight: 300; font-size: 0.85em;}
span.max {font-weight: 300; font-size: 0.7em;}
span.erreur {text-align: center; color: red; font-size: 0.9em; font-weight: 600;}
span.gras {font-size: 16px; font-weight: 600;}

#imp2{                                        /* zone pour version imprimable */
padding: 0;
margin:  0;
margin-right: 0em;
font-size: 70%;
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;}
.haut{
padding: 0;
margin:  0;
margin-top: 2em;
margin-right: -1em;
font-size: 70%;
font-weight: 300;
text-align: right;
}

#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;}

strong{
font-weight: 600;
}

#contenu2 .table5 {width: 80%;
margin: 0 auto;
 color: #38688e;
}
#contenu2 .table5 td {padding: 0.1% 0.1%;  font-size: 0.8em;
border: 1px #ccc solid; text-align: left;}
#contenu2 .table5 li{
 list-style: circle;
 padding:0;
 margin: 0;
margin-left: 5px;}
#contenu2 .table5 ul{
 padding:0;
 margin: 0;
 margin-left: 10px;
padding-left: 5px;}


#contenu2 .table5 th { font-size: 0.8em;  font-weight: 600; text-align: center;
border: 1px #ccc solid;}

#contenu .table6 {width: 90%;
margin: 0 auto;
margin-top: 10px;
font-size: 1em;
}
#contenu .table6 td {padding: 0.1% 0.1%;  font-size: 1em;
border: 1px #ccc solid; text-align: left; font-weight: 300;}
#contenu  .table6 li{
  font-size: 1em;
font-weight: 300;
 list-style: circle;
 padding:0;
 margin: 0;
margin-left: 5px;}
#contenu .table6 ul{
 padding:0;
 font-size: 1em;
 margin: 0;
 margin-left: 10px;
padding: 0 5px;}


#contenu .table6 th { font-size: 1em; font-weight: 600; text-align: center;
border: 1px #ccc solid;}