body {
background:url(http://cofravin.inov-agency.com/images/bg_global.png) repeat top left;
}

/* //--------- gestion BG global -----// */ 

#bg_header_accueil {
height:472px;
background:url(http://cofravin.inov-agency.com/images/bg_header_accueil.png) repeat-x top left;
} 

#bg_header {
height:202px;
background:url(http://cofravin.inov-agency.com/images/bg_header.png) repeat-x top left;
} 

#bg_centre {

background:url(http://cofravin.inov-agency.com/images/bg_centre.png) repeat-x top left;
}

#bg_footer {
background:url(http://cofravin.inov-agency.com/images/bg_footer.png) repeat-x top left;
} 


/* //--------- gestion Contenu Header -----// */

/* -- Menu -- */

#menu_list {
margin-top:69px;
}

#menu_list ul{
display:;
}

#menu_list li{
float:left;
height:42px;
list-style:none;
}
#menu_list ul li {
padding-right:5px;
}
#menu_list ul li a{
color:#cdba8d;
text-decoration:none;
line-height:42px;
}
#menu_list ul li a:hover{
color:#FFF;
}
#menu_list ul li.ACTIV{
height:42px;
background:url(http://cofravin.inov-agency.com/images/bt_menu_li.png) no-repeat top right;
padding-right:10px;
}

#bt_menu {
display:block;
height:42px;
float:left;
padding:0px 4px 0px 8px;
}

#bt_menu.ACTIV{
color:#FFF;
background:url(http://cofravin.inov-agency.com/images/bt_menu.png) repeat top left;
}

#bt_menu a.ACTIV{
color:#FFF;
}


/* //-------------------- gestion Contenu centre -------------// */


#bg_centre .container_16 {
background:url(http://cofravin.inov-agency.com/images/bg_main_centre.png) repeat-y top left;
color:#4b4845;
}

#bg_centre .degrad_haut {
height:38px;
display:block;
background:url(http://cofravin.inov-agency.com/images/centre_degrad_haut.png) repeat top left;
}

#bg_centre .grid_8  h1{
color:#ee7306;
}

#bg_centre .texte_accueil {
font-size:16px;
}

#bloc_encadre {
padding:20px;
display:block;
background-color:#efefef;
border:1px solid #b4b4b4;
}

#bloc_encadre h3{
padding-left:40px;
border-bottom:4px solid #cdba8d;
}
#bloc_encadre h3.ico_contact {
background:url(http://cofravin.inov-agency.com/images/ico_contact.png) no-repeat top left;
}

#bloc_encadre h3.ico_actu {
background:url(http://cofravin.inov-agency.com/images/ico_news.png) no-repeat top left;
}

/* --- Zone Qui sommes nous--- */

#block_qsm  p{
font-size: 14px;
}

#block_qsm h4{
font-size: 18px;
border-bottom:4px solid #cdba8d;
}

#block_qsm  img{
border:4px solid #FFF;
}

/* --- Zone Actu --- */

.list_home_actu {
margin-bottom:22px;
border-bottom:1px dashed #cdba8d;
padding-bottom:5px;
}

.list_home_actu h2 { 
font-size:18px;
font-weight:bold;
height:20px;
}

.list_home_actu .text_actu{ 
font-size:12px;
}

.list_home_actu .text_actu span{ 
margin:0;
min-height:0px;
line-height:14px; !important
padding:0;
}

.list_home_actu a{ 
color:#999;
padding-left:20px;
background:url(http://cofravin.inov-agency.com/images/puce_plus.png) no-repeat top left;
}
.list_home_actu a:hover{ 
color:#333;
background:url(http://cofravin.inov-agency.com/images/puce_plus.png) no-repeat bottom left;
}

.list_home_actu img{ 
float:right;
border:5px solid #dddddd;
margin-left:5px;
}

/* --- Zone list produits --- */

#bloc_desc {
display:block;
width:345px;
padding:10px;
float:left;
}

#bloc_desc h2{
font-size:28px;
line-height:30px;
border-bottom:4px solid #cdba8d;
}
#bloc_desc p{
}


.ico_pdf {
width:345px;
height:25px;
display:block;
padding-left: 20px;
background:url(http://cofravin.inov-agency.com/images/ico_pdf.gif) no-repeat left;
}

.ico_mail_list {
width:345px;
height:25px;
display:block;
padding-left: 20px;
margin-top:10px;
background:url(http://cofravin.inov-agency.com/images/ico_mail_list.gif) no-repeat left;
}

#bloc_desc .ico_pdf,#bloc_desc  .ico_mail_list a{
color:#a53d00;
}
#bloc_desc .ico_pdf,#bloc_desc  .ico_mail_list a:hover{
color:#4c0100;
}

