/*- Eléments à changer : -*/
@media (min-width:768px) { header{ text-align:left; }}
@media (max-width:767px) { header{ text-align:center; }}
@media (min-width:768px) { #head{ background:transparent url('../images/head.jpg') no-repeat center top; min-height:91px; }}
@media (max-width:767px) { #head{ background-color:#343434; }}

@media (min-width:1200px){
	#tel_head{ float:left; padding:15px 5px 0px 0px;}
	#head p{ margin:0; font-size:16px; }
	#head .important{ font-size:16px; padding-top:25px; }
}
@media (min-width:992px) and (max-width:1199px){
	#tel_head{ float:left; padding:15px 5px 0px 0px;}
	#head p{ margin:0; font-size:13px; }
	#head .important{ font-size:13px; padding-top:25px; }
}
@media (min-width:768px) and (max-width:991px){
	#head p{ margin:0; font-size:13px; padding-top:35px; }
}
@media (max-width: 767px){
	#head p{ font-size:20px;}
	#head .important{ font-size:18px; line-height:15px; }
}


@media (min-width: 768px){
	#menus{ text-transform:uppercase; }	
	#navigation { min-height:91px; }
}
@media (max-width: 767px){	
	#menus { text-transform:uppercase; }
	#navigation { }
	#header a:after{ top:10px;}
}
@media (min-width:768px) {.mm-list > li > a, .mm-list > li > span{ padding:36px 5px;}}
@media (max-width:767px) {.mm-list > li > a, .mm-list > li > span{ padding:15px 5px;}}
#menus li { }
#menus li:first-child { }

body { margin:0; font-size:12px; line-height:18px; background:transparent url('../images/fond.jpg') repeat; }

#global{}
#global_main{}
#main{}
@media (min-width:768px){#content_bg_image {background:transparent url('../images/bg.jpg') repeat-y center top; }}
@media (max-width:767px) {#content_bg_image {background-color:#f8f8f8; }}

@media (min-width:768px){#left_column{ color:#fff; background:#343434 url('../images/colonne.jpg') no-repeat center top; min-height:593px; }}
@media (max-width:767px){#left_column{ color:#fff; background:#343434; padding-bottom: 1px; }}
#left_column a{	color:#fff;} 								/*couleur du texte de la colonne */

@media (min-width:768px){.encart{ padding-top:600px; padding-bottom:131px; }}
@media (max-width:767px){.encart{ padding-top:20px; padding-bottom:120px; }}
@media (max-width:736px){.encart{ padding-top:20px; padding-bottom:0px; }}

.btn_reservation{ text-align:center; }


.encart h4{ margin:0; height:57px; text-align:center; font-size:26px; font-weight:normal; }
.encartContenu{ }
@media (min-width:767px) and (max-width:1199px){.encartContenu{ padding:5px 10px; }}
@media (min-width:1200px){.encartContenu{ padding:5px 35px 5px 10px; }}
@media (max-width: 767px){
	.encart{ width:235px; margin:0 auto; }
	.encartContenu{ padding:5px 10px; }
}
@media (min-width:1200px){.texteG{ padding:0 40px 0 20px; }}

.encart h4{								color:#fff;												/*couleur du titre de l'encart */
										line-height:50px;								 		/*positionnement du titre de l'encart */}	
.encartContenu{							color:#fff;												/*couleur du texte de l'encart */}


#center_column{ background-color:#f8f8f8; min-height:600px;}

#content { padding-bottom:20px; }
.contenu { padding-top:20px; }


#rubric_title{ position:relative; top:10px; left:0; font-size:30px; line-height:32px; }



#global_footer{ }
footer { background:transparent url('../images/fond-adresse.jpg') repeat center top; }
#coordinates{ min-height:81px; text-align:left; font-size:18px; }
#coordinates_list { margin:0; }
#coordinates_list li{ list-style:none outside; padding:0 10px }
#coordinates_list li:first-child{ border-left:none; background:transparent; }
@media (min-width: 768px){
	#coordinates{ text-align:left; }
	#coordinates_list { padding:35px 0 0; }
	#coordinates_list li{ display:inline-block; }
}
@media (max-width: 767px){
	#coordinates{ text-align:left; }
	#coordinates_list { padding:50px 0 10px; }
	#coordinates_list li{ display:block; padding:5px 0 0; }
}

@media (max-width: 736px){
	#coordinates{ text-align:left; padding:0 0 0 15px }
}

@media (max-width:767px){#marque{ padding-top:25px; }}


/*======================Flags========================*/
#menuLangue { position:absolute; top:70px; left:100px; width:110px; z-index:999; }
#menuLangue a { margin-left: 0; }

	@media (max-width:1024px){
		#menuLangue { left:70px; }
	}


	@media (max-width:980px){
		#menuLangue { top:125px; left:44px; }
	}


	@media (max-width:736px){
		#menuLangue { top:30px; right:15px; left:auto }
	}


	@media (max-width:320px){
		#menuLangue { top:42px; right:0px; }
	}


.rotate{
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	
	overflow:hidden;

	}	

.rotate:hover	
{ 
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg); 
	-o-transform:rotate(360deg);
	transform: rotate(360deg);  /* Newer browsers (incl IE9) */
}

.nav a {
    display: inline-block;
    padding: 36px 5px;
    text-decoration: none;
    transition: all 0.4s ease-in-out 0s;
}


/* couleur du texte */
h1,h2,h3,h4,h5,h6{						color:#333;}	/*couleur du h1 bienvenue */
body, textarea, input{					color:#000;}	/*couleur du texte par défaut*/
a {										color:#999;}	/*couleur des liens*/
#rubric_title{							color:#333;}	/*couleur des titres de page*/
#coordinates{							color:#fff;}	/*couleur de l'adresse*/
.block_various_links li a{				color:#fff;}	/*couleur des liens de bas de page*/
#toggle-nav{							background-color:#000;/*couleur du fond du bouton menu de bas de page sur telephone*/
										color:#fff;}			/*couleur du bouton menu de bas de page sur telephone*/

#head{									color:#fff;}		/*bandeau phrase2*/
.important{								color:#fff;}		/*bandeau phrase1*/

/*menu : commun*/
#menus ul a, #menu_top ul a{color:#fff; font-size:14px;}/*couleur du menu*/
#menus ul a:hover, #menu_top ul a:hover{color:#fff; font-size:15px; font-weight:bold;}/*couleur du menu au survol*/

				
@media (min-width:992px) and (max-width:1199px){
	#menus ul a, #menu_top ul a{			font-size:13px;}				/*couleur du menu*/
	#menus ul a:hover, #menu_top ul a:hover{font-size:14px; font-weight:bold;} 				/*couleur du menu au survol*/
}
@media (min-width:768px) and (max-width:991px){
	#menus ul a, #menu_top ul a{			font-size:10px;}				/*couleur du menu*/
	#menus ul a:hover, #menu_top ul a:hover{font-size:11px; font-weight:bold;} 				/*couleur du menu au survol*/
}

@media (max-width: 767px) {
/*menu2*/
#header a:after{						color:#fff;} 				/* couleur du picto pour les tels*/
.mm-ismenu{								background:#343434;			/* fond du panneau dépliant tel */
}}

#contact_form,
#contact_form .requis, 
#contact_form legend,
#contact_form #submit_contact_form{		color:#000;}	/*couleur du texte du formulaire*/
#map h2{								color:#000;}	/*couleur du titre de l'infobulle*/
#contact_form, 
#contact_form fieldset, 
#contact_form input, 
#contact_form textarea, 
#map{									border-color: #f1f1f1;} /*couleur de la bordure du formulaire*/

/* couleur de fond */
body, #global_footer, #marque, #global{			background-color:transparent;}	/* fond en bas de l'adresse */
@media (max-width: 767px){#menu_middle{	background-color:#729f15;}}

/* polices de caractères à changer */
body{ font-family:Verdana, sans-serif; }
.nav, #coordinates, #head, .toggleMenu, .mm-menu, #menus, #rubric_title, #rubric_title_diapo, #coordinates_list li:first-child, .encart h4 { font-family: 'Questrial', sans-serif; }


/* Général
----------------------------------------------------------*/
/*Formatage de texte*/
h1 { font-weight:700; font-size:1.1em; }
h2 { font-weight:700; font-size:1.3em; }
h3 { font-weight:700; font-size:1.17em; }
h4 { font-weight:700; font-size:1em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
p, ul, ol, li { font-size:1em; }
a { text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { padding:3px; }
input { padding:3px; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.textshadow{ -moz-text-shadow: 1px 1px 0px #000; -webkit-text-shadow: 1px 1px 0px #000; text-shadow: 1px 1px 0px #000; }

/* Architecture
----------------------------------------------------------*/

@media (min-width:768px) and (max-width:991px){ body{ font-size:14px; }}

.container { margin:0 auto; position:relative; }

/* header
----------------------------------------------------------*/


/*menu*/


/*diapo
--------------------------------------------------*/
/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden;}
.nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important;  width: 100% !important;}
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
.nivo-box { display:block; position:absolute; z-index:60; overflow:hidden;}
.nivo-box img { display:block; }

/* contenu
----------------------------------------------------------*/






/* footer
----------------------------------------------------------*/

/*-coordonnees*/

/*-bas de page-*/
#toggle-nav:hover{ border:none;}
.block_various_links li a { font-size:.91em; }
@media (max-width:767px){[id=menu_bottom] ul{ max-height:310px; }} /*permet la transtion pour le déroulement*/
#marque{ text-align:center; position:relative;}
#powered { padding-top:8px; }

/* Intégration
----------------------------------------------------------*/
#site img{ vertical-align: top; }
#site { text-align:center; padding-top:5em; }
.texte_gauche{ padding-left:20px; }
.texte_droite{ padding-right:20px; }
.texte{ padding:0 20px; }




/*-accueil-*/




/*-contact-*/
#contact_form fieldset{ display:block; margin:10px auto; padding:0 25px 20px; border-width:1px; border-style: solid; }
#contact_form label{ display:block; padding:8px 0 0 0; }
#contact_form .civil{ display:inline; }
#contact_form #madame, #contact_form #mademoiselle, #contact_form #monsieur{ border:0; background:transparent; }
#contact_form input, #contact_form textarea{ background:transparent; padding:6px ;border-width:1px; border-style: solid; border-radius:6px;}
#contact_form .contact_form_field, #contact_form #code{ width:96%; }
#contact_form .contact_form_submit{ }
#contact_form #submit_contact_form{ background:transparent;}
/* Erreur du formulaire */
#contact_form input.error, #formulaire textarea.error, #contact_form .required{ background-color: #FFD9D7; border: 1px dotted #c00;}
#contact_form .valid{ }
#contact_form fieldset :required:valid{ }
#contact_form label.error { color: #c00; font-style: italic; display: block; }
#errors { color: #c00; text-align: left; background-color: #FFD9D7; border: 1px solid #c00; padding: 0.5em 0.5em 0.5em 3em; }

/* Information client */
#contact_details{ padding:65px 0 0;}

/* plan d'accès */
#map{ height:300px; border-width:1px; border-style: solid; margin:20px 0; text-align:center; color:#000;}
#map img{ max-width:none; }
.infosbulle { border: none; margin: 0; text-align:center; font-style: normal; }
.plan-titre { font-size: 14px;font-weight: bold; margin-bottom: 1em; }
.plan-adresse { font-size: 12px; }
.plan-printer { display:block; text-align: right;}
.plan-printer img, .plan-printer a { border: none; }
/* fin plan d'accès */




/*-mentions legales-*/
#infoclient, #hebergeur, #credits { padding-left:0; /margin-left:0; }
#infoclient li, #hebergeur li, #credits li { list-style-type:none; }
#infoclient li img, #hebergeur li img, #credits li img { vertical-align: top; }
/*#credits li { display:inline; } */