@charset "utf-8";
/* CSS Document */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1.2; font-size: 12px; }
ol, ul { list-style: none; margin-left: 20px; }
textarea { font-size:12px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
#oldnav { display:none; background:#FDF2AB; padding:5px; font-size:12px; font-family:Arial,Helvetica,sans-serif; text-align:center; border-bottom:1px solid #A29330; }
nav, footer, article, section, aside { display: block; }


* {
	font-family: Arial, Helvetica, sans-serif;
}

body, html {
	height: 100%;
}
#wrapper { min-height: 100%; background: url(../interface/images/fond.jpg) repeat-x 0 bottom #01acfc; }


#general {
	position: relative;
	margin: 0 auto;
}

#fond-nav { background: url(../interface/images/menu-fond.png) repeat-x 0 top; position: absolute; left: 0; z-index: 100; width: 100%; }
	nav { width: 920px; position: relative; padding: 0 30px 0 80px; height: 94px; background: url(../interface/images/menu.png) no-repeat; display: block; margin: 0 auto; }
		#logo { float: left; }
		#fond_menu { line-height: 84px; margin-top: 15px; }
	#corps { width: 750px; padding: 100px 250px 360px 0; position: relative; margin-left: auto; margin-right: auto; background: url(../interface/images/fond-head.jpg) no-repeat center bottom; color: #000; text-align: justify; line-height: 17px; }
#corps p { margin-top: 10px; }
#corps a { color: #CCF335; text-decoration:underline; }
#corps a:hover { color: #FFF; text-decoration: none; }
	#bas-corps { background: url(../interface/images/bas.png) no-repeat; width: 960px; padding: 0 35px; position: relative; height: 307px; margin: -28px auto 36px; }
	footer { margin: 0 auto; height: 175px; width: 800px; }
		#bandeau-pub { background: grey; width: 728px; height: 90px; margin: 20px auto; }
		#copyright { text-align: center; font-size: 10px; border-top: 1px dotted #CCC; padding-top: 20px; }
			#copyright a { color: #000000; }
#gauche {
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	width: 200px;
	margin-top: 15px;
}

#bloc_droite {
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
	width: 200px;
	margin-top: 15px;
}

#droite {
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	width: 760px;
	margin-top: 15px;
	overflow: hidden;
}


/* menu simple */
#fond-nav .navigation { padding: 0; margin: 0; position: relative; z-index: 1000; }
#fond-nav .navigation li { display:block; float:left; -webkit-transition-duration: 1s; -webkit-transition-property: background-position; -webkit-transition-timing-function: ease-out; }
#fond-nav .navigation li+li { background:url("../interface/images/m-sepa.png") no-repeat scroll right center transparent; }
#fond-nav .navigation li.first_page { display: none; }
#fond-nav .navigation li.last_page { background: none; }
#fond-nav .navigation li a { color:#000000; font-size: 11px; text-transform: uppercase; display:block; float:left; line-height:77px; padding:0 10px; text-decoration:none; }
#fond-nav .navigation li a:hover { color:#5cd9ff; text-decoration:none; }
#fond-nav .navigation li:hover { /*background-position: right;*/ }


