*{
	margin:0;
	padding:0;
}

body {
	/*background:url(img/fond.jpg);*/
	font-family:Georgia,serif;
	color:#650f63;
	font-size:12px;
}

a{
	color:#763173;
	text-decoration:none;
}

img{
	border:none;
}

#wrapper{
	height:720px;
	width:1000px;
	margin: auto;
	/*padding-top:40px;*/
	/*background:url(img/fond.png) no-repeat;*/
	background:url(img/fond2.png) no-repeat;
	padding-top:0px;
}

#page{
	height:680px;
	width:940px;
	border:10px solid #ebebeb;
	margin:0 auto;
	position:relative;
	
}

.gauche{
	float:left;
	width:300px;
	margin-right:40px;
	
}

.gauche p{
	padding-bottom:10px;
	
}

.droite{
	float:right;
}

.overflow-auto
{
	height:206px;
	overflow:auto;
}

h2{
	margin-bottom:25px;
}

.clear,#bas{
	clear:both;
}
#bas{
position:absolute;
bottom:0;
width:940px;
margin:0;
padding:0;
overflow:hidden;
}
/****************************** menu *************************/
#menu
{
	padding:15px 45px 0px 25px;
	font-size:13px;
}
/*#menu img{
	display:block;
	float:left;
}*/
h1{
position:absolute;
top:25px;
left:25px;
}
#menu ul{
	height:50px;
	margin-left:150px;
	padding-left:10px;
	margin-top:15px;
	margin-bottom:15px;
}

#menu li{
	display:block;
	float:left;
	
	text-transform:uppercase;
	padding:5px;
	margin-left:14px;
}
#menu li.active {
	color:#fff;
	background-color:#650f63;
	padding:5px;
	margin-left:14px;
}
#menu li.active a{
	color:#fff;
	
}


.intro a{margin-left:780px;}
/****************************** fin menu *************************/

/****************************** show *************************/
.show #bas{
padding-bottom:25px;
}
.show #main
{
	padding-left:196px;
	padding-top:0px;
}
.show #bas ul
{
	list-style-type:none;
	margin-top:20px;
	margin-left:15px;
}
.show #bas li
{
	float:left;
	padding-left:35px;
}
/****************************** fin show *************************/
 
/****************************** qui sommes-nous *************************/
.qui-sommes-nous #main
{
	height:330px;
	margin-left:175px;
}

.qui-sommes-nous #bas
{
	height:234px;
	margin:0;
	
}

.qui-sommes-nous #bas object{
position:absolute;
top:25px;
}
/****************************** fin accueil *************************/
 
/****************************** contact *************************/
.nous-contacter #main
{
	height:125px;
	margin-left:170px;
}
.nous-contacter form
{
	/*background:#00b1e6;
	color:#fff;*/
	height:180px;
	border-bottom:25px solid #00b1e6;
	overflow:hidden;
	width:940px;
}

.nous-contacter .gauche
{
	width:230px;
	float:left;
	color:#00b1e6;
	font-size:14px;
	padding-left:200px;
}
.nous-contacter .gauche p
{
	padding-bottom:3px;
}
.nous-contacter h2
{
	width:200px;
	float:left;
	margin-bottom:0;
}

.nous-contacter form .gauche,.nous-contacter form div
{
	width:200px;
	padding-left:20px;
	margin-right:0;
	padding-top:5px;
}

.nous-contacter form input
{
	border:1px solid #905c8f;
	height:13px;
	font-family:georgia;
	margin:2px 0 2px 0;
	padding:2px 0 2px 5px;
	width:200px;
	font-size:10px;
	color:#650f63;
}

.nous-contacter form textarea
{
	border:1px solid #905c8f;
	height:105px;
	font-family:georgia;
	font-size:10px;
	margin:3px 0 3px 0;
	width:200px;
	padding:3px;
	color:#650f63;
}
.nous-contacter form span
{
/*color:#fff;*/
color:#650f63;
font-size:11px;
display:block;
float:left;
margin-top:10px;
}
.nous-contacter form label
{
color:#650f63;
font-size:10px;
padding-left:5px;
}
.nous-contacter form input.image{
	width:auto;
	height:auto;
	border:0;
}



.nous-contacter span.email,.nous-contacter span.email a{
	color:#00b1e6;
	font-size:14px;
}

.nous-contacter form .message{
	width:500px;
	float:left;
	height:25px;
}

.nous-contacter .erreur
{
	font-weight:bold;
	color:#650f63;
	font-size:15px;
}

