/*** INFORMATIONS DE LICENCE ***
* Ce fichier est intégré au développement d'un site Web
* Cette feuille de style est dessinée par JNBi L'agence Web
* Tous droits réservés */

/* Table des matières

	- CSS généraux
	- CSS structure	
	- CSS de formulaires
	- Actualités / Brèves / Webline
	- Pages (et zones de bas de page)
	- Consultations
	- Agenda
	- CSS de menus
	- CSS du plan du site
	- CSS de signatures
	- CSS RSS	

*/

/* Informations CSS générales */
/* ----------------------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
html {font-size: 100.001%;}


li {
	margin-left: 25px;
}
body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: normal;
	font-size: normal;	
	text-align: left;
	background:#D1D1D1;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;

}
td { 	/* Font idem que body */

}
p {
	padding-top:10px;}
blockquote {
	padding-left: 20px;
}
a {
	color:#751c64;
	font-weight: normal;
	text-decoration : underline;
}
a:hover {
	color:#751c64;
	text-decoration : none;
}

#contenu img {
    padding: 15px;
}

/* Informations CSS Structures */
/* ----------------------------------------------------------------------------------------------*/


#conteneur {
	width: 1025px;
	margin:0 auto;
	display:block;
	overflow:auto;
	background:url(visuels/bg.jpg) top left repeat-y;
}
#header {
	display:block;
	width:899px;
	margin:0;
	padding:48px 63px 0 63px;
	background:url(visuels/bg_header.jpg) top left no-repeat;
}
#header #col_a{
	display:block;
	width:230px;
	float:left;
	padding:25px 0 0 0;
}
#header #col_b{
	display:block;
	width:669px;
	float:left;
	padding:0 0 26px 0;
	background:url(visuels/bg_top.jpg) bottom left no-repeat;
}
#header #col_b img{
	margin:0;
	padding:0;
	display:block;
	float:left;
}
h1#logo{
	display:block;
	width:230px;
	height:69px;
	clear:left;
	margin:0;
	text-indent:-9999px;
	background:url(visuels/logo_la-cave.jpg) top left no-repeat;
}
.interne a h1#logo{
	display:block;
	width:230px;
	height:69px;
	clear:left;
	margin:0;
	text-indent:-9999px;
	background:url(visuels/logo_la-cave.jpg) top left no-repeat;
}
h3#baseline{
	display:block;
	width:230px;
	height:69px;
	margin:0;
	clear:left;
	text-indent:-9999px;
	background:url(visuels/fr_vins-whiskys.jpg) top left no-repeat;
}
h2#ville{
	display:block;
	width:230px;
	height:30px;
	margin:0;	
	clear:left;
	text-indent:-9999px;
	background:url(visuels/fr_cholet.jpg) top left no-repeat;
}
#contenu {
	float:left;
	width:899px;
	display:block;
	padding:0 63px 0 63px;
	background:url(visuels/bg_conteneur.jpg) top left no-repeat;

}

#contenu #droite{
	display:block;
	float:left;
	width:272px;
}
#contenu #droite #adresse{
	display:block;
	float:left;
	width:210px;
	padding:35px 10px 35px 10px;
	text-align:center;
	color:#FFEA7D;
	font-size:1.2em;
}
#contenu #droite #adresse h4{
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1em;
}
#contenu #droite #lien-cave{
	display:block;
	float:left;
	background:url(visuels/fr_lien_carte.jpg) top left no-repeat;
	text-indent:-9999px;
	width:230px;
	height:48px;
}
#contenu #droite #lien-cave:hover{
	background:url(visuels/fr_lien_carte-over.jpg) top left no-repeat;
}
#contenu #droite #btn-carte{
	display:block;
	float:left;
	background:url(visuels/btn_carte.jpg) top left no-repeat;
	text-indent:-9999px;
	width:272px;
	height:116px;
}
#contenu #col_c{
	float:left;
	width:380px;
	display:block;
	margin:10px 0 0 0;
	padding:0 20px 0 10px;
	border-right:1px solid #611217;
	/*
	height:auto!important;
	height:350px;
	min-height:350px;
	*/
	overflow: hidden;
}
#contenu #col_d{
	float:left;
	width:196px;
	padding:0 10px;
	display:block;
}
#contenu #col_d #titre_breves{
	float:left;
	width:196px;
	height:75px;
	display:block;
	text-indent:-9999px;
	margin:0 0 10px 0;
}
#contenu #col_d .breve{
	font-size:1.1em;
	font-weight:normal;
}
#contenu #col_d #titre_newsletter{
	color:#611217;
	text-transform:uppercase;
	font-size:1.1em;
	margin:0 0 10px 0;
}
#inscription_newsletter #newsletter_email{
	padding:2px;
	width:130px;
	border:1px solid #611217;
	float:left;
	margin:0 5px 0 0;
}
#inscription_newsletter a{
	margin:1px 4px;
	display:block;
	float:left;
	width:34px;
	height:21px;
	text-indent:-9999px;
	background:url(visuels/btn_ok.gif) top left no-repeat;
}



