/* Sidenav menu */
.sidenav {
  height: 87%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: -100%;
  background-color: #CED9EB;
  padding-top: 60px;
  transition: left 0.5s ease;
}

/* Sidenav menu 2 */
.sidenav2 {
  height: 62%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  right: -100%;
  background-color: #CED9EB;
  padding-top: 60px;
  transition: right 0.5s ease;
}

/* Sidenav menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-family: mic32;
  font-size: 40px;
  color: #00004B;
  display: block;
  transition: 0.3s;
}

/* Sidenav menu links 2 */
.sidenav2 a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-family: mic32;
  font-size: 36px;
  color: #00004B;
  display: block;
  transition: 0.3s;
  text-align: left;
}



.sidenav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidenav li{border-style: solid;border-width: 1px 1px 1px 0;border-color: #fff;line-height: 70px;}

.sidenav2 ul {
  list-style-type: none;
  padding: 0;
  margin: 0; 
}

.sidenav2 li{border-style: solid;border-width: 1px 1px 1px 0;border-color: #fff;line-height: 100px;}

/* Active class */
.sidenav.active {
  left: 0;
}

/* Active class 2 */
.sidenav2.active {
  right: 0;
}

/* Close btn */
.sidenav .close {
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 50px;
}

/* Close btn 2 */
.sidenav2 .close {
  position: absolute;
  top: 10px;
  left: 25px;
  font-size: 50px;
}

/* Icone burger */
.burger-icon span {
  display: block;
  width: 70px;
  height: 10px;
  background-color: white;
  margin: 6px 0;
}

/* Icone burger 2 */
.burger-icon2 span {
  display: block;
  width: 70px;
  height: 10px;
  background-color: white;
  margin: 6px 0;
}

#barre {position: fixed; right: 0; top: 0%; width: 100%; height: 90px; background-color: #2A2C2C;}

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

a {
  color:#1107C0;
  text-decoration:none;
  font-weight: bold;
}

a:visited{		
}

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

ul {
  color:#0C419A;
}

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


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

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

.titreblanc {
  font-size: 44px;
  font-family: mic32;
  color:#FFFFFF;
}

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

.titreorange {
  font-size: 44px;
  font-family: mic32;
  color:#CA4733;
  font-weight: bold;
}

.texteblanc {
  font-size: 32px;
  font-family: mic32;
  color:#FFFFFF;
}

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

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

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

.textebleu {
  font-size: 32px;
  font-family: mic32;
  color:#0066B3;
}

.textepetit {
  font-size: 24px;
  font-family: mic32;
  color:#3D4558;
}

.titretexte {
  font-size: 40px;
  font-family: mic32;
  color:#3D4558;
}

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

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

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

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

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

.champ2 {
  font-size: 34px;
  font-family: mic32;
  color:#1007C2;
  background-color:#FFFFFF;
  border:1px solid #FFFFFF;
  height:70px;
  border-radius: 25px;
  padding-left:5px;
  width: 400px;
  font-style: italic;	
}

.case {
  padding:0px;
  background-color:#F5F5F5;
  height:60px;
  width:60px;
  color:#545454;
}

.bouton {
  width:70px;
  margin:0px;
  padding:0px;
  background:#747474;
  border:1px #6E5F5F solid;
  font-size: 32px;
  color:#FFFFFF;
  font-weight: bold;
  height:80px;
  width:250px;
  border-radius: 20px;
}

.boutonconsulter {
  width:70px;
  margin:0px;
  padding:0px;
  background:#FFFFFF;
  border:2px #3D67AE solid;
  font-size: 32px;
  color:#3D67AE;
  font-weight: bold;
  height:80px;
  width:250px;
  border-radius: 20px;	
}

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

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

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

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

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

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

ul {
  color:#6699FF;
}

.blocactu{
  border:0px solid #FFFFFF;
  -moz-border-radius:15px 15px 15px 15px;
  -webkit-border-radius:15px 15px 15px 15px;
  border-radius:15px 15px 15px 15px;
  box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.5);
}

.retraithaut {position:relative; bottom:20px; left:20px;}