/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body{
	background:#ff7;
	font-size: 12px;
	line-height: 18px;
	font-family: "Trebuchet MS", Verdana, Arial,Helvetica, Geneva, sans-serif;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#000;}
a:hover{text-decoration:none;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}

#main{
	width:1000px;
	margin:0 auto 0 auto;
	background:white url(images/col.png) repeat-y 0 0;
}
#main2{
	position:relative;
	padding:0 21px 0 10px;
	background:transparent url(images/main4.jpg) no-repeat top;
}
.spacer{
	clear:both;
	height:5px;
	border:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
#end{
	height:37px;
	background:#042d4d url(images/col.png) no-repeat right bottom;
}
/*-------------- entete -------------*/

#header{
	height:210px;
	overflow:hidden;
}
#header h3{
	width:939px;
	padding:185px 0 0 0;
	margin:0;
	text-align:center;
	color:white;
	line-height:26px;
	Font-weight:bold;
	font-size:130%;
}
/*------------- menu horizontal ------------------*/
#top{
	margin:0;
	padding:0px 0 0px 0;
	text-align:center;
	background:#0460a8 url(images/module.png) repeat-x 0 -31px;
	border-top:1px solid #5fa4ea;
	height:29px;
}
#top div{
	border-bottom:1px solid #5fa4ea;
	border-top:1px solid #0460a8;width:100%;
}
#top ul{
	position:relative;
	left:50%;
	height:24px;
	margin:0 0 0 -300px;
	padding:1px 0;
	width:100%;
}
#top li{
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}
#top a{
	color:white;
	text-shadow:1px 1px 1px #039;
	text-decoration:none;
	padding:3px 0px 3px 0px;
	width:80px;
	float:left;
	height:18px;
	margin:0;
	border-left:1px solid #96cffb;
	border-right:1px solid #042d4d;
}
#top span{
	padding:0 9px 0 25px;
	float:left;
	background:transparent url(images/icones.png) no-repeat;
}
#top1{border-left:1px solid #042d4d;}
#top7{border-right:1px solid #96cffb;}
#top1 a{width:75px;}
#top3 a{width:65px}
#top5 a{width:70px;}
#top6 a{width:75px;}
#top7 a{width:60px;}
#top7 a{width:75px;}
#top1 span{background-position:4px 1px;}
#top2 span{background-position:4px -23px;}
#top3 span{background-position:4px -47px;}
#top4 span{background-position:4px -71px;}
#top5 span{background-position:4px -95px;}
#top6 span{background-position:4px -119px;}
#top7 span{background-position:4px -143px;}
#top8 span{background-position:4px -143px;}

#top a:hover, #top a:active, #top a:focus{
	background:#0460a8 url(images/module.png) repeat-x 0 top;
}

/*-------------- contenu ----------------*/

#content {
	float:right;
	width:738px;
	padding:0 10px;
}
#content.home{
	position:relative;
	right:200px;
	width:548px;	
}

/*-----------------------------------------*/
/*
#rotator {
	width:769px;
	float:right;
	margin:0 0 7px 0;
}*/

/*----------- pied de page ----------------*/
#footer {
	clear:both;
	margin:0;
	padding:5px;
	color:white;
	background:#042d4d;
	text-align:center;
}
#footer a{
	color:white;
}
/* ------------ menus lateraux -------------*/
#left, #right{
	width:200px;
}
#left{
	float:left;
	/*position:relative;
	top:-227px;*/
}
#right{
	float:right;
	position:relative;
	left:568px;
}
.module{
	clear:both;
	background: url(images/module.png) repeat-y 0 bottom;
	padding:0 0 16px 0;
	margin:0 0 0 2px;
	color:#222;
}
.module h3{
	margin:0;
	padding:9px 15px 2px 11px;
	text-align:center;
	text-shadow:1px 1px 1px black;
	color:white;
}
#left .module h3{
	background:#aa0033 url(images/module.png) no-repeat 0 -136px;
}
#right .module h3{
	background:#00aa33 url(images/module.png) no-repeat 0 -69px;
}
.module .inner{
	margin:0;
	padding:0px 9px 3px 6px;
	background: url(images/col.png) repeat-y -1000px 0;
}
.module ul{
	list-style:none;
	margin:0 5px;
}
.module li{
	margin:0;
	list-style:none;
	color:gray;
	border-bottom:1px dotted gray;
	padding:3px 0 3px 15px;
	background: url(images/icones.png) no-repeat -1px -160px;
}
.module strong{
	color:#600000;
}
.module p{
	padding:0;
	margin:0;
}
.module a{
	color:#03f;
}
.module li a{
	text-decoration:none;
	color: #005000;
	display:block;
	
}
.module li a:hover{text-decoration:underline;}