#contenu #col_cd{
	float:left;
	width:597px;
	display:block;
	margin:30px 0 0 0;
	padding:0 20px 20px 10px;
	font-size:1.2em;
	line-height:1.6em;
}
#contenu #col_d{
	float:left;
	width:196px;
	margin:30px 0 0 0;	
	padding:0 10px;
	display:block;
}


#footer {
	display:block;
	width:859px;
	margin:0;
	float:left;
	padding:35px 83px 60px 83px;
	background:url(visuels/bg_footer.jpg) top left no-repeat;
	color:#751C64;
	font-size:1.1em;
}
#footer a{
	color:#751C64;
	text-decoration:none;
	font-weight:normal;
}
#footer a:hover{
	color:#751C64;
	text-decoration:underline;
	font-weight:normal;
}
#footer #signature{
	float:left;
}
#footer #mentions{
	text-align:right;
	float:right;
	color:#751C64;
	text-decoration:none;
	font-weight:normal;
}



/* Informations CSS Formulaires */
/* ----------------------------------------------------------------------------------------------*/

.alerte_formulaire_ok {	/* CSS de formulaires en général */
	background:url(visuels/valide.gif);
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:20px 10px;
	color:#008C42;
}
.alerte_formulaire_ko {
	background:url(visuels/refuse.gif);
	border:1px solid #CC3131;
	color:#fff;
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:10px;
}


/******** Formulaire contacts **************/


#contacts_form{
	width:420px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
#contacts_form span.separation{
	display:block;
	float:left;
	width:350px;
	margin:5px 10px 10px 10px;
	padding:10px;
	border-top:1px solid #CCC;

}
.calage_centre{
	display:block;
	text-align:center;
}
.calage_droite{
	clear:both;
	display:block;
	float:left;
	width:80px;
	text-align:right;
	margin:5px 10px 0px 0px;
}
.calage_gauche{
	display:block;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	line-height:14px;	
}
.calage_gauche label{
	padding:0 15px 0 5px;
	font-weight:normal;
	
}
	
.asterisque {
	color: #ff0000;
}
#contacts_form h3{
	float:left;
	color:#611217;
	font-size:1.5em;
	font-weight:normal;
	margin:0px 0px 0px 10px;
}	
a.lien_bouton {
	display:block;
	width:80px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background: #4D6801;
	padding: 5px 10px;		
	color: #FFFFFF;		
	text-decoration : none;
	letter-spacing: 1px;
	font-weight:bold;
}
a.lien_bouton:hover {
	color: #FFF;		
	text-decoration : none;
	background:#751c64;
}
.contacts_input {
	border:1px solid #611217;
	padding:3px;
}
/******** Formulaire newsletter **************/

#newsletter_form{
	width:500px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
#newsletter_form p{
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;
	background-color: #DDDDDD;
}
#newsletter_form .suptitre {
	float:left;
	color:#611217;
	font-size:1.5em;
	font-weight:normal;
	margin:0px 0px 0px 10px;
}
#newsletter_form span.separation{
	display:block;
	float:left;
	width:500px;
	margin:5px 10px 10px 10px;
	padding:10px;
	border-top:1px solid #CCC;

}
#newsletter_form .calage_centre{
	display: block;
	text-align: center;
}
#newsletter_form .calage_droite{
	clear:both;
	display:block;
	float:left;
	width:80px;
	text-align:right;
	margin:5px 10px 0px 0px;
}
#newsletter_form .calage_gauche{
	display:block;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	line-height:14px;	
}
#newsletter_form .calage_gauche2{
	display:block;
	float:left;
	text-align:left;
	margin:8px 0px 0px 0px;
	line-height:22px;
}
.calage_gauche2 label{
	padding:0 15px 0 5px;	
	font-weight:normal;
	cursor:pointer;
}
#newsletter_form .asterisque {
	color: #FF0000;	
}
#newsletter_form .newsletter_input  {
	border:1px solid #611217;
	padding:3px;
}
#newsletter_form .legende_cnil {
	font-weight: normal;
	font-style: italic;
}
a.bt_ins_newsletter {
	display:block;
	width:80px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background: #4D6801;
	padding: 5px 10px;		
	color: #FFFFFF;		
	text-decoration : none;
	letter-spacing: 1px;
	font-weight:bold;
}
a.bt_ins_newsletter:hover {
	color: #FFF;		
	text-decoration : none;
	background:#751c64;
}
.alerte_formulaire_newsletter_ok {
	color: #148A14;
	font-weight: bold;
	font-style: normal;
}




/* Informations CSS Actualités / Brèves / Webline */
/* ----------------------------------------------------------------------------------------------*/

h2.webline{		/* Webline */
	font-weight:normal;
	font-size:1.2em;
	line-height: 1.5em;
}

/* Informations CSS Pages et "zones bas de page" */
/* ----------------------------------------------------------------------------------------------*/

h1.titre_page{		/* Titre de pages intérieures */
	font-size:1.1em;
}
h1.titre_page a{
	color:#751c64;
	text-decoration:none;
	font-size:2.2em;
        line-height: 1.1em;
}

