@import url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');


/*******************************************************************************************/
/************************************* COMMUN ************************************************/
/*******************************************************************************************/
body{
	padding: 0px;
	margin: 0px;
	background: #223f5d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.stackContent
{
    background-color: #fff;
}

.memoContent{
	padding: 0px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 986px;
	background-color: White;    
}
a{
	text-decoration: none;
}
.center{
	width: 986px;
	margin: 0 auto;
	position: relative;
}
img{
	border:none;
}


.calltobook 
{
    padding:20px;
 	font-size: 20px;
	font-family: 'Open Sans Condensed', sans-serif;   
	text-align: center;
	background-color: #78C2EB;
}

#header{
	background: url(../MEMOimages/header_home.png) top center no-repeat;
	height: 86px;
	width: 100%;
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 500;
}
#logo {
	float: left;
}
#navigation{
	float: right;
	width: 675px;
	padding-top: 25px;
}
#navigation ul, #navigation ul li{
	margin: 0px;
	padding: 0px;
}
#navigation ul li{
	list-style: none;
}
#navigation ul li a{
	display: block;
	float: left;
	font-weight: 700;
	font-size: 18px;
	color: #373e42;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	padding: 7px 20px 0px 20px;
	height: 32px;
	background: url(../MEMOimages/nav_separateur.gif) left center no-repeat;
}#navigation ul li a:hover, #navigation ul li a.selected{
	color: #2f8fc3;
}
#navigation ul li:first-child a{
	background: none;
}
.content{
	padding-bottom: 0px;
}
.moteur #where{
	/* 
    position: absolute;
	top: 18px;
	left: 15px;
    */
	width: 340px;
	height: 35px;
	background: #eff1f2;
	-webkit-border-radius: 7px;
	border-radius: 7px; 
	-webkit-box-shadow: 0px 0px 5px -2px #000000;
	box-shadow: 0px 0px 5px -2px #000000; 
	border: none;
	padding: 0px 10px 0px 20px;
	
	color: #2890c9;
	font-weight: 700;
	font-size: 17px;
	font-style: italic;
}
.moteur .field{
	position:absolute;
	top: 18px;
	width: 245px;
	height: 35px;
	-webkit-border-radius: 7px;
	border-radius: 7px; 
	-webkit-box-shadow: 0px 0px 5px -2px #000000;
	box-shadow: 0px 0px 5px -2px #000000; 
	background: url(../MEMOimages/moteur_select.gif) center right no-repeat #eff1f2;
	overflow: hidden;
}
.moteur .field_length{
	left: 30px;
}
.moteur .field_theme{
	left: 300px;
}
.moteur .field select{
	background: transparent;
	border: 0;
    border-radius: 0;
    -webkit-appearance: none;
	width: 295px;
	height: 35px;
	padding: 6px 30px 0px 20px;
	color: #333333;
	font-weight: 300;
	font-size: 15px;
	font-style: normal;
}
.moteur #submit{
	position: absolute;
	top: 23px;
	right: 370px;
	width: 50px;
	height: 24px;
	
	border: none;
	border-left: 1px solid #3683ad;
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	background: none;
	cursor: pointer;
}.moteur #submit:hover{
	color: #112030;
}


/* ******************* */
.moteur2 #where{
	/* 
    position: absolute;
	top: 18px;
	left: 15px;
    */
	width: 340px;
	height: 35px;
	background: #eff1f2;
	-webkit-border-radius: 7px;
	border-radius: 7px; 
	-webkit-box-shadow: 0px 0px 5px -2px #000000;
	box-shadow: 0px 0px 5px -2px #000000; 
	border: none;
	padding: 0px 10px 0px 20px;
	
	color: #2890c9;
	font-weight: 700;
	font-size: 17px;
	font-style: italic;
}
.moteur2 .field{
	position:absolute;
	top: 18px;
	width: 245px;
	height: 35px;
	-webkit-border-radius: 7px;
	border-radius: 7px; 
	-webkit-box-shadow: 0px 0px 5px -2px #000000;
	box-shadow: 0px 0px 5px -2px #000000; 
	background: url(../MEMOimages/moteur_select.gif) center right no-repeat #eff1f2;
	overflow: hidden;
}
.moteur2 .field_length{
	left: 30px;
}
.moteur2 .field_theme{
	left: 300px;
}
.moteur2 .field select{
	background: transparent;
	border: 0;
    border-radius: 0;
    -webkit-appearance: none;
	width: 295px;
	height: 35px;
	padding: 6px 30px 0px 20px;
	color: #333333;
	font-weight: 300;
	font-size: 15px;
	font-style: normal;
}
.moteur2 #submit{
	position: absolute;
	top: 23px;
	right: 370px;
	width: 50px;
	height: 24px;
	
	border: none;
	border-left: 1px solid #3683ad;
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	background: none;
	cursor: pointer;
}.moteur2 #submit:hover{
	color: #112030;
}


