/*Thomas LEROY pour BBP*/
/* 05/06/2008*/

body
{
	margin:0;
	padding:0;
	width:100%;
	font-family:verdana;
	font-size:11px;
	background:#e6e6e6 url(../images/bg_site.jpg) repeat-y 50% 0;
}

a img
{
	border:none;
}

.clear
{
	clear:both;
	width:100%;
	line-height:0;
	min-height:0;
	margin:0;
	padding:0;
	border:1px solid #FFF;
}

/*conteneur global du site*/
#global
{
	width:760px;
	margin:auto;
	min-height:1046px;
	background:#FFF;
	padding-bottom:0;
	margin-bottom:0;
}

/*Banniére*/
#ban
{
	width:760px;
	height:143px;
}

/*Coté gauche*/
#gauche
{
	width:305px;
	height:877px;
	float:left;
}

#gauche #zoom
{
	width:270px;
	height:212px;
	margin:auto;
	background:url(../images/zoom.jpg) no-repeat 0 0;
	margin-top:8px;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	color:#646464;
}

#gauche #zoom #zoom_picture
{
	float:left;
	height:76px;
}

#gauche #zoom #with_picture
{
	float:right;
	width:195px;
	height:56px;
	border:1px solid #ffffff;
	margin-top:10px;
	margin-left:10px;
}

#gauche #zoom #with_picture *
{
	display:block;
}

#gauche #zoom #desc
{
	height:100px;
}

#gauche #zoom #lien_with_actus
{
	float:right;
}

#gauche #zoom #desc
{
	clear:both;
}

/*#gauche #zoom #top
{
	width:95%;
	margin:auto;
}

#gauche #zoom #top img
{
	float:left;
}

#gauche #zoom #top strong
{
	display:block;
	padding-top:50px;
}

#gauche #zoom #desc
{
	height:95px;
	width:95%;
	margin:auto;
	text-align:justify;
	margin-top:0;
}

#gauche #zoom a
{
	float:right;
	margin-right:5px;
}*/

#gauche #saviez
{
	width:280px;
	height:105px;
	margin:auto;
	background:url(../images/saviez.jpg) no-repeat 0 0;
	margin-top:8px;
	padding-left:10px;
}

#gauche #saviez h3
{
	padding-top:29px;
	padding-bottom:0;
	margin-bottom:3px;
	color:#ce367f;
	font-size:14px;
	font-weight:bold;
}

#gauche #saviez p
{
	padding:0;
	width:95%;
	margin-top:0;
	text-align:justify;
	color:#646464;
}

#gauche #actualites
{
	width:285px;
	height:132px;
	margin:auto;
	background:url(../images/actualites.jpg) no-repeat 0 0;
	margin-top:8px;
	padding-top:29px;
	padding-left:5px;
}

#gauche #actualites #date
{
	color:#cc3780;
	margin:0;
	margin-left:5px;
	padding:0;
	font-size:8px;
}

#gauche #actualites strong
{
	font-size:10px;
	color:#cc3780;
	margin:0;
	padding:0;
	padding-left:5px;
}

#gauche #actualites .text strong
{
	font-size:inherit;
	color:inherit;
	margin:inherit;
	font-size:inherit;
}

#gauche #actualites .text
{
	width:200px;
	float:right;
	font-size:10px;
	margin-top:4px;
	text-align:left;
	color:#646464;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0;
	height:75px;
	overflow:hidden;
	padding:0;
}

#gauche #actualites a
{
	float:right;
	margin-right:10px;
}

#gauche #actualites img
{
	float:left;
	margin-left:5px;
	margin-top:5px;
	max-width:60px;
	max-height:60px;
}

#gauche #actualites a img
{
	max-width:none;
	max-height:none;
}

#gauche #temoignages
{
	width:290px;
	height:181px;
	margin:auto;
	background:url(../images/temoignage.jpg) no-repeat 0 0;
	margin-top:8px;
	padding-top:35px;
}

#gauche #temoignages	strong
{
	font-size:10px;
	color:#cc3780;
	margin:0;
	padding:0;
	padding-left:8px;
	display:block;
}

#gauche #temoignages	#nom
{
	font-size:12px;
}

#gauche #temoignages  #temoin_img2
{
	width:70px;
	height:100px;
	overflow:hidden;
	float:left;
	padding:0;
	margin:0;
	padding-left:10px;
	padding-top:5px;
}

/*Décalage des images !*/
#temoin_img
{
	width:75px;
	height:100px;
	overflow:hidden;
	float:left;
	padding:0;
	margin:0;
	padding-left:10px;
	padding-top:5px;
	text-align:center;
}

