/*---------------------------  VISUEL CONTOUR SITE ---------------------------*/
body#soc  {
	background:url(../images/clr_fond_soc.jpg) repeat-x 0% 0%;
	background-color :#FEF3C3;
}

#contenant_all_fd_droit {
	background:url(../images/fond_droit_soc.gif) 100% 0px no-repeat white; /* image dégradé coté droite */
}

#contenanthaut {
	background:url(../images/fond_haut_soc.gif) repeat-x 0 0; /* image de fond haut (en arrière plan du menu) */
}

#arrondiHG {
	background:url(../images/bhg_soc.gif) 0% 0% no-repeat; /* image de fond pour l'arrondi haut gauche */
}

#contenant_all_fd_bas {
	background:url(../images/fond_bas_soc.gif) 0% 0px no-repeat white; /* image bas de page */
}

/*--------------------------- STYLE PICTO DE NAVIGATION ----------------------------------- */

#navigation li.menugour a {
	background:url(../images/picto_fond_soc_gour_off.gif) 0 2px no-repeat;
}
#navigation li.menusoc a {
	background:url(../images/picto_fond_soc_soc_off.gif) 0 2px no-repeat;
}
#navigation li.menuactu a {
	background:url(../images/picto_fond_soc_actu_off.gif) 0 2px no-repeat;
}
#navigation li.menubonbid a {
	background:url(../images/picto_fond_soc_bonbid_off.gif) 0 2px no-repeat;
}


/*---------------------------  couleur de bordure LI ---------------------------*/

#mardistricomanu li ul li, #navigation li ul li {
	border-left-color:#F0BACE;
}

/*---------------------------  couleur de bordure lien ---------------------------*/

#mardistricomanu li ul li a, #navigation li ul li a {
	border-left-color:#CC1C5D;
}


#navigation li.menugour:hover a, * html #navigation li.hovergour a {
	background:url(../images/picto_fond_soc_gour_on.gif) 0 2px no-repeat;
}

#navigation li.menusoc:hover a, #navigation li.menusoc:hover a.active, * html #navigation li.hoversoc a, * html #navigation li.hoversoc a.active {
	background:url(../images/picto_fond_soc_soc_on.gif) 0 2px no-repeat;
}
#navigation li.menusoc a.active {
	background:url(../images/picto_fond_soc_soc_active.gif) 0 2px no-repeat;
}


#navigation li.menuactu:hover a,* html #navigation li.hoveractu a {
	background:url(../images/picto_fond_soc_actu_on.gif) 0 2px no-repeat;
}

#navigation li.menubonbid:hover a,* html #navigation li.hoverbonbid a {
	background:url(../images/picto_fond_soc_bonbid_on.gif) 0 2px no-repeat;
}

/*---------------------------  Couleur en RollOver pour le texte du menu ---------------------------*/

#navigation li:hover a,#navigation li a:hover, #navigation li a.active, #navigation li a:focus, #mardistricomanu li ul li a:hover,
#navigation li ul li a:hover,#navigation li.menugour ul li a:hover,#navigation li.menusoc ul li a:hover,
#navigation li.menuactu ul li a:hover,#navigation li.menubonbid ul li a:hover {
	color: #CC1C5D;
	text-decoration: none;
}

/*--------------------------- BASELINE ---------------------------*/

#baseline {
	color:#404D67;
}

/*--------------------------- COULEUR TEXTE  ---------------------------*/
h1, h2, strong,h2 a {
color:#CC1C5D
}

h1 {
	background-repeat:no-repeat;
	background-position: 0% 0%;
	background-color:transparent;
	height:29px;
}

h1.histoire {
	background-image:url(../images/titre_histoire.gif);
	width:225px;
}

h1.histoire_gb {
	background-image:url(../images/titre_histoire_gb.gif);
	width:225px;
}

h1.today {
	background-image:url(../images/titre_today.gif);
	width:391px;
}

h1.today_gb {
	background-image:url(../images/titre_today_gb.gif);
	width:391px;
}

h1.chiffre_cle {
	background-image:url(../images/titre_chiffre_cle.gif);
	width:165px;
}

