* { margin: 0; padding: 0; }
img{border:0px;}
html { height: 100%;}
body{
	font-family: Arial, Geneva, sans-serif;
	font-size: 76%;	
	height:100%;
	color: #666;
	line-height: 1.15em;
	font-weight: normal;
	background: url(../images/bg.jpg) repeat-x fixed bottom left;
	}
#container{
/*min-height:786px;*/
z-index:2;}
	
/* Les class/balises utilis�es fr�quaments */
/* Classes */
.hide{display:none;}
.show{display:block;}
.center {text-align: center;}
.right {float: right;}
.noir{color:#707070;}
.bold{font-weight:bolder;}
.texte{padding-top:10px;text-align:justify;line-height:18px;}
.carte{margin-left:-4px;padding-top:3px;}

/* Balises */
br {clear: both;}
select{background-color:#ececec;}


/* ---[ Mise en page/Structure des pages ]--------------------- */
body#pointsVentes #container {width: 100%;}

/* Les images du header selon la section*/
#header1 {position: relative;	width: 100%;	height: 225px;	z-index:1;	background: url(../../slideshow/bandeaux/header1.jpg) no-repeat 0 0;	}
#header2 {position: relative;	width: 100%;	height: 225px;	z-index:1;	background: url(../../slideshow/bandeaux/header2.jpg) no-repeat 0 0;	}
#header3 {position: relative;	width: 100%;	height: 225px;	z-index:1;	background: url(../../slideshow/bandeaux/header3.jpg) no-repeat 0 0;	}
#header4 {position: relative;	width: 100%;	height: 225px;	z-index:1;	background: url(../../slideshow/bandeaux/header4.jpg) no-repeat 0 0;	}
#header5 {position: relative;	width: 100%;	height: 225px;	z-index:1;	background: url(../../slideshow/bandeaux/header5.jpg) no-repeat 0 0;	}
#header6 {position: relative;	width: 100%;	height: 225px;	z-index:1;	background: url(../../slideshow/bandeaux/header6.jpg) no-repeat 0 0;	}
#header789 {position: relative;	width: 100%;	height: 225px;	z-index:1;	background: url(../../slideshow/bandeaux/header789.jpg) no-repeat 0 0;	}


#navWrap{
	position: absolute;
	top: 9px; left: 9px;
	width: 582px;
	height: 84px;
	background: #fffcf4 url(../images/bgNavWrap.gif) no-repeat 132px 0;
	}
/* ---[ Navigation principale ]--------------------- */
img#logo {position: absolute; top: 12px; left: 21px;}

ul#nav {
	position: absolute;
	top: 14px; left: 132px;
	width: 266px;
	height: 51px;
	list-style-type: none;
}
	#plugAdobe{position:absolute;top:110px;padding-left:10px;}
ul#nav li {
	display: inline;
	float: left;
	text-transform: uppercase;
	margin: 0 6px 5px 0;
}	
	ul#nav li a {display: block; text-indent: -9999px; background: url(../images/nav_en.gif) no-repeat;}
	/*d�finition des boutons individuels*/
	ul#nav li a#btnAccueil:link, ul#nav li a#btnAccueil:visited { width: 45px; height: 15px;  background-position: 0 0;}
		ul#nav li a#btnAccueil:hover, ul#nav li a#btnAccueil:active {background-position: 0 -51px;}
		
	ul#nav li a#btnApropos:link, ul#nav li a#btnApropos:visited { width: 75px; height: 15px;  background-position: -50px 0;}
		ul#nav li a#btnApropos:hover, ul#nav li a#btnApropos:active {background-position: -50px -51px;}
		
	ul#nav li a#btnCollections:link, ul#nav li a#btnCollections:visited { width: 87px; height: 15px; background-position: -130px 0;}
		ul#nav li a#btnCollections:hover, ul#nav li a#btnCollections:active {background-position: -130px -51px;}	
		
	ul#nav li a#btnPointsVente:link, ul#nav li a#btnPointsVente:visited {width: 110px; height: 15px; background-position: 0 -18px;}
		ul#nav li a#btnPointsVente:hover, ul#nav li a#btnPointsVente:active {background-position:0 -69px;}	
		
	ul#nav li a#btnBoutiques:link, ul#nav li a#btnBoutiques:visited {width: 144px; height: 13px; background-position: -110px -19px;}
		ul#nav li a#btnBoutiques:hover, ul#nav li a#btnBoutiques:active {background-position: -110px -70px;}
		
	ul#nav li a#btnPresse:link, ul#nav li a#btnPresse:visited {width: 50px; height: 15px; background-position: 0 -35px;}
		ul#nav li a#btnPresse:hover, ul#nav li a#btnPresse:active {background-position: 0 -86px;}	
		
	ul#nav li a#btnDetaillants:link, ul#nav li a#btnDetaillants:visited {width: 155px; height: 15px; background-position: -53px -36px;}
		ul#nav li a#btnDetaillants:hover, ul#nav li a#btnDetaillants:active {background-position: -53px -87px;}	
				
