@charset "utf-8";
body, nav,  a  {margin: 0; padding: 0;}
body {font-family:  Calibri;letter-spacing:0.05em;font-size:120%;font-weight:400;line-height:140%;background:black;}

a {text-decoration: none;}
.container {
    width: 100%;
    max-width: 100%;
    margin: 10px auto;
}

.container2 {
    /*width: 90%;
    max-width: 100%;
    margin: 10px auto;*/
	width:96%;

	height: 75vh;
    margin: 2%;
    padding: 0;	
    overflow: auto;	
}
/*-------------------------------MENU---------------------------------*/
.toggleMenu {
    display:  none;
    background: #D81D2D;
    padding: 5px 15px;
    color: #fff;
}
.nav {
    list-style: none;
    *zoom: 1;
	background:#D81D2D;
	display:inline-block;
	overflow: hidden; 
	position: relative;
    text-align:center;

}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    margin: 5px auto;
}
.nav a {
    padding: 15px 15px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 0px solid #104336;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li.hover .parent {
		color:#E8A200;

}
.nav-bleu :hover {
	color:#E8A200;
	

}
.nav-bleu {
	letter-spacing:0.3em;
	font-weight:600;
	
}

.nav > li > a {
    display: block;
}


@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}
/*--------------------------FIN MENU-----------------------------------*/


/*---------------------------Bouton HAUT------------------------------*/
a#cRetour{
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.25);
  position:fixed;
  right:20px;
  opacity:1;
  z-index:99999;
  transition:all ease-in 0.2s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
}
a#cRetour:before{ content: "\25b2"; }
a#cRetour:hover{
  background:rgba(0, 0, 0, 1);
  transition:all ease-in 0.2s;
}
a#cRetour.cInvisible{
  bottom:-35px;
  opacity:0;
  transition:all ease-in 0.5s;
}

a#cRetour.cVisible{
  bottom:20px;
  opacity:1;
}
/*-------------------------------------------FIN Bouton HAUT---------------------------------*/




/*-----------------------MISE EN PAGE DU TEXTE----------------------*/
.titre-1em{
		
		font-size: 1em;
		font-weight:900;
		color:#fe5722;
}

.titre-1emb{
		
		font-size: 1em;
		font-weight:900;
		color:#313f61;
}

.titre-1-5em{
		
		font-size: 1.5em;
		color:#fe5722;
}

.titre-2em{
		
		font-size: 2em;
		color:#fe5722;
}

.titre-2-5em{
		
		font-size: 2.5em;
		color:#fe5722;
}

.titre-3em{
		
		font-size: 3em;
		color:#fe5722;
}

.footer a {color:#D81D2D;}

.footer {
		text-align:center;
		color:#D81D2D;
		margin-top:10px;
}

/*---------------------- FIN MISE EN PAGE DU TEXTE ------------------*/



@media  screen and (max-width: 479px) {

body {line-height:160%; }
.footer {font-size:90%;}


}

@media  screen and (min-width: 480px) and (max-width: 959px) {

body {line-height:160%; }
.footer {font-size:90%;}

}

@media  screen and (min-width: 960px) and (max-width: 1280px) {


}