a:link{
color:black;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
outline:none;
}
a:visited{
color:#000000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
outline:none;
}
a:hover{
color:#9C3;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
outline:none;
}
a:active{
color:#9C3;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
outline:none;
}

/****************************************/

div {
	text-align:center;
	}

div#container {
	float:left;
	border:2px solid #000000;
	background-color:#FFF;
	width:1024px;
	margin:0;
	padding:0px;
}

div#container2 {
	width:1024px;
	background-color:#FFF;
	margin:0 auto;
	padding:0px;
}

body {
scrollbar-face-color: #bed63a;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}

H1 { color:#000000; font-size: 14pt; text-align: left; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
H2 { color:#000000; font-size: 12pt; text-align: left; font-family:Arial, Helvetica, sans-serif;}
P { font-size:12px; line-height:12pt; text-align:justify; font-family:Arial, Helvetica, sans-serif;}
P#contact { font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:right; position:absolute; bottom: 0; left: 350px; margin:0;}
P#mentions { font-size:12px; font-family:Arial, Helvetica, sans-serif; float:left; position:relative; left:100%; margin-left:-100px; top:60%;}
/**************** HEADER ****************/	

div#header {
	position:relative;
	float:left;
	width:1024px;
	height:223px;
	margin: 0px;
	padding:0px;
	background-color:#FFF;
	}

div#bandeau {
	float:left;
	width:1024px;
	height:28px;
	margin: 0px;
	padding:0px;
	background-image:url(../img/header.png);
	
}

div#logo {
	float:left;
	width:185px;
	height:195px;
	background-image:url(../img/logo.png);
}

div#text {
	float:left;
	width:325px;
	height:195px;
	background-image:url(../img/text.png);
}

p.retour {
	float:left;
	position:absolute;
	margin-top:160px;
	margin-left:65px;
}

div#image_bandeau{
	float:right;
	position:relative;
	width:512px;
	height:230px;
	top:-15px;
	background:url(../img/photos.png) no-repeat;
}

div#sous_menu {
float:left;
position:relative;
font-size:20px;
font-weight:bold;
margin-left:70px;
font-style:italic;
line-height:22pt; 
text-align:justify; 
font-family:Arial, Helvetica, sans-serif;
}

/***************** NAVIGATION **************/

ul#navlist
{
margin-left: 0;
padding-left: 0;
padding-top: 10px;
white-space: nowrap;
width:1024px;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 12px; }

#navlist a:link
{
color: #000000;
background-color: #d9d8d2;
text-decoration: none;
}

#navlist a:hover 
{
color: #fff;
background-color: #bed63a;
text-decoration: none;
}

#navlist a:visited
{
color: #000000;
background-color: #d9d8d2;
text-decoration: none;
}

#navlist a:active
{
color: #fff;
background-color: #d9d8d2;
text-decoration: none;
}

#navlist #en-cours a
{
color: #fff;
background-color: #bed63a;
text-decoration: none;
}

/***************** CONTENU **************/
div#contenu {
	float:left;
	width:1024px;
	outline:none;
}

div#contenuleft {
	float:left;
	width:430px;
	height:538px;
	margin-top:10px;
}
div#navigation {
	float:left;
	width:420px;
	position:relative;
	padding-left:15px;
}

div#navig {
	float:left;
	width:430px;
}


/* debut bouton navigation*/
div#image1,div#image1on,div#image1:hover,
div#image2,div#image2on,div#image2:hover,
div#image3,div#image3on,div#image3:hover,
div#image4,div#image4on,div#image4:hover,
div#image5,div#image5on,div#image5:hover{
  	width:430px;
  	height:40px;
	outline:none;
}

div#image1{ background:url(../img/navig_01.png);}
div#image1on,div#image1:hover{ background:url(../img/navig_hover_01.png);}
div#image2{ background:url(../img/navig_02.png);}
div#image2on,div#image2:hover{ background:url(../img/navig_hover_02.png);}
div#image3{ background:url(../img/navig_03.png);}
div#image3on,div#image3:hover{background:url(../img/navig_hover_03.png);}
div#image4{ background:url(../img/navig_04.png);}
div#image4on,div#image4:hover{background:url(../img/navig_hover_04.png);}
div#image5{background:url(../img/navig_05.png);}
div#image5on,div#image5:hover{background:url(../img/navig_hover_05.png);}
/* fin bouton navigation*/



div#contenuright {
	float:left;
	width:580px;
	background-position:right;
	background-repeat:no-repeat;
}

div#actus {
	float:left;
	position:relative;
	z-index:20;
	width:430px;
	height:338px;
	background-image:url(../img/contenuleft.png);
	background-repeat:no-repeat;
}

div#infos {
	float:left;
	position:relative;
	width:430px;
	margin-left:10px;
	margin-right:10px;
}

div#diap {
	float:left;
	position:relative;
	width:430px;
	height:265px;
}

div#player {
	float:left;
	margin-top:50px;
	margin-left:105px;
}

/***************** FOOTER ***************/

div#footer {
	float:left;
	width:1024px;
	height:73px;
	margin-top:10px;
	background-image:url(../img/footer.png);
	z-index:10;
}
/***************** CONTENU TEXTE *********/

div#text_actus {
	float:left;
	position:relative;
	padding-left:45px;
	padding-top:30px;
	width:255px;	
}

div#text_contenu {
	float:left;
	margin-top:20px;
	margin-left:15px;
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	border:2px solid #bed63a;
}

div#envieagir {
	float:left;
	width:410px;
}

div#liens {
	float:left;
	width:440px;
	height:180px;
	position:relative;
	padding-top:15px;
	padding-left:20px;
	background:url(../img/fond_lien.jpg) no-repeat;
}

div#partenaires {
	float:left;
	position:relative;
	padding-top:15px;
	padding-left:20px;
}

img.noborder{
	border:none;
}

.video-center{
	width: 700px;
	margin: 0 auto;
}
/************************* FORMULAIRE CONCOURS **************************/

form#concours {
width:550px;
height:530px;
background:url(../img/fond_concours.jpg);
background-repeat:no-repeat;
}
		
#textform{
text-align:left;
font-family:Verdana, Geneva, sans-serif;
padding-top:15px;
padding-left:10px;
padding-right:5px;
}