/*highlight selon la section*/	
body#pointsVentes ul#nav li a#btnPointsVente:link, body#pointsVentes ul#nav li a#btnPointsVente:visited {background-position: 0 -69px;}
body#boutiques ul#nav li a#btnBoutiques:link, body#boutiques ul#nav li a#btnBoutiques:visited {background-position: -110px -70px;}
body#aPropos ul#nav li a#btnApropos:link, body#aPropos ul#nav li a#btnApropos:visited {background-position: -50px -51px;}
body#collectionChoix ul#nav li a#btnCollections:link, body#collectionChoix ul#nav li a#btnCollections:visited {background-position: -130px -51px;}
body#presse ul#nav li a#btnPresse:link, body#presse ul#nav li a#btnPresse:visited {background-position:  0 -86px;}
body#log ul#nav li a#btnDetaillants:link, body#log ul#nav li a#btnDetaillants:visited {background-position: -53px -87px;}
body#contact ul#nav li a{color:#FF0000;}

ul#menuUtil {
	position: absolute;
	top: 19px; right: 10px;
	height: 7px;
	list-style-type: none;
}	
	
ul#menuUtil li {
	display: inline;
	float: left;
	text-transform: uppercase;
	text-align: right;
	margin-left: 7px;
	font-size: 80%;
			}

ul#menuUtil li a:link, ul#menuUtil li a:visited {text-decoration: none; color: #4e2a2a;}
ul#menuUtil li a:active, ul#menuUtil li a:hover {color: #ff5d5d;}
			
#content {
	display:inline;
	float:left;
	margin:30px 0 0;
	max-width:90%;
	width:90%;
	height:100%;
	margin-left:30px;
	}
	
	body#pointsVentes #container .bg {width: 65%; padding: 30px 0 0 17%; background: url(../images/bgPointsVente.gif) no-repeat 30px 0;}

#paperPlane {
	float: left;
	display: inline; /*for ie6*/
	width: 276px;
	height: 509px;
	
	}

.footer{
	height: 27px;
	clear: both;
	bottom:0;
	width:100%;
	position: fixed;
	background:#FFFFFF;
	font-size: 80%;
	text-transform: uppercase;
	z-index:20;
}
#footer {

	position:fixed;
	bottom:0px;
	clear: both;
	width: 100%;
	height: 23px;
	background:#FFFFFF;
	font-size: 80%;
	text-transform: uppercase;
	z-index:20;
	}

ul#navFooter {position: relative;top: 5px; left: 19px;}
ul#navFooter li {display:inline;float: left;margin-right: 8px;	}
ul#navFooter li a:link, ul#navFooter li a:visited {color:#4E2A2A;;}
ul#navFooter li a:active, ul#navFooter li a:hover {text-decoration: none;color: #ff3333;;}
#credits a:hover{text-decoration: none;}
#credits a:link{text-decoration: none;color:#c7bab2;}
#credits {
	position: absolute;
	top: 5px; right: 19px;
	width: 200px;
	color: #cabfbf;
	text-align: right;
}		

