@charset "utf-8";
@import url("animation.css");
@import url("/css/fonts/fonts.css");
/* Olivier LAM */
/* www.olivierlam.fr */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
	height: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	font-family: 'afta_sansregular';
	font-size: 14px;
	height: 100%;
	line-height: 1.42857143;
	margin: 0;
	min-height: 100%;
	padding: 0;  
}
body.accueil{
	overflow:hidden;
}
h1.dolce,h2.dolce,h3.dolce{
	font-family: 'dolce_vita_lightsuper_light';
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
img,
img a{
	border:none;
	vertical-align: middle;
}
.cb{clear:both;}
img.diap{
	height:300px;
	margin:0;
	padding:0;
	width:100%;
}
.sep{
	height:1px;
	margin:0;
	padding:0;
	width:100%;
}
.sep.rouge{
	background:red;
	*background-color:red;
}
.sep.foot{
	margin-top:50px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 300px;
	overflow:hidden;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-wrapper {
    height: 300px;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}
.video-container {
    position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	height: 100%;
}
p.titre,span.titre{font-weight:bold;}
.informations-formation{
	background-image:url('/images/struckaxiom.png');
	border-bottom:3px red solid;
	margin-bottom:10px;
	padding:5px 10px;
}
.plan-formation{
	background-image:url('/images/foil.png');
	border-bottom:3px black solid;
	padding:5px 10px;
}
img.formation_logo{
	float:right;
}
.ulfl{
	float:left;
}
.fl li{
	float:left;
	list-style-type:none;
}
.fl.formations-accueil img {
    height: 100px;
}
.fl.formations-accueil ul{
	margin:0;
	padding:0;
}
.fl.formations-accueil li{
	height:150px;
	margin:10px 10px 10px 0;
	padding:5px;
	text-align:center;
}
.fl.formations-accueil li:hover{
	box-shadow:0px 0px 5px 0px #a1a1a1;
}
#bgmc{
	background:url('/images/fond-mots-cles.png') center fixed no-repeat;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
}
.social{
	right:-140px;
	position:fixed;
	top:15%;
	z-index:9999;
}
.social:hover{
	right:0;
}
/*offre*/
#offre{
	display:none;
	height:auto;
	left:25%;
	position:absolute;
	top:10%;
	width:100%;
	z-index:1;
}
#offre:hover{
	cursor:pointer;
}
#offre img{
	height:450px;
	width:auto;
}
/*offre*/
/*fil arianne*/
#arianne{
	border-bottom:1px solid #a1a1a1;
	height:30px;
	position:relative;
	width:100%;
}
#arianne ul{
	margin:0;
	padding:0;
}
#arianne ul li{
	background:url('/images/arianne-sep.png') center right no-repeat;
	display:inline-block;
	height:30px;
	margin:0;
	padding:0 20px 0 0;
	vertical-align:top;
}
#arianne ul li:first-child{
	padding-left:10px;
}
#arianne ul li:last-child{
	background:none;
	padding-left:10px;
}
#arianne ul li.vousetes{
	background:url('/images/arianne-sep-first.png') center right no-repeat;
}
#arianne ul li p{
	margin:5px 0 0;
	padding:0;
}
#arianne ul li a:hover{
	border-bottom:solid 1px #777;
}
#arianne ul li a{
	color:#777;
	height:30px;
	margin:0;
	padding:0;
	text-decoration:none;
}
#arianne ul li a span{
	margin:0;
	padding:0;
	vertical-align:top;
}
#arianne ul li img{
	padding:0;
}
/*fin fil arianne*/	
/*page d'accueil choix de la ville*/#accueilold{
	height:100%;
	margin:0 auto;
	padding-top:20px;
	width:1010px;
}
#accueilold #logo{
	float:left;
    height: auto;
    margin: 0 auto;
    min-height: 100%;
	text-align:center;
    width: 400px;
}
#accueilold #logo .logo_infs{
	background:url('/images/logo/logo_200.png') no-repeat;
	background-repeat:none;
	height:200px;
	margin:0 auto;
	width:200px;
}
/*#accueilold #logo .logo_infs:hover{
	background:url('/images/logo-nouveau.png');
	height:250px;
	margin:0 auto;
	width:250px;
}*/
#accueilold #logo h1{
	font-size:50px;               
}
#accueilold #logo img{
}
#accueilold #logo #afficher{
	height:50px;
	width:360px;
}
#accueilold #logo #afficher:hover{
	cursor:pointer;
}
#accueilold #logo .gocarte{
	background:url('/images/bouton-accueil.png');
	height:50px;
	margin:0 auto;
	width:360px;
}
#accueilold #logo a{
	text-decoration:none;
}
#accueilold #logo a .gocarte span{
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:47px;
}
#accueilold #carte{
	float:right;
    height: auto;
    margin: 0 auto;
    min-height: 100%;
    padding: 0;
    width: 610px;
	z-index:-1;
}
#accueilold #carte .carte{
	background:url('/images/carte-france-accueil.png') no-repeat;
	height:600px;
	margin:0 auto;
	position:relative;
	width:600px;
}
#accueilold #carte .carte p{
	opacity:0.3;
	-webkit-transition: all 0.50s ease-in-out 0s;
	-moz-transition: all 0.50s ease-in-out 0s;
	-o-transition: all 0.50s ease-in-out 0s;
	-ms-transition: all 0.50s ease-in-out 0s;
	transition: all 0.50s ease-in-out 0s;
}
#accueilold #carte .carte p a{
	color:black;
	text-decoration:none;
}
#accueilold #carte .carte p.evreux{
	left:268px;
	position:absolute;
	top:92px;
}
#accueilold #carte .carte p.evreux:hover{
	opacity:1;
}
#accueilold #carte .carte p.lille{
    left: 320px;
    position: absolute;
    top: -30px;
}
#accueilold #carte .carte p.lille:hover{
	opacity:1;
}
#accueilold #carte .carte p.marseille{
	bottom:125px;
	left:430px;
	position:absolute;
}
#accueilold #carte .carte p.marseille:hover{
	opacity:1;
}
#accueilold #carte .carte p.nimes{
    bottom: 130px;
    left: 320px;
    position: absolute;
}
#accueilold #carte .carte p.nimes:hover{
	opacity:1;
}
#accueilold #carte .carte p.uzes{
    bottom: 180px;
    left: 360px;
    position: absolute;
}
#accueilold #carte .carte p.uzes:hover{
	opacity:1;
}
#accueilold #carte .carte p.avignon{
    bottom: 175px;
    left: 400px;
    position: absolute;
}
#accueilold #carte .carte p.avignon:hover{
	opacity:1;
}
#accueilold #carte .carte p.paris{
    left: 300px;
    position: absolute;
    top: 90px;
}
#accueilold #carte .carte p.paris:hover{
	opacity:1;
}
#accueilold #carte .carte p.saintouen{
	left:290px;
	position:absolute;
	top:90px;
}
#accueilold #carte .carte p.saintouen:hover{
	opacity:1;
}
div#accueil{
	margin:0 auto;
	text-align:center;
	width:100%;
}
div#accueil h1 span{
  font-family: 'robotolight';
	font-size:100px;
}
div#accueil h1{
  font-family: 'dolce_vita_lightsuper_light';
	font-size:50px;
}
div#accueil div.villes{
	margin:0 auto;
	position:relative;
	text-align:center;
	width:69%;
}
div#accueil div.villes ul{
	position:relative;
	width:100%;
}
div#accueil div.villes ul li.ville{
	background:#ed1010;
	float:left;
	height:200px;
	list-style-type:none;
    margin: 2%;
    padding: 1%;
    width: 28%;
}
div#accueil div.villes ul li.ville ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
div#accueil div.villes ul li.ville ul li{
	height:auto;
	margin:5px 0;
	width:100%;
}
div#accueil div.villes ul li.ville ul li a{
	color:black;
	text-decoration:none;
}
div#accueil div.villes ul li.ville ul li.ville{
  font-family: 'dolce_vita_lightsuper_light';
	font-size:20px;
	font-weight:bold;
	letter-spacing:5px;
}
div#accueil div.villes ul li.ville ul li.lien{
	font-weight:bold;
	padding-top:10px;
}
div#accueil div.villes ul li.ville ul li.lien:hover{
	font-weight:100;
}
/*page d'accueil choix de la ville*/
/*header*/
header{
	height:auto;
	margin:0 auto;
	width:100%;
}
header nav.info{
	border-bottom:1px solid #000;
	min-height:25px;
	*height:25px;
	margin:0 auto;
	text-align:center;
	width:100%;
}
header nav.info span{
  font-family: 'dolce_vita_lightsuper_light';
	font-size:14px;
	letter-spacing:2px;
	line-height:25px;
}
header nav.info span a{
	color:black;
	text-decoration:none;
}
header nav.menu{
	background:red;
	*background-color:#ff0000;
	border-bottom:1px solid #444;
	height:60px;
	margin:0 auto;
	width:100%;
}
header nav.menu  ul.groupe{
	list-style-type:none;
    margin: 0 auto;
    padding: 0;
	position: relative;
    width: 1100px;
}
header nav.menu ul.groupe ul.select,
header nav.menu ul.groupe ul.menu li.select,
header nav.menu ul.groupe ul.menu li:hover{
	background:#dc0000;
	*background-color:#dc0000;
	display:block;
}
header nav.menu ul.groupe ul.menu:hover{
}
header nav.menu ul.groupe ul.menu ul.sousmenu{
	background:rgba(255,255,255,1);
	*background-color:rgba(255,255,255,1);
	border-left:1px solid #000;
	border-right:1px solid #000;
	display:none;
    list-style-type: none;
    margin: 0;
    padding: 0;
	position:absolute;
	top:60px;
	width:auto;
	z-index:9999;
}
header nav.menu ul.groupe ul.menu ul.sousmenu a{
}
html body header nav.menu ul.groupe ul.menu.logo:hover{
	background:none;
}
header nav.menu ul.groupe ul.menu {
	box-shadow: 1px 0 rgba(255, 255, 255, 0.5), -1px 0 rgba(0, 0, 0, 1) inset;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
}
header nav.menu ul.groupe ul.menu a{
	text-decoration:none;
}
header nav.menu ul.groupe ul.menu a li{
	color:black;
	height:60px;
	line-height:60px;
	padding:0 10px;
	position:relative;
	text-align:center;
	width:auto;
}
header nav.menu ul.groupe ul.menu.logo a li:hover{	
	background:none;
}
header nav.menu ul.groupe ul.menu.logo a li img.logo{
	position:relative;
	z-index:9999;
}
header nav.menu ul.groupe ul.menu ul.sousmenu a li{
	border-bottom:1px solid black;
	height:30px;
	line-height:30px;
    margin: 0;
    padding: 0 10px;
	position:relative;
}
header nav.menu ul.groupe ul.menu:hover ul.sousmenu{
	display:block;
}
/*slider*/
/*slider*/
/*section#content*/
section#content{
	background:url('/images/fond-mots-cles.png');
	margin:0 auto;
	width:100%;
}
.content{
	background-color:#fff;
	border-bottom:1px solid #a1a1a1;
	border-right:1px solid #a1a1a1;
	border-left:1px solid #a1a1a1;
	margin:0 auto;
	width:1100px;
}
section#content .content h1{
	font-family: 'dolce_vita_lightsuper_light';
	font-size:50px;
}
/* page contact */
.content .contact{
	font-size:20px;
}
.content div.row.contact div.col-lg-12 iframe{
	height:300px;
	width:100%
}
.content .contact .contact form#contact{
	width:100%;
}
.content .contact .contact form#contact table{
	width:100%;
}
.content .contact .contact form#contact table tbody tr{
	width:50%;
}
.content .contact .contact form#contact table tbody tr th{
	font-size:20px;
}
.content .contact .contact form#contact table tbody tr input{
	font-size:25px;
	height:50px;
	width:100%;
}
/* page contact */
.row{
	background:white;
	*background-color:#fff;
	padding:1%;
}
.row ul.cal_month{
	background-color:#e2e2e2;
	float:left;
	margin:1%;
	min-height:400px;
	opacity:0.8;
	padding-bottom:1%;
	width:48%;
}
.row ul.cal_month:hover{
	opacity:1;
}
.row ul.cal_month div.securite{
	background-color:black;
	height:5px;
	width:100%;
}
.row ul.cal_month div.surete{
	background-color:green;
	height:5px;
	width:100%;
}
.row ul.cal_month div.secourisme{
	background-color:pink;
	height:5px;
	width:100%;
}
.row ul.cal_month div.securite-incendie{
	background-color:red;
	height:5px;
	width:100%;
}
.row ul.cal_month li{
	list-style-type:none;
	margin:5px 0;
}
.row ul.cal_month li img{
	height:30px;
}
.row ul.cal_month table{
	width:100%;
}
.row ul.cal_month table tbody tr td{
	
}
.row ul.cal_month table tbody tr.titre{
	font-weight:bold;
}
.row ul.cal_month table tbody tr td.titre{
	padding-left:30px;
}
.row div.formation-contenu{
	float:left;
	padding:1%;
	width:65%;
}            
.row ul.formations-page{
	float:left;
	list-style-type:none;
	text-align:center;
	width:25%;
}         
.row ul.formations-page li{
	float:left;
	list-style-type:none;
}
.row div.contact_cal{
	background:url('/images/congruent_pentagon.png');
	float:right;
	padding:1%;
	width:35%;
}
.row div.contact_cal h2{
	margin:0 auto;
	padding:0 auto;
}
.row div.contact_cal ul,
.row div.contact_cal ul li{
	list-style-type:none;
}
.row div.contact_cal h2.titre{
    font-size: 20px;
    margin: 10px;
	text-align:center;
}
.row div.contact_cal.contact form table#calendriercontact tbody tr td{
	vertical-align:top;
}
.row div.contact_cal.contact form table#calendriercontact tbody tr td input,
.row div.contact_cal.contact form table#calendriercontact tbody tr td textarea{
	width:100%;
}
.cols{
	clear:both;
    content: " ";
    display: table;
	width:100%;
}
.cols table{
	width:100%;
}
.cols table tbody td,
.cols table tbody tr{
	background:#f0f0f0;
	*background-color:#f0f0f0;
}
.cols table tbody tr:hover{
	background:#f0f0f0;
	*background-color:#f0f0f0;
}
html body section#content div.content div.cols div.col-3 table tbody tr:hover{
	background:#f0f0f0;
	*background-color:#f0f0f0;
}
.cols table tbody tr td,
.cols table tbody tr th{
	background:white;
	*background-color:#fff;
}
.col-1,.col-2,.col-3,.col-4{
	background:white;
	*background-color:#ffffff;
	float:left;
    padding:0 15px;
	min-height: 1px;
	position: relative;
}
.col-3:nth-child(3){
	border-left:1px solid #a1a1a1;
	border-right:1px solid #a1a1a1;
}
.cols div.col-3.height-380 img{
	width:100%;
}
.height-380{
	min-height:380px;
}
.col-1{
	width:100%;
}
.col-2{
	width:50%;
}
.col-3{
	padding:5px;
	width:33.3333%;
}
.col-4{
	width:25%;
}
/*footer*/
footer{
	background-color:#a1a1a1;
	height:auto;
	min-height:400px;
	margin:0 auto;
	width:100%;
}
footer .content{
	background-color:#a1a1a1;
}
footer .content ul.column{
	float:left;
	margin:25px 1%;
	width:31%;
}
footer .content ul.column span{
	font-family: 'dolce_vita_lightsuper_light';
	font-size:25px;
	font-weight:bold;
	letter-spacing:2px;
}
footer .content ul.column li,
footer .content ul.column li a{
	color:black;
	font-size:16px;
	text-decoration:none;
}
footer .content ul.column li a:hover{
	border-bottom:1px dashed #000;
}
ul.column.formation li{
	list-style-image: url('/images/icones/formation-small-li.png');
}
ul.column.calendrier li{
	list-style-image: url('/images/icones/calendrier-small-li.png');
}
ul.column li.centre{
	list-style-image: url('/images/logo/logo_15.png');
}
ul.column li.adresse{
	list-style-image: url('/images/icones/adresse.png');
}
ul.column li.telephone{
	list-style-image: url('/images/icones/telephone.png');
}
ul.column li.email{
	list-style-image: url('/images/icones/mail.png');
}
ul.column li.horaire{
	list-style-image: url('/images/icones/horaire.png');
}

/*footer*/
/*section#content*/
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	background:white;
	*background-color:white;
	float: left;
	padding:1%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
@media only screen and (max-width: 568px){
	#offre {height: auto;left:0;position:relative;width: 100%;z-index: 1;}
	#offre img{height:auto;width:100%!important;}
	#accueil{display:none;}
	#media{display:block;text-align:center;width:100%;}
	#media img.logo{height:auto;margin:5% auto;width:50%;}
	#media p{font-size:6vw;text-align:center;}
	#media ul{margin: 0;padding: 0;}
	#media ul li{float:left;list-style-type:none;margin:0;width:100%;}
	#media ul li a{color:black;font-size:4vw;text-decoration:none;float:left;width:100%;}
	#media ul li a:hover{border-bottom:1px dashed black;}
}