/* pour IE */

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

/**/



/*GENERIQUE*/

body{

	/*background: #000000 url("../img/fond-h.jpg") no-repeat scroll center top;*/

    color: #000;

    font-family: Arial;

    font-size: 14px;

    margin: 0;

}



a img{

	border:0;

}



a{ color: ffffff; }



a:hover{

	text-decoration:none;

}



.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%;

}



/* SMARTPHONES */

@media only screen and (min-width: 320px){


	body{

    
background: url("../img/m-fond-html.jpg") no-repeat fixed  top center;

    
    color: #000000;
    
	}

	
	#page {

		margin:auto;

		width:100%;

		color:#000;

	}

	 #header  {
background: transparent;
    width: 100%;
    position: relative;
    float: left;
   

    }
        


	#page {

		margin:auto;

		width:100%;
	
		 
	

	}

	#header a#home{

     background:  url(../img/m-logo-top.png) no-repeat scroll center center;
    display: block;
    height: 250px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 0;


		

	}



	#pres1{display: none;}

	#pres2{display: none;}
	#pres3{display: none;}
#pres4{display: none;}
	

	#header p#slogan{

		display: none;

	}

	

	#columns{

		clear:both;

		/*background:#ffffff url('../img/index_04.jpg') no-repeat scroll left top;	*/

	}

	

	#center_column{

		width: 90%;

		padding: 5%;
        background-color: rgba(194,138,175,0.7);

	}

	

	#breadcrumb{

		margin:5px 0;

		color:#000;

		font-size: 0.8em;

	}

	

	#breadcrumb a{

		color:#000;

	}

	

	#center_column, #left_column, #right_column {

		float: none

	}

	

	#left_column{

		width: 90%;

		/*padding: 0 5%;*/

		display: none;

	}

	

	#right_column{

		width:200px;

		padding-right:40px;

	}

	





	#footer_big {

    background: url(../img/footer3.png) no-repeat scroll center top;
    clear: both;
    margin: 0px;
    padding-top: 150px;
    color: #000;
    min-height: 200px;
    float: left;
    width: 100%;
}

#footer {

   /* background: url("../img/footer-fond.pnj") no-repeat scroll center top; */
width: 320px;
        margin: auto;

    position: relative;

    

}

	

	#footer p.address{

		margin:5px 0;

	}

	

	#footer p.address a{

		color:#333333;

	}

	

	#footer #incomm, #footer #seone{

		width:100%;

		text-align:center;

		margin: 30px 0 5px 0;

		float: left;

		font-size: 0.7em;

		color: #000;

	}

	#footer #incomm a, #footer #seone a{

		color:#353f45;

		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; } 
	#mob a {color: #fff;}


#cont1,#cont2,#pres2,#lien2,.encart2{
	display: none;
}
.encart {
    float: none;
    width: 320px;
    height: 200px;
    margin: 0 auto;
    display: none;
}

#pres3 {
    color: #fff;
    font-family: 'Forum', cursive;
    display: block;
    font-size: 34px;
    height: 8px;
    padding-top: 76px;
    text-align: left;
    text-transform: none;
    width: 100%;
    margin-left: 0px;
    float: left;
}

#lien1 {
    background: url(../img/1.png) no-repeat scroll center top transparent;
    height: 58px;
    float: left;
    position: relative;
    width: 295px;
    display: block;
    margin-top: 26%;
}

#pres1 {
    color: #fff;
    display: block;
    font-size: 31px;
    height: 24px;
    padding-top: 7px;
    text-align: center;
    text-transform: none;
    width: 100%;
    margin-left: 0;
    text-decoration: none;
    font-family: 'Forum', cursive;
}
.encart{
float: left;
    width: 100%;
    height: 260px;
    margin-top: 43%;
    display: none;
}
.bloc_acc{
    float: left;
    width: 98%;
    margin: 1%;
    padding: 1%;
    min-height: 50px;
    border: 1px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
}
.bloc_acc1{
	float: left;
	width: 98%;
	margin: 1%;
	padding:1%;
	min-height: 200px;
	border:1px solid #614939;
	border-radius: 10px;
	box-sizing: border-box;
}
.encart2{
    float: none;
    width: 768;
    height: 41px;
    display: none;
    margin-top: 0;
    margin: 0 auto;
}
#cms1 .encart2{
    float: none;
    width: 320px;
    height: 228px;
    display: block;
    margin-top: 0;
    margin: 0 auto;
}

#pres4 {

    color: #fff;
    display: block;
    font-size: 20px;
    height: 29px;
    line-height: 32px;
    padding-top: 120px;
    text-align: center;
    width: 100%;
    font-family: 'Raleway', sans-serif;
}
 #lien3{
    background: url(../img/3.png) no-repeat scroll right center transparent;
    height: 116px;
    float: none;
    position: relative;
    width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: -55px;

    }
    .bloc_toilettage{
        float: left;
        width: 98%;
        border-radius: 10px;
        border:1px solid #323449;
        padding: 0%;
        box-sizing: border-box;;
        text-align: center;
        margin: 1%;
        background-color:#9f021a; 
    }
}



