/***************** 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:40px;

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