.content h2{
	color: #eff1f2;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 26px;
	
}

/*******************************************************************************************/
/************************************* HOME ************************************************/
/*******************************************************************************************/

#slider{
	background: url(../MEMOimages/slider.jpg) top center no-repeat;
	min-height: 369px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;

}


#slider_en{
	background: url(../MEMOimages/slider_en.jpg) top center no-repeat;
	min-height: 369px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}


#sliderAccom{
	background: url(../MEMOimages/slider3.jpg) top center no-repeat;
	min-height: 369px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;

}

#slider .slider_left{
	width: 20px;
	height: 20px;
	background: url(../MEMOimages/black_left_right.png) 0px 0px no-repeat;
	position: absolute;
	top: 255px;
	left: 0px;
	cursor: pointer;
}
#slider .slider_right{
	width: 20px;
	height: 20px;
	background: url(../MEMOimages/black_left_right.png) 0px -20px no-repeat;
	position: absolute;
	top: 255px;
	left: 25px;
	cursor: pointer;
}
.home .moteur{
	background: url(../MEMOimages/moteur.png) top center no-repeat;
	height: 84px;
	width: 100%;
	margin-top: -35px;
	position: relative;
}

.home .moteur2{
	background: url(../MEMOimages/moteur.png) top center no-repeat;
	height: 84px;
	width: 100%;
	margin-top: -35px;
	position: relative;
}

.zone_circuit{
	float: left;
	width: 476px;
	position: relative;
}

.zone_circuit .bt_all{
	position:absolute;
	top: 33px;
	right: 0px;
	color: #9daab6;
	font-size: 14px;
	font-weight: 700;
}.zone_circuit .bt_all:hover{
	color: #eff1f2;
}

.circuit .detail{
	float:left;
	width: 264px;
	height: 116px;
	background: #eff1f2;
	overflow: hidden;
	padding-left: 15px;
	padding-top: 15px;
}
.circuit .detail .title{
	font-weight: 400;
	color: #206eae;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	margin: 0px 0px 5px 0px;
	display: block;
}.circuit .detail .title:hover{
	color: #51B1E6;
}
.circuit .detail span{
	display: block;
	width: 65px;
	float: left;
	font-weight: 700;
	font-size: 10px;
	color: #474848;
	line-height: 10px;
	padding-left: 23px;
}
.circuit .detail .calendrier{
	background: url(../MEMOimages/picto_calendrier.png) center left no-repeat;
}
.circuit .detail .etiquette{
	background: url(../MEMOimages/picto_etiquette.png) center left no-repeat;
	margin-left: -8px;
}
.circuit .detail .perso{
	background: url(../MEMOimages/picto_perso.png) center left no-repeat;
	margin-left: 8px;
}
.circuit .detail .description{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e1e3e4;
	color: #9d9e9e;
	line-height: 10px;
	font-size: 10px;
}
.circuit .visuel{
	float: right; 
	position: relative;
}
.circuit .visuel .masque{
	display: block;
	position: absolute;
	width: 49px;
	height: 131px;
	top: 0px;
	left: 0px;
	background:url(../MEMOimages/citcuit_masque.png);
}
.selection{
	float: left;
	width: 420px;
	height: 23px;
	background:url(../MEMOimages/circuit_selection.jpg) top left no-repeat;
	color: #3f4347;
	font-size: 12px;
	padding: 9px 0px 0px 56px;
}.selection span{
	color: #f0f4f4;
	font-weight: 700;
}
.selection:hover{
	color: #f0f4f4;
}.selection:hover span{
	color: #3f4347;
}
.selectionHotel
{
	color: #3f4347;
}
.selectionHotel:visited
{
	color: #f0f4f4;
}

