@charset "utf-8";
/* CSS Document */


html, body{
width:100%; height:100%; margin:0; padding:0; font-family:Lato; font-size:14px; font-weight:400;}

strong{font-weight:700;}
#global{ background-repeat:no-repeat; width:100%; height:100%; display:table; }
#background{position: fixed; top:0px; width:100%; height:100%; background-image:url(../images/background_v3.gif); background-position:top right; z-index: -9; background-repeat: no-repeat; background-size: cover;}

div.centreVertical{display:table-cell;  width:100%;  vertical-align:middle; }
.contenu{width:100%; min-height:500px;  vertical-align:middle;}

.titre{width:100%; text-transform:uppercase; font-size:18px; font-weight:700; text-align:center; margin-top:20px;}
.logo{width:450px; /*height:95px;*/}
nav{width:100%; height:50px; line-height: 50px; background-color:#ff600a; position: fixed; top:0px; color:white; text-align: center; font-size: 18px; z-index: 99999; top: 0px; display: block; }
nav ul{margin:0; padding:0;}
nav li{display: inline-block; margin:0; padding:0 20px; border-right: 0px solid white;}
nav li:last-child{border-right: 0px solid white;}
nav a{text-decoration:none; color:#ffc9ac !important; padding:5px 0px; border-bottom: 2px solid #ff600a;}
nav a:hover{-webkit-transition:0.6s all ease-in-out; -moz-transition:1s all ease-in-out;-o-transition:0.6s all ease-in-out; transition:0.6s all ease-in-out; text-decoration:none !important; border-bottom: 2px solid white; color: white !important;}

nav .lienActif{color: white !important; border-bottom: 2px solid white; }

.menu{width:100%; text-align:center; margin:30px 0; padding:50px 0; background-color:rgba(10, 10, 10, 0.8);
-webkit-transition:0.6s background ease-in-out; -moz-transition:1s background ease-in-out;-o-transition:0.6s background ease-in-out; transition:0.6s background ease-in-out; background:url(../images/bcg-menu_v2.png) top right no-repeat; background-size: cover;}
	
	
	.menu .bouton{display:inline-block; margin:0px 30px; opacity:1;}
	
	.bt1{display:block; cursor:pointer; 
	opacity:1; border-radius:200px; border: 20px solid rgba(212, 212, 212, 0.5); 
	 background-image:url(../images/bt-off_01.png); background-position:center center; background-size:110%;
	-webkit-transition:0.6s border ease-in-out; 
	-moz-transition:0.6s border ease-in-out; 
	-o-transition:0.6s border ease-in-out; 
	transition:0.6s border ease-in-out;}
	
	.bt1:hover{ border: 20px solid rgba(255, 96, 10, 1); 
	background-image:url(../images/bt-on_01.png); 
	-webkit-transition:0.6s border ease-in-out; 
	-moz-transition:0.6s border ease-in-out; 
	-o-transition:0.6s border ease-in-out; 
	transition:0.6s border ease-in-out;}
	
	.bt2{display:block; opacity:1; border-radius:200px; border: 20px solid rgba(212, 212, 212, 0.5); 
	 background-image:url(../images/bt-off_02.png); background-position:center center; background-size:110%;
	-webkit-transition:0.6s border ease-in-out; 
	-moz-transition:0.6s border ease-in-out; 
	-o-transition:0.6s border ease-in-out; 
	transition:0.6s border ease-in-out;}
	
	.bt2:hover{ border: 20px solid rgba(255, 96, 10, 1); background-size:110%;
	background-image:url(../images/bt-on_02.png); 
	-webkit-transition:0.6s border ease-in-out; 
	-moz-transition:0.6s border ease-in-out; 
	-o-transition:0.6s border ease-in-out; 
	transition:0.6s border ease-in-out;}
	
	.bt3{display:block; opacity:1; border-radius:200px; border: 20px solid rgba(212, 212, 212, 0.5); 
	 background-image:url(../images/bt-off_03.png); background-position:center center; background-size:110%;
	-webkit-transition:0.6s border ease-in-out; 
	-moz-transition:0.6s border ease-in-out; 
	-o-transition:0.6s border ease-in-out; 
	transition:0.6s border ease-in-out;}
	
	.bt3:hover{ border: 20px solid rgba(255, 96, 10, 1); 
	background-image:url(../images/bt-on_03.png); 
	-webkit-transition:0.6s border ease-in-out; 
	-moz-transition:0.6s border ease-in-out; 
	-o-transition:0.6s border ease-in-out; 
	transition:0.6s border ease-in-out;}
	
	
	.boutonActif{border:20px solid rgba(255, 96, 10, 1);}
	


.texte{width:100%; text-align:center; width:100%; margin-bottom:0px;}
	.txt{display:inline-block;}
	.col1{text-align:right; padding-right:10px;  border-right:1px solid #CCC; width:250px}
	.col2{text-align:left; padding-left:10px; width:250px;}
	
	
	
a, a:visited{color:black; text-decoration:underline;  -webkit-transition:0.6s color ease-in-out; -moz-transition:0.6s color ease-in-out; 
	-o-transition:0.6s color ease-in-out; transition:0.6s color ease-in-out}
a:hover{color:#ff600a; text-decoration:underline; color:#ff600a; -webkit-transition:0.6s color ease-in-out; -moz-transition:0.6s color ease-in-out; 
	-o-transition:0.6s color ease-in-out; transition:0.6s color ease-in-out;}
b{font-weight:700;}
h1{font-size:18px; font-weight:400; text-transform:uppercase; color:#ff600a; margin:0;}




.formulaire{position:relative; text-align:left; }
	.formulaire h1{text-align:center; margin:0; font-size:26px;}
	.formulaire h2{text-align:center; margin:0 0 30px 0; font-size:18px; font-weight:400;}
	.formulaire h3{text-align:center; margin:0 0 0 0; font-size:14px; font-weight:700; text-transform:uppercase;}
	.formulaire h4{text-align:left; margin:0 0 0 0; font-size:14px; font-weight:700; text-transform:uppercase;}
	.formulaire h5{text-align: center;margin: 0 0 0 0;font-size: 22px;font-weight: 400; color:rgba(4, 140, 203, 1);}

.separator{clear:both; display: block; width:100%; height:5px;}
.couleur{color:rgba(255, 96, 10, 1);}


.fluide{width:100%; max-width:800px; margin:0 auto; display: block;}

.mariage, .collectif, .stage{ float:right; width:90%; margin: 30px 5% 30px 5%; display:block; }
.mariage h2, .collectif h2, .stage h2 {color: white;}
	.mariage{z-index:3;} .collectif{z-index:4; } .stage{z-index:5;}
	
.tableau{width:100%; max-width:600px;}
	.tableau th{font-weight:700; border-bottom:1px solid #e9e9e9;}
	.tableau td{padding:5px 0; vertical-align:top;}
	.tableau input{width:100%; border:0px; border:1px solid #e9e9e9; background:transparent;}
	.tableau textarea{width:100%; border:1px solid #e9e9e9; }
	.bordures td{border-bottom:1px solid #e9e9e9;}
	.encadre{background-color:white; border:1px solid #e9e9e9; padding:20px;  
	margin:0 auto;}
	.encadrediv{background-color:rgba(255, 255, 255, 1); border:0px solid #e9e9e9; padding:20px;  
	margin:0 auto; max-width:560px;}
	
	input.btvalider{background-color:#e9e9e9; border-bottom:0; width:auto; padding:10px 20px;
	text-transform:uppercase; font-weight:700; margin-bottom:10px;
	-webkit-transition:0.6s all ease-in-out; -moz-transition:0.6s all ease-in-out; 
	-o-transition:0.6s all ease-in-out; transition:0.6s all ease-in-out; cursor:pointer;}
	input.btvalider:hover{background-color:#ff600a; color:white;
	-webkit-transition:0.6s all ease-in-out; -moz-transition:0.6s all ease-in-out; 
	-o-transition:0.6s all ease-in-out; transition:0.6s all ease-in-out;}

	input.casecocher{width:10px; height:10px;}
	
	.petittexte{font-size:10px;}
	
.margeBasse{margin:5px 0;}
.stagesdisponibles > div{border-left:4px solid #e9e9e9; display:inline-block; margin:0 30px 10px 0;}

.footer{color:white; } .footer a{color: white !important;}
.footerInter{ background-color:rgba(10, 10, 10, 0.8);padding:30px 0; }
.credits{font-size: 10px; margin-top:20px; opacity: 0.5;  }

.burger{display: none;}
.menuSmart{display: none; font-size: 0px}


@media (max-width: 800px) {
	.contenu{}
	.titre{text-align: left; margin-top:0px; margin-bottom:0px; height:50px; position:fixed; background-color: rgba(255,255,255,0.95); z-index: 99; top:0px; border-bottom: 1px solid #ff600a}
	.logo{width:205px; /*height:95px;*/ margin: 5px 0 0 10px;}
	.menu{background-image: none; background-color:rgba(10, 10, 10, 0.8); margin-top:50px;}
	.menu .bouton{margin-bottom:20px;}
	#global{ background-color:rgba(255, 255, 255, 1);}
	.header-nav{height:0px; overflow: hidden;}
	.burger{display: block; width:50px; text-align: center; position: fixed; top:0; right:0px; height:50px; background-color:#ff600a; 
		line-height: 60px; z-index: 9999} .burger a{color:white !important; text-decoration: none; }
	.col1, .col2{text-align: center; border: 0px; margin-bottom: 20px; padding: 0}
	
	.menuSmart{display: block; z-index: 999; width: 100%; height: 100%; background-color:#ff600a; position:fixed; top:0px; font-size: 14px;}
	.menuSmart ul{padding:0px;}	
	.menuSmart li{list-style-type:none; text-align: center; border-bottom: 1px solid white; font-size: 16px;}
		
		.menuSmart li a{text-decoration: none; color:white; display: block; padding:20px 5px;}
		.menuSmart p{text-align: center;}
	
	.burgerOn{background:url(../images/burger-off.png) center center no-repeat #ff600a; background-size: 70%; cursor:pointer;}
	.burgerOff{background:url(../images/burger-on.png) center center no-repeat; background-size: 70%; cursor:pointer;}
	
}