/* GENERAL  */
BODY { font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; background-color:#888888; }
a {     text-decoration: none;  color:#FF0000; }
h1 { font-size: 12px; font-weight: bolder; margin-bottom: 10px; }
h2 { font-size: 12px; font-weight: bolder; margin-bottom: 10px; }
p {text-align:left;}
.spacer { clear:both; visibility:hidden; }
.spacerads  {margin: 20px auto 0 0;clear:both; visibility:hidden;}

/* CONTENU  */
#conteneur { text-align: center; width: 100%; background-color:#888888; }


#entete { width: 991px; height:93px; margin: 0 auto; background:url(../images/entete.jpg) top left no-repeat;}
#entete .logo { float: left; width:345px; font-size:1.95em; color:#FFFFFF; height:67px; line-height:60px; text-align:right; font-variant:small-caps; }
#entete .pub { float:left; width:646px; text-align:center; margin-top:15px;}
#entete .pub img { border: 4px solid #4C4C4C;}


#menu { width: 991px; margin:0 auto; height:27px; background: url(../images/back-menu.gif) top left no-repeat;}
#menu ul { float:right; margin:0; padding:0; padding-right:158px; }
#menu li { float:left; list-style-type:none; list-style:none; line-height:1.8em; text-align:center; margin:0; padding:0;}
#menu a { display:block; color:#FFFFFF; margin:0; padding:0; font-size:11px; font-variant:small-caps; font-weight:bold; padding:0 22px 0 15px; border-right:1px solid #FFF;}
#menu a:hover { background-color:#CF0000;}

#content { width: 991px; margin:0 auto; background: url(../images/backcontent.gif) top left repeat-y;}


#drt { float:left; width:223px; padding: 0; margin:0;}
#drt .recherche { margin: 0; padding: 0px; background-color:#C4C4C4; padding-bottom: 10px; text-align: center;} 
#drt .recherche {  width: 204px; margin: 0 auto; padding: 0px; background-color:#C4C4C4; padding-bottom: 20px; text-align: center; color:#FFFFFF; border-left:4px solid #9C9C9C; border-right:4px solid #9C9C9C; border-bottom:4px solid #9C9C9C; margin-left:43px;}
#drt .recherche h1 { font-size:11px; font-weight: bold; margin: 0; padding:O; margin-bottom:10px; height:27px; background: url(../images/h1con.gif) no-repeat; color:#4C4C4C; text-align:left; padding-left: 20px; line-height: 27px; background-color:#0E801E; font-variant:small-caps;}
#drt .proconnexe {  width: 204px; margin: 0 auto; padding: 0px; background-color:#C4C4C4; padding-bottom: 20px; text-align: center; color:#FFFFFF; border-left:4px solid #9C9C9C; border-right:4px solid #9C9C9C; border-bottom:4px solid #9C9C9C; margin-left:43px;}
.divtitre { font-size:11px; font-weight: bold; margin: 0; padding:O; margin-bottom:10px; height:27px; background: url(../images/h1con.gif) no-repeat; color:#4C4C4C; text-align:left; padding-left: 20px; line-height: 33px; background-color:#FFFFFF;}
.divtitre2 { font-size:12px; font-weight: bold; margin: 0; padding:O; margin-bottom:10px; height:27px; background: url(../images/h1con.gif) no-repeat; color:#4C4C4C; text-align:left; padding-left: 20px; line-height: 33px; background-color:#FFFFFF;}
#drt .proconnexe p { padding: 0 10px; margin:5px 0;}
#drt .proconnexe a { display:block; color: Black; font-weight: normal; padding:0; margin:0; padding-left:10px; background:url(../images/pucemenu.gif)  left 6px no-repeat; margin-left:10px; text-align:left;}
#drt .proconnexe a:hover { color:#FF0000;}
#drt .pub1 {  width: 204px; margin: 0 auto; padding: 0px; padding-bottom: 20px; text-align: center; color:#FFFFFF; margin-left:46px;}
#drt .pubcontent {margin: 0px 0 1px 0;	padding: 0px;	padding-bottom: 10px;	text-align: center;	background-image: url(../images/back_pub1.gif);border: thin solid #0E801E;}
#drt .pub1 h1 { display:none;}
#drt .pub1 img { border: 4px solid #4C4C4C; margin-top:35px;}
#drt input { width: 160px; height:18px; font-family:serif; font-size:12px; background-color:#A60E1F; border:1px solid #FFFFFF; color:#FFFFFF;}
#drt .ok { width: 30px; height:18px; font-family:serif; font-size:11px; font-weight:bold; background-color:#0E801E;  border:1px solid #FFFFFF; margin-top: 5px;}



#centre {
	float: right;
	width: 695px;
	text-align: left;
	margin: 10px 0px 0px 30px;
}
#centre p { margin: 0; padding:0; font-size:13px;}
#centre ul { margin: 0; padding:0; font-size:13px;}
#centre ul li { margin:  0px 15pt 0px; padding:0; font-size:13px;}
#centre h1 {  font-size: 18px; font-weight: bold; margin: 10px 0 20px 0; padding:O; text-align:center; color:#FF0000;}
#centre h2 { font-size: 14px; font-weight: bolder; margin-bottom: 20px; color:#8A0045;  margin-top:30px; margin-left:10px;}
#centre h3 { font-size: 12px; font-weight: bolder; margin-bottom: 20px; color:#000000; margin-top:20px; margin-left:40px;}





/*
#centre .pga { float: left; width:315px; margin:0 10px; padding: 0; border: 4px solid #c4c4c4; font-size: 12px; background-color:#EDEDED;}
#centre .pga h1 {  font-size: 12px; font-weight: bold; margin: 0; padding:O; height:2em; background: #c4c4c4 url(../images/backmenu.gif) bottom right no-repeat; color: White; text-align:left; padding-left: 20px; line-height: 2em;}
#centre .pga a { font-weight: bold; color: #fffff; margin:0; padding:0;}
#centre .pga img { float: left; margin:0; margin-right:5px;}

#centre .blocpa { clear:both; height:67px; text-align: left; margin:0; padding:5px; border-bottom:4px solid #c4c4c4;}
#centre .blocpa:hover {}
#centre .blocpa h2 { margin:0; padding:0; font-size:14px; color:#ff0000;}
#centre .blocpa h2>a { margin:0; padding:0; font-size:14px; color:#ff0000;}
#centre .blocpa p { text-align: left; margin:0; padding:0;}

#centre a.pgasc { margin:0; padding:0 3px; font-size:11px; color:#000000;}
.plus {background-color:#FF0000; color:#FFFFFF; margin-left:10px; padding-left:3px; padding-right:3px; font-variant:small-caps; text-decoration:none; font-size:9px;}
*/
#centre .pga { width: 200px; float:left;  margin:0 10px; padding: 0; font-size: 12px; border-left:4px solid #9C9C9C; border-right:4px solid #9C9C9C; border-bottom:4px solid #9C9C9C; background:#EDEDED; height: 300px; }
#centre .pga h1 {  font-size: 12px; font-weight: bold; margin: 0; padding:O; height:27px;  background: url(../images/h1con.gif) no-repeat; color: #000; text-align:left; padding-left: 20px; line-height: 34px; font-variant:small-caps;}
#centre .pga a { font-weight: bold; color: #fffff; margin:0; padding:0;}
#centre .pga img { display: none;}

#centre .blocpa { clear:both; text-align: left; margin:0; padding:5px;}
#centre .blocpa:hover {}
#centre .blocpa h2 { margin:0; padding:0; font-size:12px; color:#ff0000;}
#centre .blocpa h2>a { margin:0; padding:0; font-size:12px; color:#ff0000;}
#centre .blocpa p { text-align: left; margin:0; padding:0;}
#centre a.pgasc { margin:0; padding:0 3px; font-size:11px; color:#000000;}

/*Bloc Page Principale Derniers articles*/
#centre .blocpada {clear: both;text-align:left;margin:2px;padding:2px;margin-top:14px;}
#centre .blocpada a {margin:0;padding:0;font-size:11px;color:#ff0000;}
#centre .blocpada p {margin:0;padding:0;font-size:11px}
/* Bloc Chapeau */
#centre .chapo {width:436px;text-align:left;float:left;margin:0 10px;margin-top:50px;padding:0; }

#centre .artadsacc { margin-top: 25px; margin-bottom: 25px; }

/* Bloc Commentaires Articles */
#centre .pgacom {
	width: 650px;
	float: left;
	margin: 0 10px;
	padding: 0;
	font-size: 12px;
	background: White;
	height: auto;
}
#centre .pgacom h1 {  font-size: 12px; font-weight: bold; margin: 0; padding:O; height:27px; color: #000; text-align:left; line-height: 34px;}
#centre .pgacom h2 {  font-size: 11px; font-weight: bold; margin: 0; padding:O; height:27px; color: #000; text-align:left; line-height: 34px;}
#centre .pgacom p {
	margin: 0;
	padding: 1O;
	height: auto;
	color: #000;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	line-height: normal;
	font-variant: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#centre .pgacomnouv {
	width: 350px;
	float: left;
	margin: 0 20px;
	padding: 0;
	font-size: 12px;
	border-left: 4px solid #9C9C9C;
	border-right: 4px solid #9C9C9C;
	border-bottom: 4px solid #9C9C9C;
	background: White;
	height: auto;
}
#centre .pgacomnouv h1 {  font-size: 12px; font-weight: bold; margin: 0; padding:O; height:27px;  background: url(../images/h1con_comment.gif) no-repeat; color: #000; text-align:left; padding-left: 60px; line-height: 34px; font-variant:small-caps;}
#centre .pgacomnouv p {
	margin: 0;
	padding: 1O;
	height: auto;
	color: #000;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	line-height: normal;
	font-variant: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#centre .pgacom a { font-weight: bold; color: #fffff; margin:0; padding:0;}
#centre .pgacom img { display: none;}
#centre .boutonsuite {
	width: 110px;
	float: left;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
}
#centre .boutonsupp {
	width: 150px;
	float: right;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	margin-left: auto;
	margin-right: 50px;
}
#centre .boutonretour {
	width: 80px;
	float: left;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
}
#centre .boutonsuiteno {
	width: 20px;
	float: left;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
}
/******* Fin bloc commentaires d'articles *******/
.plus {background-color:#FF0000; color:#FFFFFF; margin-left:10px; padding-left:3px; padding-right:3px; font-variant:small-caps; text-decoration:none; font-size:9px;}

#centre .headcol {  clear:both; font-size: 12px; margin: 0; padding:O; height:2em; background: #0c6e1a url(../images/backmenu.gif) bottom right no-repeat; color: White; text-align:left; padding-left: 20px; line-height: 2em; margin-bottom:20px; background-color:#888888;}
#centre .headcol h2 {  clear:both; font-size: 12px; margin: 0; padding:O; height:2em; background: #0c6e1a url(../images/backmenu.gif) bottom right no-repeat; color: White; text-align:left; padding-left: 20px; line-height: 2em; margin-bottom:20px; background-color:#888888;}
#centre .headcol h2 a {  color:white; font-weight:bold;}
#centre .headcol a { display:block; float:left; color: White; font-weight:bold; padding-right:12px; background:url(../images/pucemenublanc.gif) right no-repeat; margin-left:9px;}
#centre .headcol a:hover { text-decoration:underline;}
#ads { margin-top: 4px; margin-left:5px; margin-bottom: 23px; float: left;}
#adsimg {float:right; width:110px; margin-top:30px;}
#adsimg img { margin:0; padding:0; margin-bottom: 15px; margin-left:5px;}

/*REFERENCEMENT */
  .obligatory {
    color: red;
        font-style:italic;}
  .descr {
        color:#999999;}
        #error {
        background-color:#FFFFFF;
        color:#FF0000;
        font-weight:bold;
        text-align:center;
        font-size:17px;
        border-color:#FF0000;
        border-color:#FF0000;
        border-width: medium;
        border-style:none;/*:solid;*/
        }

.refdet { font-size: 12px; font-weight: bolder; margin-bottom: 20px; color:#000000; margin-top:20px; margin-left:40px;}


/*ARTICLES */
#centre .listarticle { height: 75px;  }
#centre .listarticle a {padding-left:10px; background:url(../images/pucemenu.gif) left no-repeat; text-decoration: none; vertical-align:middle;  color:#FF0000; font-weight: bold; text-decoration:underline; font-size: 13px;}
#centre .listarticle p {padding-left:10px; margin:5px 30px 0px 10px;}
#centre .listarticle img { margin-right:30px; margin-left:20px;   text-align:middle; float:left}
#centre .toparticle { height: 60px;  }
#centre .artadstop {margin: 40px 10px 0px 0px;  }
margin: 40px 10px 30px 10px;  

#centre .dateart {font-size: 10px;      font-style: italic; color: #4C4C4C;}

#centre .res { clear:both; text-align: left; margin:15px 0; padding:5px;}
#centre .desc { text-align: left; margin:0;}
#centre .img { float:right; padding-right:5px; border:0;}
#centre .res p { FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;}
#centre .res a {  FONT-SIZE: 9pt; COLOR: #A60E1F; TEXT-DECORATION: none; FONT-FAMILY: Arial, Helvetica, Verdana; font-weight: bold; text-decoration:underline}

#centre .resboutique {
	clear: both;
	text-align: left;
	margin: 0 0;
	padding: 5px; margin-bottom: 20px;}
#sscentre .desc { text-align: left; margin: 0; margin-left: 115px; margin-bottom: 5px;}
#centre .resboutique p { FONT-SIZE: 9pt; COLOR: #000000; height: 90px; 
vertical-align: middle;
FONT-FAMILY: Arial, Helvetica, sans-serif;}
#centre .resboutique a {  FONT-SIZE: 9pt; COLOR: #A60E1F; FONT-FAMILY: Arial, Helvetica, Verdana; font-weight: bold; text-decoration:none}


