/* ------------------------------
 AM Editions - Site e-marketing
 Feuille de styles
 Pages de contenus
 Juillet 2005
------------------------------ */

/*----------------
 MENU CONTEXTUEL (HAUT DE PAGE)
-----------------*/
p#menucontextuel {
  position: relative;
  padding: 0;
  margin: 0;
  color: #8C8C8C;
  left: -18px;
}

p#menucontextuel a {
  color: #969696;
}

p#menucontextuel a:hover {
  color: #000;
}
/*---------------------------------------------------------------------------------------
 Panier Logo (visible dans l'alignement du menu contextuel quand celui-ci n'est pas vide)
----------------------------------------------------------------------------------------*/
.panierlogo {
position: relative;
top: -12px;
right: 0px;
float: right;
height: 25px;
width: 68px;

}
.panierlogo a {
  color: #000000;
  font-weight: bold;
}
.panierlogo img {
  padding: 0;
}
/*---------------------------------------------------------------------------------------
 Bouton Abonnement sur les pages Actualités du site
----------------------------------------------------------------------------------------*/
.btNewsletter{
float: right;
margin-top: -40px;
width: 114px;
height: 24px;
background:url(bg_btNew.gif) no-repeat;
text-align: center;
}
*html .btNewsletter{
height: 23px;
padding-top: 1px;
}
.btNewsletter a{
color: #FFFFFF;
font-weight: bold;
line-height:100%;
}

/*---------------------------------------------------------------------------------------
 Bouton Abonnement sur la Homepage du site
----------------------------------------------------------------------------------------*/
#accueilactu .btNewsletter{
float: right;
margin-top: -20px;
margin-bottom: 10px;
width: 114px;
height: 24px;
background:url(bg_btNew.gif) no-repeat;
text-align: center;
}
*html #accueilactu .btNewsletter{
height: 23px;
padding-top: 1px;
}
#accueilactu .btNewsletter a{
color: #FFFFFF;
font-weight: bold;
line-height:100%;
}
/*----------------
 TITRES ET TEXTES COMMUNS
-----------------*/
/* nom de la rubrique de menu */
p.titrepage {
  font-size: 18px;
  font-weight: bold;
  display: list-item;
  list-style-type: none;
  list-style-image: url(titre_pv.gif);
  margin: 20px 0px 5px 15px;
}

/* nom de la sous-rubrique de menu */
span.titre1 {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  color: #F60;
}

span.titre2 {
  font-size: 13px;
  font-weight: bold;
}
/* sous-rubrique de la rubrique (avec une puce orange) */
.soustitre {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  display: list-item;
  list-style-type: none;
  list-style-image: url(titre_pu.gif);
  margin: 0px 0 10px 16px;
  padding: 0;
}
/* personnalisation des rubrique ******************************************/
#rubDossiers{

}
#rubFocus{

}
#rubGlossaire{

}
#rubActualites{

}
#rubConsultBreve{
  font-size: 17px;
  font-weight: bold;
  display: list-item;
  list-style-type: none;
  list-style-image: url(titre_pv.gif);
  margin: 20px 0px 5px 15px;
  width: 300px;
}
*html #rubConsultBreve{
  padding-top: 20px;
}
#rubAgenda{

}
#rubLivres{

}
#rubEvenements{

}
#rubMouvements{

}
#rubPackvisibilite{

}
#rubFiche{

}
#rubGestionCateg{

}
#rubRechprestataire{

}
#rubReferencer{

}
#rubActualiser{

}
#rubAbonner{

}
#rubPanier{

}
#rubOffre{

}
#rubPresentation{

}
#rubRecherche{

}
#rubNumeros{

}
#rubEmploi{

}
#rubMagazines{

}
#rubAnnonceurEvt {

}
#rubOnline {

}
#rubQui {

}
#rubNosmag {

}
#rubMetiers {

}
#rubCoordonnees {

}
#rubContact {

}
#rubPartenaires {

}
#rubConfidentialite {

}
#rubCGU {

}
#rubCompte {

}
#rubConditionsarchives {

}

