body
{
	font-family: arial, helvetica, sans-serif ;
	font-size: small ;
	margin: 0px ;
	padding: 10px 0px 0px 0px ;
	background-color: rgb(255,255,255) ;
	line-height: 100% ;
}

img
{
	display: block ;
}

br.br5
{
	line-height: 5px ;
}

br.br1
{
	line-height: 1px ;
}

.float
{
	float: left ;
}

.floatr
{
	float: right ;
}

#page
{
	width: 730px ;
	margin: 0px auto 0px auto ;
}

#home-contenu
{
	width: 730px ;
}

#contenu
{
	width: 730px ;
}

#pied
{
	background: url(../images/home_fond_pied.gif) left top no-repeat ;
	width: 730px ;
	height: 33px ;
	margin: 130px 0px 0px 0px ;
	padding: 0px ;
}

#page div.col-gauche
{
	width: 175px ;
}

#page div.col-centrale
{
	width: 350px ;
}

#page div.col-droite
{
	width: 185px ;
	
	

}

#page div.contenu-2cols
{
	width: 545px ;
}

#page div.contenu-2cols div.titre-personnalite-recherche
{
	padding: 10px ;
	margin: 0px ;
	width: 525px ;
	background: rgb(140,140,140) ;
}

#page div.contenu-2cols div.titre-personnalite-recherche h1
{
	padding: 0px ;
	margin: 0px ;
	font-size: 160% ;
	line-height: 100% ;
	font-weight: bold ;
	text-transform:uppercase ;
	font-family: arial, helvetica, sans-serif ;
	color: rgb(255,255,255);
}

#page div.contenu-2cols div.titre-personnalite
{
	padding: 10px ;
	margin: 0px ;
	width: 525px ;
	background: rgb(140,140,140) url(../images/pictoblanc_soustitre.gif) 10px 30px no-repeat ;
}

#page div.contenu-2cols div.titre-personnalite h1
{
	padding: 0px ;
	margin: 0px ;
	height: 40px ;
	font-size: 160% ;
	line-height: 100% ;
	font-weight: bold ;
	text-transform:uppercase ;
	font-family: arial, helvetica, sans-serif ;
	color: rgb(255,255,255);
}

#page div.boite-recherche
{
	color: rgb(255,255,255);
}

#page div.boite-recherche-border
{
	width: 163px ;
	border-style: solid ;
	border-width: 1px ;
	border-color: rgb(216,027,025) ;
}

#page div.boite-nouveautes-haute
{
	height: 325px ;
	width: 175px ;
	margin: 0px ;
	padding: 0px ;
}

#page div.boite-nouveautes, #page div.boite-personnalite
{
	color: rgb(000,000,000) ;
}
#page div.boite-personnalite img
{
	margin: 0px ;
}

#page div.boite-newsletter
{
	background-color: rgb(204,204,204) ;
	color: rgb(000,000,000) ;
}

#page div.boite-recherche input.texte , #page div.boite-recherche select, #page div.boite-personnalite input.texte , #page div.boite-personnalite select, #page div.boite-newsletter input.texte
{
	width: 150px ;
	border-style: solid ;
	border-color: rgb(076,076,076) ;
	border-width: 1px ;
	font-family: arial, helvetica, sans-serif ;
	font-size: 85% ;
	color: rgb(000,000,000) ;
}

#page div.boite-recherche span
{
	font-family: arial, helvetica, sans-serif ;
	font-size: 85% ;
	line-height: 14px ;
	color: rgb(255,255,255) ;
}

#page div.boite-recherche form
{
	display: inline ;
	margin: 0px ;
	padding: 0px ;
}

#page div.boite-personnalite form
{
	display: block ;
	margin: 0px ;
	padding: 0px ;
}

#page div.boite-nouveautes ul
{
	margin: 0px ;
	padding: 0px ;
}

#page div.boite-personnalite ul
{
	margin: 0px ;
	padding: 0px ;
	width: 105px ;
}

#page div.boite-nouveautes ul li, #page div.boite-personnalite ul li
{
	margin: 10px 0px 0px 0px ;
	padding: 0px 0px 0px 13px ;
	list-style: none ;
	background: url(../images/home_boite_nouveaute_bullet.gif) 0px 2px no-repeat ;
	font-family: arial, helvetica, sans-serif ;
	font-size: 85% ;
	line-height: 14px ;
}

#page div.boite-nouveautes ul li a, #page div.boite-personnalite ul li a
{
	text-decoration: none ;
	color: rgb(000,000,000) ;
}

#page div.boite-nouveautes ul li a:hover, #page div.boite-personnalite ul li a:hover
{
	text-decoration: underline ;
}

#page div.boite-newsletter p.texte
{
	font-size: 85% ;
	line-height: 14px ;
	margin: 10px 0px 0px 0px ;
	padding: 0px ;
}

#page div.boite-newsletter form
{
	margin: 10px 0px 0px 0px ;
	padding: 0px ;
}

.padd-5r
{
	padding-right: 5px ;
}

