#fancy_div {
	background:#fff !important;
	color:#3B3B3B !important;
	text-align:center !important;
}

*{
	margin:0;
	padding:0;
}

*:focus {
	outline:none;
}
a{
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.mots_importants {
	color:#03329a !important;
	font-weight:bold !important;
}

body {
	background:url(../gifs/images/Boulangerie-Caradeuc.jpg) #180c02 top center no-repeat;
	margin:0;
	padding:0;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;
}
.logo{
	text-align:center;
	width:985px;
	height:138px;
	margin:0 auto;
}
.container {
	position:relative;
	padding-top:205px;
	min-height:550px;
	_height:550px;
}
#planche-top{
	width:100%;
	height: 415px;
	position:absolute;
	bottom:0px;
	z-index:-1;
}
#content{
	width:985px;
	margin:0 auto;
	padding-bottom:50px;
	overflow:hidden;
}
.colonne_gauche{
	float:left;
	height:320px;
	margin: 35px 0;
	width:200px;
	padding-left:50px;
	font-size:12px;
}
.colonne_gauche p {
	color: #aca49b;
	margin-bottom:20px;
	line-height:1.5em;
}
.colonne_gauche p span{
	color: #FFF;
	font-weight:bold;
}

.colonne_centre{
	float:left;
	margin: 35px 0;
	width:700px;
	background:url(../gifs/images/Boulangerie-Caradeuc_10.jpg) repeat-y top left;
	min-height:250px;
	padding-left:35px;
	-height:auto;
}
#encarts{
	clear:both;
	height:185px;
	position:relative;
}
#ne-pas-rater{
	position:absolute;
	top: 45px;
	left: 170px;
	width: 395px;
	color:#FFF;
	line-height:17px;
	font-size:12px;
}
#ne-pas-rater ul{
	list-style:none;
}
#ne-pas-rater a{
	color:#FFF;
	font-size:12px;
}
#ne-pas-rater a:hover{
   color:#e77816 !important;
   text-decoration:none;
}
#ne-pas-rater p{
	margin: 10px 0;
}
#fidelite{
	position:absolute;
	top: 45px;
	right: 170px;
	width: 190px;
	color:#FFF;
	line-height:17px;
	font-size:12px;
}

.header {
	height:205px;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
}
#menu{
	height:40px;
	background: url(../gifs/images/Boulangerie-Caradeuc_06.jpg) repeat-x bottom;
	width:985px;
	margin:27px auto 0;
	position:relative;
}

#ss-menu{
	height:0;
	display:none;
	position: absolute;
	top:39px;
	left:0px;
	width:985px;
	background:#180c02;
	overflow:hidden;
	z-index:2;
}

.ss-produits{
	width: 328px;
	background:url(../gifs/images/Boulangerie-Caradeuc_10.jpg) repeat-y top right;
	float:left;
	margin-top: 25px;
	text-align:center;
	margin-bottom:10px;
}
.ss-produits .fade{
	color:#FFF !important;
	font-size: 15px !important;
	font-weight:bold !important;
	float:none !important;
	margin-top:0px;
	/*line-height:normal !important;*/
}
.ss-produits .fade:hover{
	text-decoration:none !important;
	color:#FFF !important;
}

#footer_container{
	height: 180px;
	background: url(../gifs/images/Boulangerie-Caradeuc_16.jpg) no-repeat center top;
	clear:both;
}
.footer{
	height: 155px;
	width: 815px;
	margin: 0 auto;
	color:#aca49b;
	line-height: 17px;
	padding-top: 25px;
	font-size:11px;
}
.footer ul{
	list-style:none;
}

.footer a{
	color:#aca49b;
}
.footer a:hover{
	color:#FFF !important;
	text-decoration:none;
}
.f01{
	float:left;
	background:url(../gifs/images/Boulangerie-Caradeuc_10.jpg) repeat-y top right;
	height: 111px;
	width:150px;
	padding-left: 15px;
}
.mots_importants{
	color:#e77816 !important;
	font-weight:bold !important;
}


.img_recette{
	float:left;
	margin: 0 10px 0 0;
}
#form-content{
	float:left;
	background: url(../gifs/images/Boulangerie-Caradeuc_10.jpg) repeat-y top right;
	width: 390px;
	margin-right: 30px;
	display:inline;
}
#col-droite{
	float:left;
	width:280px;	
}
.recette{
	float:left;
	margin: 0 25px 5px 0;
	background:transparent !important;
}
/**********************************************************BDD AUTO **************************************/
.pagination	{
	height:15px;
	margin:10px auto;
}

.numpage {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	font-size:11px;
	float:left;
	color:#fefefe!important;
	text-decoration:none !important;
	font-weight:900;
	margin:2px;
	background:url(../gifs/pagination_link.jpg) no-repeat;
}

.numpage_selec {
	height:15px;
	width:15px;
	font-size:11px;
	margin:2px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	color:#fefefe!important;
	text-decoration:none !important;
	font-weight:900;
	background:url(../gifs/pagination_hover.jpg) no-repeat
}

.bt_suivant	{
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(../gifs/suivant.jpg) no-repeat;
	margin:2px;
}

.bt_suivant_inactiv	{
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(../gifs/suivant_inactiv.jpg) no-repeat;
	margin:2px;
}

.bt_precedent {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(../gifs/precedent.jpg) no-repeat;
	margin:2px;
}

.bt_precedent_inactiv {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(../gifs/precedent_inactiv.jpg) no-repeat;
	margin:2px;
}

/**************************************************************** NAV ******************************************/

ul.MenuHorizontal {
   width: 926px;
   list-style: none;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   float: left;
   width:auto;
}

