/* general */
	* {margin: 0; padding: 0;}
	img{border: none;}
	li {list-style: none;}
	a {text-decoration: none;}
	h1 {font: bold 20px arial, san serif; color: #bf1c18; display: block; text-align: center;}
	h2 {font: bold 16px arial, san serif; color: #bf1c18; text-indent: 12px;}
	p {font: 12px arial, sans serif; color: #fff; text-align: justify; margin: 8px 0 12px 0;}
	body.accueil h1 { color:#fff; }
	body.accueil a, body.accueil a.pdf { color:#fff; text-decoration:underline; }
	body.accueil p { width:665px; }
	body.accueil p.decal { width:570px; margin-left:90px; margin-top:30px; }
	.ita {font-style: italic; }
	.rouge {color: #bf1c18;}
	.clear {clear: left;}


	body {background-color: #760100;}
	#conteneur {background: #0e0e0c url(../images/bg.jpg) 0 0 repeat; margin: 0 auto 0 auto; width: 1030px;}
	#bottom {clear: left; background: #0e0e0c url(../images/bg-bottom.jpg) 0 0 no-repeat; margin: 0 auto 0 auto; width: 1030px; height: 15px;}
	
	
/* header */
	#header {margin: 0 15px 0 15px; width: 1000px; height: 80px; border-bottom: 1px solid #3d5066;}


/* menu */
	#menu {float: left; margin:0 0 0 15px; width: 309px; text-align: right; }
	#menu a {font: bold 20px arial, sans serif; color: #bf1c18;}
	#menu a:hover {color: #fff;}
	.navigation {margin: 10px 10px 0 0;}
	.toggleSubMenu {margin: 0 0 8px 0;}
	.subMenu {margin: 0 14px 0 0;}
	.accueil {margin: 0 0 8px 0;}
	a.home { color:#BF1C18; }
	a.home:hover { color:#fff; }


/* principal */
	#principal {float: left; padding: 10px 0 10px 10px; width: 664px; border-left: 1px solid #3d5066; min-height: 400px;}
	/* page accueil */
		#principalAC {float: left; width: 690px; height: 500px; border-left: 1px solid #3d5066; background: #760100 url(../images/accueil8.jpg) top center no-repeat;}
		#infos {padding: 10px 0 10px 10px;}
		#infos h1 {text-align: left;}
		#infos #decalHome {margin-top:210px;}
		#infos .masque {background-color:rgba(0,0,0,0.6);padding:1px 5px;width:665px;}
		#accueil {margin: 4px 0 0 0; width: 690px; height: 500px;}
		body.accueil, body.accueil #conteneur, body.accueil #bottom  {background-color:#0e0e0c; background-image:none;}
	/*page marion-faure (photo)*/
		#marion {float: left; margin: 10px 10px 0 0; border-right: 1px solid #3d5066;}
	/* video youtube */
		#film {width: 480px; margin: 10px auto 10px auto; padding: 15px;  border: 1px solid #3d5066; background-color: #60100e;}
	/* liens vers pdf */
		.pdf {font: bold 14px arial, san serif; color: #bf1c18;}
		.pdf:hover {color: #fff;}
	/* mention legales, partenaires et contact */
		#centre {text-align: center; margin: 10px 0 0 0;}
		#centre p {text-align: center;}
		.partenaires {width: 60px; margin: 10px 20px 10px 0;}



/* footer */
	#footer {clear: left; margin: 0 15px 0 15px; width: 1000px; height: 36px; border-top: 1px solid #3d5066;}
	#footer ul {margin: 10px 0 0 500px;}
	#footer ul li {float: left; margin: 0 10px 0 10px;}
	#footer ul li a {font: bold 16px arial, sans serif; color: #bf1c18;}
	#footer ul li a:hover {color: #fff;}
	#lienFB {display: block; width: 20px; height: 20px; background: #0e0e0c url(../images/lien-fb.gif) top left no-repeat;}
	#lienFB:hover {background: #0e0e0c url(../images/lien-fb-hover.gif) top left no-repeat;}

/* css diaporama jquery cycle */
	.slideshow {height: 400px; width: 450px; margin: 10px auto 10px auto;}
	.slideshow img {height: 360px; width: 450px; padding: 15px; border: 1px solid #3d5066; background-color: #60100e;}
	.slideshowmov {height: 700px; width: 450px; margin: 10px auto 10px auto;}
	.slideshowmov img {height: 635px; width: 450px; padding: 15px; border: 1px solid #ccc; background-color: #60100e;}

/* css diaporama jquery slideviewer */
	#encadrement {margin: 10px auto 10px auto; width: 480px; height: 356px; border: 1px solid #3d5066; background-color: #60100e;}
	/*preload classses*/
	.svw {width: 450px; height: 300px; background: #60100e;} 
	.svw ul {position: relative; left: -999em;}
	.svw li {list-style-type: none;}
	/*core classes*/
	.stripViewer {position: relative; overflow: hidden; margin: 15px auto 4px auto;}
	 /* this is your UL of images */
	.stripViewer ul {position: relative; left: 0; top: 0;}
	.stripViewer ul li {float: left;}
	.stripTransmitter {overflow: auto; margin: 0 0 0 15px;}
	.stripTransmitter ul {position: relative;}
	.stripTransmitter ul li{width: 20px; float: left; margin: 0 auto 10px auto;}
	.stripTransmitter a {font: bold 12px Arial, sans serif; text-align: center; line-height: 22px; background: #60100e; color: #fff; display: block;}
	.stripTransmitter a:hover, a.current {background: #fff; color: #60100e;}
	/*tooltips formatting
	.tooltip	{padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede;}*/

	/* accueil */
	body.accueil {background-color:#0e0e0c;}