/* GENERAL  */
BODY { font-size: 12px;	font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background:#57A4AF; }
a {	text-decoration: none;  color:#BB8D02; }
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: 1000px; background-color:#FFFFFF; margin:0 auto; }


#entete { width: 1000px; height:143px; margin: 0 auto; background-image:url(../images/bghaut.jpg); background-repeat: no-repeat;}
#entete .logo { float: left; width:300px; font-size:2em; color:#FFFFFF; height:109px; line-height:67px;}
#pub {  min-height:86px; width:550px; height:86px; text-align:center; margin:0px; padding:0px; margin-left:320px;_margin-left:160px; padding-top:20px; }


#menu { float:right;  margin:0 auto; padding:0px; height:23px; background:url(../images/bgmenu.gif) no-repeat;  }
#menu ul {  margin:0; padding:0;padding-left:25px; text-align:right; }
#menu li {  display:inline; text-align:right; line-height:23px; list-style:none; border-left:1px dashed #FFF;}
#menu a { display:inline; color:#C66F49; margin:0; font-size:12px; font-weight:bold; padding:0 15px; line-height:19px; }
#menu a:hover { color:#D34000;}


#content { padding:0px; margin:0px; width: 1000px; background:#FFFFFF url(../images/bgcontent.gif) top left repeat-y;}

/*
#fleur{ height:81px;  background:url(../images/bgfleur.jpg) top left no-repeat; } */
#drt { float:left; width: 233px; margin:0px; padding:0px; padding-top:81px; height:81px; background:url(../images/bgfleur.jpg) top left no-repeat; }
html>body #drt {
height: auto;
min-height: 81px;
}

/*
#boutiqueproduit { border-bottom:1px white solid; display:block; padding:0px 0px; }
#boutiqueonline h1{ padding:0; margin:0; width:233px; height:30px; background:url(../images/boutiqueonline.jpg) top no-repeat; font-size:12px; }
*/

#drt .recherche { margin: 0px 0 1px 0; padding: 0px; background-color:#e60f39; padding-bottom: 10px; text-align: center;} 
#drt .proconnexe { background:#73CDDB; width:233px; }*	
#drt .proconnexe h1 { margin:0px; padding:0px; width:233px;  height:30px; text-align:center; color:#FFFFFF; background: url(../images/proconnexeh1.jpg) top no-repeat; }

#drt .proconnexe span { visibility:hidden;}
#drt .proconnexe p { padding:10px; margin:0px; color:white;}
#drt .proconnexe .dateDernierArticle {font-size:0.8em;text-align:right;}
#drt .proconnexe a { display:block; color:white; font-weight:normal; margin:0; padding:3px 0px 3px 25px; text-align:left;  border-bottom:1px #FFFFFF solid; background:url(../images/puceh1.gif) 10px 8px no-repeat; font-weight:bold; }
#drt .proconnexe a:hover { color:#BB8D02;}


#drt .pub1 { margin:0px ; padding:0px;  width: 215px; text-align:center; background:url(../images/bgpub1.gif) repeat-x;}
#drt .pub1 h1 { padding:5px 0px 0px 0px; margin:0px 0px 0px 5px; color:white; background:none;}
#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 .pubcontent p {
	padding-left: 10px;
	padding-right: 10px;
}

#drt input { width: 160px; height:18px; font-family:serif; font-size:12px; background-color:#BB8D02; 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;}


/* DEBUT BOUTIQUE */
#drt .menuboutique { width:233px; margin:0px 0 1px 0; padding:0px; padding-bottom:30px; text-align:center; background:#73CDDB;}
#drt .menuboutique h1 { margin:0px 0 1px 0; padding:0px; padding-bottom:10px; text-align:center; background-image:url(../images/boutiqueonline.jpg);}
#drt .menuboutique li {
	list-style-type: none;
	list-style: none;
	padding-left: 10px;
	margin-left: 0px;
	text-align: left;
	margin-top: 5px;
	}
                        
