@font-face {
    font-family: 'Brother 1816';
    src: url("../fonts/Brother-1816-Regular.woff") format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Brother 1816';
    src: url("../fonts/Brother-1816-Thin.woff") format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Brother 1816';
    src: url("../fonts/Brother-1816-Medium.woff") format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Brother 1816';
    src: url("../fonts/Brother-1816-Bold.woff") format('woff');
    font-weight: 700;
    font-style: normal;
}

body{
   color: #000;
   background: #f6f6f6;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif;
  text-align: center;
       }
#page{
background: #fff;
padding: 0;
width: 800px; 
height: auto;
margin: 10px auto 0 auto;
border: 0px solid #f6f6f6;

}
/*  --------------------------- bannière  */
#baniere{
margin: 0;
padding: 0;
border: 0;
background: #fff;
border-bottom: 20px solid #007FA2;}
#baniere img{
margin: 0;
padding: 0;
}
/*  --------------------------- divers  */

p,h2, h3 {
padding: 0;
margin: 0;}
tr,th,td {padding : 0;
margin: 0;}
a{
 color :  #007FA2;  
}
/*  --------------------------- menu */
#menu {width: 13%;
float: left;
padding-top: 20px;
padding-left: 1%;
padding-bottom: 2em;

}
#menu ul{
text-align: left;
margin: 0;
font-size: 12px;
width: 100px;
padding: 0 0 0 8px;
}

#menu li{
text-align: left;
font-size: 12px;
width: 100px;
font-weight: 600;
padding: 0px;
margin: 5px 0 10px 0;
line-height: 12px;
color: #880000;
list-style: square outside;
list-style: none;}

