/**********Definitions generales***********/
html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1em;
	color: black;
	font-family: Arial, Verdana, sans-serif;
	background:#3A3A3A url(images/body_bg.png) top center repeat-x;
}

div,ul,li,table,td,h1,h2,h3,h4,h5,p,span,form,img{
	margin: 0;
	padding: 0;
	font-size: 1em;
}

ul{
	list-style:none;
}

a{
	text-decoration:none;
}

.nettoyeur{
	clear:both;
}

.spip_documents{
	margin: 0;
	padding: 0;
}

.spip_surligne{
background:none;
}

object { outline:none; }


/**************Page****************/
.page{
	display:block;
	width:948px;
	margin-left:auto;
	margin-right:auto;
}

/**************Menu***************/

#menu{
	width:948px;
	height:44px;
	margin: 32px auto 0px auto;
}

#menu ul{
	margin: 0px 12px 0px 12px;
}

#menu li{
	display:inline;
	margin:0;
	padding:0;
	font-size:1em;
	text-align:center;
	background:none;
}

#menu a{
	display:block;
	float:left;
	height:19px;
	padding: 15px 15px 10px 15px;
	margin: 0px 8px 0px 8px;
	background:transparent url(images/menu_pattern.png) top left repeat-x;
	font-family:Trebuchet MS, Verdana, Arial, sans-serif;
	color:#FFFFFF;
	font-size:0.82em;
	text-transform:uppercase;
	position:relative;
	text-decoration:none;
}

.menuCoteGauche{
	display:block;
	width: 9px;
	height:44px;
	position:absolute;
	left:-9px;
	top:0px;
	background:transparent url(images/menu_left.png) top left no-repeat;
}

.menuCoteDroit{
	display:block;
	width: 9px;
	height:44px;
	position:absolute;
	right:-9px;
	top:0px;
	background:transparent url(images/menu_right.png) top left no-repeat;
}

#menu a:hover,#menu .menu_on a{
	color:#000000;
	background:transparent url(images/menu_pattern_active.png) top left repeat-x;
	text-decoration:none;
}

#menu a:hover span.menuCoteGauche,#menu .menu_on a span.menuCoteGauche{
	background:transparent url(images/menu_left_active.png) top left no-repeat;
}

#menu a:hover span.menuCoteDroit,#menu .menu_on a span.menuCoteDroit{
	background:transparent url(images/menu_right_active.png) top left no-repeat;
}


/**************Bandeau***************/

#bandeau{
	width:948px;
	height:326px;
	position:relative;
}

#animation{
position:absolute;
top:-6px;
left:6px;
}


/**************Mise en forme du contenu**************/

h1{
	font-family:Trebuchet MS, Verdana, Arial, sans-serif;
	color:#FFFFFF;
	font-size:1.15em;
	margin-top:8px;
	margin-bottom:16px;
}

h1 img{
display:block;
margin-top:-10px;
}

h2{
	color:#EF9AB2;
	font-size:1.625em;
	font-weight:normal;
	margin-top:24px;
	margin-bottom:12px;
	text-transform:uppercase;
	font-family:Trebuchet MS, Verdana, Arial, sans-serif;
}

h3{
	font-size:1.25em;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:6px;
	font-family:Trebuchet MS, Verdana, Arial, sans-serif;
}

p{
	font-size:0.77em;
	text-align:justify;
	margin-top:8px;
	margin-bottom:16px;
}

img{
vertical-align:middle;
}

ul{
	margin-top:16px;
	margin-bottom:16px;
}

li{
	display:block;
	font-size:0.77em;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:40px;
	background:transparent url(images/puce.gif) 25px 4px no-repeat;
}

li ul li{
font-size:1em;
}

strong{
	font-weight:bold;
	color:#EF9AB2;
}

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

a:hover{
color:#9F9F9F;
text-decoration:underline;
}

table{
width:100%;
margin-top:8px;
margin-bottom:16px;
border-spacing: 0px;
border-collapse: collapse; 
}

td{
font-size:0.77em;
vertical-align:middle;
}

td table{
margin:0;
padding:0;
width:auto;
}

/**************Contenu***************/

#contenu{
	width:948px;
	text-align:left;
	margin: 20px auto 36px auto;
	color:#FFFFFF;
}

#contenuPlein{
	width:844px;
	text-align:left;
	margin: 0px 52px 0px 52px;
}

#contenuLeft{
	float:left;
	width:487px;
	padding: 0px 0px 0px 40px;
}

