@charset "utf-8";

/*corps*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	color: #000;
	text-align: center;
	}

#conteneur {
	width: 739px;
	text-align: center;
	padding: 0;
	margin: auto;
	border: 1px solid #B80000;
	}

#menuhaut { font-weight: bold; line-height: 25px; cursor: pointer; }
.sousMenu { list-style-type: square; }


#contenu { clear: both; margin-left: 20px; margin-right: 20px; text-align: justify; margin-top: 30px; }

#bas { font-size: 11px; text-align: center; width: 100%; margin: auto; }
#bas a { text-decoration: underline; color: #000000; }
#bas a:hover { color: #B80000; text-decoration: none;}


img { border: 0; }
blockquote { margin-left: 25px; margin-top: 10px; margin-bottom: 10px; }

/*marges images*/
#photo-gauche { margin-right: 15px; float: left; }
#photo-droite { margin-left: 15px; float: right;  }



.disabled { color: #E7EBEF; }
.formctc { font-size: 11px; }

input,textarea,select { border: 1px solid #B80000; }

.marque { font-size: 11px; letter-spacing: 1px; }

.item { color: #000; font-size: 11px; padding-left: 15px; }
.title { color: #333; font-size: 11px; padding-left: 15px; }

.entete { font-size: 11px; background : url("/img/fond-vert.png"); }
.lignes { border-top: 1px solid #D4D4D4; font-size: 11px; }

a { text-decoration: underline; color: #333; font-size: 11px; }
a:hover { text-decoration: underline; color: #B80000; }

a.vert { text-decoration: none; color: #B80000; }
a.vert:hover { text-decoration: underline; color: white; background: #000; }

/* top right bottom left*/
h1 { font-size: 14px; font-weight: bold; letter-spacing: 1px; color: #B80000; }
h2 { font-size: 12px; font-weight: bold; padding: 15px 0 10px 0; margin: 0; color: #880000; }
h3 { margin: 0px; font-size: 13px; font-weight: bold; letter-spacing: 2px; color: #000; }


/* boutons et forms */
.form { font-size: 100%; }
.formc { font-size: 100%; text-align: center; }
.form_petit { font-size: 90%; }
.bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 95%; background: #B80000; }

/* backoffice */
#admin { font-family: Arial, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #B80000; font-size: 95%; background: #EEE; }
.colonneadmin,.colonneadmin a { background-color: #B80000; 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: 14px; font-weight: bold; letter-spacing: 2px; color: #B80000; }