body {
	text-align:center;
}

* {
    font-family:verdana;
}

#centreur {
    width: 100%;
    text-align: center;
}

#general {
    width:1000px;
    padding-left: 50px;
    margin: auto;
    text-align: left;
}

.clear { 
    visibility: hidden;
    clear: both;
    width:100%;
	float:left;
}


#content {

    float:left;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
    background-image: url("../images/nnn.gif");
    background-repeat: no-repeat;
    width:950px;
    height:352px;
}

#zonePhoto {
    float:left;
    width:503px;
    text-align:right;
}
html>body #zonePhoto {
	/*overflow:auto;*/
}
#textLongClair {
	float:right;
	text-align:left;
	margin:0px 0px 0px 57px;
	width:446px;
	height:352px;
	background-color:white;

}

#textLongClair h1{
	margin:20px 25px 10px 25px;
	color:#A29A91;
	font-size:11pt;
	
}

#textLongClair h2{
	margin:5px 25px 0px 25px;
	color:#A29A91;
	font-size:9pt;
}
#textLongClair p{
	color:#A29A91;
	font-size:9pt;
	margin:20px 25px 10px 25px;
	text-align:left;
}

#textLongClair a.btnpage {
	float:right;
	color:#A29A91;
	font-size:9pt;
	text-decoration:none;
	margin-right:25px;
}
#textLongClair a.btnpage:hover {
	text-decoration:underline;
}

#arroundtextLong {
	float: right;
	margin: 0px 0px -18px 57px;
}
html>body #arroundtextLong {
	margin: -20px 0px 0px 57px;
}

#textLong {
	/*float:right;*/
	text-align:left;
	/*margin: 0px 0px -18px 57px;*/
	width:446px;
	height:352px;
	background-image: url("../images/backtext.gif");
    background-repeat: no-repeat;	
}


#textLong h1{
	margin:0px 25px 10px 23px;
	padding-top:20px;
	color:white;
	font-size:11pt;
}
html>body #textLong h1{
	margin:20px 25px 10px 23px;
}
#textLong p{
	color:white;
	font-size:9pt;
	margin:20px 25px 10px 23px;
	text-align:left;
}

#zonePhoto img {
	float:right;
	margin: 0px 0px 0px 57px;
	
}

html>body #zonePhoto img {
	float:none;
	margin: 0px 0px 0px 0px;
}

#zoneText {
    width:195px;
	padding: 0px 0px 0px 15px;
}


#zoneText h1 {
	width:190px;
	color:#A29A91;
	margin: 5px 0px 0px 0px;
	font-size:12pt;
	
}
#zoneText h2 {
	color:black;
	margin: 175px 0px 0px 0px;
	font-size:8pt;
	
}
#zoneText p {
	color:#A29A91;
	margin: 0px 0px 0px 45px;
	font-size:8pt;
	text-align:left;
}

#zoneThumb,#zoneThumb2 {
	
    width:230px;
    padding: 12px 0px 0px 0px;
}

#zoneThumb a,#zoneThumb2 a {
    text-decoration:none;
	border:none;
}

#zoneThumb img,#zoneThumb2 img {
	float:left;
	/*border:1px solid #A29A91;*/
	margin: 1px 4px 4px 1px;
}

#zoneThumb2 img {
	float:left;
	/*border:1px solid #A29A91;*/
	margin: 1px 2px 4px 1px;
}

#zoneThumb a:hover img,#zoneThumb2 a:hover img {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

img {
    border:none;
}


#menu {
    /*border: 1px solid #F4F2EF;*/
    float:left;
    margin:auto;
    margin-left:auto;
    margin-right:auto;
    width:1068px;
	text-align:justify;
}

#menu div {
	/*padding-top:10px;*/
}

#menu ul{
    margin:0px;
    padding:0px;
}

#menu li {
	float:left;
	font-size:9pt;
	font-weight:bold;
    list-style-type:none;
    list-style-position:inside;
    display:inline;
    margin:0px;
    padding:0px;
	/*width:auto;*/
	/*margin:0px 64px 0px 0px;*/
}
html>body #menu li {
	width:auto;
	/*margin:0px 64px 0px 0px;*/
}
#menu li a,#menu li a.open {
	color:#F4F2EF;
	text-decoration:none;
	display:block;
	/*padding-bottom:5px;*/
	/*width:100%;*/
	
}

