/*
---------------------------------------------------------------------------------------------------------------------------------------------
>>>> GENERAL et RESETS
---------------------------------------------------------------------------------------------------------------------------------------------
*/

* {
  list-style: none;
  outline: none;
  text-decoration: none;
  margin:0;
  padding:0;
}

html {font-size:100.1%;}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color:#FFF;
	font: 12px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
	background:#000 url(images/visuel_1.jpg) no-repeat center top;
}

a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:active{ text-decoration:none;}

.content{ font-size:1em; text-align:left;}

input,
textarea{ font-size: 100%;}

img{ border: 0 none;}

hr{ clear: both; visibility: hidden;}

.inv{ display:none;}

.clear{ clear:both; height:1px;}

a.button, #main a.button {
	background:url(images/button.png) repeat-x left top;
	/* display: block; */
	/* float: left; */
	/* clear:both; */
	
	width:auto;

	padding-left:10px;
	padding-right:10px;

	padding-top:5px;
	padding-bottom:10px;

	height: 26px;
	margin:0 0 10px 0;
	line-height:26px;
	text-decoration: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px; text-align:center;
	font-weight:bold;
}
a.button:hover, #main a.button:hover {text-decoration: underline; color:white}

select, input, textarea {font: 12px Arial; font-weight:normal;}

.bloc_squares_full
{
	width:890px;
	background-color:#454545;
	background-image:url(images/bloc_grained_full2.gif);
	background-repeat:no-repeat;
	border:1px solid #000;
	padding:10px;
	display:block;
	height:auto;
}

/*
---------------------------------------------------------------------------------------------------------------------------------------------
>>>> ENTETES
---------------------------------------------------------------------------------------------------------------------------------------------
*/
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;
						font-weight:normal;
						line-height:100%;}