/*  --------------------------- contenu */
#contenu {width: 80% ;
margin: 0px;
padding: 0;
border: 0;
margin-left: 15%;
border-left: 2px #f6f6f6 ridge;
border-right: 0px #f6f6f6 solid;
padding: 0 0.5% 1% 0.5%;
}
#contenp {width: 99% ;
margin: 0px;
padding: 0;
border: 0;
margin-left: 1%;
border-left: 0px #f6f6f6 ridge;
border-right: 0px #f6f6f6 solid;
padding: 0 0.2% 1% 0.2%;
}
#contens {width: 95% ;
margin: 0px;
padding: 0;
border: 0;
margin-left: 3%;
border-left: 0px #f6f6f6 ridge;
border-right: 0px #f6f6f6 solid;
padding: 0 0.5% 1% 0.5%;
}
h1 {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 24px; color: #000; font-weight: 900; text-align: center;  padding-top: 5px;  padding-left: 15px; padding-right : 15px}
h2 {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 20px; color: #007FA2; font-weight: 900; text-align: center;  padding-top: 40px; padding-bottom: 30px}
h2.fiche {padding: 10px;}
h3 { font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 16px; color: #007FA2; font-weight: 900; text-align: center;  padding: 30px 5px 10px 5px;}
h4 {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 16px; color: #007FA2; font-weight: 900; text-align: center;  padding-top: 5px; padding-bottom: 0px}

h3.accueil{ font-size: 14px; 
border-top: 0px #4b5d7f solid;}

p {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 12px;  font-weight: 400; text-align: left; padding: 0; margin: 0;}
p.ligne {font-weight: 600; padding: 0; padding-left: 10px ;margin: 0;}
p.lignef { font-weight: 500; padding: 0; padding-left: 10px ;margin: 0;}
p.lignef2 { font-weight: 400; padding: 0; padding-left: 10px ;margin: 0;}
p.ligneb {font-weight: 600; padding: 0; padding-left: 10px ;margin: 0; margin-bottom: 1em;}
p.lien {font-weight: 600; padding-left: 10px; color : #cc0404; font-size: 12px; text-decoration : underline; cursor: hand;}
p.ligne3 {font-weight: 600; font-size: 14px; }
p.ligne3b {font-weight: 600; font-size: 14px; padding-left: 60px; margin-bottom: 7px; }
p.ligne2 {padding-left: 60px; padding-left: 10px}
p.ligne4 {padding-left: 60px; padding-left: 10px; font-size: 14px; }
p.ligne5 {font-weight: 600; font-size: 14px; text-align: center; }
p.tete {font-weight: 600; font-size: 16px; color: #007FA2;}
P.tete4 {font-weight: 600; font-size: 12px; color: #0033aa;}
P.tete4b {font-weight: 600; font-size: 12px; color: #0033aa; padding-left: 10px;}
P.tete5 {font-weight: 900; font-size: 12px; color: #000000; text-align: center;}
p.tete3 {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-weight: 900; font-size: 15px; color: #007FA2; margin: 5px;}
p.tete3b {position:  relative; font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-weight: 900; font-size: 15px; color: #007FA2; margin: 5px; padding-left: 10px; padding-bottom:  10px;}
p.tete3p {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-weight: 900; font-size: 15px; color: #007FA2; margin: 5px; padding-left: 20px;}
p.tete2 {font-weight: 600; font-size: 16px; color: #007FA2; text-align: center; margin: 1em 0;}
p.erreur {text-align: center; color: #cc0404; font-size: 16px; font-weight: 600;}
div.info{
width: 80%;
border: 2px solid #cc0404;
margin: 1em auto;
padding: 1%;}
.info ul{padding: 0 0 10px 20px; margin: 0;}
.info p,.info li{padding: 0; margin: 0; text-align: left; color : #cc0404; font-size: 14px; font-weight: 600; line-height: 1.3em;}

div.infob{
width: 80%;
border: 2px solid #007FA2;
margin: 1em auto;
padding: 1%;}
.infob ul{padding: 0 0 10px 20px; margin: 0;}
.infob p,.infob li{padding: 0; margin: 0; text-align: left; color : #007FA2; font-size: 14px; font-weight: 600; line-height: 1.3em;}

div.connect{
width: 70%;
border: 1px solid;
margin: 1em auto;
padding: 1em;}

.connect h3 {
    padding: 10px 5px 10px 5px;
}

p.info3 {text-align: center;  font-size: 12px; font-weight: 600; border-width: 0px ; border-style: solid ; border-color: #990000 ;padding-top: 20em; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
p.info2 {text-align: center; color : 0033aa; font-size: 12px; font-weight: 900; border-width: 2px ; border-style: dotted ; border-color: #990000 ;}
li {padding-left: 60px; padding-left: 10px; font-size: 14px; }
p.accueil {text-align: center; color: #03a; font-size: 12px; font-weight: 600; border: 2px #f6f6f6 outset; background: #eee; width: 90px; margin: 20px auto; padding: 5px;}
p.accueil a {color: #03a; text-decoration: none; padding: 0; margin: 0; }

p.tete3b::before{content: "";
display: block;
position: absolute;
bottom: 0;
width: 3.84em;
height: 0px;
background-color: #007FA2;}

input {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 12px;  font-weight: 400; text-align: left; padding: 0; margin: 0; padding-left: 2px}
input.bouton {margin: 1em 0; font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 12px; line-height: 12px;  font-weight: 600; text-align: center; padding: 0.9em; background-color: #007FA2; color: #fff; border: #007FA2 1px solid; text-transform : uppercase;}
input.bouton2 {margin: 1em 0; font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 0px;  font-weight: 600; padding:  0; border-style: none ;}
input.bouton3 {margin: 1em 0; font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif;font-size: 12px;  font-weight: 600; text-align: center; line-height: 14px; text-align: center; padding: 0.9em;  background-color: #ffffff; color: #cc0404; border: #007FA2 1px solid; text-transform : uppercase; }
input.bouton4 {margin: 1em 0; font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 12px;  font-weight: 600; text-align: center;  color: #cc0404; padding: 2px 5px;  }

textarea {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 12px;  font-weight: 400; text-align: left; padding-left: 5px}
select {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 12px;  font-weight: 400; text-align: left; padding-left: 5px}



span {font-weight: 400;}
span.obl {font-weight: 400;font-size: 11px;}
span.erreur { color: #cc0404; font-size: 15px; font-weight: 600; padding: 0.2em;}
span.gras {font-size: 16px; font-weight: 600;}
span.rouge { color: #cc0404;  font-weight: 600;}



/* ------------------------------- tables et tableaux  ---------------------------------------*/
table {padding: 0;
margin: 0em auto 1em auto; border: 2px #ccc solid;
}
caption.fiche {padding: 3px; text-align: left; font-weight: 900; font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 14px; color: #ffffff; background-color: #000000;}
caption { font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; padding: 0; margin: 0;  text-align: left; font-weight: 600; font-size: 1em;  background-color: #F6F6F6; padding: 5px; 
border-top: 2px #ccc solid; border-left: 2px #ccc solid; border-right: 2px #ccc solid; border-bottom: 0px #666 solid; 
}
.pilotage caption {padding: 3px; text-align: left; font-weight: 600; font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 14px; color: #000000; background-color: #F6F6F6;
 margin: 0; 
border: 2px #ccc solid; border-collapse: collapse;
}
th {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 12px;  font-weight: 900; text-align: center; padding: 2px; color: #000000;}
td  {font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; font-size: 12px; padding: 2px; text-align: left; margin: 0;}


table.tableau,table.tableau2,table.tableau3  { padding: 0; padding 2px; border: 2px #f6f6f6 outset; border-collapse: collapse;}  
table.pilotage{ padding: 0;  padding 2px;  border-collapse: collapse;}
.tableau2 td, .tableau2 th,.tableau3 td, .tableau3 th {border: 1px #f6f6f6 solid ; margin: 0; padding: 2px; }
.tableau3 td{ border-left: 0; border-right: 0;}

.pilotage td,.pilotage tr, .pilotage th{padding : 0; margin: 0; padding: 0px;  margin: 0; font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; border: 2px #ccc solid;}
.pilotage p {padding : 0; margin: 0; padding: 2px 2px;  margin: 0; font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif;}
.tableau2 p.ligne,.tableau3 p.ligne{padding : 0; margin: 0; padding-left: 5px;  font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif;}

table.dip td,table.dip tr,table.dip th,table.dip td p {padding : 0; padding: 2px 1px;  margin: 0; font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif;}
table.dip2 td,table.dip2 tr,table.dip2 th,table.dip2 td p {padding : 0; padding: 4px 1px;  margin: 0 auto; ffont-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif; }

table.dip2 select, table.dip2 input {font-size: 11px; }

th#entete {
height: auto;
background-color: #f6f6f6;
border-bottom: 0px #eee outset;
}

#finform, .finform2{
padding: 0;
margin-top: 20px;
text-align: center;
}
#finpage{
clear: both;
padding: 0;
margin: 0;
}
area {
    outline: none;
}
input,textarea {
    outline: none;
}
input:focus, textarea:focus {
    border:  #007FA2 solid 2px ;
}
input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  border-radius: 50%;
  width: 16px;
  height: 16px;

  border: 2px solid #999;
  transition: 0.2s all linear;
  margin-right: 5px;

  position: relative;
  top: 4px;
}

input:checked {
  border: 6px solid #007FA2;
}

.select-container {
  position: relative;
 
  display: inline-block;


}

.select-container::after {
  content: "";
  color:  #007FA2;
  position: absolute;
    top: 50%; 
    margin-top: -3px;
    right: .5em;  
    display: block; 
    width: 0; height: 0;
    border-color: transparent;
    border-top-color: #007FA2; 
    border-width: 6px;
    border-style: solid;
    
    pointer-events: none;
}

.select-container select {
  -webkit-appearance: none;
  appearance: none;
   -moz-appearance: none;
    outline: none;
      border-radius: 0;
  border:  1px solid #999;
 background-color: #fff;
  height: auto;
   
}

option {
  -webkit-appearance: none;
  appearance: none;
   -moz-appearance: none;
    outline: none;
}