/********************************************************************* TPL ****************************************************************/
.menu_vin{padding:10px;margin-bottom:20px}
.menu_vin a{color:#fff;text-decoration:none;background:#8D876D;padding:5px}
.menu_vin a:hover{background:#333;color:#fff}
#listing{padding-left:20px}
#listing .box{float:left;margin-right:21px;width:100px;margin-bottom:15px}
#listing .box img{margin-left:24px;border:2px solid #405F28}
#listing .box img:hover{border:2px solid #900}
#listing .box p{text-align:center}
#listing .box p a{font-weight:bold;color:#000;text-decoration:none}
#listing .detail{padding-left:20px;padding-top:10px;padding-bottom:10px}
#detail {padding-left:20px;padding-top:48px;position:relative;}
#detail .back a{border:1px solid #81BE4F;float:left;display:block;padding:10px;font-size:11px;text-transform:uppercase;color:#000;text-decoration:none;letter-spacing:1px;background:#81BE4F;font-weight:700;opacity:0.6;filter:alpha(opacity=60)}
#detail .back a:hover{opacity:1;filter:alpha(opacity=100)}
#detail .command {padding-right:20px}
#detail .command a{border:1px solid #81BE4F;display:block;float:right;padding:10px;font-size:11px;text-transform:uppercase;color:#000;text-decoration:none;letter-spacing:1px;font-weight:700;background:#81BE4F}
#detail .command a:hover{background:none;border:1px solid #333;color:#333}
#detail .detail img{float:left;margin-right:20px;border:2px solid #333;margin-bottom:10px}
#detail .detail h2{position:absolute;top:0;left:18px;font-size:18px;color:#030;margin:0 0 10px 0}
#detail .detail .text{float:left;width:390px}
#detail .detail .text p{color:#333;text-align:justify;line-height:18px;}
#detail .detail h2+p:first-letter{font-size:250%;font-family:Times New Roman}
.numpage, bt_suivant, {color:#333}
/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F21D00;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

/******************************************************************** Lien rollover **********************************************************/
#lien {	/* "lien" sera notre conteneur, ici la balise div */
width: 100px;  /* changer la largeur ici */
height: 100px; /* changer la hauteur ici */
background: url(image2.gif) top left no-repeat;	/* placement de l'image over */
}

#lien a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: url(image1.gif) top left no-repeat;	/* placement de l'image du menu */
color: #000;
}

#lien a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}


/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#6F5F23 1px solid;
	border-top:#6F5F23 1px solid;
	border-left:#6F5F23 1px solid;
	border-right:#6F5F23 1px solid;
}

.bouton_news {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#ffffff;
	background-color:#BDB47F;
	border-bottom:#6F5F23 1px solid;
	border-top:#6F5F23 1px solid;
	border-left:#6F5F23 1px solid;
	border-right:#6F5F23 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
.numpage_selec {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #FECA17;
}
.bt_suivant{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
.bt_precedent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
.liste_cat{
}
.fichierbin{
}
.photo{
	border: 2px solid #FECA17;
}
/**********************************************************************************************************/
.fond {
	background-color: #81BE4F;
}
.fonddg {
	background-image: url(gifs/fondd.jpg);
	background-repeat:repeat-x
}
.fondamis {
	background-image: url(gifs/images/maquette_15.gif);
	width: 183px;
	height: 35px;
}
.fondfavoris {
	background-image: url(gifs/images/maquette_16.gif);
	width: 197px;
	height: 35px;
}
.fondadresse {
	background-image: url(gifs/images/maquette_30.jpg);
	width: 623px;
	height: 75px;
}
.fondmail {
	background-image: url(gifs/images/maquette_13.jpg);
	width: 175px;
	height: 146px;
}
.fondtexte {
	background-image: url(gifs/images/maquette_19.gif);
	width: 542px;
	height: 288px;
	background-repeat:no-repeat;
}
.fondfrancais {
	background-image: url(gifs/images/maquette_08.gif);
	width: 111px;
	height: 22px;
}
.fondanglais {
	background-image: url(gifs/images/maquette_09.gif);
	width: 116px;
	height: 22px;
}
.fondfrancais2 {
	background-image: url(gifs/images/maquetteintro_03.gif);
	width: 111px;
	height: 22px;
}
.fondanglais2 {
	background-image: url(gifs/images/maquetteintro_05.gif);
	width: 116px;
	height: 22px;
}
.fondtextetvert {
	background-image: url(gifs/fondtextetvert.gif);
	background-repeat:repeat-y
}
.fondvert {
	background-image: url(gifs/fondvert.gif);
	background-repeat:repeat-y
}
.fondmenu1 {
	background-image: url(gifs/images/maquette_18.jpg);
	width: 167px;
	height: 25px;
}
.fondmenu2 {
	background-image: url(gifs/images/maquette_21.jpg);
	width: 167px;
	height: 25px;
}
.fondmenu3 {
	background-image: url(gifs/images/maquette_22.jpg);
	width: 167px;
	height: 25px;
}
.fondmenu4 {
	background-image: url(gifs/images/maquette_23.jpg);
	width: 167px;
	height: 25px;
}
.fondmenu5 {
	background-image: url(gifs/images/maquette_24.jpg);
	width: 167px;
	height: 25px;
}
.fondmenu6 {
	background-image: url(gifs/images/maquette_25.jpg);
	width: 167px;
	height: 25px;
}
.fondmenu7 {
	background-image: url(gifs/images/maquette_26.jpg);
	width: 167px;
	height: 25px;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
a.menu:hover{
	color: #6F5F23;
	text-decoration: none;
	font-size: 12px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
	color: #6F5F23;
}
.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
.texte2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #F21D00;
}
.texte3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #6F5F23;
}
.texteadresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

.titrepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
	color: #6F5F23;
}

