@charset "UTF-8";


img {
	border: 0;
}

h1 {
	font-size:14px;
	line-height:1em;
}

h3 {
	font-size:14px;
	line-height:1em;
}

.orange {
	color: #ffbf0c;
}

.bleu {
		color:#5ce2ff;
}

.rouge {
		color:#ff3000;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
    line-height: 0px;
}

.clearleft {
	clear:left;
	height:0;
	font-size: 1px;
    line-height: 0px;
}

.gras {
	font-weight:bold;
}

.italique {
	font-style:italic;
}

.titre1 {
	font-weight:bold;
	font-size:14px;
}
.titre2 {
	font-weight:bold;
	font-size:16px;
}
.titre3 {
	font-weight:bold;
	font-size:18px;
}



body, html {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000000;
	height:100%;
}

a {
	color:				#ffc332;
	text-decoration:	none;
}
a:hover {
	color:				#00a8ff;
}

div#container {
	position:				absolute;
	width:					100%;
	margin:					0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	padding:				0;
	background-color:		#fafafa;
	/*
	background-image: url('../fond_contenu.jpg');
	background-repeat: repeat-x;
	background-position: 0px 232px;
	*/
} 

div#header {
	background-image: url('../img/header-fond.jpg');
	background-position:top left;
	background-repeat: repeat-x;
	height: 232px;
	border-bottom: 3px solid #979797;
	/*-moz-box-shadow: 0px 3px 8px #a5a5a5;*/
}
div#header_haut {
	width: 990px;
	margin: 0 auto;
	position:relative;
	height:117px;
}

div#logo{
	padding-left:10px;
	float: left;
	margin-top:10px;
}


ul#menu_haut
{
	position:absolute;
	right:4px;
	top:10px;
	margin:0;
	padding-top:6px;
    list-style: none ; 
    text-align: right;
	height:	30px;
}

ul#menu_haut li
{
 	float:left;
	padding: 5px 0 0 0;
	height:	24px;
}

ul#menu_haut li a
{
	font-size: 10px;
	font-weight:bold;
 	padding: 1px 10px 1px 7px;
    color: #FFFFFF;
    text-align: center ; 
    text-decoration: none ;
}

/* ul#menu_haut .fin_menu a
{
	border-right:0;
	margin-left:5px;
} */

ul#menu_haut li a:hover, ul#menu_haut li a:focus, ul#menu_haut li a:active
{ 
    color:			#ffbf0c;
}
ul#menu_haut span {
	color:#909090;
}

ul#menu_haut img {
	border:0;
	vertical-align:middle;
}

#container_header_bas{
	/*background-image: url('../img/bandeau-marge.jpg');*/
	background-position: right;
	background-repeat: repeat-x;
	border-bottom: 3px solid #979797;
	height:115px;
}

#header_bas{
	width: 990px;
	margin: 0 auto;
	position:relative;
	/*background-image: url('../img/bandeau-fond.png');*/
	height:115px;
}

#header_bas p{
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	font-size: 12px;
	color:#E9E9E9;
}

#header_bas p#tel_menu {
	text-align: right;
	position: absolute;
	bottom: -15px;
	right: 6px;
	padding-bottom: 15px;
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 45px;
	/*
	background: url('../img/icone-tel.png') no-repeat;
	background-position: 0px 100px;
	*/
}
#header_bas p#tel_menu span.ville {
	font-size: 22px;
}

div#noel_flocons{
	position: absolute;
	bottom: 60px;
	right: 50px;
}

div#noel_boule1{
	position: absolute;
	bottom: 135px;
	right: 450px;
}
div#noel_boule2{
	position: absolute;
	bottom: 170px;
	right: 495px;
}
div#noel_boule3{
	position: absolute;
	bottom: 175px;
	right: 570px;
}
div#noel_boule4{
	position: absolute;
	bottom: 150px;
	right: 525px;
}

#header_bas p span {
	color:#FFF;
	font-weight:bold;
}



/*****************************************************
			BARRE DE NAVIGATION PRINCIPAL
******************************************************/
ul#menu_bas {
	position:			absolute;
	bottom:				0;
	height:				34px;
	margin:				0 0 0 10px;
	padding:			0;
    list-style: 		none ; 
    text-align: 		left; 
	background-repeat:  repeat-x;
	
}

ul#menu_bas li
{
 	float:left;
	padding: 0;
	background-image: url('../img/menu-fond.png');
	height:34px;
	color:white;
	/* margin-right: 1px; */
	
}

