
body {
	background-color: #f4cd31;
}

#page {
	position: relative;

	margin: auto;
	margin-top:0;

	width: 990px;

	background-color: #fff;
	background-image: url("/images/fond.gif");
	background-repeat : no-repeat;
}


#logo-cdbl {
	z-index: 2000;
	position: absolute;
	top: 740px;
	left: 130px;
}

#logo-cdbl img {
	border : 0;
}

#haut {
	position: relative;
	/*min-height: 873px;*/
	min-height: 973px;
	width: 990px;
	z-index: 500;
	
}

* html #haut {
	height: 973px;
}

#haut-accueil {
	position: relative;
	background-image: url("/images/fond-splash.jpg");
	background-repeat : no-repeat;
	height: 423px;
	width: 990px;
	
}

#logo-intro {
	position: absolute;
	top: 110px;
	left: 365px;
	height: 212px;
	width: 282px;
	
}

#logo-intro img {
	border: 0;
}

#bas-accueil {
	position: relative;
	background-repeat : no-repeat;
	padding-bottom: 20px;
	padding-top: 15px;
	text-align: center;
	width: 990px;
	background-color: #f4cd31;
	color: #d30921;
	font-size: 1.1em;
	
}

#bas-accueil a{
	color: #d30921;
	font-size: 1.2em;
}

#liens-bas-accueil a {
	color: #f9e491;
	font-size: .7em;
}

#liens-bas-accueil {
	color: #f9e491 !important;
	
}

#bas {
	position: relative;
	background-color: #f4cd31;
	width: 990px;
	height: 70px;
}


#logo {
	position: absolute;
	z-index: 102;
	left: 709px;
	top: 132px;
	
}

#logo img {
	border: 0;
}

#image-gauche {
	background-image: url("/images/fond-accueil.jpg");
}

#image-gauche-2 {
	background-image: url("/images/fond-produits.jpg");
}

#image-gauche-3 {
	background-image: url("/images/fond-detaillant.jpg");
}

#image-gauche-4 {
	background-image: url("/images/fond-achat.jpg");
}

#image-gauche-5 {
	background-image: url("/images/fond-activites.jpg");
}

#image-gauche-6 {
	background-image: url("/images/fond-recettes.jpg");
}


#image-gauche,
#image-gauche-2,
#image-gauche-3,
#image-gauche-4,
#image-gauche-5,
#image-gauche-6 {
	z-index: 100;
	position: absolute;
	left: 0;
	top: 128px;
	width: 500px;
	height: 595px;
	background-repeat : no-repeat;
	
}

#haut-de-page {
	margin-top : 15px;
	text-align: right;
	font-size: .8em;
}

#haut-de-page img {
	border: 0;
	
}

#haut-de-page a {
	border: 0;
	font-size: .8em;
	color: #d30921 ! important;
	text-decoration: none;
	margin-left: 10px;
}

/*---------------------------

		Menu
		
---------------------------*/
#menu {
	position: relative;
	z-index: 1000;
}

#menu img{
	border: 0;
	
}

#menu a {
	position: absolute;
	display: block;
	top: 50px;
	height: 42px;
}

#menu-detaillants-cadre .enCours,
#menu-detaillants-cadre .actif,
#menu-detaillants-cadre a:hover {	
	background-image: url("/images/detaillants_over.gif") ! important;
}

#menu-produits-cadre .enCours,
#menu-produits-cadre .actif,
#menu-produits-cadre a:hover {	
	background-image: url("/images/produits_over.gif") ! important;
}

#menu-achat-cadre .enCours,
#menu-achat-cadre .actif,
#menu-achat-cadre a:hover {	
	background-image: url("/images/achat_over.gif") ! important;
}

#menu-activites-cadre .enCours,
#menu-activites-cadre .actif,
#menu-activites-cadre a:hover {	
	background-image: url("/images/activites_over.gif") ! important;
}

#menu-recettes-cadre .enCours,
#menu-recettes-cadre .actif,
#menu-recettes-cadre a:hover {	
	background-image: url("/images/recettes_over.gif") ! important;
}

#menu-produits {
	left:53px;
	background-image: url("/images/produits.gif");
	width: 151px;
}

#produits{
	width: 149px;
}

#menu-detaillants {
	left: 225px;
	background-image: url("/images/detaillants.gif");
	width: 187px;
}

#detaillants {
	width: 185px;
}

#menu-achat {
	left: 428px;
	background-image: url("/images/achat.gif");
	width: 197px;
}

#achat {
	width: 195px;
}

#menu-activites {
	left: 640px;
	background-image: url("/images/activites.gif");
	width: 156px;
}

#activites {
	width: 154px;
}

#menu-recettes {
	left: 807px;
	background-image: url("/images/recettes.gif");	
	width: 149px;
}

#recettes {
	width: 147px;
}

