/** eot pour IE, ttf pour les autres */
@font-face { font-family : 'Mr De Haviland';
src: url('fonts/MrDeHaviland-Regular.eot') format('eot');
 src: local('x'),
	url('fonts/MrDeHaviland-Regular.ttf') format('truetype') ;
 }
 

/***************************************************
	      online solutions by marija zaric
        template distributed by
        http://freehtml5templates.com 
***************************************************


***************************************************
			      Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a img {border:none}

aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}


/***************************************************
			      Global styles
***************************************************/

html, body {
	width:100%;
	height:100%;
	}


html, body{
    font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
/*	background-color:#8990BC;
	background-image:url(../images/bg.png);
*/	background-position:left top;
	background-repeat:repeat-x;
	color:#3F3E3C;
	margin:0 0 1px;
/*	height:100%; */
	line-height: 1.5;

}

p {
letter-spacing: normal;
line-height: normal;
margin-bottom: 0;
margin-left: 15px;
margin-right: 15px;
margin-top: 0;
text-align:justify;
	}
	
a, p {
color: #2b2a28;
font-family: Signika,sans-serif;
font-size: 13px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-weight: normal;
line-height: 1.25em;

}


a {text-decoration : none;}
/* a:link, a:visited {text-decoration : none; color : green;} */


h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Verdana, sans-serif;	
    font-weight: normal;
	position:relative;
	text-shadow: 2px 3px 3px #C1C1C1;
}


	
h1{

color: #2b2a28;
font-family: "Mr De Haviland",cursive;
font-size: 40px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-weight: normal;
line-height: 1em;
text-align:center;

	}

	
	
h2{
color: #ff7f00;
font-size: 20px;
font-style: italic;
line-height: 1.3;
margin-top: 18px;
padding-bottom: 6px;
text-align: left;
text-transform: none;



	}
	

h3{
	font-size: 17px;
	line-height:0.9;
	color: white;
	margin-top:20px;
	left:0px;
	}
	
h3 span{
	
	font-size: 12px;
	line-height: 1.4;
	color:white;
	display:block;
	margin-top:10px;
	text-transform:none;


}

/***************************************************
			    Main containers
***************************************************/

#container, #container_left, #container_right{
	position: relative;
	width:100%;

	}
	
#container {
width: 980px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
 min-height: 120%;

}
.container{
    width:980px;
    margin:0 auto;
	background-color:transparent;
	
 min-height: 100%;




}
.header {
/* height: 40px;
left: 184px;
position: absolute;
top: 46px; */
width: 761px;
}


#header_logo_bg {
height: 107px;
left: 0;
position: absolute;
top: 19px;
width: 215px;
display: inline-block;
text-align: center;
background-image:url(../images/logoM&L150x300.1.png);
/*  background-color: rgba(255, 255, 255, 1); */
text-decoration:none;
  	z-index:1000;
}

.site_header_logo  a{
cursor: pointer;

}
.site_header_logo  span{
/* cursor: pointer; */
/* background-color: #565451; */
color: #8AACCE;
font-family: "Mr De Haviland",cursive;
font-size: 55px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-weight: bold;
line-height: 1em;
text-shadow: 2px 3px 3px #C1C1C1;

}




/***************************************************
				       MENU
***************************************************/

#nav{
height: 40px;
left: 241px;
position: absolute;
top: 41px;
height: 60px;
text-align: center;
background-color: rgba(255, 255, 255, 0.67);
white-space: nowrap;
z-index:1000;
}


#nav li{
  display: inline-block;
  height: 40px;
  text-align: center;
  width: 160px;
  border-color: rgba(255, 255, 255, 0.67);
  border-bottom-width: 0;
  border-top-width: 0;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-align: center;
  text-decoration:none;
}



.plink a{
  font-family: "Mr De Haviland",cursive;
  color:#8AACCE;
  font-size: 32px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-weight: bold;
  line-height: 1.4em;
  text-shadow: 2px 3px 3px #C1C1C1;

}

li.active  {
background-color:#8AACCE;
}

li.active a {
  color: rgba(255, 255, 255, 1);
}



/***************************************************
				INTRO
***************************************************/	
	
	#intro{
	width: 1583px;
	left: -302px;
	position: relative;
	float: left;
	height:330px;
	padding:10px;
	background:#E9EAEB;
	margin-top:145px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	
	

	}
	
	#intro_ct{
/*	width: 1583px;
	left: -302px;
	position: relative;
*/	float: left;
	height:360px;
	padding:10px;
	background:#E9EAEB;
	margin-top:145px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	
	

	}

/***************************************************
				   HOLDERS
***************************************************/	