h1.chiffre_cle_gb {
	background-image:url(../images/titre_chiffre_cle_gb.gif);
	width:165px;
}

h1.rejoindre {
	background-image:url(../images/titre_rejoindre.gif);
	width:198px;
}

h1.rejoindre_gb {
	background-image:url(../images/titre_rejoindre_gb.gif);
	width:198px;
}

h1.newsletter {
	background-image:url(../images/titre_newsletter.gif);
	width:150px;
}

h1.reco_gourmands {
	background-image:url(../images/titre_reco_gourmands.gif);
	width:150px;
}

h1.boite_outils {
	background-image:url(../images/titre_boite_outils.gif);
	width:177px;
}

h1.boite_outils_gb {
	background-image:url(../images/titre_boite_outils_gb.gif);
	width:250px;
}

h1.plan_site {
	background-image:url(../images/titre_plan_site.gif);
	width:153px;
}

h1.plan_site_gb {
	background-image:url(../images/titre_plan_site_gb.gif);
	width:153px;
}

h1.mentions_legales {
	background-image:url(../images/titre_mentions_legales.gif);
	width:212px;
}

h1.mentions_legales_gb {
	background-image:url(../images/titre_mentions_legales_gb.gif);
	width:212px;
}

h1.contact {
	background-image:url(../images/titre_contact_soc.gif);
	width:99px;
}

h1.accessibilite {
	background-image:url(../images/titre_accessibilite.gif);
	width:167px;
}

h1.recommander {
	background-image:url(../images/titre_recommander_gourmands.gif);
	width:450px;
}

h1.recommander_gb {
	background-image:url(../images/titre_recommander_gourma_gb.gif);
	width:500px;
}

/*--------------------------- MISE EN PAGE ---------------------------*/

#Gourmandiseleft {
	display:inline;
	position:relative;
	float:left;
	width:515px;
	margin:40px 35px 10px 0px ;
	padding-top:30px;
	background-color:#F7DCE6
}

#Gourmandiseright {
	position:relative;
	float:left;
	width:292px;
	margin:40px 0px 10px 0px ;
	padding-top:30px;
	background-color:#F7DCE6
}

#Gourmandiseleft dl {
	display:inline; /* sers à supprimer le bug de IE dans le doublement des longueurs */
	float:left;
	margin:15px 5px;
	text-align:center;
	font-size:11px;
}
#Gourmandiseleft dl dd {
	margin:0px;
	padding:0px;
} 

.produits2 {
	display:inline; /* sers à supprimer le bug de IE dans le doublement des longueurs */
	float:left;
	margin:15px 13px;
	text-align:center;
	font-size:11px;
}

.pictohautdroit {
	position:absolute;
	top:-35px;
	right:10px;
}

/*--------------------------- PLAN DU SITE ---------------------------*/

.plandusite {
	width:100%
}

.plandusite td {
	width:33%;
	vertical-align:top;
}
.plandusite td li {
list-style-type:square;
}

/*---------------------------  PAGE NOUS REJOINDRE  ---------------------------*/

#Formgauche {
	position:relative;
	float:left;
	width:400px;
	margin:20px 0px 0px 0px ;
	padding-top:0px;
	background-color:#F7DCE6;
	border-right:1px dashed #647390;
}

#Formdroit {
	position:relative;
	float:left;
	width:400px;
	margin:20px 0px 10px 0px ;
	padding:0px 0px 0px 10px;
	background-color:#F7DCE6;

	-moz-border-radius:0px 20px 20px 0px;
}

#Formgauche h2 {
	display:inline;
	position:absolute;
	top:-23px;
	margin:0px;
	padding:0px;
	left:10px;
	font-size:16px;
}

#Formdroit label, #Formgauche label {
	display:block;
	float:left;
	width:35%;
	text-align:right;
	padding-right:10px;
}

#Formgauche .civilite {
	margin-left:100px;
}

#Formgauche .civilite label,#Formdroit .langue label, #Formdroit .format label {
	display:inline;
	float:none;
	text-align:right;
}

#Formdroit input, #Formgauche input {
	width:150px;
	border:0px;
	border-top:1px solid #CC1C5D;
	padding:0px;
}