ul#menu_bas li div.menu_separateur {
	padding-top: 7px;
}

ul#menu_bas li a
{
	font-size: 12px;
	font-weight:bold;
 	padding: 10px 12px 9px 12px;
    color: #ffffff;   
    text-align: center; 
    text-decoration: none;
	display: block;
}


ul#menu_bas li a:hover, ul#menu_bas li a:focus, ul#menu_bas li a:active, ul#menu_bas li a.m_over { 
    /*background-color: 	#212121;*/
	background-image:	url('../img/menu-fond-on.png');
	border-bottom:		3px solid #ffc332;
}


ul#menu_bas span {
	color:#FFF;
}

li#coin_menu_gauche, li#coin_menu_gauche a:hover, li#coin_menu_gauche a.m_over {
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
}

li#coin_menu_droit,li#coin_menu_droit a:hover, li#coin_menu_droit a.m_over {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
}

/*****************	*****************	*********************/



div#container_corps {
	width:968px;
	margin:15px auto -5px auto;
	padding-bottom:50px;
	background-image: url('../img/page-fond.jpg');
	background-repeat: repeat-y;
	background-position: 100px 50px;

	/* background-color:blue; */
	
	line-height:16px;
	background-color: #FFF;
	
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	
	box-shadow: 0px 0px 6px #a5a5a5;
	-webkit-box-shadow: 0px 0px 6px #a5a5a5;
	-moz-box-shadow: 0px 0px 6px #a5a5a5;
	
}

#corps {
	margin: 0 260px 0 0; /* La marge droite de cet élément div crée la colonne qui s'étend sur le côté droit de la page - quel que soit le contenu de l'élément div barre_laterale, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #corps remplisse l'espace de l'élément #barre_laterale lorsque le contenu de ce dernier se termine. */
	padding: 8px 20px 0 15px;
	/* border-right: 1px solid #999; */
	color:#000;
	font-size:12px;
	/* background-color: green; */
} 



/*****************************************************
				PIED DE PAGE
******************************************************/
div#container_footer {
	/* width:100%;
	background-color:#ededed;
	background-image: url('../img/footer-fond.jpg');
	background-repeat: repeat-x;
	height:60px;
	clear:both;
	position: absolute;
	bottom:0;
	min-height:100px; */
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #ededed;
	/* background-image: url(../img/footer-fond.jpg);
	background-position: top left;
	background-repeat: repeat-x; */
	border-top:20px solid #e1e1e1;
}

div#footer {
	position: relative;
	width: 970px;
	margin: 0 auto;
	padding:15px 0px 0px 0px;
	/*border-top:20px solid #ffc332;*/
	background-color: #323232;
	/*
	background-image:url('../img/fond-footer.jpg');
	background-position:top left;
	background-repeat:repeat-x;
	*/
	/*
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	*/
	/*
	box-shadow: 0px 0px 4px #a5a5a5; 
	-webkit-box-shadow: 0px 0px 4px #a5a5a5;
	-moz-box-shadow: 0px 0px 4px #a5a5a5;
	-o-box-shadow: 0px 0px 4px #a5a5a5;
	*/
}

div#bande_orange {
	width: 970px;
	position:absolute;
	top:-20px;
	left:0;
	/*border-top:20px solid #ffc332;*/
	height:20px;
	background-color:#ffc332;
}

div#bulles_gauche {
	position:absolute;
	top:-170px;
	left:-78px;
	background-image:url('../img/bulles_gauche.png');
	background-repeat:no-repeat;
	width:78px;
	height:286px;
}
div#bulles_droite {
	position:absolute;
	top:-150px;
	right:-79px;
	background-image:url('../img/bulles_droite.png');
	background-repeat:no-repeat;
	width:78px;
	height:256px;
}

div#footer #colonne_foot1 {
	margin:				0;
	padding:			0 0 0 10px;
	font-size:			11px;
	color:				#c8c8c8;
	float:				left;
}

div#footer #colonne_foot1 span#pixis {
	color:				#FFFFFF;
	font-weight:		bold;
}

div#footer #colonne_foot1 span#net {
	color:				#ffbf0c;
	font-weight:		bold;
}

div#footer #liens_catalogue {
	font-size:			11px;
	color:				#c8c8c8;
	padding:			5px 5px 10px 5px;
	margin-top:			15px;
	min-height:			170px;
	background-color:	#434343;
	background-image:	url('../img/footer-fond-catalogue.jpg');
	background-position:top left;
	background-repeat:	repeat-x;
}

