@charset "utf-8";
/* CSS Document */


/*=========================================
	Blu Boxes
=========================================*/
.blu_0 {float: left; width:  3%; margin: 0 1% 0 1%; padding: 1%}
.blu_1 {float: right; width:  6%; margin: 0 1% 0 1%; padding: 1%}
.blu_2 {float: right; width: 16%; margin: 0 1% 0 1%; padding: 1%}
.blu_3 {float: left; width: 26%; margin: 0 1% 0 1%; padding: 1%}
.blu_4 {float: left; width: 36%; margin: 0 1% 0 1%; padding: 1%}
.blu_5 {float: left; width: 46%; margin: 0 1% 0 1%; padding: 1%}
.blu_6_bis {/*float: left;*/ width: 56%; margin: 0 1% 0 1%; padding: 1%}
.blu_8_bis {/*float: left;*/ width: 76%; margin: 0 1% 0 1%; padding: 1%}
.blu_6_bis2 {/*float: left;*/ width: 56%; margin-left:auto; margin-right:auto;}
.blu_6 {float: right; width: 56%; margin: 0 1% 0 1%; padding: 1%}
.blu_7 {float: right; width: 66%; margin: 0 1% 0 1%; padding: 1%}
.blu_8 {float: left; width: 76%; margin: 0 1% 0 1%; padding: 1%}
.blu_9 {float: left; width: 86%; margin: 0 1% 0 1%; padding: 1%}
.blu_10{float: left; width: 96%; margin: 0 1% 0 1%; padding: 1%}


/*@media screen and (max-width: 479px) {*/

@media screen and (max-width: 600px) {

	.blu_1 {width: 98%;}
	.blu_2 {width: 98%;}
	.blu_3 {width: 98%;}
	.blu_4 {width: 98%;}
	.blu_5 {width: 98%;}
	.blu_6 {width: 98%;}
	.blu_6_bis {width: 98%;}
	.blu_6_bis2 {width: 98%;}
	.blu_8_bis {width: 98%;}
	.blu_7 {width: 98%;}
	.blu_8 {width: 98%;}
	.blu_9 {width: 98%;}
	.blu_10 {width: 98%;}

}
/*===================
	Blockquotes
===================*/
blockquote {
border-top: 1px solid #ababab;
border-bottom: 1px solid #ababab;
padding: 10px;
margin-top: 10px;
margin-bottom: 15px;
}

blockquote p {
font-family: georgia;
font-size: 24px;
color: #717171;
}

blockquote p::before {
 content: "\201C";
 font-size: 36px;
 line-height: 36px;
}

blockquote p::after {
 content: "\201D";
 font-size: 36px;
 line-height: 36px;
}

blockquote cite {
	font-variant:small-caps;
font-size: 18px;
color: #55a5fb;
}

blockquote cite::before {
content: "\2013 \A0";
}


/*navigation
#nav {float: right; padding: 42px 0 0 30px; background-color:#CCCC66;}
#nav li {float: left; margin: 0 0 0 5px; list-style: none;}
#nav li a {
text-decoration: none;
padding: 5px 15px;
float: left; margin: 0 0 0 5px;
font-family:proxima-nova, serif;
font-weight: bold;
color:#ccc; /* couleur alternative pour les navigateurs qui ne comprenant pas rgba//
color: rgba(255,255,255,0.7);
text-shadow: 0 1px 1px rgba(0,0,0,0.5);
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#nav li a:hover, #nav li a:focus {color: #FFF; background: rgba(0,0,0,0.15);}*/


/* styles de boites */
.shadow {	background: #f6f6f6;
			/*background: rgba(246,246,246,0.65);  */
			-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
			   -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
			        box-shadow: 0 1px 5px rgba(0,0,0,0.5);
					border-top:#fff solid 1px;
					margin-bottom:1em;

			}
.rounded { 		 border-radius: 10px; /*background: #FFF;*/}
.rounded_black{border-radius: 10px; background: #222; margin-bottom:1em; margin-left:auto; margin-right:auto;}
.embossed { background-color: : #498cff;
			border: solid 1px #888; border-radius: 10px;
			border-top-color: 		rgba(255,255,255,0.5);
			border-right-color: 	rgba(153,153,153,0.5);
			border-bottom-color: 	rgba(153,153,153,0.5);
			border-left-color: 		rgba(175,175,175,0.5);

			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.75);
			   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.75);
					box-shadow: 0 1px 3px rgba(0,0,0,0.75);
			}
.roundedShadow { border-radius: 10px; background: #FFF;
			-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
			   -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
					box-shadow: 0 1px 5px rgba(0,0,0,0.5);
			}
.roundedEmbossed { background-color: rgba (100,155,0,1); border-radius: 10px;

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#666666), color-stop(.6,#333)) ;
background-image:-moz-linear-gradient(100% 100% 90deg,#666666, #333333, #666666 100%);

			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.75);
			   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.75);
					box-shadow: 0 1px 3px rgba(0,0,0,0.75);
			}
/*=========================================
	Offsets (Ajouter une marge gauche)
=========================================*/
.offset_0 {margin-left: 5%;}
.offset_1 {margin-left: 10%;}
.offset_2 {margin-left: 20%;}
.offset_3 {margin-left: 30%;}
.offset_4 {margin-left: 40%;}
.offset_5 {margin-left: 50%;}
.offset_6 {margin-left: 60%;}
.offset_7 {margin-left: 70%;}
.offset_8 {margin-left: 80%;}
.offset_9 {margin-left: 90%;}

