body { background-color: #FFFFFF; }
* { margin: 0;	padding: 0;	font-family: arial, helvetica, sans-serif; font-size: 15px; }
.resetfloat { visibility: hidden; clear: both; }
.espace { margin: 10px 0px 10px 0px; }
.separation { background: url(../images/pixelseparation.gif) repeat-x center; height: 10px; border: 0; visibility: visible; }
/*#minheight { height: 450px; width: 0px; top: 0px; left: 0px; }*/
img { border: 0; display: block; }
li { list-style: url(../images/puce.gif); margin: 0px 0px 0px 2em; }
a { text-decoration: none; font-family: arial, helvetica, sans-serif; color: #333333; }
a:hover { text-decoration: none; color: #ffc80b; }


#container {
	margin: 10px auto 10px auto;
	width: 760px;
	min-height: 450px; /* HACK IE AVEC DIV minheight */
}

.bordureImage {
	/*position: relative;*/
}

.bordureImageTR {
	position: absolute;
	background: url(../images/imageCoinTR.gif) no-repeat;
	right: -5px;
	top: -5px;
	width: 38px;
	height: 40px;	
}

.bordureImageBL {
	position: absolute;
	background: url(../images/imageCoinBL.gif) no-repeat;
	left: -5px;
	bottom: -5px;
	width: 38px;
	height: 40px;
}


/*************************
 *        HEADER
 *************************/
 
#pageHeader {
	position: relative;
	width: 760px;
	height: 129px;
	background: url(../images/fondheader.gif) repeat-x;
}

#logoHeader {
	width: 346px;
	height: 91px;
	background: url(../images/logoheader.gif);
	top: 15px;
	left: 10px;
	position: absolute;
}

#downloadPDF {
	background: url(../images/fonddownloadpdf.gif) no-repeat;
	position: absolute;
	top: 15px;
	right: 10px;
	width: 217px;
	height: 22px;
}

.downloadPDFTexte, .downloadPDFTexte:hover {
	position: relative;
	top: 4px;
	left: 5px;
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-family: arial helvetica sans-serif;
	font-weight: normal;
}

.downloadPDFTexte:hover {
	color: #FFD309;
}

#titleHeader {
	position: absolute;
	font: 12px arial helvetica sans-serif;
	top: 50px;
	right: 10px;
	width: 300px;
	height: 60px;
}

.titleHeaderTexte, .titleHeaderDate {
	font: small-caps bold 25px arial;
	color: #FFD309;
	width: 300px;
	text-align: right;
	float: right;
}

.titleHeaderDate {
	font: small-caps bold 20px arial;
	color: #FFFFFF;
}

#linksHeader { clear: both; padding-bottom: 5px; }
#linksHeader .leftPart { float: left; }
#linksHeader .rightPart { float: right; }
#linksHeader a { color:#000; text-decoration: none; font-family: Arial; font-size: 11px; line-height: 20px; }

