/* pour IE */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main { display: block; }
/**/

/*GENERIQUE*/
body{
	color:#000;
	font-family: 'Quicksand', sans-serif;
	margin:0;
	font-size: 17px;
}

a img{
	border:0;
}

a{ color: black; }

a:hover{
	text-decoration:none;
}


#beandeau {
    float: left;
    width: 100%;
    clear: both;
}


.noPadding{padding-left: 0 !important; padding-right: 0 !important;}
.fancybox{
}

.fancyboxAjax{
}

#popup{
	padding:0 10px;
}

.mce-content-body {
	background:#fff;
}

.hack{
	/height:120px!important/*Hack IE7*/
}

.hidden{
	display:none!important;
}

.clear{
	clear:both
}

.error{
	border: 1px solid #DF7B7B;
	background-color: #FFE6E6;
}

.conf{
	border: 1px solid #72CB67;
	background-color: #DFFAD3;
}

.conf, .error{
	color: #383838;
	font-weight: 700;
	margin: 0 0 2% 0;
	line-height: auto;
	padding: 2% 3%;
}



#cms7 #fond-h-2{
  display: block;
}
#cms8 #fond-h-4{
  display: block;
}
#cms9 #fond-h-5{
  display: block;
}

#cms3 #fond-h-3,#cms5 #fond-h-3{
  display: block;
}

#fond-h-2{
  display: none;
}
#fond-h-3{
  display: none;
}
#fond-h-4{
  display: none;
}
#fond-h-5{
  display: none;
}






body {
  background: #eeeeee; }

#page {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  background: white; }

header {
  color: black; }
  header div {
    width: 100%; }
  header .headerTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    float:  left;
    height: auto;
    z-index: 99999999999999;
    }

main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
  }
  main img {
    max-width: 100%;
    height: auto; }

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  footer nav {
    height: auto; }
  footer #incomm {
    text-align: center;
    width: 100%; }

    #incomm{position: relative;float: none;display: block;margin: 0 auto;text-align: center;margin-top: 21px;}

    #rdv:hover{
    	transition: all .5s ease-in-out;
    	transform: scale(0.9);
    }




/*# sourceMappingURL=styleFlex.css.map */



/* SMARTPHONES */
@media only screen and (min-width: 320px){
	body{
		background:#eeeeee url('../img/index.jpg') no-repeat scroll center top;
	}
	#page {
		margin:auto;
		width:100%;
	}
	
	#header{
		position:relative;
		background:#eee url('../img/index_02.jpg') no-repeat scroll center top;
	}
	.headerTop{position: relative;background-color:  #000;}
	#header a#home{
		display:block;
		width: 100px;
		height:60px;
		margin-top: 0;
		float: none;
		position:  relative;
		text-align:  center;
		top: 0;
		margin:  0 auto;
		left: 0;
		margin-top: 10px;
		z-index:  99999999999999999;
	}

	#beandeau {
    float: left;
    width: 100%;
    clear: both;
    position:  relative;
}



		#header{
		position:relative;
		height: auto;
		background: transparent;
	}

		.contact-header{width: 129px;float: none;margin: 0 auto;position: relative;display: block;margin-top: 75px;font-weight: 700;}

		#rdv{
		background: url(../img/rdv.png) left top no-repeat;
		width: 200px;
		height: 30px;
		float: left;
		margin-left: 0;
		background-size:  contain;
	}
		#tel-header{
		background: url(../img/tel.png) left top no-repeat;
		width: auto;
		height: 30px;
		float: left;
		color: #fff;
		padding-left: 30px;
		text-decoration:  none;
		font-size: 14px;
		font-weight:  700;
	}

	
	#header p#slogan{
		display: none;
	}
	
	#columns{
		clear:both;
		background:#ffffff url('../img/index_04.jpg') no-repeat scroll left top;	
	}
	
	#center_column{
		width: 100%;
		padding:3%;
	}
	
	#breadcrumb{
		margin:5px 0;
		color:#666666;
		font-size: 0.8em;
	}
	
	#breadcrumb a{
		color:#666666;
	}
	
	#center_column, #left_column, #right_column {
		float: none
	}
	
	#left_column{
		width: 90%;
		padding:5%;
	}
	
	#right_column{
		width:200px;
		padding-right:40px;
	}
	
	#footer{
	height: 400px;
	background:  url(../img/footer3.jpg) center center no-repeat;
	}
	
	#footer p.address{
		margin:5px 0;
	}
	
	#footer p.address a{
		color:#333333;
	}
	
	#footer #incomm, #footer #seone{
		width:100%;
		text-align:center;
		margin: 10px 0 5px 0;
		float: left;
		font-size: 0.7em;
	}
	#footer #incomm a, #footer #seone a{
		color:#333333;
		text-decoration:none;	
	}

	#incomm a {text-decoration: none;}

	.column .block{
		margin-bottom:1em;
		border:1px solid #cccccc;	
	}
	
	.column .block p{
		margin:0 0 1% 0;
	}
	
	.column .block header, article header, aside header{
		text-align:center;
		border-bottom:0;
		padding:3px 0;
	}
	
	.column .block .block_content{
		padding: 2%;
	}	
	img{
		max-width:100%;
		height:auto;
		}
	iframe{ max-width:100%; }
	
	.no_image{ display: none; } 