.selectionHotel:hover
{
	color: #3f4347;
}

.zone_themes{
	position: relative;
	width: 475px;
	float: left;
	margin-left: 35px;
}
.zone_themes .bt_all{
	position:absolute;
	top: 33px;
	right: 0px;
	color: #9daab6;
	font-size: 14px;
	font-weight: 700;
}.zone_themes .bt_all:hover{
	color: #eff1f2;
}
.slider_theme{
	position: relative;
}
.slider_theme .theme_description{
	position: absolute;
	bottom: 20px;
	right: 30px;
	width: 260px;
	text-align: right;
	font-size: 14px;
	color: #1f3305;
}
.slider_theme #left{
	position: absolute;
	top: 30px;
	right: 60px;
	background: url(../MEMOimages/left_right.png) 0px 0px no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.slider_theme #right{
	position: absolute;
	top: 30px;
	right: 30px;
	background: url(../MEMOimages/left_right.png) 0px -20px no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

#presentation{
	float: left;
	width: 255px;
	text-align: justify;
	font-size: 14px;
	color: #eff1f2;
	margin: 40px 0px 0px 35px;
}
#zone_temoignage{
	float :left;
	width: 207px;
	height: 293px;
	background:url(../MEMOimages/bulle_temoignage.jpg) bottom left no-repeat;
	margin: 40px 0px 0px 13px;
	position: relative;
}
#zone_temoignage h3{
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 20px;
	color: #51b1e6;
	font-weight: 300;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}
#zone_temoignage .temoignage{
	position: absolute;
	top: 60px;
	left: 50px;
	
	width: 138px;
	height: 127px;
	overflow: hidden;
	text-align: center;
	
	color: #eff1f2;
	font-size: 11px;
	font-weight: 700;
	font-style: italic;
}
#zone_temoignage .temoignage span{
	color: #13608a;
	font-size: 16px;
}

#zone_temoignage .bt_learn_more{
	position: absolute;
	right: 0px;
	bottom: 10px;
	color: #eff1f2;
	font-size: 14px;
	font-weight: 700;
	text-shadow: 0px 0px 2px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
	opacity: 0.6;
}#zone_temoignage .bt_learn_more:hover{
	opacity: 1;
}

.zone_map{
	background:url(../MEMOimages/zone_map.jpg) top center no-repeat;
	height: 538px;
	position: relative;
}
.zone_map .bt_map{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -164px;
	margin-top: -164px;
	background: url(../MEMOimages/bt_map.png) 0px 0px no-repeat;
	height: 328px;
	width: 328px;
}.zone_map .bt_map:hover{
	background-position: 0px -328px;
}




/*******************************************************************************************/
/************************************* PAGE CMS / lieu *************************************/
/*******************************************************************************************/
.page .content{
	margin-top: 70px;
	margin-bottom : 0px;
}

.page .content2{
	margin-top: 0px;
}
.page .content3{
	margin-top: 0px;
}
.page .moteur{
	background: url(../MEMOimages/moteur_2.png) top center no-repeat;
	height: 100px;
	width: 100%;
	position: relative;
	top: 0px;
}

.page .moteur2{
	background: url(../MEMOimages/moteur_3.png) top center no-repeat;
	height: 300px;
	width: 100%;
	position: relative;
	top: -6px;
}

.page .moteur2_2{
	background: url(../MEMOimages/moteur_3_2.png) top center no-repeat;
	height: 83px;
	width: 100%;
	position: relative;
	top: -6px;
}

.page .content .center{
	background: #ffffff;
	padding-bottom: 0px;
}
.page .content2 .center{
	background: #ffffff;
	padding-bottom: 0px;
}
.page .content3 .center{
	background: transparent;
	padding-bottom: 0px;
}
.page .moteur #where{
	top: 33px;
}
.page .moteur .field{
	top: 33px;
}

.page .moteur #submit{
	top: 38px;

}

.page .moteur2 #where{
	top: 33px;
}
.page .moteur2 .field{
	top: 33px;
}

.page .moteur2 #submit{
	top: 38px;

}

#breadcrum{
	padding: 0px 0px 0px 10px;
	color: #13608a;
	
}
#breadcrum a{
	color: #13608a;
}#breadcrum a:hover{
	color: #51b1e6;
}