#drt .menuboutique ul { margin-left: 0px; padding-left: 20px;} 

#drt .menuboutique a.racinemenu { background:url(../images/puceh1.gif) left center no-repeat; text-align:left; display:block; height:20px; color:#ffffff; font-size:12px; font-weight:bold; margin-left:2px; line-height:20px; border-bottom:1px #FFFFFF solid; padding-left:20px;}
#drt .menuboutique a:hover.racinemenu { color:#BB8D02; }
#drt .menuboutique a.selectracinemenu { background:url(../images/puceh1.gif) left center no-repeat; text-align:left; display:block;  height:20px; color:#BB8D02; font-size:12px; font-weight:bold; margin-left:2px; line-height:20px; border-bottom:1px #FFFFFF solid; padding-left:20px;}
#drt .menuboutique a:hover.selectracinemenu { color:#BB8D02; }

#drt .menuboutique a.sousmenu { background:url(../images/puceh1.gif) left center no-repeat; 
		text-align:left; display:block;  color:#ffffff; font-size:12px; font-weight:bold; margin-left:2px; line-height:20px; padding-left:20px;}
#drt .menuboutique a:hover.sousmenu { color:#BB8D02; }
#drt .menuboutique a.selectsousmenu { background:url(../images/puceh1.gif) left center no-repeat; 
text-align:left; display:block;  color:#BB8D02; font-size:12px; font-weight:bold; margin-left:2px; line-height:20px;  padding-left:20px;}
#drt .menuboutique a:hover.selectsousmenu { color:#BB8D02; }



#boutiqueonline { margin:0px 0 1px 0; padding:0px; padding-bottom:10px; text-align:center; width:233px; background:#73CDDB;}
#boutiqueproduit { border-bottom:1px white solid; display:block; padding:0px 0px; }
#boutiqueonline h1{ padding:0; margin:0; width:233px; height:30px; background:url(../images/boutiqueonline.jpg) top no-repeat; font-size:12px; }
#boutiqueonline h1 span{ visibility:hidden;}
#boutiqueonline h2{ vertical-align: middle; padding:0; margin:0; padding-top:8px; color:white; font-size:12px; font-weight:bold; background:url(../images/boutiqueh2.gif) 0px 6px no-repeat; }
#boutiqueonline img{ float:left; padding: 15px 15px 0px 15px;}
#boutiqueonline .prix { color:#BB8D02; font-size:12px; font-weight:bold; background:url(../images/puceblanc.gif) 0px 55% no-repeat; margin-left:90px; padding-left:18px; margin-top:20px;}
#boutiqueonline a { display:block;  color:#ffffff; font-size:12px; font-weight:bold; margin: 0px 45px 0px 85px; line-height:18px; text-align:left;}
#boutiqueonline p a { display:inline;  color:#ffffff; font-size:12px; font-weight:bold; margin: 0px;}
#boutiqueonline a:hover { color:#ffffff; }
#boutiqueonline a.titre {background-color:#73CDDB ; display:block;  color:#ffffff; font-size:12px; font-weight:normal; margin: 0px 0px 0px 0px; line-height:18px; text-align:left;}
#boutiqueonline p { padding:10px; margin:0px; color:white; }
#boutiqueonline p.line { border-bottom:1px #FFFFFF solid; height:1px; padding: 5px 0px 0px 0px;}

#livreonline { margin:0px 0 1px 0; padding:0px; padding-bottom:10px; text-align:center; width:233px; background:#73CDDB;}
#livreonline h1{ padding:0; margin:0; width:233px; height:30px; background:url(../images/librairieonline.jpg) top no-repeat; font-size:12px; }
#livreonline h1 span{ visibility:hidden;}
#livreonline img{padding: 15px 15px 0px 15px;}
#livreonline .prix {color:#BB8D02; font-size:12px; font-weight:bold; background:url(../images/puceblanc.gif) 0px 55% no-repeat; padding-left:18px;}
#livreonline a { color:#ffffff; }
#livreonline a.titre { display:block;vertical-align: middle; padding:0; margin:0; padding-top:8px; color:white; font-size:12px; font-weight:bold; background:url(../images/boutiqueh2.gif) 0px 6px no-repeat; }
#livreonline a:hover { color:#ffffff;text-decoration: underline;}
#livreonline p { padding:10px; margin:0px; color:white; }
#livreonline p.line { border-bottom:1px #FFFFFF solid; height:1px; padding: 5px 0px 0px 0px;}
#livreonline .bloc {width:45%;float:left;}