#rubRestitutioncodes {

}
#rubAbonne {

}
#rubChangercodes {

}

/* Liste simple html */
li {
  list-style-type: none;
  list-style-image: url(li_puce1.gif);
}

/* texte rayé */
span.barre {
  text-decoration: line-through;
}

/* remarque - texte gris petit et normal */
p.remarque {
  font-size: 10px;
  color: #71828A;
  padding : 0;
  margin: 0 0 5px 0;
}

/*----------------
 MESSAGES
-----------------*/
/* Message d'alerte - texte rouge gras centre */
p.alerte {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #F00;
  padding : 0;
  margin: 10px;
}

/* Message ordinaire (ex. pas de résultat à la recherche) - texte noir gras centre */
p.message {
  font-size: 11px;
  font-weight: bold;
  padding : 15px;
  margin: 30px;
  border: 1px solid #E2E8ED;
}

/*----------------
 LIENS COMMUNS
-----------------*/
/* lien complementaires divers */
a.liencomp1 {  /* centre, avec fleche orange et texte gris gras*/
  font-size: 11px;
  font-weight: bold;
  color: #71828A;
  text-align: center;
  margin: 20px 0 20px 25px;
  display: list-item;
  list-style-type: none;
  list-style-image: url(puce_lie.gif);
}

a.liencomp2 {  /* aligne à gauche, avec fleche grise et texte gris gras*/
  font-size: 11px;
  font-weight: bold;
  color: #71828A;
  margin: 20px;
  display: list-item;
  list-style-type: none;
  list-style-image: url(puce_lie.gif);
}

a.liencomp3 {  /* centre, avec fleche noire et texte orange gras*/
  font-size: 11px;
  font-weight: bold;
  color: #F60;
  text-align: center;
  margin: 20px 0 20px 0;
  display: list-item;
  list-style-type: none;
  list-style-image: url(puce_lie.gif);
}

a.liencomp4 {  /* aligne à gauche, avec fleche noire et texte orange gras*/
  font-size: 11px;
  font-weight: bold;
  color: #F60;
  margin: 20px 0 20px 25px;
  display: list-item;
  list-style-type: none;
  list-style-image: url(puce_lie.gif);
}

a.liencomp5 {  /* aligne à gauche, avec fleche noire et texte gris gras*/
  font-size: 11px;
  font-weight: bold;
  color: #71828A;
  margin: 20px 0 20px 25px;
  display: list-item;
  list-style-type: none;
  list-style-image: url(puce_lie.gif);
}
a.liencomp6 {  /* aligne à gauche, avec fleche noire et texte orange gras*/
  font-size: 11px;
  font-weight: bold;
  color: #F60;
  margin: 10px 0 10px 15px;
  display: list-item;
  list-style-type: none;
  list-style-image: url(puce_lie.gif);
}


/* Retour en haut de page */
a.retourhaut {
  display: block;
  text-align: right;
  margin: 10px 0 10px 0;
  color: #F60;
}

p.lienNav1{
	clear: both;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 10px 50px;
}

a.lienDepotCommentaire{
	display: inline;
	font-size: 11px;
	font-weight: normal;
	color: #F60;

}

a.lienNav2{
	clear: both;
	display: block;
	margin: 10px 0 10px 50px;
	padding: 0 0 0 20px;
	font-size: 11px;
	font-weight: bold;
	color: #F60;
	width: 320px;
	background: url(puce_lie.gif) no-repeat;
}


a.lienBouton{
  font-size: 11px;
  font-weight: bold;
  color: #F60;
  margin-left: 25px;
  display: list-item;
  list-style-type: none;
  list-style-image: url(puce_lie.gif);
}
/*----------------
 POSITIONNEMENT DES VISUELS DANS LE CONTENU
-----------------*/
.ImgBreve {
	float: right;
	display: block;
	font-size: 11px;
	margin: 0px 0px 5px 5px;
	text-align: center;
}

img.gauche {
  float: left;
  margin: 2px 12px 5px 0;
  border: 1px solid #000;
}

