/* Début partie index */

.fa-spin {
    animation: 2s linear 0s normal none infinite running fa-spin;
}
.fa-5x {
    font-size: 3em;
}
.fa {
    display: inline-block;
    
    font-style: normal;
    font-weight: normal;
	color: #0E5C83;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: ;
    text-rendering: auto;
    transform: translate(0px, 0px);
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg)
	}
}

@-moz-keyframes fa-spin {
	0% {
		-moz-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-moz-transform:rotate(359deg);
		transform:rotate(359deg)
	}
}

@-o-keyframes fa-spin {
	0% {
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-o-transform:rotate(359deg);
		transform:rotate(359deg)
	}
}

@keyframes fa-spin {
	0% {
		transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		transform:rotate(359deg);
		transform:rotate(359deg)
	}
}

@-ms-keyframes fa-spin {
	0% {
		-ms-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-ms-transform:rotate(359deg);
		transform:rotate(359deg)
	}
}

/* Fin partie index */


.conteneur_video_animation {
		background:;
		margin: auto;
		width: 400px;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_video_animation  video	{
		vertical-align: top;
				
}

.conteneur_images_gal_v {
		background:#dadada;
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		height: 400px;
		display: inline-block;
		width: 100%;
		}

.conteneur_images_gal_h {
		background:#dadada;
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		height: 380px;
		display: inline-block;
		width: 100%;
		}

.conteneur_image_1
{
		background: #EDDFED;
		margin: auto;
		width: 800px;
		height: 533px;
		line-height: 533px;
		text-align: center;
		border: 2px solid #aaa;
				
}

.conteneur_image_1 img
{
		
		vertical-align: middle;
		text-align: center;
				
}

.conteneur_images_apropos {
		background: #EDDFED;
		margin: auto;
		width: 80%;
		text-align: center;
					
}

.conteneur_images_apropos img	{
		background: #EDDFED;
		margin: auto;
		width: 100%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos .cel1	{
		background: #EDDFED;
		display: inline-block;
		margin: auto;
		width: 33%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos .cel1 img	{
		background: #EDDFED;
		width: 100%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos .cel2	{
		background: #EDDFED;
		display: inline-block;
		margin: auto;
		width: 33%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos .cel2 img	{
		background: #EDDFED;
		width: 100%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos .cel3	{
		background: #EDDFED;
		display: inline-block;
		margin: auto;
		width: 33%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos .cel3 img	{
		background: #EDDFED;
		width: 100%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos_text {
	font-family: georgia;	
	font-size: 18px;
	width: 70%;
    position: absolute;
    left: 250px;
    top: 300px;
	padding-right: 50px;
	
}

.apropos_text {
	font-family: georgia;	
	font-size: 18px;
	text-align: left;
}
    

.roundedImage	{
	float:left; 
	margin-top:-15px;
	margin-left:20px;
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:110px;
    height:110px;
}



.conteneur_images_slide
	{
background:#F5F5F5; /* color  honeydew */
width: 1000px;
margin:  0 auto;
padding-left: 10px;
padding-right: 15px;
box-sizing: content-box;
}

.conteneur_images_slide .content_list	
{	
		padding-left : 0px;
		padding-right : 0px;
		
		color: #000000;
		}

.conteneur_images_slide .content_list	
.content_item
{
		
		list-style-position: inside;
		padding-left : 20px;
		padding-right : 0px;
		
		color: #000000;
		
}


.conteneur_images_slide h2
	{
font-size: 18px;

}

.conteneur_v_cond
	{
background:#F0FFF0; /* color  honeydew */
margin: auto;
width: 800px;
color: #000000;
font-size: 15px;
line-height:20px;
border-top: 1px solid #aaa;
border-left: 2px solid #aaa;
border-right: 2px solid #777;
border-bottom: 2px solid #777;
border-radius: 0px 0px 15px 15px; /* haut gauche, haut droit, bas droit,bas gauche */
}

.conteneur_v_cond .condit_tit	{

	font-size: 16px;
	line-height:16px;
	padding-top: 15px;
	font-weight: bold;
	text-align: center;

}

.conteneur_infos {
    background: #F0FFF0;
    margin: auto;
    width: 800px;
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    border-top: 1px solid #aaa;
    border-left: 2px solid #aaa;
    border-right: 2px solid #777;
    border-bottom: 2px solid #777;
    border-radius: 0px 0px 15px 15px;
}

.conteneur_infos_tit	{

	font-size: 16px;
	line-height:16px;
	padding-top: 15px;
	font-weight: bold;
	text-align: center;

}

.gal_thermes {
    background: #F0FFF0;
	margin: auto;
    width: 800px;
    height: 270px;
	line-height: 15px;
	border-left: 2px solid #aaa;
    border-right: 2px solid #777;
}

.gal_photos_1 {
		float: left;
		height: 210px;
		width: 398px;
		font-weight: bold;
		padding-left: 30px;
		padding-right: 0px;
		padding-top: 10px;
		}

.gal_photos_1 p	{
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}

.gal_photos_2 {
		float: left;
		height: 210px;
		width: 398px;
		font-weight: bold;
		padding-left: 20px;
		padding-right: 30px;
		padding-top: 10px;
		}

.gal_photos_2 p	{
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}

.conteneur_v_formulaire_menu
	{
		background:#CECEF6; /* color  without /*
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		width:680px; 
		height: 40px;
		margin: 0 auto;
		color: #000000;
		padding-left: 20px;
		padding-top:px;
		
		font-size: 15px;
		line-height:40px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}


.conteneur_header {
    background: url("image 44.jpg");
        background-size: auto auto;
    border: px ridge black;
    background-repeat: no repeat;
    background-size: 100%;
    height: 130px;
	line-height: 1.42857143;
    width: auto;
    border-top: 0px;
    border-left: 3px #777;
    border-right: 3px #777;
    border-bottom: 0px solid #aaa;
    box-sizing: border-box;
    border-radius: 15px 15px 0px 0px;
}


.header1 {
    float: left;
	padding-left: 50px;
 	width: 230px;
	height: 130px;
	box-sizing: border-box;
}

.header1 img {
	padding-top: 15px;
    	vertical-align: middle;
   	 border: none;
}

.header2 {
		float: left;
		height: 120px;
		margin: 10px;
		width: 175px;
		font-size: 10px;
		}

.header3 {
    display: inline-block;
    background-image: url("image 12.jpg");
    background-repeat: no-repeat;
    background-size: auto auto;
    background-size: 100%;
    font-family: FontAwesome;
    font-size: 16px;
    margin-left: 30px;
    margin-top: 30px;
    width: 800px;
	height: 70px;
	line-height: 70px;
    text-transform: uppercase;
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #FFF;
	overflow: hidden;
	
	
}

.header3 h1 {
    	font-family: FontAwesome;
  	font-size: 24px;
   	color: #000;
  	animation-name: slidetitle;
	animation-duration: 0.6s;
	animation-delay: 0s;
        animation-timing-function: linear;
        animation-iteration-count: 1;
	
}
    
    @-moz-keyframes blinker {
        0% { opacity: 1.0; }
        50% { opacity: 0.2; }
        100% { opacity: 1.0; }
    }
     
    @-webkit-keyframes blinker {
        0% { opacity: 1.0; }
        50% { opacity: 0.2; }
        100% { opacity: 1.0; }
    }
     
    @keyframes blinker {
        0% { opacity: 1.0; }
        50% { opacity: 0.2; }
        100% { opacity: 1.0; }
    }


	@keyframes  slidetitle	{

	 0% { opacity: 0; 
	 margin-left: 30%;
	font-size: 150%;
   	width: 150%; }

	90% { opacity: 0; 
	 margin-left: 20%;
	font-size: 150%;
    	width: 150%; }
        
        100% { opacity: 1; 
	 margin-left: 10%;
	font-size: 150%;
    	width: 150%; }
}

.header4 {
    float: right;
    line-height: 15px;
    margin-top: 0px;
    margin-right: 50px;
    padding-top: 30px;
    font-family: FontAwesome;
    font-size: 14px;
    color: #000;
}

.header4 span {
    	
  	animation-duration: 2s;
  	animation-name: clignot;
 	animation-iteration-count: 10;
}


.header4bis {
		float: right;
		margin-top: 0px;
		margin-right: 50px;
		padding-top: 10px;
		font-family: FontAwesome;
		font-size: 15px;
		color: #000;
		line-height: 15px;
		}

		
.header5 {
		display: none;
		}

.blink_me {
	text-align: center;
	font-size: 16px;
    animation-name: clignot;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes clignot {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.conteneur_welcome
	{
background:#CCCC99;
/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
height: 150px;
margin:  auto;
width: 1260px;
border-top: 3px solid #777;
border-left: 3px solid #777;
border-right: 3px solid #777;
border-bottom: 1px solid #777;
border-radius: 15px 15px 0px 0px; /* haut gauche, haut droit, bas droit,bas gauche */ /* couleur IVORY2 */
}

.conteneur_tarif_1 {
		background: #F5F5F5; /* color  honeydew /*
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		width:680px; 
		padding-left: 20px;
		padding-right: 10px;
		padding-top: 14px;
		margin: 0 auto;
		font-family: ;
		font-size: 14px;
		color: #000000;
		line-height:20px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.conteneur_tarif_1 ul
{
display: inline-block;
 
font-family: ;
font-size: 14px;
color: #000000;
list-style: none;
}

.conteneur_tarif_1 .fa
{

font-size: 14px;
color: #000000
}

.conteneur_tarif_1 h2 {
    background: #F5F5F5;
    border: px ridge black;
    font-family: ;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 16px;
}

h2 {
    text-align: center;
    font-weight: ;
}

h3 {
    text-align: center;
    font-weight: 700;
}

.conteneur_tarif_1 h3
{
		background: #F5F5F5; /* color  honeydew */
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		font-family: ;
		font-size: 15px;
		font-weight: bold;
		color: #000000;
		
		display:inline;
		}

.conteneur_tarif_2 
{
		background: #F5F5F5; /* color  */
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		
		width:580px; 
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		margin: 0 auto;
		font-size: 14px;
		color: #000000;
		line-height:20px;
		text-align: center;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		
}

.contact
{
display: inline-block;
 
font-family: ;
font-size: 14px;
color: #000000;
list-style: none;
}

.contacts h3 {
    	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 15px;
    font-family: FontAwesome;
    font-size: 15px;
    color: #000;
}

#contact_list {
	margin-top: -10px;
    position: relative;

}

#contact_mail h3 {

    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 0px;
	font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;

}

#contact_mail .item {

    text-decoration: none;
    display: block;
    float: left;
    height: 30px;
	line-height: 30px;
    box-sizing: border-box;
    width: 60px;
    border: 1px solid #B7B8B9;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #B7B8B9;
    border-right-color: #fff;
    border-bottom-color: #B7B8B9;
    border-left-color: #B7B8B9;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    text-align: center;
    position: relative;
    cursor: pointer;
    background: #D3D3D3 none repeat scroll 0% 0%;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-color: #D5D7D8 none repeat scroll 0% 0%;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    color: #FFF;

}

#contact_phone .item {

    text-decoration: none;
    display: block;
    float: left;
    height: 30px;
    box-sizing: border-box;
    width: 60px;
    border: 1px solid #B7B8B9;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #B7B8B9;
    border-right-color: #fff;
    border-bottom-color: #B7B8B9;
    border-left-color: #B7B8B9;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    text-align: center;
    position: relative;
    cursor: pointer;
    background: #D3D3D3 none repeat scroll 0% 0%;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-color: #D5D7D8 none repeat scroll 0% 0%;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    color: #FFF;

}

.conteneur_calendrier_menu {
		background:#CECEF6; /* color  without */
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		width:622px; 
		height: 40px;
		margin: 0 auto;
		color: #000000;
		padding-left: 20px;
		padding-top:px;
		vertical-align: middle; 
		font-size: 15px;
		line-height:40px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		box-sizing: content-box;
		}

.conteneur_v_cond_menu {
		background:; /* color  without */
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		width:800px; 
		height: 40px;
		margin: 0 auto;
		color: #000000;
		padding-left: 20px;
		padding-top:px;
		vertical-align: middle; 
		font-size: 16px;
		font-weight: bold;
		line-height:40px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.conteneur_v_autres_Liens_menu {
		background:#CECEF6; /* color  without */
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		width:580px; 
		height: 40px;
		margin: 0 auto;
		color: #000000;
		padding-left: 20px;
		padding-top:px;
		vertical-align: middle; 
		font-size: 15px;
		line-height:40px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}


.formulaire {
		background: #F5F5F5; /* color  whitesmoke* /
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		
		width:680px;
		margin: 0 auto;
		padding-right: 10px;
		padding-left: 50px;
		color: #000000;
		font-size: 15px; /* #F5DEB3 */
		line-height:18px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.formulaire_transpar {
		background: #;  
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		margin-left:390px; 
		width:550px; 
		height:auto;
		margin: 0 auto;
		color: #000000;
		font-size: 15px;
		line-height:20px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

#nom  {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
    display: block;
    width: 500px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#nom_blog  {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
    display: block;
     width: 100%;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#prenom
{
   
    width: 500px;  
	 border: 1px solid #ccc;
    border-radius: 4px; 
}

#tel
{
    
    width: 500px; 
	 border: 1px solid #ccc;
    border-radius: 4px; 
}

#email
{
    
    width: 500px;   
	 border: 1px solid #ccc;
    border-radius: 4px;
}

textarea
{
	text-align: left;
}

.captcha {
    background: #F5F5F5;
    width: 320px;
    margin: 0 auto;
    
    color: #000000;
    font-size: 15px;
    line-height: 18px;
    border-top: 0px solid #aaa;
    border-left: 0px solid #aaa;
    border-right: 0px solid #aaa;
    border-bottom: 0px solid #aaa;
}

.out
{
    width: 540px;   
}

.formulaire_blog {
		background: #F5F5F5; /* color  whitesmoke* /
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		
		width:auto;
		height: auto;
		padding-top: 5px;
		padding-right: 10px;
		padding-left: 10px;
		color: #000000;
		font-size: 15px; /* #F5DEB3 */
		line-height:18px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

#form1	{
   height: auto;
}

.form_input	{
    margin-right: 0px;
    margin-left: 10px;
	margin-bottom: 15px;
	line-height: 1.42857143;
	height: 35px;
}

.form_input2	{
    margin-right: 0px;
    margin-left: 10px;
	margin-bottom: 0px;
	line-height: 1.42857143;
	height: 220px;
}

.col_1	{
        display: inline-block;
	margin-bottom: 0;
	text-align: right;
	width: 260px;
	float: left;
	position: relative;
	font-size: 13px;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 7px;
   
}

label {
    
    max-width: 100%;
    margin-bottom: 5px;
	 font-weight: 300;
}

.col_2	{
        display: inline-block;
	width: 400px;
	float: left;
	min-height: auto;
	padding-right: 5px;
	padding-left: 5px;
}



#sejour  {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
    display: block;
    width: 100%;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#message  {
	margin-bottom: 10px;
	padding: 5px 10px;
	font-size: 15px;
	line-height: 30px;
	border-radius: 3px;
    display: block;
    width: 100%;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.liens_utiles {
		background-color: #F5F5F5; /* color  honeydew */
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		width:770px; 
		margin: 0 auto;
		padding-left: 30px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.liens_utiles  strong	{
		font-size: 16px;
		}

.liens_utiles  a strong	{
		font-size: 14px;
		}

.mentions_legales {
		background-color: #F0FFF0; /* color  honeydew */
		/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
		width:800px; 
		margin: auto;
		color: #000000;
		font-size: 15px;
		line-height:20px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}


#slideShowImages { 

    border: 1px gray solid;
	margin: 15px;
      background-color: lightgray;
	float:left; /* 10px 10px 10px 10px; Erreur lors de l'analyse grammaticale. 10px 10px 10px 10px; */
	 /* The following CSS rules are optional. */
	
    }   
  
#slideShowImages img { 
      border: 0.3em violet solid;
      padding: 3px;
	margin: 0px;
	height: 420px;
	width: 280px;
	}   

.center {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

button {
	
    position: absolute;
    left: 200px;
    top: 300px;
	
}
    
p3 {
    position: absolute;
   left: 60px;
    top: 18px;
}


h1 {
   	display: inline;
	text-align:left ;
	font-size:30px;
	font-weight:normal;
}

.posilogo	{

	position: absolute;
   	left: 1000px;
    	top: 100px;
}

img	{
	vertical-align:middle;
	border: none;
	
}
	



.margfram	{
	margin-top: -10px;
	margin-left: 8px;
	margin-right: 8px;
	/* frame-border: 0; La propriété frame-border n'existe pas : 0 */
	border: 0px;
	
}

body {
	
   	background: #BBAE98;
    	background-size: cover;
	margin: 0px;
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	font-size: 14px;
	color: #000000;
	letter-spacing: 0;
	/* line-height: 15px; */
    
}

.full_page {
	
	
	background: url("image 45.jpg"); 
	background: url("image 48.jpg");
	background: url("image 49.jpg");
	background: url("image 50.jpg"); 
	background: url("image 60.jpg"); 
	background: url("image 62.jpg");
	background: url("image 63.jpg");
	background: url("image 55.jpg");
	background: url("image 59.jpg");
	background: url("image 64.jpg");



	background:#806D5A; /* chataigne*/
	background:#BABABA; /* étain oxydé*/
	background:#BBAE98; /* grège*/
	background:#606060; /* gris*/
	background:#7F7F7F; /* gris fer*/
	background:#9E9E9E; /* gris souris*/
	background:#463F32; /* taupe*/
	background:#947F60; /* havane*/
	background:#B3B191; /* mastic*/
	background:#798081; /* plomb*/
	background:#A89874; /* plomb*/
	background:#967C5C; /* terre de sienne brulée*/
	background:#5A5E6B; /* ardoise*/
	background:#CECECE; /* argent*/
	background:#766F64; /* bis*/
	background:#677179; /* gris de payne*/
	background:#483C32; /* taupe solid color*/
	background:#BBAE98; /* grège*/
	

 
    	background-size: cover;
	height: auto;
}

.TitreDiv 
	{ 
	height: 60px;
	background-color: #CDC8B1; /* cornsilk3	RBG 205;200;177*/
	background:#806D5A; /* chataigne*/
	background:#BABABA; /* étain oxydé*/
	background:#BBAE98; /* grège*/
	background:#606060; /* gris*/
	background:#7F7F7F; /* gris fer*/
	background:#9E9E9E; /* gris souris*/
	background:#463F32; /* taupe*/
	background:#947F60; /* havane*/
	background:#B3B191; /* mastic*/
	background:#798081; /* plomb*/
	background:#A89874; /* plomb*/
	background:#967C5C; /* terre de sienne brulée*/
	background:#5A5E6B; /* ardoise*/
	background:#CECECE; /* argent*/
	background:#766F64; /* bis*/
	background:#677179; /* gris de payne*/
	background:#483C32; /* taupe solid color*/
	background: #BABABA;
	width: auto;
	font-family: "Fontawesome"; /* tempus sans itc, Californian FB, Bell MT, perpetua, trebuchet MS, franklin gothic book, 
	bodoni MT, lucida bright */
	font-size: 24px;
	border-top: 0px solid #777;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-radius: 0 0 0px 0px;
	text-align: center;
	line-height: 50px;
		/* Bandeau menu--><--gris */


	 }

.TitreDiv h1
	{ 
	
	font-family: "Fontawesome"; /* tempus sans itc, Californian FB, Bell MT, perpetua, trebuchet MS, franklin gothic book, 
	bodoni MT, lucida bright */
	font-size: 24px;
	line-height:60px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center; 

	 }

.menu  { 
	display:block; 
	list-style: none none;
	background-color: #999;
	height: 50px;
	width : auto;
	margin-top: 0px;
	padding: 0px;
	line-height: 2; 
	text-align: center; /* alignement texte du menu */
	border-radius: 0  0 8px 8px ; /* haut gauche, haut droit, bas droit,bas gauche */
	
	}

.menu a { 
	display:block; 
	color: #fff; /* blanc*/
	text-decoration:none;
}
.menu > li ,
.menu > li li
 {
	position: relative; 
	display:inline-block; /* affichage horizontal*/
	margin: auto;
	max-width: px;
	min-width: px;
	width: 140px;
	padding: 6px 15px;
	z-index: 10;
	font-size: 16px;
	border-top: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	border-bottom: 0px solid #000;
	background-color: #999; /* couleur du bandeau des cellules - couleur gris */
	/* background-image: linear-gradient (#aaa 20%, #888, #777, #999); /*#aaa 20%, #888, #777, #999*/ /* couleur aaa gris clair, couleur 777 gris très foncé,  couleur 888 gris foncé,  
									couleur 999 gris clair foncé*/ 
									/* représente un dégradé linéaire de couleurs du bandeau des cellules. 
									A radial gradient with differently spaced color stops */
	
}


.menu > li li { background: transparent none; 
}
.menu > li li a { color: #444; 
} 


.menu > li li:hover 
	{ background:#FFFFE0; /* couleur LightYellow1 255;255;224 */
}

.menu > li:first-child {
	border-right: 0px solid #777; 
	border-left: 0px solid #aaa;
	border-radius: 0 0 8px 8px; /* haut gauche, haut droit, bas droit,bas gauche */
}

.menu > li + li {
	border-left: 0px solid #aaa; /* Cellules intermédiaires*/
	border-right: 0px solid #777; /* Cellules intermédiaires */
	border-radius: 0  0 8px 8px ; /* haut gauche, haut droit, bas droit,bas gauche */
}

.menu > li:last-child {
	border-right: 0px solid #777;
	border-left: 0px solid #aaa;
	border-radius: 0 0 8px 8px; /* haut gauche, haut droit, bas droit,bas gauche */
}

.menu > li:hover {
	background-color: #999;
	background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
	height: 40px; /* hauteur sur brillance menu */
}

.menu ul ul {
	display:inline-block; /* affichage horizontal*/
	   
	top: -15px;
	left: 120px; 
}

/* (presque) fin de la partie positionnement/déco */
/* dans cette déclaration, on fixe le max-height */
.menu ul {
	position: absolute;
	top:  50px; /* position du sous menu par rapport au menu*/
	left: 0px;  /* position du sous menu par rapport au menu - déplacement à droite */
	max-height:.0em;	/* hauteur cellule sous menu*/
	margin:0px; padding:0px; /* marge et position du sous menu par rapport au menu*/
	background-color:#ddd; /* non utilisé ? */
	background-image: linear-gradient(#fff,#888 ); /* représente un dégradé linéaire de couleurs du bandeau des sous cellules. (déroulement)
									A radial gradient with differently spaced color stops */
	
	text-align:left; /* alignement texte du sous menu */
	overflow:hidden;
	transition: 1.0s max-height .2s; /* Temps effet de transition*/
	border-radius: 0 0 8px 8px; /* dégradé de blanc au gris clair dans le menu déroulant */
}
/* ici on change la valeur de max-height au :hover */
.menu > li:hover ul{
	/* need an adaptation, lower is better, but see it large  ;)  */
	max-height:17em;
}



/* ici on change la valeur de max-height au :hover */
.menu > li:hover ul {
	/* need an adaptation, lower is better, but see it large  ;)  */
	max-height: 17em;
}


/* Main menu */

.conteneur_menu_image {
	background: transparent linear-gradient(#A9A9A9, #A9A9A9) repeat scroll 0% 0%;
	background: #BABABA;
	max-width: 100%;
	height: 62px;
	
	border-bottom: 1px solid #FFF;
		
		}

.menu_deroulant
{

    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;	
	border-left: 0px #aaa;
	border-right: 0px solid #aaa;
	margin: auto;
	width : 80%;
	
}


#menu
{
	max-width:100%;
	margin: auto;
	
	list-style: outside none none;
    		list-style-type: none;
    		list-style-image: none;
    		list-style-position: outside;  
	-moz-border-radius: 50px;
	border-radius: 0 0 0px 0px;
	/* -moz-box-shadow: 0 2px 1px #9c9c9c; */
	/* -webkit-box-shadow: 0 2px 1px #9c9c9c; */
	/* box-shadow: 0 2px 1px #9c9c9c; */
	border-left: 0px solid #999;
	border-right: 0px solid #999;
	
}

#menu li
{
	margin: auto;
	display: inline-block;
	padding: 0 0 0px 0px; /* top, right, bottom, left */
	position: relative;
}


#menu a 
{
	display: inline-block;
	height: 60px;	/* hauteur bandeau menu principal */
	padding: 0 30px 0px ; /* top, right, bottom, left -  Position des titres dans le bandeau */
	color: #FFf; /*  #EEFCFF */
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
	text-shadow: 0 0px 0 #000;
	line-height: 60px;
}

#menu li:hover > a
{
	color: #3A3D50;  /* couleur survol menu fafafa */ 
	
}

*html #menu li a:hover /* IE6 */
{
	color: #fafafa;
}

#menu li:hover > ul
{
	display: block;
	
}

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: px;
    padding: 10px;
    display: none;
    position: absolute;
    top: 55px;
	left: 15px;
    z-index: 99999;    
    	background: #A9A9A9 ; /* couleur barre menu darkgray */  /* couleur barre menu par défaut si backgroud suivants absents */
	background: -moz-linear-gradient(#444, #111); 
    	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#444, #111);	
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#A9A9A9, #A9A9A9); /* couleur barre menu darkgray */ 
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
	transition: 3.0s max-height .5s; /* Temps effet de transition*/
}

#menu ul ul
{
  top: 5px;
  left: 180px;
}

#menu ul li
{
    float: none;
    margin: 0;
    padding:0 0 10px 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
	
}
	

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}


#menu ul a
{    
    
	height: 10px;
	width: 130px;
	 height: auto;
   	display: block;
	line-height: 40px;
    	white-space: ;  /* nowrap syntaxe = pas de retour à la ligne */
    	float: none;
	box-sizing: content-box;
	text-transform: none;
}

*html #menu ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul a:hover
{
    	background:#FFFFE0; /* couleur LightYellow1 255;255;224 */
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, top, bottom, from(violet), to(#04acec));
	background: -webkit-linear-gradient(violet ,  #04acec);
	background: -o-linear-gradient(violet ,  #04acec);
	background: -ms-linear-gradient(violet ,  #04acec);
	background: linear-gradient(violet ,  #FFFFE0 );	
	
	
}

#menu ul li:first-child > a
{
    
	-moz-border-radius: 5px 5px 0 0;
    
}

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
	left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #A9A9A9;
	border-radius: 5px 5px 0 0;
	
	
}

#menu ul ul li:first-child > a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
	border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #A9A9A9;
	
	
	
	
}

#menu ul li:first-child a:hover:after
{
    
	border-bottom-color: violet; 
	
	
}

#menu ul ul li:first-child a:hover:after
{
    border-right-color: violet; 
    border-bottom-color: transparent; 
	
    
}


#menu ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
	
}

/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}



* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

.main_conteneur {

    float: left;
    width: 100%;
    min-height: auto;
    padding: 30px 0 10px;
    display: inline-block;
	background: url("image 45.jpg"); 
	background: url("image 48.jpg");
	background: url("image 49.jpg");
	background: url("image 50.jpg"); 
	background: url("image 60.jpg"); 
	background: url("image 62.jpg");
	background: url("image 63.jpg");
	background: url("image 55.jpg");
	background: url("image 59.jpg");
	background: url("image 64.jpg");



	background:#806D5A; /* chataigne*/
	background:#BABABA; /* étain oxydé*/
	background:#BBAE98; /* grège*/
	background:#606060; /* gris*/
	background:#7F7F7F; /* gris fer*/
	background:#9E9E9E; /* gris souris*/
	background:#463F32; /* taupe*/
	background:#947F60; /* havane*/
	background:#B3B191; /* mastic*/
	background:#798081; /* plomb*/
	background:#A89874; /* plomb*/
	background:#967C5C; /* terre de sienne brulée*/
	background:#5A5E6B; /* ardoise*/
	background:#CECECE; /* argent*/
	background:#766F64; /* bis*/
	background:#677179; /* gris de payne*/
	background:#483C32; /* taupe solid color*/
	background:#BBAE98; /* grège*/
 
    	background-size: cover;

}
    
   
}

.conteneur_wrap {
   
    width: 95%;
	height: 100%;
    margin: auto;
}

.conteneur_accueil {
		background: #A9A9A9; /* color  honeydew */
		width:60%; 
		Float: left;
		display: inline-block;
		
		color: #000000;
		font-size: 13px;
		line-height:20px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.marge_conteneur	{
		background: #F5F5F5;
		padding-top : 10px;
		padding-left : 80px;
		padding-right : 10px;
		margin: 10px;
		color: #000000;
		overflow: hidden;
		
		}

.conteneur_images_h {
		background:#F5F5F5;
		/* border: 2px ridge black; */
		display: inline-block;
		width: 710px;
		margin-left: 9px;
		margin-right: 9px;
		margin-bottom: 10px;
		height: 160px;
		}

.zoom1 {
		

		float: left;
		height: 110px;
		margin-left: 20px;
		margin-top: 10px;
		width: 30%;
		}

.conteneur_animations
{
		
		background: #F5F5F5; /* color  honeydew */
		height: auto;
		margin: 10px 10px 0px 10px;
		color: #000000;
		padding-top: 1px;
		padding-left: 10px;
		text-align: left;
		font-family: FontAwesome;
		font-size: 16px;
		font-weight: bold;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.conteneur_animations a
{
	text-decoration: underline;

}

.livre_dor  {
		background: #F5F5F5;
		font-family: FontAwesome;
		font-size: 16px;
		height: auto;
		padding-top : 10px;
		padding-left : 10px;
		padding-right : 10px;
		margin: 10px;
		color: #000000;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		line-height: 16px;
		}

.liv_undtit a	{
    
    font-size: 20px;

}

.marge_livredor	{
		background: #D9E3D9;
		height: auto;
		font-size: 15px;
		padding-top : 10px;
		padding-left : 10px;
		padding-right : 10px;
		padding-bottom : 10px;
		margin: 5px;
		margin-right: 7px;
		color: blue;
		}

.livredor_tit	{
		background: #F0FFF0;
		text-transform: uppercase;
		color: blue;
		height: auto;
		line-height: 40px;
		font-size: 25px;
		margin-bottom: 20px;
		padding: 0px;
		 border: 2px solid #aaa;
		border-radius: 4px ;
		text-align: center;
		}

.livredor_tit	h1 {
		
		line-height: 50px;
		font-size: 20px;
		font-weight: 700;
		
		}

.box_message	{
	margin: auto;
	text-align: center;
	height: 40px;	
	width: 250px;
	font-size: 14px;
	line-height: 40px;
	background-color: #696969;
   
}

.envoi_message	{
	color: #fff;
   
}

.page_avis {
	/*  background-color: #696969;  */
	display: block;
	font-size: 14px;
	font-weight: bold;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

.page_nb li {
    background: #F0FFF0;
    display: inline;
	width: 300px;
	
	list-style-type: none;
}

.page_nb .page1 {
    background: #696969;
	display: inline;
	

}

.page1	a {
    color: #fff;
}



.avis_client {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.pad_avis_client span	{
    text-align: left;
	text-transform: uppercase;
	text-decoration : underline;
	font-weight: bold;
    
}

.conteneur_blog {
	background: #A9A9A9;
	width: 40%;
	display: inline-block;
	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
	margin-left: -2px;
	border-top: 0px solid #aaa;
	border-left: 2px solid #FFFFFF;
	border-right: 0px solid #aaa;
	border-bottom: 0px solid #aaa;
}

.blog_randonneur {
    background: #F5F5F5; /* for amelie_location_germont */
    height: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px;
    color: #000000;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
	overflow: hidden;
}

.marge_blog_rando {
	background: #D9E3D9;
	height: auto;
	font-size: 15px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;
	color: blue;

	}

.blog_randonneur div	{
    	font-family: FontAwesome;
  	font-size: 16px;
   	color: #000;
  	animation-duration: 3s;
  	animation-name: ;
 	animation-iteration-count: infinite;
	
	
}

	
.blog_undtit a	{
	
font-size: 20px;

}

.rando_title	{
	background: #F0FFF0;
color: blue;
height: auto;
line-height: 40px;
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
padding: 0px;
border: 2px solid #aaa;
border-radius: 4px;
text-align: center;
}

.rando_1	{
		background: #F0FFF0;
		padding-top : 10px;
		padding-left : 10px;
		padding-right : 10px;
		margin: 10px;
		color: #000000;
		
		font-size: 14px;
		
		line-height: 14px;
		}

.wrap_text	{
	
	padding-left : 10px;
		}

.autre_rando	{
    background: #F0FFF0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px;
    color: #000000;
    font-size: 14px;
    line-height: 14px;
}

.haut_de_page {
    background: #FFFAFA;
    margin: auto;
    font-size: 12px;
    width: 75px;
    height: 50px;
    text-align: center;
    border: 0px ridge black;
    border-radius: 5px;
    box-sizing: content-box;
}

.haut_de_page p {
    margin: 0 0 10px;
}

.footer {
    float: left;
    width: 100%;
    padding: 0px 0px;
	background: url("image 45.jpg"); 
	background: url("image 48.jpg");
	background: url("image 49.jpg");
	background: url("image 50.jpg"); 
	background: url("image 60.jpg"); 
	background: url("image 62.jpg");
	background: url("image 63.jpg");
	background: url("image 55.jpg");
	background: url("image 59.jpg");
	background: url("image 64.jpg");



	background:#806D5A; /* chataigne*/
	background:#BABABA; /* étain oxydé*/
	background:#BBAE98; /* grège*/
	background:#606060; /* gris*/
	background:#7F7F7F; /* gris fer*/
	background:#9E9E9E; /* gris souris*/
	background:#463F32; /* taupe*/
	background:#947F60; /* havane*/
	background:#B3B191; /* mastic*/
	background:#798081; /* plomb*/
	background:#A89874; /* plomb*/
	background:#967C5C; /* terre de sienne brulée*/
	background:#5A5E6B; /* ardoise*/
	background:#CECECE; /* argent*/
	background:#766F64; /* bis*/
	background:#677179; /* gris de payne*/
	background:#483C32; /* taupe solid color*/
	background:#BBAE98; /* grège*/
 
    	background-size: cover;

}


.conteneur_bottom {
   background: #BABABA;
    border: px ridge black;
	margin-top: 10px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 13px;
	font-weight: normal;
	padding-left: 15px;
    border-top: 0px solid #aaa;
    border-left: 0px solid #aaa;
    border-right: 0px solid #aaa;
    border-bottom: 0px solid #aaa;
    border-radius: 0px 0px 0px 0px;
}

.conteneur_bottom a	{
	color: #000000;
	font-weight: bold;
	padding-left: 15px;
}
.conteneur_bottom_2 {
     background: #BABABA;
	margin-left: 10px;
	margin-right: 10px;
    border: px ridge black;
    color: #000000;
	font-weight: bold;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 13px;
    border-top: 0px solid #aaa;
    border-left: 0px solid #aaa;
    border-right: 0px solid #aaa;
    border-bottom: 0px solid #aaa;
    border-radius: 0px 0px 0px 0px;
}

.conteneur_meteo
{
		background: #F5F5F5; /* color  honeydew */
	
		height: 260px;
		margin: 10px 10px 0px 10px;
		color: #000000;
		text-align="center";
		font-size: 13px;
		font-weight: bold;
		line-height: 20px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.conteneur_meteo iframe
{	
		
		height: 175px;
		}

.MDWidget
{
	
	margin: 0px auto 30px;
}

#cont_NjYwMDN8NXwyfDF8NHxCN0I3Qjd8MXxGRkZGRkZ8Y3wx
	{
	
	margin: 0px auto 30px;
	}

.conteneur_livredor {
		background: #A9A9A9; /* color  honeydew */
		width:60%; 
		Float: left;
		color: #000000;
		font-size: 13px;
		line-height:20px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.conteneur_manif
{
		display: none;
		background: #F0FFF0; /* color  honeydew */
		width:600px; 
		height: auto;
		margin: 0 auto;
		color: #000000;
		padding-left: 10px;
		text-align: left;
		font-size: 15px;
		font-weight: normal;
		line-height: 15px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.marge_conteneur .content_list	{
		
		
		padding-left : 0px;
		padding-right : 0px;
		
		color: #000000;
		}

.marge_conteneur .content_list .paragraf_item {
    list-style-type:none;
    padding-left: 10px;
    padding-right: 0px;
    color: #000000;
}

.marge_conteneur .content_list	
.content_item
{
		
		list-style-position: inside;
		padding-left : 20px;
		padding-right : 0px;
		
		color: #000000;
		
}

.marge_conteneur h2	{
		
	
	font-size: 18px;
	color: #000000;
		}

.marge_conteneur h3	{
		
	
	font-size: 15px;
	color: #000000;
	display: inline;
		}

.marge_conteneur h4	{
		
	font-family: FontAwesome;
	font-size: 15px;
	color: #000000;
	display: inline;
		}

.marge_conteneur h5	{
		
	font-family: FontAwesome;
	font-size: 15px;
	color: #000000;
	display: inline;
		}

.marge_conteneur .appart {
    text-decoration: none;
    animation-duration: 2s;
    animation-name: glissement;
    animation-iteration-count: 3;
}

.marge_conteneur .tarif 	{
		
	text-decoration: none;
	animation-duration: 2s;
  	animation-name: glissement;
 	animation-iteration-count: 3;
	
	
	
}

	@keyframes  glissement	{
  	from {
   	margin-left: 20%;
    	width: 100%;
  }

  	to {
    	margin-left:0%;
    	width: 100%;
  }
}


.conteneur_tarif_1 .contact
{
display: inline-block;
 
font-family: FontAwesome;
font-size: 15px;
color: #000000;
list-style: none;
}

.conteneur_tarif_1 .calendar
{
display: inline-block;
 
width: auto;
margin : auto;
padding-left: 20px;
font-family: FontAwesome;
font-size: 18px;
color: #000000;
list-style: none;

}

@font-face  {
font-family: FontAwesome;
}



.cadre_logo_text
{
background: #D7D7E3;
 display: inline-block;
line-height: 45px;
width: 45px;
height: 45px;
font-family: FontAwesome;
font-size: 24px;
text-align: center;
border: 1px ridge black;
border-radius: 5px;
box-sizing: content-box;

}

.cadre_logo_text a
{
color: #000000;
}

.cadre_logo_image
{
background: #D7D7E3;
 display: inline-block;
font-family: FontAwesome;
font-size: 24px;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border: 1px ridge black;
border-radius: 5px;
box-sizing: content-box;

}

.cadre_logo_image a
{
color: #000000;
}

.conteneur_video {
		background:#EE82EE; /* violet */
		/* border: 2px ridge black; */
		margin: 0px;
		height: 407px;
		margin: 0 auto;
		width: 550px;
		}

.zoom {
		float: left;
		height: 400px;
		padding: 10px;
		width: 20%;
		
		}

.zoom2 {
		float: left;	
		height: 380px;
		padding-left: 10px;
		margin-right: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 50%;
		}

.zoom3 {
		float: right;
		height: 110px;
		margin: 10px;
		width: 174px;
		}

.zoom4 {
		float: left;
		height: 110px;
		margin: 10px;
		width: 174px;
		}

.zoom5 {
		float: left;
		height: 174px;
		margin: 10px;
		width: 110px;
		}


.zoom img {
		height: 100%;
		width: 100%;
			}
	
.zoom1 img 
		{
		
		width: 100%;
		
		}

.zoom2 img 
		{
		height: 100%;
		width: 98%;
		}

.zoom3 img 
		{
		height: 100%;
		width: 100%;
		}

.zoom4 img 
		{
		height: 100%;
		width: 100%;
		}

.zoom5 img 
		{
		height: 100%;
		width: 100%;
		}

/* .zoom img:hover {
		background:#dadada;
		border: 4px ridge black;
		height: 250%;
		left: -110px;
		padding: 3px;
		position: relative;
		top: -50px;
		width: 250%;
		} */
	
.zoom1 img:hover {
		background:#dadada;
		border: 4px ridge black;
		height: 250%;
		left: -110px;
		padding: 3px;
		position: relative;
		top: -50px;
		width: 250%;
		}

/* .zoom2 img:hover {
		background:#dadada;
		border: 4px ridge black;
		height: 250%;
		left: -110px;
		padding: 3px;
		position: relative;
		top: -50px;
		width: 250%;
		} */

.zoom3 img:hover {
		background:#dadada;
		border: 4px ridge black;
		height: 250%;
		left: -110px;
		padding: 3px;
		position: relative;
		top: -50px;
		width: 250%;
		}

.zoom4 img:hover {
		background:#dadada;
		border: 4px ridge black;
		height: 250%;
		left: -110px;
		padding: 3px;
		position: relative;
		top: -50px;
		width: 250%;
		}

.zoom5 img:hover {
		background:#dadada;
		border: 4px ridge black;
		height: 250%;
		left: -110px;
		padding: 3px;
		position: relative;
		top: -50px;
		width: 250%;
		}

.zoomEffect img {
		width:120px;
		height:180px;
		}
 
.zoomEffect {
    		-moz-transition: all 0.5s ease-in-out 0s;
    		-webkit-transition: all 0.5s ease-in-out 0s;
    		-o-transition: all 0.5s ease-in-out 0s;
   		 -ms-transition: all 0.5s ease-in-out 0s;
   		 transition: all 0.5s ease-in-out 0s;
   		 opacity: 0.7;
		}
.zoomEffect:hover {
  		  -moz-transform: rotate(15deg) scale(1.40);
  		  -webkit-transform: rotate(15deg) scale(1.40);
  	 	 -o-transform: rotate(15deg) scale(1.40);
   		 -ms-transform: rotate(15deg) scale(1.40);
   		 transform: rotate(15deg) scale(1.40);
  	 	 opacity: 1;
		}



/* CSS Version mobile width : 320 à 480px  avec menu vertical*/

@media screen and (min-width: 320px) and (max-width: 480px) {
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

ul.menu_top_navig {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #878383;
	border-bottom: 3px solid #A9A9A9;
}

ul.menu_top_navig li {
	float: left;
	margin: auto;
	
}

ul.menu_top_navig li a {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding: 5px 0px 0px 40px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 13px;
	font-weight: 500;
	line-height: 13px;
}

ul.menu_top_navig li a:hover {
	background-color: ;
	border: none;
	}

a:hover,
a:focus {
	border-bottom: 0px dashed #bc9d88;
}

ul.menu_top_navig li.icon {
	border: 0px;
	
	}

ul.menu_top_navig li:first-child	{
	
	
	}

ul.menu_top_navig li:not(:first-child) {
	
display: none;
	}

 
ul.menu_top_navig li.icon {
    float: right;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0px;
    display: inline-block;
	background-color: #878383;
	border: none;
	
 	}

ul.menu_top_navig li.icon a {
   
	padding-left: 0;
   
 	}

ul.menu_top_navig.responsive {
position: relative;
	}

  ul.menu_top_navig.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
 	 }
  
ul.menu_top_navig.responsive li {
    float: none;
    display: inline;
  }

  ul.menu_top_navig.responsive li a {
    display: block;
    text-align: left;
  	}

ul.menu_top_navig.responsive li:first-child {
	
display: none;
	}

.TitreDiv {
    display: none;
}

#slideshow 	{
    display: none;
}

.space 		{
    display: none;
}

#slideShowImages { 

    display: none;
	
    }   

button 	{ 

    display: none;
	
    }   


.menu_deroulant {
    background: transparent linear-gradient(#A9A9A9, #A9A9A9) repeat scroll 0% 0%;
    border-left: 3px none #AAA;
    border-right: 3px solid #AAA;
    margin: auto;
   	width: 23%;
	float: left;
}

.contact {
    font-size: 80%;
    
}

.conteneur_menu_image {
		background:#A9A9A9;
		/* border: 2px ridge black; */
		max-width: 100%;
		height: auto;
    		border-bottom: 1px solid #FFF;
    		
		}

.conteneur_logo
{
		background:url("image 3.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
		width: auto;
		height: 130px;
		
		text-align: center;
		
		}

.main_conteneur {
    
    padding: 0 ;
   
}

.conteneur_wrap {
    
    width: 100%;
    margin: 0px;
}

.conteneur_v_cond .condit_tit	{

	font-size: 14px;
	line-height:14px;
	
}

.conteneur_accueil {
		background: #A9A9A9; /* color  honeydew */
		width:100%; 
		Float: left;
		color: #000000;
		font-size: 80%;
		line-height:20px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.marge_conteneur p strong {
    font-size: 15px;
}

.marge_conteneur {
    max-width: 100%;
    
}

.marge_conteneur h2 {
    
    font-size: 14px;
    
}

.marge_conteneur h3 {
    font-size: 13px;
   
}

.conteneur_images_apropos .cel1	{
		background: #EDDFED;
		display: inline-block;
		margin: auto;
		width: 30%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos .cel2	{
		background: #EDDFED;
		display: inline-block;
		margin: auto;
		width: 30%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos .cel3	{
		background: #EDDFED;
		display: inline-block;
		margin: auto;
		width: 30%;
		height: auto;
		border: 0px solid #aaa;
				
}


.conteneur_images_apropos_text_sm {
	background: #EDDFED;
	margin: auto;
	width: 80%;
	text-align: left;
	font-family: georgia;	
	font-size: 14px;
	
}

.apropos_text {
	font-family: georgia;	
	font-size: 14px;
	text-align: left;
}

.conteneur_images_apropos_text {
	display: none;
	
}


.conteneur_images_h {

		max-width: 96%;
		height: 100px;
		margin-top: -20px;
		margin-left: 9px;
		margin-right: 9px;
		
		}

.livre_dor {
    
   margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.conteneur_blog {
	
    	width: 100%;
	
}

.form_input2	{
    
	height: 300px;
}

.blog_randonneur {
   	background: #F0FFF0;
		height: auto;
		float; left;
		padding-top : 10px;
		padding-left : 10px;
		padding-right : 10px;
		margin: 20px;
		color: #000000;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		line-height: 14px;
}

.blog_randonneur {
    
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
    }
    

.conteneur_animations	{
    	font-family: FontAwesome;
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: -5px;
        margin-left: 5px;
	font-size: 16px;
    }

.conteneur_livredor {
   
    width: 100%;
    
}

.col_2 {
    display: inline-block;
   width: 100%;
    float: left;
    min-height: auto;
    padding-right: 5px;
    padding-left: 5px;
}

.col_1 {
    display: inline-block;
   width: 100%;
    float: left;
    min-height: auto;
    padding-right: 5px;
    padding-left: 5px;
}

#message {
    
    width: 100%;
  
}

.mentions_legales {
    
    width: 100%;
  
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rando_title {
   
    font-size: 15px;
	font-weight: bold;
    
}

.haut_de_page {
    
    font-size: 11px;
    width: 100px;
    height: 30px;
	line-height:11px;
    }

.conteneur_v_formulaire_menu
{
		width: 100%;
				
		}


.zoom1 {
    float: left;
    
    margin: 6px;
    width: 30%;
	font-size: 90%;
	
}

.zoom1 img {
  
   height: 90px;
	
}

.zoom {
    float: left;
    height: auto;
    margin: 2px;
    width: 15%;
	
}

.zoom2 {
    float: left;
    height: auto;
    margin: 3px;
    width: 23%;
	
}

.zoom2 img	{
    width: 100%;
	
}

.conteneur_image
{
		background: #EDDFED none repeat scroll 0% 0%;
		float: left;
		width: 77%;
		max-height: 329px;
		line-height: 329px;
		text-align: center;
				}

.conteneur_image img
{
		max-width: 80%;
		height: auto;
		dispaly: table-cell;	
		
		}

.conteneur_image_1 
{		
		display: none;
				
}

.conteneur_video {
    background: #EE82EE none repeat scroll 0% 0%;
	max-width: 95%;
	height: auto;
    margin: 0px auto;
    
}

.margfram
{
    margin-top: -14px;
	margin-left: 1%;
	margin-right: 1%;
	max-width: 100%;
	height: auto;
	/* frame-border: 0; La propriété frame-border n'existe pas : 0 */
	border: 0px;
}


.conteneur_tarif_1 {
    
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 80%;
    
}

.conteneur_tarif_1 h3 {
    font-size: 15px;
    
}

.conteneur_tarif_1 .fa {
    font-size: 14px;
}

.conteneur_tarif_2 
{
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 80%;
    
}

.conteneur_tarif_2 .fa 
{
    font-size: 14px;
}


iframe
{
	width: 90%;
	height: auto;
	
}

#menu {
    display: none;
}




.conteneur_header
{
	display: none;
}

.header3bis {
    background: #878383;
    border-bottom: background-repeat: no-repeat;
    background-size: 100%;
    width: auto;
    height: 40px;
    margin: auto;
    text-align: center;
    line-height: 40px;
    border-bottom: 2px solid #A9A9A9;
}

.header3bis h1 {
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: ;
    line-height: 40px;
}

.header3bis h4 
{
	margin-top: 10px;
	margin-bottom: 10px;
	
}

.header3bis h2
{
	font-size: 90%;
	    line-height: 1.1;
}



.header4
{
	display: none;
}

.header5
{
	background:F0FFF0;
	
	height: 30px;
	line-height: 30px;
	display: inline-block ;
	font-size: 0.8em;
	
}

.flag_content
{
	
	
	width: 180px;
	margin: auto;
	font-size: 90%;
}

.flag_content img
{
		width: 8%;
		height: auto;
		
		}



.header3 em {
    
       font-size: 70%;
   

    
}

.conteneur_header img
{
	max-width: 100%;
}

.TitreDiv 
	{ 
	display: none;
	
}

#slideshowImages
{ 
	display: none;
	
}

.conteneur_bottom
	{
	display: none;;
}

.conteneur_bottom_mob
	{
background:#CCCC99;
/* border: px ridge black; /* validation W3C CSS. Propriété erronée : border px n'est pas une valeur de color : px ridge black */
color: blue;
height: 40px;
text-align: center;
line-height: 20px;
border-top: 0px solid #aaa;
border-left: 0px solid #aaa;
border-right: 0px solid #aaa;
border-bottom: 0px solid #aaa;
border-radius: 0px 0px 0px 0px; /* haut gauche, haut droit, bas droit,bas gauche */ /* couleur IVORY2 */
font-size: 13px;
font-size: 80%;
}

.conteneur_bottom_2
	{
margin-left: 10px;
margin-right: 10px;
font-size: 13px;
font-size: 80%;
height: 35px;
line-height: 20px;
}

.conteneur_images_slide
{
		
		max-width:95%; 	
		height: auto;
		
		}

.conteneur_images_slide h2 {
    font-size: 16px;
}

élément {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
}

#slideShowImages img {
    border: 0.3em solid #EE82EE;
    padding: 3px;
    margin: 0px;
    height: 225px;
    width: 150px;
}

.conteneur_images_slide .content_list {
    padding-left: 0px;
    padding-right: 10px;
   
}

button {
	
    position: absolute;
    left: 35px;
    top: 575px;
	font-size: 10px;
	
}
.cadre_logo_image
{
width: 40px;
height: 40px;
line-height: 40px;
}
.cadre_logo_text
{
width: 40px;
height: 40px;
line-height: 40px;
}

.conteneur_images_gal_v 
{
    
    max-width: 100%;
	height: 102px;
}

.conteneur_images_gal_h 
{
    max-width: 100%;
	height: auto;
}

.liens_utiles {
    
    width: 100%;
    padding-left: 10px;
   
}

.liens_utiles strong {
    font-size: 85%;
}

.conteneur_v_autres_Liens_menu {
    
    width: 100%;
    padding-left: 10px;
    vertical-align: middle;
    font-size: 90%;
    
}

.conteneur_v_cond_menu {
   
    width: 100%;
    height: auto;
    font-size: 13px;
}

.conteneur_v_cond {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    
}

.conteneur_calendrier_menu {
    
    width: 100%;
	height: auto;
    
}


.formulaire {
    
    width: 100%;
    font-size: 90%;
    
}

.formulaire form
{
    
    width: 100%;
    font-size: 90%;
    
}

#nom
{
    display: block;
    width: 300px; 
}

#prenom
{
    display: block;
    width: 300px;   
}

#tel
{
    display: block;
    width: 300px;   
}

#email
{
    display: block;
    width: 300px;   
}



.conteneur_meteo_SM
{
		background: #F5F5F5; /* color  honeydew */
		max-width: 100%; 
		height: 220px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: -10px;
		margin-left: 5px;
		color: #000000;
		text-align="center";
		font-size: 13px;
		font-weight: bold;
		line-height: 20px;
		border-top: 0px solid #aaa;
		border-left: 0px solid #aaa;
		border-right: 0px solid #aaa;
		border-bottom: 0px solid #aaa;
		}

.conteneur_meteo_SM iframe
{	
		width:100%; 
		height: 175px;
		}

.conteneur_meteo_SM .MDWidget
{
	
	margin: auto;
	

}

.conteneur_meteo {
   	display: none;
}

.conteneur_manif 
{   
    	display: none
	width: 100%;
   
}

.conteneur_animations
{
    max-width: 100%;
    height: auto;
	font-size: 14px;
}

.blog_undtit a {
    font-size: 14px;
}

.liv_undtit a {
    font-size: 14px;
}

.livre_dor {
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
}

.livredor_tit h1 {

    font-size: 16px;
    
}

.conteneur_animations img
{
    width: 30%;
    height: auto;
}

/*  Partie index */


}

/* MEDIA SCREEN MINI 320 PX  AND MAX 400 PX */
 
@media screen and (min-width: 320px) and (max-width: 400px)  
	{

ul.menu_top_navig li:first-child	{
	
	padding-left: 25px;

	}

ul.menu_top_navig li a {
  
  padding: 5px 0px 0px 25px;
  
}

.conteneur_meteo_SM iframe {
    width: 100%;
}

.conteneur_images_h {

    max-width: 94%;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
	margin-bottom: 5px;
	
}

.zoom1 {
    float: left;
    height: auto;
    margin: 4px;
    width: 30%;
	font-size: 90%;
	
}


}

/* MEDIA SCREEN MINI 401 PX  AND MAX 480 PX */
 
@media screen and (min-width: 401px) and (max-width: 480px) 
	 {
   
ul.menu_top_navig li:first-child	{
	
	padding-left: 60px;

	}

ul.menu_top_navig li a {
  
  padding: 5px 0px 0px 60px;
  
}

.conteneur_images_h {

    max-width: 95%;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
	margin-bottom: 5px;
	
}

.zoom1 {
    float: left;
    height: auto;
    margin: 4px;
    width: 30%;
	font-size: 90%;
	
}


}

/* MEDIA SCREEN MINI 481 PX  AND MAX 799 PX */
 
@media screen and (min-width: 481px) and (max-width: 799px)  {
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }



.menu_deroulant {
    background: transparent linear-gradient(#A9A9A9, #A9A9A9) repeat scroll 0% 0%;
    border-left: 3px none #AAA;
    border-right: 3px solid #AAA;
    margin: auto;
   	width: 21%;
	float: left;
	max-height: 335px;
}


.conteneur_menu_image {
		background:#dadada;
		/* border: 2px ridge black; */
		max-width: 100%;
		height: auto;
		
		}

#slideShowImages { 

    display: none;
	
    }   

.conteneur_images_slide h3	{
		font-size: 18px;
		}
		

button 	{
		display: none;
		}

.conteneur_logo
{
		background:url("image 3.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
		width: auto;
		height: 130px;
		
		text-align: center;
		
				}

.conteneur_images_h
{
		background: #F5F5F5;
		max-width: 96%;
		margin: 5px 10px 5px;
		
		border: 0px ridge black;
		
				
		}

.conteneur_images_gal_v {
		
		width: 100%;
		}

.conteneur_images_gal_h {
    
    width: 100%;
}

.conteneur_images_apropos .cel1	{
		background: #EDDFED;
		display: inline-block;
		margin: auto;
		width: 32%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos .cel2	{
		background: #EDDFED;
		display: inline-block;
		margin: auto;
		width: 32%;
		height: auto;
		border: 0px solid #aaa;
				
}


.conteneur_images_apropos_text_sm {
	background: #EDDFED;
	margin: auto;
	width: 80%;
	text-align: left;
	font-family: georgia;	
	font-size: 16px;
	
}

.apropos_text {
	font-family: georgia;	
	font-size: 16px;
	text-align: left;
}

.conteneur_images_apropos_text {
	display: none;
	
}

.zoom1 {
    float: left;
    height: auto;
    margin: 5px 5px 5px;
    width: 30%;
}

.zoom {
	float: left;
	height: auto;
	margin: 3px;
	width: 15%;
	}

.zoom2 {
    float: left;
    height: auto;
    margin: 3px;
    width: 23%;
}


.conteneur_image
{
		background: #EDDFED none repeat scroll 0% 0%;
		float: left;
		width: 79%;
		height: 335px;
		line-height: 335px;
		text-align: center;
				}

.conteneur_image img
{
		max-width: 80%;
		height: auto;
		dispaly: table-cell;	
		
		}

.conteneur_image_1 
{		
		display: none;
				
}

#menu
{
	
	float: left;
	max-height: 335px;
}

#menu {
		display: none;
		}

#menu a 
{
width: auto;
height: auto;
font: bold 80%/45px Arial,Helvetica;
padding-left: 10px ;
padding-right: 25px;
text-shadow: 0 0 0 0;
}

#menu li
{

padding-top: 0px ;
padding-bottom: 0px ;
}


#menu li:hover > ul
{
	width: 180px;
	display: block;
	left: 95%;
}

#menu ul ul
{
  top: 5px;
  
}

#menu ul
{
  top: 10px;
	transition: 3.0s max-height .5s; /* Temps effet de transition*/
  
}


.conteneur_header
{
	display: none;
}

.header3bis	{
	background:#878383;
		border-bottom: 
		background-repeat: no-repeat;
		background-size: 100%;
		width: auto;
		height: 50px;
		margin: auto;
		text-align: center;
		line-height: 50px;
		border-bottom: 2px solid #A9A9A9;
		}

.header3bis h1 

{
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: ;
	line-height: 50px;
	
}

.header4
{
	display: none;
}

.header5
{
	background:F0FFF0;
	
	height: 30px;
	line-height: 30px;
	display: inline-block ;
	font-size: 0.8em;
	
}

.flag_content
{
	
	
	width: 180px;
	margin: auto;
	font-size: 90%;
}

.flag_content img
{
		width: 8%;
		height: auto;
		
		}



.header3 em {
    
       font-size: 70%;
   

    
}

.conteneur_header img
{
	max-width: 100%;
}

.TitreDiv 
	{ 
	display: none;
	
}

#slideshow
{ 
	display: none;
	
}

.space	{ 
	display: none;
	
}

.conteneur_accueil
{
	width: 100%;
	font-size: 13px;
}

.conteneur_tarif_1 h2 {
    font-size: 16px;
}

.conteneur_tarif_1 b {
    font-size: 14px;
}

.conteneur_wrap {
    width: 95%;
    margin: auto;
}

.main_conteneur {
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
    
}

.marge_conteneur
{
	max-width: 100%;
	padding-top : 10px;
		padding-left : 10px;
		padding-right : 10px;
		margin: 10px;
	
}

.marge_conteneur h2 p strong	{
    
    font-size: 16px;
   
}	


.marge_conteneur p strong	{
    
    font-size: 14px;
   
}	

.conteneur_livredor {
    
    width: 100%;
   
}

.livredor_tit	h1 {
		
		font-size: 16px;
		
		}

.marge_livredor {
    font-size: 14px;
}

.conteneur_blog {
    width: 100%;
	margin-left: 0px;
	border-left: 0px solid #FFFFFF;
    
}

.form_input2	{
    
	height: 300px;
}

.rando_title {
    color: blue;
    line-height: 40px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.autre_rando {
    
    font-size: 16px;
	line-height: 18px;
    
}


.conteneur_bottom
	{
	margin-left: 10px;
	margin-right: 10px;
	height: 50px;
	line-height: 25px;
      font-weight: normal;

}

.conteneur_bottom	a {
	  color: #000000;
	font-size: 12px;
      padding-left: 0px;
}


.conteneur_images_slide
{
		width:95%; 
		padding-left: 10px;
		padding-right: 0px;	
		
		}

.conteneur_images_slide .content_list {
    padding-left: 0px;
    padding-right: 10px;
   
}

button {
	
    position: absolute;
    left: 40px;
    top: 560px;
	
}
.cadre_logo_image
{
width: 40px;
height: 40px;
line-height: 40px;
}
.cadre_logo_text
{
width: 40px;
height: 40px;
line-height: 40px;
}

.conteneur_calendrier_menu {
    width: 100%;
    height: auto;
}

.conteneur_meteo_SM
{
		background: #F5F5F5;
		font-size: 14px;
		font-weight: bold;
		width: 96%;
		height: 225px;
		margin: 5px 10px 0px; 
		
		}



.conteneur_meteo iframe {
	height: 175px;
	
}

.conteneur_meteo {
   	display: none;
}

.conteneur_bottom_mob	{
   	display: none;
}


.conteneur_manif 
{   
    	display: none
	width: 100%;
   
}

.conteneur_animations
{
    max-width: 100%;
    height: auto;
	font-size: 90%;
	margin: 5px 10px 5px;
}

.conteneur_animations img
{
    width: 50%;
    height: auto;
}



.marge_conteneur h3 p	{

	
    font-size: 95%;
   
}



.liv_undtit a	{
    
    font-size: 100%;

}

.blog_undtit a	{
    
    font-size: 100%;

}

.conteneur_tarif_1	{
		width:100%; 
		padding-left: 10px;
		padding-right: 10px;
		padding-top: -20px;
		
}
.conteneur_tarif_1 table	{
		width:100%; 
		
}

.conteneur_v_cond {
    
    width: 100%;
	font-size: 14px;
	line-height: 18px;
    }

.liens_utiles	a	{
    
    
	font-size: 16px;
	
    }

.liens_utiles	strong	{
    
    
	font-size: 85%;
	
    }

}

/* MEDIA SCREEN MINI 481 PX  AND MAX 599 PX  TOP MENU FOR SMARTPHONES*/
 
@media screen and (min-width: 481px) and (max-width: 599px)  

{  

ul.menu_top_navig {
  list-style-type: none;
  margin: 0;
 padding: 0;
  overflow: hidden;
  background-color: #878383;
	border-bottom: 3px solid #A9A9A9;
}

ul.menu_top_navig li {
	float: left;
	padding-left: 80px;
	margin: auto;
}


ul.menu_top_navig li a {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding-left: 60px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
	font-weight: 500;
	line-height: 14px;
}

ul.menu_top_navig li a:hover {
	background-color: ;
	border: none;
	}

a:hover,
a:focus {
	border-bottom: 0px dashed #bc9d88;
}



ul.menu_top_navig li:first-child	{
	
	padding-left: 80px;
	}


ul.menu_top_navig li:not(:first-child) {
	
display: none;
	}

 
ul.menu_top_navig li.icon {
    float: right;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
    display: inline-block;
	background-color: #878383;
	border: 0px;
 	}

ul.menu_top_navig li.icon a {
  	padding-left: 0;
	}

ul.menu_top_navig.responsive {
position: relative;
	}

  ul.menu_top_navig.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
 	 }
  
ul.menu_top_navig.responsive li {
    float: none;
    display: inline;
  }
  ul.menu_top_navig.responsive li a {
    display: block;
    text-align: left;
  	}

ul.menu_top_navig.responsive li:first-child {
	
display: none;
	}

.conteneur_meteo_SM iframe {
    width: 100%;
	
}

.conteneur_meteo_SM iframe {
   margin: auto;
}


}

/* MEDIA SCREEN MINI 541 PX  AND MAX 599 PX  TOP MENU FOR SMARTPHONES*/
 
@media screen and (min-width: 541px) and (max-width: 599px)  

{  

ul.menu_top_navig li:first-child	{
	
	padding-left: 100px;
	}


ul.menu_top_navig li a {
  
  padding-left: 80px;
 
}

.conteneur_meteo_SM iframe {
    width: 100%;
	
}

.conteneur_meteo_SM iframe {
   margin: auto;
}


}

/* MEDIA SCREEN MINI 600 PX  AND MAX 699 PX  TOP MENU FOR SMARTPHONES*/
 
@media screen and (min-width: 600px) and (max-width: 699px)  {
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

ul.menu_top_navig {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #878383;
	border-bottom: 3px solid #A9A9A9;
}

ul.menu_top_navig li {
	float: left;
	margin: auto;
	
}

ul.menu_top_navig li a {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding: 10px 0px 0px 100px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
	font-weight: 500;
	line-height: 14px;
}

ul.menu_top_navig li a:hover {
	background-color: ;
	border: none;
	}

a:hover,
a:focus {
	border-bottom: 0px dashed #bc9d88;
}

ul.menu_top_navig li.icon {
	border: 0px;
	
	}

ul.menu_top_navig li:first-child	{
	
	padding-left: 120px;
	}

ul.menu_top_navig li:not(:first-child) {
	
display: none;
	}

ul.menu_top_navig li.icon {
    float: right;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
    display: inline-block;
	background-color: #878383;
	border: none;
	
 	}

ul.menu_top_navig li.icon a {
	padding-left: 20px;
	}

ul.menu_top_navig.responsive {
position: relative;
	}

  ul.menu_top_navig.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
 	 }
  
ul.menu_top_navig.responsive li {
    float: none;
    display: inline;
  }
  ul.menu_top_navig.responsive li a {
    display: block;
    text-align: left;
  	}

ul.menu_top_navig.responsive li:first-child {
	
display: none;
	}

.rando_1	{
		
		line-height: 18px;
		}



}

@media screen and (min-width: 700px) and (max-width: 799px)  {
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

ul.menu_top_navig {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #878383;
	border-bottom: 3px solid #A9A9A9;
}

ul.menu_top_navig li {
	float: left;
	margin: auto;
	
}

ul.menu_top_navig li a {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding: 10px 0px 0px 110px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
	font-weight: 500;
	line-height: 14px;
}

ul.menu_top_navig li a:hover {
	background-color: ;
	border: none;
	}

a:hover,
a:focus {
	border-bottom: 0px dashed #bc9d88;
}

ul.menu_top_navig li.icon {
	border: 0px;
	
	}

ul.menu_top_navig li:first-child	{
	
	padding-left: 140px;
	}

ul.menu_top_navig li:not(:first-child) {
	
display: none;
	}

 
ul.menu_top_navig li.icon {
    float: right;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
    display: inline-block;
	background-color: #878383;
	border: none;
	
 	}

ul.menu_top_navig.responsive {
position: relative;
	}

  ul.menu_top_navig.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
 	 }
  
ul.menu_top_navig.responsive li {
    float: none;
    display: inline;
  }

  ul.menu_top_navig.responsive li a {
    display: block;
    text-align: left;
  	}

ul.menu_top_navig.responsive li:first-child {
	
display: none;
	}


.rando_1	{
		
		line-height: 18px;
		}

}

   
@media screen and (min-width: 800px) and (max-width: 900px) 

	{

.header3	{
		
		margin-left: 10px;
		margin-top: 30px;
		width: 42%;
		
		}

.header3 span 	{
		position: absolute;
		right: 28%;
		top: 50px;
		}

.header3 h1 {
    
		font-family: FontAwesome;
    
		font-size: 100%;
    
		color: #000;

		}


.header4 {
		float: right;
		margin-right: 15px;
		padding-top: 30px;
		font-family: FontAwesome;
		font-size: 10px;
		color: #000;
		}

.header4bis {
		float: right;
		margin-top: 0px;
		margin-right: 20px;
		padding-top: 10px;
		font-family: FontAwesome;
		font-size: 13px;
		color: #000;
		}

.contacts h3 {
   
    font-size: 14px;
   
}

#menu a 
{

padding: 0 5px 0px;


}

		}

@media screen and (min-width: 901px) and (max-width: 1024px) 

	{

.header3	{
		
		margin-left: 20px;
		margin-top: 30px;
		width: 46%;
		
		}

.header3 span 	{
		position: absolute;
		right: 30%;
		top: 50px;
		
		}

.header3 h1 {
    
		font-family: FontAwesome;
    
		font-size: 110%;
    
		color: #000;

		}


.header4 {
		float: right;
		margin-right: 20px;
		padding-top: 30px;
		font-family: FontAwesome;
		font-size: 10px;
		color: #000;
		}

.header4bis {
		float: right;
		margin-top: 0px;
		margin-right: 20px;
		padding-top: 10px;
		font-family: FontAwesome;
		font-size: 13px;
		color: #000;
		}
#menu a 
{

padding: 0 10px 0px;

}


		}

@media screen and (min-width: 800px) and (max-width: 1024px) 

	{
.conteneur_header
{
	max-width: 100%;
	border-left: 1px solid #fff;
	border-right: 1px #fff;
	Background-size: 100%;
	
}

.conteneur_menu_image {
		background: transparent linear-gradient(#A9A9A9, #A9A9A9) repeat scroll 0% 0%;
		max-width: 100%;
		height: 60px,
	border-bottom: 1px solid #fff;
		
		}

.conteneur_image
{
		dispaly: none;
		}

.conteneur_images_apropos {
		background: #EDDFED;
		margin: auto;
		width: 90%;
		text-align: center;
					
}

.conteneur_images_apropos_text {
	font-family: georgia;	
	font-size: 15px;
	width: 80%;
    position: absolute;
    left: 130px;
    top: 280px;
	padding-right: 50px;
	
}

.apropos_text {
    font-family: georgia;
    font-size: 16px;
    text-align: left;
}

.conteneur_images_apropos .cel1	{
		background: #EDDFED;
		display: inline-block;
		margin: auto;
		width: 32%;
		height: auto;
		border: 0px solid #aaa;
				
}

.conteneur_images_apropos .cel2	{
		background: #EDDFED;
		display: inline-block;
		margin: auto;
		width: 32%;
		height: auto;
		border: 0px solid #aaa;
				
}

.menu_deroulant
{
background: transparent linear-gradient(#A9A9A9, #A9A9A9) repeat scroll 0% 0%;
    background-color: transparent;
    background-image: linear-gradient(#A9A9A9, #A9A9A9);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;	
	width:80%;
	margin: auto;
	
}

.menu_deroulant {
    padding-left: 30px;
}

#menu
{
	max-width: 100%;
	margin: auto;
	
	}

#menu a 
{
max-width: 100%;
height: auto;
font-size: 13px;
text-shadow: 0 0 0 0;

}

#menu li
{
width: auto;
padding-top: 0px ;
padding-bottom: 0px ;


}

#menu li:hover > ul	/* hover on main menu */
{
	display: block;
	
}

#menu ul ul	/* Second level UL UL */
{
  top: 5px;
	left: 170px;
}

#menu ul	/* First level UL */
{

left: 15px;  
top: 60px;
transition: 3.0s max-height .5s; /* Temps effet de transition*/
	
	 
}

#menu ul a {
    width: 160px;
}

.TitreDiv {
    font-family: "Fontawesome";
    font-size: 20px;
    text-align: center;
	
}


.TitreDiv h1
{
	padding-left: 20%;
	padding-right: 20%;
	font-size: 18px;
}


#nom
{
    display: block;
    width: 400px; 
}

#prenom
{
    display: block;
    width: 400px;   
}

#tel
{
    display: block;
    width: 400px;   
}

#email
{
    display: block;
    width: 400px;   
}

.out
{
    display: block;
    width: 400px;   
}

.conteneur_manif 
{   
    	display: none
	width: 100%;
   
}

.livre_dor	{   
    	font-size: 100%;
   
}

.form_input2 {
    
    height: 300px;
}

.conteneur_animations	{   
    	font-size: 100%;
   
}

.blog_randonneur	{   
    	font-size: 100%;
   
}


.conteneur_images_h {
    	background: #F5F5F5;
   	 padding-right: 10px;
    	display: inline-block;
    	width: 95%;

}

.conteneur_images_h .zoom1	{
    	background: #F5F5F5;
   	 
    	display: inline-block;
    	padding-top: 0px;
	padding-left: 5px;
	padding-right: 2px;
	margin-right: 0px;
	margin-left: 0px;
	width: 31%;
	
   	 height: 150px;
}

.liens_utiles	strong	{
    
	font-size: 80%;
	
    }

.conteneur_bottom  {
	margin-left: 10px;
	margin-right: 10px;

  }
.conteneur_bottom a {
	background: #BABABA;
    color: #000000;
    font-weight: bold;
    padding-left: 10px;
}

.conteneur_meteo .MDWidget {
    margin: 0px auto 30px;

}

}

@media screen and (min-width: 1025px) and (max-width: 1100px) {

.header3	{
		
		margin-left: 50px;
		margin-top: 30px;
		width: 48%;
		
		}

.header3 span 	{
		position: absolute;
		right: 28%;
		top: 50px;
		}

.header3 h1 {
    
		font-family: FontAwesome;
    
		font-size: 120%;
    
		color: #000;

		}

.MDWidget {
	width: 200px;
    margin: 0px auto 30px;
}

#menu a 
{
padding-left: 15px;
padding-right: 15px;

	}

	}


@media screen and (min-width: 1101px) and (max-width: 1160px) {

.header3	{
		
		margin-left: 50px;
		margin-top: 30px;
		width: 50%;
		
		}

.header3 span 	{
		position: absolute;
		right: 30%;
		top: 50px;
		}

.header3 h1 {
    
		font-family: FontAwesome;
    
		font-size: 130%;
    
		color: #000;

		}

#menu a 
{
padding-left: 20px;
padding-right: 20px;

	}

}


@media screen and (min-width: 1025px) and (max-width: 1160px) {
	
.header4 {
		float: right;
		margin-right: 30px;
		padding-top: 30px;
		font-family: FontAwesome;
		font-size: 12px;
		color: #000;
		}

.header4bis {
		float: right;
		margin-top: 0px;
		margin-right: 30px;
		padding-top: 10px;
		font-family: FontAwesome;
		font-size: 15px;
		color: #000;
		}

.conteneur_images_h {
    	background: #F5F5F5;
   	 padding-right: 10px;
    	display: inline-block;
    	width: 95%;

}

.conteneur_images_h .zoom1	{
    	background: #F5F5F5;
   	 
    	display: inline-block;
    	padding-top: 0px;
	padding-left: 5px;
	padding-right: 2px;
	margin-right: 0px;
	margin-left: 0px;
	width: 31%;
	
   	 height: 150px;
}

		}

@media screen and (min-width: 1161px) and (max-width: 1260px) {

.header3	{
		
		margin-left: 40px;
		margin-top: 30px;
		width: 52%;
		
		}

.header3 span 	{
		position: absolute;
		right: 32%;
		top: 50px;
		}

.header3 h1 {
    
		font-family: FontAwesome;
    
		font-size: 130%;
    
		color: #000;

		}


.header4 {
		float: right;
		margin-right: 50px;
		padding-top: 30px;
		font-family: FontAwesome;
		font-size: 12px;
		color: #000;
		}

.header4bis {
		float: right;
		margin-top: 0px;
		margin-right: 50px;
		padding-top: 10px;
		font-family: FontAwesome;
		font-size: 15px;
		color: #000;
		}

.conteneur_images_h {
    	background: #F5F5F5;
   	 padding-right: 10px;
    	display: inline-block;
    	width: 95%;

}

.conteneur_images_h .zoom1	{
    	background: #F5F5F5;
   	 
    	display: inline-block;
    	padding-top: 0px;
	padding-left: 5px;
	padding-right: 2px;
	margin-right: 0px;
	margin-left: 0px;
	width: 31%;
	
   	 height: 150px;
}

#menu a 
{
padding-left: 25px;
padding-right: 25px;

	}

		}

@media screen and (min-width: 1025px) and (max-width: 1260px) {
   
.conteneur_header
{
	max-width: 100%;
	border-left: 1px solid #fff;
	border-right: 1px #fff;
	background-size: 100%;
	
}



.header3 em {
    
       font-size: 95%;
   

    
}

.conteneur_menu_image {
		background: transparent linear-gradient(#A9A9A9, #A9A9A9) repeat scroll 0% 0%;
		max-width: 100%;
		height: 60px;
			
		
		}

.conteneur_image
{
		dispaly: none;
		}

.menu_deroulant
{

    background-color: transparent;
   
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;	
	max-width:90%;	
	margin: auto;
	
}

#menu
{
	max-width: 100%;
	margin: auto;
	
	}

#menu a 
{
max-width: 100%;
height: auto;
font-size: 13px;

text-shadow: 0 0 0 0;

}

#menu li
{
width: auto;
margin: auto;
padding-top: 0px ;
padding-bottom: 0px ;

}

#menu li:hover > ul	/* hover on main menu */
{
	display: block;
	
}

#menu ul ul	/* Second level UL UL */
{
  top: 5px;
	left: 190px;
}

#menu ul	/* First level UL */
{

left: 15px;  
top: 60px;
transition: 3.0s max-height .5s; /* Temps effet de transition*/
	
	 
}

#menu ul a {
    width: 160px;
}

.TitreDiv {
    font-family: "Fontawesome";
    font-size: 20px;
    text-align: center;
	
}


.TitreDiv h1
{
	padding-left: 20%;
	padding-right: 20%;
	font-size: 20px;
}

.conteneur_manif 
{   
    	display: none
	width: 100%;
   
}

.conteneur_images_h {
    	background: #F5F5F5;
   	 padding-right: 15px;
    	display: inline-block;
    	width: 95%;

}

.conteneur_images_h .zoom1	{
    	background: #F5F5F5;
   	 
    	display: inline-block;
    	padding-top: 0px;
	padding-left: 5px;
	padding-right: 2px;
	margin-right: 0px;
	margin-left: 0px;
	width: 31%;
	
   	 height: 150px;
}

.form_input2 {
    
    height: 300px;
}


}

@media screen and (min-width: 1261px) and (max-width: 1367px) {

.conteneur_images_h {
    	background: #F5F5F5;
   	 padding-right: 20px;
    	display: inline-block;
    	width: 95% ;

}

.conteneur_images_h .zoom1	{
    	background: #F5F5F5;
   	 
    	display: inline-block;
    	padding-top: 0px;
	padding-left: 5px;
	padding-right: 2px;
	margin-right: 0px;
	margin-left: 0px;
	width: 31%;
	
   	 height: 150px;
}

.header3	{
		
		margin-left: 40px;
		margin-top: 30px;
		width: 52%;
		
		}


		}

@media (min-width: 1368px) {

.conteneur_images_h {
    	background: #F5F5F5;
   	 padding-right: 10px;
    	display: inline-block;
    	width: 95%;

}

.conteneur_images_h .zoom1	{
    	background: #F5F5F5;
   	 
    	display: inline-block;
    	padding-top: 0px;
	padding-left: 5px;
	padding-right: 2px;
	margin-right: 0px;
	margin-left: 0px;
	width: 31%;
	
   	 height: 150px;
}

		}


@media (min-width: 800px) 
	{
.conteneur_image img 

		{
        display: none;
    }

.conteneur_images_apropos_text_sm {
    display: none;
}
.conteneur_logo {
		display: none;
		}

.header3bis {
		display: none;
		}

#myNavig {
		display: none;
		}

.conteneur_meteo_SM
{
		display: none;
		}

.conteneur_bottom_mob
	{
	display: none;

}

reinitialise 	{
	overflow: visible;

}



}