#centre .resboutique {	text-align: left;	margin: 0 0; padding: 5px; margin-bottom: 5px;}
#centre .resboutique p { cOLOR: #000000; height: 100%; vertical-align: middle;  margin-bottom:15px; margin-left:10px;}
#centre .resboutique h2 {  FONT-SIZE: 11pt; COLOR: #BB8D02; font-weight: bold; text-decoration:none;}
#centre .resboutique a {  FONT-SIZE: 11pt; COLOR: #BB8D02; font-weight: bold; text-decoration:none;}
#centre .resboutique a.souslien  {  FONT-SIZE: 12px; COLOR:#BB8D02; font-weight: none; text-decoration:none; font-weight:normal}
#centre .resboutique .img { padding: 50px 0px 20px 20px; float:right;}
#centre .resboutique .imggp { padding: 0px 40px 20px 20px;float:right ; }
#centre .resboutique font {FONT-SIZE: 12px;}
#centre .resboutique font.prix {FONT-SIZE: 12px; cOLOR: #57A4AF; font-weight:bold;}
#centre .resboutique font.prixreduc {FONT-SIZE: 12px; cOLOR:red; font-weight:bold; font-style: italic;}
#centre .resboutique font.marque {FONT-SIZE: 11px; cOLOR: #000000; font-style: italic;}

#centre .infoboutique { FONT-SIZE: 10pt; COLOR: #000000; vertical-align: middle; padding-bottom: 10px; FONT-FAMILY:  Helvetica, sans-serif; 
background-color:#EFEF6D; padding:10px; margin-bottom:20px;}
#centre .infoboutique p { FONT-SIZE: 10pt; COLOR: #000000; vertical-align: middle;padding-bottom: 10px;}
#centre .infoboutique h1 {  FONT-SIZE: 13pt; COLOR: Navy;  font-weight: bold; text-decoration:none; text-align: left;}

/*ZOOM*/
#centre .resboutique div.popup {text-align:center;  background-color:#FEEEFF; padding:5px 5px 5px 5px;  overflow:visible; height:auto;   width:auto; *width:200px;  color:black;  z-index:20; position:absolute; border: 1px solid Black; visibility:hidden;  }
#centre .resboutique div.popup h2 {FONT-SIZE: 11pt; COLOR: #BB8D02; font-weight: bold; text-decoration:none; }
#centre .resboutique div.popup font.prix {FONT-SIZE: 12px; COLOR: #57A4AF; font-weight:bold;}

#centre .popup {text-align:center;  background-color:#FEEEFF; padding:5px 5px 5px 5px;  overflow:visible; height:auto;   width:auto; *width:200px;  color:black;  z-index:20; position:absolute; border: 1px solid Black; visibility:hidden;  }
#centre .popup h2 {FONT-SIZE: 11pt; COLOR: #BB8D02; font-weight: bold; text-decoration:none; }
#centre .popup font.prix {FONT-SIZE: 12px; COLOR: #57A4AF; font-weight:bold;}


#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
z-index:20;
background-color:#FFFFFF;
text-align:center;
}

#dragbar{
cursor:move;
cursor: pointer;
background-color:#3333FF;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
cursor: hand;
cursor: pointer;
color:#FFFFFF;
font-weight: bold;
margin-right: 1px;
}