/* CONSEILLER A UN AMI */
td.conseil-text { padding-left: 22px; padding-bottom: 10px; font-family: Arial; font-size: 12px; }
td.conseil-body { padding: 20px 20px 20px 22px; background-color: #E0E0E0; border-left: 22px solid white; font-family: Arial; font-size: 12px; }
span.conseil-body-titre { display: block; font-family: Arial; font-weight: bold; font-size: 12px; padding-bottom: 15px;}
span.conseil-body-field { display: block; font-family: Arial; font-size: 12px; padding-bottom: 7px;}
input.conseil-body-input  { border: 1px solid black; margin-bottom: 7px; }
input.conseil-body-submit { border-color: 1px solid white; background-color: #5D5D5D; font-family: Verdana; font-weight: bold; font-size: 11px; color: white; margin-bottom: 7px;}
span.conseil-body-legende { display: block; font-family: Arial; font-size: 10px; color: #666666;}

/* ARCHIVE */
a.lienNoir {font-family: Arial; font-size: 12px; color: black; text-decoration: underline; }
td.liens_archive img { display: inline; }

/*************************
 *     ZONE MILIEU
 *************************/

#middlePage {
 	position: relative;
}

/*************************
 *  ZONE BAS
 *************************/

#transversales { clear:both; padding-top: 10px; text-align: center; }
a.precedent { color:#000; text-decoration: none; background: url(../images/precedent.gif) left top no-repeat; font-family: Arial; font-size: 11px; line-height: 20px; padding-left: 20px;}
a.haut { color:#000; text-decoration: none; background: url(../images/haut.gif) left top no-repeat; font-family: Arial; font-size: 11px; line-height: 20px; padding-left: 20px;}
a.imprimer { color:#000; text-decoration: none; background: url(../images/imprimer.gif) left top no-repeat; font-family: Arial; font-size: 11px; line-height: 20px; padding-left: 20px;}

#signature { float:right; }

#logos { margin-top: 20px; width: 100%; clear:both; margin-bottom: 10px;  }
.logo-crl { float: left; margin-top: 10px; width: 760px; text-align: center; background-color: #d90000; clear: both; }
.logo-crl a { margin:auto; width: 209px; text-align:center; display:block; }
.souligne { float: right; width: 126px; }
.mail { float: right; }

/*************************
 *     MENU GAUCHE
 *************************/
 
#leftMenu {
	width: 200px;
	position: absolute;
}
 
.leftMenu {
	list-style: none;
}

.leftMenu a {
	text-decoration: none;
	display: block;
	position: relative;
}

.leftMenuNiveau1, .leftMenuNiveau2, .leftMenuNiveau3 {
	margin: 0;
	display: inline;
}

.leftMenuNiveau1 a, .leftMenuNiveau2 a, .leftMenuNiveau3 a {
	font-family: arial, helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding: 2px 2px 2px 5px;
 	border-bottom: 1px solid #FFF;
}

.leftMenuNiveau1 a {
	background-color: #B9141B;
	font-variant: small-caps;
	font-size: 14px;
	padding: 5px;
}

.leftMenuNiveau1 a:hover {
	background: url(../images/menuHoverTR.gif) top right no-repeat;	
	background-color: #B9141B;
	font-variant: small-caps;
	font-size: 14px;
	padding: 5px;
}

.leftMenuNiveau2 a {
	background-color: #7F7F7F;
}

.leftMenuNiveau2 a:hover {
	background: url(../images/menuHoverTR.gif) top right no-repeat;	
	background-color: #7F7F7F;
}

.leftMenuNiveau3 a {
	background-color: #CCCCCC;
	font-weight: normal;
	color: #000;
}

.leftMenuNiveau3 a:hover {
	background: url(../images/menuHoverTR.gif) top right no-repeat;	
	background-color: #CCCCCC;
	font-weight: normal;
	color: #000;
}


/*************************
 *     ZONE PRINCIPALE
 *************************/
 
#main {
	margin-left: 205px;
	/*margin-top: -450px;*/
	text-align: justify;
}

.zoneArticle {
	margin-right: 0px;
}



/*************************
 *  ENCART PRINCIPAL
 *************************/
#zoneEncart {
	position: absolute;
	width: 185px;
	right: 0;
}

.zoneEncart_encart {
	padding: 5px;
	background-color: #CCCCCC;
}

.zoneEncart_titre {
	font-weight: bold;
}

.zoneEncart_soustitre {
	font-weight: bold;
	font-size: 13px;
	color: #636262;
}

.zoneEncartParagraphe_titre {
	font-weight: bold;
	font-size: 12px;
}

.zoneEncartParagraphe_texte {
	font-size: 12px;
}

.zoneEncartParagraphe_image {
	text-align: center;
	padding: 10px 0px 10px 0px;
}

.zoneEncartParagraphe_image img {
	margin-left: auto;
	margin-right: auto;
}

.zoneEncartParagraphe_image_legende {
	font-size: 11px;
	font-style: italic;
}

.zoneEncart_note {
	font-size: 10px;
}


/*************************
 *     STANDARD
 *************************/
 
.standard_titre {
	background: url(../images/standard_titre.gif) no-repeat top left;
	height: 60px;
	padding: 0px 0px 0px 95px;
	/*margin: 0px 0px 20px 0px;*/
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #7f7f7f;
	text-align: left;
}

.zoneTitre {
	padding: 10px 0px 10px 0px;
}

.zoneTitre_icone {
	float: left;
}

.zoneTitre_titre, .zoneTitre_soustitre, .zoneTitre_soustitreCouleur {
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	padding-left: 0px;
}

.zoneTitre_soustitre, .zoneTitre_soustitreCouleur {
	font-size: 14px;
}

.zoneTitre_soustitreCouleur {
	color: #ffc80b;
}

.zoneIntro {
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0px 10px 0px;
}

.zoneNote {
	padding: 10px 0px 0px 0px;
	clear: both;
}

.zoneParagraphe {}

.zoneParagraphe_titre {
	color: #B9141B;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.zoneParagraphe_soustitre {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
}

.zoneParagraphe_zonetexte {
	padding: 10px 0px 0px 0px;
}

.zoneParagraphe_droite {
	float: right;
	margin-left: 5px;
}

.zoneParagraphe_image {
	margin-bottom: 10px;
	margin-left: 5px;
}

.zoneParagraphe_image_legende {
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

.zoneParagraphe_encart {
	margin-left: 5px;
	padding: 5px;
	background-color: #B9141B;
	width: 185px;
}

.zoneParagraphe_encart_titre {
	color: #FFD309;
	text-align: center;
	font-weight: bold;
}

.zoneParagraphe_encart_texte {
	color: #FFFFFF;
}

.zoneParagraphe_texte {}

.zoneParagraphe_suite {
	color: #B9141B;
	text-decoration: underline;
	
}

.zoneDiaporama {}

.zoneDiaporama_titre {
	background: url(../images/fleche.gif) #FFC80B no-repeat 10px 50%;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 5px 25px;
}

.zoneDiaporama_images {
	padding: 5px 0px 5px 0px;
}

.zoneDiaporama_image {}

.zoneDiaporama_zoneimage {
	float: left;
}

.zoneDiaporama_zonetexte {
	padding: 2px;
}

.zoneDiaporama_image_legende {
	font-size: 10px;
	font-style: italic;
	margin-bottom: 3px;
	text-align: center;
}

.zoneDiaporama_zonetexte_titre  {
	color: #B9141B;
	font-size: 11px;
	font-weight: bold;
}

.zoneDiaporama_zonetexte_texte {
	font-size: 11px;
}