/* GENERAL  */
BODY { font-size: 12px;	font-family: Helvetica, ; 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:#C0C0C0; }


#entete { width: 970px; height:108px; margin: 0 auto; background-image:url(../images/ciel.jpg); background-repeat: repeat-x;}
#entete .logo {
	float: left;
	width:970px;
	font-size: 2em;
	color: Black;
	height: 109px;
	
	background: url(../images/piscine.jpg) no-repeat;
}	

#menu { width: 970px; margin:0 auto; height:25px; background-image:url(../images/fondMenuGrd.jpg); }
#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;}
#menu a { display:block; color:#8A0045; margin:0; font-size:14px; font-weight:bold; padding:0 15px; border-left:1px solid #3878CF; background:url(../images/fondMenu2.gif) repeat-x;}
#menu a:hover { color:#093673; background-color:#3878CF; }


#content { padding:0; width: 970px; margin:0 auto; background-image:url(../images/fondContent.gif); background-repeat:repeat-y;}

#drt { float:left; width: 204px; padding: 0; margin:0; background:#7FA8CD url(../images/fondProConnexe.jpg) top repeat-x; min-height:1px; }


/*BOUTIQUE*/
#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 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;}


#drt .boutiquecontent { border:4px solid #346C92; font-size: 11px; color: Black; margin: 10px 20px 50px 20px; padding: 0px 0px 20px 0px; text-align: center; color:#FFFFFF; background:#FFFFFF bottom no-repeat;}
#drt .boutiquecontent p { padding: 0px; margin:10 0; color:black;}
#drt .boutiquecontent a { display:block; color:#90024E; font-weight:bold; padding:0; margin:0;  margin-left:2px; text-align:center; font-size: 13px;}
#drt .boutiquecontent a:hover { color:#346C92;}
#drt .boutiquecontent H1 { text-align: center;font-weight: bold; font-size: 13px; color: #fff; background-color: #346C92; }
#drt .boutiquecontent H2 { text-align: center; font-weight: bold;font-size: 13px; color: #346C92; padding: 0px; margin:0; margin-bottom: 10px; margin-right: 5px; margin-left: 5px; }



#drt .recherche { margin: 0px 0 1px 0; padding: 0px; background-color:#e60f39; padding-bottom: 10px; text-align: center;} 
#drt .proconnexe { margin: 0px 12px 0px 9px; padding: 0px 11px 10px 11px; text-align: center; color:#FFFFFF; background:#E8D6AC url(../images/basProConnexe.gif) bottom no-repeat;}
#drt .proconnexe p { padding: 0px; margin:10 0; color:black;}
#drt .proconnexe a { display:block; color:#093673; font-weight:normal; padding:0; margin:0; padding-left:10px; background:url(../images/puceViolet.gif) no-repeat left 3px; margin-left:10px; text-align:left;}
#drt .proconnexe a:hover { color:#CD77B1;}
#drt h1 { font-size:11px; font-weight: bold; padding:O; margin:0; margin-bottom:10px; height:2em; color:white; text-align:left; line-height: 2em;  color:#000000;}

#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 {border:4px solid #346C92; margin: 10px 10px 50px 10px; padding: 0px 0px 20px 0px; text-align:center; background:#FFFFFF bottom no-repeat;}

#drt .menuboutique li {list-style-type: none; list-style: none; padding-left: 15px; margin-left: 10px; margin-bottom: 5px; text-align: left; background: url(../images/puceViolet.gif) left top  no-repeat;}
#drt .menuboutique ul { margin-left: -10px;padding-left: 0px;} 
#drt .menuboutique H1 { text-align: center;font-weight: bold; font-size: 13px; color: #fff; background-color: #346C92; }
#drt .menuboutique p { display:block; color:#90024E; font-weight:bold; padding:0; margin:0;  margin-left:5px; margin-right:5px; text-align:left; font-size: 13px;}