ul.liste_1 {
	margin:				0 0 5px 0;
	padding:			0;
    list-style:			none;
    text-align:			left;
}

ul.liste_1 li {
	display:			inline;
	padding:			5px;
	/*margin-bottom: 5px;*/
	width:				220px;
	background-color:red;
	
}
	
div#footer #colonne_foot2 {
	margin:				0 0 0 0;
	padding:			0;
	float:				right;
	font-size:			11px;
}

div#footer #colonne_foot2 a {
	font-size:			11px;
 	padding:			0 8px 0 8px;
    color:				#00a0c2;
    text-decoration: 	none;
}

div#footer #colonne_foot2 a:hover {
	color:				#ffbf0c;
}

ul#menu_pied
{
	margin:0;
	padding:0;
    list-style: none; 
}

ul#menu_pied li
{
 	float:left;
	padding:0;
	margin:0;
}

ul#menu_pied li a
{
	font-size: 10px;
 	padding: 0 8px 0 8px;
    color: #00a0c2;
    text-decoration: none ;
}

ul#menu_pied li a:hover
{
	color:#ffbf0c;
}


div#arone span {
	position: absolute;
	width: 130px;
	top: 50px;
	right: 120px;
	font-size: 12px;
	color: #00a0c2;
	display: none;
}

/*****************************************************
				BARRE LATERALE (SIDEBAR)
******************************************************/
#barre_laterale {
	float: right;
	width: 260px;
	/* border-left : 1px solid #999; */
}


div.bloc {
	margin:0;
	padding:2px 2px 7px 7px;
	border: 0px solid #eeff9c;
	font-size:12px;
}

div.bloc p {
	margin:0;
	padding:4px 5px 4px 0;
	font-size:12px;
}


div.container_bloc {
	margin:15px 10px 0 0;
	padding:3px;
	
	border-radius: 10px 0 10px 0;
	-moz-border-radius: 10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
}

div.container_bloc h2 {
	margin:0;
	padding:0 5px 0 0;
	text-align:right;
	font-size: 26px;
}

div.bloc1 {
	background-color: #ddff39; /* vert pomme */
}

div.bloc1  .lien_lire_suite{
	color: #a0c100;
	background-image: url(../img/fleche-cat1.png);
	
	transition: color .10s linear;
	-webkit-transition: color .10s linear;
	-moz-transition: color .10s linear;
	-o-transition: color .10s linear;
}

div.bloc1  .lien_lire_suite:hover{
	color: #FFF;
}

div.bloc1 h2 {
	color:#bce300;
}

div.bloc2 {
	background-color: #ebebeb; /* gris */
}

div.bloc2  .lien_lire_suite{
	color: #9f9f9f;
	background-image: url(../img/fleche-cat2.png);
	
	transition: color .10s linear;
	-webkit-transition: color .10s linear;
	-moz-transition: color .10s linear;
	-o-transition: color .10s linear;
}

div.bloc2  .lien_lire_suite:hover{
	color: #FFF;
}

div.bloc2 h2 {
	color:#d6d6d6;
}

div.bloc3 {
	background-color: #5ce2ff; /* bleu turquoise */
}

div.bloc3  .lien_lire_suite{
	color: #00a0c2;
	background-image: url(../img/fleche-cat3.png);
	
	transition: color .10s linear;
	-webkit-transition: color .10s linear;
	-moz-transition: color .10s linear;
	-o-transition: color .10s linear;
}

div.bloc3  .lien_lire_suite:hover{
	color: #FFF;
}

div.bloc3 h2 {
	color:#2fc5e5;
}

div.date_news {
	color:			#363636;
	font-size:		11px;
	padding-bottom:	0;
	margin-bottom: 0;
}
div.titre_news {
	color:			#2d3600;
	font-weight:	bold;
	font-size:		13px;
	padding-top:	0;
	margin-top:		0;
}

div.container_bloc a.lien_lire_suite {
	font-weight: bold;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration:none;
	background-position: center left;
	background-repeat: no-repeat;
}

div#img_sidebar {
	text-align: center;
	margin-bottom: 10px;
}

div#partenaires {
	margin-top:	10px;
	text-align: right;
	padding-right: 10px;
}
div#partenaires img{
	border:0;
}


/*****************************************************
			PROPRIETES COMMUNES PAGE
******************************************************/
div.container_page {
	/*width: 650px;*/
	margin:0 auto;
}

