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

html body {
	background-color:#054193;
	color:#FFF;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-image: url(images/site/bg_line.jpg);
	position: absolute;
	height: 100%;
	width: auto;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

/***** Structure *****/
#header {
	text-align: left;
	width: 100%;
	height: 30px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	left: 100px;
}

#titre {
	text-align: left;
	width: 300px;
	height: auto;
	top: 145px;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#titre h1{
	color:#FFF;
	font-size: 20px;
	position:absolute;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	left: 35px;
}


#main {
	width: 100%;
	top: 90px;
	position: absolute;
}

#footer {
	height: auto;
	position: absolute;
	width: 1100px;
	margin-bottom: 0px;
	bottom: 0px;
	visibility: hidden;
}

#container1{
	height: 114px;
	width: 114px;
	margin-top: 40px;
	margin-left: 10px;
	border: 2px solid #FFF;
}

#container2{
	height: 114px;
	width: 114px;
	border: 2px solid #FFF;
	margin-top: -118px;
	margin-left: 145px;
}
#container3{
	height: 114px;
	width: 114px;
	margin-top: -118px;
	margin-left: 280px;
	border: 2px solid #FFF;
}
#container4{
	height: 114px;
	width: 114px;
	margin-top: -118px;
	margin-left: 416px;
	border: 2px solid #FFF;
}
#container5{
	height: 114px;
	width: 114px;
	margin-top: -118px;
	margin-left: 550px;
	border: 2px solid #FFF;
}
#container6{
	height: 114px;
	width: 114px;
	margin-top: -118px;
	margin-left: 684px;
	border: 2px solid #FFF;
}

#container7{
	height: 114px;
	width: 114px;
	margin-top: -118px;
	margin-left: 820px;
	border: 2px solid #FFF;
}
#container8{
	height: 114px;
	width: 114px;
	margin-top: -118px;
	margin-left: 955px;
	border: 2px solid #FFF;
}
#container9{
	height: 114px;
	width: 114px;
	margin-top: -118px;
	margin-left: 1090px;
	border: 2px solid #FFF;
}
#container10{
	height: 114px;
	width: 114px;
	margin-top: -118px;
	margin-left: 1225px;
	border: 2px solid #FFF;
}
#container11{
	height: 114px;
	width: 114px;
	margin-top: -118px;
	margin-left: 1360px;
	border: 2px solid #FFF;
}

#container12{
	height: 114px;
	width: 114px;
	margin-top: -118px;
	margin-left: 1495px;
	border: 2px solid #FFF;
}

#tableau{
	width:900px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#affiche{
	position:absolute;
	left:1050px;
	width:450px;
	height:386px;
	top: 280px;
}
#affiche2{
	position:absolute;
	left:1050px;
	width:450px;
	height:70px;
	top: 190px;
}
#google{
	position:absolute;
	left:108px;
	width:450px;
	height:70px;
	top: 660px;
}

#sidaction{
	position:absolute;
	left:830px;
	width:600px;
	height:113px;
	top: 10px;
	background-image: url(images/sidaction_2010.jpg);
}


#line_texte{
	position:absolute;
	left:70px;
	top:485px;
	width:300px;
	height:140px;
}

a{
	color:#fb075c;
	text-decoration:none;
}
a:hover{
	color:#FFF;
	text-decoration:none;
	outline:none;
}
a:active{
	outline:none;
}

.justify{
	text-align: justify;
}

h1{
	position:absolute;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 2px;
	word-spacing: 2px;
}
h2 {
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 1px;
	font-family: Verdana, Geneva, sans-serif;
	/*letter-spacing: 1px;*/
	}

.texteblanc1 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	word-spacing: 1px;
}

.texteblanc2 { font-family: Verdana; font-size: 14px; font-style: normal; font-weight : bold; color: #FFFFFF}
.texteblanc3 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF
}

.lr1:link {	font-family : Verdana;	font-size : 40px;	color : #FFFFFF;	text-decoration: none;	text-align: left;	font-weight: bold;	letter-spacing: 1px;	word-spacing: 1px;
}
.lr1:visited {	font-family : Verdana;	font-size : 40px;	color : #FFFFFF;	text-decoration: none;	text-align: left;	font-weight: bold;	letter-spacing: 1px;	word-spacing: 1px;
}
.lr1:hover {	font-family : Verdana;	font-size : 40px;	color : #fb075c;	text-decoration: none;	text-align: left;	font-weight: bold;	letter-spacing: 1px;	word-spacing: 1px;
}
.lr1:active {	font-family : Verdana;	font-size : 40px;	color : #FFFFFF;	text-decoration: none;	text-align: left;	font-weight: bold;	letter-spacing: 1px;	word-spacing: 1px;
}