.group1 {
background-attachment: scroll;
background-color: white;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
float: left;
height: 426px;
left: 0px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 8px;
margin-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
position: relative;
/*top: 725px;*/
width: 295px;

	}


.group1_ct {
 position: relative; width: 290px; height: 165px;
 display: inline;
  background-attachment: scroll;
  background-color: white;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  float: left;
   left: 0;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 8px;
  margin-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 950px;
}


.group1_ct h1 {
text-align: left;
 display: inline;
  margin-left: 34px;
 
}
.group1_ct img {
position: relative; width: 290px; height: 165px;
float:left;
 display: inline;
 
}
.group1_ct p {
position: absolute; width: 583px; left: 320px; top: 66px;
float:left;
 display: inline;
}


	
.group2 {
background-attachment: scroll;
background-color: white;
background-image: none;
background-repeat: repeat;
float: left;
height: 426px;
left: 0px;
margin-bottom: 5px;
margin-left: 8px;
margin-right: 8px;
margin-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
position: relative;
/*top: 725px;*/
width: 295px;
	}
	
.group3 {
background-attachment: scroll;
background-color: white;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
float: left;
height: 426px;
left: 0px;
margin-bottom: 5px;
margin-left: 8px;
margin-right: 0px;
margin-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
position: relative;
/*top: 725px;*/
width: 295px;

	}
.sec_texte {
	height : 345px;
}
.sec_texte p {
color: #2b2a28;
font-family: Signika,sans-serif;
font-size: 14px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
margin-top: 10px;
}
.sec_button {
 margin-bottom: 0px;	
}
	
.group4 {
	float: right;
	width: 950px;
	position: relative;
/*	background:white; */
}
.group4 p{
color: #4475b4;
font-size: 17px;
font-style: italic;
line-height: 1.3;
margin-top: 18px;
padding-bottom: 6px;
text-align: left;
text-transform: none;
}

.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-top:5px;
	margin-bottom:15px;
}

		
.holder_content_loisirs {
float: left;
margin-bottom: 10px;
margin-top: 0;
position: relative;
width: 100%;
top:120px;
height: 930px
	}
	
	
.holder_content_separator{
	margin-bottom:19px;
	}

#bandosupplmt {
	height: 230px;
}

.group51 {
background-attachment: scroll;
background-color: white;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
float: left;
height: 75px;
left: 0px;
margin-bottom: 5px;
margin-left: 8px;
margin-right: 0px;
margin-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
position: relative;
/*top: 725px;*/
width: 50%;

	}
	
.group52 {
background-attachment: scroll;
background-color: white;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
float: left;
height: 75px;
left: 0px;
margin-bottom: 5px;
margin-left: 8px;
margin-right: 0px;
margin-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
position: relative;
/*top: 725px;*/
width: 44%;

	}

	
	li.puce1 {
font-size: 11px;
font-weight: bold;
}
	
/***************************************************
			        GALLERY
***************************************************/
#wrapper {
/*	position: relative;
	float: left;
	width: 100%;
	margin-top:5px;
	margin-bottom:90px;

height: 959px;
*/
left: 0;
position: absolute;
top: 435px;
width: 980px;
	}


#carousel_content {
/*	position: relative;
	float: left;
	width: 100%;
	margin-top:5px;
	margin-bottom:90px;

height: 959px;
*/
left: 0;
position: absolute;
top: 200px;
width: 980px;
	}
	 	 
	 a.photo_hover3{
	position:relative;
	float: left;
	margin:5px 13px 8px 0;
	padding: 8px;
	-moz-box-shadow: 3px 3px gray;
	-webkit-box-shadow: 3px 3px gray;
	box-shadow: 3px 3px gray;

	}
	a.photo_hover3{ background-color:white;
	border: 1px solid #E1E1E1;

}
	a.photo_hover3:hover {
	border: 1px solid #E1E1E1;
	background-color:white;
	opacity:0.5;
	z-index:1000;
}

	
	 a.photo_hover2{
	position:relative;
	float: right;
	margin:5px 13px 8px 0;
	padding: 8px;
	-moz-box-shadow: 3px 3px gray;
	-webkit-box-shadow: 3px 3px gray;
	box-shadow: 3px 3px gray;

	}
	a.photo_hover2{ background-color:white;
	border: 1px solid #E1E1E1;

}
	a.photo_hover2:hover {
	border: 1px solid #E1E1E1;
	background-color:white;
	opacity:0.5;
	z-index:1000;
}
	
	
/***************************************************
			        FOOTER
***************************************************/

