@charset "utf-8";

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

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

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

h1 { font-size: 130%; color: #E7502B; background: url(/img/bouee.png) no-repeat; padding-left: 30px; padding-bottom: 5px}
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; }


.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; }

#conteneur { width: 950px; 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; margin: 0; padding-left: 10px}
#menu li { float: left; list-style-type: none; }
#menu a { color: #FFF; border-left: 3px solid #FFF; line-height: 52px; text-decoration: none; padding-left: 5px; margin-left: 16px; font-size: 120%; }
#menu a:hover { text-decoration: none; border-left: 3px solid #E7502B; color: #E7502B; }
#menu a.selected { color: #E7502B; border-left: 3px solid #E7502B;  }

#gauche {
	padding: 10px 20px;
	width: 664px;
	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: 230px;
	background: url(/img/fond_barre_droite.gif) #FFF repeat-y right; 
	text-align: center;
	padding-right: 15px; 
	font-weight: bold;
	padding-top: 10px;
	};


/* albums */
.albums { margin-top: 10px; }
.albums li { float: left; width: 165px; margin-left: 10px; margin-right: 30px; margin-top: 15px; text-align: center; list-style: none; }
.albums li a { text-decoration: none; color: #E7502B; font-size: 90%; font-weight: bold; }
.albums li a:hover { color: #7e4024 }

.photos { margin-top: 20px; }
.photos li { float: left; width: 160px; height: 100px; margin-right: 30px; margin-bottom: 45px; text-align: center; font-size: 70%; list-style: none; }

/* annonces */
.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; list-style-type: none; }
.rubrique:hover { cursor: pointer; border: 1px solid #E7502B; border-left: 6px solid #E7502B; }
.rubrique a,.rubrique a:hover  { text-decoration: none; color: #E7502B}

#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;}

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); -khtml-opacity: 0.3; opacity: 0.3; }
.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; }