@charset "UTF-8"; /* CSS Document */
@font-face {
    font-family: 'learningcurve';
    src: url('font_face_kit/Learning-Curve-Pro-fontfacekit-1/LearningCurve_OT-webfont.eot');
    src: url('font_face_kit/Learning-Curve-Pro-fontfacekit-1/LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_face_kit/Learning-Curve-Pro-fontfacekit-1/LearningCurve_OT-webfont.woff') format('woff'),
         url('font_face_kit/Learning-Curve-Pro-fontfacekit-1/LearningCurve_OT-webfont.ttf') format('truetype'),
         url('font_face_kit/Learning-Curve-Pro-fontfacekit-1/LearningCurve_OT-webfont.svg#learning_curve_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'caviardreams';
    src: url('font_face_kit/Caviar-Dreams-fontfacekit/CaviarDreams-webfont.eot');
    src: url('font_face_kit/Caviar-Dreams-fontfacekit/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_face_kit/Caviar-Dreams-fontfacekit/CaviarDreams-webfont.woff') format('woff'),
         url('font_face_kit/Caviar-Dreams-fontfacekit/CaviarDreams-webfont.ttf') format('truetype'),
         url('font_face_kit/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body
{
	list-style-position: inside;
	list-style-type: decimal;
} 
/* reset des margin et padding --------------------------------------------------------------------------------*/*
{	margin:0;
	padding:0;
}
#bloc_page
{
	display:block;
	text-align: center;
	max-width:1280px;
	min-height:100%; /* pour que le footer soit en bas de la page même quand le contenu de la page est petit*/
	margin: auto;
	position:relative;
}
body, html{height:100%;} /*définit une hauteur de 100% aux balises body et html afin qu'elles correspondent à la hauteur de l'écran*/ 
/* en tête --------------------------------------------------------------------------------*/
header
{
	margin: auto; /*pr centrer le bloc*/
	background-color:  white;/*rgba(208, 196, 185, 0.5);*/
	width:1100px;
	height: 310px;
	z-index:1;				/* ZZZZZZZZZZZZZZZZZZZZZZ   */
	padding: 0px,0px,0px,0px;
	border-radius: 10px 10px 0px 0px;
	overflow: auto; /* au cas ou le texte depasse du bloc, le navigateur met un menu deroulant*/
	background: url("img/index/fil_collines.png") top center no-repeat; 
	background-opacity:0.15;
}
/*header h2.entete
{	padding-left: 10px;
	color:#066;
	text-align:left;
	font-size: 1.4em;
	font-family: 'din alternate','caviardreams', 'Papyrus', Georgia, "Times New Roman", Times, serif;
}*/
.entete
{	
	margin: 0px 0px 0px 0px;    
}
.bandeau_logo
 {	
	height: 200px;
    padding: 10px 0px 0px 0px;
    margin: auto;
    vertical-align: bottom;
}

 .bandotop
 {	display: block; 
    vertical-align: top;
	background-color:transparent;
    width: 1100px;
	height:200px;
	 padding-top: 10px;
	border-radius: 0px;
    margin: 10px;
}
/* menu --------------------------------------------------------------------------------*/
nav
{	padding-left:40px;
display: block;
margin:auto;
text-align:center;
		z-index:45;				/* ZZZZZZZZZZZZZZZZZZZZZZ   */

}
#menu ul
{	
margin:auto;
text-align:center;

}
#menu, #menu ul /* Liste */    
{
		z-index:5;				/* ZZZZZZZZZZZZZZZZZZZZZZ   */
        padding: 0px;
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 25px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		font-family: 'din alternate','learningcurve', Georgia, "Times New Roman", Times, serif;
}
#menu a, #menu span /* Contenu des listes */
{
		z-index:6;				/* ZZZZZZZZZZZZZZZZZZZZZZ   */
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 10px 18px 10px 18px; 
        background : white; /* couleur de fond */
		font-size:15px;       
        color:grey; /* couleur du texte */
		font-family: 'din alternate', arial, Georgia, "Times New Roman", Times, serif;
        text-decoration:none; /* on supprime le style par défaut des liens (la plupart du temps souligné) */
        width:auto; /* largeur */
}
#menu a.en
{       color:red; /* couleur du texte */}
#menu a.fr
{       color:red; /* couleur du texte */}

#menu li /* Éléments des listes */     
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        /*border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		/*width:10.5%; /* largeur AJOUTE PAR MOI 14,2%*/
}
#menu li li     
{ 	width:150%; 
		text-align:left;
}
#menu li li a     
{		width:120%;
		padding-left:20px;
		font-family:'DIN alternate', Tahoma, Geneva, sans-serif;
		font-size:15px;
		background: rgb(215,215,215);
		z-index:7;			/* ZZZZZZZZZZZZZZZZZZZZZZ   */
} 
#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width:110px; /* Largeur des sous-listes*/
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */   
{		color:white; /* On passe le texte en blanc... */
        background:#666; /* ... et au contraire, le fond en gris foncé */
} 
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		z-index:8; 			/* ZZZZZZZZZZZZZZZZZZZZZZ   */
}
/*  -----------------------------------------------------------------------------------------------------------------------*/
section.corps_principal
{
	position:relative;
margin-bottom:50px;
background-color:transparent;	
height:auto;}
/* sections-------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/
section 
{	
background-color: transparent;
	border-radius:0px;
	max-width:1200px;
	padding: 0px 0px 0px 0px; 
	margin: auto;
 }
/* ul-------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/
ul.950 li
{	display: inline-block; 
	max-width:950px;
	margin: auto;
	background-color: grey;
 }
ul.950 
{	padding:0px 0px 40px 0px;
 }
/* index -----------------------------------------------------------------------------------------------------------------------*/
/* index --1200 = 400x3 ou 800+300  ou 600+600 ----------------------------------------------------*/
/* index --avec un margin de 5px, diminuer 390, 790, 290, 590 ----------------------------------------------------*/
.large1000_index
{	position:relative;
	background-color:transparent;	
	border-radius:0px;
	margin-left:100px;/*centre le bloc*/	
	margin-bottom:10px; 
	padding:30px 0px 0px 0px ; /*centre le bloc*/	
	width:1000px;
	text-align: center;
}
.large1000_liste
{	position:relative;
	background-color:transparent;	
	border-radius:0px;
	margin-left:120px;/*centre le bloc*/	
	margin-bottom:10px; 
	padding:30px 0px 0px 0px ; /*centre le bloc*/	
	width:1000px;
	text-align: center;
}
.large1200_galerie
{	position:relative;
	background-color:transparent;	
	border-radius:0px;
	margin-left:0px;/*centre le bloc*/	
	margin-bottom:10px; 
	padding:0px 0px 0px 0px ; /*centre le bloc*/	
	width:1200px;
	text-align: center;
}
.large_galerie_165, .large_galerie_320, .large_galerie_330, .large_galerie_400, .large_galerie_497, .large_galerie_665,
.large_galerie_1000		
 {	display: inline-block; 
	height: 250px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
	border-radius: 0px;
    margin: 0px 10px 15px 0px;
 	background-color:grey; 
}
.large_galerie_165				
 {	width: 163px;
 	background-color:#CCC;/*gris*/
}
.large_galerie_241				
 {	display: inline-block; 
	height: 300px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
	border-radius: 0px;
    margin: 0px 10px 15px 0px;width: 241px;
 	background-color:silver;/*beige*/
}
 .large_galerie_320txt, .large_galerie_330txt				
 {	display: inline-block; 
	height: 190px;
    padding: 50px 10px 10px 10px;
    vertical-align: top;
	border-radius: 0px;
    margin: 0px 10px 15px 0px;
 	background-color:silver;
	font-size:24px;
	color:white;
	vertical-align:central;
	text-align:center; 
}
.large_galerie_241txt
 {	display: inline-block; 
	height: 240px;
    padding: 50px 10px 10px 10px;
    vertical-align: top;
	border-radius: 0px;
    margin: 0px 10px 15px 0px;
 	background-color:silver;
	font-size:21px;
	color:white;
	vertical-align:central;
	text-align:center; width: 220px;
	font-family:'Courier New','open_sanslight', Tahoma, Geneva, sans-serif;
	color:white;
}
.large_galerie_320txt
 {	width: 300px;
	font-family:'Courier New','open_sanslight', Tahoma, Geneva, sans-serif;
	color:white;
}
.large_galerie_330txt
 {	width: 322px;
	font-family:'Bradley Hand','open_sanslight', Tahoma, Geneva, sans-serif;
}
.large_galerie_600txt
 {	display: inline-block; 
 	width: 600px;
	padding-left:10px;
	margin-top:30px;
}
.large_galerie_660txt
 {	display: inline-block; 
 	width: 660px;
	padding-left:30px;
}
.large_galerie_320		{	width: 324px;}
.large_galerie_330		{	width: 326px;}
.large_galerie_400		{	width: 410px;}
.large_galerie_497		{	width: 496px;}
.large_galerie_665		{	width: 663px;}
.large_galerie_1000		{	width: 1000px;}

.large_galerie_330_db				
 {	width: 330px;
 	display: inline-block; 
	height: 520px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
	background-color:grey;
	border-radius: 0px;
    margin: 0px 10px 15px 0px;
 	background-color:grey; 
}
.large_galerie_665_db
 {	width: 672px;
 	display: inline-block; 
	height: 530px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
	background-color:transparent;
	border-radius: 0px;
    margin: 0px 0px 0px 0px;
}
/* -----------------------------------------------------------------------------------------------------------------------*/
 /* -----------------------------------------------------------------------------------------------------------------------*/
a.hoverblanc					{text-decoration:none;color:white;}		/*texte blanc*/
a.hoverblanc:hover 				{color:#C30	} 			/*devient rouge*/
a.hover_rouge_grisbleu:hover	{color:rgb(110, 143, 173);	} 			/*devient gris bleu*/
a.hover_bleu_rouge				{text-decoration:none;color:rgb(110, 143, 173);}		/*texte bleu*/
a.hover_bleu_rouge:hover 		{color:rgb(255,100,100);	} 			/*devient rouge*/
.mi_transp {	opacity:0.9;	}
/* p et listes , strong, div-------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/
p, ul /* toutes pages */
{
	font-family: 'Optima', 'caviardreams', avenir, 'open_sanslight', Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight:normal;
	text-decoration:none;
	color:#669;
	text-align:justify;
	padding: 0px 10px 5px 10px;
 }
p.principal_centre /* toutes pages */
{
	max-width:950px;
	margin:auto;
	margin_bottom:30px;
	padding_bottom:20px;
 }
 p.padding_top /* toutes pages */
{
	max-width:950px;
	padding: 0px 0px 30px 0px;
 }
 p.padding_moyen /* toutes pages */
{
	max-width:950px;
	padding: 10px 0px 10px 0px;
 }
 p.padding_moyen_red /* toutes pages */
{	max-width:950px;
	padding: 10px 0px 10px 0px;
 	color:#C30;
	font-size:20px;
 }
 p.padding_bottom /* pour réserver */
{
	max-width:950px;
	padding: 0px 0px 30px 10px;
 }
 p.padding_bottom_top /* toutes pages */
{
	max-width:950px;
	padding: 30px 0px 30px 0px;
 }
 p.padding_bottom_top_big /* toutes pages */
{
	max-width:950px;
	padding: 30px 0px 30px 0px;
	font-family: 'DIN alternate', 'caviardreams', avenir, 'open_sanslight', Verdana, Geneva, sans-serif;
	font-size: 20px;
 }
 p.padding_top_red /* toutes pages */
{
	max-width:950px;
	padding: 0px 0px 30px 0px;
 	color:#C30;
}
a.rouge_curve:hover
{	color:#039;
  }

a.normal /*pour lien vers news */
{	font-weight:normal;
	text-decoration:none;
	color:#669;
	font-family:'open_sanslight',Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding-left:200px;
} 

a.mention /*pour lien vers mentions légales */
{	font-weight:normal;
	text-decoration:none;
	color:rgb(255,0,0);
	font-family:'courier new', Verdana, Geneva, sans-serif;
	font-size: 15px;
} 
a.mention:hover 
 {	color:white;
 }
a.survol
{	font-weight:normal;
	text-decoration:none;
	color:#669;
 }
 a.survol:hover
{	font-weight:bold;
	color:rgb(255,100,100);
 }
/* h1 --------------------------------------------------------------------------------------------------------------*/
/* h1 simples--------------------------------------------------------------------------------------------------*/
h1.simple_index   
{
	font-family: 'din alternate', Arial, Verdana, Geneva, sans-serif;
	font-size: 28px;
	text-decoration: none;
	text-align:left;
	background-color:none;
	padding: 30px 0px 10px 10px;
	margin: 0px 0px 0px 0px;
color:rgb(205, 190, 180); /* beige */} 
h1.simple_beige, h1.simple_bleu, h1.simple_bleucanard, h1.simple_bleugris, h1.simple_gris, 
h1.simple_orangef, h1.simple_orangep, h1.simple_rougef, h1.simple_rougep, h1.simple_rougerose, h1.simple_rosesoutenu, h1.simple_rougevioletm, 
h1.simple_vert, h1.simple_violetf, h1.simple_violetp     
{
	font-family: 'din alternate', Arial, Verdana, Geneva, sans-serif;
	font-size: 22px;
	text-decoration: underline;
	text-align:left;
	background-color:none;
	padding: 0px 0px 10px 10px;
	margin: 0px 0px 0px 0px;
 }
h1.simple_beige  			{color:rgb(205, 190, 180);	}
h1.simple_bleu  			{color:rgb(184, 205, 229);	} 
h1.simple_bleucanard		{color:rgb(90, 133, 146);	}
h1.simple_bleugris 			{color:rgb(110, 143, 173); 	}   
h1.simple_gris 				{color:silver; 				} 

h1.simple_orangep 			{color:rgb(252, 213, 180);	} 
h1.simple_orangef			{color:rgb(240, 110, 60);  	}
h1.simple_rougep 			{color:rgb(230, 185, 184);	}
h1.simple_rougef 			{color:rgb(204,102,102);	}
h1.simple_rougerose 		{color:rgb(234, 138, 135); 	}
h1.simple_rosesoutenu 		{color:rgb(221, 82, 137); 	}
h2.simple_rougevioletm 		{color:rgb(166, 99, 131); 	}

h1.simple_vert  			{color:rgb(121, 181, 145); 	}
h1.simple_violetp 			{color:rgb(204, 197, 213); 	}
h1.simple_violetf 			{color:rgb(128, 100, 162); 	}

/* h1 ronds--------------------------------------------------------------------------------------------------*/
 
.h1rond_vert, .h1rond_rougep, .h1rond_bleucanard, .h1rond_beige, .h1rond_gris, .h1rond_rougef, .h1rond_violetp, .h1rond_violetf
{
	display: inline-block;
	width: 120px;
	height: 120px;
	margin: 30px;
	padding: 0px 0px 0px 0px;
	border-radius:200px;
	font-family:'caviardreams', Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:white;
	vertical-align:middle;
	font-weight:bold;
	line-height:120px;/*ajouté pour centrage texte dans rond*/
	text-align:center; /* centrage horizontal */
	vertical-align:central;
} 
 .h1rond_rougef 		{background-color:rgb(204,102,102);	 	}
 .h1rond_orangef		{background-color:rgb(240, 110, 60);  	}
 .h1rond_violetf 	{background-color:rgb(128, 100, 162); 	}  
 .h1rond_bleucanard 	{background-color:rgb(90, 133, 146);	}
 .h1rond_vert  		{background-color:rgb(121, 181, 145); 	}
 .h1rond_bleu  		{background-color:rgb(184, 205, 229);	} 
 .h1rond_beige  		{background-color:rgb(205, 190, 180);	}
 .h1rond_rougep 		{background-color:rgb(230, 185, 184);	}
 .h1rond_orangep 	{background-color:rgb(252, 213, 180);	} 
 .h1rond_violetp 	{background-color:rgb(204, 197, 213); 	}
 .h1rond_bleugris 	{background-color:rgb(110, 143, 173); 	}   
 .h1rond_gris 		{background-color:silver; 				} 
/* h2 -------------------------------------------------------------------------------------------------------------------------*/
/* h2  simples----------------------------------------------------------------------------------------------------------------*/
h2.simple 
{
	font-family:avenir,Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color:#C30;
	text-emphasis:none;
	text-align:left;
	padding: 30px 0px 10px 0px;
	margin: auto;
	max-width:950px;
 }
 h2.simple1000 
{
	font-family:'courier new',Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight:normal;
	color:#C30;
	text-emphasis:none;
	text-align:left;
	padding: 30px 0px 10px 10px;
	margin: auto;
	max-width:1000px;
 }
/*h2.simple_beige, h2.simple_bleu, h2.simple_bleucanard, h2.simple_bleugris, h2.simple_gris, 
h2.simple_orangef, h2.simple_orangep, h2.simple_rougef, h2.simple_rougep, h2.simple_rougerose, h2.simple_rosesoutenu, h2.simple_rougevioletm, 
h2.simple_vert, h2.simple_violetf, h2.simple_violetp     
{
	font-family: 'din alternate', Arial, Verdana, Geneva, sans-serif;
	font-size: 22px;
	text-decoration: underline;
	text-align:left;
	background-color:none;
	padding: 30px 0px 10px 10px;
	margin: 0px 0px 0px 0px;
 }
h2.simple_beige  			{color:rgb(205, 190, 180);	}
h2.simple_bleu  			{color:rgb(184, 205, 229);	} 
h2.simple_bleucanard		{color:rgb(90, 133, 146);	}
h2.simple_bleugris 			{color:rgb(110, 143, 173); 	}   
h2.simple_gris 				{color:silver; 				} 

h2.simple_orangep 			{color:rgb(252, 213, 180);	} 
h2.simple_orangef			{color:rgb(240, 110, 60);  	}
h2.simple_rougep 			{color:rgb(230, 185, 184);	}
h2.simple_rougef 			{color:rgb(204,102,102);	 	}
h2.simple_rougerose 		{color:rgb(234, 138, 135); 	}
h2.simple_rosesoutenu 		{color:rgb(221, 82, 137); 	}
h2.simple_rougevioletm 		{color:rgb(166, 99, 131); 	}

h2.simple_vert  			{color:rgb(121, 181, 145); 	}
h2.simple_violetp 			{color:rgb(204, 197, 213); 	}
h2.simple_violetf 			{color:rgb(128, 100, 162); 	}/*  

/* h2  petits ronds pour bandeaux------------------------------------------------------------------------------------------------*/
 .centrer_80 { /*ajouté pour centrer le texte dans le rond*/
  width:80px; /* largeur zone de texte */
  border:none;
  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:center; /* ... et l'alignement du texte */
}
.centrer_4lignes, .centrer_1lignes, .centrer_2lignes, .centrer_3lignes { /*ajouté pour centrer le texte dans le rond*/
  width:80px; /* largeur zone de texte */
  border:none;
  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:center; /* ... et l'alignement du texte */
}
.centrer_1lignes { padding-top : 30px;}
.centrer_2lignes { padding-top : 20px;}
.centrer_3lignes { padding-top : 15px;}
.centrer_4lignes { padding-top : 2px;}

.h2rond_beige, .h2rond_jaunevert, .h2rond_jaunep, 
.h2rond_bleu, .h2rond_bleucanard,  .h2rond_bleugris, .h2rond_gris, .h2rond_grisclair,
.h2rond_orangep, .h2rond_orangef, .h2rond_rougep, .h2rond_rougef, .h2rond_rougep,  
.h2rond_rougerubis, .h2rond_rougefuschia, .h2rond_rougeorange, .h2rond_rougeprofond,
.h2rond_rougerose, .h2rond_rougerosef, .h2rond_rosep, .h2rond_rosesoutenu, 
.h2rond_vertgrismoyen, .h2rond_vert, 
.h2rond_violetp, .h2rond_violetf, .h2rond_rougeviolet, .h2rond_rougevioletm, .h2rond_mauve   
{	display: inline-block;
	width: 80px;
	height:80px;
  	line-height:80px;/*ajouté pour centrage texte dans rond*/
	text-align:center; /* centrage horizontal */
	margin: 7px 7px 7px 7px;
	padding: 2px 2px 2px 2px;
	border-radius:200px;
	font-family:'courier new','caviardreams_bi', Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color:white;
	text-align: center;
	text-decoration:none;
	vertical-align:top;
}
/* h2  carrés pour bandeaux------------------------------------------------------------------------------------------------*/
.centrer { /*ajouté pour centrer le texte dans le rond*/
  width:120px; /* largeur zone de texte */
  border:none;
  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:center; /* ... et l'alignement du texte */
}
.h2car_beige, .h2car_bleu, .h2car_bleucanard,  .h2car_bleugris, .h2car_gris, .h2car_orangep, .h2car_orangef,
 .h2car_rougep, .h2car_rougef, .h2car_rougep, .h2car_vert, .h2car_violetp , .h2car_violetf, .h2car_grisclair 
{	display: inline-block;
	width: 105px;
	height:90px;
	margin: 10px 15px 10px 10px;
	padding: 10px 1px 0px 0px;
	border-radius:5px;
	font-family:'Courier New', Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight:normal;
	text-decoration:none;
	color:white;
  	line-height:105px;/*ajouté pour centrage texte dans rond*/
	text-align:center; /* centrage horizontal */
	vertical-align:top;
}
/* h2  couleurs et hoover pour petits ronds et carrés -------------------------------------------------------------------------*/
.h2rond_beige, .h2car_beige, h2.classique_beige  				{background-color:rgb(205, 190, 180);	}
 .h2rond_bleu, .h2car_bleu, h2.classique_bleu  					{background-color:rgb(184, 205, 229);	} 
 .h2rond_bleucanard, .h2car_bleucanard, h2.classique_bleucanard	{background-color:rgb(90, 133, 146);	}
 .h2rond_bleugris, .h2car_bleugris, h2.classique_bleugris 		{background-color:rgb(110, 143, 173); 	}   
 .h2rond_gris, .h2car_gris, h2.classique_gris 					{background-color:silver; 				} 
 .h2rond_orangep, .h2car_orangep, h2.classique_orangep 			{background-color:rgb(252, 213, 180);	} 
 .h2rond_orangef, .h2car_orangef , h2.classique_orangef			{background-color:rgb(240, 110, 60);  	}
 .h2rond_rougep, .h2car_rougep , h2.classique_rougep 			{background-color:rgb(230, 185, 184);	}
 .h2rond_rougef, .h2car_rougef , h2.classique_rougef 			{background-color:rgb(204,102,102);	 	}
 .h2rond_vert, .h2car_vert , h2.classique_vert  				{background-color:rgb(121, 181, 145); 	}
 .h2rond_violetp, .h2car_violetp,  h2.classique_violetp 		{background-color:rgb(204, 197, 213); 	}
 .h2rond_violetf, .h2car_violetf,h2.classique_violetf 			{background-color:rgb(128, 100, 162); 	}  
.h2rond_rougerubis {background-color:rgb(141, 46, 63); 	}
.h2rond_rougefuschia {background-color:rgb(246, 61, 71); 	}
.h2rond_rougeorange {background-color:rgb(243, 114, 108); 	}
.h2rond_rougerose {background-color:rgb(234, 138, 135); 	}
.h2rond_rougerosef {background-color:rgb(237, 86, 79); 	}
.h2rond_rougeprofond {background-color:rgb(208, 36, 35); 	}
.h2rond_rosep {background-color:rgb(255, 89, 83); 	}
.h2rond_rosesoutenu {background-color:rgb(221, 82, 137); 	}
.h2rond_vertgrismoyen {background-color:rgb(171, 184, 160); 	}
.h2rond_rougeviolet {background-color:rgb(150, 69, 100); 	}
.h2rond_rougevioletm {background-color:rgb(166, 99, 131); 	}
.h2rond_jaunevert {background-color:rgb(222, 230, 176); 	}
.h2rond_jaunep {background-color:rgb(243, 245, 205); 	}
.h2rond_mauve {background-color:rgb(216, 174, 240); 	}
.h2rond_grisclair, .h2car_grisclair {background-color:rgb(240,240,240);}

.h2rond_beige:hover, .h2rond_bleu:hover, .h2rond_bleucanard:hover,  
.h2rond_bleugris:hover, .h2rond_gris:hover, .h2rond_orangep:hover, 
.h2rond_orangef:hover, .h2rond_rougep:hover, .h2rond_rougef:hover, 
.h2rond_rougep:hover, .h2rond_vert:hover, .h2rond_violetp:hover, .h2rond_violetf:hover, 
 .h2rond_vertolive:hover, .h2rond_vertgrismoyen:hover, .h2rond_jaunevert:hover, 
 .h2rond_jaunep:hover, .h2rond_mauve:hover, 
 {	color:red;
}
.h2rond_rosep:hover, .h2rond_rougerubis:hover, .h2rond_rougefuschia:hover, .h2rond_rougeorange:hover, .h2rond_rougerose:hover, .h2rond_rougerosef:hover, .h2rond_rougeprofond:hover, .h2rond_rosesoutenu:hover, .h2rond_rougeviolet:hover, .h2rond_rougevioletm:hover 
{	color:rgb(110, 143, 173);
}
.h2car_beige:hover, .h2car_bleu:hover, .h2car_bleucanard:hover,  .h2car_bleugris:hover, .h2car_gris:hover, .h2car_orangep:hover, .h2car_orangef:hover 
.h2car_rougep:hover, .h2car_rougef:hover, .h2car_rougep:hover, .h2car_vert:hover, .h2car_violetp:hover , .h2car_violetf:hover  
{	color:red;
}

/*
.centrer_carre { /*ajouté pour centrer le texte dans le carré*/
/* { width:105px; /* largeur zone de texte */
/*  border:none;
  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
/*  text-align:center; /* ... et l'alignement du texte */
/*}
h2.carbl_beige, .h2carbl_bleu, .h2carbl_bleucanard,  .h2carbl_bleugris, .h2carbl_gris, .h2carbl_orangep, .h2carbl_orangef,
 .h2carbl_rougep, .h2carbl_rougef, .h2carbl_rougep, .h2carbl_vert, .h2carbl_violetp , .h2carbl_violetf 
{	display: inline-block;
	width: 100px;
	height:90px;
	margin: 10px 15px 10px 10px;
	padding: 0px 1px 0px 0px;
	border-radius:5px;
	font-family:arial, Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	text-decoration:none;
	background-color:white;
  	line-height:95px;/*ajouté pour centrage texte dans rond*/
/*	text-align:center; 
	vertical-align:top;
}
.h2carbl_beige  		{color:rgb(205, 190, 180);	}
.h2carbl_bleu 			{color:rgb(184, 205, 229);	} 
.h2carbl_bleucanard		{color:rgb(90, 133, 146);	}
.h2carbl_bleugris		{color:rgb(110, 143, 173); 	}   
.h2carbl_gris			{color:silver; 				} 
.h2carbl_orangep 		{color:rgb(252, 213, 180);	} 
.h2carbl_orangef		{color:rgb(240, 110, 60);  	}
.h2carbl_rougep			{color:rgb(230, 185, 184);	}
.h2carbl_rougef 		{color:rgb(204,102,102);	 }
.h2carbl_vert			{color:rgb(121, 181, 145); 	}
.h2carbl_violetp 		{color:rgb(204, 197, 213); 	}
 .h2carbl_violetf		{color:rgb(128, 100, 162); 	} 
 
  .h2carbl_beige:hover, .h2carbl_bleu:hover, .h2carbl_bleucanard:hover,  .h2carbl_bleugris:hover, 
 .h2carbl_gris:hover, .h2carbl_orangep:hover, 
.h2carbl_orangef:hover, .h2carbl_rougep:hover, .h2carbl_rougef:hover, 
.h2carbl_rougep:hover, .h2carbl_vert:hover, .h2carbl_violetp:hover, .h2carbl_violetf:hover
{	color:red;
}
*/ 

/* h3 -----------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/
  h3.bandeau /* rouge italique */
  {
	font-family:'courier new', 'learningcurve', Verdana, Geneva, sans-serif;
	font-size: 15px;
	padding-left:10px;
	margin: 10px 0px 0px 0px;
	color:#C30;
	text-align:left;
	background-color:transparent;
 }
h3.simple /* rouge italique */
  {
	font-family:'Caviar Dreams', Verdana, Geneva, sans-serif;
	font-size: 17px;
	text_decoration:italic;
	font-weight:lighter;
	padding-left:10px;
	margin: 10px 0px 20px 0px;
	color:#C30;
	text-align:left;
	background-color:transparent;
 }
h3.simple_orange 
  {
	font-family:'Caviar Dreams', Verdana, Geneva, sans-serif;
	font-size: 17px;
	text_decoration:italic;
	font-weight:lighter;
	padding-left:10px;
	margin: 10px 0px 20px 0px;
	color:rgb(240, 110, 60);
	text-align:left;
	background-color:transparent;
 }
h3.simple_bleu /* bleu canard */
  {
	font-family:'Caviar Dreams', Verdana, Geneva, sans-serif;
	font-size: 17px;
	text_decoration:italic;
	font-weight:lighter;
	padding-left:10px;
	margin: 10px 0px 20px 0px;
	color:rgb(90, 133, 146);
	text-align:left;
	background-color:transparent;
 }
  h3.souligne /* normal souligné */
  {
	font-family: 'open_sanslight', Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight:bolder;
	text-decoration:underline;
	color:#669;
	text-align:justify;
	padding: 0px 10px 5px 10px;
 }
/* tableaux de bulles --------------------------------------------------------------------------------------------------------------*/
/*  --------------------------------------------------------------------------------------------------------------------------------*/
.tab_300
 {	margin:auto;
 	margin-bottom:10px;
	padding: 10px 10px 10px 40px;
	background-color:rgb(240,240,240);
	border-radius:0px;
	width:300px;
}
.tab_550
 {	margin:auto;
 	margin-bottom:10px;
	padding: 10px 10px 10px 50px;
	background-color:rgb(240,240,240);
	border-radius:0px;
	width:550px;
}
.tab_680
 {	margin:auto;
	margin-bottom:20px;
	padding: 10px 10px 10px 30px;
	background-color:rgb(240,240,240);
	border-radius:0px;
	width:680px;
}
.tab_750
 {	margin:auto;
	margin-bottom:20px;
	padding: 10px 10px 10px 10px;
	background-color:rgb(240,240,240);
	border-radius:0px;
	width:750px;
}
.tab_800
 {
	margin:auto; /*0px 0px 30px 50px;*/
	padding: 10px 10px 10px 20px;
	background-color:rgb(240,240,240);
	border-radius:0px;
	width:800px;
}
.tab_840
 {	margin:auto;
	padding: 10px 10px 10px 10px;
	background-color:rgb(240,240,240);
	border-radius:0px;
	width:842px;
}
.tab_890
 {
	margin:auto; /*0px 0px 30px 50px;*/
	padding: 10px 10px 10px 10px;
	background-color:rgb(240,240,240);
	border-radius:0px;
	width:890px;
}
/* colonnes et mise en page images---------------------------------------------------------------------------------------------*/
/*  ---------------------------------------------------------------------------------------------------------------------------*/
img/* essais pour pas de bordure blanche rien ne marche...*/
{
display: inline-block;
border:0px;
margin:0px;
padding:0px;
}
.bandeau /* utilisé dans se loger et vins*/
{	display: inline-block;
	background-color:transparent;
	border-radius:0px;
	text-align:center;
	/*margin:0px 0px 0px 15px ; centre le bloc car auto ne marche pas*/	
	max-width:1200px;
}
.large100gris /*pour index*/
{	display: inline-block;
    width: 100%;
    padding: 20px 0px 160px 30px;
    margin: 0px;
    vertical-align: top;
	background-color:rgb(236,236,236);
	border-radius:0px;
}
.large100blanc /*pour index*/
{	display: inline-block;
    width: 100%;
    padding: 10px 30px 20px 0px;
    margin:  0px 30px 0px 0px;
    vertical-align: top;
	background-color:white;
	border-radius:0px;
}
.large250
 {	display: inline-block; 
    width: 250px;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
	background-color:transparent;
}
.large450_index /*pour index*/
 {	display: inline-block; 
    width: 475px;
    min-height: 160px;
    padding: 5px;
    margin: 0px 5px 10px 0px;
    vertical-align: top;
	background-color:white;
}
.large450_beige, .large450_blanc, .large450_gris /*pour restaurants*/
 {	display: inline-block; 
    width: 475px;
    min-height: 460px;
    padding: 5px;
    margin: 0px 5px 10px 0px;
    vertical-align: top;
}
.large450_beige_502   /*pour restaurants*/
 {	display: inline-block; 
    width: 475px;
    min-height: 502px;
    padding: 5px;
    margin: 0px 5px 10px 0px;
    vertical-align: top;
}
 .large450_gris_517 /*pour restaurants*/
 {	display: inline-block; 
    width: 475px;
    min-height: 517px;
    padding: 5px;
    margin: 0px 5px 10px 0px;
    vertical-align: top;
}
.large450_beige, .large450_beige_502 /*pour restaurants*/  {	background-color:rgb(248, 246, 238);}
.large450_blanc /*pour restaurants*/  					{	background-color:white;}
.large450_gris, .large450_gris_517 /*pour restaurants*/   {	background-color:rgb(240,240,240);}

.large1000				/*pour vin*//*pour village*/
 {	display: inline-block; 
    width: 1000px;
    padding: 0px;
    vertical-align: top;
	background-color:transparent;
	position: relative;
}
.large1000_marge				/*pour index*/
 {	display: inline-block; 
    width: 1000px;
    padding: 0px 0px 0px 70px;
    vertical-align: top;
	background-color:transparent;
	position: relative;
}
.large1200
{	background-color:white;	
	border-radius:0px;
	margin:0px 0px 0px 50px ; /*centre le bloc*/	
	width:1200px;
}	
.large1400
{	background-color:white;	
	border-radius:0px;
	margin:0px 0px 0px 30px ; /*centre le bloc*/	
	max-width:1400px;
}	
.height150 /*pour le logo dans le footer*/	
 {	display: inline-block;
 	width: auto;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    vertical-align: top;
	height: 120px;
}
.height200
 {	display: inline-block;
 	width: auto;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    vertical-align: top;
	height: 200px;
}
.height200_pad
 {	display: inline-block;
 	width: auto;
    padding: 0px 0px 0px 30px;
    margin: 0px;
    vertical-align: top;
	height: 200px;
}
.height250
 {	display: inline-block;
 	width: auto;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
	height: 250px;
	background-color:transparent;
}
.height300
 {	display: inline-block;
 	width: auto;
    padding: 0px;
    margin: 0px;
	border:0px;
    vertical-align: top;
	height: 300px;
	background-color:transparent;
}
.height350
 {	display: inline-block;
 	width: auto;
    padding: 0px;
    margin: 0px;
	border:0px;
    vertical-align: top;
	height: 350px;
	background-color:transparent;
}
.height400 
 {	display: inline-block;
 	width: auto;
    padding: 20px 0px 0px 0px;
    margin: 0px;
    vertical-align: top;
	height: 400px;
}
.height500
 {	display: inline-block;
 	 width: auto;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
	height: 500px;
}
/*  sections beige vert----------------------------------------------------------------------------------------------------------------*/
.section_beigevert /*pour reserver*/
{	display: inline-block;
	background-color:rgb(248, 246, 238);
	padding:50px 20px 20px 20px;
	margin:20px 10px 30px 0px;
	border-radius:5px;
	position: relative;
	width:400px;
	min-height:330px;

}
.large50_beige /*pour vins*/
{	display: inline-block; 
    width: 470px;
	height:350px;
    padding: 20px 10px 0px 20px;
    margin: 0px;
    vertical-align: top;
	background-color:rgb(248, 246, 238);
	border-radius:0px;
}
.section_beigevert_sanspad
{	background-color:rgb(248, 246, 238);
	padding-bottom:0px;
	border-radius:0px;
	position:relative;
	width:1000px;
}
/*  sections beiges----------------------------------------------------------------------------------------------------------------*/
.section_beige /* pour village*/
{	background-color:rgb(235, 230, 230);
	padding:0px 20px 0px 40px;
	margin-bottom: 20px;
	border-radius:0px;
	position:relative;
	width:1050px;
}
.section_beige_sans /* pour vins, sans padding ni margin*/
{	background-color:rgb(235, 230, 230);
	padding:0px 0px 0px 0px;
	margin: auto;
	border-radius:0px;
	position:relative;
	width:1000px;
}
/*  sections grises----------------------------------------------------------------------------------------------------------------*/
.section_gris
{	background-color:rgb(236,236,236);/* gris bleu rgb(92,109,109);*/
	padding:0px 10px 10px 20px;
	border-radius:0px;
	position:relative;
	width:970px;
	margin: auto;
}
/*  ----------------------------------------------------------------------------------------------------------------*/
.plan /* pour plan googlemap */
{
	width:520px;
	height:420px;
	border: 1px solid grey;
	border-radius:10px;
}
/* tableau -----------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------*/
table 
{	width:98%;
	border:none;
	cellpadding:3px;
	margin: 20px;
 }
td.titre
{	width:420px;
	font-family:'caviardreams', arial, Georgia, "Times New Roman", Times, serif;
	color:#039;
	padding-bottom:20px;
 }
/* boutons vers haut de page ------------------------------------------------------------------------------------------*/
 .haut_page /* boutons vers haut de page sous texte*/
{ 	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align:right;
	vertical-align:bottom;
	display: inline-block; 
}
.haut_page_absolu /* boutons vers haut de page sous texte*/
{ 	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align:right;
	vertical-align:bottom;
	display: inline-block; 
	position:absolute;
	left : 930px;
	bottom: 10px;
	}
 .haut_page_bloc /* boutons vers haut de page à droite de blocs*/
{ 	display: inline-block; 
	padding: 0px 0px 0px 0px;
	margin: 5px;
	text-align:right;
	width: 920px;
	position:relative;
	vertical-align:bottom;
} 
.rond
{	height: 30px;
	width : 30px;
	border-radius: 30px;
 }
/* footer ------------------------------------------------------------------------------------------*/
footer
 {	background-color:rgb(240,240,240);
	height: 125px;
	width: 1200px;
    padding: 0px;
    margin: auto ;
	border-radius:0 0 10px 10px; 
}
.foot_gch
 {	display: inline-block; 
    width:100px;
    padding: 0px;
    margin: 0px;
	border-radius:0px;
	vertical-align: top;
}
.foot_centre
 {	display: inline-block; 
    width: 760px;
	background-color:transparent;
    padding-top: 30px;
    margin: 0px;
	border-radius:0px; 
	vertical-align: top; 
	padding-top:50px;
}
.foot_drt
 {	display: inline-block; 
    width: 100px;
	background-color:transparent;
    padding-top: 50px;
    margin: 0px;
	border-radius:0px; 
	vertical-align: top; 
}
footer p /* pied de page */
{	background-color:transparent;
    font-family:'open_sanslight', Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-decoration:none;
	text-align:center;
	padding:0px;
	margin:0px;
	border-radius:0px; 
}
.logo
{	height:70px;
}