/*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;
}

quote
{
	display:block;
	font-style:italic;
	margin-top:20px;
}

a img,a
{
	border:none;
	text-decoration:none;
}

a
{
	color:inherit;
	text-decoration:inherit;
}

p,div,h1,h2,h3,h4,h5,h6
{
	margin:0;
	padding:0;
}

.clear
{
	clear:both;
	width:100%;
	min-height:0;
	height:0;
	margin:0;
	margin-bottom:-10px;
	padding:0;
	display:block;
}

.developpe
{
	width:420px;
	margin:auto;
	margin-top:7px;
	color:#646464;
	padding-bottom:15px;
}

.developpe *
{
	text-align:justify;
	margin-bottom:7px;
}
/*conteneur global du site*/
#global
{
	width:760px;
	margin:auto;
	background:url(../images/fond.jpg) repeat-y 0 0;
}

/*Banniére*/
#ban
{
	width:760px;
	height:143px;
	position:relative;
}
#ban *
{
	position:relative;
	z-index:10;
}

/*Coté gauche*/
#gauche
{
	width:310px;
	float:left;
	background:#e6e6e6;
}

#gauche #profil
{
	width:299px;
	height:141px;
	background:url(../images/min_trouver.jpg) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}

#gauche #contacte
{
	display:block;
	width:299px;
	height:50px;
	background:url(../images/min_contact.jpg) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}

#gauche #atout
{
	width:299px;
	height:160px;
	background:url(../images/min_atout.jpg) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}

#gauche #atout #image_atout
{
	float:left;
	margin-top:7px;
	margin-left:10px;
	margin-right:5px;
}

#gauche #saviez
{
	width:289px;
	height:107px;
	margin-left:6px;
	background:url(../images/min_saviez.jpg) no-repeat 0 0;
	padding-left:10px;
	margin-top:5px;
	color:#646464;
}

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

#gauche #saviez p
{
	padding:0;
	width:93%;
	margin-top:0;
	text-align:justify;
}
#gauche #actualites
{
	width:285px;
	height:132px;
	margin:auto;
	background:url(../images/actu2.gif) 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:10px;
}

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

#gauche #actualites .text
{
	width:200px;
	float:right;
	font-size:10px;
	margin-top:4px;
	text-align:justify;
	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;
}

/*Coté droit*/
#droite
{
	width:448px;
	float:right;
	min-height:780px;
}


#droite .header a
{
	position:relative;
	margin-top:10px;
	top:10px;
	left:360px;
}

#droite #header_zoom
{
	width:440px;
	height:91px;
	background:url(../images/header_zoom.jpg) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}

#droite #header_mecenat
{
	width:426px;
	height:91px;
	background:url(../images/header_mecenat.gif) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}
#droite #header_mecenat a
{
	position:relative;
	top:10px;
	left:350px;
}

#droite #header_clefs
{
	width:426px;
	height:91px;
	background:url(../images/header_clefs.gif) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}
#droite #header_clefs a
{
	position:relative;
	top:10px;
	left:350px;
}


#droite #header_temoignage
{
	width:440px;
	height:91px;
	background:url(../images/header_temoignage.jpg) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}

#droite #header_recherche,#droite #header_liste
{
	width:440px;
	height:157px;
	background:url(../images/header_recherche.gif) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}

#droite #header_recherche h3
{
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	position:relative;
	top:40px;
	left:15px;
}

#droite #header_recherche a
{
	position:relative;
	left:355px;
	float:left;
	top:-30px;
}

#droite #header_liste form
{
	position:absolute;
	margin-top:40px;
	margin-left:15px;
}
#droite #header_liste form input
{
	margin-top:10px;
}

#tableau_resultats
{
	width:430px;
	margin:auto;
	margin-top:10px;
}

#tableau_resultats a
{
	color:#646464;
}

#tableau_resultats a:hover
{
	color:#E25A90;
	font-weight:bold;
}

#tableau_resultats .rows2
{
	line-height:30px;
	cursor:pointer;
	background:#FFF;
	cursor:pointer;
}

#tableau_resultats .rows1
{
	line-height:30px;
	cursor:pointer;
	background:#E6E6E6;
	cursor:pointer;
}

#tableau_resultats .rows2 *,#tableau_resultats .rows1 *
{
	cursor:pointer;
}

/*
#tableau_resultats .rows2:hover,#tableau_resultats .rows1:hover
{
    opacity: 0.7;
    filter: alpha(opacity=70); 
}
*/

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

