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

*, html, body div, p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, input, select, textarea {
	 margin: 0;
	 padding: 0;
	 
	border-collapse:collapse;
 }
body {
	 background-color: #ccc;
	 background-image:url(../images/background.jpg);
	 font-size: 100%;
	 width:95%;
	 max-width:900px;
	 min-width:320px;
	 margin: auto;
	font-family:'Electrolize', sans-serif;
 }
 
 
/**************************************************************************/
/**************************  GRID  ****************************************/
/**************************************************************************/
.grid_1 { width: 7.11%; }	/*--(0x12) + (1x64)--  	 00 +  64   width: 64px;    64 / 900 =  7.11 %*/
.grid_2 { width: 15.5%; }	/*--(1x12) + (2x64)--  	 12 + 128   width: 140px;              15.5 %*/
.grid_3 { width: 24%; }		/*--(2x12) + (3x64)--  	 24 + 192   width: 216px;              24.0 %*/
.grid_4 { width: 32.4%; }	/*--(3x12) + (4x64)--  	 36 + 256   width: 292px;              32.4 %*/
.grid_5 { width: 40.8%; }	/*--(4x12) + (5x64)--  	 48 + 320   width: 368px;              40.8 %*/
.grid_6 { width: 49.3%; }	/*--(5x12) + (6x64)--  	 60 + 384   width: 444px;              49.3 %*/
.grid_7 { width: 57.7%; }	/*--(6x12) + (7x64)--  	 72 + 448   width: 520px;              57.7 %*/
.grid_8 { width: 66.2%; }	/*--(7x12) + (8x64)--  	 84 + 512   width: 596px;              66.2 %*/
.grid_9 { width: 74.6%; }	/*--(8x12) + (9x64)--  	 96 + 576   width: 672px;              74.6 %*/
.grid_10 { width: 83.1%; }	/*--(9x12) + (10x64)-- 	108 + 640   width: 748px;              83.1 %*/
.grid_11 { width: 91.5%; }	/*--(10x12) + (11x64)--	120 + 704   width: 824px;              91.5 %*/
.grid_12 { width: 100%; }	/*--(11x12) + (12x64)--	132 + 768   width: 900px;              100.0 %*/


.grid_1_fix { width: width: 64px;}   
.grid_2_fix { width: width: 140px;}   
.grid_3_fix { width: width: 216px;}        
.grid_4_fix { width: width: 292px;}        
.grid_5_fix { width: width: 368px;}      
.grid_6_fix { width: width: 444px;}       
.grid_7_fix { width: width: 520px;}      
.grid_8_fix { width: width: 596px;}     
.grid_9_fix { width: width: 672px;}     
.grid_10_fix { width: width: 748px;}    
.grid_11_fix { width: width: 824px;}    
.grid_12_fix { width: width: 900px;}   


.grid_1_fix,
.grid_2_fix,
.grid_3_fix,
.grid_4_fix,
.grid_5_fix,
.grid_6_fix,
.grid_7_fix,
.grid_8_fix,
.grid_9_fix,
.grid_10_fix,
.grid_11_fix,
.grid_12_fix {
	margin: 5ps 12px 5px 0;
	float: left;
	display: block;
}


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0.5% 1.33% 0.5% 0;
	float: left;
	display: block;
}