#main .bloc_squares h1, #main .bloc_flag h1{ font-size: 20px; line-height:40px; color:#FFF; }
h4 { font-size: 20px; line-height:40px; color:#FFF; }
h5 { font-size: 14px; }

/*
---------------------------------------------------------------------------------------------------------------------------------------------
>>>> HEADER
---------------------------------------------------------------------------------------------------------------------------------------------
*/

#header{margin:0 auto; width:955px;  text-align:left;}

#header #logo{width:955px; height:272px; clear:both; padding:0px 0 0 0;}
#header #logo a{position:relative; top:40px; margin-top:0px; width:260px; height:140px; background:url(images/logo.png) no-repeat left top; display:block; }
#header #logo a:hover{background:url(images/logo.png) no-repeat left top;}
#header #logo span{display:none;}
#header #top_menu {width:955px;}


/** menu **/
#header #top_menu ul
{
	margin:0;
	padding:0;
	/* position:relative; */
}
#header #top_menu ul li
{
	margin:0;
	padding:0;
	
	float:left;

	width:159px;
	height:39px;
	line-height:39px;
}
#header #top_menu ul li a
{
	float:left;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	width:159px;
	height:39px;
	background:url(images/nav_1.png) no-repeat left top;
	display:block;
	text-align:center;
}

#header #top_menu ul li a:hover
{
	color:#d60000;
	background:url(images/nav_2.png) no-repeat left top;
}

/** sous menu **/
#header #top_menu ul li ul
{
	position: absolute;
	z-index:555;

	left: -999em;
	/* width: 250px; /* Hack pour Opéra */
	width:250px;
	overflow:hidden;

	display:block;

	padding:0px 0 0 0;
	margin:39px 0 0 0px;
	background-color:#000;
}

#header #top_menu ul li ul ul
{
	display:none;
}


#header #top_menu ul li ul li
{	
	padding:0px;
	/* display:block; */
	margin: 0px;
	height:auto;
	line-height:normal;
	
	/* height:28px; */
	/*width: 250px; /* Hack pour Opéra */



	/*overflow:hidden;
	float:none;
	clear:left;*/

	width:250px;
}



#header #top_menu ul li:hover ul
{
	left: auto;
}

#header #top_menu ul li ul li a 
{
	width:235px;
	height:26px;
	line-height:26px;
	white-space:nowrap;	

	display:block;
	text-transform:none;
	text-align:left;
	padding:0 0 0 15px;

	color:#000;
	font-weight:normal;
	background:url(images/li_1.png) repeat-x left top;
	border:1px solid #929292;
	border-width:0 0 1px 0;	
}


#header #top_menu ul li ul li a:hover
{
	background:url(images/li_2.png) repeat-x left top;
	color:#FFF;
}


	





/*
---------------------------------------------------------------------------------------------------------------------------------------------
>>>> MAIN
---------------------------------------------------------------------------------------------------------------------------------------------
*/

#main{display:block; color:#adadad; background:#171717; margin:0 auto; padding:23px 20px 23px 20px; width:915px; min-height:400px; height:auto; text-align:left; clear:both;}
#main img.float_left{float:left; margin:0px; border:1px solid #999;}
#main img {border:1px solid #aeaeae;}

#main a {color:#fff; text-decoration:underline;}
#main a:hover {color:#d60000; text-decoration:underline;}

#main h1 {color:#FFF; margin-bottom:5px; font-size:20px; font-weight:bold;}
#main h2 {color:#d60000; font-size:20px; line-height:25px;  font-weight:bold;}
#main h3 {color:#FFF; font-size:14px; font-weight:bold; padding:0 0 0 18px; margin:10px 0 0 0; background:url(images/puce_2.jpg) no-repeat left 50%; font-weight:bold;}

#main ul {margin:0; padding:0;}
#main ul li{ padding:0 0 0 19px; background:url(images/flag.gif) no-repeat left 4px; display:block;}

#main #navbar{background:#454545 url(images/localisation_flag.jpg) no-repeat right 50%; height:22px; line-height:22px; padding:0 0 0 10px; margin:0 0 15px 0;}
#main #navbar ul{margin:0; padding:0 0 0 10px;}
#main #navbar li{padding:0 0 0 16px; display:inline; background:url(images/puce_1.jpg) no-repeat 5px 50%;}
#main #navbar a{color:#FFF; text-decoration:none;}
#main #navbar a:hover {color:#d60000; text-decoration:underline;}


#main .left_part{width:300px; float:left;}
#main .center_part{width:300px; float:left; margin:0 7px;}
#main .right_part{width:300px; float:left; padding:0 0 50px 0;}
#main .left_part_plain{width:65%; display:block; float:left; margin:0 15px 0 0;}
#main .right_part_plain{width:300px; float:right; margin:0 0 0 15px; padding:0 0 50px 0;}

#main .bloc_squares{ background:url(images/bloc_squares.png) no-repeat 50% top;
					border:3px solid #000;
					width:253px; height:auto;
					float:left;
					display:block;
					margin:0 0 17px 0; padding:0 19px;

					margin-right:8px;
	}

#main .bloc_flag
{ background:url(images/bloc_flag.png) no-repeat left top;
				  border:3px solid #000;
				  width:253px; height:100%;
				  float:left;
				  display:block;
				  margin:0 0 17px 0;
				  padding:0 19px;

				  margin-right:8px;

}
#main .bloc_none
{	border:3px solid #000;
					width:291px;
		            height:100%;
					float:left;
					display:block;
					margin:0 0 17px 0;

					margin-right:8px;
}

#main .bloc_squares2
{
	background:url(images/bloc_squares2.jpg) no-repeat 50% top;
	border:3px solid #000;
	width:408px; height:auto;
	float:left;
	display:block;
	margin:0 10px 17px 0; padding:0 19px;
}

#main .bloc_flag2
{
		background:url(images/bloc_flag2.jpg) no-repeat 50% top;
		border:3px solid #000;
		width:407px; height:100%;
		float:left;
		display:block;
		margin:0 0 17px 0;padding:0 19px;
}