#lieu .zone_title{
	padding-left: 10px;
	width: 976px;
	float: left;
	position:relative;
	
}#lieu .zone_title .bt_autres_lieux{
	position: absolute;
	top: 20px;
	right: 10px;
	font-weight: 700;
	color: #373e42;
	font-family: 'Open Sans Condensed', sans-serif;
}#lieu .zone_title .bt_autres_lieux:hover{
	color: #51b1e6;
}
#lieu .col_gauche{
	float: left;
	width: 492px;
}

.lieu_slider{
	height: 400px;
}

.lieu_slider .miniatures img{
	margin: 3px;
}

#lieu .description{
	padding: 10px 25px;
	color: #3f4347;
}
#lieu h3{
	color: #000000;
	font-size: 24px;
	font-family: 'Open Sans Condensed', sans-serif;
	margin: 10px 0px;
}
#lieu .historique{
	padding: 10px 25px;
	color: #3f4347;
}

#lieu .col_gauche ul li{
	
	
	/* display: block;list-style: none; background: url(../MEMOimages/etoile.gif) center left no-repeat;*/
	padding-left: -10px;
	margin: 10px 0px 0px -10px;
}

#lieu .temoignage{
	padding: 10px 25px;
	position: relative;
}
#lieu .temoignage .commentaire{
	background: #51b1e6;
	color: #ffffff;
	font-style: italic;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 20px 60px;
	width: 180px;
	margin-left: 130px;
	position: relative;
	margin-bottom: 30px;
}
#lieu .temoignage .avis{
	position: absolute;
	right:0px;
	top: 27px;
	color: #373e42;
	text-decoration: underline;
}
#lieu .temoignage .commentaire span{
	display: block;
	width: 97px;
	height: 22px;
	background: url(../MEMOimages/commentaire.gif);
	position: absolute;
	bottom: -22px;
	left: 10px;
}
#lieu .temoignage .name{
	color: #2890c9;
	font-weight: 700;
}
#lieu .col_droite{
	float: left;
	width: 493px;
}
#lieu .itineraire{
	padding: 0px 25px 10px 25px;
	color: #666f77;
}
#lieu .itineraire a{
	color: #666f77;
}#lieu .itineraire a:hover{
	color: #51B1E6;
}
#lieu .itineraire h3{
	color: #13608a;
	font-size: 24px;
	font-family: 'Open Sans Condensed', sans-serif;
}
#lieu .col_droite ul li{
	list-style: none;
	display: block;
	background: url(../MEMOimages/fleche.gif) center left no-repeat;
	padding-left: 60px;
	margin: 5px 0px;
}
#lieu .infos_pratiques{
	background: #51b1e6;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 20px;
	color: #ffffff;
	margin: 0px 20px;
}	
#lieu .infos_pratiques h3{
	font-size: 24px;
	color: #13608a;
	font-family: 'Open Sans Condensed', sans-serif;
	margin: 0px;
}
#lieu .infos_pratiques strong{
	color: #13608a;
}
#lieu .logements{
	padding: 0px 0px 10px 17px;
	color: #666f77;
}
#lieu .logements h3{
	padding-left: 10px;
}
.logement{
	/* margin-top: 4px; */
	margin-left: 30px;
}
.logement .detail{
	float:right;
	width: 330px;
	height: 121px;
	background: #eff1f2;
	overflow: hidden;
	padding-left: 0px;
	padding-top: 10px;
}
.logement .detail .title{
	display:block;
	font-weight: 400;
	color: #51b1e6;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif ;
	margin: 0px 0px 5px 0px;
	padding-left: 0px ;
}
.moreProducts
{
	font-family: 'Open Sans', sans-serif ;
	font-weight: 400;
	color: #51b1e6;
}
.moreProducts:visited
{
	color: #51b1e6;
}
.moreProducts:hover
{
	color: #13608A;
}
.logement .detail .title:hover{
	color: #13608A;
}
.logement .detail span{
	display: block;
	width: 155px;
	height: 18px;
	float: left;
	font-weight: 700;
	font-size: 11px;
	color: #474848;
	line-height: 10px;
	padding-left: 23px;
}
.logement .detail .prix{
	background: url(../MEMOimages/picto_prix.png) center left no-repeat;
}
.logement .detail .etiquette{
	background: url(../MEMOimages/picto_etiquette.png) center left no-repeat;
	
}
.logement .detail .perso{
	background: url(../MEMOimages/picto_perso.png) center left no-repeat;
	margin-left: 8px;
}
.logement .detail .intro{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e1e3e4;
	color: #9d9e9e;
	line-height: 10px;
	font-size: 10px;
}

