@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	background-image:url(../images/fond_site.jpg);
	background-color:#4b1b19;
	background-position:top center;
	background-repeat:no-repeat;
	color:#000000;
	font-size:12px;
	line-height:15px;
}

a 														{ text-decoration:none; color:#6b1411;}
a:hover 												{ color:#cc0000; text-decoration:none; }
a img 													{ border:0;}

h2 														{font-size:23px; color:#b8433e; padding-bottom:15px}
h3 														{font-size:17px; font-weight:bold;}
h4														{font-weight:bold;}

ol 														{ }
li 														{ list-style:none; line-height:17px; color:#5e5e5e; }

p														{ text-align:justify; padding-bottom:10px}

.erreur													{ font-size:13px; color:#872823;}
.reussite												{ font-size:13px; color:#427725;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC CONTENEUR GLOBAL --- */
div#page 												{ position: relative; width:970px;	margin: 0 auto;	display:block;height: 100%;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC CONTENU --- */
div#contenu												{padding:0px;margin:0px; height:100%;min-height:100%; width:970px; background-color:#FFFFFF; padding-bottom:20px;}
* html div#contenu 										{height: 100%;}





/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC BANNIERE --- */
.banniere												{z-index: 1; height:430px; background:none; }
.banniere .logo											{z-index: 2; position:absolute; top:0px; left:0px;}
.banniere .drapeau-francais								{z-index: 3;position:absolute;	top:317px;	left:12px;}
.banniere .drapeau-anglais								{z-index: 4;position:absolute;	top:317px;	left:48px;}
.banniere .banniere-anim								{margin-top:75px}

.banniere .navigation									{
	position:absolute;
	top:358px;
	text-align:center;
	width: 970px;
}
.banniere .navigation .separation						{float:left;display:block;}
.banniere .navigation .separation-dernier				{display:block;}
.banniere .navigation .bouton-navigation 				{float:left;display:block;margin:10px;}
.banniere .navigation .bouton-navigation a 				{float:left;font-size:21px;font-weight:bold;color:#FFFFFF;text-transform:uppercase; padding-top:9px }
.banniere .navigation .bouton-navigation a:hover 		{color:#0d1021;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC COMMUNAUTAIRE --- */
.block_communautaire									{height:30px;display:block;color:#5a110e;}
.block_communautaire .texte_communautaire				{float:left;display:block;color:#5a110e;}
.block_communautaire .logo_communautaire				{width:22px;float:left;	display:block;color:#5a110e;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC FOOTER --- */
.footer												{float:left;color:#FFFFFF;background-color:#6b1411;width:970px; padding-top:10px;}
.footer h3											{ padding:10px;}
.footer h2											{ padding:10px; font-size:16px;}
.footer a											{color:#FFFFFF; padding:10px;}
.footer a:hover										{color:#FFFFFF;  padding:10px;}

.footer img											{ }
.footer .colonne									{ float:left;display:block;width:20%; padding-bottom:20px;}
.footer .colonne ol 								{ }
.footer .colonne li 								{list-style:none;color:#431311;}

.footer .colonne-last									{ float:left;display:block;width:20%; padding-bottom:20px;}

.footer .signature									{text-align:center;}
.footer .adresse_footer								{text-align:center;  font-size:14px; font-weight:bold}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ---- PAGE ACCUEIL ---- */

.gauche									{ float:left; width:310px;  margin-left:10px;}
.milieu									{ float:left; width:310px; margin-left:10px;}
.droit									{ float:left; width:310px; margin-left:10px;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ---- PAGE LISTE BOUTEILLE ---- */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC NEWS --- */
.block_news{
	display:block; padding:0px; margin-right:10px
}
.block_news .date-news {font-size:12px; color:#666666; font-style:italic; font-weight:bold;}
.block_news h2 { font-size:14px; padding:0px; margin:0px}
.block_news h3{ font-size:12px; font-weight:bold; padding:0px; margin:0px}

.block_news .entete-block-news{
	
	display:block;
}
.block_news .img{


	display:block;
	border:1px solid #666666;
}
.block_news .diaporama{

	
	display:block;
	border:1px solid #666666;
}
.block_news .img img{
	width:67px;
	height:100px;

	display:block;
	padding:5px;
}
.block_news .img .petite_video{
	width:310px;
	height:249px;

	display:block;
	padding:5px;
}


.block_news .texte{
	width:310px;

	display:block;
}
.block_news .texte p{
	width:310px;
	
	display:block;
	color:#FFFFFF;
	text-align:justify;
}
.block_news div#texte a { text-decoration:none; color:#e72531}
.block_news div#texte a:hover { color:#e72531; text-decoration:none; }

.block_news .fin-design-block-news{
	width:310px;
	float:left;
	display:block;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ---- ENCART NEWSLETTER SOUSCRITPION ---- */

.encart-newsletter { margin:10px ; padding:5px}
.encart-newsletter table { width:100%;}
.encart-newsletter input { width:100% }

.div-interieur-contenu {margin:10px}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC FIGNETTE --- */
.block_vignette{
	width:470px;
	min-height:290px;
	float:left;
	display:block;
	margin-left:10px;
	margin-top:10px;
	background-color:#BBBBBB;
}

.block_vignette .entete-block-news{
	float:left;
	display:block;
	
	margin-left:20px;
	margin-top:10px;
}
.block_vignette .img{
	width:67px;
	height:100px;
	float:left;
	display:block;

}
.block_vignette .diaporama{

	float:left;
	display:block;
	border:1px solid #666666;
}
.block_vignette .img img{
	width:67px;
	height:100px;
	float:left;
	display:block;
	padding:10px;
}
.block_vignette .texte{
	
}
.block_vignette .texte p{
margin:10px;
margin-top:20px;
	float:left;
	display:block;
	text-align:justify;
}
.block_vignette div#texte a { text-decoration:none; color:#e72531}
.block_vignette div#texte a:hover { color:#e72531; text-decoration:none; }

/*MULTPAGES*/
div#multipage{
	width:900px;
	display:block;
	text-align:center;
	margin-top:40px;
	margin-left:40px;
}

.coup-de-coeur{ margin-top:30px;}