.logo_footer{display: none;}

#logo{position: relative;float: none;margin:0 auto;text-align: center;display: block;}



#incomm {
    position: relative;
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 0px;
}



}



/* TABLETTES */
@media only screen and (min-width: 768px){

	.headerTop{position: absolute;background-color:  transparent;}
	#cms11 #beandeau,#cms12 #beandeau{
   background: #003a7c;
   height:150px;
}
	body{
		background: #fff url('../img/index.jpg') no-repeat scroll center top;
	}


	.contact-header{width: 60%;float: right;margin-top: -60px;}
	#rdv{
		background: url(../img/rdv.png) left top no-repeat;
		width: 200px;
		height: 30px;
		float: left;
		margin-left: 70px;
		background-size:  contain;
	}
		#tel-header{
		background: url(../img/tel.png) left top no-repeat;
		width: auto;
		height: 30px;
		float: left;
		color: #fff;
		padding-left: 30px;
		text-decoration:  none;
		font-size: 17px;
	}

#header a#home {
    display: block;
    width: 100px;
    height: 60px;
    margin-top: 0;
    float: left;
    position: relative;
    text-align: center;
    top: 0;
    margin: 0 auto;
    left: 10%;
    margin-top: 20px;
    z-index: 99999999999999999;
}

	
	.column .block{
		float: left;
		width: 47%;
		margin: 1%;
	}
	.column .block p{
		margin:0 0 2% 0;
	}
	#center_column, #left_column, #right_column {
		float: left;
	}
	.no_image{ display: block; }


#liensfooter_map{
	position: relative;
	display: block;
	margin: 0 auto;
	float: none;
	text-align: center;
	margin-top: 0;
}

.logo_footer{
	position: relative;
	display: block;
	margin: 0 auto;
	float: none;
	text-align: center;
	margin-top: 0;
	height: 100%;
	padding-top: 10px;
	width: 90px;
}
#footer {
    height: auto;
    background:  url(../img/footer.jpg) center no-repeat;
    background-size:  cover;
}

.lien-map{width: 100%;float: left;height: 270px;display: block;position: relative;}

.bg-cont{
	width: 360px;
	height: 270px;
	background-color: #003a7c;
	margin-top: 10px;
	float:  right;
}

}

