/***************************** CSS GENERIC ********************************/

* html img,

* html .png{

	_position:relative;

	_behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",

	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",

	this.src = "images/shim.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),

	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",

	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)

	);

}



*{

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



html, body{

	padding: 0px;

	margin: 0px;

	font-size: 11px;

	text-align: left;

	background: #000000;

	color: #FFFFFF;

}



form{

	padding: 0px;

	margin: 0px;

}

a{

	color: #c8d100;

	text-decoration: underline;

}

a:hover{

	text-decoration: none;

}

a img{

	border-width: 0px;

}



p{

	padding: 5px 0px 10px 0px;

	margin:0px;

}



dl, dt, dd, ul, ol, li{

	margin: 0px;

	padding: 0px;

}



ul, ol{

	/* Sinon les puces ne sont pas visible sous IE */

	padding-left: 25px;

}



ul{

	list-style-type: disc;

}



/**

*	definir la puce du li et la largeur du li quand il se trouve en image gauche

* 	si la largeur n'est pas sp?cifi?e, la puce se retrouve du mauvais coter de l'image

*/



ul li{

   line-height: 18px;

   background: url(images/empty/shim.gif) 4px 16px no-repeat;

}

.texteImgGauche ul{

	padding-left: 25px;

	list-style: none;

	float: left;

	padding-bottom: 15px;

}

.texteImgGauche li{

	width: 350px;

	padding-left: 25px;

	background: url('./../../images/cezzer/puceli.gif') 10px 4px no-repeat;

}

.texteImgGauche p{
	padding-top: 0px;
}

.contenu{

	margin: 0px;

	padding: 0px;

}



.contenu .texte, .contenu .bloc{
	position: relative;
	padding: 0px;
	margin: 0px;
}



.contenu .bloc{

	clear: both;

	text-align: justify;

}

/***************************** BLOC TITRE ********************************/

.contenu .titre{

	clear: both;

	position: relative;

	background-image: url(././../../images/cezzer/menu_niv1_bg.gif);

	margin: -27px -15px 0px -15px;

	padding: 0px 0px 0px 13px;

}



* html .contenu .titre{

	margin-top: -34px;

}



*+html .contenu .titre{

	margin-top: -34px;

}



.contenu .titre h2 {

	background-image: url(././../../images/cezzer/puce_titre_h2.gif);

	background-repeat: no-repeat;

	background-position: 0px 8px;

	font-size: 14px;

	font-weight: bold;

	height: 28px;

	line-height: 24px;

	text-align: left;

	text-transform: uppercase;

	padding-left: 13px;

}



/* .contenu .titre{

	clear: both;

}



.contenu .titre h2 {

	background-image: url(././../../images/cezzer/menu_niv1_bg.gif);

	font-size: 14px;

	font-weight: bold;

	height: 28px;

	line-height: 24px;

	margin: -15px -15px 15px;

	padding: 0px 0px 0px 13px;

	text-align: left;

	text-transform: uppercase;

} */



/***************************** BLOC TEXTE ********************************/

.contenu .texte{

	clear: both;

}



.contenu .texteGauche{



}



.contenu .texteDroite{



}



.contenu .texteMilieu{

	width: 24px;

}



.contenu .texteImgGauche{

}



.contenu .texteImgGauche img{

	float: left;

	margin: 0px 20px 5px 0px;

}



.contenu .texteImgDroite{

}



.contenu .texteImgDroite img{

	float: right;

	margin: 0px 0px 5px 5px;

}



.contenu .texteHaut{

	clear: both;

}



.contenu .texteCentre{

	text-align: center;

	clear: both;

}



.contenu .texteCentre img{

	margin-top: 15px;

	margin-bottom: 15px;

	margin-left: auto;

	margin-right: auto;

}



.contenu .texteBas{

	clear: both;

}



/***************************** BLOC FICHIER ********************************/

.contenu .fichier{

	text-align: left;

}



.contenu .fichier a{

}



/***************************** BLOC QUESTIONNAIRE ********************************/

.contenu #formulaire{

	margin: 0px;

	padding: 0px;


	text-align: left;

}



.contenu #formulaire table{

	margin: 0px;

	padding: 0px;

	border: 0px;

}



.contenu #formulaire td{

	border: 0px;

	text-align: left;

	font-size: 10px;

	text-decoration: none;

}



.contenu #formulaire .messageErreur{

	color: #FF0000;

	padding-bottom: 10px;

}



.contenu #formulaire td.intitule{

	font-weight: bold;

	text-align: right;

	width: 130px;

	padding-right: 5px;

}



.contenu #formulaire td.intituleTexte{

	margin: 0px;

	padding: 0px;

	padding-bottom: 15px;

	padding-top: 15px;

}



.contenu .formulaire td.valeur, .contenu .formulaire td.valeurCheck{

	font-size: 10px;

}



.contenu #formulaire td.valeur input, .contenu #formulaire td.valeur textarea, .contenu #formulaire td.valeur select{

	padding-left: 0px;

	padding-right: 0px;

	margin: 5px 0px 5px 0px;









	text-align: left;

	width: 200px;

	font-size: 10px;

}



.contenu #formulaire td.valeur textarea{

	width: 300px;

}



.contenu #formulaire div.boutonEnvoyer{

	padding-left: 135px;

}



.contenu #formulaire div.boutonEnvoyer input{

	width: 85px;

	margin: 5px 0px 5px 0px;

}



.contenu #formulaire #messageQuestionnaireValide{

	height: 40px;

	font-weight: bold;

	text-align: center;

}



.spacer{

	clear: both;

	line-height: 0px;

	width: 0px;

	font-size: 0px;

}