@charset "UTF-8";
/* CSS Document */

/* 
rouge => #4F0000
beige => #EBE8E1
*/

/* ***** General ***** */
body {
	background: #EBE8E1 url(../images/bgHeader.gif) top repeat-x;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
}

p { margin: 5px 0; }
#global {
	width: 956px;
	margin: 0 auto;
}


/* ***** Header & nav ***** */
#header {
	width: 956px;
	height: 173px;
}
#headertop {
	background: url(../images/header.jpg) top no-repeat;
	position: relative;
	width: 956px;
	height: 132px;
}
#headertop .home {
	position: absolute;
	width: 191px;
	height: 118px;
	left: 26px;
	top: 9px;
}
#headertop .atelier {
	position: absolute;
	width: 137px;
	height: 101px;
	left: 826px;
	top: 27px;
}
#headernav {
	width: 956px;
	height: 41px;
	padding-left:28px;
	padding-top:8px
}
#headernav_all {
	/* background:url(../images/menu.jpg) no-repeat; */
	width: 900px;
	height: 33px;
}
/* ***** Container ***** */
#container {
	width: 956px;
	margin-top: 0px;
	background-color:#FFF;
	border:#D3D3D3 thin solid
}
/* ***** HOME PAGE ***** */


#f_hp {
	background: url(../images/fond_hp.jpg) top no-repeat;
	position: relative;
	width: 900px;
	height: 431px;
	margin: 29px 29px 29px 29px
}
#player {
	position: absolute;
	width: 445px;
	height: 250px;
	z-index:999px;
	left: 427px;
	top: 54px;
}
#f_hp .content {
	position: absolute;
	width:320px;
	left: 40px;
	top: 248px;
}
#f_hp .content ul {
list-style:square;
list-style-position:inside;
font-size:0.9em;
margin:0;
width:320px;
padding:0;
padding-left:10px;
}

#f_hp .content ul li {
margin:4px 0;
}


#f_hp .hp_focus {
	position: absolute;
	left: 530px;
	top: 310px;
}
/* ***** PRESENTATION ***** */
#f_pres {
	background: url(../images/fond_pres.jpg) top no-repeat;
	position: relative;
	width: 900px;
	height: 429px;
	margin: 29px 29px 29px 29px
}
#f_pres .bloc1 {
	position: absolute;
	width: 425px;
	height: 161px;
	left: 458px;
	top: 26px;
}
#f_pres .bloc2 {
	position: absolute;
	width: 460px;
	height: 126px;
	left: 425px;
	top: 203px;
}
/* ***** BARMAN ***** */
#f_barman {
	background: url(../images/fond_barman.jpg) top no-repeat;
	position: relative;
	width: 900px;
	height: 506px;
	margin: 29px 29px 29px 29px
}
#f_barman .bloc1 {
	position: absolute;
	width: 403px;
	height: 335px;
	left: 39px;
	top: 22px;
}
/* ***** LIENS ***** */
#f_liens {
	background: url(../images/fond_liens.jpg) top no-repeat;
	position: relative;
	width: 900px;
	height: 524px;
	margin: 29px 29px 29px 29px
}
#f_liens .bloc1 {
	position: absolute;
	width: 403px;
	height: 335px;
	left: 39px;
	top: 22px;
}
/* ***** TARIFS ***** */
#f_tarifs {
	background: url(../images/fond_tarifs.jpg) top no-repeat;
	position: relative;
	width: 900px;
	height: 429px;
	margin: 29px 29px 29px 29px
}
#f_tarifs .bloc1 {
	position: absolute;
	width: 425px;
	height: 161px;
	left: 458px;
	top: 26px;
}
#f_tarifs .bloc2 {
	position: absolute;
	width: 460px;
	height: 126px;
	left: 423px;
	top: 230px;
}
/* ***** INSCRIPTION ***** */

#f_inscription {
	background:#000000 url(../images/fond_inscription_h.jpg) top no-repeat;
	position: relative;
	width: 900px;
	height: 605px;
	margin: 29px 29px 29px 29px;

}

 #bloc1 {
	position: absolute;
	/*width: 467px;*/
	width: 460px;
	/*height: 403px;*/
	left: 30px;
	top: 25px;
}
/* ***** THEMATIQUES ***** */
#f_thematiques {
	background: url(../images/fond_thematiques.jpg) top no-repeat;
	position: relative;
	width: 900px;
	height: 429px;
	margin: 29px 29px 29px 29px
}
#f_thematiquesB {
	background-color:#000;
	position: relative;
	width: 871px;
	margin: 29px 29px 29px 29px;
	padding: 15px 15px 15px 15px;
}
#f_thematiquesB .rub {
	font-size: 14px;
	font-weight:lighter;
	margin-left:7px;
}
#f_thematiquesB .titre {
	text-transform: uppercase;
	font-size: 16px;
	font-weight:bold;
}
#f_thematiquesB .desc {
	font-size: 12px;
}
#f_thematiques .bloc1 {
	position: absolute;
	width: 341px;
	height: 161px;
	left: 35px;
	top: 28px;
}
#f_thematiques .bloc2 {
	position: absolute;
	width: 271px;
	height: 82px;
	left: 84px;
	top: 291px;
}
#footer {
	width: 956px;
	margin: 0 auto;
	text-align:right;
	font-size: 10px;
	color: #999999;
}

#footer a, a:hover{
	color: #999999;
}

a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: none;
}


#global_popup {
	background-color:#FFF;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	width: 375px;
	margin: 0 auto;
	
}
#header_popup {
	padding-top:12px;
	padding-left:12px;
}
#main_popup {
	margin-left:12px;
	width:350px;
	background-color:#000
}
#text_popup {
	padding:35px 15px 35px 15px;
}

#modeInformation, #modeRegister {
	cursor: 	pointer;
	font-weight: 700;
}

.formElement {
 background-color: #EBE8E1;
 margin-top:5px;
 border: 1px solid #666666; 
}