@import url(general.css);
@import url(navigation.css);
@import url(meio.aucomplete.css);
@import url(slimbox.css);

#content a { background-color: #fff; color: #671416; }
#content a:hover { background-color: #fff; color: #671416; }
#content h1, #content h2, #content h3, #content h4, #content p, #content ul li { background-color: #d2d3cf; color: #000; }

#content p { margin: 10px 0; text-align: justify; }
#content p.accueil { margin-top: 0; }
#content p.actualites { padding: 0; margin: 30px 0; }
#content p.actualites img { float: left; }

#content h2 {
	font: 12px Georgia, "Times New Roman", Times, serif;
	width: 100%;
	text-align: justify;
}
#content h1 {
	position: relative;
	font: 18px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	width: 100%;
	padding: 10px 0;
	background-color: #d2d3cf;
}
#content h1 img { position: absolute; top: 10px; right: 0; }

#content ul.commercant { width: 100%; }
#content ul.commercant li { list-style-type: none; margin: 15px 0; margin-bottom: 25px; }
#content ul.commercant li b { font: 14px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; }
#content ul.commercant li { text-align: justify; }
#content ul.commercant li a { background: none; color: #666; }

#content p.commercant_annuaire { text-align: right; }


#formPano .error { border: 1px solid #d3d3d3; background-color: #e75c5c; color: #fff;}

#formPano input, #formPano select { font-size: 11px; }
#formPano { position: relative; margin: 15px 0; margin-top: 30px; width: 600px; }
#formPano input, #formPano select { background-color: #f3f3f3; color: #000; border: 1px solid #000; padding: 4px;}
#formPano input:hover, #formPano input:focus, #formPano select:hover, #formPano select:focus, #formPano textarea:hover, #formPano textarea:focus { background-color: #7bc8f9; color: #000; }
#formPano input.t1 { width: 90%; }
#formPano input.l1 { width: 100%; }
#formPano input.l2 { width: 78%; }
#formPano input.sbt { background-color:#fff; color:#000; border:0; padding: 0;}
#formPano td.e1 { width: 100px; vertical-align: top;}
#formPano td.e2 { width: 100px; text-align: right; padding-right:10px;}
#formPano td.s { height: 30px; }
#formPano select { width: 75%; }
#formPano input.rd { margin-right: 8px;  margin-bottom: 8px;}
#formPano textarea { width: 92%; background-color: #f3f3f3; color: #000; border: 1px solid #000; padding: 4px; height: 150px; }
#formPano td.sbt { text-align: right; }
#formPano input.sbt { background-color: #c01e61; color: #fff; border: 1px solid #000; padding: 8px; font-size: 12px; margin-right: 30px;}


#popup {
	position:fixed; top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 10000;
	display: none;
}
#popup.show { display: block; }
#popup div.background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; color: #fff; opacity: 0.5; z-index: 10001; }
#popup div.message {
	background-color: #fff; color: #000;
	border: 5px solid #adc36c;
	position: relative; 
	width: 350px; height: auto;
	margin: 150px auto; padding-top: 30px;
	z-index: 10002;
}
#popup div.message p { padding: 5px; padding-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; color: #000; background-color: #fff;}
#popup div.message p span.rouge { background-color: #e75c5c; color: #fff; font-size: 11px; padding: 0 5px; }
#popup div.message p.link { padding: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bolder; font-size: 10px; text-transform: uppercase; text-align: center; cursor: pointer; color: #000;}
#popup div.message p.footer { margin:0; padding:3px 0; background: url(../images/formulaire-erreur-footer.png) top left no-repeat #fff; color: #000; }

#ficheCommercant .error { border: 1px solid #d3d3d3; background-color: #e75c5c; color: #fff;}


/* Page d'accueil : Actualités */
#content .actualite_une {
	position: relative;
	width: 600px; height: 100%;
	padding: 15px;
	background-color: #fff;
	border-top: 5px solid #f2f2f2;
	border-bottom: 5px solid #f2f2f2;
}
#content .actualite_une h1, #content .actualite_une h2 { background-color: #fff; padding: 0; margin: 0;}
#content .actualite_une h2 { margin-bottom: 20px; color: #555; font-size: 13px; line-height: 17px; }
#content .actualite_une h3 { font-size: 12px; background-color: #fff; color: blue; font-weight: normal; margin: 10px 0;}

#content .actualite_une p { clear: none; background-color: #fff; margin-top: 0;}
#content .actualite_une div.image { width: 270px; float: left; }
#content .actualite_une div.image img { border: 1px solid #ccc; padding: 3px; background-color: #eee; }
#content .actualite_une div.image p.note { background-color: #fff; color: #aaa; font-style:italic; font-size: 10px; }
#content .actualite_une div.contenu { width: 330px; float: right;}



#content .actualite_breve {
	position: relative;
	width: 630px; height: 100%;
	margin-top: 20px;
}

#content .actualite_breve div.breve {  
	float: left;
	width: 200px;
	margin-right: 10px;
}
#content .actualite_breve div.item1 { margin-left: 5px; }
#content .actualite_breve div.item2 { margin-left: 5px; margin-right: 0;  }
#content .actualite_breve div.breve img { border: 4px solid #fff; }
#content .actualite_breve h1 { font-size: 16px; }
#content .actualite_breve h3 { font-size: 11px; }
#content .actualite_breve a { background-color: #d2d3cf; }
#content .actualite_breve p.savoir_plus a { font-family: Georgia, "Times New Roman", Times, serif;  font-variant: small-caps; color: #666; font-size: 13px; }


#content .rubrique { float: left; margin: 15px 0;}
#content .rubrique img { border: 0; }
#content .t2c { margin-right: 40px; }