#centre .dpt { width:410px;; margin:0; padding:0; }
#centre .dpt li { float:left; width:30%; list-style-type:none; list-style:none; text-align:left; background:url(../images/pucemenu.gif) left no-repeat; padding-left:10px;}
#centre .dpt a { color:#000000;}
#centre .dpt a:hover { color:#FF0000;}

#carte {float:right; margin-top:30px;}

#centre .bloc { display: block; width: 31%; float: left; text-align: left;font-size: 12px; font-weight: bold; color: #8A0045; padding-left:10px;  background:url(../images/pucemenu.gif) left no-repeat;}
#centre .bloc:hover { color:#FF0000;}

#centre .url a {FONT-SIZE: 7pt; COLOR: #0E801E; FONT-FAMILY: Arial, Helvetica, sans-serif;      TEXT-ALIGN: center;     text-decoration: none;  font-weight: bold;}
#centre .linkpetit a {font-size: 9px; color: #555555;}

#centre .nav {clear:both; margin-top:30px; font-size:12px; font-weight:bold; text-align:center;}
#centre .nav a {color:#FF0000;}

#librairie { float: right; width:200px; border: 1px solid #CCC; padding:0; margin: 0;} 

#pdp { clear:both; background: #888888 url(../images/backpdp.gif) no-repeat; height:30px; color:#FFFFFF; font-size:9px; text-align:left; padding-left: 315px; padding-top:95px; }