#footer {
  background-repeat: repeat-x;
  clear: both;
  height: 250px;
  position: relative;
  background-position: left top;
  background: -webkit-linear-gradient(right, white, #8aacce, #8aacce, white );
  background: -moz-linear-gradient(right, white, #8aacce, #8aacce, white );
  background: -ms-linear-gradient(right, white, #8aacce, #8aacce, white );
  background: -o-linear-gradient(right, white, #8aacce, #8aacce, white );
  background: linear-gradient(right, white, #8aacce, #8aacce, white );
}
#footer_ct {

  background-position: left top;

  clear: both;
  height: 250px;
  position: relative;
  top: 75%;

}

#footer_act {
  background-color: #333333;
  background-image: url("/images/footer.png");
  background-position: left top;
  background-repeat: repeat-x;
  clear: both;
  height: 250px;
  margin-top: 125px;
  position: relative;
}
#FooterOne, #FooterTwo, #FooterTree {
	position: absolute;	
}

#FooterTwo{
	position: absolute;
	right: 225px;
	top:250px;
	color:white;

}

#FooterTree{
	position: absolute;
	left: 225px;
	top:250px;
	color:white;

}

.container{
    width:980px;
    margin:0 auto;
	background-color:transparent;


}
#content_footer {
	width:980px;
    margin:0 auto;

}

.footer_left{
float: left;
margin-left: 5px;
margin-right: 5px;
padding: 9px 8px 8px 8px;
width: 290px;
}

.footer_left h3 span {
	
color:#19446A;

}
.footer  a:link, a:visited, a:active {
	color: #19446a;
	cursor: pointer;

}
.footer  a:hover {
	color: #FFFFFF;
	cursor: pointer;

}

.footer_center {
float: left;
margin-left: -30px;
margin-right: 5px;
padding: 9px 8px 8px;
width: 290px;
}

.footer_right {
float: left;
margin-left: 150px;
margin-right: 5px;
padding: 9px 8px 8px;
width: 180px;
}

/***************************************************
				       MENU
***************************************************/


/***************************************************
				   SPECIFIC
***************************************************/

#logo{
	position:relative;
   	float:left;
   	top:-55px;
	left:-3px;
	width:250px;
	height:160px;
	

}

.clearing{
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow:hidden;
}

 
 .button {
  -moz-text-decoration-color: -moz-use-text-color;
  -moz-text-decoration-line: none;
  -moz-text-decoration-style: solid;
  -x-system-font: none;
  background-color: #8aacce;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: normal;
  height: 16px;
  line-height: 100%;
  margin-left: 90px;
  margin-top: 12px;
  padding-bottom: 9px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 9px;
  position: relative;
  text-align: center;
  width: 80px;
}
	
.button:hover {
	background-color:#FFFFFF;
	text-decoration:none;
	color:#8AACCE;
	border-color:#8AACCE;  border-bottom-width: 0;
   border-bottom-width: 1px;
   border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
}





/*
	Slideshow
*/

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:1583px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:1583px;
	height:350px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin-top:100px;
	width:100px;
	position:absolute;
	top:180px;
	left:768px;
	z-index:1000;
	
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.image_accueil{
padding-left: 17px;
height: 170px;
margin-left: 0;
margin-top: 0;
width: 260px;
}


.picture_footer {
  left: 902px;
  position: absolute;
  top: -254px;
}

/******** Ajouté depuis sitemarion  ********/


#column_w530 {
	float: left;
	width: 530px;
	line-height: 20px;
	background: #ffffff;
/*	margin-top: 100px; */
	
}

#column_w530 table {
	margin-left: 10px;
	border-style:solid;
	border-color: #8AACCE;
	border-width:1px;
	width: 400px;
	line-height: 25px;
	margin-bottom: 10px;
}
#column_w530 caption{
background-color: #8AACCE;
font-size:12px;
padding-left:10px;
font-weight:bold;
color: #ffffff;
}
#column_w530 th{
background-color: #efefef;
border-color: #8AACCE;
padding: 0px 5px 0px 5px;
}

#column_w530 td{
background-color: #efefef;
border-color: #8AACCE;
}

.tb  td{
padding-left: 10px;
}

.ssliste {
	margin-left: 10px;
}
.afficherplus{
font-size:10px;
float: left;
width: 530px;
line-height:12px;
}


.afficherplus  p  {
font-size:10px;
font
}

.afficherplus   span {
font-size:12px;
padding-left:10px;
font-weight:bold;
}
#templatemo_content_wrapper {
	clear: both;
	width: 960px;
	margin: 0 auto;
	background: #ffffff;
}

#templatemo_content {
margin-top:10px;
}