#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: 10pt; COLOR: #A60E1F; font-weight: bold; text-decoration:none;}
#centre .resboutique a {  FONT-SIZE: 9pt; COLOR: #A60E1F; font-weight: bold; text-decoration:none;}
#centre .resboutique a.souslien  {  FONT-SIZE: 10px; COLOR:#00000; 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;}


/*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;
}


/*
#sdrt .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/puces.gif) left no-repeat;}
*/
a.selectracinemenu {
	text-decoration: none;
	font-weight: bold;;
	color: Navy;
	text-align: left;
	size: 10px;
}

a.racinemenu {
	text-decoration: none;
	color: Navy;
	text-align: left;
	size: 10px;
}



 
#drt .pubcontent p {
	padding-left: 10px;
	padding-right: 10px;
}

#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: 725px; margin:0; padding:20px 0px 0px 20px; text-align:left;}
#centre p { margin: 0; padding:0; font-size:12px;}
#centre h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: O;
	text-align: center;
	color: #8A0045;
	line-height:40px;
	 height:40px;
}


#centre .pga { float: left; width:705px; margin:20px 10px; padding: 0; font-size: 12px; background-color:#F1F3F7;}
#centre .pga h1 {font-size: 14px;font-weight: bold;margin: 0;padding: O;height: 2.4em;color: White;text-align: left;padding-left: 20px;line-height: 2em;background-image:url(../images/fondTitre.gif); background-repeat:repeat-x;}
#centre .pga a { font-weight: normal; color: #8A0045; margin:0; padding:0;}
#centre .pga img { float: left; margin:0; margin-right:5px; }
 
#centre .blocpa { clear:both;  text-align: left; margin-left:30px ; margin-right:30px ;padding:5px; background-color:#F1F3F7; }
#centre .blocpa img { display:none;}
#centre .blocpa:hover { background-color:white;}
#centre .blocpa h2 { margin:0; padding:0; font-size:12px; color:#000000;font-weight: bold;}
#centre .blocpa h2 a {padding:0; font-size:12px; color:#000000;font-weight: bold; 
					background-image: url(../images/puceAccueil.gif);
					background-repeat: no-repeat;
					background-position: 0% 65%;
					padding-left: 25px; }
#centre .blocpa p { text-align: left; margin-left:22px;}
#centre a.pgasc { margin:0; padding:0 3px; font-size:12px; color:#093673; display:block;}

#centre a.pgasc:hover:after { color:black; content:" " url(../images/puceLinkAccueil.gif);}

.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;
	color: White;
	text-align: left;
	padding-left: 20px;
	line-height: 2em;
	margin-bottom: 10px;
	background-image:url(../images/fondTitre.gif); background-repeat:repeat-x;
}
#centre .headcol a { display:block; float:left; color: white; font-weight:bold;
					background-image: url(../images/puceViolet.gif);
					background-repeat: no-repeat;
					background-position: 15px 60%;
					padding-left:25px;
}
#centre .headcol a:hover { color:#CD77B1;}
/*#centre .headcol a:before { content:url(../images/puceViolet.gif)" " ;}*/

/*ARTICLES */
#centre .listarticle { height: 60px;  }
#centre .listarticle a.menuarticle { color:black; margin-left:0px; padding-top:20px; padding:0; padding-left:10px; background: url(../images/puceViolet.gif) 0px 50% no-repeat ; text-decoration: none; vertical-align:middle;  font-weight: bold;}
#centre .listarticle a.menuarticle:hover { color:#A59D7F; text-decoration:underline; }
#centre .listarticle p {	padding-left:0px; margin:5px 30px 0px 20px; color:#666666; font-size:11px;}
#centre .listarticle img {margin-left:10px; margin-right:20px; margin-left:30px;   text-align:middle; float:left}

#centre .toparticle { height: 60px;  }
#centre .artadsacc {margin: 40px 10px 0px 20px;  }
#centre .artadscop1 {margin: 40px 10px 30px 30px;  }
#centre .artadscop2 {margin: 40px 20px 20px 30px;  }
#centre .artchapeau {margin: 20px 0px 0px 0px;}

