/***************************** CSS GENERIQUE ********************************/

/***************************** BODY, A, A:hover, A IMG, FORM ****************/

BODY {
    padding:0px;
    margin:20px 0px 10px 0px;
}

form {
    padding:0px;
    margin:0px;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:visited{
    text-decoration: none;
}

a img {
	border-width:0px;
}

#contenu {
    width:581px;
    margin:0px;
    padding:0px;
}

#contenu .bloc {
	padding:0px;
	margin:0px 10px 0px 17px;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear:both;
}

#contenu a {
	color:#3366CC;
}


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

#contenu .texte {
	text-align:justify;
	clear:both;
}
#contenu .texteGauche {
	float:left;
	width: 48%;
	text-align:justify;
}
#contenu .texteDroite {
	float:right;
	width: 48%;
	text-align:justify;
}
#contenu .texteImgGauche {
	font-size: 11px;
	text-align:justify;
}
#contenu .texteImgGauche img {
	float : left;
	margin: 5px 15px 5px 5px;
}
#contenu .texteImgDroite {
	text-align:justify;
}
#contenu .texteImgDroite img {
	float : right;
	margin: 5px 5px 5px 15px;
}
#contenu .texteHaut {
	text-align:justify;
	clear:both;
}
#contenu .texteCentre {
	text-align:center;
	clear:both;
}
#contenu .texteCentre img {
	margin: 15px auto 15px auto;
}
#contenu .texteBas {
	text-align:justify;
	clear:both;
}


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

#contenu .titre {
    width:100%;
	height:15px;
    clear:both;
    padding:0px;
	margin:12px 0px 10px 0px;
	background-image:url('images/lepoelon/lp_titre_bg.gif');
	background-position:0px 3px;
	background-repeat:repeat-x;
}
#contenu .titre h2 {
    padding:0px;
    margin:0px;
	padding-left:7px;
    text-align:left;
	color:#666666;
}

#contenu .titre h2 font {
    padding:0px 3px 0px 3px;
    margin:0px;	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
	text-transform:uppercase;
	background-color:#FFFFFF;
}

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

#contenu .fichier {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
    font-size: 11px;
    color: #000000;
}


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

#contenu #formulaire { 
   margin:0px;
   padding:0px;
   text-align: left;
} 
#contenu #formulaire table { 
   border: 0px; 
} 
#contenu #formulaire td { 
   color: #000000; 
   border: 0px; 
   text-align: left; 
   valign: top; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px; 
   text-decoration: none; 
} 
#contenu #formulaire .messageErreur { 
   color: #FF0000; 
} 
#contenu #formulaire td.intitule { 
   font-weight: bold; 
   text-align: left;
   width: 120px; 
} 
#contenu #formulaire td.intituleTexte{
   margin:0px;
   padding:0px;
}
#contenu .formulaire td.valeur, td.valeurCheck { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px; 
} 
#contenu #formulaire td.valeur input, textarea, select { 
   padding-left: 0px; 
   padding-right: 0px; 
   text-align: left; 
   width: 200px; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px; 
} 
#contenu #formulaire textarea { 
   width: 300px; 
} 
#contenu #formulaire div.boutonEnvoyer { 
   padding-left: 126px; 
} 
#contenu #formulaire div.boutonEnvoyer input { 
   width: 85px; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
}

/*************************** STYLES PROPRES AU MODELES ********************************/

.ligneGrise {
	background-color:#999999;
}
.fondGris {
	background-color:#E6E6E6;
}
.fondJaune {
	background-image:url('images/lepoelon/lp_bandeau_jaune_bg.jpg');
	background-repeat:repeat-x;
}
.fondRouge {
	background-image:url('images/lepoelon/lp_bandeau_rouge_bg.jpg');
	background-repeat:repeat-x;
}

#entete {
	background-image:url('images/lepoelon/lp_entete_logo.jpg');
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align:right;
	font-size:10px;
	padding-bottom:8px;
}
#entete a {
	color:#3366CC;
	text-decoration:underline;
}
#entete img {
	vertical-align:-4px;
}

#chemin {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color:#FFFFFF;
	padding-left:10px;
}
#chemin a {
	color:#FFFFFF;
	text-decoration:none;
}
#chemin a:hover {
	text-decoration:underline;
}

#menuVertical {
	background-color:#F6F4F4;
}
#menuVertical .niveau1 .texte {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	font-weight:bold;
	padding:2px 0px 3px 0px;
}
#menuVertical .niveau1 img {
	margin:1px 0px 0px 5px;
}
#menuVertical .niveau1 .texte a {
	color:#666666;
}
#menuVertical .niveau1 .select {
	background-image:url('images/lepoelon/lp_menu_vertical_niveau1_select_bg.gif');
	background-repeat:repeat-x;
	background-position:bottom;
}

#menuVertical .niveau2 {
	background-color:#FFFFFF;
}
#menuVertical .niveau2 .texte {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	padding:3px 0px 3px 0px;
}
#menuVertical .niveau2 img {
	margin:2px 0px 0px 5px;
}
#menuVertical .niveau2 .texte a {
	color:#666666;
}
#menuVertical .niveau2 .select .texte a {
	font-weight:bold;
	color:#2C6DB3;
}

#menuVertical .niveau3 .texte {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	padding:3px 0px 3px 0px;
}
#menuVertical .niveau3 img {
	margin:2px 0px 0px 15px;
}
#menuVertical .niveau3 .texte a {
	color:#666666;
}

#menuVertical .separateur2 {
	background-color:#E6E6E6;
}
#menuVertical .separateur {
	background-image:url('images/lepoelon/lp_menu_vertical_separateur.gif');
	background-repeat:repeat-x;
}
#menuVertical .separateurSelect {
	background-image:url('images/lepoelon/lp_menu_vertical_separateur_select.gif');
}
#menuVertical .bas {
	background-image:url('images/lepoelon/lp_menu_vertical_bas_bg.jpg');
	background-repeat:repeat-x;
}

#copyright {
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color:#666666;
	padding-right:15px;
}
#copyright img {
	vertical-align:-2px;
}

.enteteImpression {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color:#000000;
}
.enteteImpression a {
	color:#000000;
}