#column_w300 {
background: #efefef none repeat scroll 0 0;
border: 1px solid #e5e5e5;
float: right;
margin-top: 20px;
width: 375px;
margin-bottom: 20px;

}

#column_w530 .em_text  {
	color: #000;
}
#column_w530 span{
	color: #000;
	font-size:19px;
}


#image_bouton  h2{
	cursor: pointer; /*Il est conseillé de laisser cette propriété, qui indique au visiteur qu'il peut cliquer sur l'élément en remplaçant son curseur*/
	color:#4B6C8C;
	display: block;
	height: 23px;
	padding-top: 5px;
	padding-bottom: 1px;
	background: url(./images/templatemo_button_01.png) no-repeat;
	text-align:center;
    width: 100px;

}
#image_bouton span {
    text-align: center;
	font-size:8px;

 }

#column_w530 p {
	margin-bottom: 15px;
}
.header_03 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #8AACCE;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto auto;
  clear: both;
  color: #ffffff;
  font-size: 16px;
  height: 80px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 20px;
  padding-top: 3px;
  text-align: left;
}


.news_content {
  float: right;
  padding-right: 20px;
  width: 342px;
}

.news_content .news_date {
	font-size: 12px;
	color: #9a9a9a;
}

.news_content p{
	line-height: 15px;
	font-size: 11px;
}
.etoileobligatoire {
color: red;
}
.FormContact select {
  display: flex;
  float: right;
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 4px;
  margin-top: 14px;
 
}
.labeldraps {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 11px;
  margin-right: 11px;
  margin-top: 9px;
 
}
.FormContact label {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 11px;
  margin-right: 11px;
  margin-top: 9px;
 
}
 
}
#imgcap img {
margin-left: 3px;
margin-top: -5px;
}
.FormContact input {height: 22px; width:150px; display:inline-block; float:right;  margin-bottom:4px; margin-top:5px; padding-left:2px; font-size: 12px;}

.FormContact .input-text:focus {background:#F4EFE3;}
.FormContact .input-text-duree:focus {background:#F4EFE3;}
.FormContact textarea{ margin-bottom:4px; margin-top:10px; height: 150px; padding-left:5px; padding-top:5px; width:98%;}

.FormContact .button { display:block; border:solid 1px #CBBA96; background:#EAE3D5; padding:5px 10px 5px 10px; margin:10px 0px 10px 0px;}
.FormContact .button:hover { display:block; border:solid 1px #CBBA96; background: #EDECD1; padding:5px 10px 5px 10px; margin:10px 0px 10px 0px;}

#InputRadio {
	/* height: 22px; */
	/* width: 10px; */
	display: inline-block;
	float: right;
	/* margin-bottom: 4px; */
	margin-top: -12px;
	/* padding-left: 2px; */
	/* font-size: 12px; */
}
.labeldraps {
float: right;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 11px;
  margin-right: 11px;
  margin-top: -20px;
 
}
#captcha input {height: 23px; width:120px; display:inline-block; float:right;  margin-bottom:4px; margin-top:-33px; padding-left:2px; font-size: 12px;}
#contact-submit input{float: left;
font-size: 12px;
height: 23px;
margin-bottom: 17px;
margin-left: 100px;
margin-top: 5px;
padding-left: 2px;
}
.ka-form-submit {
	margin-top: 10px;
	margin-left: 130px;
	margin-bottom:10px;
}
#FormContact_errorloc  a{
	color: red;
    font-weight:bold;
}
#FormContact_errorloc  li{
 list-style-type: none;
 background-color: #c2a794;
 opacity:0.9;
}
#FormContact_errorloc li:before {
    content: "→ "; /* caractère UTF-8 */
}
.calendar{
    background-color:#eee;
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    border:1px solid #555;
 
}
.calendar a{
    text-decoration:none;
    color:#ffffff;
    font-weight:bold;
}
.calendar span{
    float:left;
    display:block;
    width:25px;
    cursor:pointer;
    text-align:center;
}
.titleMonth{
    width:100%;
    background-color:#555;
    color:#FFFFFF;
    text-align:center;
    border-bottom:1px solid #666;
    margin:none;
    padding:none;
    padding-bottom:2px;
    margin-top:0px;
    margin-bottom:0px;
    font-weight:bold;
}
.separator{
    float:left;
    display:block;
    width:25px;
}
.currentDay{
    font-weight:bold;
}

.cap_status{
   width: 375px;
   padding: 5px;
   font: 12px arial;
   font-weight: bold;
   color: #10853f;
   display: none;
}
.cap_status_error{
  color: #bd0808;
  font-weight: bold;
}