#main .bloc_none2
{
	border:3px solid #000;
	width:408px;
	height:100%;
	float:left;
	display:block;
	margin:0 0 17px 0;

	margin-right:8px;
}




	
	#main p{margin:10px 0;}


	#main a.link_flag {color:#adadad; padding:0 0 0 21px; display:block; margin: 0 0 8px 0; background:url(images/flag.gif) no-repeat left 3px;}
	#main a.link_flag:hover{color:#d60000;}


	#main .link_com a{color:#adadad; padding:0 0 0 21px; display:block; margin: 0 0 8px 0; background:url(images/com.gif) no-repeat left 2px;}
	#main .link_com a span{color:#d60000; font-weight:bold;}
	#main .link_com a:hover{color:#d60000;}

	#main .flag_red{padding:6px 0 6px 20px; color:#d60000; background:url(images/flag.gif) no-repeat left 50%; display:block; }

	#main .circuit{width:253px; height:181px; border:1px solid #000; margin:20px 0;}

	#main .chapo{color:#FFF;font-weight:bold; margin:20px 0 10px 0;}
	#main .chapo img{ float:left; margin:0 5px 0 0; border:1px solid #000; }
	#main .chapo span{color:#d60000;}

	#main .right{text-align:right; clear:both;}

	#main .tabs p{margin: 0 0 1px 0; height:20px; line-height:20px; background:#454545;}
	#main .tabs .level{ margin:0 1px 0 0; width:90px; float:left; display:block; border:1px solid #000; border-width:0 1px 0 0; padding:0 5px;}
	#main .tabs .resultat{float:left; display:block; padding:0 15px;}
	#main .tabs span{}
	
	#main .casques a{ font-size:10px;
						width:82px;
						padding:65px 0 10px 0;
						display:block; float:left;
						text-align:center;}
	#main .casque_turquoise{ background:url(images/casque_turquoise.png) no-repeat 40% top; color:#2995a2; }
	#main .casque_vert{ background:url(images/casque_vert.png) no-repeat 40% top; color:#78bb2d; }
	#main .casque_or{ background:url(images/casque_or.png) no-repeat 40% top; color:#e69c1e; }
	#main .casque_rouge{ background:url(images/casque_rouge.png) no-repeat 40% top; color:#d60000; }
	#main .casque_violet{ background:url(images/casque_violet.png) no-repeat 40% top; color:#7531bc; }
	#main .casque_rose{ background:url(images/casque_rose.png) no-repeat 40% top; color:#d33fb4; }



/*
---------------------------------------------------------------------------------------------------------------------------------------------
>>>> footer
---------------------------------------------------------------------------------------------------------------------------------------------
*/

#footer{ color:#adadad; margin:0 auto;width:955px; clear:both;}
	
#footer ul{text-align:center; height:33px; line-height:33px; background:url(images/nav_bottom.png) no-repeat left top; color:#FFF;}
#footer li{display:inline;}
#footer li a{color:#FFF; padding:0 15px; border-left:1px solid #fff;}
#footer li:first-child a {border-left:0;}

#footer li a:hover{color:#FFF; font-weight:bold }


#final_sign {float:left; padding:15px 0px;}

#footer .link_bottom{text-align:right; padding:15px 5px; float:right; padding-right:0; margin-right:0;}
#footer .link_bottom a{color:#515151; padding:0 15px;  padding-right:0;}
#footer .link_bottom a:hover{color:#d60000;} 

/*
---------------------------------------------------------------------------------------------------------------------------------------------
>>>> special style WYSIWYG
---------------------------------------------------------------------------------------------------------------------------------------------
*/

.aligne-a-gauche
{
	float:left ; 
	margin:18px 18px 18px 0;
}

.aligne-a-droite
{
	float:right; 
	margin:18px 0 18px 18px;
}

.retour-a-la-ligne
{
	clear:both;
}