/* CSS Document */

body {
	font-family: Verdana;
	font-size:11px;
	line-height:17px;
	text-align:center;
	color : #777;
	margin:0;
	background-color: #d5cdc0;
	/*background-image:url(../../IMG/base/background-top.gif);*/
	background-repeat:repeat-x;
	overflow:auto;

}

/************** LIENS *********************************************/

a,
a:link,  
a:visited,
a:active

{
	color:#FF6600;
	text-decoration: none;
	outline: none;

}
a:hover{
	color:#000;
	text-decoration:underline;
	outline:none;
}

a.on,
a.on:link,  
a.on:visited,
a.on:active

{
	color:#000;
	text-decoration: none;
	outline: none;

}
a.on:hover{
	color:#000;
	text-decoration:underline;
	outline:none;
}



img{
	border:0px;


}

hr{
	border: 0px;
	border-top: solid thin #fff;
	margin: 0 0 5px 0;
}


p{
	margin:0 0 10px 0;
}

h1{
	font-size:20px;
	color:#000;
	font-weight:normal;
	display:inline-block;
	margin:0 5px 0 0;
}
h2{
	display:inline-block;
	font-size:11px;
	color:#000;
	font-weight:normal;
	margin:0 0 0 0;
}
/************** LIENS *********************************************/


#page{
	position: relative;
	text-align: center;
	margin:0 auto; /* auto pour centrer horizontalement la boite dans BODY 
	text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
	width: 100%; /* ou 100% pour largeur fluide pleine largeur */
	height:auto;
}


#page #anim{
	position: absolute;
	background-color: #d5cdc0;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
	
	
}

#entete{
	position: relative;
	margin:0 auto;
	width: 835px;
}

#entete #logo{
	float: left;

}

#entete #photo{
	float: right;

}





#news{
	position: relative;
	text-align:center;
	width: 100%;
	height: 50px;
	border-top: solid thin #fff;
	border-bottom: solid thin #fff;
	clear:both;
	background-color:#B1A587;


}

#news div.center{
	position: relative;
	width: 800px;
	text-align:left;
	margin:0 auto;

}

#menu{

	text-align:center;
	width: 100%;
	height: 30px;
	border-bottom: solid thin #fff;
	clear:both;
	background-color:#ECE8E2;
}

#menu div.center{
	position: relative;
	width: 920px;
	height: auto;
	text-align:left;
	margin:0 auto;

}

#menu a,
#menu a:link,  
#menu a:visited,
#menu a:active
{
	width: auto;
	height: 25px;
	font-size: 11px;
	float: left;
	text-align:center;
	border: 0px;
	border-right: solid thin #fff;

	padding: 5px 10px 0 10px;
	color:#7D3F0C;
	text-decoration: none;
	outline: none;

}
#menu a.on,
#menu a.on:link,  
#menu a.on:visited,
#menu a.on:active,
#menu a:hover,
#menu a.on:hover
{

	width: auto;
	height: 25px;
	font-size: 11px;
	float: left;
	text-align:center;
	border: 0px;
	border-right: solid thin #fff;

	padding: 5px 10px 0 10px;
	text-decoration:none;
	outline:none;
	background-color:#FF6600;
	display:block;
color:#FFF;

}


#menu a#rub1:hover,
#menu a.on#rub1
{
	background-color:#887D67;
}


#menu a#rub2:hover,
#menu a.on#rub2
{
	background-color:#C8B325;
}

#menu a#rub4:hover,
#menu a.on#rub4
{
	background-color:#7D243F;
}






div#contenu{
	text-align: left;
	margin:0 auto; 
	width: 840px;
	height:auto;
	position:relative;

}

div#contenu div#fleche_left{
position:absolute;
top:90px;
left:10px;
width:21px;
height:38px;
z-index:500;
cursor:pointer;

}

div#contenu div#fleche_right{
position:absolute;
top:90px;
left:775px;
width:21px;
height:38px;
z-index:500;
cursor:pointer;

}


#contenu #principal{
	width: 570px;
	min-height:500px;
	background-color:#FFF;
	float:left;
}

	#principal #texte{
	margin: 20px;
	}

 #texte h1{
color:#FF6600;
font-size:15px;
	}

 #texte h3{
color:#FF6600;
font-weight:normal;
font-size:12px;
	}
 #texte h4{
color:#3C3A3D;
font-weight:normal;
font-size:11px;
	}
 #texte strong{
color:#3C3A3D;
font-weight:bold;
font-size:11px;
	}

#contenu #droite{
	float:left;
	margin-left: 20px;
	width: 210px;
	background-color:#FF6600;
	height:auto;
	padding: 20px 20px 0 20px;
}

#contenu #droite.rub1
{
	background-color:#887D67;
}


#contenu #droite.rub2
{
	background-color:#C8B325;
}

#contenu #droite.rub4
{
	background-color:#7D243F;
}




#contenu #droite img{

}


#page #footer{
	padding-top:5px;
	border-top: solid thin #fff;
	text-align:center;
	color:#fff;
}


.pics{
/*cursor:move;*/

}

.tickerbox {
width:590px; 
color:#FFF; 
font-size:15px; 
float:left; 
margin:0px;
padding:0;
height:40px;
}
.tickerbox ul {width:590px; position:relative;}
.tickerbox li {
width:100%;
list-style:none;
list-postion:inside;
position:absolute;
top:-5px;
left:10px;
padding:5px;
overflow:hidden
}


.tickerbox a,
.tickerbox a:link,  
.tickerbox a:visited,
.tickerbox a:active

{
	color:#FFF;
	text-decoration: none;
	outline: none;

}


form{

	background-color:#FF6600;
	padding:10px;
	color:#FFF;
}
form span.erreur{
	color:#000;
}


form label{
	color:#FFF;
	width:98%;
	display:block;
}

form textarea{
	margin-right:80%;
	margin-bottom:10px;
	width:98%;
	height:100px;
}

form input{
	margin-bottom:10px;

}