@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px;}

body { background:url(images/bg.jpg) repeat-x #003479; margin:0px; padding:0px;}

#global { display:block; width:960px; margin:0px auto; text-align:center;}/* centre le site */

/* barre haute */
#top { display: inline-block; width:960px; height:30px;margin:0px;}
	#top h1 { font-family:"Arial", sans-serif; font-size:0.68em; color:#b3b3b3; text-align:left; line-height:30px;}
	#top h1 a { font-weight: bold; color:#b3b3b3; text-decoration:none;}
	#top h1 a:hover{ font-weight: bold; color:#b3b3b3; text-decoration:underline;}

/*  header */
#header { display:block; width:960px; height:429px; position:relative; background:url(images/header.jpg) no-repeat;}
	#header img{ display:block; width:210px; height:99px; position:absolute; left:0px; top:0px; }

/* menu */
#menu { display:block; width:960px; height:50px; margin-bottom:20px; background:url(images/bg_menu.jpg) no-repeat #fff; }
	#menu ul { display:block; width:920px; height:50px; font-family:"Verdana", sans-serif;list-style:none;}
		#menu ul li { float:left; margin:0px 5px; font-size:0.82em;}
			#menu ul li a:link{ display:inline-block; height:50px; line-height:50px; color:#333; text-decoration:none; font-weight:bold; padding:0px 10px; }
			#menu ul li a:visited{ display:inline-block; height:50px; line-height:50px; color:#333; text-decoration:none; font-weight:bold; padding:0px 10px; }
			#menu ul li a:hover{ display:inline-block; height:50px; line-height:50px; color:#003479; text-decoration:none; font-weight:bold; padding:0px 10px; background:url(images/bg_menu_ahover.jpg) repeat-x #ddd;}
				/* page en cours */
				#menu ul li a.current:link{ display:inline-block; height:50px; line-height:50px; color:#0079ac; text-decoration:none; font-weight:bold; padding:0px 10px; background:url(images/bg_menu_current.gif) no-repeat bottom center transparent;}
				#menu ul li a.current:visited{ display:inline-block; height:50px; line-height:50px; color:#0079ac; text-decoration:none; font-weight:bold; padding:0px 10px; background:url(images/bg_menu_current.gif) no-repeat bottom center transparent;}
				#menu ul li a.current:hover{ display:inline-block; height:50px; line-height:50px; color:#0079ac; text-decoration:underline; font-weight:bold; padding:0px 10px; background:url(images/bg_menu_current.gif) no-repeat bottom center transparent;}


/* conteneur principal */
#main { display:block; width:960px; text-align:left; }

/* conteneur gauche */
#left { display:inline-block; width:630px; background:url(images/top_content.jpg) no-repeat top #fff; min-height:150px;}
#bottomLeft {display:inline-block; width:630px; background:url(images/bottom_content.jpg) no-repeat bottom #fff; height:17px;}/* pied du conteneur */

/* ========= CONTENU  ============ */
.titre-page { display:block; width:570px; font-family:"Verdana", arial, sans-serif; line-height:1.6em; font-size:0.74em; color:#666; font-weight:bold;}
.titre-page a { color:#666; text-decoration:none;}

#article { display:block; width:570px; margin:30px;}

/* titres  de h1 a h6 */
#article h1{ font-family:"Verdana", arial, sans-serif; font-size:1.4em; font-weight:bold; margin-bottom:40px; color:#0079ac;}
	#article h1 a{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:40px; color:#0079ac; text-decoration:none;}
	#article h1 a:hover{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:40px; color:#003479; text-decoration:underline;}
#article h2{ font-family:"Verdana", arial, sans-serif; font-size:1.2em; font-weight:bold; margin-bottom:20px; color:#003479;}
	#article h2 a{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:20px; color:#003479; text-decoration:none;}
	#article h2 a:hover{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:20px; color:#003479; text-decoration:underline;}
#article h3{ font-family:"Verdana", arial, sans-serif; font-size:1em; font-weight:bold; margin-bottom:20px; color:#444;}
	#article h3 a{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:20px; color:#444; text-decoration:none;}
	#article h3 a:hover{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:20px; color:#444; text-decoration:underline;}
#article h4{ font-family:"Verdana", arial, sans-serif; font-size:0.91em; font-weight:bold; margin-bottom:20px; color:#444;}
	#article h4 a{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:20px; color:#444; text-decoration:none;}
	#article h4 a:hover{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:20px; color:#444; text-decoration:underline;}
#article h5{ font-family:"Verdana", arial, sans-serif; font-size:0.85em; font-weight:bold; margin-bottom:20px; color:#555;}
	#article h5 a{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:20px; color:#444; text-decoration:none;}
	#article h5 a:hover{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:20px; color:#444; text-decoration:underline;}
#article h6{ font-family:"Verdana", arial, sans-serif; font-size:0.79em; font-weight:bold; margin-bottom:20px; color:#555;}
	#article h6 a{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:20px; color:#444; text-decoration:none;}
	#article h6 a:hover{ font-family:"Verdana", arial, sans-serif; font-weight:bold; margin-bottom:20px; color:#444; text-decoration:underline;}

/* paragraphe */
#article p { font-family:"Verdana", arial, sans-serif; line-height:1.8em; font-size:0.74em; margin-bottom:20px; color:#444;}
	#article p a{color:#0079ac; text-decoration:none;}
	#article p a:hover{color:#003479; text-decoration:underline;}
#article address{ font-family:"Verdana", arial, sans-serif; line-height:1.8em; font-size:0.74em; margin-bottom:20px; color:#444;}

/* listes */
#article ul { display:inline-block; margin: 0px 20px 10px 20px; font-family:"Verdana", arial, sans-serif; line-height:1.6em; font-size:0.74em; color:#444; list-style-type:square;}
	#article ul li a {color:#0079ac; text-decoration:none;}
	#article ul li a :hover{color:#0079ac; text-decoration:underline;}
#article ol { display:inline-block; margin: 0px 20px 10px 20px; font-family:"Verdana", arial, sans-serif; line-height:1.6em; font-size:0.74em; color:#444; list-style-type:decimal;}
	#article ol li a {color:#0079ac; text-decoration:none;}
	#article ol li a :hover{color:#0079ac; text-decoration:underline;}
	
/* images */
.image { display:inline-block; margin: 20px 20px 20px 0px; float:left;}
#imageGalerie { display:inline-block; width:630px; margin:20px 0px;}
.imageGal { display:inline-block; margin: 20px 10px 20px 0px; float:left;}

	
/*  conteneur droit */
#right {display:inline-block; float:right; width:290px; vertical-align:top;}
	#right img { margin-bottom:10px;}

/* footer */
#footer { display:block; width:960px; height:70px; margin: 20px 0px; background:url(images/bg_footer.jpg) no-repeat #151515;}
/*copyright */
#copyright{display:inline-block; float:left; width:250px; color:#b3b3b3; height:50px; line-height:50px; font-family:"Verdana", sans-serif; font-size:0.61em; text-align:left; margin-left:20px;}
#rightLink { display:inline-block; width:670px; height:50px; line-height:50px; float:right; color:#b3b3b3; font-family:"Verdana", sans-serif; font-size:0.61em; text-align:right; margin-right:20px;}
	#rightLink a { color:#b3b3b3; text-decoration:none;}
	#rightLink a:hover { text-decoration:underline; color:#0079ac;}
	
/* formulaire de contact */
form { font-family:"Arial", sans-serif;}
form p { display:block; margin-bottom:10px; vertical-align:top;}
form p label { display:inline-block; width:175px; float:left; cursor:pointer;}
form p input[type="text"]{ background-color:#f5f5f5; width:250px; border:1px solid #aaa; color:#666; padding:2px 5px;}
form p input[type="radio"]{ margin:0px 5px 0px 20px; }
form p textarea {background-color:#f5f5f5; width:250px; height:100px; border:1px solid #aaa; color:#666; padding:2px 5px;margin-top:5px;}
form p input[type="submit"]{ display:inline-block; width:140px; height:25px; padding:2px 10px 4px 10px; color:#003479; font-weight:bold; background:url(images/bg_btn.jpg) no-repeat #d5d5d5; border:none; cursor:pointer; overflow:auto; }
form fieldset { border-top:1px solid #b3b3b3; border-bottom:none; border-left:none; border-right:none; padding: 10px 0px; margin:20px 0px;}
form fieldset legend { font-family:"Verdana", arial, sans-serif; font-size:0.91em; font-weight:bold; color:#0079ac; padding:0px 20px;}

.mailOk { background-color:#ecfad4; color:#648f1a; font-family:"Arial", sans-serif; font-weight:bold; border:1px solid #c9e39c; padding:10px; display:inline-block; width:550px; margin-bottom:20px; font-size:0.74em;}
	.mailOk a{ color:#648f1a; text-decoration:underline;}


.mailError{ background-color:#ffecec; color:#c20000; font-family:"Arial", sans-serif; font-weight:bold; border:1px solid #ec7c7c; padding:10px; display:inline-block; width:550px; margin-bottom:20px; font-size:0.74em;}

/* accordeons FAQ */
.toggler { display:block; margin: 10px 0px 0px 0px; padding: 2px 10px; background: #eee; border-bottom: 1px solid #ddd; font-size: 11px; font-weight: bold; font-family: "Verdana", sans-serif; cursor:pointer; height:100%;}
.accordionElement dl { margin: 0px 0px 0px 20px; font-family: "Verdana", sans-serif;}
.accordionElement dl dt { color:#0079ac; font-weight:bold; margin:10px 0px 5px 0px; font-size:0.94em; }
.accordionElement dl dd { color:#444; font-weight:normal; font-size:1em; line-height:1.6em; margin-bottom : 10px; margin-left:20px;}
/* slide */
#slide {display:block; width:290px; height:150px; background:url(images/bg_partenaires.jpg) no-repeat #fff; position:relative;}
.gallery {
	margin: 0px;
	display:block;
	width: 290px;
	height:86px;
	position: absolute;
	top:39px;
	overflow: hidden;
}

.gallery .holder {
	position: absolute;
	left:45px;
	overflow: hidden;
	z-index: 2;
	width: 200px;
	height:86px;
}
/*
.gallery .holder ul {
	
	margin: 0;
	padding: 0;
	list-style: none;
	width:3000px;
}
.gallery .holder ul li {
	position:absolute;
	left:45px;
	width: 200px;
	padding: 0px;
}
gallery .holder ul li img { display: block; }

.gallery-vert { width: 240px; }
.gallery-vert .holder { height: 86px; }
.gallery-vert .holder ul { width: 200px; }
.gallery-vert .holder ul li { float: none; }
.gallery-vert .holder ul li img {
	vertical-align: top;
	display: inline;
}*/
.prev {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}
.next {
	position:absolute;
	top:0px;
	right:0px;
	display:block;
}