img.droite {
  float: right;
  margin: 2px 0 5px 12px;
  border: 1px solid #000;
}
img.droiteZoom {
  margin: 0px 0 5px 0px;
  border: 1px solid #000;
}
img.zoom {
display: block;
  width: auto;
  clear: both;
  margin: 0px 0 10px 0px;
}

p.centre {
  width: 100%;
  text-align: center;
}

p.centre img {
  border: 1px solid #000;
}


/*----------------
 ARTICLE TYPE
-----------------*/
div.article p, div.article ul,div.article li,div.article b {
	font-size: 11px;
  line-height: 130%;
}

/*
div.article p {
	font-size: 11px;
  line-height: 130%;
}
*/

div.article p.titre3 {
/*  font-size: 19px;*/
	font-family: Arial black, Arial, verdana, sans-serif; 
	font-size: 18px;
	font-weight: normal;
	color: #7A85B5;
	margin-bottom: 10px;
}

div.article p.titre4 {
	clear: both;
	font-weight: bold;
	display: list-item;
	list-style-image: url(titre_pw.gif);
	margin: 25px 0 5px 15px;

}
div.article p.paragraphe {
	clear: both;
	display: block;
	margin : 0;
	padding: 0;
	font-size: 12px;
	font-family:  verdana, sans-serif, arial;
	line-height: 19px;
}
p.paragraphe span.ImgBreve {
	float: right;
	display: block;
	font-size: 11px;
	margin: 5px 0px 0px 5px;
	text-align: center;
}
p.paragraphe span.ImgBreve img.zoom {
  display: block;
  width: auto;
  clear: both;
  margin: 0px 0 0px 0px;
}
div.article p.ref {
  font-size: 10px;
}

div.article p.date {
  font-size: 10px;
  display: block;
  color: #969696;
  margin: 0;
}

div.article p.chapeau {
  font-weight: bold;
  font-size: 12px;
	color:#5F5F5F;
}

div.article p.auteur {
  display: block;
  text-align: left;
  color: #71828A;
  margin: 0 0 20px 0;
}


/*----------------
 ENCADRE TEXTE
-----------------*/
div.encadre {
  background: url(encart_f.gif);
  border: 1px solid #E2E8ED;
  padding: 15px 15px 5px 18px;
  margin: 10px 10px 10px 10px;
}

div.encadre span.titre1 {
  position: relative;
  font-variant: small-caps;
  font-size: 11px;
  font-weight: bold;
}

div.encadre span.titre1:after{
  content: " : ";
}

div.encadre span.titre2 {
  font-size: 11px;
  font-weight: bold;
  color: #7A85B5;
}
/*
div.encadre p {
  	margin: 8px 0 8px 0;
	font-style: tahoma, arial;
	size: 11px;
	line-height:14px;
}
*/

div.encadre p {
	font: 1.2em/130% Arial, Helvetica, sans-serif;
  	margin: 8px 0 8px 0;
}


/*----------------
 ENCADRE LIENS COMPLEMENTAIRES
-----------------*/
div#autresliens {
  background: url(encart_f.gif);
  border: 1px solid #E2E8ED;
  padding: 16px 10px 10px 18px;
  margin: 20px 0 0 0;
}

div#autresliens p.titre1 {
  padding: 0 0 5px 0;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  color: #7A85B5;
}

div#autresliens p.titre2 {
  padding: 0 0 5px 0;
  margin: 0;
  font-size: 10px;
  font-weight: bold;
}

div#autresliens a {
  display: block;
  margin: 10px 0 0 10px;
  color: #F60;
}

div#autresliens div.bloc {
  padding: 10px 5px 0 0;
  margin: 0 10px 0 10px;
}

div#autresliens div.bloc a {
  background: transparent url(listetit.gif) left 5px no-repeat;
  margin: 0;
  padding: 0 0 5px 10px;
  color: #000;
}

div#autresliens div.bloc span {
  color: #71828A;
  padding-left: 10px;
}