.padd-10l
{
	padding-left: 10px ;
}

.padd-10b
{
	padding-bottom: 10px ;
}

.marg-10l
{
	margin-left: 10px ;
}

.marg-5t
{
	margin-top: 5px ;
}

.marg-10t
{
	margin-top: 10px ;
}

.marg-20t
{
	margin-top: 20px ;
}

#page div.col-gauche img.bonhomme
{
	padding: 120px 0px 40px 0px ;
}

#page div.col-centrale p.texte
{
	width:95%;
	font-family: arial, helvetica, sans-serif ;
	font-size: 85% ;
	margin: 5px 0px 5px 0px ;
	padding: 0px 0px 0px 10px ;
	text-align: justify ;
}

#page div.col-centrale p.english
{
	font-style: italic ;
	color: rgb(105,105,105) ;
}

#page span.english
{
	font-size: 80% ;
	/*font-style: italic ;*/
	color: rgb(105,105,105) ;
}

#contenu h2
{
	padding: 0px ;
	margin: 30px 0px 0px 0px ;
	font-family: arial, helvetica, sans-serif ;
	font-size: 120% ;
	text-transform: uppercase ;
	font-weight: bold ;
}

#contenu h2 span
{
	padding: 0px 10px 0px 0px ;
	background: url(../images/picto_copyright.gif) right top no-repeat ;
}

#contenu h2 span.nocopy
{
	padding: 0px 10px 0px 0px ;
	background: rgb(255,255,255) ;
}

div.galerie-bande
{
	width: 536px ;
	padding: 8px 1px 1px 8px ;
}

div.galerie-bande img
{
	margin: 0px ;
/*	padding: 0px 7px 7px 0px ;*/
}

div.galerie-photo
{
	 text-align: center ;
}

div.galerie-photo img
{
	margin: 0px ;
	display: inline ;
}

div.galerie-navigation
{
	width: 525px ;
	padding: 0px 10px 0px 10px ;
}

div.galerie-navigation span
{
	font-size: 85% ;
	padding: 0px 5px 0px 5px ;
	width: 459px ;
	font-weight: bold ;
}

div.galerie-navigation a.galerie-navigation-main
{
	display: block ;
	width: 28px ;
}

div.galerie-navigation a.galerie-navigation-main img
{
	margin: 0px ;
	display: inline ;
}

#pied a
{
	display: block ;
	margin: 0px ;
	padding: 0px ;
}

#pied a img
{
	display: inline ;
	padding: 0px ;
	margin: 0px ;
}

div.auteur
{
	text-align: right ;
	margin: 0px ;
}

div.auteur span.nom
{
	text-transform: uppercase ;
	margin: 0px ;
	padding: 0px 8px 0px 0px ;
	background: url(../images/picto_copyright_blanc.gif) right top no-repeat ;
	font-size: 110% ;
	line-height: 110% ;
	font-weight: bold ;
}

div.auteur span.nom span
{
	font-weight: normal ;
	line-height: 100% ;
}

div.auteur span.contact
{
width: 200px ;
	text-transform: uppercase ;
	margin: 5px 0px 0px 0px ;
	padding: 0px 0px 0px 12px ;
	background: url(../images/puce_blanche.gif) 0px 3px no-repeat ;
	font-size: 0.8em ;
	font-weight: normal ;
}

div.auteur span.website
{
	margin: 5px 0px 0px 0px ;
	padding: 0px 0px 0px 12px ;
	background: url(../images/puce_blanche.gif) 0px 3px no-repeat ;
	font-size: 0.8em ;
	font-weight: normal ;
}

/* COULEURS */


.blanc
{
	color: rgb(255,255,255) ;
}

.gris
{
	color: rgb(168,168,168) ;
}

.gris-clair
{
	color: rgb(216,216,216) ;
}

.gris-fonce
{
	color: rgb(140,140,140) ;
}

.fond-blanc
{
	background-color: rgb(255,255,255) ;
}

.fond-gris-clair
{
	background-color: rgb(235,235,235) ;
}

.fond-gris
{
	background-color: rgb(168,168,168) ;
}

.fond-gris-fonce
{
	background-color: rgb(140,140,140) ;
}

.fond-rouge
{
	background-color: rgb(216,027,025) ;
}

.fond-faces-rouge
{
	background: url(../images/fond_faces_rouge.gif) left top no-repeat ;
}



div.texte
	{
	margin-left: 10px ;
	width: 545px ;
	float: right ;
	}

div.texte h1
	{
	margin: 0px ;
	height: 40px ;
	padding: 10px ;
	background: rgb(140,140,140) url(../images/pictoblanc_soustitre.gif) 10px 30px no-repeat ;
	font-size: 160% ;
	font-weight: bold ;
	color: rgb(255,255,255) ;
	text-transform: uppercase ;
	}

div.texte h2
	{
	margin: 0px ;
	padding: 5px ;
	font-size: 120% ;
	font-weight: bold ;
	color: rgb(168,168,168) ;
	}

div.texte p
	{
	color: rgb(140,140,140) ;
	}