@charset "utf-8";

html { font-size: 100%; /* Évite un bug d'IE 6-7 */ }


/* corps */
body { font-family: Arial, Verdana, sans-serif; color: #707173; background: #A1A372; margin: 5px auto; height: 100%; font-size: 0.9em}

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

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

a { color: #003A77; }
a:hover { text-decoration: none; }
h1 { font-style: italic; color: #003a77; margin: 20px 0 10px 0; font-size: 130%; }
h2 { font-style: italic; color: #ab8044; font-size: 120%; text-decoration: underline; }

.cadre { border: 4px solid #84b0b9; }
.legende { font-style: italic; color: #003A77; font-size: 90%; }

#conteneur { width: 950px; margin: auto; background: #FFF url(/img/fond-contenu.png); }

/* zone entete */
#header1 { float: left; width: 484px; height: 166px; }
#header2 { float: left; width: 466px; height: 166px; }

/* zone menu */
#header3 { clear: both; background: #FFF; border-left: 1px solid #000; border-right: 7px solid #6e6449; padding-top: 10px; height: 31px; }
#header3 a { letter-spacing: 1px; font-size: 100%; text-decoration: none; }

/* menu général */
#menu { background: #ab8044 url(/img/coin-menu.png) no-repeat 100%; height: 31px; float: left; width: 615px; line-height: 30px; }
#menu img { vertical-align: middle }
#menu a { color: #FFF; letter-spacing: 0}
#menu a:hover { color: #003A77; }

/* login clients */
#espaceclient { text-align: center; border-bottom: dotted 2px #3A6A74; background: #FFF url(/img/coin-menu-blanc.png) no-repeat 100%; width: 230px; 
	height: 28px; line-height: 30px; float: left; margin-left: 40px; }
#espaceclient a { color: #3A6A74; letter-spacing: 0}

/* contenu central */
#contenu { clear: both; padding: 10px 40px 40px 40px; border-left: 1px solid #000; border-right: 7px solid #6e6449; overflow: auto; text-align: justify }

/* boite login */
#loginbox { width: 350px; padding: 20px; color: #003A77; margin: auto; text-align: center; background: #D9D0AF url(/img/coin-login.png) no-repeat 100% 0; }

#warning { font-size: 75%; margin-top: 20px }

/* bas de page */
#footer { clear: both; border-left: 1px solid #000; border-right: 7px solid #6E6449; text-align: center;
	font-weight: bold; color: #547078; height: 62px; background: url(/img/bottom.png); }
#footer a { color: #003A77; text-decoration: none; }

#mentions { text-align: right; padding-right: 30px; margin-bottom: 5px; }
#mentions a { color: #547078; font-size: 80%; }

#coord { width: 95%; border-top: 2px dotted #AB8044; margin: auto; text-align: center; padding-top: 5px; font-weight: normal}

/* copyright */
#copyright { clear: both; color: #3a6a74; font-size: 80%; width: 950px; text-align: center; margin: auto; }
#copyright a { color: #3a6a74; text-decoration: none; }
#copyright a:hover { color: #003A77; text-decoration: none; }

/* lignes de formulaire */
.ligne { border-bottom: 1px solid #CCC; padding: 3px; line-height: 22px; width: 500px; }
.entete { width: 100px; color: #111; float: left;}

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

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

/* backoffice */
#admin { font-family: Arial, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 95%; background: #003A77; }
#admin a { color: #003A77; text-decoration: none}
#admin a:hover { color: #AB8044; }
#admin .colonneadmin { background-color: #003A77; color: #FFF; height: 25px; }
#admin .colonneadmin a, .colonneadmin a:hover { color: #FFF; }
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: 14px; font-weight: bold; letter-spacing: 2px; color: #333; }
span.disabled { color: #CCC; }