/* corps */
body {	font-family: Arial, Tahoma, sans-serif; font-size: 85%; background: #FFF; margin-top: 0; }

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

/* éléments */
img { border: 0; }
img.droite { float: right; }
img.gauche { float: left; }
abbr { border-bottom: 1px dotted #000000; cursor: help; }
img.accueil { border: 1px solid #fff; }

/* liens */
a { text-decoration: underline; color: #900; font-weight: bold; }
a:hover { text-decoration: none; color: #824629; }

a.accueil { text-decoration: underline; color: #FFF; font-size: 100% }
a.accueil:hover { text-decoration: none; color: #824629; }

/* menu horizontal */
.menuhaut { font-size: 95%; text-align: center; font-weight: bold; line-height: 24px; background: url("/img/fond-menuhaut.png") repeat-x; cursor: pointer; }

/* menus de gauche */
/*.menugauche { width: 151px; height: 42px; background: #fadaa4 bottom repeat-x url("/img/ombre-menugauche.png"); padding: 3px 0px 3px 5px; color: #111; line-height: 18px; }*/
.menugauche { width: 156px; height: 45px; background: bottom repeat-x url("/img/ombre-menugauche.png"); }
.menugauche a { text-decoration: none; color: #111; font-weight: bold; font-size: 100%; color: #900; }
.menugauche a:hover { text-decoration: none;  }

.actugauche { width: 130px; background: #fff; margin-left: 8px; padding: 5px; }
.actugauche a { text-decoration: none; color: #000; font-weight: bold; font-size: 70%; }
.actugauche a:hover { text-decoration: none; color: #900; }

/* contenus */
.texte { font-size: 90%; color: #000; text-align: justify; text-transform: none; padding: 0 25px 15px 25px }
.bloctexte { font-size: 90%; color: #000; text-align: left; text-transform: none; padding: 0 25px 15px 20px; line-height: 18px; }
.salle { text-align: center; margin: auto; width: 100%; color: #900; margin-top: 10px; font-weight: bold}

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

/* styles d'écriture */
.titremarron { color: #900; font-size: 90%; font-weight: bold; }
.titreblanc { color: #FFF; font-size: 100%; font-weight: bold; text-align: center; }
.titreclair { color: #fadaa4; font-size: 100%; font-weight: bold; }

/* paragraphes */
h1 { font-size: 120%; height: 24px; font-weight: bold; color: #fff; background: url("/img/fond-titre.png") no-repeat; margin-top: 15px; padding-left: 25px; padding-top: 2px }
h2 { font-family: Arial, sans-serif; font-size: 100%; font-weight: bold; color: #900; border: 1px solid #900; margin-left: 20px; padding: 5px; margin-top: 20px; text-align: center; width: 92%; }
h3 { font-size: 120%; font-weight: bold; color: #900; text-align: center; font-family: Arial, Tahoma, sans-serif; letter-spacing: 1px; text-transform: uppercase}

/* bandeau adresse - liens bas - copyright*/
.mentions { text-align: left; padding-left: 32px; font-size: 70%; line-height: 36px}
.mentions a { text-decoration: none; color: #fadaa4; }
.mentions a:hover { text-decoration: none; color: #fff; }

#bas { font-family: Arial, sans-serif; font-size: 70%; color: #900; background: #FFF; padding-top: 5px; }
#bas a { text-decoration: none; color: #900; }
#bas a:hover { text-decoration: none; color: #824629; }

/* infos légales formulaires */
.legal { font-size: 70%; color: #777; }
.textelegal { font-size: 70%; color: #000; text-align: left; text-transform: none; padding: 0 25px 15px 25px }

/* couleurs */
.noir { color: #2a2a2a; }

/* boutons et forms */
input { font-family: Arial, Tahoma, sans-serif; }
.form { font-size: 90%; background : #FFF url("icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 90%; background : #FFF url("icones/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: #900; }

/* couleurs ligne entête backoffice */
#admin { font-family: Arial, Tahoma, sans-serif; font-size: 70%; background: #00004C; margin-top: 10px; }
#admin .form, .bouton { font-size: 100%; }
.colonneadmin { background-color: #fadaa4; height: 25px; }
td.admin { color: #333; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; font-family: Arial, sans-serif; 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: 14px; font-weight: bold; letter-spacing: 2px; color: #00004C; }