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

a:link{color:#000864;}
a:visited{color:#000864;}
a:hover{color:#000864;}
a:active{color:#000864;}

*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	border:0;
	outline:0;
}

h2{
	margin:0px 0px 30px 0px;
	font-size:32px;
	font-weight:bold;
	font-variant:small-caps;
	position:relative;
	color:#000864;
	font-style:italic;
}

h3{
	margin:0px 0px 15px 0px;
	font-size:22px;
	font-weight:bold;
	font-variant:small-caps;
	position:relative;
	color:#000864;
	font-style:italic;
}

h4{
	margin:0px 0px 15px 0px;
	font-size:22px;
	font-weight:bold;
	font-variant:small-caps;
	position:relative;
	color:#000864;
	font-style:italic;
}

html{
	background:#000000;
}

#container{
	margin:0 auto;
	width:1000px;
}

#banner{
	background:url(../graphics/banner.jpg) no-repeat;
	width:1000px;
	height:266px;
	float:left;
	font-size:13px;
	display:inline;
	text-indent:-9999px;
}

#equipe_banner{
	display:block;
	width:800px;
	height:177px;
	margin:0px 0px 0px 100px;
}

div#banner ul li{
	display:inline;
	letter-spacing:0px;
	font-weight:bold;
}

#accueil_s{
	float:left;
	margin:12px 0px 0px 40px;
}

#equipe_s{
	float:left;
	margin:12px 0px 0px 48px;
}

#historique_s{
	float:left;
	margin:12px 0px 0px 36px;
}

#commanditaires_s{
	float:left;
	margin:12px 0px 0px 32px;
}

#contact_s{
	float:left;
	margin:12px 0px 0px 45px;
}

#accueil{
	width:148px;
	height:40px;
	float:left;
	position:relative;
	left:100px;
	display:block;
}

#equipe{
	width:147px;
	height:40px;
	float:left;
	position:relative;
	left:100px;
	display:block;
}

#historique{
	width:155px;
	height:40px;
	float:left;
	position:relative;
	left:100px;
	display:block;
}

#commanditaires{
	width:190px;
	height:40px;
	float:left;
	position:relative;
	left:100px;
	display:block;
}

#contact{
	width:160px;
	height:40px;
	float:left;
	position:relative;
	left:100px;
	display:block;
}

#accueil:hover{ background:url(../graphics/accueil.jpg); }
#equipe:hover{ background:url(../graphics/equipe.jpg); }
#historique:hover{ background:url(../graphics/historique.jpg); }
#commanditaires:hover{ background:url(../graphics/commanditaires.jpg); }
#contact:hover{ background:url(../graphics/contact.jpg); }

#content{
	background:#ebebeb url(../graphics/content_bg.jpg) no-repeat bottom right;
	width:800px;
	min-height:300px;
	margin:-20px 100px 0px 100px;
	float:left;
	display:inline;
	padding:0 0 20px 0;
}

/*\*/
* html #content {
height: 300px;
}
/**/

#accueil_text{
	width:600px;
	float:left;
	display:inline;
	margin:0 0 0 40px;
}

.nouvelle{
	float:left;
	margin:0px 0px 30px 0px;
}

#historique_text{
	width:600px;
	float:left;
	display:inline;
	margin:0 0 0 40px;
}

#accueil_box{
	width:100px;
	height:180px;
	float:left;
	margin:0px 25px 0px 0px;
	padding:10px 10px 0px 10px;
	display:inline;
	border:#999999 solid 2px;
}

#accueil_box_table{
	width:100px;
	height:125px;

}

#titre_box{
	height:50px;
	font-size:28px;
	font-weight:bold;
	color:#000864;
}

.box_text{
	font-size:14px;
	font-weight:bold;
	color:#001de2;
}

.text{
	margin:0px 35px 10px 0px;
	float:left;
	display:inline;
}

.image{
	background:#0033FF;
	float:left;
	margin:10px 25px 0px 0px;
	padding:0;
}

.equipe_box{
	width:720px;
	margin:20px 0px 10px 0px;
	float:left;
	display:inline;
	border-top:#CCCCCC solid 1px;
	padding:30px 0px 0px 0px;
}

.equipe_text{
	margin:0 auto;
}

.equipe_textbox{
	width:500px;
	color:#000000;
	float:left;
	display:inline;
}

.equipe_image{
	float:left;
	display:inline;
}

#commanditaires_box{
	width:680px;
	float:left;
	margin:0px 60px 0px 60px;
	display:inline;
}

.commanditaire_logobox{ /* image 300 x 200 px */
	width:300px;
	height:200px;
	margin:0px 20px 0px 20px;
	float:left;
	display:inline;
}

.commanditaire_logobox_large{ /* image 600 x 200 px */
	width:60000px;
	height:200px;
	margin:0px 20px 0px 20px;
	float:left;
	display:inline;
}

.sous_titre{
	margin:0px 35px 5px 40px;
	font-size:18px;
	color:#990000;
	font-weight:bold;
}

.sous_titre_equipe{
	font-size:18px;
	color:#000864;
	font-weight:bold;
}

#footer{
	background:url(../graphics/footer.jpg) no-repeat;
	width:800px;
	height:90px;
	margin:0px 100px 0px 100px;
	float:left;
	display:inline;
}

#instinctdistinct{
	width:100px;
	height:90px;
	float:left;
	position:relative;
	left:700px;
	text-indent:-9999px;
}

.clear{
	clear:both;
}