#droite #header_savoir a
{
	position:relative;
	top:10px;
	left:350px;
}

#droite #header_mentions
{
	width:430px;
	height:91px;
	background:url(../images/header_mentions.gif) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
	margin-bottom:10px;
}

#droite #header_plan
{
	width:430px;
	height:91px;
	background:url(../images/plan/header.gif) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
	margin-bottom:10px;
}

#droite #header_mentions a,#droite #header_plan a
{
	position:relative;
	top:10px;
	left:350px;
}

#droite #header_actus
{
	width:440px;
	height:91px;
	background:url(../images/header_actus.jpg) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}

#droite #header_contact
{
	width:440px;
	height:91px;
	background:url(../images/header_contact.jpg) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}

#droite #header_contact2
{
	width:440px;
	height:91px;
	background:url(../images/header_contact.gif) no-repeat 0 0;
	margin:auto;
	margin-top:5px;
}

#droite #zoom2,#droite #actus
{
	width:430px;
	margin:auto;
	margin-top:7px;
	color:#646464;
	border-bottom:1px dashed #808080;
	padding-bottom:8px;
	text-align:justify;
}

#droite #zoom p, #droite #actus p
{
	margin-bottom:5px;
	color:#646464;
	text-align:justify;
}

#droite #zoom .vignette, #droite #actus .vignette
{
	float:left;
	margin-right:17px;
}

#droite #zoom #nom, #droite #actus #nom
{
	font-weight:bold;
	padding-top:24px;
}

#droite #zoom #desc, #droite #actus #desc
{
	text-align:justify;
	width:350px;
	margin-left:80px;
}

#droite #zoom2 #zoom_picture
{
	height:78px;
	float:left;
}

#droite #zoom2 #with_picture
{
	float:right;
	width:357px;
}

#droite #zoom2 #with_picture *
{
	display:block;
}

#droite #zoom2 #desc
{	
	width:357px;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}

#droite #zoom2 #lien_with_actus
{
	clear:both;
	float:right;
	margin-bottom:10px;
}

#droite #actus strong
{
	display:block;
	font-size:13px;
	margin-bottom:10px;
}

#droite #actus p strong
{
	display:inline;
}

#droite #actus #desc strong
{
	font-size:11px;
	margin:inherit;
	display:inline;
}

#droite #actus #link
{
	text-align:right;
	margin-top:10px;
	padding-right:7px;
}

#autre_zoom
{
	width:430px;
	margin:auto;
	margin-top:7px;
	border-bottom:1px dashed #808080;
	padding-bottom:8px;
	margin-bottom:8px;
}