.lien_blanc:link {
	font-family : Verdana;
	font-size : 20px;
	color : #FFFFFF;
	text-decoration: none;
	text-align: left;
}
.lien_blanc:visited {
	font-family : Verdana;
	font-size : 20px;
	color : #FFFFFF;
	text-decoration: none;
	text-align: left;
}
.lien_blanc:hover {
	font-family : Verdana;
	font-size : 20px;
	color : #fb0d28;
	text-align: left;
}
.lien_blanc:active {
	font-family : Verdana;
	font-size : 10px;
	color : #FFFFFF;
	text-decoration: none;
	text-align: left;
}

/* NAVIGATION
------------------------------------------------------------------------------------------ */
#navigation{
	position:absolute;
	letter-spacing: 1px;
	word-spacing: 1px;
	height: auto;
	width: 300px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #FFF;
	margin: 0px;
	left: 110px;
	text-transform: uppercase;
}
#navigation ul{
	padding:0;
	margin:0;
}
#navigation li{
	float:left;
	list-style:none;
	display:inline;
	margin:0;
}
#navigation a{
	float:left;
	overflow:visible;
	height /**/:25px;
}

#navigation01 a{
	width:300px;
	color: #FFF;
	height: 165px;
}
#navigation01 a:hover{	color: #fb075c;},#navigation01 a:active,#navigation01 a.selected{color: #FFF;}
		
#navigation02 a{	width:300px;	color: #FFF; height: 30px;}
#navigation02 a:hover{	color: #fb075c;},#navigation02 a:active,#navigation02 a.selected{color: #FFF;}

#navigation03 a{
	width:300px;
	color: #FFF; height: 30px;
}
#navigation03 a:hover{	color: #fb075c;},#navigation03 a:active,#navigation03 a.selected{color: #FFF;}

#navigation04 a{
	width:300px;
	color: #FFF; height: 30px;
}
#navigation04 a:hover{	color: #fb075c;},#navigation04 a:active,#navigation04 a.selected{color: #FFF;}
		
#navigation05 a{
	width:300px;
	color: #FFF; height: 30px;
}
#navigation05 a:hover{	color: #fb075c;},#navigation05 a:active,#navigation05 a.selected{color: #FFF;}
	
#navigation06 a{
	width:300px;
	color: #FFF; height: 30px;
}
#navigation06 a:hover{	color: #fb075c;},#navigation06 a:active,#navigation06 a.selected{color: #FFF;}
	
#navigation07 a{
	width:300px;
	color: #FFF; height: 30px;
}
#navigation07 a:hover{	color: #fb075c;},#navigation07 a:active,#navigation07 a.selected{color: #FFF;}
		
#navigation08 a{
	width:300px;
	color: #FFF; height: 30px;
}
#navigation08 a:hover{	color: #fb075c;},#navigation08 a:active,#navigation08 a.selected{color: #FFF;}
		
#navigation09 a{
	width:300px;
	color: #FFF; height: 30px;
}
#navigation09 a:hover{	color: #fb075c;},#navigation09 a:active,#navigation09 a.selected{color: #FFF;}
		
#navigation10 a{
	width:300px;
	color: #FFF; height: 30px;
}		
#navigation10 a:hover{	color: #fb075c;},#navigation10 a:active,#navigation10 a.selected{color: #FFF;}
		
#navigation11 a{
	width:300px;
	color: #FFF; height: 30px;
}
#navigation11 a:hover{	color: #fb075c;},#navigation11 a:active,#navigation11 a.selected{color: #FFF;}

#navigation12 a{	width:300px;	color: #FFF; height: 30px;}
#navigation12 a:hover{	color: #fb075c;},#navigation12 a:active,#navigation12 a.selected{color: #FFF;}

#navigation13 a{
	width:93px;
	color: #FFF; height: 30px;
}
#navigation13 a:hover{	color: #fb075c;},#navigation13 a:active,#navigation13 a.selected{color: #FFF;}

#navigation14 a{
	width:300px;
	color: #FFF; height: 30px;
}
#navigation14 a:hover{	color: #fb075c;},#navigation14 a:active,#navigation14 a.selected{color: #FFF;}

#navigation15 a{
	width:300px;
	color: #FFF; height: 50px;
}
#navigation15 a:hover{	color: #fb075c;},#navigation15 a:active,#navigation15 a.selected{color: #FFF;}

#navigation16 a{
	width:300px;
	color: #FFF; height: 30px;
}
#navigation16 a:hover{	color: #fb075c;},#navigation16 a:active,#navigation16 a.selected{color: #FFF;}