/*=========================================
	Afters (ajouter une marge droite)
=========================================*/
.after_0 {margin-right: 5%;}
.after_1 {margin-right: 10%;}
.after_2 {margin-right: 20%;}
.after_3 {margin-right: 30%;}
.after_4 {margin-right: 40%;}
.after_5 {margin-right: 50%;}
.after_6 {margin-right: 60%;}
.after_7 {margin-right: 70%;}
.after_8 {margin-right: 80%;}
.after_9 {margin-right: 90%;}

/*=======
	Police par defaut
=========*/
body {
   font-family: "skolar", serif;
   /*font-family: "proxima-nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;*/
}

/*===================
	Headers
===================*/
h1 {margin-top: 0.8em; line-height: 0.8em; margin-bottom: 4px; font-size: 56px;font-family: "league-gothic",sans-serif; font-style: normal; color: #121212;}
h1.big {margin-top: 0.8em; line-height: 0.8em; margin-bottom: 4px; font-size: 175px; font-family: "league-gothic",sans-serif; font-style: normal; color: #121212;}
h2 {margin-top: 8px; line-height: 1; margin-bottom: 4px; font-size: 50px; font-family: "league-gothic"; color: #121212; margin-left:1%; letter-spacing:-1px;text-transform:uppercase;
text-shadow: 0 1px 0 #FFF;}
h3 {margin-top:3em; line-height: 1; margin-bottom: 16px; font-size: 16px; font-family: "proxima-nova"; color: #121212; letter-spacing:2px;  /*text-transform:uppercase; */font-weight:800;}
h4 {margin-top: 8px; line-height: 1; margin-bottom: 4px; font-size: 16px; font-family: "proxima-nova"; color: #41B7D8; letter-spacing: 4px;}
h5 {font-size: 15px; line-height: 1; margin-bottom: 4px; font-family: "proxima-nova";color:rgba(0, 0, 0, 0.4);}
h6 {font-size: 16px; line-height: 1; margin-bottom: 4px; font-family: "proxima-nova";color: #212121;font-weight: bold;}

/*================
==============*/
html{
	background-image:url(../IMG/background.png);
	background-repeat:repeat;
}
body {
line-height: 1.6em;
font-size: 16px;
color: #212121;
width:100%;
background-image:url(../IMG/raisins_blancs.png);
}

/*footer{
	width:100%;
	clear:both;
	background-color:#F39;
}*/
footer{
	background-color:#C3AE6B;
	width:100%;
	padding:5px;
}
.moitie{
	width:46%;
	float:left;
	
}
.clear {
clear: both;
}
.floatleft {float: left;}
.floatright {float: right;}
.logo{
	width:30%;
	/*height:200px;*/
	float:left;
	text-align:right;
	margin-top:15px;
	margin-left:15px;
}
nav ul li a{
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	z-index:5000;
	position:relative;
}
.nav{
	z-index:5000;
}
.georgia {
font-family: georgia;
}

.tnr {
font-family: times new roman;
}

.arial {
font-family: arial;
}

.proxima-nova {font-family: "proxima-nova"}
.league-gothic{font-family: "league-gothic",sans-serif;}

hr {
width: 100%;
border: none;
border-top: 1px solid #ababab;
border-top: 1px solid rgba(0,0,0,0.25);
border-bottom: 1px solid #ffffff;
border-bottom: 1px solid rgba(255,255,255,0.9);

margin-top: 12px;
margin-bottom: 12px;
}
p{
	margin-bottom:1em;
}
header{
	clear:both;
	width:100%;
	min-height:300px;
	/*border:thin solid #F0C;*/
}
section{
	clear:both;
	width:100%;
	/*border:thin solid #39F;*/
	
	
}
.fond_section{
	background-image:url(../IMG/raisins_noir.png);
	background-repeat:no-repeat;
	position:absolute;
	width:426px;
	height:263px;
	margin-top:-120px;
	margin-left:-140px;
	z-index:10;
}
.fond_bouteille{
	background-image:url(../IMG/tire_bouchon.png);
	background-repeat:no-repeat;
	position:absolute;
	/*max-width:214px;
	min-width:50px;*/
	width:214px;
	height:387px;
	margin-top:-387px;
	margin-left:220px;
	
}

/*.centrer{
	margin-left:auto !important;
	margin-right:auto !important;
}*/
.blanc{
	color:#fff;
}
.document{
	float:left;
	width:20%;
	/*border:thin solid #F00;*/
}
.doc{
	padding:10px;
	float:left;
	margin:5px;
	text-align:center;
	background-color:#151515;
		border-radius: 10px;
	border-bottom:solid 1px #343434;
	border-top:solid 1px #000;
	border-left:solid 1px #222;
	border-right:solid 1px #222;
	color:#9c946d;
	/*font-size:0.9em;*/
	width:90px;
	font-size:0.8em;
	line-height:1.1em;
		height:100px;
}
.doc a{
	color:#9c946d;
	text-decoration:none;
}
.doc a:hover{
	color:#9c946d;
	text-decoration:underline;
}
section h1{
	margin-left:23%;
}
.imgLeft{
	float:left; 
	margin:5px;
}
.imgRight{
	float:left; 
	margin:5px;
}
.article img{
	max-width:100%;
	border:3px solid #fff;
	-webkit-box-shadow: 0px 2px 3px #000;
	-moz-box-shadow: 0px 2px 3px #000;
	-o-box-shadow: 0px 2px 3px #000;
	box-shadow: 0px 2px 3px #000;
	}
.Txt{
	color:#9c946d;
}