.logement .detail2{
	/* float:right; */
	width: 766px;
	height: 121px;
	background: #eff1f2;
	overflow: hidden;
	padding-left: 0px;
	padding-top: 10px;
}
.logement .detail2 .title{
	display:block;
	font-weight: 400;
	color: #51b1e6;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif ;
	margin: 0px 0px 5px 0px;
	padding-left: 0px ;
}

.logement .detail2 .title:hover{
	color: #13608A;
}

.logement .detail2 .link{
	font-weight: 700;
	color: #51b1e6;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif ;
}

.logement .detail2 .link:hover{
	color: #13608A;
}

.logement .detail2 span{
	display: block;
	width: 550px;
	float: left;
	font-weight: 700;
	font-size: 10px;
	color: #474848;
	line-height: 10px;
	padding-left: 23px;
}
.logement .detail2 .prix{
	background: url(../MEMOimages/picto_prix.png) center left no-repeat;
	height: 22px;
    font-size: 14px;
	line-height: 14px;
}
.logement .detail2 .etiquette{
	background: url(../MEMOimages/picto_etiquette.png) center left no-repeat;
	
}
.logement .detail2 .perso{
	background: url(../MEMOimages/picto_perso.png) center left no-repeat;
	margin-left: 8px;
}
.logement .detail2 .intro{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e1e3e4;
	color: #9d9e9e;
	line-height: 12px;
	font-size: 12px;
}


.logement .visuel{
	float: left; 
	position: relative;
}
.logement .visuel .masque{
	display: block;
	position: absolute;
	width: 49px;
	height: 131px;
	top: 0px;
	right: 0px;
	background:url(../MEMOimages/logement_masque.png);
}

.logement .visuel2{
	float: left; 
	position: relative;
}
.logement .visuel2 .masque{
	display: block;
	position: absolute;
	width: 25px;
	height: 66px;
	top: 0px;
	right: 0px;
	background:url(../MEMOimages/logement_masque2.png);
}

.logement .detail3{
	float:right;
	width: 180px;
	height: 66px;
	background: #eff1f2;
	overflow: hidden;
	padding-left: 0px;
	padding-top: 2px;
}
.logement .detail3 .title{
	display:block;
	font-weight: 700;
	color: #51b1e6;
	font-size: 10px;
	font-family: 'Open Sans', sans-serif ;
	margin: 0px 0px 3px 0px;
	padding-left: 0px ;
}
.logement .detail3 .title:hover{
	color: #13608A;
}
.logement .detail3 span{
	display: block;
	width: 155px;
	height: 10px;
	float: left;
	font-weight: 700;
	font-size: 11px;
	color: #474848;
	line-height: 10px;
}
.logement .detail3 .prix{
	font-size: 9px;
}
.logement .detail3 .etiquette{
	background: url(../MEMOimages/picto_etiquette.png) center left no-repeat;
	
}
.logement .detail3 .perso{
	background: url(../MEMOimages/picto_perso.png) center left no-repeat;
	margin-left: 8px;
}
.logement .detail3 .intro{
	color: #9d9e9e;
	line-height: 10px;
	font-size: 10px;
}