#zone_contact{
	width: 100%;
	text-align: right;
	margin-top: 10px;

}
#zone_contact a {
	background:url(visuels/picto_email.gif) center left no-repeat;
	padding:3px 0px 3px 20px;
	color:#666666;
	text-transform:uppercase;
	font-size:0.9em;
	text-decoration:none;
}
#zone_contact a:hover {	
	text-decoration: underline;
}
#zone_printmode{
	width: 100%;
	text-align: right;
	margin-top: 10px;
}
#zone_printmode a {
	background:url(visuels/picto_imprimante.gif) center left no-repeat;
	padding:3px 0px 3px 20px;
	color:#666666;
	text-transform:uppercase;
	font-size:0.9em;
	text-decoration:none;
}
#zone_printmode a:hover {	
	text-decoration: underline;
}

/* Informations CSS de menu */
/* ---------------------------------------------------------------------------------------------- */


#menu_int {

	background:url(visuels/bg_menu.jpg) top left repeat-y;
	display:block;
	float:left;
	width:614px;
	padding:0 30px 0 25px;
	height:36px;
	overflow:hidden;
	margin:0;

}
#menu_int dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;	 
}

#menu_int li { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;

	
}

#menu_int dt {
}



/* MENU HORIZONTALE */
#menu_int.horizontale dl{
	float:left;
}

#menu_int.horizontale dl dt a{ 
	text-decoration: none;	
	padding:11px 12px;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.2em;
        font-weight:bold;
	display:block;
        line-height:17px;
}

#menu_int.horizontale dd { 
	position: absolute;
	z-index: 100;
	width: auto;
	background: #00a44d;	
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* FIN MENU HORIZONTALE */

#menu_int dl dt a:hover{
	color:#ffea7d;
}
#menu_int ul {
	padding: 0px;
        margin-top: -3px;
        padding: 0px 3px 5px 3px;
        border-left: 4px solid #ffea7d;
        background:#597212;
}
#menu_int li {
	text-align: left;	
	z-index: 100;
}
#menu_int li a{
	font-weight: bold;
	text-decoration: none;	
	width: 120px;
	color:#ffffff;
	padding: 5px 10px 5px 10px;
        display:block;
        font-size: 12px;
        
        border-bottom:1px dotted #FFF;
}
#menu_int li a:hover{
	color:#ffea7d;
        background:#629b12;
}
.menu_sans_lien{	
	text-decoration: none;	
	padding:11px 5px;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
	display:block;
        line-height:17px;
}
*+html a.home{	background: none!important;}
a.home {
    display: block;
    width: 8px;
    margin-left:5px;
    margin-right: 5px;
    height: 35px;
    background: url("visuels/picto_home.png") no-repeat !important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/picto_home.png", sizingMethod="image");
}
*+html a.home:hover{	background: none!important;}
a.home:hover {
    display: block;
    width: 8px;
    margin-left:5px;
    margin-right: 5px;
    height: 35px;
    background: url("visuels/picto_home_over.png") no-repeat !important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/picto_home_over.png", sizingMethod="image");
}

/* Informations CSS Plan de site */
/* ----------------------------------------------------------------------------------------------*/


ul#plan_site li{
	list-style:none;

}

ul#plan_site ul li{
	margin-left:60px;}

ul#plan_site ul ul li{
	margin-left:80px;}
	
ul#plan_site li a{ /* niveau 1 */
	font-size:1.1em;
	padding:5px 0 5px 12px;
	display:block;
	color:#4D6801;
	background:url(visuels/puce_plansite.gif) center left no-repeat;
}

ul#plan_site ul li a{ /* niveau 2 */
	color:#751c64;
}

ul#plan_site ul ul li a{ /* niveau 3 */
}
.plansite_1_noa{
	font-size:1.1em;
	padding:5px 0 5px 12px;
	display:block;
	color:#4D6801;	
	background:url(visuels/puce_plansite.gif) center left no-repeat;	
	}



/* GOOGLE MAP */
/* ---------------------------------------- */

/* Styles CARTE GOOGLE */
#EmplacementDeMacarte {
	width: 560px;
	height: 300px;
	display:block;
	float:left;
	border:2px solid #751c64;
}

.bulle {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 12px;
	padding:5px 0px 5px 10px;
	font-weight:bold;
}

.bulle h4{
	color:#751c64;
	font-weight:bold;
	font-size:1.4em;

}
.bulle .adresse{
	color:#333;
	font-weight:normal;
}
.bulle .adresse .tel{
	color:#0099ff;
}




/* Informations CSS RSS */
/* ----------------------------------------------------------------------------------------------*/

#rss {
	background:url(visuels/picto_rss.gif);
	width:16px;
	height:16px;
	display:block;
	text-indent:-9999px;
	float:left;
}

.wsc_titre_vert{
	background:url(visuels/puce_verte.jpg) top left no-repeat;
	padding:0 0 0 44px;
	color:#4D6801;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	display: block;
}
.wsc_violet{
	color:#751c64;
}
.wsc_marron{
	color:#611217;
}