/*----------------
 FORMULAIRES
 (hors login dans bandeau et chercher de la zone 300)
-----------------*/
div.formulaire {
  clear: both;
  margin: 20px 0 5px 0;
  width: 400px;
}

div.formulaire p.titreform {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: #F60;
	display: list-item;
	list-style-image: url(titre_pw.gif);
	margin: 10px 0 0 15px;
}
div.formulaire p.titreform2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: #F60;
	display: list-item;
	list-style-image: url(titre_pw.gif);
	margin: 10px 0 0 15px;
}

div.formulaire p.titre4 {
  font-size: 12px;
  font-weight: bold;
  display: list-item;
  list-style-type: none;
  list-style-image: url(titre_pw.gif);
  margin: 20px 0 0 15px;
}

div.formulaire form {
  position: relative;
  width: 475px;
  background: url(encart_f.gif);
  border: 1px solid #E2E8ED;
  padding: 15px 5px 10px 5px;
  margin: 0;
}

div.formulaire form.formannuaire {
  position: relative;
  width: 475px;
  background: url(encart_f.gif);
  border: 1px solid #E2E8ED;
  padding: 10px 5px 10px 5px;
  margin: 0;
}

.formannuaire img{
  border: 1px solid #666666;
  margin: 1px;
}
.paybox{
	float: right;
}

.pack {
  position: relative;
  width: 475px;
  background: url(encart_f.gif);
  border: 1px solid #E2E8ED;
  padding: 0px 12px 0px 20px;
  margin: 0px;
}

.pack a{
	text-decoration: underline;
}

.titrepack{
  font-size: 14px;
  font-weight: bold;
  display: list-item;
  list-style-type: none;
  list-style-image: url(titre_pw.gif);
  margin: 0px 15px 5px 20px;
}

.textpack{
	margin-left: 10px;
}
.titrepaiement{
  font-size: 11px;
  font-weight: bold;
  display: list-item;
  list-style-type: none;
  list-style-image: url(titre_pw.gif);
  margin: 0px 15px 5px 20px;
}
.textpaiement{
	margin-left: 10px;
}
.textreglement{
	margin-left: 20px;
	font-size: 11px;
}

.pformannu{
	text-align: center;
	font-size: 10px;
	margin-top: 8px;
}

div.formulaire div.encadre {
  position: relative;
  width: 475px;
  background: url(encart_f.gif);
  border: 1px solid #E2E8ED;
  padding: 15px 5px 10px 5px;
  margin: 0;
}

div.formulaire .encadrefin {
  width: 485px;
  background: url(encart_f.gif);
  border: 1px solid #E2E8ED;
  padding: 0px 0px 0px 0px;
  margin: 0;
}

/* composants standards */
div.formulaire input {
  height: 15px;
  padding: 0;
  margin: 0 2px 2px 0;
  border: 1px solid #B3B3B3;
  background-color: #FFF;
}

* html div.formulaire input {
  margin-bottom: 0;
}

div.formulaire select {
  padding: 0;
  /*margin: 0;*/
  margin: 0 6px 0 6px;
  border: 1px solid #B3B3B3;
  background-color: #FFF;
}

div.formulaire textarea {
  padding: 0;
  margin: 0;
  border: 1px solid #B3B3B3;
  background-color: #FFF;
  width: 100%;
}

div.formulaire input.radio {
  position: relative;
  border: 0;
  background: none;
  padding: 0;
  margin: 0 1px 0 0;
  vertical-align: middle;
}

div.formulaire input.checkbox {
  width: 12px;
  height: 12px;
  border: 0;
  background: none;
  padding: 0;
  margin: 0 2px 1px 1px;
}

div.formulaire button {
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background: url(bouton_f.gif) repeat-x;
  border-top: 1px solid #D8DDE4;
  border-right: 2px solid #9EABBC;
  border-bottom: 2px solid #9EABBC;
  border-left: 1px solid #C5CDD7;
  margin-left: 6px;
  margin-right: 1px;
}


