.header{
 position:fixed;
 left:0;
 right:0;
 height:66px;
 line-height:66px;
 color:#FFF;
 background-color:rgba(125,125,125,0.5);
 z-index:1000;
}
.menu{
 float:left;
 width:100%;
}
.menu a{
 padding:0 10px;
 color:#FFF;
}
.menu a:hover{
 color:navy;
}

@media only screen and (min-width:981px){
.menuSmartphone{
 display:block;
 position:absolute;
 left:-10000px;
 height:-10000px;
 }		
}
#menuHaut li{
 list-style:none;
 color:#fff;
}	
	
.menuHautGauche .menuHautCentre{
 margin:0 auto; 
 margin-top:-65px;
 text-align:center;
 width:calc(100% - 500px)
}

.menuHautDroit{
 position:absolute;
 right:25px;
 margin-right:20px;
 top:0;
} 
.menuHautDroit a, .menuHautDroit, a:visited, .menuHautCentre a, .menuHautCentre, a:visited, .menuHautGauche a, .menuHautGauche a:visited{
  color:#fff; 
  font-size:14pt;
  font-style:bold;
  text-decoration:none;
}

.menuHautDroit a:hover{
 color:navy;
 text-decoration:none;
}

.menuHautGauche{
 margin-left:20px;
}
.search{
 width:20px;
 fill:#fff;
 position:relative;
 margin-right:20px;
 margin-top:10px;
}

.search:hover{
 fill:#31bde9;	
}
			
@media screen and (max-width: 1024px)
{
.notForSmartphones{
 display:none;
 position:absolute;
 top:-10000px;
 left:-10000px;
 }	
}
	
a span{	
display:none;
font-size:11pt;
line-height:15pt;
color:navy;
font-style:bold;
background:#fff;
padding:2px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
width:150px;
text-align:center;
position: absolute;
top:60px;
z-index:2000;
}

a { 
 display: inline-block;
}

a:hover span{ 
 display:block; 
}

#gauche{
 line-height:24pt;	
}

.lienActif{
 color:#31bde9;
}

.searchActif{
  fill:#31bde9;		
}

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

.menu{
 position:absolute;
 right:0;
 top:0;
 bottom:0;
 overflow-y:scroll;
 -webkit-overflow-scrolling:touch;
 background-color:#2a378b;
 width:250px;
 -moz-transform:translateX(250px);
 -ms-transform:translateX(250px);
 -webkit-transform:translateX(250px);
 transform:translateX(250px);
}
   
.menu a:link, .menu a:visited{
 display:block;
 height:40px;
 text-align:center;
 line-height:40px;
 text-decoration: none;
}
	
#menuHaut{
 display:block;
 position:absolute;
 left:-10000px;
 height:-10000px;
}

.menuHautDroit a:link, .menuHautDroit, a:visited, .menuHautCentre a:link, .menuHautCentre, a:visited, .menuHautGauche a:link, .menuHautGauche a:visited{
  color:black; 	
 }

.links{
 line-height: 12pt;		
}	
}

.texteNavy{
	color:navy;
}
.texteTurquoise{
 color:#31bde9;
}

.texteRouge{
 color:#C0070A;
}

.paragrapheCentre{
	width:100%;
	text-align: center;
}

.pasDespaceEnDessous{
	margin-bottom:20;
	margin-top:0;
	line-height:24pt;
	padding-bottom:0;
}

.posts a:link, a:visited{
	color:navy; 
}

.surtitre{
	font-style:bold;
	margin-bottom:5px;;
}

.footerPiedDePage{
	border-top-color:white;
	border-top-width: 50px;
	border-top-style:solid;
}
div.round{
	margin:120px;
	width:200px;
	height:200px;
	position:relative;
}
div.round.input{
	position:absolute;
	top:50px;
	left:50px;
	font-size:60px;
	text-align:center;
	width:100px;
	border:none;
	background:none;
	outline:none;
}
div.round.canvas{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.listeContenus{
	font-size:12pt;
	line-height: 14pt;
	color:navy;
}
.aPropos, .aPropos strong{
	color:navy;
}
.helper{
    margin:10px;
    width:200px;
    background:#FF0000;
    height:100px;
    text-align:center;
    border-radius:200px;
	line-height: 180px;
}


#bandeauSoutien,#bandeauSoutienReportage{
  position:absolute;
  top:60px;
  left:0px;
  z-index:10;
  background-color:orange;
  opacity:0.9;
  font-size:0.7em;
  width:100%;
  line-height:2em;
  padding-right:20px;
  color:white;
}

#bandeauSoutienReportage{
	top:0;
}

#bandeauSoutienReportage li{
	list-style-type:none;
	background-color: orange;
	opacity:0.8;
}