@charset "utf-8";
/* CSS Document */
/* h1 24 | h2 16 | h3 15 | h4 16 non bold | p 14*/
/*color : red #A1131F
*/
* {
	margin:0;
	padding:0;
/*	position: relative;*/
}
body {
/*font-family: Droid Sans,Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;*/
font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size:14px;
margin:0;
padding:0 1px 0 1px;
/*color:#460000;*/
overflow:scroll
}
/*iphone*/
@media only screen and (max-width:582px) {
	#fond_page div.headerd a span.titre_logo {font-size:24px}
	#fond_page div.headerd a span.sous_titre_logo {font-size:18px}
	#fond_page div.headerd {height:6em}
	html body div#fond_page div.headerd div.rond {display:none}
	#fond_page h1.titre1d {font-size:16px}
	#fond_page div#bloc_d div.contenu_bloc_d h2 {font-size:14px}
	#fond_page div#bloc_d div.coordonnees span._h4, #fond_page div#bloc_g span._h4, #fond_page div.bloc_g3 h4, #fond_page div.bloc_m3 h4, #fond_page div.bloc_d3 h4, html body #fond_page div.bloc_g2 h4.heightauto, #fond_page div.bloc_g2 h4, #fond_page div.bloc_d2 h4 {font-size:12px}
	#fond_page #bloc_d div.coordonnees {width: 99%}
	#fond_page #bloc_d div#creperie_ext {width: 99%; float:left; margin-top:2%}
	#fond_page div.contentd div.decal div h4 span {font-size:10px}
	html body div#fond_page div.contentd div.decal div.bloc_g2 h4 {height:auto}
	#fond_page #bloc_d, #fond_page #bloc_h1 {margin-top:0}
	#fond_page div#bloc_h1 {width: 98%}
	#fond_page div#menuhorizontal ul li.first {margin-right:4%; margin-left:3%}
	#fond_page div#menuhorizontal ul li {width:42%}
	#fond_page div#fg_jaune {height:auto;line-height:1.5em; margin-bottom:4%; padding-left:2%}
	#fond_page div.bloc_g3 div.contenu_bloc_g, #fond_page div.bloc_g3 div.contenu_bloc_g, #fond_page div.bloc_m3 div.contenu_bloc_g, #fond_page div.bloc_d3 div.contenu_bloc_g, #fond_page .bloc_g2 div.contenu_bloc_g, #fond_page .bloc_d2 div.contenu_bloc_g {height: auto}
	#fond_page div.footerd {font-size:8px}
	body {font-size:11px}
}
@media only screen and (max-width:630px) and (min-width:583px) {
	#fond_page div#fg_jaune {height:auto; line-height:1.5em; margin-bottom:4%; padding-left:2%}
	#fond_page div.headerd div.rond {left: 58.6%;top: -37.1%}
	#fond_page div.contentd div.decal #bloc_h1, #fond_page div.contentd div.decal div#bloc_d {margin-top: -70px}
}
@media only screen and (max-width:930px) and (min-width:631px) {
	#fond_page div.headerd div.rond {left: 56.6%;top: -37.1%}
	#fond_page div.contentd div.decal div#bloc_d, #fond_page div.contentd div.decal #bloc_h1 {margin-top: -74px}
}
@media only screen and (min-width:931px) {
html body div#fond_page div.contentd div.decal div#bloc_d div.coordonnees div.ss_bloc {height:280px}
}
h1 {
    color: #a1131f/*#53bdbd#1f7a7a*/;
    font-size: 24px;
/*    margin:0.833em 0 0.417em 0;*/
    padding:0;
    line-height:1.2em;
}
h1,h2,h3,span.span_h1, span._h3 {
    /*font-family: Droid Serif,Georgia,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;*/
    font-family: Georgia,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}
h4, span._h4 { 
	font-size :14px;
    padding:2px 0 2px 0;
	text-align:center;
	border-bottom: 1px solid white;
	color: #444;
	width:99.4%;
	margin-bottom:1px;
/*background-color: #c4dd89;*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 1px 1px 9px #aaaaaa;
  border: solid #ddd 1px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#a5d213), to(#dff0b9));
  background: -moz-linear-gradient(top, #a5d213, #dff0b9);
  background: linear-gradient(#a5d213, #dff0b9);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#a5d213, endColorStr=#dff0b9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#a5d213, endColorStr=#dff0b9);
  display:inline-block; /* IE is so silly */
}
#fond_page div.contentd div.decal div#bloc_d div.coordonnees span._h4 {width:99.12%}
#fond_page div.contentd div.decal div.bloc_d3 h4 {width:99.3%}
span._h3 {
display:block;
font-weight: bold;
font-size:16px;
margin:2px auto 6px 0;
color: #A1131F;
}
.strong {font-weight:bold}
.reduc {font-size:smaller}
.lien {
	color:#BF4F4F;
	text-decoration:none ;
}
.lien:hover {text-decoration:underline}
a.ancre {margin-top:9px}
/*dd*/
div#fond_page {
margin: 0 auto;
height:auto; 
max-width:901px;
position:relative;
}

.headerd {
    height: 168px;
    margin-left: 0;
	margin-top:6px;
    padding-left: 0;
    position: relative;
    width: 100%;
/*	background-color:#a1131f;*/
	color:#a1131f
	}