#Formdroit input:focus, #Formgauche input:focus {
	border:1px solid #CC1C5D;
	border-top:0px;
	background-color:#FBEFF4;
}

#Formgauche .civilite input, #Formdroit .langue input, #Formdroit .format input {
	width:auto;
	border:0px;
}

#Formdroit .contentmotiv input, #Formdroit .contentcv input {
	border:0px;
}

.contentenvoyer {
	text-align:right;
}

.envoyer {
	-moz-border-radius:20px;
	width:200px;
	border-color:#CC1C5D;
	background-color:#CC1C5D;
	color:white;
	font-weight:bold;
}

#Formdroit .contentenvoyer input.envoyer:focus{
	border:0px solid #AAB2C2;
	background-color:#CC1C5D;
}

/*--------------------------- Mise en forme des messages d'erreur ---------------------------*/

.alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
	margin:0 10px 0px 10px;
	background-color:#EBA7C0;
}

.alerte2 {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
	border-width:1px 1px 0 1px;
	margin:0 10px 0px 10px;
	background-color:#EBA7C0;
}

.alert_upload{
	background-color:#eba7c0;
	 margin:0px 0px 15px 10px;
	 border:1px solid red;
	 border-width:0px 1px 1px 1px;
	 width:480px;
	 padding:0 0 10px 176px;
}

.alerte input{
	color:#404D67;
	border:1px solid white ;
}

.messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 0 0;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url(../images/icon_alert.gif) no-repeat left center;
}

/*--------------------------- PAGE HISTOIRE ---------------------------*/

.bandeau dl {
	display:inline;
	position:relative;
	float:left;
	margin:15px 0px 0px 0px;
	padding:0px;
}

.text_gauche_histoire {
	position:absolute;
	top:135px;
	width:205px;
	margin:20px 10px;
}

#ContenantCentrehistoire p.center {
	text-align:center;
}

#content {
	position:absolute;
	margin-left:10px;
	padding:3px;
	top:70px;
	left:40px;
	clip:rect(0px 800px 43px 0px);
}

#cont {
	position:absolute;
	width:1203px;
	left:0px;
	top:0px;
	background-color:red;
}

#dl1912, #dl1925, #dl1952, #dl1958, #dl1968, #dl1981, #dl1991, #dl2002, #dl2004, #dl2005, #dl2006, #dl2007 {
	margin:0px;
	padding:0px;
	position:absolute;
	visibility:hidden;
	top:270px;
	left:275px;
}

#dl1912 dt.date, #dl1925 dt.date, #dl1952 dt.date, #dl1958 dt.date, #dl1968 dt.date, #dl1981 dt.date, #dl1991 dt.date, #dl2002 dt.date,
#dl2004 dt.date, #dl2005 dt.date, #dl2006 dt.date, #dl2007 dt.date {
	margin:0px;
	padding:0px;
	float:left;
	color:#404D67;
	font-size:30px;
	border-right:9px solid #404D67;
}

#dl1912 dd.image, #dl1925 dd.image, #dl1952 dd.image, #dl1958 dd.image, #dl1968 dd.image, #dl1981 dd.image, #dl1991 dd.image, #dl2002 dd.image, #dl2004 dd.image, #dl2005 dd.image, #dl2006 dd.image,#dl2007 dd.image {
	margin:0px;
	padding:0px;
	float:left;
}

#dl1912 dd.text_descriptif, #dl1925 dd.text_descriptif, #dl1952 dd.text_descriptif, #dl1958 dd.text_descriptif, #dl1968 dd.text_descriptif, #dl1981 dd.text_descriptif, #dl1991 dd.text_descriptif, #dl2002 dd.text_descriptif,
#dl2004 dd.text_descriptif, #dl2005 dd.text_descriptif, #dl2006 dd.text_descriptif, #dl2007 dd.text_descriptif {
	margin:0px;
	padding:0px;
	float:left;
	border-left:9px solid #404D67;	
	padding-left:10px;
	width:250px;
	text-align:left;
}

/*--------------------------- PAGE VERQUIN AUJOURD'HUI ---------------------------*/