/* FIN BOUTIQUE */
#drt2 { float:right; width: 180px; padding:0px; margin:0px; }
#drt2 h1 { background:url(../images/accesboutique.gif); width:180px; height:63px; padding:0px; margin:0px;}
#drt2 h1 span { visibility:hidden; padding:0px; margin:0px;}
/*
#drt2 .dossier h1 { width:180px; height:63px; padding:0px; margin:0px;}
*/


#drt2 h1.articleConseil{ background:#F5D001; width:180px; height:33px; padding: 10px 0 0 0; margin:0px; color:#FFFFFF;}
#drt2 .bandBleu{height:40px}
#drt2 p{font-size: 0.9em;margin-bottom:10px;}
#drt2 .bottom-link-area{ background:#73CDDB; width:160px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}
#drt2 hr{margin-top:0px;}
#drt2 a{font-size:12px; font-weight:bold; color:#FFFFFF;}
#drt2  .dateDernierArticle{ background:#73CDDB;font-size:0.8em;text-align:right;}
#drt2 .tousArticle{background:#73CDDB;font-size:0.8em;text-align:right; margin-top:-15px;padding-bottom:10px;}

#drt2 ul{ background:#73CDDB; margin:0; padding:0; padding-bottom:30px; }
#drt2 ul.articleConseil{ background:#73CDDB; margin:0; padding:0; padding-bottom:10px; }
#drt2 li{ list-style:none; padding:10px 10px 0px 10px;text-align:left;}
#drt2 li a{ list-style:none; background:url(../images/puceh1.gif) left center no-repeat; font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:20px; }
#drt2 li a:hover{ text-decoration: underline; }

#pubdroite{ margin:0px; padding:30px 0px; text-align:center;}


/* Overview article */
#overview{ color:#4D4D4D;  margin:10px 0px 0px 0px; padding:0px 0;}
#overview p{ text-align: justify; font-size:10px; marginY: 0 0 0 10px;}
#overview img.imgCateg{ margin-bottom: 10px; margin-left: 10px; margin-right: 10px; float: right;}




#centre { float:left; width: 560px; margin:0px; margin-left:13px; padding:0px; padding-bottom:30px;  text-align:left;}
#centre p { margin: 0; padding:0 10px 0 10px; font-size:12px;}
#centre h1 { font-size: 18px; font-weight: bold;  margin-top : 10px; margin-bottom: 20px; padding: O; text-align: center; color: black;}

#centre .pga { float: left; width:235px; margin:20px 10px; padding:0px; font-size: 12px;}
#centre .pga h1 { font-size: 12px; font-weight: bold;	margin:0; padding:O; height:37px; color: white;	text-align: left; padding-left: 40px; line-height:37px;}

.cat1{ background: url(../images/bgcat1.gif) left no-repeat; }
.cat2{ background: url(../images/bgcat2.gif) left no-repeat; }
.cat3{ background: url(../images/bgcat3.gif) left no-repeat; }


#centre .pga a { font-weight: normal; margin:0; padding:0;}

#centre .blocpa {  text-align: left; margin:0; padding:5px;}
#centre .blocpa h2 { margin:0; padding:0; padding-left:45px; font-size:12px; font-weight:bold; color:#4D4D4D; background: url(../images/puceh1.gif) 30px 50% no-repeat ;}
#centre .blocpa p { text-align: left; margin:0; padding: 0 0 5px 50px; border-bottom:2px #73CDDB solid;}
#centre a.pgascp { margin:0; padding:0 3px; font-size:10px; color:black; display:inline; color:#4D4D4D;}
#centre a.pgascp:hover { text-decoration:underline; }
#centre a.pgasc { margin:0; padding:0; padding-left:0px; font-size:12px; font-weight:bold; color:#4D4D4D; }
#centre a.pgasc:hover { text-decoration:underline; }