div#titre_page {
	margin:10px 0 0 0;
	font-size:18px;
	font-weight:bold;
}

div#intro {
	margin:30px 0px 25px 0px;
}

div.encart {
	padding: 10px;
	margin: 30px auto 0 auto;
	border : 1px solid #e9e9e9;
	background-color:#FFFFFF;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.encart_small {
	width:410px;
	padding: 10px;
	margin: 25px auto 0 auto;
	border : 1px solid #e9e9e9;
	background-color:#FFFFFF;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.encart_small img {
	margin: 5px 0 5px 20px;
	text-align: center;
}

div.encart_medium {
	width:490px;
	padding: 10px;
	margin: 60px auto 0 auto;
	border : 1px solid #e9e9e9;
	background-color:#FFFFFF;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

span.titre_encart {
	margin:0 0 10px 0;
	color: #ffbf0c;
	font-size: 13px;
	font-weight: bold;
	display:block;
	/*border-bottom: 1px dashed grey;
	padding-bottom:20px;*/
}


p.border_top {
	padding-top: 10px;
	border-top: 1px dashed grey;
}


/*****************************************************
				PAGE: CONTACT
******************************************************/
div#page_contact .interlocuteur {
	float:left;
	margin: 0 15px 0 15px;
}

form#contact {
	padding-left: 60px;
}

form#contact p {
	
}

form#contact input, textarea {
	border: 1px solid grey;
}

form#contact input:hover, textarea:hover {
	border: 1px solid #ffbf0c;
}

form#contact label {
	display:block;
	float:left;
	width: 100px;
	text-align: right;
	margin-right:5px;
}

.verif_ok {
	background: url(../img/accept.png) no-repeat top left;
	display: none;
	padding-left: 20px;
}

.verif_erreur {
	background: url(../img/delete.png) no-repeat top left;
	display: none;
	padding-left: 20px;
}



/*****************************************************
				PAGE: PLAN
******************************************************/
div#page_plan {

}


div#coordonnees {
	float:left;
	width:330px;
	margin-top:40px;
	text-align: center;
	font-size: 13px;
}

div#horaires {
	margin-left: 330px;
	padding: 10px;
	width:300px;
	height:100px;
	margin-top:40px;
	text-align: center;
	font-size: 13px;
	border : 1px solid #e9e9e9;
	vertical-align:middle;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

div#google_maps {
	width:580px;
	height:450px;
	margin:50px auto 0 auto;
	/*border: 1px solid grey;*/
	border-width:1px;
	border-style:solid;
	border-color:#7e7e7e;
}


/*****************************************************
					ACCUEIL
******************************************************/

div#partenaires_acc {
	padding:		12px 0px 12px 0px;
	text-align:		left;
}
div#partenaires_acc h3{
	margin:			0 0 0 0;
	padding:		0 0 3px 0;
	border-bottom:	9px solid #ebebeb;
}
div#partenaires_acc a {
	color:				#004554;
	text-decoration:	none;
	font-weight:		bold;
}
div#partenaires_acc a:hover {
	color:				#00a3c6;
	text-decoration:	none;
}
div.partenaire_acc {
	float:			left;
}
div#partenaires_acc img{
margin:10px;
}

div#slider {
	width:673px;
	height:238px;
	margin-top: 5px;
	overflow: hidden;
	background-color: #FFF;
}

div#slider h1 {
	font-size:16px;
	line-height:1em;
}

div.slide_div {
	width:673px;
	height:238px;
}

div.slide_div_img {
	float:left;
	width: 270px;
}

div.slide_div_txt {
	margin-left: 270px;
	font-size: 10px;
	line-height: 12px;
}

p.slide_div_titre {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.slide_div_macaron {
	width:110px;
	height:110px;
	position: absolute;
	bottom: 55px;
	right: 40px;
	background: url(../img/caroussel/macaron.png) no-repeat ;
	font-size: 30px;
	font-weight: bold;
	color:#FFF;
	text-align:center;
	line-height:26px;
	padding-top: 25px;
}

span.ancien_prix {
	font-size: 18px;
	text-decoration : line-through;
}

span.date_macaron {
	display:block;
	margin-top: 36px;
	font-size: 10px;
	color:#000;
	line-height:10px;
}

div#container_accueil {
	margin: 30px 0 0 0;
	padding: 10px;
	background-color: #ebebeb;
}


div#warp_acc1 {
	width: 260px;
	float:left;
}

div.warp_acc {
	padding: 12px 7px 12px 7px;
	position:relative;
}

