/* ###################################################################
							INIT
####################################################################*/
* {margin:0px; padding:0px; }
p,h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-weight:normal; font-style: normal; padding:0; margin:0; font-size:12px;}
ul,ol { list-style:none; background:no-repeat; margin:0; padding:0;}
fieldset,img { border: none; overflow:hidden;}
caption,th { text-align: left; }
html{height: 100%;}
body{font-family: Arial, Helvetica, "sans-serif"; font-size: 11px;  color:#FFF; background:#000000 url(../_common/fond.jpg) top center no-repeat fixed; height:100%;}
a{color:#000;	text-decoration:underline;}
a:hover{color:#000;	text-decoration:none;}

.cb{clear:both;}
.souligne{text-decoration:underline;}
.center{text-align:center;}
.right{text-align:right;}
.repere{position:relative;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.invisible{display:none;}


/* ###################################################################
							MAIN
####################################################################*/
#fond{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:0; display:block;}
#fond img{ width:100%; height:100%; display:block;}

#global{width:960px; margin:0 auto; position:relative; z-index:1;}

#header{width:100%;}

	#logo{float:left; width:349px; margin:0 0 10px 0;}
	#entete{float:left; width:611px; margin:0 0 10px 0;}
	#entete h1{font-size:13px; color:#4C0C06; font-weight:bold; padding:5px 2px 0 7px;}
	#entete p{font-size:13px; color:#4C0C06; padding:3px 2px 3px 7px;}
	#entete a{color:#591105;}

#content{clear:both;}

	#colLeft{ width:349px; float:left;}
	#colRight{ width:611px; float:left; z-index:2;}

#footer{}

/* ###################################################################
							pageHtml
####################################################################*/
.pageHtml{color:#4C0C06; margin:0 0 0 6px; padding:10px; background:#F2CD65;}
.pageHtml h1{font-size:18px; color:#4C0C06; font-weight:bold; padding:0 2px 10px 0;}
.pageHtml h2{font-size:13px; color:#4C0C06; font-weight:bold; padding:5px 2px 4px 2px; font-style:italic;}
.pageHtml p{padding:3px 2px 3px 7px;}
.pageHtml a{color:#4C0C06;}
.imgcadre{border:#4C0C06 solid 1px;}

/* ###################################################################
							NAV
####################################################################*/
#navigation{background:url(../_common/fond_signer1.png) 0px 250px no-repeat; height:340px}
#menu{font-family:"Courier New", Courier, monospace;}
#menu li{height:45px; margin:0 0 5px 0;}
#menu li a{display:block; height:45px; background-position:0 45px;}
#menu li a.activ{display:block; height:45px; background-position:0 0;}
#menu li a.activ:hover{display:block; height:45px; background-position:0 0; cursor:auto;}
#menu li a:hover{display:block; height:45px; background-position:0 90px;}

#menu li a.nav_galerie{background-image:url(../_common/nav_galerie.png);}
#menu li a.nav_manifest{background-image:url(../_common/nav_manifest.png);}
#menu li a.nav_temoin{background-image:url(../_common/nav_temoin.png);}
#menu li a.nav_rockon{background-image:url(../_common/nav_rockon.png);}
#menu li a.nav_tshirt{background-image:url(../_common/nav_tshirt.png);}
#menu li a.nav_signer{background-image:url(../_common/nav_signer.png);}

#menu span{display:none;}

#signaturesRepere{position:relative; color:#8B310F; font-family: Arial, Helvetica, "sans-serif"; font-size:15px;}
#signaturesInt1, #signaturesInt2, #signaturesInt3{position:absolute; top:5px; left:35px;}
#signaturesInt1{top:0px;}
#signaturesInt2{top:23px;}
#signaturesInt3{top:46px;}
#signaturesChiffre1, #signaturesChiffre2, #signaturesChiffre3{position:absolute; right:74px; text-align:right; font-family:"Courier New", Courier, monospace; font-size:20px; color:#4D0C06; font-weight:bold;}
#signaturesChiffre1{top:0px;}
#signaturesChiffre2{top:23px;}
#signaturesChiffre3{top:46px;}

#liensAnnexes{width:349px; position:relative; height:50px;}
#twitter{width:26px; height:28px; position:absolute; top:10px; right:130px;}
#twitter a{display:block; width:26px; height:28px; background:url(../_common/twitter.png) top left no-repeat; cursor:pointer;}
#facebook_share{width:57px; height:18px; position:absolute; top:18px; right:21px;}
#facebook_share a{display:block; width:57px; height:18px; background:url(../_common/facebook_share.jpg) top left no-repeat; cursor:pointer;}
#facebook{width:26px; height:28px; position:absolute; top:10px; right:91px;}
#facebook a{display:block; width:26px; height:28px; background:url(../_common/facebook.png) top left no-repeat; cursor:pointer;}

.merci{width:329px;}


/* ###################################################################
							CAROUSEL
####################################################################*/
#carousel{width:606px;}

#slideshow {width:600px; overflow:hidden; position:relative; left:6px;}

#conteneurNav{position:relative;width:600px;}
#nav{width: 505px; height:73px; overflow:hidden; position:relative; left:54px; background:#F2CD65}

#fondPics{background:url(../_common/fondslide.png) no-repeat; width:600px; height:450px;}
#pics{width:600px; height:450px;}

#slideNav{position:absolute; top:0; left:0; padding:2px 0 2px 0; /*-padding:0;*/ z-index:0; width:3000px; background:#F2CD65;}
#slideNav li{width:100px; float:left; margin:0px 1px 0 0px; list-style:none; padding:0px; display:block; background:#F2CD65;}
#slideNav li.activeLI{background:#F2CD65;}
#slideNav a{width:100px; padding: 0px; display: block; text-align:center; background:#000;}
#slideNav a:focus{outline:none;}
#slideNav img{border:none; display:block; margin:auto;}

.vignette{ display:none;}

#infos{width:606px; background:url(../_common/info_bg.png) top left repeat-y; color:#390606; margin:0 0 0 3px;}
.infoRepere{position:relative;}
#infosFleche{background:url(../_common/info_fleche.png) top left no-repeat; width:606px; height:20px; margin:0 0 0 3px; padding:0;}
#infos h3{position:absolute; top:0px; left:20px; color:#390606; font-size:11px;}
#infos h2{color:#390606; font-size:16px; font-family:"Courier New", Courier, monospace; font-weight:bold; text-align:center; padding:0 10px 0 10px; margin:0 0 5px 0; line-height:14px;}
#infos p{color:#591105; font-size:11px; text-align:left; margin:0; padding:0 20px 0 20px;}
#infos a{color:#591105;}
#infosEnd{background:url(../_common/info_end.png) bottom left no-repeat; width:606px; height:15px; margin:0 0 10px 3px; padding:0;}

#prev,#next{position:absolute; width:48px; height:73px; background:#CCC; top:0; display:block;}
#prev{left:6px; background:url(../_common/prev.png) no-repeat; cursor:pointer;}
#next{right:-6px; background:url(../_common/next.png) no-repeat; cursor:pointer;}

#slideshow_infos{ display:none;}