#bloc_visu  {
display:block;
width:510px;
float:right;
}

#bloc_visu span a.zoom{
background:url(http://cofravin.inov-agency.com/images/ico_loupe.gif) no-repeat bottom right;
float:right;
height:16px;
margin-right:-8px;
margin-top:-28px;
position:relative;
width:16px;
z-index:1;
border:4px solid #FFF;
}

#bloc_visu  img{
border:4px solid #FFF;
background:url(http://cofravin.inov-agency.com/images/ico_loupe.gif) no-repeat bottom right;
}

/* --- Zone Document --- */

#bloc_encadre .list_doc {
display:block;
clear:left;
min-height:190px;
}
#bloc_encadre .list_doc span {
display:block;
float:left;
width:100px;
height:100px;
margin-right:30px;
}

#bloc_encadre .list_doc span img {
border:1px solid #B4B4B4;
display:block;
clear:left;
}
#bloc_encadre .list_doc span a{
display:block;
}


#bloc_encadre .list_doc h2 {
display:block;
float:left;
width:760px;
font-size:16px;
border-bottom:4px solid #cdba8d;
}

#bloc_encadre .list_doc h2 {
display:block;
float:left;
width:760px;
font-size:16px;
border-bottom:4px solid #cdba8d;
}

#liens_doc {
display:block;
float:right;
width:750px;
height:25px;
padding-left:20px;
}

/* --- Zone Contact (hors form) --- */

#contact {
padding:15px;
}
#contact h4{
font-size:18px;
border-bottom:4px solid #cdba8d;
padding-left:20px;
height:25px;
}

#contact h4.tel {
background:url(http://cofravin.inov-agency.com/images/tel.png) no-repeat  left;
}
#contact h4.fax {
background:url(http://cofravin.inov-agency.com/images/fax.png) no-repeat  left;
}
#contact h4.adress {
background:url(http://cofravin.inov-agency.com/images/adress.png) no-repeat  left;
}

#contact p{
font-size:14px;
}


/* //---------------- gestion Contenu Footer -----------------------// */


#bg_footer .degrad_bas {
height:36px;
display:block;
background:url(http://cofravin.inov-agency.com/images/centre_degrad_bas.png) repeat top left;
}

#bg_footer .container_16{
height:134px;
overflow:hidden;
}

#bg_footer .grid_16  p{
font-size:11px;
color:#cdba8d;
text-align:center;
padding:10px;
}
#bg_footer .grid_16  a{
color:#cdba8d;
margin:0px 5px;
}
#bg_footer .grid_16  a:hover{
text-decoration:none;
}



/*  //----------------------------------------------------------// */

#menu ul.top-level {margin-left:0;}

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}

#menu a.top-level-a {float:left; padding:0px;} 
#menu a.top-level-a span {float:left; padding:0 0px 0 0;cursor:pointer; cursor:hand;}

#menu a.top-level-a:hover {white-space:nowrap;}
#menu a.top-level-a:hover span, 
#menu a.top-level-a:focus span, 
#menu a.top-level-a:active span {color:#FFF; cursor:pointer;}

#menu a.down span {float:left; padding-right:0px; cursor:pointer;}

#menu a.down:hover span, 
#menu a.down:focus span, 
#menu a.down:active span {color:#FFF; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap;}
#menu li.top-level-li:hover > a span {color:#FFF;}
#menu li.top-level-li:hover > a.down span {color:#FFF;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:#46392e; left:0;border:1px solid #CDBA8D;}
#menu li li {}

#menu li li a:hover {background:#46392e;} 
#menu li li:hover > a {background:#46392e;}
#menu li li a.fly {background:#fff;}
#menu li li a.fly:hover {background:#46392e;} 
#menu li li:hover > a.fly {background:#46392e;}

#menu ul.drop-down {
top:30px; 
width:140px;
opacity:0.85;
z-index:10; 
display:block;
padding:0;margin:0;}

#menu ul.drop-down li {
width:135px;
height:20px;
/*padding:5px;*/
margin:0px;

border-bottom:1px solid #CDBA8D;
}

#menu ul.drop-down li a {
color:#CDBA8D;
line-height:20px;
height:20px;
text-decoration:none;
}
#menu ul.drop-down li a:hover{
color:#FFF;
}


#menu table {position:absolute;width:135px;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {height:20px;line-height:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table ul  li{height:20px;line-height:20px;display:block;float:left;}



/*============================= Mise en forme des champs du formulaire =======================*/


#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: #535142;
}