#bloccent a.racinemenu { background:url(../images/puceh1.gif) left center no-repeat; text-align:left; display:block; height:20px; color:#BB8D02; font-size:12px; font-weight:bold; margin-left:2px; line-height:20px; border-bottom:1px #FFFFFF solid; padding-left:20px;}
#bloccent a.menugenboutique { text-align:left; color:#BB8D02; font-size:12px;}
#bloccent h1.titreboutique {FONT-SIZE: 14px; COLOR: Navy;  font-weight: bold; text-decoration:none; text-align: left; padding-bottom:20px; padding-top:0px;}
#bloccent li { list-style-type:none; list-style:none; padding-left: 0px; margin-left:0px; line-height:20px; text-align:left; margin-top:0px }
#bloccent ul { margin-left: 0px; padding-left: 20px; margin-top:20px} 

#infocatboutique { FONT-SIZE: 12px; COLOR: #000000; vertical-align: middle; padding-bottom: 0px; background-color:#ffffff; margin-top: 20px; margin-bottom:10px;}
#infocatboutique p { FONT-SIZE: 12px; COLOR: #000000; vertical-align: middle;padding-bottom: 10px;}
#infocatboutique li { list-style-image: url(../images/puceh1.gif); list-style-position:inside; padding-left: 0px; margin-left:0px; line-height:20px; text-align:left; margin-top:0px ; }
#infocatboutique ul { margin-left: 0px; padding-left: 20px; margin-top:5px;} 

.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;}

#pub2{ float:left; margin:20px 0px 0px 80px; padding:0px; width:260px;}
#pub2 h2{ font-size: 12px; font-weight: bold; margin: 0; padding: O;
	height: 20px; color: black; text-align: left; padding-left: 10px; line-height:30px;}
#pub2 p{ background: #E0E6EE; margin-top:5px;}

/*ARTICLES */

.spacerads { clear:both; visibility:hidden;}

#centre .artitre h1 { margin:0 0 20px 0px; }

   /*---ARTICLE CONTENU---*/
#centre .artcontenu { padding: 8px; }
#centre .artcontenu h1 { font-size: 13px;margin-bottom: 20px; margin-top: 20px; background:url(../images/puceh1.gif) left no-repeat;text-align: left;padding-left: 20px;}
#centre .artcontenu h2 { font-size: 11px; margin-bottom: 20px; margin-top: 20px; margin-left: 40px; background:url(../images/puceh1.gif) left no-repeat;text-align: left;padding-left: 20px;}
#centre .artcontenu h3 { font-size: 10px; margin-bottom: 10px; margin-top: 20px; margin-left: 50px; background:url(../images/puceh1.gif) left no-repeat;text-align: left;padding-left: 20px;}
#centre .artcontenu p { text-align:left; }
#centre .artcontenu a {  color:#BB8D02; TEXT-DECORATION: none; font-weight: bold; text-decoration:underline}
#centre .artcontenu li {  margin-top:0.5em;}

   /*---ARTICLE CHAPEAU---*/
#centre .artchapeau { padding: 10px 8px 8px 8px; }

   /*---ARTICLE ADS---*/
#centre .artads {margin: 40px 10px 0px 0px;  }
#centre .artadsacc { padding: 45px 0px 40px 12px;  }
#centre .artadscop1 {padding : 40px 0px 30px 15px; }
#centre .artadscop2 {padding : 50px 0px 40px 15px; }
   /*---ARTICLE LIST---*/
#centre .listarticle { height: 60px;clear: both; }
#centre .listarticle a {padding-left:10px; font:14px; color:#BB8D02;font-weight: bold; background:url(../images/puceh1.gif) left no-repeat; 
	vertical-align:middle;  text-decoration:none;}
/*#centre .listarticle p {padding-left: 20px; margin:0px 30px 0px 10px; font-size:11px; margin-left: 80px; color:#666666;}*/
#centre .listarticle span {padding-left: 10px; font-size:11px;color:#666666;}
#centre .listarticle img { margin-right:20px; margin-left:20px;   text-align:middle; float:left;}


   /*---ARTICLE MENU---*/
#centre .menuaarticle {padding-bottom: 20px; padding-top: 10px;}
#centre .menuaarticle a {padding-left:10px; font:12px; color:#BB8D02;font-weight: bold; background:url(../images/pucemenu.gif) left no-repeat; 
	vertical-align:middle; text-decoration: underline; }
