/* Cross-browser settings */
* {
 margin: 0;
 padding: 0;
}

/* general styles */
html, body {width:100%;margin:0;height: 100%;}

body {
 height: 100%;
 overflow:auto;


 font-family: 'MyriadWebPro','Arial';
 font-size: 14px;
 margin:0;
 color:#000000;
 
}
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}

a:link{color:#000 ; text-decoration: none ;}
a:visited {color: #000 ; text-decoration: none ;}
a:hover { color: #333 ; text-decoration: none ; }
a:link img {border: 0}


a:hover img {border: 0}
a:visited img {border: 0}
a:active img {border: 0}

@font-face { font-family:"ManusTrial"; src:  url("fonts/ManusTrial.otf") format("TrueType"); } 

@font-face { font-family:"MyriadWebPro"; src:  url("fonts/myriadwebpro-webfont.ttf") format("TrueType"); } 
@font-face { font-family:"MyriadWebPro"; font-weight: bold;  src:  url("fonts/myriadwebpro-bold-webfont.ttf") format("TrueType"); } 
@font-face { font-family:"MyriadWebPro"; font-style: italic; src:  url("fonts/myriadwebpro-italic-webfont.ttf") format("TrueType"); } 



a.blanc:link{color:#FFFFFF ; text-decoration: none ;}
a.blanc:visited {color: #FFFFFF  ; text-decoration: none ;}
a.blanc:hover { color: #FFFFFF ; text-decoration: none ; }

a.orange:link{color:#fa9d4c ; text-decoration: none ;}
a.orange:visited {color: #fa9d4c  ; text-decoration: none ;}
a.orange:hover { color: #fa9d4c ; text-decoration: none ; }

a.menuBlog:link{color:#a84d20 ; text-decoration: none ; font-family: "Lobster"; }
a.menuBlog:visited {color: #a84d20  ; text-decoration: none ; font-family: "Lobster";}
a.menuBlog:hover { color: #6e3315 ; text-decoration: none ;  font-family: "Lobster";}



.top-buffer { margin-top:20px; }

      h1
{	

	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	color: #000;
 }
 



       div#contener
{	
	width:960px ;
	
	position:absolute;
	top:30px;
	left:50%;
	margin-left: -480px;
	z-index: 0;
 }
 

 .triangle147
{
 width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0 7px;
border-color: #FFFFFF transparent transparent transparent;
color: #FFFFFF;
}

 
         .annime
{	
	
	opacity:1;
	
	-webkit-transition:  0.1s linear;
	-moz-transition:  0.1s linear;
	-o-transition:  0.1s linear;
	-ms-transition:  0.1s linear;
	transition:  0.1s linear;
	
 }
 

 
 .vertical_center {
     position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* Smartphone */
	.diapo {
         height: 150px;
    }
	.btnPermis {
         height: 150px;
         margin-top:2px;
    }
    
    .vide1 {
         height: 5px;
    }
    .vide2 {
         height: 5px;
    }
     .vcenterTxt {
    display: flex;
    align-items: center;
    }
    .diapoTxt {
	 position: absolute;	
	 width: 90%;
     top: 25px;
     left: 5%;
    
	}
	.diapoTxtTitre {
	 font-size: 24px;
	 line-height: 24px;
	}
	.diapoTxtSousTitre {
	 top:50px;
	 font-size: 14px;
	 line-height: 13px;
	 width: 80%; 
	}
	.diapoTxtBtn {
	 
	 font-size: 16px;
	 width: 60%;
	}
	.permisSomP2 .t1a {
	 
	 font-size: 50px;
	 width: 100%;
	 
	}
	.permisSomP2 .t1b {
	 
	 font-size: 30px;
	 width: 100%;
	 
	}
	.btnPermisSom {
         height: auto;
         padding-bottom: 10px;
         border-bottom: solid 2px #f48047;
    }
	.btnPermisSom .t1 {
       font-size: 20px;
    }
   .permisST1 {
	    width: auto;
	    height: auto;
	    
    }
    .avantageCtn {
	    line-height: 14px;
	}

@media (min-width: 768px) {
    .diapo {
         height: 200px;
    }
    .btnPermis {
         height: 150px;
         margin-top:0px;
    }
    .vide1 {
         height: 5px;
    }
    .vide2 {
         height: 20px;
    }
     .vcenterTxt {
    display: flex;
    align-items: center;
    
	}
	.diapoTxt {
	 position: absolute;	
	 width: 750px;
     top: 30px;
     left:50%;
     margin-left:-375px;
	}
	.diapoTxtTitre {
	 font-size: 30px;
	 line-height: 30px;
	}
	.diapoTxtSousTitre {
	 top:40px;
	 font-size: 20px;
	 line-height: 20px;
	 width: 60%;
	}
	.diapoTxtBtn {
	 
	 font-size: 20px;
	 width: 60%;
	}
	.permisSomP2 .t1a {
	 
	 font-size: 50px;
	 width: 340px;
	}
	.permisSomP2 .t1b {
	 
	 font-size: 30px;
	 width: 500px;
	}
	.btnPermisSom {
         height: 280px;
         border: none;
    }
    .btnPermisSom .t1 {
       font-size: 30px;
    }
    	
    .permisFondIntro {
	    margin-left: 0px;
    }
    .permisST1 {
	    width: 506px;
	    height: 27px;
    }
   
}
@media (min-width: 992px) {
    .diapo {
         height: 300px;
    }
    .btnPermis {
         height: 200px;
         margin-top:0px;
    }
    .vide1 {
         height: 10px;
    }
    .vide2 {
         height: 40px;
    }
     .vcenterTxt {
    display: block;
    
	}
	.righ-buffer { padding-right:30px; }
	.left-buffer { padding-left:30px; }
	.diapoTxt {
	 position: absolute;	
	 width: 970px;
     top: 50px;
     left:50%;
     margin-left:-485px;
	}
	.diapoTxtTitre {
	 font-size: 35px;
	 line-height: 35px;
	}
	.diapoTxtSousTitre {
	 top:50px;
	 font-size: 25px;
	 line-height: 30px;
	 width: 60%;
	}
	.diapoTxtBtn {
	 
	 font-size: 25px;
	 width: 60%;
	}
	.titrePermis {
	 height:310px;
	}
	.permisFondIntro {
	    margin-left: 60px;
    }
}
@media (min-width: 1200px) {
    .diapo {
       height: 400px;
    }
    .btnPermis {
         height: 200px;
         margin-top:0px;
    }
    .vide1 {
         height: 20px;
    }
    .vide2 {
         height: 40px;
    }
     .vcenterTxt {
     display: block;
	}
	.righ-buffer { padding-right:30px; }
	.left-buffer { padding-left:30px; }
	.diapoTxt {
	 position: absolute;	
	 width: 1170px;
     top: 100px;
     left:50%;
     margin-left:-585px;
	}
	.diapoTxtTitre {
	 font-size: 40px;
	 line-height: 40px;
	}
	.diapoTxtSousTitre {
	 top:60px;
	 font-size: 30px;
	 line-height: 30px;
	 width: 60%;
	}
	.diapoTxtBtn {
	 
	 font-size: 30px;
	 width: 60%;
	}
	.titrePermis {
	 height:292px;
	}
}

 
a.cybfoot:link{color:#F48E5C ; text-decoration: none ;}
a.cybfoot:visited {color: #F48E5C ; text-decoration: none ;}
a.cybfoot:hover { color: #fff ; text-decoration: none ; }






.GaugeMeter {
  position: Relative;
  text-align: Center;
  overflow: Hidden;
  cursor: Default;
  display: inline-block;
}

.GaugeMeter SPAN, .GaugeMeter B {
  width: 54%;
  position: Absolute;
  text-align: Center;
  display: Inline-Block;
  color: RGBa(0,0,0,.8);
  font-weight: 100;
  font-family: "Open Sans", Arial;
  overflow: Hidden;
  white-space: NoWrap;
  text-overflow: Ellipsis;
  margin: 0 23%;
}

.GaugeMeter[data-style="Semi"] B {
  width: 80%;
  margin: 0 10%;
}

.GaugeMeter S, .GaugeMeter U {
  text-decoration: None;
  font-size: .60em;
  font-weight: 200;
  opacity: .6;
}

.GaugeMeter B {
  color: #000;
  font-weight: 200;
  opacity: .8;
}
/* Modification CyberCité Pages de referencements 24-10-2016 */
#cyber-content{
	padding:0 20px;
}
h1.h1cyber, h2.h2cyber{
	font-family: "Lobster";
}
.content_cyber{
	background:#f1e7c4;
}
/* Fin Modification CyberCité Pages de referencements 24-10-2016 */