/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 10px;
height:25px;
display:block;
}

#contenu h1.accueil {
background:url(../images/charte/t-accueil.jpg) left top no-repeat;
}

#contenu h1.mentions {
background:url(../images/charte/t-mentions.jpg) left top no-repeat;
}

#contenu h1.merci {
background:url(../images/charte/t-merci.jpg) left top no-repeat;
}

#contenu h1.cgv {
background:url(../images/charte/t-cgv.jpg) left top no-repeat;
}

#contenu h1.contact {
background:url(../images/charte/t-contact.jpg) left top no-repeat;
}

#contenu h1.nouveautes {
background:url(../images/charte/t-nouveautes.jpg) left top no-repeat;
}

#contenu h1.catalogue {
background:url(../images/charte/t-catalogue.jpg) left top no-repeat;
}

#contenu h1.associes {
background:url(../images/charte/t-associes.jpg) left top no-repeat;
}

#contenu h1.liste_naissance {
background:url(../images/charte/t-liste_naissance.jpg) left top no-repeat;
}

#contenu h1.location_materiel {
background:url(../images/charte/t-location_materiel.jpg) left top no-repeat;
}

#contenu h1.plan_du_site {
background:url(../images/charte/t-plan_du_site.jpg) left top no-repeat;
}

#contenu h1.liste {
background:url(../images/charte/t-liste.jpg) left top no-repeat;
}

#contenu h1 span{
display: none;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#D32078;
margin:0 0 10px;
}

#contenu h3{
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:10px 0 5px 0;
}

#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#fff;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#838908;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#fff;
}
#contenu a:hover, #contenu a:active{
color:#D32078;
}

#contenu .rose {
color:#D32078;
font-weight:bold;
}

#contenu .rose2 {
color:#D32078;
font-size:14px;
font-weight:bold;
}

#contenu .centre {
text-align:center;
}

#contenu .barre {
text-decoration:line-through;
}

#contenu a img{
	/* Largeur MAXIMUM de l'image :140px */
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#contenu a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

.pusher {
	width:100%;
	height:3px;
	margin:3px 0 0 0 !important; margin:-13px 0 0 0;
	}

/***************** PAGE D'ACCUEIL *****************/

#galerie {
	width:320px;
	height:310px;
	float:right;
	margin:0 0 0 10px;
	text-align:center;
	padding-top:10px;
	background:url(../images/accueil/flash/bg_encart.jpg) no-repeat;
	}
	
#horaires {
	width:300px;
	height:180px;
	float:left;
	margin:15px 0 15px 20px !important; margin:15px 0 15px 10px;
	background:url(../images/accueil/adresse/bg_adresse.jpg) no-repeat;
	}	

#contenu #horaires p {
	width:280px;
	margin:0px auto 0 auto;
	font-size:14px;
	padding-top:55px;
	color:#BEC601;
	font-weight:bold;
	text-align:center;
	}
/***************** LISTING *****************/

.vignette {
	width:215px;
	height:215px;
	float:left;
	margin:0 8px 8px 0 !important; margin:0 8px 8px 0;
	position:relative;
	}
	
.vignette a {
	position:relative;
	z-index:1;
	}
	
.vignette .titre {
	width:195px;
	height:50px;
	margin:5px auto 0 auto;
	position:relative;
	}
	
#contenu .vignette .titre p.designation {
	width:195px;
	height:30px;
	margin:0 auto 0 auto;
	color:#D32078;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
	
#contenu .vignette .titre p.designation a {
	position:relative;
	}
	
#contenu .vignette .titre p.marque {
	width:195px;
	height:15px;
	margin:0 auto 0 auto;
	color:#000000;
	text-align:center;
	font-weight:bold;
	}
	
#contenu .vignette p.designation a {
	text-decoration:none;
	color:#D32078;
	}
	
#contenu .vignette p.designation a:hover {
	color:#B2B909;
	text-decoration:underline;
	}
	
.vignette .photo {
	width:125px;
	height:125px;
	text-align:center;
	float:left;
	margin:0px 0 0 8px !important; margin:-2px 0 0 4px;
	}	

#contenu .vignette p.prix1 {
	width:60px;
	height:20px;
	float:right;
	margin:0px 10px 0px 0 !important; margin:0 5px 0 0;
	color:#B2B909;
	font-size:13px;
	text-align:right;
	font-weight:bold;
	
	}
	
#contenu .vignette p.prix2 {
	width:60px;
	height:20px;
	float:right;
	margin:0px 10px 0 0 !important; margin:0 5px 0 0;;
	color:#D32078;
	font-size:14px;
	text-align:right;
	font-weight:bold;
	}