#staff img{float:left;border:1px solid #630;margin:-2px 3px -2px -3px;}
.jav #staff a span{height:38px;}
#staff a:hover img{
	border:1px solid #fff;
	/*background:silver;
	text-decoration:none;*/
}

/* * * *
 *
 *   Menu dynamique multi-niveaux
 *   Version 2.0
 *   Par Raphael Wils
 *   Email : info@r-wils.com
 *   web site : www.r-wils.com
 *
 * * * */

 #menu  a{
	color: #800000;
	text-decoration: none;
	display: block;
	padding: 20px 5px 6px 15px;
	margin:0;
	text-align:left;
	font-weight: bold;
	background:silver url(images/mainlevel.jpg) repeat-x center 20%;
}
#menu  a:hover{
	color:white;
	background-position:center -96px;
}
/* styles avec javascript */
#menu.jav{
	position:relative;
	padding:0 0 16px 0;
	margin:0 0 0 6px;
}

#left .jav ul, #left .jav li, #left .jav a{
	margin:0;
	padding:0;
	list-style:none;
}
.jav ul, .jav li{
	width:200px;
}
.jav ul ul, .jav ul ul li, .jav ul ul a{
	width:194px;                  /* * * LARGEUR DES SOUS MENUS * * */
}
.jav ul ul{
	position:absolute;
	visibility:hidden;
	border:1px solid #a60;  /* bordure des sous menus  */
	border-width:1px 1px 0 1px;
	margin-top:-1px;           /* opposé de la bordure ci-dessus */
	left:185px;
	/*background:none;*/
}
.jav li{
	float:left; /* pour IEwindows */
	clear:both;
	border:none;
}
#left .jav a{
	float:left;
	width:194px; 
	background: silver url(images/col.png) repeat-y -1006px 0;
}
#left .jav ul ul a{
	background:none;
	width:194px;
}
.jav a span{
	position:relative;	
	font-weight:bold;
	display:block;
	margin-right:9px;
	border-bottom:1px solid #a60;
    border-top:1px solid white;
	background:silver url(images/mainlevel.jpg) repeat-x center 20%;
	padding:4px 2px 4px 5px;
	cursor:pointer;
	height:1%; /* pour IEwindows. Etale la zone sensible à tout le span et non plus seulement au texte */
}
html>body .jav a span{height:auto;}
.jav ul ul a span{
	margin-right:0;
}
/* menu normal avec une fleche */
.jav a strong{
	color:black;
	font-size:2em;
	line-height:1em;
	position:absolute;
	top:0;
	right:0;
}

/* menu dont le sous menu est visible */
.jav a.flecheActive span{
	color:white;
	background-position:center -96px;
}

.jav a:hover span, .jav a:focus span, .jav a:active span{
	background-position:center -96px;
}

/**************************************
 fin menu dynamique
***************************************/
#left .module#newsletter {padding-top:0px;}

#newsletter label{
	float:left;
	width:50px;
	text-align:right;
	line-height:24px;
	clear:both;
}
#newsletter input{
	margin:2px;
	float:left;
	width:115px;
}
#newsletter input.jforms-submit{
	width:80px;float:none;
}
#newsletter .submit{
	clear:both;/*display:block;*/
}
#newsletter a{
	text-align:center;
	padding:5px;
}
#newsletter a:hover{
	color:blue;
	text-decoration:none;
}
#jforms_public_contact{
	width:400px;
	margin:auto auto 1em auto;
}
#jforms_public_contact input{
	width: 400px;
}
#jforms_public_contact input.jforms-submit{
	width: auto;
}
#jforms_public_contact textarea{
	width: 400px;
	height:300px;
}