/* GENERAL  */
BODY { font-size: 12px;	font-family: serif; margin:0; padding:0; background-color:#EEEEEE; }
a {	text-decoration: none;  color:#A60E1F; }
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; }


/* CONTENU  */
#conteneur { text-align: center; width: 100%; background-color:#EEEEEE; }




#entete { width: 970px; height:67px; margin: 0 auto; background:#e60f39 url(../images/backlogo.jpg) top left no-repeat;}
#entete .logo { float: left; width:224px; font-size:2em; color:#FFFFFF; height:67px; line-height:67px; }
#entete .pub { float:left; width:746px; text-align:center; margin-top:3px;}




#menu { width: 970px; margin:0 auto; height:2em; background: #e60f39 url(../images/backmenu.gif) top left no-repeat;}
#menu ul { float:right; margin:0; padding:0; padding-right:120px; }
#menu li { float:left; list-style-type:none; list-style:none; line-height:2em; text-align:center; background:url(../images/pucemenu.gif) right no-repeat;}
#menu a { display:block; color:#FFFFFF; margin:0; padding:0; margin-left:2px; font-size:13px; font-weight:bold; padding:0 22px 0 15px; border-left:1px solid #FFF;}
#menu a:hover { color:#FFA200;}


#content { padding-top: 1px; width: 970px; margin:0 auto; background-color:#FFFFFF;}




#drt { float:left; width: 223px; padding: 0; margin:0;}
#drt .recherche { margin: 0px 0 1px 0; padding: 0px; background-color:#e60f39; padding-bottom: 10px; text-align: center;} 
#drt .proconnexe { margin: 0px 0 1px 0; padding: 0px; background-color:#e60f39; padding-bottom: 20px; text-align: center; color:#FFFFFF;}
#drt .proconnexe p { padding: 0 10px; margin:5px 0;}
#drt .proconnexe a { display:block; color: White; font-weight:bold; padding:0; margin:0; padding-left:10px; background:url(../images/pucemenu.gif) left no-repeat; margin-left:10px; text-align:left;}
#drt .proconnexe a:hover { color:#FFA200;}

#drt .pub1 { margin:0px 0 1px 0; padding:0px; padding-bottom:10px; text-align:center; background-image:url(../images/back_pub1.gif);}
#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 #e60f39;}

#drt .menuboutique { margin:0px 0 1px 0; padding:0px; padding-bottom:10px; text-align:center; background-image:url(../images/back_pub1.gif);}
#drt .menuboutique li { list-style-type:none; list-style:none; 
padding-left: 15px;margin-left:20px;
 line-height:20px; text-align:left; background:url(../images/pucemenu.gif) left no-repeat;}

#drt .pubcontent p {
	padding-left: 10px;
	padding-right: 10px;
}
#drt h1 { font-size:11px; font-weight: bold; margin: 0; padding:O; margin-bottom:10px; height:2em; background: #0c6e1a url(../images/backmenu.gif) bottom right no-repeat; color:White; text-align:left; padding-left: 20px; line-height: 2em; border-bottom:1px dashed #FFFFFF; background-color:#e60f39;}

#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:#e60f39;  border:1px solid #FFFFFF; margin-top: 5px;}


#centre { float: left; width: 695px; margin:0; padding:20px; text-align:left;}
#centre p { margin: 0; padding:0; font-size:12px;}
#centre h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: O;
	text-align: center;
	color: Navy;
}


#centre .pga { float: left; width:320px; margin:0 10px; padding: 0; border: 1px solid #CCC; font-size: 12px;}
#centre .pga h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: O;
	height: 2em;
	background: #e60f39 url(../images/backmenu.gif) no-repeat bottom right;
	color: White;
	text-align: left;
	padding-left: 20px;
	line-height: 2em;
	border-bottom: 1px dashed #FFFFFF;
	background-color: #e60f39;
}
#centre .pga a { font-weight: bold; color: #8A0045; margin:0; padding:0;}
#centre .pga img { float: left; margin:0; margin-right:5px;}
 
#centre .blocpa { clear:both; height:10px; text-align: left; margin:0; padding:5px; border-bottom:0px dashed #ccc;}
#centre .blocpa:hover { background-color:#EEE;}
#centre .blocpa h2 { margin:0; padding:0; font-size:14px; color:#A60E1F;}
#centre .blocpa h2>a { margin:0; padding:0; font-size:14px; color:#A60E1F;}
#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:#e60f39; 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: #e60f39 no-repeat bottom right;
	color: White;
	text-align: left;
	padding-left: 20px;
	line-height: 2em;
	border-bottom: 1px dashed #FFFFFF;
	margin-bottom: 10px;
	background-color: #e60f39;
}
#centre .headcol a { display:block; float:left; color: White; font-weight:bold; padding-right:25px; background:url(../images/pucemenu.gif) right no-repeat;}
#centre .headcol a:hover { color:#FFA200;}


#ffcentre .res a {  FONT-SIZE: 9pt; color:#881A4C; TEXT-DECORATION: none; FONT-FAMILY: Arial, Helvetica, Verdana; font-weight: bold; text-decoration:underline}

#ads { margin-top:10px;margin-left:5px; float: left;}
#adsimg {float:left; width:110px; margin-left:3px; margin-top:-10px;}
#adsimg img { margin:0; padding:0; margin-top: 40px; margin-left:2px;}


#centre .res {
	clear: both;
	text-align: left;
	margin: 0 0;
	padding: 5px; margin-bottom: 20px;}
#centre .desc { text-align: left; margin: 0; margin-left: 5px; margin-bottom: 5px;}
#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:#FFA200;}


