html, body, div, span, applet, object, iframe, img,
h1, h2,  h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b,  i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead,  th {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
		color:#fff;
        font-size: 14px;
		font-weight:normal;
        font-family:“Century Gothic”, Verdana, Arial, Helvetica, sans-serif; 
		font-style:normal;
		text-align:left;	
}

.logo {margin-left:31px}
@font-face {
	font-family: 'ArialRoundedMTBoldRegular';
	src: url('ttf/arlrdbd-webfont.eot');
	src: local('?'), url('ttf/arlrdbd-webfont.woff') format('woff'), url('ttf/arlrdbd-webfont.ttf') format('truetype'), url('ttf/arlrdbd-webfont.svg#webfontFNoRewrD') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {background:url(art/fond.jpg) 0 0 repeat;}

div.headerbg {position:fixed; background:url(art/bordure-haut.png) 0 0 repeat-x; width:100%; height:38px}
div.headerblank {width:1000px; height:38px; float:none; margin:0 auto}
/*div#header {background:url(art/bordure-haut1000.png) 0 0 no-repeat; width:1000px; height:38px; margin:0; padding:0;}*/





#content p {margin-bottom:10px; /* font-family: 'ArialRoundedMTBoldRegular', sans-serif; */}
a {text-decoration:none; font-weight:bold; color:#efdf04; cursor:url(img/cursor.cur); }
p a:hover {text-decoration:underline;}
#content table p.droit {text-align:right;}
#content table img {margin:0 5px}

#content img.photo {margin:0 20px}

h1, h2, h4 {font-family: 'ArialRoundedMTBoldRegular', sans-serif;}

h1 {text-align:left; text-shadow: 2px 2px 2px #565475;filter: dropshadow(color=#565475, offx=1, offy=1);}
h2 {text-align:center; text-shadow: 1px 1px 2px #565475;filter: dropshadow(color=#565475, offx=1, offy=1); }
h2.index {text-align:left; margin-bottom:20px}
h3 {font-weight:bold; margin-top:15px; font-size:15px;}


h1, .h1-like {
	font-size: 2.8571em; /* equiv 26px */
	font-weight: normal;
	line-height: 1.1667em;
	margin: 0 0 0 0;
}
h2, .h2-like {
	font-size: 1.2857em; /* equiv 18px */
	font-weight: normal;
	line-height: 1.75em;
	margin: 0 0 0.1667em 0;
}
h3, .h3-like {
	font-size: 1.5714em; /* equiv 22px */
	font-weight: normal;
	line-height: 1.909em;
	margin: .0 0 0 0;
}
h4, .h4-like {
	font-size: 1.4286em; /* equiv 20px */
	font-weight: normal;
	line-height: 1.05em;
	margin:  1em 0 0 0;
}
h5, .h5-like {
	font-size: 1.2857em; /* equiv 18px */
	font-weight: normal;
	line-height: 1.1667em;
	margin:  1.1667em 0 0 0;
}
h6, .h6-like {
	font-size: 1.1429em; /* equiv 16px */
	font-weight: normal;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
}


.accueil-g {float:left; width:380px; margin-right:30px}
.accueil-d {float:left; width:250px}
.accueil-g p, .accueil-d p {text-align:left}

#cont-text p {text-align:center; font-weight:normal}
span.tel, span.tel a {font-size:30px; font-weight:normal}

span.tarif { color:#ffd0bb; font-weight:bold;}

#packs a {text-align:center}

/* **** LISTES **** */
ul.yellow, ul.red { margin: 0; padding:0 10px 0 34px; }
ul.yellow {margin:0 0 0 1em; list-style-image: url(art/etoile-jaune.png); line-height:20px}
ul.yellow li {text-align:left}
ul.red li {margin:0 0 0 2em; list-style-image: url(art/etoile-rose.png); font-size:12px; text-align:left}
/* table.fraisdepl {width:30%; float:left;} */
table.milieu {width:35%; }
table.fraisdepl td  {padding-left:5px; color:#fff}
table.webcreations {width:100%} 
table.webcreations td {vertical-align:top}
table.webcreations td.thumbs {width:102px; margin:0; padding:0}
p.droit {text-align:right;}
/* **** fin LISTES **** */

/* **** MENU **** */
#menu1024 {position:fixed; }
#menu1024 li, #menu768 li {list-style:none;}
p.horaires {font-weight:normal; color:#fff; text-align:center; margin:12px 0;font-family: 'ArialRoundedMTBoldRegular', sans-serif; font-size:16px; letter-spacing:1px}
#menu768 p {line-height:1em}
#menu768 a  {font-family: 'ArialRoundedMTBoldRegular'; font-variant:small-caps; line-height:10px; font-size: 1.4em; line-height:1.5em;  color:#7ba4be; text-decoration:none; letter-spacing:1px; margin:0 5px}
#menu768 a:hover   {text-decoration:underline; color:#5185a6}
#menu768 img {vertical-align: baseline;}
/* **************** */

div#pied { background:url(art/pied-fond.png) 50% 0 no-repeat;}
#pied p {line-height:1.2em}

#pied  #pied-gauche a:hover,  #pied #pied-droit a:hover,  #pied768 a:hover  {text-decoration:underline; color:#5185a6}
#pied #pied-gauche {float:left;}
#pied #pied-droit {float:right;}
 
#pied #pied-gauche a, #pied #pied-droit a, #pied768 a  {font-variant:small-caps; line-height:12px; font-size:12px; font-weight:bold; color:#7ba4be; margin-left:4px; text-decoration:none; letter-spacing:1px}
#pied #pied-droit p {line-height:14px; text-align:right }


#pied768 {background:url(art/pied-fond768.jpg) 0 0 repeat;}
#pied768 p {text-align:center; }
#pied768 a {margin:0 5px; font-size: 1.1em;}

/* *************        MOBILE      *********** */
@media screen and (min-width: 769px) {
/* 	.mod,
	.item,
	.col,
	fieldset {
		display: block !important;
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;
	} */
	.normal-hidden {display:none !important;}
	ul {margin:0}
}

@media screen and (max-width: 850px) {
	h1 {font-size: 2.4em;}
	h3 {font-size: 1.4em;}
}

@media screen and (max-width: 768px) {
	h1, h2.index, h3 {text-align:center;}
}

@media screen and (max-width: 640px) {
	h1 {font-size :2em; text-align:center;}
	h2 {text-align:center;}
	h2.index {text-align:center; font-size: 1em;}
	h3 {font-size: 1.4em; text-align:center;}
	.col {display:table-cell}
	#menu768 a {font-size: 1.2em;}

}