/* DISPATCH */
#dispatch .descr {
padding:5px 10px 5px 5px;
color:#666666;
vertical-align:top;
/*width:200px;*/
}
#dispatch .gauche {
float:left;
margin: 0px 5px 0px 0px;


}


#dispatch a{
text-decoration:none;
}
#error {
        background-color:#FF0000;
        color:#FFFFFF;
        font-weight:bold;
        text-align:center;
        font-size:17px;
        }



#dispatch ul#galerie_mini li
{
        float: left ;
        text-align:center;
}


#dispatch ul#galerie_mini li a img
{
        margin: 2px 1px ;
        border: 1px solid #dcb ;
}


#dispatch dl#photo
{
        clear: both ;
        margin: 0 auto ;
}


#dispatch dl#photo dt

{
        font: italic 1.5em/0.5em Georgia, serif ;
        color: #EDEDED ;
}


#dispatch dl#photo dd
{
        margin: 0 ;
}

	
#drt .proconnexe .lienText
	{
	background:none;
	display:inline;
	text-decoration:underline;
	margin:0px;
	padding:0px;
	margin-bottom: 
	}
.BlocImgMarque
	{
	width:40px;
	height:40px;
	float:left;
	margin:10px;
	}
.imgMarque
	{
	vertical-align:middle;
	}
	