.first{margin-left:0px;}
.last{
	margin-right:0px;
	
}
.v-align {
	vertical-align:middle;
}
.v-align img{
	vertical-align:middle;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

/**************************************************************************/
/**************************  GRID  ****************************************/
/**************************************************************************/
ul {
	list-style:none;}
h1 {
 font-size: 175%; 
	color: #888;
margin:1.125% auto;
	color: #444;
 }
 table {
 margin: 0;
 padding: 0;
 border: none;
 }
 form {
 margin: 0;
 padding: 0;
 display: inline;
 }
img {
 border: none;
 }	
h2 {
 	font-size: 135%; 
 	color: #888;
	margin:0.5% auto 2% auto;
	padding-left: 1.875%;
	text-align: center; 
 }

p { 
 	color: #fff; 
 }
a {
	 text-decoration:underline;
	 border:0px;
}
a:link, a:visited{
 color: #888;
 padding-left: 2%;
 padding-right: 2%;
 border-radius:10px;

 }
 .flex-direction-nav a {
	 padding:1px;
 }
.flex-direction-nav a:hover, .flex-direction-nav a:active {
 background-color:#eee;
 border-radius:5px;
}
 /*{
 color:inherit;
 }*/
a:hover, a:active {
 background-color:#fd7800;
 color: #fff !important;
}
#container {
	background-color:#fff;
	width:100%;
}
/*****************************************
				HEADER
*****************************************/
.2ColHeader {
	width:50%;
}
#header-left  {
	float:left;
	text-align:left;
	padding-top:2%;
	width:30%;
	padding-left:2.5%;	
}
.contact_right{
	padding-top:5px;
	float:right;
	text-align:right;	
	padding-right:2.5%;	
	width:60%;

}
#header-right {
	float:right;
	padding-top:2.5%;	
	padding-right:2.5%;
	text-align:right;
}
#contact_tel{
	font-size:32px;
}
#contact-email .bouton{
	font-size:26px;
	padding-bottom:0;
}
#header-right .icon-contact {
 	width:45px;
 	height:35px;
 	padding: 0;
 	margin: 0;
}
#contact-poste {
	color: #aaa;
}
.row {
	height:35px;
	width:60%;
	padding:0;
	margin:0;
	float:right;
}
.row img{	
	width:100%;
	height:auto;
}
#email_div a{
	padding:0;
	background-image:url(../images/contact-info-siteweb-07.png) 0 0;
}#email_div a:hover{
	background-color:transparent;
	background-image:url(../images/contact-info-siteweb-09.png);
	border-top:#fd7800 solid 15px;
}
#adresse_img{
	height:50px;
}
.img_left {
	padding:1% 0%;
	margin:0;
	float:left;
	width:50px;
}
.text_right {
	padding:1% 0;
	margin:0;
	width:250px;
	float:right;
}
.bouton {
	margin:0;
	padding:2px 0;
	font-size: 105%;
	font-weight:bold;
	text-decoration: underline;
}
.type-none {
	padding: 0px;
}
.adresse {
	margin-top:0.125%;
	padding:0px;
	font-family: "Arial Black", Impact, sans-serif;
	font-size:95%;
}/*
.bouton a {
	/*margin:5% auto 0 auto;;
	padding:0 2%;
 	border-radius:5px;
	background-color:#ccc;
	
}*/
/*.bouton a:hover {
	
	background-color:#fd7900;
}*/
#mail_link:link, #mail_link:visited {
	color:#000;
}/*
#mail_link:hover {
	color:#fff;
}*/

#main-content{
	margin-top:2%;
	text-align:center;
}
#main-content h1 {
	color:#fd7800;	
}
#main-content #titre_fr {
	font-size:150%;	
}
#main-content #sous-titre_fr {
	font-size:115%;	
}
#titre-slides {
	background-color:#353535;
}
#titre-slides p {
	margin:0% auto;
	padding-top:2%;
	text-align:center;
	font-family:'Electrolize', sans-serif;
	font-size:125%;
	color:#aaa;
}
#titre-slides {
	float:letf;
	padding-left:1.5%;
	font-weight:bold;
}
#images{
	background-color:#353535;
	/*height:69.375%;
	min-height:555px;*/
	margin:0px auto;
	padding-top:2%;
	width:100%;
}
#slider{
	width:100%;
}
.flex-caption {
	padding:2% 0 1.5% 0%;
	color:#e76e00;
	font-weight:900;
}
#panoramique {
	width:97%;
	
}
#left-orange{
	width:97.5%;
}
#after-slides {
	height:20px;	
}
#main2 {
	background-color:#353535;
	margin-top:2%;
}

.2colonnes{
	margin-top:0.5%;
}
#mainLeft{
	float:left;
	display:inline-block;
	background-color:#353535;
	width:40%;	
	padding-top:2.25%;
	
}
#titreNews, #titreNews a:link, #titreNews a:visited {
	margin:0 auto;
	display:flex;
	color:#fff;
	font-size: 115%;
	font-weight:800;
	background: transparent;
	text-decoration: none;
} 
#suscrib_button a:link, #suscrib_button a:visited {

	/*background-color: #0099fa;*/
	background: -webkit-linear-gradient(#65c3ff, #0066b0); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#65c3ff, #0066b0); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#65c3ff, #0066b0); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#65c3ff, #0066b0); /* Standard syntax */
	color:#fff;
	text-decoration:none;
	padding: 5px 10px;
	font-size:120%;
	border-radius:20px;
}
#titreNews a:hover, #titreNews a:active, #SousTitreNews a:hover, #SousTitreNews a:active, #SousTitreNews2 a:hover, #SousTitreNews2 a:active, #suscrib_button a:hover, #suscrib_button a:active {
 	/*background-color:#fd7800;*/
	background: -webkit-linear-gradient(#ffb72c, #fd7800); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#ffb72c, #fd7800); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#ffb72c, #fd7800); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#ffb72c, #fd7800); /* Standard syntax */
 	color: #fff !important;	
}
#SousTitreNews, #SousTitreNews a:link, #SousTitreNews a:visited  {
	font-size:100%; 
	margin:2.5% auto;
	display:flex;
	padding:0 1.25%;
}
#SousTitreNews2, #SousTitreNews2 a:link, #SousTitreNews2 a:visited  {
	font-size:100%; 
	margin:2.5% auto;
	display:flex;
	padding:0 1.25%;
}
#imgNewsLetter {
	margin:1% auto;
	padding:0 1.25%;
	display:flex;
	width:60%;
	height:auto;
}
#suscrib_button {
	padding:15px 0;
}
/*
#contenantImgNewsLetter {
	width:50%;
}*/
/*
#imgNewsLetter a:hover, #imgNewsLetter a:active {
	opacity: 1;
}
/*
#mainRight_fr {
	float:left;
	display:inline-block;
	background-color:#353535;
	width:55%;	
	padding-top:2.25%;
	padding-left:2.5%;
	height:50%;
	border-left:15px solid #404040;
	
}*/
/*#pages-liste{
	list-style-type:circle;
	list-style-position:inside;
}*/
/************************************************rangee-**********************************/
.rangee{
	text-align:left;
	padding-bottom:2.125%;
	border-bottom:5px solid #404040;
	margin:2.5% 0;	
}
.leftCol, .rightCol {
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}
.rightCol{
	padding-left:3%;
}
/*li.titre, h3 {
	margin-bottom:1.75%;
	padding:0px;
	font-size: 150%;
	font-weight:800;
	color:#fff;
}*/
.top{
	margin-top:0;
	padding-top:0;
}
.leftCol {
	width:100px;
}
.leftCol img{
	width:100%;
	height:auto;
}
/*****************************français**************************/
.img_fr {
	padding-top:10%;
}
.titre-fr {
	margin-bottom:1.75%;
	padding:0px;
	font-size: 130%;
	font-weight:800;
	color:#fff;
}
.sous-titre-fr, h4 {
	font-size: 100%;
	color:#888;
}
#mainLeft_fr{
	float:left;
	display:inline-block;
	background-color:#353535;
	width:35%;	
	padding-top:2.25%;
}

