@charset "utf-8";
/*@import url(default.css);*/

/* Les liens */

* { margin:0; padding:0; outline: 0;}

.boutonmenu { width:30px; }

.formmenu { width:130px; }

.champmenupourok { width:100px; }

a { color: #FFFFFF; }

a:hover { color: #CEF00F; }


/*********** ELEMENTS ***************/
body {background:#751313 url('../images/fondsite.gif') repeat-x; color:#fff; text-align:justify; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif }

h1 { color: #FFF; font-weight: bold; font-size: 11px; }

h3 {  }

h4 { background:#930 none repeat scroll 0%; color:#FFFFFF; padding:3pt 0pt 3pt 5px; font-size:12px }

h5 { color:#9A0000; margin:15px 0pt 0pt; padding:0pt; text-align:center; }

h6 { background:#EBA52C none repeat scroll 0%; color:#FFFFFF; margin:0pt; padding:0pt; text-align:center; }

ul li { list-style:none; }

li img { vertical-align:baseline; border: #FFF 1px solid; }

p { padding:0 0 1em 0}

/************ STRUCTURE *************/
#intro { text-align:center}

div#page { width: 900px; margin: 0px auto; background:transparent url('../images/coteterroir_03.gif') repeat-y; }

div#header { width: 900px; height:276px; margin: 0px auto; background:transparent url('../images/entete.jpg') no-repeat;}

div#titre { width: 900px; height:39px; background:#751313}

div#menu-gauche { width:144px; float:left; padding: 1px 0 0 12px;}

div#menu-gauche .input { background:#F0A901;}

div#contenu { width: 555px; float: left; padding:1px 17px 0 16px;}

div#menu-droit { width: 144px; float: left; padding:1px 0 0 0}

div#footer { width: 900px; height: 29px; clear:both;}

div#yzeo {color: #fff; text-align: center; font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif; padding:0 0 10px 0}

div#yzeo img { vertical-align:middle; border: none}



div#formulaire { float:none; text-align:center; width:569px; }

div#introconteneur { position: relative; margin: 0px auto; width: 900px;  height:197px  text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }

div#title { width: 900px; margin: 0px; }

div#introfooter { width: 900px; height: 30px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #663300; }

p.texte1 { margin:0; }

.txtyzeo { text-align: center; margin: 0 auto; padding-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; }

#content { width:560px; margin-left:2px }

div#altcenter { text-align:center; }

div#bottomfooter { text-align: center; width:100%; margin: 0px auto; background: #000000; }

.textefont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-transform: none; }

.textefont * { margin-top: 2px }

div#titrepage { float:right; }

/****************** LES VIGNERONS  *******************/

h3.galerie_vign { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:center; background-color:#e16e00; color:#FFF; height:20px; margin-top: 0; }

h3.decript_vign { border: #FFF 1px solid; border-collapse:collapse; }

div.galerie_vigneron { float:left; display:block; text-align:center; width: 180px; height:160px; margin: 2px; padding: 2px; }

div.galerie_vigneron div { text-align:center; margin:auto; }

div.galerie_vigneron img { padding:2px; border: 1px #000 solid; }

a img.bord_image { padding:2px; border: #000 1px solid; margin:auto; }

/****************** Formulaire contact  *******************/
div#contactadresse { padding-right:5px; }

#frmEnvoi { text-align: left; padding-left: 10px; }

p.field label { display: block; float: left; width: 250px; }

p.submit { text-align: center; }


	/* /////////////////////////////////////////// debut mise en forme module actu ///////////////////////// */
	
	#actualites h2 { clear:both; text-align:center;  height:20px; font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif; padding:0; background: #E16E00 ; margin:0 0 5px 0;color:#fff; border:1px solid #fff }
	
	#actualites h3 { clear:both; text-align:center;  height:30px; font: bold 10px/13px Verdana, Arial, Helvetica, sans-serif; padding:0; background: #E16E00 ; margin:0 0 5px 0; color:#fff; padding:0 2px}

	#actualites h3 a { text-decoration:none}

	#actualites .actu1 {width:165px; float:left; padding:10px}
	
	#actualites .actu {width:100%; clear:both; padding:0 0 10px 0; }
	
	#actualites .texteactu {width:100%; clear:both; }
	
	#actualites .imgactu {width:100%; clear:both; text-align:center; padding:10px 0}
	
	#actualites .imgactu a img { border:1px solid #F2E2CB; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; margin: 0 10px; vertical-align:middle }
	
	#actualites .imgactu a:hover img { border:1px solid #E97015;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7;}
	
	#actualites .imgactu1 {width:100%; clear:both; text-align:center; padding:10px 0 0 0}
	
	#actualites .imgactu1 a img { border:1px solid #F2E2CB; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; margin: 0 0; vertical-align:middle }
	
	#actualites .imgactu1 a:hover img { border:1px solid #E97015;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7;}
	
	.clear-left { clear:left}
	
	/* //////////////////////////////////////// fin mise en forme du module d'actu ///////////////////////////// */

	/* //////////////////////////////////////// fait par gregoooo///////////////// ///////////////////////////// */