/*end structure*/
/* ---[ Format texte/titres ]--------------------- */
#header1 h1 {position: absolute;top: 189px; padding-left:30px;color: #ff3333;text-transform: uppercase;font-size: 240%;text-indent: -9999px;	}
#header2 h1 {position: absolute;top: 189px; padding-left:30px;color: #ff3333;text-transform: uppercase;font-size: 240%;text-indent: -9999px;	}
#header3 h1 {position: absolute;top: 189px; padding-left:30px;color: #ff3333;text-transform: uppercase;font-size: 240%;text-indent: -9999px;	}
#header4 h1 {position: absolute;top: 189px; padding-left:30px;color: #ff3333;text-transform: uppercase;font-size: 240%;text-indent: -9999px;	}
#header5 h1 {position: absolute;top: 189px; padding-left:30px;color: #ff3333;text-transform: uppercase;font-size: 240%;text-indent: -9999px;	}
#header6 h1 {position: absolute;top: 189px; padding-left:30px;color: #ff3333;text-transform: uppercase;font-size: 240%;text-indent: -9999px;	}
#header789 h1 {position: absolute;top: 189px; padding-left:30px;color: #ff3333;text-transform: uppercase;font-size: 240%;text-indent: -9999px;	}


/* Titre personnalis� dans un h1 pour + de SEO*/
h1#h1PointsVente {width: 223px; height: 25px; background: url(../images/h1Storelocator.gif) no-repeat 0 0;margin-left:30px;}
h1#h1Collections {width: 223px; height: 35px; background: url(../images/h1Collections.gif) no-repeat 0 0;margin-left:23px;}
h1#h1BoutiqueEnLigne {width: 270px; height: 24px; background: url(../images/h1Onlinestores.gif) no-repeat 0 0;margin-left:23px;}
h1#h1Presse {width: 109px; height: 25px; background: url(../images/h1Press.gif) no-repeat 14px 0;margin-left:23px;}
h1#h1Certificats {width: 265px; height: 25px; background: url(../images/h1CPSIA.gif) no-repeat 0 0;margin-left:18px;}
h1#h1Chartes {width: 280px; height: 35px; background: url(../images/h1sizechart.gif) no-repeat 0 0;margin-left:30px;}
h1#h1AccesDetaillants {width: 270px; height: 34px; background: url(../images/h1Retaileraccess.gif) no-repeat 0 0;margin-left:30px;}
h1#h1DemandeDeMotDePasse {width:326px; height:13px; background: url(../images/passwordrequest.gif) no-repeat 0 0;}
h1#h1Contact {width: 117px; height:26px; background: url(../images/contact.gif) no-repeat 0 0;margin-left:30px;}
h1#h1Avis {width: 153px; height:25px; background: url(../images/disclaimer.jpg) no-repeat 0 0;margin-left:30px;}
/* Textes */
h2 {color: #ff3333;font-size: 110%;padding-bottom:10px;}
h5{font-size:12px;font-weight:300;padding-bottom:4px}
/*p {font-size: 95%;line-height: 1.4em;padding-bottom:10px;padding-left:30px;}*/

/* Liens */
a:link, a:visited, a:hover, a:active {text-decoration: none; color: #ff3333;}
a:hover{text-decoration:underline;}


/* ---[ Forms ]--------------------- */

/* ---[ FAKEPOPUP ]--------------------- */

#popupMain		{ position:fixed; top:100px; right:100px; display:none; width:248px; height:250px; }
#closePopup		{ position:absolute; top:32px; right:69px; display:block; width:20px; height:15px; }

/* ---[ D�co ]--------------------- */

hr {color: #fff; background-color: #fff; border: 1px dashed #cabfbf; border-style: none none dashed; clear: both; margin: 10px 0 30px 0;}




/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	

/* ---[ Sections ]--------------------- */
/* ---[ 1.0 Points de vente ]--------------------- */

/* Choix des Pays / R�gions / Villes*/
#selectDetaillants{padding-top:-8px;height:20px;width:100%;padding-bottom:60px;width:750px;float:left;padding-left:10px;}
#selectPays{width:191px;}
#selectRegion{margin-left:50px;width:191px;}
#selectVille{margin-left:50px;width:191px;}
select option{padding-left:5px;}
#affichage{margin-top:115px;width:200px;}/*Div dans lequel est charg� le contenu*/

/* Carte du monde */
#monde{background-image:url(../images/monde_gris.png);background-repeat:no-repeat;width:713px;margin-top:40px;height:400px;margin-left:3px;}

/* Pour les pins lors du choix du pays */
#pine{position:absolute;background-image:url(../images/pine.png);width:23px;height:38px;display:none;}

/* ---[ 1.0 Points de vente : R�sultats ]--------------------- */
.ligne{background-image:url(../images/ligne.gif);background-repeat:no-repeat;width:697px;height:4px;margin-top:-70px;}
#miniMap{background-image:url(../images/mini_map.gif);width:180px;height:94px;margin-left:7px;position:absolute;z-index:2;margin-top:-60px;text-align:center;}
#zoneDetaillants{float:right;font-family:Arial,Helvetica,sans-serif;margin-top:-60px;margin-left:205px;min-width:430px;position:absolute;
width:70%;z-index:1;padding-bottom:60px;}
.detaillants{display:inline;float:left;height:120px;padding-right:10px;margin-top:10px;width:180px;}
.disabled{ color:#BBB} 

/* ---[ 2.0 Template pour laffichage des collections ]--------------------- */
.espacePhoto{position:absolute;z-index:3;}
#titreCollection{width: 238px; height: 25px; background: url(../images/nom_Collection.jpg) no-repeat 0 0;}
#descPhoto{width:200px;float:right;margin-top:-442px}
.photo{padding-top:10px;width:900px;}
.titrePhoto{text-align:right;font-size:14px;font-weight:bolder}
#controlePhotos{margin-right:42px;width:400px;float:right}
#gestionPhotos{float:left;margin-top:-22px;margin-left:245px;font-size:14px;color:#FF0000}

/* ---[ 3.0 � Propos ]--------------------- */
#zoneApropos{float:left;}
#zoneApropos h2{margin-top:12px;width:150px;}
#zoneApropos p{width:630px;padding-top:7px;padding-bottom:7px;line-height:18px;}

#prixEtDistinctions{padding-top:10px;padding-left:50px;float:left;width:200px;}
#prixEtDistinctions p {width:170px;padding-top:4px;padding-bottom:18px;line-height:18px;}
#prixEtDistinctions span{width:140px;}

/* ---[ 4.0 Presse ]--------------------- */
.affichagePresse{width:90%;position:absolute;z-index:3;}
.presse{float:left;padding:5px;}

/* ---[ 5.0 Collections ]--------------------- */
#content .conteneurObj{
padding-left:22px;
left:2px;
position:absolute;
width:90%;
z-index:3;}
.collection{
	float:left;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin:10px;
	padding:7px;
	background-color:#FFF;
	border-left:1px solid #eee;
	border-top:1px solid #eee;
}
#zoneChoix{position:absolute;background-color:#ff3333;height:35px;display:none;color:#FFF;z-index:4;width:87px;height:33px;text-align:center;padding:2px;}
#fleche{position:absolute;background-image:url(../images/fleche.png);width:28px;height:14px;display:none;left:500px;}
.demo{margin-top:-2px;padding-left:7px;padding-right:10px;}
#flashcontent{margin-top:0px;}
/* ---[ 4.0 Boutiques En ligne ]--------------------- */
.boutiquesEnLigne{padding-left:2px;width:220px;float:left;z-index:3;position:relative;height:641px;}
.boutiquesEnLigne .titre{text-transform:uppercase;color:#666666;font-weight:bold;font-size:font-size:14px;}
.boutiquesEnLigne .lien{text-transform:lowercase;color:#ff3333;display:block;font-size:13px;padding-top:3px;padding-bottom:1px;}
.boutiquesEnLigne .first{padding-top:6px;}
/* ---[ 4.0 Certificats CPSIA ]--------------------- */
#cpsia{width:650px;z-index:3;position:absolute;}
#cpsia h2{padding-bottom:35px;}
#cpsia p{padding-bottom:15px;}
#cpsia .lastp{padding-bottom:35px;}
h2#h2springSummer{width: 150px; height: 16px; background: url(../images/spring_summer.png) no-repeat 0 0;float:left;}
h2#h2fallWinter{width: 157px; height: 19px; background: url(../images/fall_winter.png) no-repeat 0 0;float:left;margin-left:100px;}
.affichageCertificats{width:125px;float:left;line-height:19px;font-size:11px;}
.firstCert{padding-left:0px;}
.zone{float:left;width:100px;}
#zone2{float:right;width:300px;}
.pdf{display:block;line-height:7px;}
.affichageCert{width:180px;}


/* ---[ 4.0 Charte de grandeur]--------------------- */
#chartess{padding-left:10px;margin-top:-20px;}
#chartess table {background-color: #fff;empty-cells: show;font-size: 90%;width: 700px;margin-left:8px;}
#tblChartes th {text-align: center;}
#tblChartes td{border-bottom: 1px dashed #ddd;text-align:center;width:28px;}
.odd{background-color: #fffcf4;}
.tblHeader{color:#ff3333;font-weight:bolder;}
.last{border-bottom: 2px solid #ddd;margin-top:-3px;width:700px;margin-left:8px;height:3px;}
.lineTop{margin-top:15px;margin-top:30px!important;width:700px;border-bottom: 2px solid #ddd;margin-left:7px;}
table tbody td {color: #888;padding: 4px;}
#chartess table tbody td:hover  {color: #000000;background-color:#FF0000} 
#tblChartes tr td .last{border-bottom: 2px solid #ddd;}

/* ---[ 4.0 Acc�s D�taillants]--------------------- */
#accesDetaillants{padding-left:30px;position:absolute;z-index:1;margin-left:-22px;}
#accesDetaillants p{width:700px;}
#usager{width:192px;height:15px;padding-top:1px;padding-left:6px;float:rigth;}
#password{width:192px;height:15px;padding-top:1px;padding-left:6px;float:rigth;}
.soumission{float:left;margin-left:-10px;}
#accesDetaillants label .champsForm{color:#000000;display:block;margin-bottom:3px;font-size:12px;font-weight:bold;}


/* ---[ 4.5 Acc�s D�taillants POPUP]--------------------- */
#inscriptionPopup{padding-left:30px;padding-right:30px;}
fieldset{border:0;display:inline;width:245px;height:50px;}
.popupForm{width:170px;height:23px;padding-top:2px;padding-left:6px;}
#txtComment{width:425px;height:140px;}
#popupInscription{background-image:url(../images/fond_popup.png);width:493px;height:401px;background-position:top left;}
#inscriptionPopup div .fixPop{float:right;}

/* Contact*/
#zoneContact{}
#h2SiegeSocial{width: 111px; height: 16px; background: url(../images/headoffice.jpg) no-repeat 0 0;}
h2#h2SiegeSocial {width: 95px; height: 14px; background: url(../images/headoffice.jpg) no-repeat 0 0;margin-left:9px;}
.nomsGras{font-size:13px;font-weight:bold;}
.infos{padding-left:8px;padding-top:22px;width:210px;float:left;line-height:15px;width:200px;}
.infos2{padding-left:8px;padding-top:22px;width:210px;float:left;line-height:15px;width:200px;}
#ligneContact{margin-top:15px;margin-left:8px;background-image:url(../images/ligneContact.gif);background-repeat:no-repeat;width:701px;clear:both;height:11px;}
.finZoneContact{margin-top:25px;}

.infos div{padding-top:15px;padding-bottom:5px;}
.infos2 div{padding-top:15px;padding-bottom:5px;}

/* �l�ment graphiques par section */
#elGraphDetailants{margin-top:50px;}
#elGraphApropos{left:850px;position:absolute;top:112px;z-index:18;}
#elGraphBoutiques{left:927px;position:absolute;top:219px;z-index:18;}
#elGraphChartes{left:747px;position:absolute;top:154px;z-index:18;}
#elGraphCollection{left:905px;position:absolute;top:94px;z-index:18;}
#elGraphContact{left:660px;position:absolute;top:619px;z-index:18;}
#elGraphPDV{left:819px;position:absolute;top:198px;z-index:0;}

#accueil #popup {display:block; width:280px; height:185px; position:absolute; right:300px; top:55px; z-index:999; zoom:1; }
#accueil #popup #close {display:block; width:19px; height:18px; position:absolute; top:34px; left:68px; z-index:1000; zoom:1; }
#accueil #popup #link {display:block; width:215px; height:70px; position:absolute; top:82px; left:43px; z-index:1001; zoom:1; }