/* ligne des boutons en bas de formulaire */
div.formulaire div.boutons {
  clear: both;
  text-align: center;
  padding-top: 10px;

}

/* textes ordinaire */
div.formulaire p {
  font-size: 11px;
}

/* liens particuliers */
div.formulaire a.perdu {
  display: block;
  text-align: center;
  font-size: 10px;
  color: #71828A;
  padding : 0;
  margin: 10px 0 5px 0;
}

/* format des lignes de saisie standards */
div.formulaire label {
  position: relative;
  float: left;
  width: 130px;
  color: #000;
  text-align: right;
  font-weight: bold;
  margin: 3px 3px 3px 0;
  top: 3px;
  vertical-align: top;
  white-space: nowrap;

}

div.formulaire span.valeur {
	position: relative;
	float: left;
	width: 320px;
	margin: 3px 0 3px 0;
	padding-top: 2px;
}

div.formulaire p.checkboxlivrfact {
  position:relative;
	color:#000000;
  float:left;
  text-align:left;
  width: 90%;
  margin: 3px 0 10px 20px;
  padding-left : 5px;
  padding-top : 5px;
  padding-bottom : 5px;
  background-color: #DFDFDF;
  border: 1px solid #C5C5C5;

}

div.formulaire div.titrelivrfact{
	position:relative;
	float:left;
	display: block;
	width: 460px;
	height: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-size: 460px 20px;
	background: transparent url(titredec.gif) left top no-repeat;
	margin: 0px 0px 10px 4px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}
div.formulaire .categoriesbloc{
	position:relative;
	float:left;
	display: block;
	width: 450px;
	background-color:#F7F8FA;
  	border: 1px solid #E2E8ED;
	margin: 0px 0px 4px 4px;
	padding: 5px;
	font-size: 10px;
}
.rubrique{
	float: left;
	width: 150px;
	font-weight: bold;
}
.souscategorie{
	float:left;
}
.souscategorie li{
	padding-bottom: 1px;
	list-style-position:outside;
}
.btcategorie{
	clear:both;
	text-align: right;
}

div.formulaire span.valeur span.format{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #71828A;
  margin-left: 2px;
}

/* 2ème label sur la même ligne */
div.formulaire span.label2col {
  color: #000;
  font-weight: bold;
  margin: 0 2px 0 10px;
  white-space: nowrap;
}

/* formulaire sur 2 colonnes - class sur le formulaire */
form.form2col label {
  width: 60px;
}

form.form2col span.valeur {
  width: 170px;
}

form.form2col div.boutons {
  margin-left: 0;
  text-align: center;
  width: auto;
}

/* formulaire de connexion */

form.formlogin label {
  width: 200px;
  margin-bottom: 0;
  margin-top: 0;
}

form.formlogin span.valeur {
  width: 200px;
  margin-bottom: 0;
  margin-top: 0;
}

form.formlogin div.boutons {
  clear: both;
  margin-left: 200px;
  width: 200px;
}

/* formulaire souscription annuaire*/


form.formannuaire label {
  width: 110px;
  margin-bottom: 0;
  margin-top: 5px;
  margin-left: 20px;
  clear: both;

}

form.formannuaire span.valeur {
  width: 300px;
  margin-bottom: 0;
  margin-top: 5px;

}

form.formannuaire div.boutons {
  clear: both;
  margin-left: 100px;
  width: 200px;
}

/* formulaire souscription membre */


form.formmembre label {
  width: 100px;
  margin-bottom: 0;
  margin-top: 5px;
  margin-left: 20px;
  clear: both;

}

form.formmembre span.valeur {
  width: 300px;
  margin-bottom: 0;
  margin-top: 5px;

}

form.formmembre div.boutons {
  clear: both;
  margin-left: 100px;
  width: 200px;
}


/* formulaire de recherche simple en zone de contenu */
form.formchercher label {
  width: 150px;
  margin-bottom: 0;
  margin-top: 0;
}

form.formchercher span.valeur {
  width: 250px;
  margin-bottom: 0;
  margin-top: 0;
}

