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

body{
	font-family:arial;
	font-size:12px;
	color:#636466;
	line-height:17px;
	background:#ffc222 url(../img/bg.jpg) repeat-x;
}

.clearall{
	clear:both;
	height:1px;
	overflow:hidden;
} 

a{
	text-decoration:underline;
	color:#636466;
}

a:hover{
	text-decoration:none;
	color:#636466;
}

div.conteneur{
	width:690px;
	background:#fff url(../img/ban.jpg) no-repeat;
	margin:0 auto 0 auto;
	padding:0 0 50px 0;
	position:relative;
	z-index:1;
}

ul.menu{
	display:block;
	margin:0 0 0 180px;
	padding:65px 0 0 0;
}

ul.menu a{
	text-decoration:none;
	color:#f2f2f2;
	letter-spacing:1px;
}

ul.menu a:hover{
	border-bottom:6px solid #999;
	color:#f2f2f2;
}

div.conteneur ul li{
	display:inline;
	margin:0 23px 0 0;
}

div.conteneur img.accueil-photo{
	float:right;
	margin:88px 67px 0 0;
}

div.conteneur p{
	margin:198px 67px 0 67px;
}

div.conteneur p.paragraphe3{
	margin:0 67px 0 67px;
}

div.conteneur p span.titre{
	display:block;
	font-size:15px;
	color:#f8971d;
	line-height:22px;
	margin:0 0 16px 0;
}

a#hautdepage{
	display:block;
	margin:15px 0 0 550px;
	color:#f8971d;
}

div.footer{
	width:550px;
/* 	height:20px; */
	margin:0 auto 0 auto;
	background:#f8981d;
	padding:5px 40px 10px 40px;
	color:#fde5c6;
}

div.footer span.info-footer{
	float:left;
	margin:0 230px 0 0;
}

div.footer img{
	float:left;
}

div.footer-margin{
	width:1px;
	height:15px;
}

span.motsimportants{
	display:block;
	width:550px;
	margin:auto;
	font-size:10px;
	line-height:14px;
	margin-top:-150px;
	position:relative;
	z-index:-1;
}

/************************************ FORMULAIRE DE CONTACT ************************************/

#formulaire{
	margin: 2px 30px 0 67px;
	display:inline;
	float:left;
	font-size:11px;
	border:1px dashed #ddd;
	padding:8px 20px 8px 20px;
	position:relative;
	z-index:2;
}

#formulaire span{
	display:block;
	margin-bottom:5px;
}

form.css label{
	display: inline;
	position: relative;
	float: left;
	width: 100px;
}

input.champ{
	margin-bottom:5px;
	height:14px;
	overflow:hidden;
}

input.submit{
	margin:0 0 0 0;
}

span.titreform{
	display:block;
	font-size:15px;
	color:#f8971d;
	line-height:22px;
	padding:0 0 5px 0;
}

form.css input, form.css textarea{
	background-color:#fff;
	border:solid 1px #dfdfdf;
	color:#3c3c3c;
	font-size:11px;
	font-family:Arial;
	overflow:auto;
}

form.css input:hover, form.css input:focus,
form.css textarea:hover, form.css textarea:focus{
	background-color:#fff;
	border:solid 1px #f8971d;
	color:#3c3c3c;
}

span.accuse{
	display:block;
	padding:70px 0 0 0;
}

/************************************ EVOLUTIVITE ************************************/

div.conteneur img.evolutivite-photos{
	float:left;
	margin:220px 37px 0 67px;
}

div.conteneur p.evolutivite-texte{
	margin:198px 67px 0 0;
}

/************************************ INTERACTIVITE ************************************/

div.interactivite-photos-liens{
	width:600px;
	height:792px;
	background:url(../img/interactivite-photos-liens.jpg);
	margin:170px auto 0 auto;
}

a#ecouter-ancre{
	display:block;
	width:80px;
	height:80px;
	/* background:blue; */
	margin:170px 0 0 43px;
}

a#sengager-ancre{
	display:block;
	width:115px;
	height:115px;
	/* background:green; */
	margin:-10px 0 0 450px;
}

a#regarder-ancre{
	display:block;
	width:135px;
	height:135px;
	/* background:yellow; */
	margin:50px 0 0 410px;
}

a#toucher-ancre{
	display:block;
	width:105px;
	height:105px;
	/* background:red; */
	margin:35px 0 0 130px;
}

a#seconnecter-ancre{
	display:block;
	width:160px;
	height:160px;
	/* background:purple; */
	margin:-80px 0 0 285px;
}

div.conteneur img.interactivite-photos{
	float:left;
	margin:50px 37px 120px 67px;
}

div.conteneur p.interactivite-texte{
	margin:30px 67px 0 0;
}

span.orange{
	color:#f8971d;
	font-size:12px;
}

/************************************ CARACTERISTIQUES ************************************/

div.conteneur p span.titre2{
	display:block;
	font-size:15px;
	line-height:22px;
	margin:0 0 16px 0;
}

table{
	margin:0 auto 0 auto;
}

td{
	border-bottom:1px solid #ddd;
	width:185px;
	padding:5px 0 5px 0;
}

td.basdetableau{
	border:none;
	padding:20px 0 0 0;
	width:100%;
}