#menu li a:hover {
	color:#A29A91;
}
#menu li a.open {
	color:#A29A91;
}

/*formulaire*/
form {
	
	margin:0px;
}
input, textarea, select {
	vertical-align:middle;
	border:none;
	background-color:#F4F2EF;
	color : #A29A91;
	height:20px;
	margin:0px 0px 0px 25px;
	
	width:200px;
	font-size:12px;
}

textarea {
	height:70px;
	overflow:auto;
}
select {
	width:120px;
	margin:0px 0px 0px 25px;
}
input.small{
	width:75px;
	
}
.medium{
	width:150px;
	
}
input.valid {

	vertical-align:middle;
	border:1px solid #A29A91;
	background-color:#FFFFFF;
	color : #A29A91;
	margin:0px 0px 0px 25px;
	width:auto;

}

a.subscribe {
	float:left;
	color:#A29A91;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	margin:15px 0px 0px 25px;
}
a.subscribe:hover {
	text-decoration:underline;
}


/*retailers list*/

#colRetailers {
	float:left;
	width:135px;
	height:70px;
	margin:0px 0px 0px 3px;
}

html>body #colRetailers {
	margin:0px 0px 0px 5px;
}

#colRetailers h2 {
	margin:5px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
}

#colRetailers p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:9px;
	text-align:left;
}

div.retailmenu {
	margin: 0px 0px 15px 25px;
	font-size:10px;
}

a.retailOut {
	color:#A29A91;
	text-decoration:none;
	margin:auto;
}

a.retailOut:hover, a.retailIn {
	color:#A29A91;
	text-decoration:underline;
	margin:auto;
}

/*tores*/
#col {
	float:left;
	width:180px;
	margin:0px 0px 0px 15px;
}

html>body #col {
	margin:0px 0px 0px 25px;
}
#col h1 {
	margin:20px 0px 3px 0px;
	padding:0px 0px 0px 0px;

}
#col h2 {
	margin:15px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
}

#col p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
}


li.pdf {
	display: list-item;
  	list-style-image: url("../images/pdf.gif");
	font-family: Verdana;
	font-size: 12px;
	margin-left:15px;
	height:24px;
	vertical-align:top;
}
html>body li.pdf {
	margin-left:20px;
}

li.pdf a {
	
	vertical-align:top;
	margin: 0px 0px 0px 10px;
	color:#A29A91;
	text-decoration:none;
	

}

li.pdf a:hover{
	
	text-decoration:underline;
}

/*test zone scrolable*/


/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
  position:absolute; visibility:hidden;
  left:414px; top:0;
  width:11px; height:285px; 
  font-size:1px; z-index:2
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:261px;
  background: url("../images/track.gif") repeat-y;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#A29A91;
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }  


#scrollZoneContainer,#hold {
	 position:relative;
	 left:20px;
	 height:280px;
	 width:426px;
	 overflow:hidden;
}


#scrollZone,#wn {
	position:relative;
	top:0;
	height:280px;
	width:426px;
	clip:rect(0px, 426px, 285px, 0px); 
 }
 
#scrollZone2,#lyr1 {
	width:426px;
	position:absolute; visibility:hidden; 
	left:0; top:0; z-index:1 
}


/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar2 { 
  position:absolute; visibility:hidden;
  left:218px; top:0;
  width:11px; height:295px; 
  font-size:1px; z-index:2
  }
div#track2 { 
  position:absolute; left:0; top:12px;
  width:11px; height:261px;
  background: url("../images/track.gif") repeat-y;
  z-index:1
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#A29A91;
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }  


#scrollZoneContainer2 {
	 position:relative;
	 left:00px;
	 height:290px;
	 width:230px;
	 overflow:hidden;
}


#scrollZone3 {
	position:relative;
	top:0;
	height:290px;
	width:230px;
	clip:rect(0px, 230px, 285px, 0px); 
 }
 
#scrollZone4 {
	width:230px;
	position:absolute; visibility:hidden; 
	left:0; top:0; z-index:1 
}


img#headerimg {
	float:none;
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*news*/
#textLongClair p.datenews {
	font-weight:bold;
	
}

#textLongClair h2.chaponews {
	font-family: Verdana;
	font-weight:bold;
	font-size:14px;
	margin-bottom:-20px;
	text-transform : uppercase;
}

#cacher {
	
	visibility:hidden;
}