div#warp_right {
	margin-left: 300px;
}

div.inner_acc {
	padding: 7px;
	background-color: #FFF;
	box-shadow: 3px 4px 0px #d4d4d4;
	-webkit-box-shadow: 3px 4px 0px #d4d4d4;
	-moz-box-shadow: 3px 4px 0px #d4d4d4;
}

div.warp_acc  p{
	font-size: 11px;
	padding: 0 5px;
}

div.warp_acc  h1 {
	margin: 0 5px 0 40px;
	padding: 0 0 5px 0;
	border-bottom: 9px solid #ebebeb;
}

div.warp_acc  h3{
	margin: 0 5px 0 40px;
	padding: 0 0 5px 0;
	border-bottom: 9px solid #ebebeb;
}

div.warp_acc  .icone_acc{
	position:absolute;
	top: 0;
	left: 0;
}

div.warp_acc .img_acc{
	margin: 5px 0 0 0;
}

div#partenaires {
	padding:		12px 0px 12px 0px;
	text-align:		left;
}
div#partenaires  h3{
	margin:			0 0 0 0;
	padding:		0 0 5px 0;
	border-bottom:	9px solid #ebebeb;
}
div.partenaire {
	float:			left;
}



/* CATALOGUE */

div.catalogue_cat{
	width:310px;
	margin: 0 10px 10px 0;
	padding: 5px ;
	position:relative;
	border : 1px solid #e9e9e9;
	background-color:#FFFFFF;
	min-height:120px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	float: left;
}

div.catalogue_inner {
	padding-top: 7px;
	background-color: #FFF;
}

div.catalogue_inner ul{
	padding-left: 30px;
	list-style-type: square;
}

div.catalogue_inner a {
	color:				#5B5B5B;
	text-decoration:	none;
	font-size:			11px;
	font-weight:		bold;
}
div.catalogue_inner a:hover {
	color:				orange;
	font-weight:		bold;
}

div.liste_cat {
	float:left;
	width: 155px;
}

div.catalogue_cat  p{
	font-size: 11px;
	padding: 0 5px;
}

div.catalogue_cat  h3{
	margin: 0 5px 0 47px;
	padding: 0 0 5px 0;
	border-bottom: 9px solid #ebebeb;
}

div.catalogue_cat .icone {
	position:absolute;
	top: 10px;
	left: 10px;
}

/*****************************************************
				EFFET POLAROID
	(http://www.zurb.com/playground/css3-polaroids)
******************************************************/
ul.polaroids {
	margin: 20px auto 0 auto;
	list-style: none;
}

ul.polaroids li {
	display: inline;
}

ul.polaroids a {
	display: inline;
	float: left;
	margin: 0 0 27px 30px;
	width: auto;
	padding: 7px 7px 10px 7px;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	background-color: #FFF;
	border: 1px solid #E9E9E9;
	
	box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	
	transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	
	transition: transform .15s linear;
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transition: -moz-transform .15s linear;
	-o-transition: -o-transform .15s linear;
	
}

ul.polaroids img {
	display: block;
	/*height: 90px;*/
	margin-bottom: 10px;
}

ul.polaroids a:after {
	content: attr(title);
}



ul.polaroids li:nth-child(2n) a {
	transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	position: relative;
	top: -5px;
}

ul.polaroids li:nth-child(3n) a {
	position: relative;
	right: 5px;
	top: 8px;
}

ul.polaroids li a:hover {
	transform: scale(1.10);
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
	
	box-shadow: 0 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
}

/* Style caroussel accueil*/
div#nav{
	text-align:			right;
	padding-right:		30px;
	margin-top:			3px;
	padding-top:		4px;
	background-image:	url('../img/ombre_caroussel.png');
	background-repeat:	repeat-x;
}
div#nav a {
	padding:			5px 10px 5px 10px;
	margin-right:		1px;
	background-color:	#cccccc;
	background-image:	url('../img/ombre_caroussel2.png');
	background-repeat:	repeat-x;
	font-weight:		bold;
	color:				#000000;
	text-decoration:	none;
}
div#nav a:hover {
	background-image:	url('../img/ombre_caroussel3.png');
	background-repeat:	repeat-x;
	background-color:	#ffc332;
	color:				#FFFFFF;
}
div#nav a.activeSlide {
	background-image:	url('../img/ombre_caroussel3.png');
	background-repeat:	repeat-x;
	background-color:	#ffc332;
	color:				#FFFFFF;
}
div#nav a:focus { outline: none; }