/*******************************************************************************************/
/*************************************** LISTING *******************************************/
/*******************************************************************************************/
.page_listing .content .center{
	padding-bottom: 0px !important;
}
.zone_title{
	padding-left: 15px;
	position: relative;
}
.zone_title h1{
	font-size: 26px;
	font-family: 'Open Sans Condensed', sans-serif ;
	
}
.share{
	position: absolute;
	top: 10px;
	right: 30px;
}
#listing{

}
.list_element{
	
}
.list_element .map{
	width: 271px;
	height: 189px;
	float: right;
}
.list_element .visuel{
	float: right;
	position: relative;
	-webkit-box-shadow: 8px 0px 10px -8px #000000;
box-shadow: 8px 0px 10px -8px #000000;
}
.list_element .visuel .masque{
	position:absolute;
	top: 0px;
	left: 0px;
	background: url(../MEMOimages/list_element_masque.png) top left no-repeat;
	width: 59px;
	height: 189px;
}
.list_element .detail{
	background: #eff1f2;
	height: 179px;
	width: 636px;
	padding: 10px 0px 0px 20px;
}
.list_element .detail .title{
	display:block;
	font-weight: 400;
	color: #206EAE;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif ;
	padding-left: 0px ;
}.list_element .detail .title:hover{
	color: #51b1e6;
}
.list_element .detail span{
	display: block;
	width: 55px;
	float: left;
	font-weight: 700;
	font-size: 10px;
	color: #474848;
	line-height: 10px;
	padding-left: 23px;
	
}
.list_element .detail .calendrier{
	background: url(../MEMOimages/picto_calendrier.png) center left no-repeat;
}
.list_element .detail .prix{
	background: url(../MEMOimages/picto_prix.png) center left no-repeat;
}
.list_element .detail .etiquette{
	background: url(../MEMOimages/picto_etiquette.png) center left no-repeat;
	
}
.list_element .detail .tourisme{
	background: url(../MEMOimages/picto_tourisme.png) center left no-repeat;
	margin-left: 15px;
}
.list_element .detail .perso{
	background: url(../MEMOimages/picto_perso.png) center left no-repeat;
	margin-left: 8px;
}
.list_element .detail .intro{
	font-family: 'Open Sans', sans-serif ;
	color: #333333;
	font-style: normal;
	font-size: 16px;
}
.list_element .selection{
	width: 930px;
	background-color: #B0B7C1;
	float: left;
}
.interets{
	padding: 9px 10px 9px 0px;
	border-bottom: 1px solid #e2e4e5;
	margin: 7px 0px; 
	border-top: 1px solid #e2e4e5;
	font-size: 11px;
	line-height: 15px;
	color: #595959;
}
.pagination{
	width: 986px;
	margin: 0 auto;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.pagination .pages{
	font-size: 22px;
	font-family: 'Open Sans Condensed', sans-serif ;

}
.pagination .pages a{
	color: #fff;
}
.pagination .pages a:hover, .pagination .pages a.selected{
	color: #4dade2;
}

.lstNbProducts {
color: #ffffff;
font-size: 18px;
float: left;
font-family: 'Open Sans Condensed', sans-serif ;

}

.navigPageOn{
width: 26px;
display: inline-block;
background-color: #CCCCCC;
border: 1px solid #CCCCCC;
text-align: center;
color: #333;
font-size: 16px;
padding-top: 5px;
padding-bottom: 5px;
}

.navigPageOff{
width: 26px;
display: inline-block;
border: 1px solid #CCCCCC;
text-align: center;
color: #DDD;
font-size: 16px;
padding-top: 5px;
padding-bottom: 5px;
}

.imgPrev{
width: 27px;
height: 23px;
display: inline-block;
background: url(../images/navigPrevW.png) top center no-repeat;
padding-top: 5px;
padding-bottom: 5px;
}

.imgNext{
width: 27px;
height: 23px;
display: inline-block;
background: url(../images/navigNextW.png) top center no-repeat;
background-repeat: no-repeat;
padding-top: 5px;
padding-bottom: 5px;
}

.blcNavigPages
{
    display: inline-block;
	margin: 0 auto;
	color: #fff;
	padding-top: 0px;
    padding-bottom: 25px;
	float: right;
}
.blcNavigPages .pages{
    display: inline-block;
	font-size: 22px;
	font-family: 'Open Sans Condensed', sans-serif ;
}
.blcNavigPages .imgPrev{
    display: inline-block;
}
.blcNavigPages .imgNext
{
    display: inline-block;    
}
.blcNavigPages .pages a{
	color: #fff;
}

}
.blcNavigPages .pages a:hover, .blcNavigPages .pages a.navigPageOn{
	color: #4dade2;
}



/*******************************************************************************************/
/************************************* FOOTER (COMMUN)**************************************/
/*******************************************************************************************/
#footer{
	background: #feffff;
	padding-top: 44px;
	margin-top: 20px;
}

#footer .logo_footer{
	width: 248px;
	float: left;
}
#footer .logo_footer span{
	display:block;
	font-weight: 700;
	color:#95989a;
	padding-top: 3px;
}