#carte {float:right; margin-top:5px;}


#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:#FFA200;}


#centre .url a {FONT-SIZE: 7pt; COLOR: #e60f39;	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:#FFA200;}


#librairie { float: right; width:200px; border: 1px solid #CCC; padding:0; margin: 0;} 


#pdp { clear:both; background-color: #e60f39; height:20px; line-height:20px; color:#FFFFFF; font-size:9px; }


/*


div.bloccent {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	width: 750px;
	border: 1px solid #CCC;
	float: left;
	margin-bottom: 15px;
}
 
div.blocracine {
	width: 240px;
	float: left;
	text-align: center;
	vertical-align: top;
	padding-left: 5px;
}


a.linkcarte {
	font-size: 10px;
	font-weight: bold;	
color: #8A0045;
}


div.pga A.pgasc {
	font-size: 11px;

	font-weight: bold;
	color: Black;
	margin-left: 5px;
	float: inherit;
	font-style: italic;
}




div.pga p {
	font-size: 11px;
	margin-bottom: 10;
	color: black;
	text-align: left;
	float: left;
}


div.sousrep {
	width: 100%;
	float: left;
	}


div.bloc {
	width: 240px;
	float: left;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
}


div.bloc a {
	font-size: 11px;
	font-weight: bold;	
color: #8A0045;
}


div.pgalib {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	width: 49%;
	height: 500px;
	float: left;
	margin-left: 5px;
	margin-bottom: 15px;
}


div.pgalib img {
	float: left;
}


div.pgalib A {
	font-size: 12px;
	font-weight: bold;
	color: #8A0045;
	margin-left: 5px;
	float: inherit;
}


div.pgalib p {
	font-size: 11px;
	margin-bottom: 10;
	color: black;
	text-align: left;
	float: left;
}


H1.liv
 	{
	font-size: 13px;
	font-weight: bolder;
	margin-bottom: 10;
	color: #8B0000;
}


H2.liv
 	{
	font-size: 11px;
	color: #8B0000;
	margin-bottom: 10;
	font: italic;
	margin-top: -10;
}


H3.liv
 	{
	font-size: 11px;
	font-weight: bolder;
	margin-bottom: 10;
	margin-left: 10;
	
	color: #8B0000;
	}






div#imgdet {
	width: 200px;

	float: left;
	text-align: center;
	vertical-align: center;
	padding-left: 5px;
}


div#livrsum {
	width: 500px;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
}


div#detlivr {
	text-align: left;
	left: 10px;
	width: 700px;
	vertical-align: top;
	padding-left: 40px;
	float: inherit;
}


div.livresim {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	text-align: center;
		width: 190px;
	height: 250px;
	border: 1px solid #CCC;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
}


SPAN#sepdept
{
position:relative; 
width:410px;
float: left;
}


DIV#DPT {
border: 1px solid #CCCCFF;
position:relative; 
width:90%;
letter-spacing: 0px;
margin-left: 10px;
padding-left: 12px;
}


div.lignedpt {
	width: 360px;
	height: 15px;
	}


div.blocdpt {
	width: 120px;
	float: left;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	height: 15px;
	
}






SPAN#carte
{
float: left;
position:relative; 

width:300px;
top:0px;
}
		  
A.smallDPT {	FONT-SIZE: 8pt; COLOR: #000000; TEXT-DECORATION: none; FONT-FAMILY: Arial, Helvetica, sans-serif;white-space: nowrap }


div.ligneville {
	width: 740px;
	height: 25px;
	}


div.blocville {
	width: 180px;
	float: left;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	height: 1	5px;
	
}


div.blocville a {
	font-size: 10px;
	font-weight: bold;	
color: #8A0045;
}
	
div.res {
	margin-bottom: 15px;
	width:700px;
}


div.res a {

	font-size: 11px;
	font-weight: bold;	
color: #8A0045;
}


div.res A.linkgeo {
	FONT-SIZE: 8pt;
	COLOR: #000000;
	TEXT-DECORATION: none;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	white-space: nowrap;
	font: normal normal;
}


 span.imgres
	{
	float: left;
	height:110px;
	width: 130px;
	margin-right: 0px;
} 


span.restxt
	{
	float: left;
	width: 500px;
	margin-right: 0px;
  }
div.res a.link {
	font-size: 11px;
	font-weight: bold;
	color: #006400;
}


div.nav {
	width: 100%;
	margin-bottom: 15px;
}


div.headcol {
	float: left;
	width: 740px;
	height: 20px;
	font-size: 11px;
	color: White;
	background-color: #4682B4;
	font-variant: normal;
	font-weight: bold;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 15px;
}


div.headcol a {
	font-size: 10px;
	font-weight: bold;
	color: White;
}


 div.headcoldrt {
	width: 180px;
	text-align: left;
	float: left;
	height: 20px;
	font-size: 11px;
	color: White;
	background-color: #4682B4;
	font-variant: normal;
	font-weight: bold;
	padding-top: 2px;
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
}


div.proconnexe1
	{
	float: right;
	margin-top: 0px;
	width: 100%;
	border: 1px solid #CCC;
	margin-right: 0px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	text-align: left;
	
	}  
div.proconnexe1 P
	{
	font-size: 11px;
	margin-left: 15px;
	} 
	
a.proconnex  {
	font-size: 11px;
	font-weight: bold;
	color: #8A0045;
	margin-left: 15px;
}


a.proconnexvide  {
	font-size: 10px;
	font-weight: normal;
	color: #8A0045;
	margin-left: 15px;
}


 */
   
	