body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; background-color: #ffffff; color: #000000; }
hr { height: 1px; margin: 0; padding: 0; color: #BDE3E2; background-color: #BDE3E2; border: 0; }

/*styles HEADER */
#header { height: 135px; border-bottom: 1px solid #BDE3E2; background-image: url(../images/header-fond.gif); background-color: #ffffff; }
#MENU1 { position: absolute; left: 641px; top: 0px; z-index: 2; }

#MENU2 { position: absolute; left: 641px; top: 68px; z-index: 1; }

#MENU3 { position: absolute; left: 830px; top: 5px; z-index: 2; width: 145px; height: 80px; background-color: #B3B300; color: black; font-size: 9px; background-image: url( ../images/header-espace-abonne-fond.gif); }
#MENU3 h1 { font-size: 14px; color: white; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#MENU3 input { font-size: 8px; }
#MENU3 label { width: 60px; float: left; }

#MENU4 { position: absolute; left: 830px; top: 88px; width: 145px; color: black; font-size: 9px; background-color: #3B94AF; }

#MENU5 { position: absolute; left: 830px; top: 100px; width: 150px; color: black; font-size: 9px; }
#MENU5 label { width: 80px; }

.imageMenu1 { float: left; }

/* NAVIGATION */
#navMain { display: block; margin: 0; padding: 0; background: url(../images/navPV2.gif) no-repeat left top; height: 68px; }
#navMain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#navMain { display: inline-table; }
/* Hides from IE-mac \*/
* html #navMain { height: 1%; }
#navMain { display: block; }
/* End hide from IE-mac */
#navMain li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; z-index: 100; }
#navMain a { display: block; margin: 0; padding: 0; width: 93px; height: 68px; text-indent: -5000px; text-decoration: none; }
/* Hides from IE-mac \*/
#navMain a { overflow: hidden; }
/* End hide from IE-mac */
#navMain ul { display: none; position: absolute; margin: 0; padding: 0; width: 181px; top: 68px; left: 0px; z-index: 51; background: #0F9BA8; border: 1px solid #BDE3E2; }
#navMain li.over ul { display: block; }
#navMain li:hover ul { display: block; }
#navMain li.rechercher:over { background: url(../images/navPV2.gif) no-repeat 0 -69px; }
#navMain li.rechercher:hover { background: url(../images/navPV2.gif) no-repeat 0 -69px; }
#navMain li.acheter:over { background: url(../images/navPV2.gif) no-repeat -93px -69px; }
#navMain li.acheter:hover { background: url(../images/navPV2.gif) no-repeat -93px -69px; }
#navMain ul li { margin: 0; width: 100%; }
#navMain ul a { color: #FFFFFF; width: auto; height: auto; /*width: 100%;*/ padding: 2px 2px 2px 15px; text-indent: 0; }
#navMain ul a:hover { background: #C3AA1A; color: #FFFFFF; }
/* --------------------------------------------------- */
/* NAVIGATION 2 */
#navMain2 { display: block; margin: 0; padding: 0; background: url(../images/navPPV2.gif) no-repeat left top; height: 67px; }
#navMain2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#navMain2 { display: inline-table; }
/* Hides from IE-mac \*/
* html #navMain2 { height: 1%; }
#navMain2 { display: block; }
/* End hide from IE-mac */
#navMain2 li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; z-index: 100; }
#navMain2 a { display: block; margin: 0; padding: 0; width: 93px; height: 67px; text-indent: -5000px; text-decoration: none; }
/* Hides from IE-mac \*/
#navMain2 a { overflow: hidden; }
/* End hide from IE-mac */
#navMain2 ul { display: none; position: absolute; margin: 0; padding: 0; width: 181px; top: 67px; left: 0px; z-index: 51; background: #0F9BA8; border: 1px solid #BDE3E2; }
#navMain2 li:hover ul { display: block; }
#navMain2 li.consulter:hover { background: url(../images/navPPV2.gif) no-repeat 0 -68px; }

/*#navMain2 li#consulter.over {
	background: url(../images/navPPV2.gif) no-repeat 0 -68px;
}
#navMain2 li#consulter:hover {
	background: url(../images/navPPV2.gif) no-repeat 0 -68px;
}*/
#navMain2 li.dialoguer:over { background: url(../images/navPPV2.gif) no-repeat -92px -68px; }
#navMain2 li.dialoguer:hover { background: url(../images/navPPV2.gif) no-repeat -92px -68px; }
#navMain2 ul li { margin: 0; width: 100%; }
#navMain2 ul a { color: #FFFFFF; width: auto; height: auto; /*width: 100%;*/ padding: 2px 2px 2px 15px; text-indent: 0; }

#navMain2 ul a:hover { background: #C3AA1A; color: #FFFFFF; }
/* --------------------------------------------------- */
/*styles PUBLICITE */
#publicite { background-color: #ffffff; text-align:center; }
#publicite img { margin: 5px 0px 0px 0px; }
#consulter { height: 25px; background-color: #0F9BA8; font-size: 9px; color: white; padding-left: 5px; padding-top: 5px; background-image: url(../images/consulter-fond.gif); }
#conteneur { position: relative; width: 980px; margin: 0 auto; background-color: white; background-image: url('../images/contenu-fond.gif'); top: 0px; left: 0px; }
#conteneurA { position: relative; width: 980px; margin: 0 auto; background-color: white; }


/*styles CENTRE */
#centre { width: 310px; float: left; font-size: 11px; padding-top: 10px; padding-bottom: 10px; padding-left: 12px; padding-right: 12px; margin-top: 3px; }
#centre h1 { font-size: 30px; font-weight: bolder; margin-top: 0px; margin-bottom: 0px; }
#centre h2 { font-size: 10px; margin-top: 0px; margin-bottom: 0px; }
.balisetitre3 { font-size: 20px; color: #C31135; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }

#centre p { margin: 0px; }
#centre a { font-size: 11px; color: #C31135; padding-left: 0px; margin: 0px 0px 0px 1px; text-decoration: none;  }
#centre a:hover { color: #000000; text-decoration: underline; padding-left: 0px; }
#centre a:visited { color: #189CA5; }
.baliseCentre {font-size: 16px; color:#000000;}
#centre ul { list-style:none; margin-left:10px;}

#centreA { font-size: 11px; padding-top: 10px; padding-bottom: 10px; padding-left: 12px; padding-right: 12px; margin-top: 10px; text-align: justify; }
#centreA li { clear:both;}
#centreA h1  { font-size: 30px; font-weight: bolder; margin-top: 0px; margin-bottom: 0px; }
#centreA h2 { font-size: 20px; color: #C31135; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }
#centreA h3 { font-size: 16px; font-weight: bolder; margin-bottom: 0px; padding-bottom: 0px; }



.cellule { width: 290px; border: 1px solid #DAC87C; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; margin-top: 5px; }
.celluleP { display: inline-block; float: left; width: 140px; padding-left: 5px; }
.cellule1 { width: 290px; border: 1px solid #DAC87C; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; margin-top: 5px; }
.cellule2 { width: 290px; border-left: 1px solid #DAC87C; border-right: 1px solid #DAC87C; border-bottom: 1px solid #DAC87C; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
.celluleA { width: 300px; }
.titreFleche { background: url(../images/centre-picto-fleche.gif) no-repeat left bottom; }

.news { background-image: url(../images/centre-news.gif); color: #000000; padding-right: 40px; padding-top: 3px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 5px; background-color: #DAC87C; text-align: right; }

ul#menuCentre { list-style-type: none; margin-left: 0px; padding-left: 0px; margin-bottom: 0px; }
/*
ul#menuCentre li { margin-bottom: 5px; margin-left: 0px; padding-left: 0px; }
ul#menuCentre a { width: 260px; height: 18px; display: block; text-align: right; padding-right: 40px; padding-top: 3px; text-decoration: none; color: #000; background-image: url( ../images/centre-filInfos-fond.gif ); }
ul#menuCentre a:hover { background-image: url( ../images/centre-filInfos-fond1.gif ); }
ul#menuCentre a:visited { color: #189CA5; background-image: url( ../images/centre-filInfos-fond1.gif ); }
*/
.texteminiature { font-size: 8px; margin-top: 0px; }
.imageCentre { margin-right: 3px; float: right; }
.imageCentre1 { margin-right: 10px; float: left; border:solid 1px;}
.imageCentreA { margin-right: 10px; float: left; clear: both; }

.imageCentre2 { margin: 10px 0px 10px 10px; float: right;}
.traitrouge { margin: 10px 0px 10px 0px; }
.titreCentre { font-size: 16px; font-weight: bold; color: #000000;}

.sommaire a {color:#000000;}
.dmarquee a { color:#000000; }
.titreFilInfo { font-size: 10px; margin-top: 15px; margin-bottom: 0px; color:#000000; font-weight:bold; display:block; padding: 1px 0px 1px 15px; background: url(../images/picto-fleche1.gif) no-repeat left 2px; }


/*styles GAUCHE*/
/***************/
#gauche { float: left; margin-top: 5px; margin-right: 10px; width: 400px; font-size: 11px; }
#gaucheexpert { float: left; margin-top: 5px; margin-right: 10px; width: 100%; font-size: 11px; }
#gauche h1 { font-size: 30px; font-weight: bolder; margin-top: 0px; margin-bottom: 0px; }
#gauche h2 { font-size: 20px; color: #C31135; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }
#gauche h3 { font-size: 16px; font-weight: bolder; margin-bottom: 0px; padding-bottom: 0px; }

#gaucheA { float: left; margin-top: 5px; margin-right: 10px; width: 725px; font-size: 11px; text-align: justify; }
#gaucheA h1 { font-size: 30px; font-weight: bolder; margin-top: 0px; margin-bottom: 0px; }
#gaucheA h2 { font-size: 14px; color: gray; font-weight: bolder; margin-top: 10px; margin-bottom: 0px; padding: 0px; border-bottom: 1px solid  gray; }
#gaucheA h3 { font-size: 16px; font-weight: bolder; margin-bottom: 0px; padding-bottom: 0px; }
#gauche p { text-align:justify; }
#gauche ul { list-style:none; margin-left:10px;}

.fondvert { background-color: #A6B126; }
.baliseTitre { display:block; width:100px; font-size: 14px; color: #FFFFFF; padding-left: 5px; padding-top: 1px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 5px; background-color: #C31135; }
.baliseTitreLong { font-size: 14px; color: #FFFFFF; padding-left: 5px; padding-top: 1px; padding-bottom: 1px; margin-top: 0px; margin-bottom: 5px; background-color: #C31135; }
.imageGauche { margin-left: 10px; float: right; margin-top: 5px; border:1px solid #000000; }
.imageGauche1 { margin-right: 10px; float: left; margin-top: 5px; }
.imageBorder { border:1px solid #000000; }



/*styles DROITE*/
/***************/
#droite, #droiteA {
	float: left;
	margin-left: 10px;
	width: 215px;
}
#droite h1 { font-size: 30px; font-weight: bolder; margin-top: 0px; margin-bottom: 0px; }
#droite h2 { font-size: 20px; color: #C31135; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }
#droite ul { list-style:none; margin-left:0px;}
#droite li { margin-bottom:5px;}
#droite li a { color:#000000;}
#droiteA ul { list-style:none; margin: 0px; color:#000000; padding: 1px 0px 1px 15px; background: url(../images/picto-fleche1.gif) no-repeat left 2px;}
#droiteA li { margin-bottom:5px;}
#droiteA li a { color:#000000;}
#droiteA li a:active, li a:visited { color:#FF0000;}


#droiteA h1 { font-size: 30px; font-weight: bolder; margin-top: 0px; margin-bottom: 0px; }
#droiteA h2 { font-size: 20px; color: #C31135; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }
.titreRubriqueDroite { font-size: 14px; font-weight:bold; width: 212px; color: #000; padding: 1px 0px 1px 15px; margin: 0px 0px 5px 0px; background: url(../images/picto-fleche.gif) no-repeat left 3px; background-color: #B3B300; clear: left; }

#droite h4 { color: #B3B300; background-color: #000000; font-size: 20px; font-weight: normal; text-align: center; }
.imageDroite { margin-left: 3px; margin-right: 3px; margin-bottom: 3px; float: left; }
.imageDroite1 { margin-left: 3px; margin-right: 3px; margin-bottom: 3px; float: right; }
.agenda { background-image: url(../images/droite-agenda.gif); }
.celluleD { width: 100%; border: 1px solid #DAC87C; padding: 2px 5px 2px 5px; margin: 5px 0px 5px 0px; background-color: white; }
.celluleD ul { padding: 0px; margin: 0px; }
.imageparution { margin: 0px 0px 10px 10px; }
.parution { background-image: url(../images/droite-parution.gif); color: #000000; padding-right: 40px; margin-top: 0px; margin-bottom: 5px; background-color: #DAC87C; text-align: right; }
#droite a { font-size: 11px; }
/*
#droite a { font-size: 11px; font-weight: bold; color: #000000; padding-left: 1px; margin: 0px 0px 0px 1px; text-decoration: none; height: 16px; }
#droite a:hover { color: #C31135; text-decoration: underline; padding-left: 1px; }
#droite a:visited { color: #189CA5; }*/


#pied { height: 75px; background-image: url( ../images/footer-fond.gif); text-align: right; clear: both;}
#pied a{ color:#FFFFFF;}
.imagepied { margin-left: 3px; margin-right: 3px; margin-top: 8px; }



/* styles communs */
a { color: #C31135; padding-left: 1px; margin: 0px 0px 0px 1px; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; padding-left: 1px; }
a:visited { color: #189CA5; }
a img { border: 0 none; }

input[type="password"] { font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; }
input[type=text] { font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; }
input[type=button] { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 11px; background-image: url(../images/fondBouton.gif); border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
/*input[type=submit] { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 11px; background-image: url(../images/fondBouton.gif); border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }*/
.precedent { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 10px; background-image: url(../images/fondBouton.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.suivant { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 10px; background-image: url(../images/fondBouton.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.bouton { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 10px; background-image: url(../images/fondBouton.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.boutonImportant { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 10px; font-weight:bold; background-image: url(../images/fondBoutonImportant.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
label { display: inline-block; color: #5E5E5E; margin: 0 0 1px 2px; color: black; }
select { font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; font-family: Verdana, Arial, sans-serif; }
textarea { font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; font-family: Verdana, Arial, sans-serif; }
input.codePro { border-width: 0px; width: 50px; background-color: #ffffff; }

.cadreDetail { margin: 10px; padding: 5px; }
.cadreSousDetail { display: block; float: left; margin-right: 20px; margin-bottom: 40px; }
.cadreSousDetail label { display: inline-block; margin: 2px;  }
.cadreSousDetail span { display: inline-block; margin: 2px; }
.cadreSousDetailFixe { display: block; margin-top: 10px; margin-right: 20px; margin-bottom: 20px; }
.cadreSousDetailFixe label { width:75px; float: left; font-weight: bold; color: #20446b; margin: 2px; }
.cadreSousDetailFixe input[type=text], .cadreSousDetailFixe input[type="password"] { font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; margin-bottom:2px; }
.cadreSousDetailFixe span { display: inline-block; margin: 2px; }
.titreSousDetail { display: block; font-size: 12px; font-weight: bold; color: #111111; border-bottom: #111111 1px solid; margin-top: 10px; margin-bottom: 10px; }
.textformulaire label { font-weight: bold; color: #20446b; }
div.colonneGauche { float: left; }
div.colonneDroite { float: right; }
div.colonneFixe { display: inline-block; }
div.endblock { clear: both; }

li.rang2 { background-color:#f0f0f0; }

.navigation { margin-bottom:10px;}
.navigation li{ display:inline; margin:5px;}
.navigation li.selected{ display:inline; margin:5px; background-color:#ffff80; }

.info { display:block; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #505050; font-style:italic; }
.alerte { display:block; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #0055BB; }
.erreur { display:block; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #FF3300; }
.memo {font-family: Verdana,Arial,Helvetica,sans-serif; color: #707070; font-size: 9px; font-style: italic; vertical-align:bottom;}
.aide { padding: 5px 5px 5px 24px; margin: 5px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color: #0055BB; background-color: #CEE0E8; }
.prix { font-family: Verdana,Arial,Helvetica,sans-serif; color: #505050; font-weight: bold;}
.surligne{ background-color:#FFFF00; }