#pageName{
	display:block;
	margin: 0px 0px 21px 0px;
}


/****Contact****/

#contact{
	width:844px;
	margin: 0px 0px 0px 52px;
}

#contactTexte{
	float:left;
	width:261px;
	margin-top: 20px;
}

#contact .grandTitre{
	color:#EF9AB2;
	font-size:1.03em;
	font-weight:bold;
	text-align:center;
}

#contact .grandTexte{
	color:#FFFFFF;
	font-size:0.88em;
	text-align:center;
}

/****Bloc large****/

#contactFormAlign{
	float:left;
	width:583px;
	height:295px;
	margin: 0px 0px 0px 0px;
}


.blocWideContenu{
	float:left;
	width:551px;
	height:289px;
	background:transparent url(images/bloc_wide_pattern.png) top left repeat-x;
}

.blocWideGauche{
	float:left;
	width:0px;
	height:289px;
	padding: 0px 0px 0px 27px;
	background:transparent url(images/bloc_wide_left.png) top left no-repeat;
}

.blocWideDroit{
	width:5px;
	float:left;
	height:289px;
	padding: 0px 0px 0px 0px;
	background:transparent url(images/bloc_wide_right.png) top left no-repeat;
}

/****Boutons****/

#boutonGaucheAlign{
	display:block;
	float: left;
	height:36px;
	margin: 0px 0px 0px 0px;
}

.boutonGaucheCoteGauche{
	display:block;
	float:left;
	height:36px;
	padding: 0px 4px 0px 0px;
	margin: -10px 0px 0px -13px;
	background:transparent url(images/gauche_btn_left.png) top left no-repeat;
}

.boutonGaucheCoteDroit{
	display:block;
	float:right;
	height:36px;
	padding: 0px 0px 0px 17px;
	margin: -26px -26px 0px 0px;
	background:transparent url(images/gauche_btn_right.png) top left no-repeat;
}

#boutonGaucheAlign a{
	display:block;
	float:left;
	height:16px;
	padding: 10px 9px 10px 9px;
	background:transparent url(images/pink_btn_pattern.png) top left repeat-x;
	font-family:Trebuchet MS, Verdana, Arial, sans-serif;
	font-size:0.71em;
	font-weight:bold;
	color:#3A3A3A;
	text-transform:uppercase;
	text-decoration:none;
}

#boutonGaucheAlign a:hover{
	color:#000000;
}

#boutonGaucheInactif{
	background:transparent url(images/pink_btn_pattern_active.png) top left repeat-x;
}

#boutonGaucheInactifLeft{
	background:transparent url(images/gauche_btn_left_active.png) top left no-repeat;
}

#boutonGaucheInactifRight{
	background:transparent url(images/gauche_btn_right_active.png) top left no-repeat;
}

#boutonAlign{
	display:block;
	float: right;
	height:36px;
	margin: 0px 0px 0px 0px;
}

.boutonCoteGauche{
	display:block;
	float:left;
	height:36px;
	padding: 0px 0px 0px 18px;
	background:transparent url(images/pink_btn_left.png) top left no-repeat;
}

.boutonCoteDroit{
	display:block;
	float:left;
	height:36px;
	padding: 0px 4px 0px 0px;
	background:transparent url(images/pink_btn_right.png) top left no-repeat;
}

#boutonAlign a{
	display:block;
	float:left;
	height:16px;
	padding: 10px 9px 10px 9px;
	background:transparent url(images/pink_btn_pattern.png) top left repeat-x;
	font-family:Trebuchet MS, Verdana, Arial, sans-serif;
	font-size:0.71em;
	font-weight:bold;
	color:#3A3A3A;
	text-transform:uppercase;
	text-decoration:none;
}

#boutonAlign a:hover{
	color:#000000;
}



/**************Blocs******************/
.bloc{
	width:402px;
	margin: 20px 0px 20px 0px;
	color:#3A3A3A;
}

.grand_bloc{
	width:584px;
	margin: 20px 0px 20px 0px;
	color:#3A3A3A;
}


.bloc_centre{
margin-left:auto;
margin-right:auto;
}

.bloc_droite{
float:right;
}

.bloc_gauche{
float:left;
}

.bloc h2,.grand_bloc h2{
margin-top:0px;
margin-bottom:0px;
font-family:Trebuchet MS, Verdana, Arial, sans-serif;
font-size:1.9em;
font-weight:normal;
text-align:left;
text-transform:uppercase;
color:#3A3A3A;
}