#corpForm fieldset#coordonnees input {
	font-weight: bold; 
	margin-left: 6px;
	width:250px;
	border: 1px solid #535142;
	color: #303030;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
	background-color:#f5f5f5;
}

#corpForm select {
	font-weight: bold; 
	margin-left: 6px;
	width:178px;
	border: 1px solid #535142;
	color: #303030;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
	background-color:#f5f5f5;
}
#corpForm fieldset#coordonnees textarea {  
	width:478px;
	margin-left: 6px;
	border: 1px solid #535142;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	background-color:#f5f5f5;
}

/*======= Mise en forme du fieldset =======*/

#corpForm fieldset {
	/*padding: 10px 15px;*/
	padding-bottom:8px;
	padding: 0 1em 0.6em 1em;
	border:1px solid #535142;
}

#corpForm .contour_OFF fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 0.6em 1em;
	border:1px solid #666;
}

#corpForm .contour_ON fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 0.6em 1em;
	border:1px solid #9F9F9F;
}


#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	color: #535142;
	margin-bottom:12px;
}

#corpForm .contour_OFF legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	font-size: 12px;
	color: #666;
	padding: 0 5px 0 2px;
	background: transparent;
}

#corpForm .contour_ON legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	font-size: 12px;
	color: #535142;
	padding: 0 5px 0 2px;
	background: transparent;
}


/* alerte enregistrement default */

#corpForm .contour_ALERTE fieldset {
	margin: 0;
	font-style: normal;
	padding: 0 1em 0.6em 1em;
	border:1px dotted #9F9F9F;
}

#corpForm .contour_ALERTE legend {	
	font-weight: bold;
	font-size: 11px;
	color: #666;
	padding: 0 5px 0 2px;
	background: #ffffff;
}

/**/

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	/*padding: 0 2px 0 2px;*/
	clear:left;
	padding: 0 0 .1em 0;
	margin: 0 0 .2em 0;
}

/* label */

#corpForm fieldset#coordonnees label {	
	float: left;	
	width: 120px;
	font-size:14px;
	margin: 0;
	color: #535142;
	padding: 4px .5em 4px 0;
	font-family: Arial, Helvetica, sans-serif;
}

#corpForm fieldset#coordonnees .tab_loc_vente label {	
	float: none;
	text-align: left;
}


/* explication label */

.explik_label {
	display:block;
	color:#666;
	font-size: 10px;
	padding-left:4px;
}

/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/

#corpForm label:hover {
	cursor: pointer;	
}
#corpForm label.oblig {
	font-size:14px;
}

/*** Mise en forme des aides contextuelles ***/

#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}

#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	border: 1px solid #666;
	color: #303030;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: #f5f5f5;
	color: #303030;
	border: 1px solid #666;
}


.fin_form {
	text-align:left;
	padding: 8px 8px 15px 20px;
	color: #BEBCC3;
	font-size: 10px;
}

/* bouton d'envoi formulaire */

.bloc_but_envoyer {
	text-align:center;
}

a.bt_envoi_form {
	display: block;
	height: 30px;
	width: 120px;
	background-color:#333;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height:32px;
	text-align:center;
	letter-spacing: 2px;
	border: 2px solid #FFF;
}
a.bt_envoi_form:hover {
	text-decoration: underline;
	background-color:#535142;
	color: #FFF;
	
}
a.bt_envoi_form p {
	/*padding-top:8px;*/
	padding-top:0;
}

/* liste puce formulaire */

#corpForm ul {
	list-style: square;
	margin: 0 0 0 17px;
	font-size: 10px;
}


/*===== validation Formulaire ======*/

#corpForm  p.valid_true {
	background:url(http://cofravin.inov-agency.com/images/valid_true.png) no-repeat top right;
	margin-right:18px;	
}

#corpForm  p.valid_false {
	background:url(http://cofravin.inov-agency.com/images/valid_false.png) no-repeat top right;
	margin-right:18px;	
}


/* ============  ligth box ======== */
#lightbox{
	background-color:#eee;
	padding: 1px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{border: none; }

#overlay{ 
background-image: url(http://cofravin.inov-agency.com/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cofravin.inov-agency.com/images/overlay.png", sizingMethod="scale");
	}

/* ============  ligth box ======== */

#pagination {

margin:20px 0px;
text-align:center;
width:100%;
}

#pagination p{
text-align:center;

}
#pagination a {
width:10px;
height:10px;
margin:5px;
padding:5px;
text-align:center;
color:#cdba8d;
background:#665242;
border:1px solid #cdba8d;
text-decoration:none;
}
#pagination a:hover{
color:#FFF;
background:#665242;
}
#pagination a.activ{
color:#ffe5b9;
background:#46392f;
border:1px solid #cdba8d;
}