#footer .footer_pages{
	width: 733px;
	float: right;
	
}

#footer .footer_pages .column{
	width: 126px;
	padding-left: 20px;
	float :left;
	vertical-align: top;
}

#footer .footer_pages .column .level_1{
	display: block;
	color:#373e42;
	font-size: 14px;
	font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	padding-bottom: 15px;
}
#footer .footer_pages .column .level_2{
	display: block;
	color: #717476;
	font-size: 11px;
	padding-top: 5px;
}

#footer .footer_pages .column a:hover{
	color: #51b1e6;
}

#footer .footer_bottom{
	float: left;
	padding-top: 10px;
	width: 100%;
	margin-top: 40px;
	border-top: 1px solid #ebeced;
	position:relative;
	color: #717476;
	font-size: 10px;
}
#footer .footer_bottom a{
	color: #717476;
	font-size: 10px;
}
#footer .footer_bottom a:hover{
	color: #51b1e6;
}
#footer .footer_bottom .signature{
	float:right;
}

.clearnone{
	width: 100%;
	height: 20px;
}

.zone_gmaps
{
	width: 493px;
	height: 338px;
}















/*---------------------------- css hacks -------------------------------*/

/*  "Clearing floats" avec div suplementaire */
.colclear {
	clear: both;
	height: 1px;
	line-height: 1%;
	font-size: 1px;
}

/*  "Clearing floats" avec div d�j� pr�sent */
.clearboth {
	clear: both;
}

/* 
This piece of code is for clearing the floats without structural markup
Don't modify it
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 0px;
}

/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */



#listPOI {
	color: #373E42;
	background: #F5F5F5;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 10px;
	margin: 0px 10px 15px;
	width: 950px;
	box-shadow: 0 0 1px 2px #EEEEEE;
}

#blocPOI {
	color: #373e42;
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 0 0 1px 2px #EEEEEE;
	padding: 0px 15px 0px 10px;
	margin: 0px 0px;
	width: 920px;
	margin-bottom: 10px;
}

.itemPOI{
	padding-top: 10px;
	color: #333333;
	font-size: 13px;
	/* font-weight: 700; */
}
.accrochePOI
{
width: 275px;
height: 185px;
padding-left:14px;
padding-top: 12px;
}
.lienPI
{
	color: #2890c9;
	font-weight: 700;
}
.lienPI a
{
	color: #2890c9;
	font-weight: 700;
}
.lienPI a:hover
{
	color: #233f6d;
	font-weight: 700;
}
.blocPOIPlusinfo {
	position: relative;
	left: 200px;
	top: 130px;
}
.itemPOItxt {
    position: relative;
	top: -20px;
	width: 325px;
}

#POIHeader {
padding-top: 0px;
border-bottom: 1px solid #e1e3e4;
width: 875px;
height: 32px;
}

#POIHeader .th4{
	color: #000000;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	padding-top: 0px;
	font-weight: 700;
	padding-top: 10px;
}

.POIMark
{
	background: url(../images/POIMark.jpg) top center no-repeat;
	width: 28px; 
	height: 31px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}

#POIListHeader {
	border-bottom: 1px solid #e1e3e4;
	padding: 0px 0px 10px 6px;
	margin-bottom: 10px;
}
#POIListHeader .th3{
	color: #2890c9;
	font-size: 24px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
    display: inline-block;

}

#POIListHeader .th4{
	color: #000000;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;

}

.itiMedias 
{
}

.thmImages 
{
    display: inline-block;
    vertical-align: bottom;
}

.page .content .center{
	background: #ffffff;
	padding-bottom: 0px;
}

.cardContent
{
    margin: 0;
    background-color: White;
    padding: 0;
}

.bbt_back{
	float: left;
	display: block;
	padding: 8px 20px;

	margin-top: 20px;
	text-align: center;
	background: #eff1f2;
	color: #2890c9;
	font-weight: 700;
	font-style: italic;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}:hover.bbt_back{
	color: #1862A1;
}

.listChangeMode 
{

}



.oldContent
{
	font-family: 'Open Sans', sans-serif;
    margin: 0;
	font-size: 14px;
    background-color: White;
    padding: 0 10px 20px 20px;
}