form.formchercher a {
  display: block;
  width: 250px;
  clear: both;
  color: #778C9F;
  margin: 5px 0 0 152px;
  padding: 0;
}
/* *******************************encadre fieldset *****************************************************/
div.blocpresentationdivers fieldset {
  margin: 20px 0 0 0;
  padding: 20px 20px 20px 25px;
  border: 1px solid #7A85B5;
}

* html div.blocpresentationdivers fieldset {
  padding-top: 0;
}

div.blocpresentationdivers legend {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0 10px 0 10px;
}

div.blocpresentationdivers fieldset li {
  font-size: 11px;
  margin: 2px 0 0 0;
}

div.blocpresentationdivers fieldset ul {
  margin: 2px 0 2px 30px;
  padding: 0;
}

div.blocpresentationdivers p.liste {
  padding-left: 18px;
  margin: 20px 0 5px 0;
  background: transparent url(liste_pu.gif) left 2px no-repeat;
}

/******************************************
   Table tableauType
******************************************/
table.tableauType{
border: 1px solid #DDDDDD;
}
table.tableauType td.titreTableauType{
background-color: #D8DDE4;
}
table.tableauType tr{
background-color: #F9F9FB;
}

/*------------------------------------------------
  CONSULTER LES NUMEROS PARUS
------------------------------------------------*/
div.lettres {
	margin: 20px 0 20px 0;
  	width: 100%;
	background-color: #FFFFFF;
}
p.lettre{
	font-size: 11px;
	width: auto;
	background: url(listelif.gif) 2px no-repeat;
	padding-left: 10px;
	margin: 0 0 10px 10px;
}

p.lettre a{
	font-size: 11px;
	text-decoration: underline;
}


/*------------------------------------------------
  Navigation pied de page articles
------------------------------------------------*/
.pagination
{
	font-size: 85%;
	padding-bottom: 0em;
	margin: 2em 0 1em 0;
	_margin: .25em 0 1em 0;
	text-align: center;
}



.pagination li
{
    display: inline;
    border: 1px solid #F35712;
    padding: .3em .5em .3em .5em;
    *padding: .3em .2em .3em .5em;
    margin: .25em .25em;
    text-align: center;
}

.pagination li.suivante
{
	margin-right:.55em;
}

.pagination img
{
    vertical-align:text-bottom;
    *padding-right:3px;
}

.pagination img li.suivante img
{
    position:relative;
    left:1px;
    *position:inherit;
    *left:auto;
}

.pagination li.autre
{
    background-color: #fff;
    border: 1px solid #F35712;
}

.pagination li.autre a:hover
{ 
	color: #FFF;
    background-color: #F35712;
    border: 1px solid #F35712;
}

.pagination li.actif
{
    background-color: #F35712;
    border: 1px solid #F35712;
}

.pagination li.actif a
{
	color: #FFF;
	background-color:#F35712;
	font-weight: bold;
}

.pagination a
{
    color: #000;  
    text-decoration: none;
}

/*********************
 COMMENTAIRE
**********************/
.commentaire_haut
{
	border-bottom: 2px solid rgb(122, 133, 181); 
	color: rgb(122, 133, 181); 
	font-size: 12px; 
	font-weight: bold; 
	padding-bottom: 3px; 
	padding-top: 3px;
}

.commentaire_bas
{
	padding: 10px;
	 text-align: center;
	border-bottom: 2px solid rgb(122, 133, 181); 
	color: rgb(122, 133, 181); 
}

.commentaire_bas ul
{
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	font-size: 12px; 
	font-weight: bold; 

}


.commentaire_1
{
	font-family: tahoma,verdana; 
	font-size: 11px; 
	/*background-color: rgb(255, 255, 255);*/
	margin-bottom: 13px;
	border-bottom: 2px solid rgb(242, 243, 247); 

}

.commentaire_2
{

	font-family: tahoma,verdana; 
	font-size: 11px; 
	/*background-color: rgb(242, 243, 247);*/
	margin-bottom: 13px;
	border-bottom: 2px solid rgb(242, 243, 247); 
}