/*  
Theme Name: 
Description: 
Version: 1.0
Author: 
Author URL: 
*/

/* Theme du sites   */


/* --------------------------- Aspect général de la page -------------------------------*/
body{
	font-family: Verdana;
	font-size: 1.0em;
	color: #000;
}
#page{
	width: 980px;
	margin: 0 auto;
	background: url(../images/background.jpg) 0 0 no-repeat;
}
header{
	overflow: hidden;
}
hgroup#titre{
	float: left;
}
#titre h1{
	width: 707px;
	height: 49px;
	background: url(../images/bg_titre_header.jpg) 0 0 no-repeat;
	margin: 10px 0 0 0;
	font-size: 1.35em;
	padding: 25px 0 0 0;
	text-align: center;
	color: #C3D017;
	overflow: hidden;
}
#logo{
	float: right;
}
#description{
	clear: both;
}
#description hgroup h2{
	width: 904px;
	height: 58px;
	background: url(../images/bg_description.jpg) 0 0 no-repeat;
	font-size: 0.75em;
	padding: 15px 40px 0 35px;
	text-align: justify;
	overflow: hidden;
}
#vert{
	color: #E4EF65;
}
#orange{
	color: #FFAA00;
	font-weight: bold;
}
#content{
	clear: both;
}
#left{
	float: left;
}
#right{
	float: right;
}
.petit{
	font-size: 0.5em;
}
#legende{
	position: relative;
	width: 430px;
	height: 165px;
	background: url(../images/bg_legende.jpg) 0 0 no-repeat;
	padding: 25px 20px 0 30px;
	cursor: pointer;
	overflow: hidden;
}
#titre_legende{
	position: absolute;
	width: 430px;
	height: 165px;
	overflow: hidden;
}
#legende h2{
	text-align: justify;
	font-size: 1.4em;
	color: #FFF;
	position: absolute;
	height: 105px;
	background: #C4D018;
	width: 430px;
	padding: 45px 0 0 0;
}
#legende p{
	text-align: justify;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 17px 0 0 0;
}
#success_story{
	width: 448px;
	height: 180px;
	background: url(../images/bg_succes_story.jpg) 0 0 no-repeat;
	padding: 25px 20px 0 20px;
	cursor: pointer;
	overflow: hidden;
}
#success_story p{
	text-align: justify;
	font-size: 0.75em;
	line-height: 1.5em;
	padding: 17px 0 0 0;
}
#titre_success_story{
	position: absolute;
	width: 448px;
	height: 160px;
	overflow: hidden;
}
#success_story h2{
	text-align: justify;
	font-size: 1.4em;
	color: #FFAA00;
	background: #EBF38E;
	position: absolute;
	width: 448px;
	height: 130px;
	padding: 30px 0 0 0;
}
#reference{
	position: relative;
	width: 496px;
	height: 185px;
	background: url(../images/bg_reference.jpg) 0 0 no-repeat;
	padding: 20px 0 0 15px;
}
#reference h2{
	text-align: justify;
	font-size: 0.75em;
}
#slider{
	margin: 15px 0 0 65px;	
}
#slider, #slider li{ 
	width:113px;
	height:140px; /* width origine 125px*/
	overflow:hidden; 
}
#slider li p{
	font-size: 0.75em;
	color: #000;
	display: block;
	text-align: center;
}
#prevBtn a{
	background: url(../images/arrow_left.png) 0 0 no-repeat;
	width: 50px;
	height: 50px;
	display: block;
}
#prevBtn{
	position: absolute;
	top: 80px;
	left: 20px;
}
#nextBtn{
	position: absolute;
	top: 80px;
	right: 35px;
}
#nextBtn a{
	background: url(../images/arrow_right.png) 0 0 no-repeat;
	width: 50px;
	height: 50px;
	display: block;
}		
#histoire{
	width: 405px;
	height: 227px;
	background: url(../images/bg_histoire.jpg) 0 0 no-repeat;
	padding: 15px 35px 0 20px;
	overflow: hidden;
	cursor: pointer;
}
#titre_histoire{
	position: absolute;
	width: 405px;
	height: 225px;
	overflow: hidden;
}
#titre_histoire h2{
	text-align: justify;
	font-size: 1.4em;
	color: #FFAA00;
	position: absolute;
	width: 405px;
	height: 150px;
	background: #E4EF65;
	padding: 75px 0 0 0;
}
#histoire p{
	text-align: justify;
	font-size: 0.75em;
}
#storytelling{
	width: 405px;
	height: 132px;
	background: url(../images/bg_storytelling.jpg) 0 0 no-repeat;
	padding: 5px 35px 0 20px;
	overflow: hidden;
	margin: 10px 0 0 0;
	cursor: pointer;
}
#titre_storytelling{
	position: absolute;
	width: 405px;
	height: 120px;
	overflow: hidden;
}

