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

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


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

   
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;}
      h3{
color: #38688e; 
font-family: "palatino linotype";
      font-size: 1.2em;
      font-weight: 900;
      text-align: center;
margin-right: 0%;
margin: 1.7em ;
}
                   
                   
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: 5px 0px 5px 10px;}
p.ligne4 {font-size: 0.7em; font-weight: 300; padding: 0; margin: 0; padding-left: 40px;}
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.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;}

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

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


table.table2 {
width: 99%;
padding-bottom : 1em;}
.table2 td{
padding: 0.2em;
padding-left: 0.5em;}
 .table4 td{
padding: 0.2em;
padding-left: 0.5em;
}


.table4 tr{background-color: #efdcad; 
background-color: #ccc;
border-bottom: 1px solid #aaa ;
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;}

.table4 td{
vertical-align: top;
border-bottom: 1px solid #999;}

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: 1px #666 solid;
border-top: 1px #666 solid;
border-bottom: 1px #666 solid;
border-right: 1px #666 solid;}

table.table4{
width: 99%;
border-collapse: collapse;
border: 1px #666 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: 0 5px;}
input.bouton1 { font-size: 0.6em;  font-weight: 300; text-align: center; padding: 0; width: 170px;}
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; 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.gras {font-weight: 900;}
span.obl {font-weight: 300; font-size: 0.85em;}
span.erreur {text-align: center; color: red; font-size: 0.9em; font-weight: 600; padding-left: 1em;}

.finform2{
padding: 0;
margin-top: 50px;
text-align: center;
}
#table5{
width: 100%;
font-family: font-family: verdana, Helvetica, sans-serif; 
font-size: 0.8em;
margin: 0 auto;
padding: 0;
border: 1px solid #333;
border-collapse: collapse;
}

#table5 td {text-align: left; padding: 0.1%; margin:0;
border: 1px solid #333; vertical-align: top;}
#table5 th {
border: 1px solid #333; vertical-align: top;}
#table5 th{ color: #fff; padding: 0.2em; font-size: 0.9em;  background-color: #4e7696;}

input.bouton4 { font-size: 10px;  font-weight: 600; text-align: center; padding: 0; margin: 0.5em; color : #990000; width: 90px;}
input.bouton5 { font-size: 0.9em;  font-weight: 600; text-align: center; padding: 0; margin: 0.5em; color : #990000; width: 90px;}

#table5 p{                    

color: #333;
font-size: 0.85em;
 border: 0;
    margin: 0;
    padding: 0.2em;
    padding-left: 0.2em;
    font-weight: 300; 
   
}