#temoin_img img
{
	margin-top:-100px;
}

#gauche #temoignages p
{
	width:200px;
	margin:0;
	padding:0;
	margin-top:4px;
	float:right;
	color:#646464;
}

#gauche #temoignages a
{
	display:block;
	float:right;
	margin-right:15px;
	margin-top:10px;
}

#gauche #la_vie
{
	width:290px;
	height:112px;
	margin:auto;
	background:url(../images/la_vie.jpg) no-repeat 0 0;
	margin-top:12px;
}

#gauche #la_vie a
{
	display:block;
	width:100%;
	height:100%;
}

/*Coté droit*/
#droite
{
	width:455px;
	height:877px;
	float:right;
}

#droite #questceque
{
	width:441px;
	height:185px;
	margin:auto;
	background:url(../images/questceque.jpg) no-repeat 0 0;
	margin-top:11px;
	padding-top:30px;
	color:#808080;
	text-align:justify;
}

#droite #questceque br
{
	height:20px;
}

#droite #questceque a
{
	float:right;
}

#droite #trouver
{
	width:448px;
	height:159px;
	margin:auto;
	background:url(../images/trouver.gif) no-repeat 0 0;
	margin-top:22px;	
}

#droite #trouver #selection
{
	width:151px;
	height:19px;
	background:url(../images/select.jpg) no-repeat 0 0;
	position:relative;
	top:57px;
	left:15px;
}

#droite #trouver #selection select
{
	width:240px;
}

#droite #trouver #recherche
{
	width:93px;
	height:23px;
	background:url(../images/rechercher.jpg) no-repeat 0 0;
	position:relative;
	top:75px;
	left:15px;
}

#droite #trouver #profils
{
	position:relative;
	top:85px;
	left:15px;
}

#droite #contacte
{
	width:430px;
	height:50px;
	margin:auto;
	background:url(../images/contacte.jpg) no-repeat 0 0;
	margin-top:15px;	
}

#droite #contacte a
{
	display:block;
	width:100%;
	height:100%;
}

#droite #atout
{
	width:448px;
	height:180px;
	margin:auto;
	background:url(../images/atout.jpg) no-repeat 0 0;
	margin-top:15px;	
}

#droite #atout h3
{
	color:#FFF;
	font-size:14px; 
	padding-top:10px;
	padding-left:15px;
	margin-bottom:10px;
}

#droite #atout #mignature_qui
{
	float:left;
	margin-left:14px;
	margin-right:10px;
	padding-top:7px;
}

#droite #atout  p
{
	text-align:justify;
	color:#FFF;
	margin-top:0;
	margin-right:12px;
	margin-bottom:0;
	width:285px;
	float:left;
}

#droite #atout .lien
{
	display:block;
	padding-left:12px;
	float:left;
	margin-top:10px;
}

#droite #soutenez
{
	width:430px;
	height:50px;
	margin:auto;
	background:url(../images/soutenez.jpg) no-repeat 0 0;
	margin-top:15px;	
}

#droite #soutenez a
{
	display:block;
	width:100%;
	height:100%;
}

#droite #partenaire
{
	width:449px;
	height:128px;
	margin:auto;
	background:url(../images/partenaire.jpg) no-repeat 0 0;
	margin-top:15px;
}

#droite #partenaire h3
{
	font-size:15px;
	color:#FFF;
	padding-top:10px;
	padding-left:10px;
	font-family:arial;
	margin-bottom:0;
	padding-bottom:0;
}

#droite #partenaire a
{
	display:block;
	width:250px;
	height:100px;
	overflow:hidden;
	float:left;
	position:relative;
	top:-14px;
	margin-left:10px;
	text-align:center;
}

#droite #partenaire p
{
	display:block;
	width:165px;
	height:100px;
	float:left;
	position:relative;
	margin:0;
	padding-left:10px;
	color:#FFF;
	padding-top:0px;
}

/*Pied de page*/
#footer
{
	padding:0;
	margin:0;
	height:20px;
	background:url(../images/footer.jpg) repeat-x 0 0;
	padding-left:450px;
	margin-top:10px;
}

#footer a
{
	margin:0;
	padding-left:10px;
	padding-right:10px;
	height:17px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
	border-left:1px solid #FFF;
	text-align:center;
	padding-top:3px;
	float:left;
}

#footer #mentions
{
	width:112px;
}

#footer a:hover
{
	background:url(../images/footer_hover.jpg) repeat-x 0 0;
}

#footer #plan
{
	width:80px;
}