.vignette .savoir_plus {
	width:125px;
	height:20px;
	float:left;
	margin:5px 0 0 8px;
	}
	
.vignette .zoom {
	width:35px;
	height:28px;
	float:right;
	margin:3px 10px 0 0 !important; margin:3px 5px 0 0;
	}



/***************** FIL D'ariane et SEARCH *****************/
	
.fil_ariane {
	width:100%;
	height:50px;
	float:left;
	background:url(../images/listing/bg_titre_catalogue.jpg) no-repeat;
	}
	
#contenu .fil_ariane p {
	width:400px;
	height:25px;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin:17px 0 0 30px !important; margin:17px 0 0 15px;
	}
	
#contenu .fil_ariane p a {
	text-decoration:none;
	}

.search {
	width:100%;
	height:22px;
	float:left;
	margin:5px 0 25px 0;
	}
	
#contenu .search {
	font-size:12px;
	font-weight:bold;
	color:#D32078;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:-2px;
	}

#contenu .search select {
	width:100px;
	height:17px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	line-height:5px;
	background:#CED704;
	border:1px solid #99A005;
	}
	
.bouton2{
	width:70px;
	cursor:pointer;
	color:#FFFFFF;
	font-family:Arial;
	background:#D32078;
	margin:0;
	padding:0;
	font-size:11px;
	border:1px solid #FFFFFF;
	margin:-3px 0 0 10px;
	height:19px;
}

.bouton2:hover {
 	font-weight:bold;
	border:1px solid #D32078;
	background-color:#FFFFFF;
	color:#D32078;
	}

/***************** PAGINATION *****************/

#pagination {
	width:100%;
	height:55px;
	float:left;
	margin:25px 0 0 0;
	background:url(../images/listing/bg_pagination.gif) no-repeat;
	}
	
#contenu #pagination p {
	width:350px;
	height:20px;
	margin:15px auto 0 auto;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	}
	
#contenu #pagination p a {
	text-decoration:none;
	}

/***************** FICHE PRODUIT *****************/

#global_fiche {
	float:left;
	background:url(../images/fiche_produit/bg_fiche_2.jpg) no-repeat;
	height:424px;
	}

#global_droite {
	width:320px;
	float:right;
	}
	
#global_droite #photo1 {
	width:220px;
	height:220px;
	text-align:center;
	margin:10px auto 0 auto;
	}
	
#global_droite #photo1 img , #global_droite .photo2 img , #global_droite .photo3 img {
	border:1px solid #CACACA;
	}
	
#global_droite .photo2 {
	width:65px;
	height:65px;
	float:left;
	text-align:center;
	margin:10px 0 0 50px !important; margin:5px 0 0 25px;
	}
	
#global_droite .photo3 {
	width:65px;
	height:65px;
	float:left;
	text-align:center;
	margin:10px 0 0 10px !important; margin:5px 0 0 10px;
	}
	
#global_gauche {
	width:320px;
	float:left;
	margin:0 0 25px 0;
	height:400px;
	}
	
#global_gauche .titre_fiche {
	width:300px;
	margin:10px auto 0 auto;
	text-align:center;
	color:#D32078;
	font-weight:bold;
	font-size:14px;
	}
	
#global_gauche .marque_fiche {
	width:300px;
	height:15px;
	margin:0 auto 0 auto;
	color:#000000;
	text-align:center;
	font-weight:bold;
	}
	
#global_gauche #descriptif_fiche {
	width:300px;
	height:150px;
	margin:5px auto 0 auto;
	border-top:1px solid #CACACA;
	border-bottom:1px solid #CACACA;
	overflow:auto;
	outline:none;
	}	
	
#contenu #global_gauche #descriptif_fiche p {
	color:#000000;
	width:280px;
	margin:3px auto 3px auto;
	}
	
#global_droite .contacter {
	width:140px;
	height:25px;
	float:left;
	margin:25px 0 0 8px !important; margin:10px 0 15px 5px;
	}
	
#global_droite .envoyer {
	width:140px;
	height:25px;
	float:left;
	margin:25px 0 0 19px !important;margin:10px 0 15px 17px;
	}
	
#contenu #global_gauche .commander {
	width:290px;
	margin:15px auto 0 auto !important; margin:0px auto 0 auto;
	font-weight:bold;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#D42D71;
	font-size:12px;
	}
	
#global_gauche .commander select {
	width:100px;
	height:17px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	line-height:5px;
	background:#CED704;
	border:1px solid #99A005;
	}
	