.headerd a, .headerd a:visited, .headerd a:hover {text-decoration:none; color:#a1131f}
.titre_logo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 60px;
	letter-spacing:+0.021em;
	display:block;
	margin-top:12px
	}
.sous_titre_logo {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    padding:0;
    line-height:1.2em;
    margin:4px auto 12px 0;
	display:block;
	position:relative; left:2px
}
.rond { display:block; position:absolute; top:-37.1%; left:41.6%; z-index:0}
div#fond_page div.headerd a.logo_transparent {display:block; width:100%; position:absolute; text-align:center; text-decoration:none}

.contentd {min-height:140px; width:100%; margin-top:2%}

.decal {    
	float:left;
    margin-top:0;
    width: 528px; }
.footerd {
border : 1px solid #ccc;
width:100%; color:#333;font-size:11px; margin:36px auto 12px auto; 
background-color: #c4dd89
}
div.footerd div#content_footer {margin:3px auto 3px auto; text-align:center}
.tel {font-weight:bold}
div.contentd h2, h2 {
    color: #444;
    font-size:16px;
	line-height:1.28;
	margin: 0.556em 0 0.278em 0;
}
div.content p, p {
    line-height:1.43em;
    margin:3px auto 3px 2px;
    text-align:justify;
}
#gla_sorb.contenu_bloc_g p {margin-top:-1px}
div.contentd  a ul,
.menu:hover {
	font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration: underline;
	FONT-WEIGHT: bold
}

.menu_bas {
	font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:gray;
	text-decoration: none;
}

.menu_bas:hover {
	font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5A9B06;
	text-decoration: underline
}
.spacer {
	visibility:hidden;
	clear:both
}
img {border:0}
.survol:hover {
background:url(../images/fond_bloc-formule1.png) repeat-x left top;
}
div.contentd div.decal ul {
margin:0;
/*list-style-image:url(../images/puce-disque-verte.png);*/
list-style-position: inside;
}
div#bloc_g {width:37%}
div#bloc_d, div#bloc_h1 {width:60%}
div.contenu_bloc_g,.bloc_g3, .bloc_m3, .bloc_d3, div.contenu_bloc_g_maps, div.ss_bloc  {border:1px solid #ddd;box-shadow:0px 3px 0 #f9f9f9; text-align:center; /*font-style:italic;*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
 color:#a1131f}
#bloc_g div.contenu_bloc_g {text-align:center}
div.contenu_bloc_g_maps {font-size:12px; padding:1px; overflow: hidden}
div#bloc_g {float:left;margin-right:3%}
div#bloc_d {float:right}
div.ss_bloc  {float:left; width:99.12%}
#fg_jaune {background-color: #F8EDCD;color: #A1131F;line-height: 1.6em;margin-bottom: 24px;padding: 2%}
div.contenu_bloc_g a, div.table div.bloc_d3 p a {color:#a1131f}
div.table div.bloc_d3 p a:hover, span._h3 a:hover, #fg_jaune a:hover, div.contenu_bloc_g_maps a:hover  {
color:#444;
-webkit-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
-ms-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;}
div.table div.bloc_d3 p a, span._h3 a, #fg_jaune a, div.contenu_bloc_g_maps a {
color:#a1131f;
-webkit-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
-ms-transition: color 0.5s ease-in-out;
-o-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;
}
 
div#bloc_d .coordonnees {width:42%;margin-right:2%;float:left}
#creperie_ext {float:right;width:55%}
#bloc_h1, div#bloc_d {margin-top: -78px}
#bloc_h1 {float:right; margin-bottom: 16px}
.bloc_g2, .bloc_d2 {float:left}
h4 span {font-weight:normal}
div.contenu_bloc_g, .bloc_g2 div.contenu_bloc_g, .bloc_d2 div.contenu_bloc_g, .bloc_g3, .bloc_m3, .bloc_d3 {font-size:12px;text-align:left;padding:9px 4px}
#bloc_g3_t.bloc_g3, #bloc_m3_t.bloc_m3, #bloc_d3_t.bloc_d3 {border:none}
#bloc_g3_t, #bloc_m3_t, #bloc_d3_t {padding:0}

.bloc_g2, .bloc_d2 {width:49%}
.bloc_g2 { margin-right:2%}
#fond_page div.contentd div.decal div.bloc_d2 h4, #fond_page div.contentd div.decal div.bloc_g2 h4 {height:2.6em}
div.bloc_g2 div#sal_comp, #fond_page div.contentd div.decal div.bloc_g2 h4.heightauto {height:auto}
#gla_sorb, div#cart_cid {height:96px}
#creperie_photos.bloc_d2 {margin-top:-80px}
div.table {display:table;width:100%}
.bloc_g3, .bloc_m3 {width:36%}
.bloc_d3 {width:24%}
.bloc_g3, .bloc_m3, .bloc_d3, .tbl_marg_right {display:table-cell}
div.table div.tbl_marg_right {width:1%}
div.bloc_g3 ul li:first-child, div.bloc_m3 ul li:first-child, div.table div.bloc_d3 em {margin-bottom:6px}
div.table div.bloc_d3 em {display:inline-block}