@charset "UTF-8";
/* CSS Document */
/********************************************************************************************/
/*	Generalites
/********************************************************************************************/
body, html 					{background: black;font-family: arial, helvetica,verdana,sans-serif;font-size:12px; line-height:13px;font-weight:100;color: #FFF;width: 100%;}
/*	Annulations generales */
body, 
p, 
ul, 
form, 
h1, 
h2,
h3,
h4,
h5 							{padding:0;margin:0;}
table 						{ border-collapse:collapse; }
img							{border:0;display:block;}
ul 							{ list-style: none; }
/*	Clear floats */
.clear 						{clear:both;height:0;line-height:0;}
.noborder 					{ border: 0 !important; }
.nomargin					{ margin: 0 !important; }
/********************************************************************************************/
/*	Structure
/********************************************************************************************/
#container 					{ width: 990px; margin:auto; }

/********************************************************************************************/
/*	Header
/********************************************************************************************/
#header						{ width: 100%;height: 31px;background-color:#2F2F2F;}
#header .menu				{ width: 990px;height: 31px;margin:auto;}
#header  .menu a 			{ position:relative;display: block;float:left;height: 31px;background-repeat: no-repeat;background-position: 100% 0;}
#header  .menu a:hover,
#header  .menu .on a 		{ background-position: 100% 100%;}
#header .menu a.bt0 		{ width:888px; 	background-image: url('../img/adresse.gif');}
#header .menu a.bt1 		{ width:46px; 	background-image: url('../img/contact.gif');}
#header .menu a.bt2 		{ width:56px; 	background-image: url('../img/reglement.gif');}


/********************************************************************************************/
/*	hypertexte
/********************************************************************************************/
a 							{text-decoration: underline; color:white;}
a:hover 					{ text-decoration: underline; }
a:active {}
a:visited {}

/********************************************************************************************/
/*	Menu
/********************************************************************************************/
#mnsys 						{ height: 108px; border-bottom: 1px solid #2E2E2E;}
#mnsys .logo 				{ float: left; position:relative; left:62px; top:16px; }
#mnsys .menu1 				{ float: left; width:188px; position:relative; left:123px; top:16px;}
#mnsys .menu2 				{ float: left; position:relative; left:81px; top:16px; width: 188px; }
#mnsys a 					{ display: block;height: 21px;background-repeat: no-repeat; background-position: 0 0; }
#mnsys a:hover,
#mnsys .on a 				{ background-position: -188px 0; }
#mnsys a.bt0 				{ background-image: url('../img/bt0.gif'); }
#mnsys a.bt1 				{ background-image: url('../img/bt1.gif'); }
#mnsys a.bt2 				{ background-image: url('../img/bt2.gif'); }
#mnsys a.bt3 				{ background-image: url('../img/bt3.gif'); }
#mnsys a.bt4 				{ background-image: url('../img/bt4.gif'); }
#mnsys a.bt5 				{ background-image: url('../img/bt5.gif'); }
#mnsys a.bt6 				{ background-image: url('../img/bt6.gif'); }
#mnsys a.bt7 				{ background-image: url('../img/bt7.gif'); }
 
#share						{ position: relative;left:0px;top:62px; float:right}
#share  a 					{ width:256px; position:relative;display: block;float:left;height:21px;background-repeat: no-repeat;background-position: 100% 0;}
#share  a:hover,
#share  .on a 				{ background-position: 100% 100%; }
#share 	a.bt0 				{ width:190px; background-image: url('../img/facebook.gif');margin-bottom:2px}
#share 	a.bt1 				{ width:56px; background-image: url('../img/twitter.gif');margin-bottom:2px }
#share 	a.bt3 				{ width:246px; background-image: url('../img/official.gif')}

#book 						{float:left; position:relative; float:right; top:-42px}
#book  a 					{ width:270px; position:relative;width:255;display: block;float:left;height: 21px; background-repeat: no-repeat;background-position: 100% 0; }
#book  a:hover,
#book  .on a 				{ background-position: 100% 100%; }
#book 	a 					{ width:255px; background-image: url('../img/book.gif'); height:59px; margin-left:20px; text-decoration:none; }

a.download 					{ color:white; position:absolute; display:block; top:8px; left:150px; font-size:11px; width:150px; height:10px; }
a.download:hover 			{ color:white;}
/********************************************************************************************/
/*	page article
/********************************************************************************************/
#home 						{ width:670px; position:relative; margin:auto; top:20px; text-align:center;color:#666}
#home a						{ color:#666;}

#home form input			{ position:relative; float:left; display:block;}
#home form 					{ position:relative; left:150px; display:block;}



#article 					{ width:980px; position:relative; margin:auto; top:20px;}
#article #illustration 		{ width:400px;float:left; position:absolute; left:0;}
#article #carroussel 		{ width:400px; position:relative; background-color:#000;top:572px;}
#article #carroussel_grand	{ width:980px; position:relative; background-color:#000;top:572px;}
#article #col1,
#article #col2,
#article #col3,
#article #col4, 
#article #col5 				{ display:block; width:270px; position:absolute; left:420px; top:69px;}
#article #col3	 			{ width:540px;}
#article #col2	 			{ left:710px; top:5px;}
#article #col4				{ left:710px;}
#article #col5				{ top:55px;}
#friends 			 		{ width:400px; margin-bottom:50px;}
#friends img		 		{ float:left; border:0;}

#article #titre 			{ width:270px;float:left; position:absolute; left:420px; top:0px}
#article p					{ margin-bottom:12px}
#article h1					{ color:#d51012; font-size:14px; line-height:16px; margin-top:10px; margin-bottom:5px;}
#article h2					{ font-size:13px; line-height:15px; font-weight:400;}
#article h3					{ font-size:17px; line-height:19px; font-weight:400; color:#d51012;}
#article h4					{ width:100%; text-align:right; font-size:11px; padding-bottom:15px; margin-bottom:10px; border-bottom:1px #2E2E2E solid;}
#article h5					{ font-size:14px; font-weight:400; line-height:16px;color:#d51012; margin-bottom:10px;}
#article .rouge				{ color:#d51012;}
#article .exergue			{ font-size:15px; text-transform: uppercase; line-height:17px;}
#article .exergue2			{ font-size:15px;}

#article h3 a				{ color:#d51012; text-decoration:none;}
#article h3 a:hover			{color:white}

/********************************************************************************************/
/*	form
/********************************************************************************************/
form    					{ width:540px; }
form h1						{ width:100%;padding-bottom:15px;border-bottom:1px #2E2E2E solid; }
.textfield					{ position:relative;display: block; left:5px; width:175px;}
label, .label, .infos		{ display:block; height:25px; width:150px; float:left; text-align:right; padding-right:5px; line-height:25px;}

.deja						{ width:100%; padding-top:10px; padding-bottom:10px; background-color:#F5E0E1; color:#F00; border:1px solid #F00; text-align:center}
.deja a 					{ color:#F00;}

.infos						{ text-align:left; width:370px;}
.btform						{ position:relative; display: block; margin-top:30px; float:right; width:134px; height:49px;}
.labelcheck					{ display:block; height:25px; width:320px; float:left; text-align:left; padding-right:5px; line-height:25px;}
.labelcheck2				{ position:absolute; left:75px; float:left; display:block; height:25px; width:320px; float:left; text-align:left;}
.check						{ position:relative; left:75px; }
.check label				{ width:350px; display:block; float:left; position:relative; text-align:left; margin-left:10px;}
.check input				{ display:block; position:relative; float:left;}

.enter						{ display:block; position:relative; float:left; left:120px;}
.radiohome					{ top: -3px;}


#presse						{ font-family:"Times New Roman", Times; font-size:18px; font-style:italic; line-height:20px; }
#presse p					{ float:left; position:relative; left: 190px; top:-30px; width:400px;}
#presse img					{ float:left}

.logopresse					{ display: block; width:45%; float:left; margin-left:10px; height:125px;}