#centre .menuarticle a {padding-bottom: 30px; padding-top: 20px; }


#centre .toparticle { height: 60px;  }

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

   /*---ARTICLE PGA---*/
#centre .pgacom { border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; margin: 20px; }
#centre .pgacom h2 { font-size:10px; color:#666666; margin-top: 0px; }

#centre .pgacomnouv { background-color: #ECECEC; margin: 10px; padding: 20px ; }
#centre .pgacomnouv h1 { font-size: 15px; font-weight: bolder; margin-bottom: 30px; margin-top: 10px;}

.derniers-articles {
	display:inline;
	background:url(../images/gray-area-bg.gif) repeat-y;
	float:left;
	width:534px;
	margin:13px 0 0 8px;
}
.derniers-articles h2{
	float:left;
	background:url(../images/choisissez-h2-bg.gif) no-repeat;
	width:497px;
	height:24px;
	padding:19px 0 0 23px;
	font:bold 13px Verdana,sans-serif;
	color:#09438b;
	margin:0;
}
.derniers-articles ul{
	float:left;
	margin:12px 0 0 20px;
	display:inline;
	padding:0 0 10px;
}
.derniers-articles ul li {
	list-style:none;
	float:left;
	margin:0 0 9px;
	padding:0 0 8px;
	background-color:#FFF;
	width:479px;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}
.derniers-articles ul li.end{
	margin:0;
}
.derniers-articles ul li em{
	float:left;
	width:470px;
	padding:0 0 0 12px;
	margin:1px 0 0 12px;
	background:url(../images/arrow.gif) 0 2px no-repeat;
	font:bold 10px "Trebuchet MS", sans-serif;
	color:#acb3b7;
}
.derniers-articles ul li a {
	float:left;
	margin:-2px 0 0 24px;
	padding:0;
	font:13px "Trebuchet MS", sans-serif;
	color:#000;
	text-decoration:underline;
}
.derniers-articles ul li a:hover{
	text-decoration:none;
}
.derniers-articles ul li p {
	float:left;
	width:470px;
	margin:1px 0 0 24px!important;
	padding:0;
	display:inline;
	font:11px "Trebuchet MS", sans-serif;
	color:#636363;
}
.derniers-articles ul li strong {
	float:left;
	width:470px;
	margin:1px 0 0 24px;
	padding:0;
	font:11px "Trebuchet MS", sans-serif;
	color:#09438b;
}
.dernier-link {
	line-height:0;
	float:right;
	background:url(../images/dernier-link.gif) 0 3px no-repeat;
	margin:0 35px 0 0;
	padding:0 0 0 12px;
	font:bold 11px "Trebuchet MS", sans-serif;
	color:#09438b;
	text-decoration:underline;
}
.dernier-link:hover{
	text-decoration:none;
}
.bottom-list {
	float:left;
	width:195px;
	background:url(../images/right-column-ul-bottom-bg.gif) no-repeat;
	height:6px;
	margin:0;
	line-height:0;
	padding:0;
}
.gray-area-bottom {
	float:left;
	margin:10px 0 0;
	padding:0;
	width:520px;
	height:6px;
	background:url(../images/gray-area-bottom-bg.gif) no-repeat;
	line-height:0;
}

/*------*/

/* ==================================== HEADCOL ==========================================*/ 
#centre .headcol {
	margin:0; padding:0;
	font-size: 12px;
	height: 2em;
	color: #FFFFFF;
	text-align: left;
	padding-left: 20px;
	line-height: 2em;
	margin-bottom: 10px;
	background:#73CDDB;
}
#centre .headcol a {  float:left; color:white; font-weight:bold; 
					background: url(../images/puceh1.gif) 15px 10px no-repeat; padding-left:25px;
}

#centre .headcol span {  float:left; color:white; font-weight:bold; 
					background: url(../images/puceh1.gif) 15px 10px no-repeat; padding-left:25px;
}