#centre .artimg {margin-left: 10px; margin-right: 10px; float: right; width:250px;}
#centre .dateart {font-size: 10px; 	font-style: italic; color: #4C4C4C;}
#centre h2 { font-size: 14px; font-weight: bolder; margin-bottom: 20px; color:#000000;  margin-top:30px; margin-left:20px;}
#centre h3 { font-size: 12px; font-weight: bolder; margin-bottom: 20px; color:#000000; margin-top:20px; margin-left:40px;}
.spacerads  {margin: 20px auto 0 0;clear:both; visibility:hidden;}
#centre .headcol h2 {  font-size: 14px; font-weight: bolder; margin-bottom: 20px; color:#ffffff;  margin-top:30px; margin-left:20px; }

/*FIN ARTICLES */

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

#adsboutique {float:left; width:110px; margin-left:3px; margin-top:10px; margin-bottom: 60px;}

#centre .res {
	clear: both;
	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; FONT-FAMILY: Helvetica, sans-serif;}
#centre .res a {  FONT-SIZE: 9pt; COLOR: #093673; TEXT-DECORATION: none; FONT-FAMILY:  Helvetica, Verdana; font-weight: bold; text-decoration:underline}

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

#centre .infoboutique { FONT-SIZE: 10pt; COLOR: #000000; vertical-align: middle; padding-bottom: 10px; FONT-FAMILY:  Helvetica, sans-serif; 
background-color:#DFF4FF; padding:10px;}
#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;}
#centre h1.titreboutique {FONT-SIZE: 13pt; COLOR: Navy;  font-weight: bold; text-decoration:none; text-align: left; padding-bottom:30px; padding-top:20px;}

#centre .infocatboutique { FONT-SIZE: 10pt; COLOR: #000000; vertical-align: middle; padding-bottom: 10px; FONT-FAMILY:  Helvetica, sans-serif; 
background-color:#ffffff;}
#centre .infocatboutique p { FONT-SIZE: 10pt; COLOR: #000000; vertical-align: middle;padding-bottom: 10px;}

#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/puceViolet.gif) left no-repeat; padding-left:10px;}
#centre .dpt a { color:#000000;}
#centre .dpt a:hover { color:#CD77B1;}


#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/puceViolet.gif) left no-repeat;}
#centre .bloc:hover { color:#CD77B1;}


#centre .url a {FONT-SIZE: 7pt; COLOR: #093673;	FONT-FAMILY: 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:#093673;}
#centre .pub {text-align:center; margin-top:20px; margin-bottom:20px;}
#centre .pubads {text-align:left; margin-top:20px; margin-bottom:10px;}


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


#pdp { clear:both; background-color: #7FA8CD; height:20px; line-height:20px; color:#000000; font-size:9px; }

/* A RAJOUTER EN FIN DE site.css modifier si nécessaire */
#dispatch .descr {
padding:5px 10px 5px 5px;
color:#666666;
vertical-align:top;
/*width:200px;*/
}
#dispatch .gauche {
float:left;
margin: 0px 5px 0px 0px;


}
#dispatch .adresse {
width:auto;


}
#dispatch a{
text-decoration:none;
}
#error {
        background-color:#FF0000;
        color:#FFFFFF;
        font-weight:bold;
        text-align:center;
        font-size:17px;
        }
#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 ;*/


}
.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:#093673;
	text-decoration:underline;
	font-weight:bold;
	}
#drt  .profVilleConnexe
	{
	color:#000000;
	font-size:0.9em;
	text-align:left;
	}
#drt  .proconnexe2
	{
	margin-top:1em;
	padding-bottom:12px;
	}
.imgRss{border:none}

/* 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:70px;
	}
	
#drt .caseRecherche
	{
	padding:0px 0px 10px 10px
	}
/* fin recherche */