/* TABLETTES */

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



	#header a#home{

    background: url(../img/m-logo-top.png) no-repeat scroll center center;
    display: block;
    height: 250px;
    margin: 0px auto;
    width: 100%;
    margin-bottom: 0;
	

	}

	.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; }



	#footer_big {
background: url(../img/footer2.png) no-repeat scroll center top;
    clear: both;
    margin: 0px;
    padding-top: 0px;
    color: #000;
    float: left;
    width: 100%;

}
#mob a {color: #ffffff;}


    #footer {

   /* background: url("../img/footer-fond.pnj") no-repeat scroll center top; */
width: 768px;
        margin: auto;

   		position: relative;

   		padding-top: 0px;

	}



	#footer #incomm, #footer #seone{

		width:100%;

		text-align:center;

		margin: 0px 0 5px 0;

		float: left;

		font-size: 0.7em;

		color: #000;

	}

.encart {
    float: none;
    width: 768px;
    height: 200px;
    margin: 0 auto;
    display: none;
}

#pres3 {
    color: #fff;
    font-family: 'Forum', cursive;
    display: block;
    font-size: 48px;
    height: 8px;
    padding-top: 0;
    text-align: left;
    text-transform: none;
    width: 100%;
    margin-left: 0px;
    float: left;
}

#lien1 {
    background: url(../img/1.png) no-repeat scroll center top transparent;
    height: 58px;
    float: left;
    position: relative;
    width: 295px;
    display: block;
    margin-top: 14%;
}

#pres1 {
    color: #fff;
    display: block;
    font-size: 31px;
    height: 24px;
    padding-top: 7px;
    text-align: center;
    text-transform: none;
    width: 100%;
    margin-left: 0;
    text-decoration: none;
    font-family: 'Forum', cursive;
}
.bloc_acc{
    float: left;
    width: 48%;
    margin: 1%;
    padding: 1%;
    min-height: 190px;
    border: 1px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
}
.bloc_acc1{
	float: left;
	width: 48%;
	margin: 1%;
	padding:1%;
	min-height: 445px;
	border:1px solid #614939;
	border-radius: 10px;
	box-sizing: border-box;
}
.encart2{
    float: none;
    width: 768;
    height: 41px;
    display: none;
    margin-top: 0;
    margin: 0 auto;
}
#cms1 .encart2{
    float: none;
    width: 768px;
    height: 150px;
    display: block;
    margin-top: 0;
    margin: 0 auto;
}
#pres4 {
    color: #fff;
    display: block;
    font-size: 20px;
    height: 29px;
    line-height: 51px;
    padding-top: 37px;
    text-align: center;
    width: 81%;
    font-family: 'Raleway', sans-serif;
}
 #lien3{
    background: url(../img/3.png) no-repeat scroll right center transparent;
    height: 116px;
    float: right;
    position: relative;
    width: 75%;
    display: block;
    margin-top: 0%;
    margin-right: 17%;

    }
}




/* ORDINATEURS */

@media only screen and (min-width: 1024px) {


html{
	

	background: transparent;
	
    color: #000000;
	
}
	body {


		background: rgba(0, 0, 0, 0) url("../img/fond-html.jpg") no-repeat fixed  top center;
	
    color: #000000;
	}

	


	#page {

		margin:auto;

		width: 1000px;
	
		 
	

	}

#header a#home {
background: url(../img/m-logo-top.png) no-repeat scroll center center;
    display: block;
    float: left;
    height: 270px;
    left: 37%;
    margin: 0;
    position: absolute;
    top: 0px;
    width: 278px;
    z-index: 1000;
}


        #header  {
 background: transparent;
    width: 100%;
    position: relative;
    float: left;
    height: 490px;


    }

	#pres1{    
color: #fff;
    display: block;
    font-size: 16px;
    height: 17px;
    padding-top: 31px;
    text-align: center;
    text-transform: none;
    width: 90%;
    margin-left: 2px;
    text-decoration: none;
    float: left;
    font-family: 'Open Sans', sans-serif;
	}

	#pres2{    
color: #fff;
    display: block;
    font-size: 16px;
    height: 18px;
    padding-top: 4px;
    text-align: center;
    text-transform: none;
    width: 87%;
    margin-left: 5px;
    text-decoration: none;
    float: left;
    font-family: 'Open Sans', sans-serif;
	}

	#pres3 { 

    color: #fff;
    display: block;
    font-size: 15px;
    height: 31px;
    padding-top: 130px;
    text-align: center;
    text-transform: none;
    width: 100%;
    text-decoration: none;
    float: left;
    font-family: 'Open Sans', sans-serif;
    margin-left: 0px;
	}
	#pres4 {    
    color: #fff;
    display: block;
    font-size: 15px;
    height: 70px;
    padding-top: 0px;
    text-align: center;
    text-transform: none;
    width: 100%;
    text-decoration: none;
    float: left;
    font-family: 'Open Sans', sans-serif;
    margin-left: 0px;
    line-height: 20px;
	}