.bloc h3,.grand_bloc h3{
margin-left:40px;
margin-right:40px;
}

.bloc li,.grand_bloc li{
background:transparent url(images/puce2.gif) 25px 4px no-repeat;
}

.bloc strong,.grand_bloc strong{
color:black;
}

.bloc p,.grand_bloc p{
margin-left:40px;
margin-right:40px;
}

.bloc ul,.grand_bloc ul{
margin-left:15px;
margin-right:40px;
}

.bloc table,.grand_bloc table{
margin-left:0px;
margin-right:0px;
}

.bloc td,.grand_bloc td{
padding-bottom:6px;
}

.blocTop{
	width:402px;
	height:4px;
	line-height:4px;
	font-size:4px;
	background:transparent url(images/partenaires_top.png) top left no-repeat;
}

.grand_bloc .blocTop{
	width:584px;
	height:4px;
	line-height:4px;
	font-size:4px;
	background:transparent url(images/grand_bloc_top.png) top left no-repeat;
}

.blocBottom{
	width:402px;
	background:transparent url(images/partenaires_bottom.png) bottom left no-repeat;
	padding: 7px 0px 7px 0px;
}

.grand_bloc .blocBottom{
	width:584px;
	background:transparent url(images/grand_bloc_bottom.png) bottom left no-repeat;
	padding: 7px 0px 7px 0px;
}

.arrowRight{
	display:block;
	height:28px;
	background:transparent url(images/arrow_right.png) top left no-repeat;
	padding: 8px 0px 0px 36px;
	line-height:0.65em;
}


/**************Piedpage***************/

#piedPage{
	width:948px;
	margin: 0px auto 58px auto;
}

#footerBorderTop{
	width:924px;
	height:3px;
	background:transparent url(images/footer_top.png) top left no-repeat;
	margin: 0px 12px 0px 12px;
}

#contenuPied{
	width:844px;
	background:transparent url(images/footer_pattern.png) top left repeat-y;
	margin: 0px 12px 0px 12px;
	padding-left:40px;
	padding-right:40px;
	font-size:0.7em;
	text-align:left;
	line-height:1.5em;
}

#contenuPied ul{
margin:0;
}

#contenuPied li{
	margin:0;
	padding:0;
	font-size:1em;
	background:none;
}

#contenuPied p{
	font-size:1em;
	margin:0px 0px 0px 0px;
}

#contenuPied strong{
color:inherit;
}

#footerBorderBottom{
	width:924px;
	height:3px;
	background:transparent url(images/footer_bottom.png) top left no-repeat;
	margin: 0px 12px 0px 12px;
}

#planLeft{
	width:154px;
	margin: 11px 0px 11px 0px;	
	float:left;
}

#planRight{
	width:302px;
	margin: 11px 0px 11px 88px;	
	float:left;
}

#contenuPied a{
	color:#898989;
	text-align:left;
	font-weight: normal;
	text-decoration:none;
}

#contenuPied a:hover{
	color:#FFFFFF;
}

#planLeft,#planRight p{
	font-weight:bold;
	color:#ffffff;
}

#contenuPied .homeListe{
	background:transparent url(images/home.gif) center left no-repeat;
	padding-left:15px;
}

#contenuPied .sheetListe{
	background:transparent url(images/sheet.gif) center left no-repeat;
	padding-left:15px;
}

#contenuPied .mailListe{
	background:transparent url(images/mail.gif) center left no-repeat;
	padding-left:18px;
}

#arrowUp{
	float:right;
	text-align:right;
	width:169px;
	height:10px;
	display:block;
	margin: 11px 0px 0px 0px;
	line-height:0.7em;
}

#arrowUp strong{
background:transparent url(images/arrow_up.gif) center left no-repeat;
padding: 0px 0px 0px 12px;
}

#footerLine{
	display:block;
	border-top: 1px solid #ffffff;
	margin: 0px 12px 12px 12px;
}


/************Survol des photos************/
body #div_survol_photo{
background:white url(images/ajax-loader.gif) center center no-repeat;
border:1px solid #1F1F1F;
}

/***************Page 404*************/
div#page_404{
background:white;
border:1px solid black;
width:400px;
margin-left:auto;
margin-right:auto;
padding:20px 20px 20px 20px;
margin-top:100px;
}

div#page_404 h1{
margin-top:10px;
margin-bottom:10px;
color:black;
}

div#page_404 p, div#page_404 div{
text-align:center;
}