#mainRight_fr {
	float:left;
	display:inline-block;
	background-color:#353535;
	width:60%;	
	padding-top:2.25%;
	padding-left:2.5%;
	height:50%;
	border-left:15px solid #3a3a3a;
	
}
/***************************fin français *************************************/
li.sansPadding  {
	margin:5px;
	padding:0px;
	font-size:170%;
}
#tel {
	font-size:24px;
}
#mail {
	font-size:145%
}


/**********************************FOOTER*************************************/

#footer {
	background-color:#252525;
	width:100%;	
	padding-top:1.5%;
	padding-bottom:1.5%;
	color:#888;
	font-size:100%;
	font-family:Helvetica, Arial, sans-serif;	
}




/**************************************************************************/
/***************                         **********************************/
/***************         MENUS           **********************************/
/***************                         **********************************/
/**************************************************************************/
#main_menu {
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
	font-size: 80%;
	font-weight:bold;
	border-top:solid medium #eee;
	border-bottom:solid medium #eee;
}

#main_menu .inline {
	display:inline-block;
}

#main_menu a:link, {
 padding-left: 1%;
 padding-right: 1%;
 padding-bottom: 0.5%;
}


#main_menu a:hover {
	border-bottom:thick solid #000;
	background-color:transparent;
 	color: #fd7800;
}
#main_menu .curent {
	border-bottom:thick solid #000;
	background-color:transparent;
 	color: #fd7800;
}

/*
a:active, a:focus {
 color: red;
}*/


/**************************************************************************/
/***************                         **********************************/
/***************       MEDIA QUERIES     **********************************/
/***************                         **********************************/
/**************************************************************************/



@media screen and (max-width: 875px) {	
	body {
		width:95%;
	}
	.leftCol, .rightCol {
		display:block;
		text-align:center;
		vertical-align:middle;
		padding:10px 0;
		width:90%;
	}
	.leftCol img{
		width:40%;
		margin:auto;
		text-align:center;
	}
	
}

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

	
	body {
		width:95%;
	}
	#header-left, #header-right, .leftCol, .rightCol, #mainLeft_fr, #mainRight_fr {
		display:block;
		width:90%;
		margin:2.5% auto;
		text-align:center;
		float:none;
	}
	#header-right table {
		padding: 0px;
		align: center; 
		margin: auto;
	}
	#imgNewsLetter {
		width:40%;
	}
	#mainLeft_fr {
		padding-bottom:5%;
		border-bottom:5px solid #404040;
	}
	#mainRight_fr {
		border-left:none;
	}

	#titre-slides p, .flex-caption {
		font-size: 16px;
	}
	#contact-email .bouton {
		font-size: 28px;
	}	
	.contact_right {
	padding-top:5px;
	float:none;
	text-align:center;	
	padding-right:0;	
	width:100%;
	}
}
@media screen and (max-width: 465px) {
	#contact_tel {
		font-size: 28px;
	}
	#contact-email .bouton {
		font-size: 20px;
	}
	#contact-poste {
		font-size: 12px;
	}
	#main-content h1{
		font-size: 130%;
	}

	h2 {
 		font-size: 100%; 
		padding-left: 0;
	}
	#titre-slides p, .flex-caption {
		font-size: 14px;
	}
	.titre-fr, #titreNews, #titreNews a  {
		font-size: 18px;
	}
	.sous-titre-fr, h4, #SousTitreNews, #SousTitreNews a, #SousTitreNews2, #SousTitreNews2 a {
		font-size: 14px;
	}
	.v-align img {
	}
}