#storytelling h2{
	text-align: center;
	font-size: 1.4em;
	color: #FFAA00;
	background: #E4EF65;
	position: absolute;
	width: 405px;
	height: 105px;
	padding: 20px 0 0 0;
}
#storytelling p{
	font-size: 0.7em;
	text-align: justify;
}
#storytelling p a{
	font-weight: bold;
	color: #000;
}
#storytelling img{
	margin: 10px 0 0 110px
}
#contact{
	width: 405px;
	height: 167px;
	background: url(../images/bg_contact.jpg) 0 0 no-repeat;
	padding: 5px 35px 0 20px;
	overflow: hidden;
	margin: 10px 0 0 0;
}
#contact h2{
	font-size: 1.0em;
	color: #FFAA00;
}
#contact form ul li{
	width: 200px;
	float: left;
}
#contact form ul li input{
	margin: 0 0 15px 0;
	width: 180px;
}
#contact form ul li input, #contact form ul li textarea, #contact form ul li button{
	background: #FFAA00;
	border: 1px solid #000;
	font-family: Verdana;
	font-size: 0.7em;
}
#contact form ul li button{
	cursor: pointer;
}
#close_pop{
	height: 29px;
	display: block;
	position: absolute;
	right: -15px;
	top: -15px;
	width: 29px;
}
#validationform{
	width: 300px;
	margin: 0 auto;
	text-align: left;
	font-weight: bold;
	color: #8A1F11;
	padding: 20px 0 20px 0;
}
#validationform p{
	margin: 5px 0 5px 0;	
}
#sendForm{
	font-weight: bold;
}
footer article{
	width: 919px;
	height: 47px;
	background: url(../images/bg_bloc_footer.jpg) 0 0 no-repeat;
	padding: 20px 30px 0 30px;
	overflow: hidden;
}
footer article h2{
	text-align: center;
	font-size: 0.70em;
	font-weight: normal;
}
footer article h2 a{
	text-decoration: none;
	color: #000;
}
footer article h2 a:hover{
	color: #969696;
}
footer p{
	font-size: 0.70em;
	text-align: center;
	color: #969696;
	overflow: hidden;
}
footer p a{
	text-decoration: none;
	color: #969696;
}
footer p a:hover{
	color: #000;
}
/* Administration */
#identification{
	background: url(../images/bg_contact.jpg) 0 0 no-repeat;
	width: 460px;
	height: 172px;
	margin: 200px auto;
	overflow: hidden;
}
#identification h2{
	color: #FFAA00;
	font-size: 1.3em;
	text-align: center;
	margin: 15px 0 5px 0;
}
#identification form{
	width: 160px;
	margin: 0 auto;
}
#identification label{
	font-size: 0.9em;
	color: #FFAA00;
}
#identification input{
	background: #FFAA00;
	margin: 0 0 5px 0;
	border: 1px solid #000;
}
#contenu_site{
	width: 980px;
	margin: 30px auto;
}
#rub1, #rub2, #rub3, #rub4, #rub5{
	border: 1px solid #97A5B0;
	overflow: hidden;
}
#rub1 h2, #rub2 h2, #rub3 h2, #rub4 h2, #rub5 h2{
	font-size: 1.0em;
	margin: 0 0 10px 0;
}
#rub1 p, #rub2 p, #rub3 p, #rub4 p, #rub5 p{
	font-size: 0.7em;
	text-align: justify;
}
#rub1 p a, #rub2 p a, #rub3 p a, #rub4 p a, #rub5 p a{
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.admin_right{
	width: 300px;
	float: left;
	text-align: center;
}
.admin_left{
	width: 600px;
	float: left;
	padding: 0 20px 0 40px;
}
#load_ref{
	width: 600px;
	float: left;
	padding: 0 20px 0 40px;
	margin: 50px 0 50px 0;
}
#load_ref h2{
	text-align: center;
}
#load_ref img{
	margin: 0 0 0 285px;
}
#rub5 ul{
	margin: 0 0 0 50px;
	overflow: hidden;
}
#rub5 ul li{
	width: 113px;
	float: left;
	margin: 3px;
	border: 1px solid #000;
}
#rub5 ul li p{
	text-align: center;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.nom_ref{
	height: 32px;
}
.valid_ref{
	display: none;
}
.admin_left ul li form{
	margin: 0 0 5px 0;
	display: none;
}
.admin_left ul li form input{
	height: 28px;
	width: 111px;
	border: 1px solid #CCC;
	background: #e9e9e9;
}
#rub5 ul li p a{
	width: 20px;
	height: 20px;
}
#rub5 ul li a{
	color: #ff0000;
	text-decoration: none;
	font-size: 0.6em;
}
#rub5 ul li a:hover{
	text-decoration: underline;
}
.admin_left form{
	margin: 20px 0 0 0;
}
.admin_left form p label{
	font-weight: bold;
	font-size: 1.0em;
}
.admin_left form p input, .admin_left form p textarea{
	border: 1px solid #CCC;
	margin: 0 0 20px 0;
	width: 600px;
}
.admin_left form button{
	border: 1px solid #000;
	color: #000;
}
/* Upload file */
#upload_button{
	padding: 8px 5px 8px 5px;
	font-size: 1em;
	text-align: center;
	background: #000;
	color: #fff;
	border: 2px solid #DADADA;
	width: 150px;
	cursor: pointer;
	-moz-border-radius:5px; -webkit-border-radius:5px;
	margin: 10px auto;
}
#status_message{
	padding:5px;
	color:#b00000;
	font-weight:bold;
}
.error{ background:#f0c6c3; border:1px solid #cc6622; }
/* Compteur de caractère */
.admin_left form{
	position:relative;
}
.admin_left form p .counter{
	position:absolute;
	right:0;
	top: 43px;
	font-size:20px;
	font-weight:bold;
	color:#ccc;
	}
.admin_left form p .warning{
	color:#600;
}	
.admin_left form p .exceeded{
	color:#e00;
}

/* Pop In */
h2.title-popin{ text-align: left; margin: 0 20px 10px 20px; font-size: 1.5em; }
.img-popin{ float: left; margin: 10px 20px; }
.description-popin{ text-align: justify; padding: 10px 20px 10px 0; font-size: 0.85em; line-height: 1.5em; }
.dispo-popin{ padding-top: 30px; padding-bottom: 5px; font-size: 0.95em; line-height: 1.5em; }
a.link-popin{ font-weight: bold; color: #000; font-size: 0.85em; line-height: 1.5em; }
a:hover.link-popin{ text-decoration: none; }