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

#contour {
	width: 740px;
	min-height: 400px;
	text-align:justify;
	background: #FFFFFF;
	padding: 0;
	margin: 0 auto;
	border: 1px solid #333366;
}

img { border: 0; }

.rouge { color: #FF0000; }
.vert { color: #7EC65F; }
.noir { color: #333333; }

a.nostyle { background: #fff;  }
a.nostyle:hover { background: #fff; }
.droite { padding-left: 30px; }

/*marges images*/
#logo { padding: 0 10px 0 10px; }
#mc { padding: 0 0 0 15px; }

#contenu { clear: left; margin-left: 30px; margin-right: 30px; margin-bottom: 20px}
#slogan { text-transform: uppercase; color: #FF0000; font-size: 13px; font-weight: bold; }
.disabled	{ color: #E7EBEF; }
.formctc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #333399; }

a { text-decoration: none; color: #333399; }
a:hover { text-decoration: none; color: #006699; }

a.violet { text-decoration: none; color: #CC78FF; }
a.violet:hover { text-decoration: underline; color: white; background: #CC78FF; }

h1{
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #E68B2C;
	padding: 10px 0 5px 0;
}

h2 { font-size: 12px; font-weight: bold; padding: 10px 0 15px 0; margin: 0 0 0 10px; color: #333366; }
h3 { font-size: 14px; font-weight: bold; padding: 0; margin: 20px 0 10px 25px; color: #CC78FF; }

.region { margin: auto; margin-top: 15px; text-align: center; border: 1px solid #ccc; background: #ddd; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #333366; padding: 5px; width: 300px}
.dep { font-size: 11px; font-weight: bold; margin: 15px 0 5px 25px; color: #336666; }

.navig		{ font-family: Verdana, Arial, sans-serif; font-size: 10px; margin-right: 10px; text-align: right; line-height: 20px;}
.nav:link	{ color: #000000; text-decoration: underline; }
.nav:visited 	{ color: #000000; text-decoration: underline; }
.nav:hover	{ color: #FFFFFF; text-decoration: underline; }
.nav:active	{ color: #FFFFFF; text-decoration: underline; }

#bas { font-size:7pt; color: #FFFFFF; }
#bas a { text-decoration: underline; color: #FFFFFF; }
#bas a:hover { color: #333366; background: #666699; }

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

/* 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: 90%; background-color: #666699; }
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