ul.MenuHorizontal li a {
   display: block;
   color: #aca49b;         /*Ici, changer la couleur de la police*/
   font-family: Tahoma, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 17px;         /*Ici, changer la taille de la police du menu*/
   font-weight: normal;
   height: 40px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
   padding: 0 27px;
   line-height:40px;
   float:left;
}

li a:hover, .selected-over a {
   color:#e77816 !important;
   text-decoration:none;
}

/******************************************************************** Lien ******************************************************************/
.suite{
	float:right;
	line-height:15px;
}
.suite a{
	color:#FFF;
}
.suite a:hover{
	color:#e77816;
	text-decoration:none;
}
.suite img{
	margin: 0 5px 0 0;
}
.page{
	position:relative;
}
.page p {
	color: #aca49b;
	text-align:justify;
	line-height:1.5em;
	margin-bottom:10px;
}
.page p strong{
	color: #FFF;
}
.page h1 {
	color:#FFF !important;
	font-size: 24px !important;
	font-family: Century Gothic, Arial, Helvetica, sans-serif !important;
	margin-bottom: 15px;
}
.page h1 span {
	font-weight:normal;
	font-size:21px;
	color:#e77816;
}
.page h2 {
	font-weight:normal;
	font-size:15px;
	color:#e77816;
	margin: 15px 0 5px 0 ;
}
.page a {
	color:#aca49b;
}
.page a:hover{-decoration:none;
	color:#e77816;
}


.page ul {
	margin:0 0 10px 50px;
	padding:0;
	list-style: url(../gifs/lien.gif) outside;
}

.page ul li {
	line-height:1.5em;
	text-align:left;
   color: #aca49b !important;
}

/************** fin mise en page *************/

/************** LOUPE *************/

#loupe {
	position: absolute;
	top: 25px;
	right: 0;
	z-index: 1;
	font-size:11px;
	color:#aca49b;
}

#loupe p {
	text-align:right !important;
	color:#aca49b;
}

#loupe a {
	color:#aca49b;
	text-align:center;
	text-decoration:none;
}

#loupe a:hover {
	text-decoration:none;
	color:#FFF;
}

zoom {
	font-size:120%;
}

/************** FIN LOUPE *************/

/***********************************************************CONTACT FORMULAIRE*********************************/

.input_form {
	background-color: #2e1908;
	border:1px solid #aca49b;
	font-family: Arial;
	color: #FFF;
	margin-top: 5px;
	font-size:12px;
	width: 350px;
}

.area_form {
	background-color: #2e1908;
	border: 1px solid #aca49b;
	font-family: Arial;
	color: #FFF;
	margin-top: 5px;
	height:100px;
	font-size:12px;
	width: 350px;
	overflow: auto;
}
.bouton_form {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	font-weight:bold;
	clear:both;
	margin:20px 0 0 110px;
	background-color: #e77816;
}
#formulaire_1 {
	width: 355px;
}

#formulaire_1 .submit {
	margin-left:0 !important;
	margin-top:0 !important;
}

.bouton_form:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.optional {
	width:175px !important;
	text-align:left !important;
}

.required {
	width:175px !important;
	text-align:left !important;
}

.divGenerateurRequired {
	display:none;
}
.erreur{
	margin-bottom:5px !important;
}
#formulaire_1 p {
	margin-bottom:5px !important;
	padding:0 !important;
}
.valide{
	background: #e77816 !important;
}
.valide p{
	color:#FFF !important;
}
.validation{
	display:none;
}

/**********FIN CONTACT*************/


/************* NEWSLETTER *****************/

#newsletter_iframe {
	background:#fff !important;
	height: 400px !important;
}

#newsletter_iframe h1 {
	color:#e77816 !important;
	font-size: 17px !important;
	font-family: Century Gothic, Arial, Helvetica, sans-serif !important;
}

#newsletter_iframe p {
	color:#000 !important;
	line-height: 17px !important;
}

#newsletter_iframe a {
	color:#000 !important;
	text-decoration:underline !important;
}

#newsletter_iframe a:hover {
	text-decoration:none !important;
	color:#e77816 !important;
}

#newsletter_iframe #submit_newsletter, #newsletter_iframe #input_newsletter {
	float:left !important;
}
/******************* GALERIE*******************/

.galleria{list-style:none;width:700px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em; text-align:center; width:565px;}
* html .galleria li div span{width:400px} /* MSIE bug */
.galleria_thumb_container {
	height: 20px;
	width: 20px;
}


.caption{
width:565px;
text-align:left;
display:block;
font-style:italic;
color:#887;

}
	.demo{
	position:relative;
	margin-top:2em;
	padding-top: 15px;
}
	.gallery_demo{width:700px;overflow:hidden; margin:0 0 10px 0 !important;}
	.gallery_demo li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{
	height:525px;
	width:700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
	#main_image img{margin-bottom:10px;/*width:565px;height:300px;*/}


.nav {
	width:700px;
	text-align:center !important;
	height:30px;
	line-height:30px;
	margin-top: 5px;
	color:#aca49b;
}

.nav a{
font-family:Helvetica, Verdana, Arial;
text-decoration:none;
color:#aca49b;
}

.img_detail{
	margin:5px 10px 10px 0;
	border:none;
	float:left;
}

#h1top {
	position: relative; 
	margin-right: auto; 
	margin-left: auto;
}
#h1toptop {
	bottom:0;
	height:10px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	width:100%;
	color:#ACA49B;
	text-align:center;
	margin-bottom:10px;
	font-size:11px;
}
#h1toptop a{
	color:#ACA49B;
}
.linkstyle{
	font-size:12px;
}

#photos h2 {
	font-weight:normal;
	font-size:15px;
	color:#fff;
	margin: 15px 0 5px 0 ;
}