#autre_zoom h3
{
	color:#e25a90;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

#autre_zoom .personne
{
	padding-left:40px;
	height:27px;
	margin-bottom:15px;
	background:url(../images/pictos/personne.jpg) no-repeat 0 0;
}

#autre_zoom .personne strong a,#autre_zoom .autualites strong a
{
	display:block;
	color:#646464
}

#autre_zoom .personne span,#autre_zoom .autualites span
{
	color:#646464
}

#autre_zoom .autualites
{
	padding-left:40px;
	height:27px;
	margin-bottom:15px;
	background:url(../images/pictos/actus.gif) no-repeat 0 0;
}

#archives
{
	float:right;
	margin-top:5px;
	margin-bottom:10px;
	margin-right:18px;
}

.developpe h2
{
	color:#cc3780;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	margin-top:20px;
	padding-bottom:5px;
}

.developpe .soutien
{
	text-align:center;
}

.developpe .soutien img
{
	margin-left:10px;
}


/*Formulaire de contact*/
#etre_contact
{
	margin-left:10px;
}

#etre_contact h4
{
	color:#E25A90;
	font-size:12px;
	font-weight:bold;
}

#etre_contact .form_top
{
	border-bottom:1px dashed #808080;
	width:100%;
	padding-bottom:10px;
	color:#808080;
	margin-bottom:10px;
}

#etre_contact .form_top .inputbox
{
	width:235px;
}

#etre_contact .form_top .radio
{
	margin-left:0px;
	margin-right:0px;
}

#etre_contact .form_top label
{
	margin-right:15px;
}

#etre_contact .form_top textarea
{
	width:235px;
	height:144px;
	overflow:auto;
}

#etre_contact .form_top .inputbox,#etre_contact .form_top textarea
{
	border:1px solid #808080;
}

#etre_contact .form_top .inputbox:focus,#etre_contact .form_top textarea:focus
{
	border:1px solid #E25A90;
}

#etre_contact .form_top .intitule2,#etre_contact .form_top .intitule
{
	width:150px;
	vertical-align:top;
	padding-top:4px;
}

#droite .ok
{
	width:90%;
	margin:auto;
	color:#808080;
	margin-top:5px;
}

/*Page témoignage*/
#droite #temoignage
{
	color:#646464;
	padding-top:10px;
}

#droite #temoignage strong
{
	display:block;
	margin-bottom:15px;
	margin-left:10px;
}

#droite #temoignage #nom
{
	display:block;
	margin-bottom:5px;
}

#droite #temoignages  #temoin_img2 img
{
	float:left;
}

#droite #temoignages  #temoin_img2
{
	width:70px;
	height:100px;
	float:left;
	text-align:center;
}

/*Décalage des images !*/
#droite #temoin_img
{
	width:80px;
	height:100px;
	overflow:hidden;
	float:left;
	padding-left:15px;
}

#droite #temoin_texte
{
	display:block;
	width:330px;
	float:right;
	margin-right:15px;
	text-align:justify;
}

#autre_temoignages
{
	width:430px;
	margin:auto;
	margin-top:20px;
	padding-top:5px;
	border-bottom:1px dashed #808080;
	border-top:1px dashed #808080;
	padding-bottom:5px;
	margin-bottom:8px;
}

#autre_temoignages h3
{
	color:#e25a90;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

#autre_temoignages .personne
{
	padding-left:40px;
	height:27px;
	margin-bottom:15px;
	background:url(../images/pictos/personne.jpg) no-repeat 0 0;
}

#autre_temoignages .personne strong a,#autre_temoignages .autualites strong a
{
	display:block;
	color:#646464
}

#autre_temoignages .personne span,#autre_temoignages .autualites span
{
	color:#646464
}

#autre_temoignages .autualites
{
	padding-left:40px;
	height:27px;
	margin-bottom:15px;
	background:url(../images/pictos/temoignages.jpg) no-repeat 0 0;
}
/*Page mecenat*/
#mecenat
{
	width:425px;
	margin:auto;
	color:#999999;
}

#mecenat p
{
	text-align:justify;
	margin-bottom:12px;
	margin-top:5px;
}

#mecenat h3, #clefs h3
{
	color:#CC3780;
	padding-left:12px;
	background:url(../images/mecenat_puce.jpg) no-repeat 0 50%;
	padding-bottom:1px;
	margin-top:30px;
	font-size:13px;
}

#mecenat ul,#mecenat li
{	
	margin:0px;
	padding:0px;
}

#mecenat li
{
	margin-left:15px;
	margin-bottom:2px;
}

#mecenat #mathe
{
	padding-left:5px;
	text-align:right;
}

/*Page clefs de la réussite*/

#clefs
{
	width:426px;
	margin:auto;
	color:#999;
	margin-top:-3px;
	padding-bottom:15px;
}

#clefs h3
{
	color:#CC3780;
	padding-left:12px;
	background:url(../images/mecenat_puce.jpg) no-repeat 0 50%;
	padding-bottom:1px;
	font-size:13px;
	margin-top:10px;
	margin-bottom:10px;
}

#clefs #block_top ul
{
	margin:0;
	padding:0;
	padding-left:14px;
	width:295px;
}

#clefs .savoir_faire
{
	margin:0;
	padding:0;
	padding-left:14px;
	float:left;
}

#clefs .savoir_faire li
{
	padding:0;
	margin-bottom:10px;
}

#clefs .decouvrir
{
	float:right;
	padding:0;
	margin:0;
	margin-top:10px;
}

#clefs .etre_contacte
{
	position:absolute;
	float:right;
	margin-top:-194px;
	margin-left:311px;
}

#clefs ul li
{
	padding-bottom:10px;
}

#clefs .telecharger_protocole
{
	float:left;
	margin-right:15px;
}

#clefs .text_protocol
{
	padding-top:5px;
	text-align:justify;
}

#clefs .liste_protocol
{
	padding-left:15px;
}
#clefs .liste_protocol li
{
	padding-bottom:3px;
}

/*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;
}

/*Manu page plan*/
#footer2{
	height:16px;
	width:427px;
	margin-top:20px;
	margin-left:10px;
}
#legende2{
	height:16px;
	width:117px;
	float:left;
}
#imprim2{
	height:15px;
	width:82px;
	margin-left:345px;
}


ol
{
	padding:0;
}

ol li
{
	margin-left:15px;
	padding-left:0px;
	text-align:left;
}