#menu-bas { position: relative; top: -61px; margin: 0 auto; text-align: center; height: 71px; }
#menu-bas .navigation { padding: 0; margin: 0; position: relative; z-index:1; }
#menu-bas .navigation li { display:inline-block; position: relative; margin: 0 -12px; height: 71px; -webkit-transition-property: background-position; -webkit-transition-duration: 200ms; }
#menu-bas .navigation li.page_452217 { background: url(../interface/images/m-b-1.png) no-repeat; width: 100px; z-index: 970; margin: 0 -5px; }
#menu-bas .navigation li.page_451808 { background: url(../interface/images/m-b-2.png) no-repeat; width: 124px; z-index: 980; }
#menu-bas .navigation li.page_452218 { background: url(../interface/images/m-b-3.png) no-repeat; width: 103px; z-index: 940; }
#menu-bas .navigation li.page_452219 { background: url(../interface/images/m-b-4.png) no-repeat; width: 109px; z-index: 960; margin: 0 -3px; }
#menu-bas .navigation li.page_452220 { background: url(../interface/images/m-b-5.png) no-repeat; width: 96px; z-index: 920; }
#menu-bas .navigation li.page_452221 { background: url(../interface/images/m-b-6.png) no-repeat; width: 97px; z-index: 930; margin: 0 -9px; }
#menu-bas .navigation li.page_451809 { background: url(../interface/images/m-b-7.png) no-repeat; width: 103px; z-index: 950;}
#menu-bas .navigation li.page_452222 { background: url(../interface/images/m-b-8.png) no-repeat; width: 110px; z-index: 990; margin: 0 -3px; }
#menu-bas .navigation li.page_493374 { background: url(../interface/images/m-b-9.png) no-repeat; width: 109px; z-index: 930; margin: 0 -10px; }

#menu-bas .navigation li.first_page { display: none; }
#menu-bas .navigation li a { display:block; float:left; text-indent: -9999px; text-transform: capitalize; color: transparent; width: 100%; height: 71px; }
#menu-bas .navigation li:hover { /*background-position: right;*/ position: relative; z-index: 999 !important; background-position: 0 5px; }




/* style des sous-menus */
#bloc_sous_page li { list-style: none; text-align: left; color: #000000; }
#bloc_sous_page li a:link, #bloc_sous_page li a:visited { color: #000000; text-decoration: none; }
#bloc_sous_page li a:hover { color: #8071a3; text-decoration: none; }
#bloc_sous_page ul { margin: 0; }
#bloc_sous_page { margin-bottom: 20px; }

#cd-dl { background: url(../interface/images/cd-dl.png) no-repeat left top; width: 229px; height: 329px; position: absolute; right: 60px; top: 5px; } 
#cd-dl:hover { background-position: right top; }

.cols { float: left; margin: 54px 120px 5px 40px; width: 160px; font-weight: bold; }
.cols.col1 { margin-left: 30px; width: 190px; margin-top: 77px; margin-right: 100px; }
.cols.col2 { margin-left: 25px; width: 190px; margin-top: 77px; margin-right: 105px; }
.cols.col3 { margin-left: 35px; width: 165px; }
.cols.col2 a, .cols.col1 a { display: table-cell; height:63px; color: #000; background: url(../interface/images/btn-play.png) no-repeat left center; padding-left: 63px; vertical-align: middle; }
.cols.col2 a:hover, .cols.col1 a:hover { color: #fff; background: url(../interface/images/btn-play-h.png) no-repeat left center; }
.cols.col1 a img { display:block; height:63px; border: 0; float: left; }
/*.col1 { margin: 54px 130px 5px 20px; width: 171px; }*/
.img-contenu { background: none repeat scroll 0 0 #FFFFFF; float: left; font-size: 0; margin: 10px; line-height: 0; overflow: hidden; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.rezo { position: relative; display: block; float:left; margin-left: 8px; margin-top: 25px; text-decoration: none; width: 51px; }
.infbulle { position: absolute; top: 17px; left: 0; font-size: 11px; opacity: 0; text-decoration: none; background: #000; color: #FFF; -webkit-transition: all 0.5s ease-in-out; width: 51px; padding: 1px 3px; text-align: center; }
.rezo:hover .infbulle { opacity: 1; top: 27px; }


h1 { font-size: 22px; font-style: normal; font-weight: normal; color: #ccf335; }
h2 { font-size: 18px; font-style: normal; font-weight: normal; color: #ccf335; }

fieldset { border: 1px solid #FFF; padding: 10px; margin: 0 auto; width: 400px; }
legend { font-size: 12px; font-weight: bold; color: #FFF; }
.confidentialite { font-size: 9px; line-height: 10px; width: 420px; margin: 0 auto; }