body {
        background-color: #2F384D;        
        margin-top:0; 
        margin-left:0; 
        margin-right:0;
}

#menu1920 {
  position: fixed;
  right: 0;
  margin-right: 6em;
  top: 25%;
  width: 230px;
  margin-top: -2.5em;
}

#menu1680 {
  position: fixed;
  right: 0;
  margin-right: 4em;
  top: 26%;
  width: 230px;
  margin-top: -2.5em;
}

#menu1366 {
  position: fixed;
  right: 0;
  margin-right: 0.7em;
  top: 27%;
  width: 230px;
  margin-top: -2.5em;
}

#menu1360 {
  position: fixed;
  right: 0;
  margin-right: 0.3em;
  top: 28%;
  width: 230px;
  margin-top: -2.5em;
}

a {
  color:#3D67AE;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

a:visited{	
}

hr{
  height: 1px;
  background-color: #E4E4E4;
  border: none;
}

ul {
  color:#0C419A;
}

#menudeplie { 
  width: 230px; 
}

#menureplie {
  width: 230px;
}

@font-face {
  font-family: 'mic32';
  src: url("fonts/Roboto-Regular-webfont.woff2") format("woff2"), url("fonts/Roboto-Regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'mic32light';
  src: url("fonts/Roboto-Light-webfont.woff2") format("woff2"), url("fonts/Roboto-Light-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

.textepetitblanc {
  font-size: 12px;
  font-family: mic32;
  color:#FFFFFF;
}

.textetoutpetitblanc {
  font-size: 10px;
  font-family: mic32;
  color:#FFFFFF;
}

.chapoblanc {
  font-size: 17px;
  font-family: mic32;
  color:#FFFFFF;
}

.texteblanc {
  font-size: 14px;
  font-family: mic32light;
  color:#FFFFFF;
}

.texte {
  font-size: 15px;
  font-family: mic32;
  color:#00004B;
}

.texteintro {
  font-size: 16px;
  font-family: mic32;
  color:#00004B;
}

.textepetit {
  font-size: 12px;
  font-family: mic32;
  color:#00004B;
}

.textepetit2 {
  font-size: 10px;
  font-family: mic32;
  color:#00004B;
}

.textepetitrouge {
  font-size: 12px;
  font-family: mic32;
  color:#FF0000;
}

.textepetitbleu {
  font-size: 12px;
  font-family: mic32;
  color:#3D67AE;
}

.textegris {
  font-size: 15px;
  font-family: mic32;
  color:#695469;
}

.textebleu {
  font-size: 15px;
  font-family: mic32;
  color:#3D67AE;
}

.textebleufonce {
  font-size: 15px;
  font-family: mic32;
  color:#00004B;
}

.texterouge {
  font-size: 15px;
  font-family: mic32;
  color:#FF0000;
}

.titrebleu {
  font-size: 22px;
  font-family: mic32;
  color:#07275C;
  font-weight: bold;
}

.intertitre {
  font-size: 16px;
  font-family: mic32;
  color:#3D67AE;
  font-weight: bold;
}

.titredocuments {
  font-size: 16px;
  font-family: mic32;
  color:#07275C;
  font-weight: bold;
}

.titredocuments2 {
  font-size: 16px;
  font-family: mic32;
  color:#FFFFFF;
  font-weight: bold;
}

.champ {
  font-size: 15px;
  font-family: mic32;
  color:#545454;
  background-color:#FFFFFF;
  border:1px solid #579EFF;
  height:37px;
  border-radius: 5px;
}

.champ:hover{
  border-color: #E11A81;
  transition:0.1s;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.champmessage {
  font-size: 15px;
  font-family: mic32;
  color:#545454;
  background-color:#FFFFFF;
  border:1px solid #579EFF;
  border-radius: 5px;
}

.champmessage:hover{
  border-color: #E11A81;
  transition:0.1s;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.champ100 {
  font-size: 15px;
  font-family: mic32;
  color:#545454;
  background-color:#FFFFFF;
  border:1px solid #579EFF;
  height:37px;
  width:100px;
  border-radius: 5px;
}

.champ100:hover{
  border-color: #E11A81;
  transition:0.1s;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.champcaracrestant {
  font-size: 15px;
  font-family: mic32;
  color:#545454;
  background-color:#E7ECF5;
  border:0px;
  height:20px;
}

.bouton {
  width:70px;
  margin:0px;
  padding:0px;
  background:#747474;
  border:1px #6E5F5F solid;
  font-size: 15px;
  color:#FFFFFF;
  font-weight: bold;
  height:37px;
  width:109px;
  border-radius: 10px;
  cursor: pointer;
  transition:0.2s;
}

.bouton:hover{
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.boutonconsulter {
  width:70px;
  margin:0px;
  padding:0px;
  background:#FFFFFF;
  border:2px #3D67AE solid;
  font-size: 15px;
  color:#3D67AE;
  font-weight: bold;
  height:37px;
  width:109px;
  border-radius: 10px;
  cursor: pointer;
  transition:0.2s;	
}

.boutonconsulter:hover{
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.champ2 {
  font-size: 15px;
  font-family: mic32;
  color:#1007C2;
  background-color:#FFFFFF;
  border:1px solid #0C419A;
  height:20px;
  border-radius: 15px;
  padding-left:5px;
  width: 250px;
  font-style: italic;	
}

.champ2:hover{
  border-color: #E11A81;
  transition:0.1s;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.bouton2 {
  width:25px;
  margin:0px;
  padding:0px;
  background:#ffffff;
  border:1px #6E5F5F solid;
  font-size: 11px;
  color:#0956AE;
  font-weight: bold;
  height:18px;
  border-radius: 7px;
  cursor: pointer;
  transition:0.2s;
}

.listefleche{
  list-style-image: url(images/puce_fleche2.gif); 
}

.listefleche2{
  list-style-image: url(images/puce_fleche4.gif); 
}

.listevide{
  list-style-image: url(images/puce_vide.gif); 
}

.blocliste{
  background: #E4E4E4;
  vertical-align: text-middle;
  border-radius: 7px;
  margin: 5px;
  width: 650px;
  height: 50px;
  padding-left: 5px;
  line-height: 50px;
}

.vignette{
  border:1px solid #FFFFFF;
  border-color:#FFFFFF;
  border-radius: 5px;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
  padding: 5px;
}

.vignette:hover{
  transition:0.1s;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
}

.image{
  border-radius: 5px;
  box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
  padding: 10px;
}

.image:hover{
  transition:0.1s;
  box-shadow: 7px 7px 35px rgba(0, 0, 0, 0.5);
}

.video{
  border:1px solid #FFFFFF;
  border-color:#FFFFFF;
  border-radius: 7px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
  padding: 0px;
}

.video:hover{
  transition:0.1s;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);
}

.pdf{
  border:1px solid #FFFFFF;
  border-color:#FFFFFF;
  border-radius: 7px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
  padding: 0px;
}

.tableau{
  border:1px solid #FFFFFF;
  border-color:#FFFFFF;
  border-radius: 7px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
  padding: 0px;
}

.tableau2{
  border:0px solid #FFFFFF;
  border-color:#FFFFFF;
  background-color: #EEF2F8;
  padding:10px;
  border-radius: 7px;
}

.pdf:hover{
  transition:0.1s;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);
}

.recherche {
  font-size: 15px;
  font-family: mic32;
  color:#1007C2;
  background-color:#FFFFFF;
  border:1px solid #0C419A;
  height:25px;
  border-radius: 7px;
  padding-left:5px;
  width: 250px;
  font-style: italic;	
}

.recherche:hover{
  border-color: #E11A81;
  transition:0.1s;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.barre{
}

.barre:hover{
  border-color: #E11A81;
  transition:0.1s;
  border-radius: 7px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.blocsommairehaut{
  border:0px solid #FFFFFF;
  -moz-border-radius:7px 7px 0px 0px;
  -webkit-border-radius:7px 7px 0px 0px;
  border-radius:7px 7px 0px 0px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
}

.blocsommairebas{
  border:0px solid #FFFFFF;
  -moz-border-radius:0px 0px 7px 7px;
  -webkit-border-radius:0px 0px 7px 7px;
  border-radius:0px 0px 7px 7px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
}

.blocsommairecote{
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
}

.imagesommaire{
  border:0px solid #FFFFFF;
  -moz-border-radius:7px 0px 0px 7px;
  -webkit-border-radius:7px 0px 0px 7px;
  border-radius:7px 0px 0px 7px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
}

.blocchaposommaire{
  border:0px solid #FFFFFF;
  -moz-border-radius:0px 7px 7px 0px;
  -webkit-border-radius:0px 7px 7px 0px;
  border-radius:0px 7px 7px 0px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
}

.retraithaut {position:relative; bottom:12px; left:15px;}