.encart2{
    float: left;
    width: 100%;
    height: 41px;
    display: none;
    margin-top: 0;
    margin: 0 auto;
}
#cms1 .encart2,#cms5 .encart2,#cms7 .encart2{
    float: left;
    width: 100%;
    height: 200px;
    display: block;
    margin-top: 0;
    margin: 0 auto;
}

#cms1 .encart,#cms5 .encart,#cms7 .encart{
    float: left;
    width: 100%;
    height: 180px;
    display: block;
    margin-top: 3%;

}
.encart{
    float: left;
    width: 100%;
    height: 41px;
    display: block;
      margin-top: 55px;


}
.bloc_acc{
    float: left;
    width: 48%;
    margin: 1%;
    padding: 1%;
    min-height: 170px;
    border: 1px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
}
.bloc_acc1{
	float: left;
	width: 48%;
	margin: 1%;
	padding:1%;
	min-height: 400px;
	border:1px solid #614939;
	border-radius: 10px;
	box-sizing: border-box;
}
 #lien1
 {
    background: url(../img/1.png) no-repeat scroll left top transparent;
    height: 78px;
    float: left;
    position: relative;
    width: 90%;
    display: block;
    margin-top:10%;
    margin-left: 0;
}

#cont1 {
    color: #fff;
    display: block;
    font-size: 15px;
    height: 55px;
    padding-top: 3px;
    text-align: center;
    text-transform: none;
    width: 100%;
    text-decoration: none;
    float: left;
    font-family: 'Open Sans', sans-serif;
    margin-left: 0px;
}


 #lien2
{
    background: transparent url(../img/2.png) no-repeat scroll left center;
    height: 79px;
    float: left;
    position: relative;
    width: 90%;
    display: block;
    margin-top: 5%;
    margin-left: 0;
}

 #cont2 {
     
    color: #ff00ff;
 font-family: 'Forum', cursive;
    font-size: 26px;
    font-weight: 700;
    height: 28px;
    line-height: 15px;
    margin-left: 0;
    padding-top: 33px;
    text-align: left;
    width: 30%;
    display: block;
    float: left;
}



 #lien3{
    background: url(../img/3.png) no-repeat scroll left center transparent;
    height: 78px;
    float: left;
    position: relative;
    width: 90%;
    display: block;
    margin-top: 5%;
        margin-left: 0;

	}


	 #cont3 {
    color: #fff;
    font-size: 14px;
    height: 25px;
    margin-left: 27%;
    padding-top: 111px;
    text-align: center;
    width: 62%;
    float: left;
    line-height: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    display: block;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
	
	
    }


#lien4{
    background: url(../img/4.png) no-repeat scroll center left transparent;
    display: block;
    height: 300px;
    margin: 0 auto;
    position: relative;
    width: 90%;
    float: left;
    margin-left: 0;
    margin-top: 5%;
}
	#cont4 {
    color: #fff;
    font-size: 14px;
    height: 25px;
    margin-left: 3%;
    padding-top: 111px;
    text-align: center;
    width: 62%;
    float: left;
    line-height: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    display: block;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}



	#header p#slogan{

		margin:10px 0 0 10px;

		float:left;

		display: block;

	}

	

	#columns{

		clear:both;
		 background-color: rgba(194,138,175,0.7);

		    width: 1007px;

	}

	

	#center_column{

    width: 700px;
    padding: 20px 10px;
    color: #000;
    background-color: transparent;
    box-sizing: border-box;
    margin-top: 0%;

	}

	

	#breadcrumb{

		margin:5px 0;

		color:#000;

		font-size: 0.8em;

	}

	

	#breadcrumb a{

		color:#000;

	}

	

	#center_column, #left_column, #right_column {

		float:left

	}

	

	#left_column{

	     
    display: block;
    
    padding-left: 0;
    width: 300px;
	}

	

	#right_column{

		width:200px;

		padding-right:40px;

	}

	#footer_big {

    background:url("../img/footer.png") no-repeat scroll center top;

    clear: both;

    margin: 0px;

     padding-top: 0px;

}

	#footer{

    height: 207px;
    padding-top: 0px;
    width: 980px;



	}

	

	#footer p.address{

		float:left;

		margin:5px 0;

	}

	

	#footer p.address a{

		color:#ffffff;

	}

	

	#footer #incomm, #footer #seone{

		float:left;

		width:100%;

		text-align:center;

		margin: 30px 0 0 0;

		font-size: 0.8em;


	}

	

	#footer #incomm a, #footer #seone a{

		color:#ffffff;

		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 {
    float: right;
    height: 137px;
    margin-top: 0px;
    width: 24%;
    display: block;
    margin-right: 0px;

}

#liensfooter_map a {

    display: block;

    height: 135px;

    width: 100%;

}

}