/*
	© 2009 JPCW
	Service WebDesign 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
	vertical-align: baseline;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* tags html
-------------------------------------------------------*/

html, body {
	margin:0;
	padding:0;
	border:0 none;
}
body {
	background-image: url('/img/fond_body.jpg');
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#DCBF93;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
	line-height:1.2em;
	color:#000000;
	text-align:center;
}
body.pop{
	background-image:none;
	background-color:#FFFFFF;
	padding:0px 5px 5px 20px;
}

h1,h2,h3,h4,p{
	margin:5px 0 0 0;
	padding:0px;
	line-height:1.2em; /* hauteur de ligne safari */
}

h1{	font-size: 18px;}
h2{	font-size: 14px;padding-left:20px;}
h3{ font-size: 12px;padding-left:30px;}
h4{	font-size: 11px;padding-left:30px;}


h1{color:#1F1C17;}
h1 a{color:#1F1C17;}

h2,h3{color:#1F1C17;}
h2 a,h3 a{color:#1DA9CE;}
h4{color:#1F1C17;}

p{
	padding:5px;
}

#displayVignette{
	float:left;
	margin:0px 5px 0px 5px;	
	padding:1px;
	text-align:center;
	vertical-align:middle;
	background-color:#333333;
}
p.displayVignette{
	padding:5px 5px 5px 35px;
}
p.ret{
	padding:5px 5px 20px 30px;
}
p.commingSoon{
	margin:100px 20px 0px 20px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.5em;
	color:#d8c09a;
}
p.message{
	margin:10px 20px 10px 20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#D42127;
}
ul{
padding:0px 0px 0px 0px;
}
ul.space{
padding:5px 5px 20px 20px;
}
ul.space li{
padding:5px 5px 10px 10px;
}
li{
padding:0px 0px 0px 0px;
}


strong{font-size: 1em;}

hr{
	clear:both;
	color:#CCFFFF;
	border:0 none;
	border-top:1px thin #CCFFFF;
	background:#CCFFFF;
	outline:none;
	height:1px;
	width:90%;
	text-align:center;
}
table{
	margin:5px 5px 20px 20px;
	padding:5px;
}

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
a{
	color:#BC8E44;
	text-decoration:underline
}
a:hover{
	color:#d8c09a;
}

img{
	border:0 none;
}

.print{
	display:none;
}
.unprint{
}
.left{
	float:left;
}
.right{
	float:right;
}
.spacer{
	clear:both;
	padding:0;
	border:0;
	margin:0px;
	height:10px;
	font-size:0px;
}
.spacer_high{
	clear:both;
	padding:0;
	border:0;
	margin:0px;
	height:50px;
	font-size:0px;
}
.spacer_med{
	clear:both;
	padding:0;
	border:0;
	margin:0px;
	height:25px;
	font-size:0px;
}

/* squelette de page
-------------------------------------------------------*/

#site{
	background-image: url('/img/fond_site.png');
	background-position:left top;
	background-repeat:repeat y;
	width:958px;	
	padding: 0px 6px 11px 6px;
	margin:0px auto 0px auto;
}



/* header - Navigation
-------------------------------------------------------*/
#header{
	background-image: url('/img/fond_header.png');
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	height:92px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
	text-align:center;	
}

#header ul{
	float:right;
	padding: 0px 20px 0px 20px;
	margin:0px;
	list-style: none;	
}
#header ul li, #header ul li a{
	float: left;	
	padding: 0px 0px 0px 0px;	
	line-height:40px;
	width:60px;
	height:34px;
	color:#FFFFFF;
	text-decoration:none;
	
}
#header ul li a:hover{
	background-color:#EADBC3;
}
#header ul li.on a{
	background-color:#FFFFFF;
	color:#B4802D;
}



/* navBar principale
-------------------------------------------------------*/
#navBar{
	width:100%;
	height:41px;
	background-color:#CBAB78;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
#navBar ul{	
	padding: 0px;
	margin:0px 5px 0px 20px;
	list-style: none;	
}
#navBar ul li{
	float:left;
	line-height:41px;
	margin:0px;
	padding:0px;
}
#navBar ul li.black{
	background-color:#1F1C17;
}
#navBar ul li.red{
	background-color:#F23C13;
}

#navBar ul li a{
	float: left;	
	padding: 0px;	
	line-height:41px;	
	height:41px;
	padding:0px 12px 0px 12px;
	color:#FFFFFF;
	text-decoration:none;
}

#navBar ul li:hover{
	background-color:#d8c09a;
}

#navBar ul li.black, #navBar ul li.blackSep{
	background-color:#1F1C17;
}
#navBar ul li.black:hover{
	background-color:#575551;
}

#navBar ul li.red{
	background-color:#F23C13;
}
#navBar ul li.red:hover{
	background-color:#f56d4e;
}
#navBar ul li.on{
	background-color:#FFFFFF;	
}
#navBar ul li.on a{
	background-color:#FFFFFF;
	color:#B4802D;
}



/* animation centrale
-------------------------------------------------------*/
#anim{
	width:100%;
	height:270px;
}

/* content
-------------------------------------------------------*/
#content{
	width:100%;
	height:318px;
	background-color:#FFFFFF;
}


/* footer - navigation
-------------------------------------------------------*/
#footer{
	clear:both;
	position:relative;
	width:100%;
	height:50px;
	margin:0px;
	background-color:#1F1C17;	
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
}
#footer a{
	color:#FFFFFF;
}
#footer a:hover{
	color:#000000;
}
#footer ul{
	float:right;
	padding: 0px 20px 0px 20px;
	margin:0px;
	list-style: none;	
}
#footer ul li, #footer ul li a{
	float: left;	
	padding: 0px 0px 0px 0px;	
	line-height:45px;
	width:60px;
	height:50px;
	text-decoration:none;
}
#footer ul li a:hover{
	background-color:#BCBBBA;
}
#footer ul li.rss a{
	color:#F23C13;
}
#footer ul li.rss a:hover{
	color:#F23C13;
}
#footer ul li.on a{
	background-color:#FFFFFF;
	color:#000000;
}


#closer{
	clear:both;
	background-image: url('/img/fond_closer.png');
	background-position:left top;
	background-repeat:no-repeat;
	width:970px;
	height:11px;
	padding:0px;
	margin:0px auto 20px auto;
}


/* 
-------------------------------------------------------*/
/* PNG transparents sous IE6 avec du CSS */
/* * html img, */
* html .png{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}