/* ORDINATEURS */
@media only screen and (min-width: 992px) {

	#cms11 #beandeau,#cms12 #beandeau {
    background: #003a7c;
    height: 240px;
}

	.bg-cont{
	width: 400px;
	height: 270px;
	background-color: #003a7c;
	margin-top: 10px;
	float:  right;
}


	body{
		background:#eeeeee url('../img/index.jpg') no-repeat scroll center top;
	}
	#page {
		margin:auto;
		width: 100%;
		max-width: 100%;
	}
	
	.bg-menu{}


	#header{
		position: relative;
		height: auto;
		background: transparent;
	}
	
		#beandeau{    float: left;
    width: 100%;
    clear: both;}


	#header a#home{
		display:block;
		float: none;
		width: 160px;
		height:80px;
		margin: 0 auto;
		position:  relative;
		margin-top: 30px;
	}
	.headerBottom{position: relative;margin-top: 79px;z-index: 100000000000000000000;background:  rgba(205,18,20,0.8);height: 60px;float:  left;}
	.contact-header{width: 70%;float: right;margin-top: 20px;margin-left: 10%;}
	#rdv{
		background: url(../img/rdv.png) left top no-repeat;
		height: 30px;
		float: left;
		margin-left: 15%;
		width: 200px;
		background-size: contain;
	}
		#tel-header{
		background: url(../img/tel.png) left top no-repeat;
		width: auto;
		height: 30px;
		float: left;
		color: #fff;
		padding-left: 30px;
		text-decoration:  none;
	}





	#header p#slogan{
		margin:10px 0 0 10px;
		float:left;
		display: block;
	}
	
	#columns{
		clear:both;
		background:#ffffff url('../img/index_04.jpg') no-repeat scroll left top;
		padding:  0;
	}
	
	#cms1 #center_column{
		width: 100%;
		padding:  0;
		max-width: 100%;
	}
	
		#center_column{
		width: 100%;
		padding:  0;
		max-width: 1170px;
		float: none;
		margin: 0 auto;
		position: relative;
		display: block;
		float:  none;
	}
	



	#breadcrumb{
		margin:5px 0;
		color:#666666;
		font-size: 0.8em;
	}
	
	#breadcrumb a{
		color:#666666;
	}
	
	#center_column, #left_column, #right_column {
		float: none;
	}
	
	#left_column{
		width:200px;
		padding-left:40px;
	}
	
	#right_column{
		width:200px;
		padding-right:40px;
	}
	
	#footer{
		height: 330px;
	}
	
	#footer p.address{
		float:left;
		margin:5px 0;
	}
	
	#footer p.address a{
		color:#333333;
	}
	
	#footer #incomm, #footer #seone{
		float:left;
		width:980px;
		text-align:center;
		margin: 10px 0 0 0;
		font-size: 0.8em;
	}
	
	#footer #incomm a, #footer #seone a{
		color:#333333;
		text-decoration:none;	
	}
	.column .block{
		width:198px;
		margin-bottom:1em;
		border:1px solid #cccccc;	
	}
	
	.column .block p{
		margin:0 0 10px 0;
	}
	
	.column .block header, article header, aside header{
		text-align:center;
		border-bottom:0;
		padding:3px 0;
	}
	
	.column .block .block_content{
		padding: 5px;
	}


#liensfooter_map{
	position: relative;
	display: block;
	margin: 0 auto;
	float: none;
	text-align: center;
	margin-top: 0;
}

.logo_footer{
	position: relative;
	display: block;
	margin: 0 auto;
	float: none;
	margin-top: 0;
	width: 100px;
	height: auto;
	text-align:  center;
	padding-top: 11px;
}

#incomm {
    position: relative;
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 21px;
}

}


@media only screen and (min-width: 1400px) {
.contact-header {
    width: 50%;
    float: right;
    margin-top: 20px;
    margin-left: 40%;
}
#rdv {
    background: url(../img/rdv.png) left top no-repeat;
    height: 30px;
    float: left;
    margin-left: 15%;
    width: 200px;
    background-size:  contain;
}

}