#centre h2.headcol { color:white; font-weight:bold;
					background: url(../images/puceh1.gif) #73CDDB 15px 10px no-repeat; padding-left:25px;}
					
#centre .headcol a:hover { text-decoration:underline;}

/* ================================= fin HEADCOL =======================================*/
/* ==================================== HEADCOL2 ==========================================*/
#centre .headcol2 {
	margin:0; padding:0;
	font-size: 12px;
	height: 2em;
	color: #FFFFFF;
	text-align: left;
	padding-left: 45px;
	line-height: 2em;
	margin-bottom: 10px;
background: url(../images/puceh1.gif) #73CDDB 35px 10px no-repeat;
}
#centre .headcol2 a {  color:white; font-weight:bold;
					 }

#centre .headcol2 a:hover { text-decoration:underline;}

/* ================================= fin HEADCOL2 =======================================*/

#ads { margin-top:-10px;margin-left:5px;}
#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 {	text-align: left; 	margin: 0 0; padding: 5px; padding-left: 7px; margin-bottom: 20px;}
#centre .desc { text-align: left; margin: 0; margin-right: 115px; margin-bottom: 5px;}
#centre .img { float:right; padding-right:5px; border:0;}
#centre .res p { FONT-SIZE: 9pt; color: #000000; }
#centre .res a {  FONT-SIZE: 9pt; color:#BB8D02; TEXT-DECORATION: none; font-weight: bold; text-decoration:underline}




#sscentre .desc { text-align: left; margin: 0; margin-left: 115px; margin-bottom: 5px;}

#centre .dpt { width: 100%; margin:0; padding:0; }
#centre .dpt li { float:left; width:19%; list-style-type:none; list-style:none; text-align:left; background: url(../images/puceh1.gif) 10px 5px no-repeat; padding-left:20px; margin-left:5px; }
#centre .dpt a { color:#000000; font-size:10px;}
#centre .dpt a:hover { text-decoration:underline; }

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

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

#centre .url a {FONT-SIZE: 7pt; color: #524600;	TEXT-ALIGN: center;	text-decoration: none;	font-weight: normal;}
#centre .linkpetit a {font-size: 9px; color: #524600;}

#centre .nav {clear:both; margin-top:30px; font-size:14px; font-weight:bold; text-align:center; }
#centre .nav a {color:#73CDDB;}
#centre .nav a:hover { text-decoration:underline; }

#librairie { float: right; width:200px; border: 1px solid #CCC; padding:0; margin: 0;}
#centre .bloclib {
	display: block;
	width: 40%;
	float: left;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #BB8D02;
	padding-left: 10px;
	background: url(../images/puceh1.gif) left no-repeat;
	margin-bottom: 15px;

}

a img{
  border-style: none ;
}

.clearsoucat{
  clear: both;
  margin-left:3em;
  padding-top: 1em;
}

.titrelib{
	padding-top: 0.5em;
}

h1.liv{
	padding: 0.5em;
  font-size: 1em;
}


#centre .bloclib:hover { color:#FFA200;}


#livremenucat {
	vertical-align: top;
	clear: both;
	display: block;
	page-break-after: auto;
}


#centre .reslib {
	}
#centre .reslib p { FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;}
#centre .reslib a {  FONT-SIZE: 9pt; COLOR: #BB8D02; TEXT-DECORATION: none; FONT-FAMILY: Arial, Helvetica, Verdana; font-weight: bold; text-decoration:underline}
#centre .imglib { margin-top:10px; margin-bottom: 20px; border:0;}
div.blocsumliv {
	display: block;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 100%;
	border: 0px solid red;
	float: left;
	margin-bottom: 5px;

}

div.livresim {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	text-align: center;
	height: 220px;
	border: 1px solid #CCC;
	float: left;
	margin-top:15px;
	width: 165px;
	margin-left:5px;
}