.flechegauche, .flechedroite {
	position:absolute;
	left:35px;
	top:70px;
	line-height:0px;
}

.flechedroite {
	left:855px;
}

.flechegauche {
	width:0;
	height:0;
	border-left:0px solid;
	border-bottom:20px solid;
	border-top:20px solid;
	border-right:10px solid;
	border-color:white #CC1E5D
}

.flechedroite {
	width:0;
	height:0;
	border-left:10px solid;
	border-bottom:20px solid;
	border-top:20px solid;
	border-right:0px solid;
	border-color:white #CC1E5D
}

.texte_verquin_today {
	float:left;
	width:600px;
}

.picto_verquin_today {
	float:right;
	width:200px;
	margin-top:50px;
}

.picto_verquin_today img {
	margin:10px;
}

.texte_verquin_today img {
	float:left;
	margin:5px;
	margin-right:10px;
}

.texte_verquin_today p.imgflorig img {
	float:right;
	margin:5px;
}

.texte_verquin_today ol {
	margin:0px 0px 0px 180px !important;
	margin-left:220px;
	clear:both
}

.texte_verquin_today p {
	border-bottom:1px dashed #CC1C5D;
	margin-top:10px;
}


/*--------------------------- PAGE CHIFFRES CLES ---------------------------*/

#chiffrescles {
	margin-top:25px;
	width:800px;
}

#chiffrescles .colongauche {
	width:40%;
	text-align:center;
}

#chiffrescles .colongauche img, #chiffrescles .colondroit img {
	margin:10px
}

#chiffrescles .coloncentre {
	width:50%;
}

#chiffrescles .colondroit {
	width:10%;
	text-align:center;
}

/*------------------------ PAGE MENTIONS LEGALES --------------------------------*/

.mention_legal {
	margin:0px;
	padding:0px;
	height:300px !important;
	height:350px;
}

.mention_legal span, .Boite_outils span {
	font-weight:bold;
}

.mention_legal ul{
	margin-top:25px;
}

/*------------------------ PAGE BOITE A OUTILS --------------------------------*/

.boite_outils ol {
	position:relative;
}

.Boite_outils {
	margin-left:15px;
}

.Boite_outils p{
	margin:0px 0px 0px 25px;
	padding-top:0px;
}

.Boite_outils h3 {
	margin-left:10px;
}

.mention_legal li, .Boite_outils li {
	line-height:25px;
}

.haut_outils {
float:left;
margin:20px 0px;
padding:0px;
border-top:1px solid #555555;
border-bottom:1px solid #555555;
}

.haut_outils ul{
margin:2px 30px 2px 0px;
}

.haut_outils ul li {
display:inline;
padding:0px;
margin-right:10px;
}

.haut_outils ul li a:hover {
text-decoration:underline;
color:#CC1C5C;
}

.separateur {
width:100px;
height:16px;
margin-top:16px;
border-top:1px dotted #000000;
}

.haut_page {
float:left;
width:800px;
text-align:right;
}

/*------------------------ PAGE RECOMMANDER LE SITE AUX GOURMANDS --------------------------------*/

#Formgauche .de {
	margin-left:115px;
}

.message {
width:374px;
}

/*------------------------ PAGE CONTACT --------------------------------*/

.adresse {
	display:inline;
	position:relative;
	float:left;
	width:200px;
	margin:20px 20px 0px 0px ;
	padding:10px 20px 10px 20px;
	background-color:#F7DCE6;
}

.plan {
	display:inline;
	position:relative;
	float:left;
	width:300px;
	margin:24px 0px 0px 40px ;
}

.planimg {
border:1px solid #000000;
}

.plan_zoom {
float:center;
width:561px;
margin-left:auto;
margin-right:auto;
}

.planimg2 {
border:1px solid #000000;
margin-bottom:20px;
}


.plandes1 {
display:inline;
float:left;
margin-left:90px;
width:220px;
}

.plandes2 {
display:inline;
float:left;
margin-left:25px;
width:220px;
}

.plandes3 {
display:inline;
float:left;
margin-left:25px;
width:220px;
}