@charset "utf-8";

/* corps */
body { 
	font-family: Verdana, Arial, sans-serif; 
	color: #3E3E3E; 
	font-size: 75%;	
	background: #FFF url(img/pixel_fond.gif); }

/*div {border: 1px solid red; }  */

/* éléments */
img { border: 0; }
abbr {	border-bottom: 1px dotted #000000; cursor: help; }

#conteneur { width: 750px; margin: auto; }

#header { height: 170px;
	background: #FFF;
	padding-top: 10px;
	margin: auto;
	padding-left: 15px;
	}

/* menu horizontal */
#menu { background: #FFF url(/img/bas_moteur.jpg) no-repeat; height: 52px; padding-left: 50px; }
#menu a { color: #FFF; border-left: 3px solid #FFF; line-height: 52px; text-decoration: none; padding-left: 5px; margin-left: 16px;}
#menu a:hover { color: #FFF; text-decoration: none; border-left: 3px solid #E7502B; color: #E7502B}

#gauche {
	padding: 10px 20px;
	width: 564px;
	float: left;
	background: url(/img/fond_barre_gauche.gif) #FFF repeat-y left; 
	margin-top : 0px;
	border-right: 1px dotted #E7502B; min-height: 300px;
	}

#droite {
	float: right;
	width: 130px;
	background: url(/img/fond_barre_droite.gif) #FFF repeat-y right; 
	text-align: center;
	padding-right: 15px; 
	}

.rubrique { color: #E7502B; background: #FFF; margin: 12px; width: 200px; height: 40px; line-height: 40px; 
	text-align: left; padding-left: 10px; border: 1px solid #ddd; border-left: 6px solid #E7502B}
.rubrique:hover { cursor: pointer; border: 1px solid #E7502B; border-left: 6px solid #E7502B; }
a .rubrique { text-decoration: none; }

#annonce  { padding: 0 ; margin: 0; margin-left: 15px; }
#annonce blockquote { padding: 0 ; margin: 0; margin-left: 20px; text-align: left;}

#pied { clear: both; height: 55px; background: #FFFFFF url(img/fond_pied.gif); padding: 15px 20px 0 20px; font-size: 80%; }

.ligne { border-bottom: 1px solid #CCC; padding: 3px; margin-left: 50px; width: 450px; font-size: 90%; line-height: 22px }
.entete { width: 150px; color: #111; float: left;}

.liste { list-style-image: url(/img/puce.gif); line-height: 18px}

div.titre { font-size: 130%; color: #E7502B; text-transform: uppercase; text-align: center; margin: auto; width: 100%; font-weight: bold; }

#navigation { font-size: 88%; text-align: right; }

h1 { font-size: 130%; color: #E7502B; letter-spacing: 0.2em}
h2 { font-size: 110%; color: #121A3F; font-weight: bold; margin-top: 20px; margin-left: 15px; border-bottom: 1px solid #ccc; width: 50%}

a { color: #C24033; text-decoration: none; }
a:hover { color: #C24033; text-decoration: underline; }

td.cv { color: #121A3F; border-bottom: 1px dotted #ccc; line-height: 18px}
td.alim { color: #E7502B; text-align: center; width: 200px}
td.prix { color: #111; text-align: center; border-bottom: 1px dotted #ccc}

/* boutons et forms */
input { font-family: Verdana, Arial, Tahoma, sans-serif; }
.form { font-size: 100%; background : #FFF url(img/input_bg.png) left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 100%; background : #FFF url(img/input_bg.png) left top repeat-x; border: 1px solid #bbb; text-align: center; }
.form_petit { font-size: 90%; }
.bouton	{ color: #FFF; font-size: 90%; background-color: #121A3F; }

input, button, select { vertical-align: middle; }

/* backoffice */
#admin { font-family: Arial, Verdana, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin input { font-size: 95%; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 85%; background: #121A3F; }
span.disabled { color: #CCC; }
.colonneadmin,.colonneadmin a { background-color: #121A3F; color: #FFF; height: 25px; }
td.admin { color: #FFF; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3;filter:alpha(opacity=30); }
.fondrouge { background: #F9BD3B; color: #000; padding: 5px; }
.fondvert  { background: #7EC65F; color: #FFF; padding: 5px; }
.titre { font-size: 18px; font-weight: bold; letter-spacing: 2px; color: #333; }
.vert { color: #7EC65F; }
.rouge { color: #FF0000; }