#imgdet {
	width: 200px;
	float: right;
	border: 0px solid red;
	text-align: center;
	vertical-align: center;
	padding-left: 5px;
}

#blocsumliv .livrsum {
	text-align: left;
	vertical-align: top;
	float: left;
	padding-left: 5px;
}

H2.liv
 	{
	font-size: 12px;
	color: #BB8D02;
	margin-bottom: 2;
	font: bolder;
	margin-top: -10;
}

H2.article {
	font-size: 14px;
	text-align: center;
	color: #BB8D02;
	margin-bottom: 2;
	font: bolder;
	font-style: italic;
	margin-top: -20px;
}

H2.soustitre
 	{
	font-size: 14px;
	text-align: center;
	color: #BB8D02;
	margin-bottom: 2;
	font: bolder;
	font-style: italic;
	margin-top: -8px;
}

#pdp { clear:both; background-color: #73CDDB; height:20px; line-height:20px; color:white; font-size:11px; }
#dispatch ul
{
        font-size: 12px ;
        margin: 5pt;
        padding: 0pt 10pt;
}

#dispatch div#galerie
{       float:left;
        width: 90% ;
        background: #EDEDED ;
        border: 1px solid #dcb ;
        padding: 15px ;
        margin: 15px;
        text-align: center ;
        font: 0.9em Georgia, serif ;
}


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



#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 ;
}


#dispatch dl#photo img
{
        /*border: 1px solid #dcb ;*/


}

/* Lettre type */
#formLettreType label{
	display: block;
	width: 20em;
	float:left;
	margin-top:0.2em;
	margin-right:1em;
}
#formLettreType fieldset{
	margin-left:0px;
	width:90%;
}

#formLettreType legend{
	color: #093673;
}
#formLettreType .adresse{
	width:90%;
	float:left;
	padding-left:5px;
}

#formLettreType .adresse label{
	width: 10em;
}

#formLettreType .decalage{
	width:10px;
	height: 10px;
	float:left;
	padding:0px;
	margin:0px;
}
#formLettreType .champs225{
	width:325px;
}

#formLettreType .espace{
	padding-left:2em;
}
#formLettreType{
	margin-top:2em;
	margin-bottom:2em;
}
#formLettreType .commentaire{
	font-style: italic;
	margin-bottom:1em;
}
#formLettreType .blocChampsLT{
	margin-bottom:0.5em;
}

#centre .listoutils { height: 45px;clear: both; }
#centre .listoutils a {padding-left:10px; font:14px; color:#BB8D02;font-weight: bold; background:url(../images/puceh1.gif) left no-repeat;
	vertical-align:middle;  text-decoration:none;}
#centre .listoutils p {padding-left: 0px; margin:0px 0px 0px 10px; font-size:12px; color:#666666;}
#centre .listoutils img { margin-right:20px; margin-left:20px;   text-align:middle; float:left;}


.ltprev{
	Margin-top:1em;
	Margin-left:60px;
}
#exempleLettreType{
	padding-top:30px;
	padding-bottom:100px;
	padding-left:30px;
	padding-right:30px;
	width:470px;
	background-color: #FBFBFB;
	Margin-left:10px;
	border: 1px #000000 solid;
	margin-bottom:2em;
	font-size:0.9em;
}
#exempleLettreType .ltBlocDroit{
	text-align: right;
}
#exempleLettreType .date{
	padding-left:200px;
}

.blocCommentaire{
	width : 300px;
	position: absolute;
	left : 0px;
	right : 0px;
	padding:15px;
	background:#EEEEEE none repeat scroll 0%;
	display:none;
    	filter : alpha(opacity=90);
    	-moz-opacity : 0.90;
    	opacity : 0.90;
	border: 2px #c6c6c6 solid
}

.blocCommentaireFermer{
	float:right;
	margin-top:-12px;
	margin-right:-12px;
}
.spacerlt { clear:both; line-height:25px; }

.autreLettre {margin-top:20px;margin-bottom:20px;}

textarea, input
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}
/* Lettre type */
.imgRss{border:none}