#contenu input.qte {
	width:86px;
	height:17px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	background:#CED704;
	border:1px solid #99A005;
	margin:0 3px 0 0 !important; margin:0 0 0 0;
	}
	
#contenu input.qte:focus , #contenu input.qte:hover , #global_gauche .commander select:hover , #global_gauche .commander select:focus	 {
	border:1px solid #D32078;
	}

#contenu p.prix_fiche_1 {
	width:100px;
	height:20px;
	float:right;
	margin:6px 15px 0px 0 !important; margin:4 5px 0 0;
	color:#D32078;
	font-size:13px;
	text-align:right;
	font-weight:bold;
	}
	
#contenu p.prix_fiche_2 {
	width:60px;
	height:20px;
	float:right;
	margin:4px 15px 0px 0 !important; margin:4 5px 0 0;
	color:#D32078;
	font-size:15px;
	text-align:right;
	font-weight:bold;
	}

/***************** PLAN DU SITE *****************/

#contenu ul.plan {
	width:350px;
	margin:20px auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#contenu li.plan2 {
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	margin:-5px 0 10px 30px !important; margin:10px 0 10px 30px;
	display:block;
	font-weight:bold;
	background:url(../images/plan_site/puce2.png) no-repeat top left;
	}
	
#contenu ul.plan a:visited , #contenu ul.plan a:link {
	text-decoration:none;
	}
		
#contenu ul.plan li {
	list-style-type:none;
	width:300px;
	padding-left:20px;
	margin:0 0 10px 0;
	background:url(../images/plan_site/puce1.png) no-repeat top left;
	}

/***************** LOCATION MATERIEL *****************/

img.location {
	float:right;
	}

/***************** STYLE FOOTER *****************/
#footer p{
font:11px Arial, Helvetica, sans-serif;
color:#BEC601;
text-align:right;
padding:35px 30px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#D3217F;
font-weight:bold;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#BEC601;
}

/***************** MENTIONS LEGALES *****************/

#droite_mentions {
width:300px;
float:right;
}

/***************** PAGE CONTACT *****************/

.bloc-contact {
	width:275px;
	float:left;
	margin:0px 0 15px 30px !important; margin:0px 0 15px 20px;
	font:normal 11px Arial;
	color:#FFFFFF;
}

.coords {
	width:275px;
	margin: 0 0 0 0;
	}

	
.horaires {
	width:275px;
	height:240px;
	margin:0px 0 0 0;
	background:url(../images/contact/bg_horaires.jpg) no-repeat;
	padding-top:10px !important padding-top:15px;
	float:left;
	}

#contenu .horaires p {
	width:220px;
	margin:13px auto 0 auto;
	color:#D6E005;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	text-align:center;
	}	
	
#contenu .horaires img.cartouche {
	width:217px;
	height:104px;
	margin:5px 0 0 28px;
	}


.bloc-contact .titre_contact {
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	width:240px;
	height:20px;
	margin:0;
	padding-left:35px;
	padding-top:3px;
	border-bottom:1px solid #FFFFFF;
	background:url(../images/contact/bg-titre.jpg) no-repeat left top;
	}

#bloc_droit {
	width:275px;
	margin:20px auto;
	}
	
.adresse {
	width:275px;
	display:block;
	font-family:Arial;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	}

#bloc-contact table {width:275px; float:left; color:#FFFFFF;}


input, textarea {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 10px 0 2px;
	border:1px solid #FFFFFF;
	background:none;
}

.bouton {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#D5D5D5;
	padding:0 10px 0 2px;
	border:1px solid #D32078;
	background:none;
}


input,  textarea{
	width:140px;
	margin:0;
}

input.etape{
	width:auto;
	margin:0;
}


input:hover , textarea:hover , input:focus , textarea:focus {
	border:1px solid #D32078;
	}

#contenu  label{
	width:100px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#FFFFFF;
	font:normal 11px Arial;
}

.radio{
	width:15px;
	border:none;
	background:none;
}

.check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#FC8230;
}


 .bouton{
	width:70px;
	cursor:pointer;
	color:#FFFFFF;
	font-family:Arial;
	background:#D32078;
	margin:0;
	padding:0;
	font-size:11px;
	border:1px solid #FFFFFF;
}
.bouton:hover {color:#D32078; background:#FFFFFF; font-weight:bold;}

 .nota {
	font:italic 10px Arial;
	color:#000000;
	text-align:right;
	line-height:12px;
	}
.champRequis{color:#D32078; font-size:9px;}