.oldContent h1
{
	font-family: 'Open Sans Condensed', sans-serif;
}
.oldContent h2
{
	font-family: 'Open Sans Condensed', sans-serif;
}
.oldContent h3
{
	font-family: 'Open Sans Condensed', sans-serif;
}


/*---------------------------- Vieux memo -------------------------------*/

.titre-bleu-souligne
{
	color: #2890c9;
	font-size: 24px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
}

div.thumb {
	margin-bottom: .5em;
	border-style: solid;
	border-color: white;
	width: auto;
	padding: 10px;
}
div.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #ccc;
}
html .thumbcaption {
	border: none;
	text-align: center;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
div.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .8em 1.4em;
}
div.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
	border-width: .5em 1.4em .8em 0;
}
img.thumbborder {
	border: 1px solid #dddddd;
}

.wikitable{
 border-collapse:collapse;
 border:1px solid #000000;
 margin-top:10
 }
.wikitd {
 border:1px solid black;
 }

.wikitdHeader {
 border:1px solid #000000;; font-weight:bold; text-align:center; background-color:#EEEEEE
 }

 
 .TitreParagraphe
 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.TexteGras
 {
	font-weight: 700;
}

/* -------- Newsletter ----------- */
.homeNewsletter
{
    background-color: #47A7DC;
    padding: 5px 20px 20px 20px;
    color: White;
	font-family: 'Open Sans Condensed', sans-serif;
    font-size: 28px; 
    font-weight: 700;
    float: left;
    width: 435px;
    margin-left: 35px;
    margin-right: 0px;

}
.homeNewsletterInside
{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.homeNwslInput
{
    border: 0px;
    background-color: #EEEEEE;
    padding: 10px;
    color: #333333;
    font-size: 14px; 
    font-weight: 700; 
    -webkit-border-radius: 3px;
	border-radius: 3px;   
	margin-right: 10px;    
}

.homeInscrInside
{
    padding: 20px 30px 0 30px;
    color: #3C8069;
    font-size: 22px;
}
.homeOK 
{
    background-color: Black;
    padding: 10px;
    color: White;
    font-size: 14px; 
    font-weight: 700;   
    display: inline-block; 
}

.homeOK a
{
    color: White;
}

/* -------- Bloc Contact ----------- */
.homeContact
{
    background-color: #778395;
    padding: 5px 20px 10px 20px;
    color: White;
	font-family: 'Open Sans Condensed', sans-serif;
    font-size: 28px; 
    font-weight: 700;
    float: left;
    width: 435px;
    margin: 20px 0px 0px 35px;
}
.homeContactInside
{
    font-size: 18px;
    font-weight: 700;
}
.homeContactLink 
{
	font-family: 'Open Sans Condensed', sans-serif;
    color: White;
}

.homeContactLink a
{
    color: White;
}
.homeContactLink a:hover
{
    text-decoration: underline ;
}
.blueButton 
{
	background: #51b1e6;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 20px;
	color: #ffffff;
	margin: 0px 20px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	font-weight: 700;
}
.loginLabel	
{
 	color: #2890c9;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
}
.loginTitle	
{
 	color: #666;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
}
.forgetText a,
.forgetText a:visited
{
    color: #333;
}
.forgetText a:hover
{
    text-decoration: underline;
}
.userPhoto
{
    position: relative;
    top: -50px;
    margin-bottom: -50px;
    left: 320px;
    vertical-align: middle;
    text-transform: uppercase;
 	color: #666;
	font-size: 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
}
.userPhoto a,
.userPhoto a:visited
{
 	color: #666;
}
.membersPhoto
{
    width: 42px;
    height: 46px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../MEMOimages/user.jpg');
	vertical-align: middle;
	margin-right: 10px;
}

.usermPhoto
{
    position: relative;
    width: 25px;
    height: 28px;
    top: -40px;
    margin-bottom: -40px;
    left: 260px;
    vertical-align: middle;
    z-index: 1000;
}
.membermsPhoto
{
    width: 25px;
    height: 28px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../MEMOimages/user.jpg');
	vertical-align: middle;
	margin-right: 10px;
}

.usermPhotoPOI {
    position: relative;
    width: 25px;
    height: 28px;
    bottom: -145px;
    margin-bottom: -40px;
    left: -20px;
    vertical-align: middle;
    z-index: 1000;
}