@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#58585a; font-size:11px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 { color:#d40050; }
h1 { font-weight:700; font-size:1.1em; }
h2 { font-weight:700; font-size:1.3em; }
h3 { font-weight:700; font-size:1.17em; }
h4 { font-weight:700; font-size:1em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
p, ul, ol, li { font-size:1em; }
ol{list-style:decimal; display:list-item;}
a { color:#58585a; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#58585a; padding:3px; }
input { color:#58585a; padding:3px; }
.rose{ color:#d40050; }

#intro p, #intro a { color:#fff; }
#intro p.rose{ color:#d40050; }

/* Adresse : Liens de bas de page
----------------------------------------------------------*/
#adresse p, #adresse a { color:#fff; } /* couleur des liens de bas de page */
#adresse p { font-size:.9em; }

/* Image de validation W3C
----------------------------------------------------------*/
/*#validator a img { background-color:#000; } */


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
.br { display:block; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/*puces
________________ li */
ul.puce{margin: 0;}
ul.puce li{display:list-item; list-style:url(../images/puce1.png) inside; margin:5px 0;}
ul.puce li span{ color:#d4004f;}

/*______________ ol */
ul.decimal{margin: 0;}
ul.decimal ol{display:list-item; list-style:outside decimal; margin:5px 0 0 10px; color:#d4004f;}
ul.decimal ol p{ color:#58585A; }



/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }


/*	Mise en page
----------------------------------------------------------*/
#arabesque{ float:right; position:relative; right:-90px;  height:294px; margin-bottom:-294px; }
#ara{ float:right; position:relative; margin-bottom:-294px; right:-90px;}

/*	Encarts
----------------------------------------------------------*/
.encart{ float:left; width:200px; background:transparent url('../images/encart_bg.jpg') top repeat-y; margin-bottom:5px;}
.contenu_encart{ padding:0 10px 5px 15px;}
/* Recherche */
form#formulaire_recherche { display: block; margin: 0; padding: 0; }
#formulaire_recherche label { width: 92px; }
#formulaire_recherche label { cursor: pointer; float: left; width: 80px; }
#formulaire_recherche input { border:#58585a solid 1px; padding: 3px; }
#formulaire_recherche p input { height: 15px; }
#formulaire_recherche p.asterisque { font-size: 10px; }
#formulaire_recherche input.submit { background:transparent url("../images/bouton_moyen.jpg") no-repeat top; cursor: pointer; border:none; color:#fff; font-weight: bold; height: 25px;padding: 0 3px; width: 92px; }

/* Espace */
#formconnexion_espace_pro label, #formconnexion_espace_presse label { width: 160px; }
#formconnexion_espace_pro input.submit, #formconnexion_espace_presse input.submit { background:transparent url("../images/bouton_petit.jpg") no-repeat top;  border:none; color:#fff; cursor: pointer; font-weight: bold; height: 25px; margin-left: 7px; padding: 0 3px; width: 29px; }
#formconnexion_espace_pro input, #formconnexion_espace_presse input { width: 120px;  }

.rose{color:#d4004f;}

/*	Page d'accueil
----------------------------------------------------------*/
.illustration { float:left; padding:0 10px 0 0; }
.illustration2 { float:right; padding:0 0 0 10px; }
.recette{ width:548px; background:transparent url('../images/photo/accueil/recette_bas.png') bottom no-repeat; padding-bottom:25px; margin-bottom:5px;}
.contenu_recette{ background:transparent url('../images/photo/accueil/recette_bg.jpg') top repeat-y; padding:0 5px 0 4px;}
.contenu_recette p{ padding:5px 7px;}
.fleurimg{  width:392px; height:213px; float:right; background:transparent url('../images/photo/accueil/fleur.png') top no-repeat;}
.fleur{ position:relative; float:left; width:300px; top:-190px; margin-bottom:-190px;}

/*	Pages découvrez le floc
----------------------------------------------------------*/

.historimg{  width:392px; height:213px; float:right;background:transparent url('../images/floc/canards.png') top no-repeat;}
.histoire{ float: left; margin-bottom: -190px; position: relative; top: -205px; width: 388px; }
.franc{float:left; margin:0 2em 0 80px;}

/*	Pages filieres
----------------------------------------------------------*/
.campagne{background: url("../images/filieres/arabesque.png") no-repeat scroll 0 0 transparent;
    padding: 24px 0 0 45px;}
	


/*fiches recette
-------------------------------------------------------------------------------------------------*/
.larecette{ margin-bottom: 5px; padding: 10px; text-align: left; width: 95%;}
.larecette p{ padding:5px 7px;}
.larecette ul li{display:list-item; list-style:url(../images/puce1.png) inside; margin:5px 0;}
.larecette ul li span{ color:#d4004f; font-weight: bold; }
.larecette ul li ul{ margin: 10px 0 0; }
.larecette ul li li{ display: list-item; font-size: 0.9em; list-style: none inside none; margin: 5px 7px; }
.img-recette{width:165px; float:left; margin: 0 20px 0 0; height:260px;}
/*_____________________________*/

/*toques-------------------------------*/
.toquesimg{    background: url("../images/toques/toc1.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 255px;
    margin: 55px 0 0;
    width: 350px; }
.toques{         float: left;
    margin-bottom: -300px;
    position: relative;
    top: -305px;
    width: 273px;}	
.tocLeft{float:left; width:270px; text-align:left;}
.tocRight{float:Right; width:270px; text-align:left;}
.padToc{padding-top:20px;}

/*	cocktails
----------------------------------------------------------*/
.cocktail{
	padding: 10px;
    width: 190px;
	float:left;
	margin: 0 30px;}

.cocktail ul{
	font-size: 0.9em;
    margin: 0;
    padding: 0 15px;
    text-align: left;
    width: 169px;}
.cocktail ul li{display:list-item; list-style:url(../images/puce1.png) inside; margin:5px 0;}
.cocktail p{padding:0 0 0 10px; text-align:left;}
.cocktail img{text-align:center; margin:0 auto;}
h2.cockTitle{
	background: url("../images/cocktails/title-cocktail.png") no-repeat scroll 0 0 transparent;
    line-height: 5px;
    text-align: center;}
.cockContent{background:url(../images/cocktails/bg-cocktail.png); text-align:center; min-height: 355px;}
.height2{ min-height: 504px;}
.cockFooter{background:url(../images/cocktails/bas-cocktail.png); display:block; height:29px;}

/*	oenotourisme
----------------------------------------------------------*/
.crus{
	background: url("../images/logos/crus_dartagnan.png") no-repeat scroll center top transparent;
    float: right;
    height: 164px;
    margin: -50px 200px 0 0;
    width: 282px;}
.crus a{display:block; height: 164px; width: 282px; text-decoration:none;}
.route{   
	float: left;
    margin: 0 128px;
    position: relative;
    top: 0;
    width: 300px;}

/*	partenaires
----------------------------------------------------------*/
.imgPartenr{width:162px; height:170px; float:left; text-align:center; padding:10px;}

/*	Site en cours de réalisation
----------------------------------------------------------*/
#site { text-align:center; padding-top:5em; }

/*	Mentions Légales
----------------------------------------------------------*/
#infoclient li, #hebergeur li { list-style-type:none; }
#infoclient { float:left; padding:0 0 1em 0; width:250px; }
#hebergeur { float:right; padding:0 0 0 0; }
#credits { padding:0 0 2.5em 0; /*position:relative; top:-1.4em;*/ }
#credits li { display:inline; }



/*	Formulaire de contact
----------------------------------------------------------*/
#formulaire { width:470px; }
#formulaire input, #formulaire textarea{ background-color:transparent; border:#010101 solid 1px; }
#formulaire .champ { height:15px; width:200px; }
#formulaire .champmessag { }
#formulaire .INPUT2{ border:none;}
#formulaire .field{ text-align:right; margin-top:10px; }

#coordonnees { text-align:center; }
#coordonnees h3 { text-align:center; }

/*	Validation formulaires
----------------------------------------------------------*/
#formulaire label.error { color: #c00; font-style: italic; display: block; }
#formulaire input.error, #formulaire textarea.error { background-color: #FFD9D7; border: 1px dotted #010101; }
#errors { color: #c00; text-align: left; background-color: #FFD9D7; border: 1px solid #010101; padding: 0.5em 0.5em 0.5em 3em; }

/*	Fin du formulaire de contact
----------------------------------------------------------*/

/*	map
----------------------------------------------------------*/

#map {
    border: 2px solid #CE014E;
    height: 480px;
    width: 550px;}
.infosbulle {
	border: none;
	margin: 0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
 
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
/***************************/

/*	Formulaire inscription newsletter
----------------------------------------------------------*/

#formNewsletter p { margin:0; padding:0;}

#formNewsletter p .label { width:63px; float:left; text-align:right;}

#formNewsletter input{ width:100px; float:left; margin:2px; border: 1px solid #58585A; }

#formNewsletter .envoyer {     background: url("../images/bouton_moyen.jpg") no-repeat scroll center top transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    padding: 0 3px;
    width: 92px; }