/*----------------------------

	Contenu
	
----------------------------*/

#contenu {
	/*position: relative;*/
	position: static;
	z-index: 101;
	padding-top : 270px;
	padding-left : 470px;
	width : 455px;
	color : #d30921;
	font-size : 14px;
	line-height: 1.5em;
	padding-bottom: 20px;
	
	
	
}


#contenu a {
	color :#4800ff;
}


#contenu h1 {
	color : #d30921;
	/*width: 270px;*/
	width: 230px;
	font-size : 18px;
	font-weight: bold;

}

#contenu h2 {
	color : #d30921;
	/*width: 270px;*/
	/*width: 230px;*/
	font-size : 16px;
	font-weight: bold;

}

#contenu .sous_titre {
	border-bottom: 1px solid #d30921;
}



/*----------------------
	
	bas
	
----------------------*/

#menu-bas {
	text-align: center;	
	padding-top: 5px;
	margin-bottom: 10px;
	color: #d30921;
	font-size: 18px;
}

#menu-bas a {
	color: #d30921;
	text-decoration: none;

}

#menu-bas a:hover {
	text-decoration: underline;	
}

#copyright {
	font-size: 12px;
	color: #fff;
	float: left;
}

#copyright a, #realisation a {
	color : #fff;
	text-decoration: none;
}

#copyright a:hover, #realisation a:hover {
	text-decoration: underline;
}

#realisation {
	font-size: 12px;
	color: #fff;
	float: right;
}

/*--------------------

	Infolettre
	
--------------------*/
.ligneCheckbox {
	padding-left: 50px;
}

#p_commentaires {
	width: 380px;
	height: 80px;
}

.erreursValidation {
	padding : 0px 10px 0px 10px;
	margin-bottom : 2em;
	border : 1px solid #666;
	background-color : #FFEEDF;
	color : #000;
}

.messageValidationOK a, .messageValidationErreurs a {
	color : #000 !important;
}
/*--------------------------------------------------------------------
/* FORMULAIRES
/**/

#contenu form {
	margin : 0;
	padding : 0;
	/*font-size : 9pt;*/
}

#contenu form .champTexteEntier {
	width : 55px;
	text-align : center;

	/*font-family : tahoma,sans-serif;
	font-size : 9pt;*/
}

#contenu form .champTexteLong {
	width : 252px;
	padding-left : 3px;

	/*font-family : tahoma,sans-serif;
	font-size : 9pt;*/
}

#contenu form select {
	font-family : tahoma,sans-serif;
	/*font-size : 9pt;*/
}

#contenu form p {

	/*color : #555;*/
	line-height : 1.5em;
	/*font-size : 1em;*/
	

}

#contenu form label {
	/*color : #555;*/
	line-height : 1.5em;
	/*font-size : 1em;*/
	
}

#contenu .tableauPresentation {
	margin-top : 1.5em;
	margin-bottom : 0.5em;
	

}




#contenu .cellDouble {


	padding : 5px 10px;

	border-bottom : 1px solid #5d1e36;
	border-left : 25px solid #5d1e36;

	/*color : #555;*/
}


#contenu .tableauPresentation .cellGauche {
	
	text-align : right;

	/*color : #555;*/

	line-height : 1.5em;

	/*font-size : 0.85em;
	font-weight : bold;*/
	
	vertical-align: top;
	
}



#contenu .tableauPresentation .cellDroite {
	
	padding-left: 5px;

	font-size : 0.85em;
	line-height : 1.5em;

	/*color : #555;*/
	
}

#contenu #secteur .cellGauche {
	
	text-align : left;
	width: 185px;

	/*color : #555;*/

	line-height : 1.5em;

	/*font-size : 1em;*/
	
	
	vertical-align: top;
	
}

/*--------------------------------------------------------------------
/* À SURVEILLER
/**/

#aSurveiller {
	margin-top:20px;
	padding:  10px;
	background-color: #f4cd31;
	color : #d30921;
	height: 64px;
}

#aSurveiller-gauche {
	float: left;
	width : 100px;
	font-size: 1.2em;
	
}

#aSurveiller-droite {
	float: right ;
	position: relative;
	width : 330px;
	font-size: .8em;
}

#aSurveiller-texte {
	position : absolute;

	left : 0;
	top : 0;

	width: 339px;
	height: 63px;

	/*padding-top : 41px;
	padding-left : 24px;
	padding-right : 24px;*/

	/*overflow : hidden;

	color : #666;
	font-size : 11px;
	line-height : 1.6em;
	*/
}

#aSurveiller-texte div{
	background-color: #f4cd31;
	display:block;
	width: 339px;
	height: 63px;
	overflow : hidden;
}

.evenement-a-surveiller-cacher {
	display: none;
}

.evenement-a-surveiller-afficher {
	/*display: visible;*/
}