.nous-contacter .info
{
	font-weight:bold;
	color:#fff;
	font-size:15px;
}
/****************************** fin contact *************************/
/****************************** references *************************/
	/* menu et sous menu */
.nos-references #menu ul
{
	border:none;
	height:25px;
	margin-bottom:0;
}

#sous-menu ul{
	height:23px;
	margin-left:195px;
	padding-left:32px;
	margin-top:5px;
	margin-bottom:0px;
	font-size:11px;
	margin-right:60px;
}

#sous-menu li{
	display:block;
	float:left;
	padding:4px 12px 0 12px;
	margin-left:20px;
}

#sous-menu li.active{
	display:block;
	float:left;
	padding:4px 12px 0 12px;
	border-bottom:4px solid #650f63;
	margin-left:20px;
}

#sous-menu li a{
	text-transform:uppercase;
	display:block;
	float:left;
	height:15px;
}	
	/* fin menu et sous menu */

.nos-references #main
{
	height:470px;
	padding-top:10px;
	padding-left:150px;
	width:775px;
}

.nos-references p
{
	padding-left:45px;
	width:640px;
	margin-right:15px;

	
}

.nos-references p img
{
	/*height:60px;
	width:auto;
	margin-left:30px;
	float:right;*/

}


.nos-references p object
{
	margin-bottom:15px;
}

.reference{
	float:left;
	margin-top:15px;
}


.nos-references #bas
{
	background-color:#00b1e6;
	height:127px;
	padding-top:8px;
}

.nos-references #bas ul
{
	list-style-type:none;
	
}

ul#mycarousel
{
	
}

.nos-references #bas img
{
	float:left;
}
.nos-references #bas li
{
	float:left;
	width:95px;
	height:65px;
	border:1px solid #fff;
	background:url(img/ref-li.jpg) top center no-repeat;
	padding:50px 1px 1px 1px;
	margin-right:25px;
}

.nos-references #bas li img,.nos-references #bas li object
{
	height:65px;
	width:95px;
}
/****************************** fin references *************************/
/****************************** actualites *************************/
.notre-actualite #main
{
	height:394px;	
	padding-left:0px;
	margin-left:130px;
}

img.annee{margin-bottom:15px;margin-left:40px;}

.notre-actualite h2
{
	margin-bottom:0;
	margin-left:40px;
}
.notre-actualite div.mois{
	margin-top:0px;
	height:38px;
	padding:0 0 0 150px;
	background-color:#00b1e6;
}


.notre-actualite div.mois a{
	display:block;
	float:left;
	text-align:center;
	/*margin:0 10px;*/
}


.notre-actualite div.mois li.mois a
{
	color:#fff;
	background-color:#019ac8;
	padding:3px 15px;
	/*margin:8px 10px;*/
	width:70px;
}

.notre-actualite div.mois li.mois a.active
{
	color:#fff;
	background-color:#014458;
	padding:3px 15px;
	/*margin:8px 10px;*/
	width:70px;
}

.notre-actualite h3{
	text-transform:uppercase;
	color:#650f63;
	font-size:14px;
	font-weight:normal;
	margin-left:40px;
}
.notre-actualite p.date
{
	background-color:#905c8f;
	color:#fff;
	padding:4px 7px;
	width:150px;
	font-size:11px;
	margin-left:40px;
}

.notre-actualite .contenu
{
	height:220px;
	margin-right:15px;
	overflow:auto;
	margin-top:10px;
	float:left;
	width:580px;
	margin-left:40px;
}
.notre-actualite .contenu img
{
	padding-right:15px;
	padding-bottom:15px;
}
.notre-actualite p{
	font-size:13px;
	padding:5px 0;
}

.notre-actualite p{
	font-size:12px;
	padding:5px 0;
}
.notre-actualite #bas{
	height:228px;
}

.notre-actualite a.fleche{
	position:absolute;
	left:110px;
	top:345px;
}
.notre-actualite p.image-like{
	
}
#fleched{
display:block;
height:35px;
width:18px;
position:absolute;
top:345px;
left:820px;
}
/****************************** fin actualites *************************/
/******************************  credits, mentions legales *************************/

.credits #main,.mentions-legales #main
{
	height:482px;
	padding-left:195px;
}

.credits #bas,.mentions-legales #bas
{
	background-color:#00b1e6;
	height:150px;
}

.credits p,.mentions-legales p
{
	padding-bottom:10px;
}
/****************************** fin credits, mentions legales *************************/
 
 
 
#flashactu{
height:190px;
overflow:hidden;
}