.blocDetail
	{
	margin:5px;
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 12px;
	border-left:4px solid #9C9C9C;
	border-right:4px solid #9C9C9C;
	border-bottom:4px solid #9C9C9C;
	border-top:2px solid #9C9C9C;
	background:#EDEDED;
	}
#dispatch  .horaire, #dispatch  .adresse
	{
	width:225px;
	float:left;
	margin-bottom:10px;
	}
.blocDetail .enteDet
	{
	background: url(../images/h1detail.gif) no-repeat;
	padding-left: 30px;
	line-height: 34px;
	font-variant:small-caps;
	margin-left:-15px;
	text-align:left;
	}
.multiBoxDesc
	{
	display:none;
	}
#galerie
	{
	text-align:center;
	}


#dispatch ul#galerie_mini
{
        margin: 0 ;
        padding: 0 ;
        list-style-type: none ;
}

.blocDetail a img
	{
	border:none;
	vertical-align:middle;
	}
#verifHauteurGauche
	{
	height:1px;
	background-color :red;
	}
.demiBR
	{
	margin:0px;
	padding:0px;
	height:0.7em;
	}
.enteteLink
	{
	margin-top:1em;
	background:#888888 url(../images/backmenu2.gif) no-repeat scroll left bottom;
	height:2em;
	margin-bottom:10px;
	}