.lienamis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
a.lienamis:hover{
	color: #2A54BF;
	text-decoration: none;
	font-size: 11px;
}
.contour {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #002C71;
	text-decoration: none;
	border: 2px solid #6F5F23;
}
.h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
.textetjblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}
a.textetjblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}
a.textetjblanc:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}
.textetjmarron {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #6F5F23;
}
a.textetjmarron {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #6F5F23;
}
a.textetjmarron:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #6F5F23;
}
.fdDiapo {
	background-image:url(gifs/images/diapo_12.jpg);
}
.newmenu {
	width:167 px;
}

.newnewsletter {
	text-align:center;
	padding:10px 7px 0 86px;
}
.fdNewsletter {
	background-image:url(gifs/images/fdnews_26.jpg);
	height:78px;
	background-repeat:no-repeat;
}
/******************************************************************************/
ul.MenuHorizontal { 
   width: 167px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuHorizontal li { 
   width: 167px; 
} 

ul.MenuHorizontal li a { 
   display: block;
   color: #000000 !important;         /*Ici, changer la couleur de la police*/ 
   font-family: Verdana, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/ 
   font-size: 12px !important;        /*Ici, changer la taille de la police du menu*/ 
   font-weight: bold !important;
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/ 
   height: 30px;         /*Ici, on augmente la hauteur du menu*/  
   line-height: 30px;
   text-align: left; 
   text-decoration: none;
   text-indent:35px;
} 

li#menu0 a { 
   background-image: url('gifs/menu_16.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu1 a { 
   background-image: url('gifs/menu_19.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu2 a { 
   background-image: url('gifs/menu_20.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu3 a { 
   background-image: url('gifs/menu_21.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu4 a { 
   background-image: url('gifs/menu_23.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu5 a { 
   background-image: url('gifs/menu_24.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu6 a { 
   background-image: url('gifs/menu_25.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu0 a:hover, a#selected-over0 { 
   background-image: url('gifs/menuo_16.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#6F5F23 !important;
} 

li#menu1 a:hover, a#selected-over1 { 
   background-image: url('gifs/menuo_19.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color:#6F5F23 !important;
} 

li#menu2 a:hover, a#selected-over2 { 
   background-image: url('gifs/menuo_20.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color:#6F5F23 !important;
} 

li#menu3 a:hover, a#selected-over3 { 
   background-image: url('gifs/menuo_21.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color:#6F5F23 !important;
} 

li#menu4 a:hover, a#selected-over4 { 
   background-image: url('gifs/menuo_23.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color:#6F5F23 !important;
} 

li#menu5 a:hover, a#selected-over5 { 
   background-image: url('gifs/menuo_24.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color:#6F5F23 !important;
} 

li#menu6 a:hover, a#selected-over6 { 
   background-image: url('gifs/menuo_25.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color:#6F5F23 !important;
}

/*********************************************************LIGHTBOX*****************************************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#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(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}




.alignementGauche {
	float:left ;
	margin-right: 5px;
	border: 2px solid #6F5F23;
}
.alignementDroite {
	float:right ;
	margin-left: 5px;
	border: 2px solid #6F5F23;
}
.alignementCentre {
	margin-left: 5px;
	margin-right: 5px;
	border: 2px solid #6F5F23;
}