@charset "utf-8";

/* corps */
body { 
	font-family: Arial, sans-serif; 
	color: #3E3E3E; 
	font-size: 90%;	
	background: #3C240A; }

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

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

#conteneur { width: 950px; margin: auto; border: 2px solid #ddd0c1; background: #FFF; }

#header { height: 164px; background: #FFF; margin: auto; }

#menuhaut .bouton { background: url(/img/fond_menu_bleu.png) no-repeat; height: 38px; display: block; float: left; width: 125px; margin-left: 6px; }
#menuhaut #top.bouton { background: url(/img/fond_menu-top.gif) no-repeat; height: 38px; display: block; float: left; width: 125px; margin-left: 8px; }
#menuhaut .bouton:hover, #menuhaut .bouton:visited { background: url(/img/fond_menu_marron.png) no-repeat; }
#menuhaut #selected { background: url(/img/fond_menu_marron.png) no-repeat; }
#menuhaut .txtbouton { display: block; padding-right: 10px; font-weight: bold; padding-top: 10px; text-align: center; padding-left: 10px; }
#menuhaut a { font-size: 110%; color: #FFF; text-decoration: none; }

#menugauche ul { list-style: none; margin: 0; padding: 0; padding-top: 10px; }
#menugauche li { padding-top: 2px; font-weight: bold; font-size: 105%; }
#menugauche a { display: block; color: #707173; text-decoration: none; padding-left: 8px; line-height: 21px}
#menugauche a:hover { background: url(/img/rollover_gauche.png) no-repeat; color: #FFF; }
#menugauche #gaucheselected { background: url(/img/rollover_gauche.png) no-repeat; color: #FFF; }

#navigation { font-size: 70%; text-align: right; }
#contenu { background: #efedea; margin: 5px; padding: 6px; text-align: justify; overflow: auto; zoom: 1; /*bug hasLayout IE */}

/* boite déroulante news */
#blocDeroulant { background: url(/img/droite-actu.png) no-repeat; overflow: hidden; position: relative; padding-left: 65px; width: 222px; height: 144px;}
#blocDeroulant a:hover { color: #785836; }
#Scroll { position: relative; top: 0; left: 0; padding-right: 75px; }


.rubrique { display: block; color: #FFF; background: #265389; margin: 12px; width: 120px; height: 90px; line-height: 90px; 
	text-align: center; float: left; border: 1px solid #ccc; }
.rubrique:hover { color: #265389; background: #FFF; cursor: pointer;}
.rubrique { text-decoration: none;  }
a .rubrique { text-decoration: none;  }

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

#pied { clear: both; color: #fff; font-size: 70%; width: 950px; text-align: center; margin: auto; line-height: 18px }
#pied a { color: #fff; text-decoration: none;}

/* mentions page */
.mentionsgen { color: #FFF; font-size: 70%; font-weight: bold; padding-top: 3px; padding-right: 10px; }
.mentionsgen a { color: #FFF; }
.mentionsgen a:hover { color: #c8d7e4; }

.ligne { border-bottom: 1px solid #CCC; padding: 3px; margin-left: 20px; line-height: 22px }
.entete { width: 100px; color: #111; float: left;}

h1 { font-size: 130%; color: #1d73a8; margin: 2px 0}
h2 { font-size: 120%; color: #785836;  }
h3 { font-size: 110%; color: #8a7c6c; }

a { color: #1D73A8; text-decoration: none; }
a:hover { color: #785836; text-decoration: underline; }


/* boutons et forms */
input { font-family: Arial, 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: #8a7c6c; }

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

/* backoffice */
#admin { font-family: Arial, Verdana, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 85%; background: #1d73a8; }
span.disabled { color: #CCC; }
.colonneadmin,.colonneadmin a { background-color: #1d73a8; 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; }