#drt  .profVilleConnexe a
	{
	display:inline;
	margin:0;
	padding:0px;
	background:none;
	color:#FF0000;
	text-decoration:underline;
	}
#drt  .profVilleConnexe
	{
	color:#000000;
	font-size:0.9em;
	text-align:left;
	}
#drt  .proconnexe2
	{
	background:none;
	}
.imgRss{border:none}

.blocInscription
	{
	background:#EDEDED;
	border-color:#9C9C9C;
	border-style:solid;
	border-width:2px 4px 4px;
	float:left;
	height:300px;
	padding-left:5px;
	}
.blocInscription .enteDet
	{
	background:transparent url(../images/h1detail.gif) no-repeat scroll 0 0;
	font-variant:small-caps;
	line-height:34px;
	margin-left:-5px;
	padding-left:30px;
	text-align:left;
	font-weight:bold;
	}
.blocInscription select
	{
	font-size:12px;
	}
	
#binsc1
	{
	width:380px;
	margin-left:-10px!important;
	margin-left:0px;
	}
	
#binsc2
	{
	width:280px!important;
	width:270px;
	margin-left:5px;
	}
.lienChemin
	{
	color:#000000;
	}
.lienChemin:hover
	{
	text-decoration:underline;
	}
/* debut recherche */
#drt .champsRechArt
	{
	background-color:#EDEDED;
	width:130px;
	color:#000000;
	height:18px;
	}
#drt .champsValArt
	{
	background-color:#000000;
	width:30px;
	border:none;
	margin-left:5px;
	}
	
#centre .listarticle  .rechCateg
	{
	color:#333333;
	font-size:0.8em;
	background:none;
	margin-top:-2px;
	margin-left:100px;
	padding:0px;
	}
#centre .listarticle  .rechCateg a
	{
	color:#333333;
	background:none;
	padding:0px;
	vertical-align:top;
	}
	
#centre  .resultaRecherche
	{
	height:90px;
	}
	
#drt .caseRecherche
	{
	padding:0 0 10px;
	}
/* fin recherche */
