/* ============== page =====*/
body { min-width:1050px; }
h1,h2,h3,h4,h5 { color:#765870; }

table.default { border-collapse:separate; border-spacing:2px;background:#fff; border:none; margin-top:10px; }
table.default thead th { background:#99cc33; color:#fff; font-weight:bold;  border:none; padding:10px; }
table.default tbody th { background:#99cc33; color:#fff !important; border:none; padding:10px; }
table.default tbody tr:nth-child(odd) th { color:#404040; }
table.default tbody tr:nth-child(odd) { background-color:#efefef; color:#404040; }
table.default td { border:none; padding:10px; }

#header { background:#fff; z-index:1; position:relative; }
#header .wrapper { margin:0 auto; width:1060px; height:65px; position:relative; }
#header .wrapper .h1 { margin:0; position:absolute; top:65px; left:0; background:#fff; z-index:2; padding:10px; display:block;
	-webkit-border-radius:0 0 4px 4px;
	   -moz-border-radius:0 0 4px 4px;
			border-radius:0 0 4px 4px;
	-webkit-box-shadow:4px 4px 2px 0 rgba(0,0,0,.4);
	   -moz-box-shadow:4px 4px 2px 0 rgba(0,0,0,.4);
		 -o-box-shadow:4px 4px 2px 0 rgba(0,0,0,.4);
			box-shadow:4px 4px 2px 0 rgba(0,0,0,.4);
}
#header .wrapper ul { float:right; margin-top:20px; }
#header .wrapper ul li { float:left; margin-left:20px; }
#header .wrapper ul li a.tw { display:block; width:42px; height:36px; background:url('/graph/site/bg_twitter.png') left center no-repeat; }
#header .wrapper ul li a.tw:hover { background-position:right center; }

#header .wrapper ul li a.yt { display:block; width:37px; height:37px; background:url('/graph/site/bg_youtube.png') left center no-repeat; }
#header .wrapper ul li a.yt:hover { background-position:right center; }

#header .wrapper ul li a.fb { display:block; width:36px; height:36px; background:url('/graph/site/bg_fb.png') left center no-repeat; }
#header .wrapper ul li a.fb:hover { background-position:right center; }

#header .wrapper ul li a.lg { display:block; background:#f49714 url('/graph/site/header_fleche.jpg') right center no-repeat; padding:5px 25px 5px 20px; color:#fff; text-transform:uppercase; text-decoration:none;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;
}
#header .wrapper form input[type="text"] { background:#e6e6e6; border:none; padding:5px 20px; width:185px; float:left;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;
}
#header .wrapper form input[type="submit"] { background:url('/graph/site/header_loupe.jpg') center center no-repeat; border:none; width:35px; height:29px; cursor:pointer; padding:0; float:left; margin-left:5px; }
#header .wrapper form input::-webkit-input-placeholder { color:#555; }
#header .wrapper form input:-moz-placeholder { color:#555; }
#header .wrapper form input::-moz-placeholder { color:#555; }
#header .wrapper form input:-ms-input-placeholder { color:#555; }
#header .wrapper form input:focus::-webkit-input-placeholder { color:#999; }
#header .wrapper form input:focus:-moz-placeholder { color:#999; }
#header .wrapper form input:focus::-moz-placeholder { color:#999; }
#header .wrapper form input:focus:-ms-input-placeholder { color:#999; }
	#slide { height:300px; position:relative; z-index:1; overflow:hidden; }
	#slide .slide { height:300px; position:absolute; top:0; left:0; right:0; overflow:hidden; }
	#slide .slide img { position:absolute; top:0; left:0; max-width:none; }
	#slide .slide div { position:relative; z-index:2; width:800px; margin:100px auto 0 auto; }
	#slide .slide div p { color:#99cc33; text-transform:uppercase; font-size:18px; font-weight:bold; background:#5F485C; background:rgba(95,72,92,.8); width:290px; float:right; padding:20px;
		text-shadow:2px 2px 4px rgba(0,0,0,.6);
		-webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,.6);
		   -moz-box-shadow:3px 3px 5px 0 rgba(0,0,0,.6);
			 -o-box-shadow:3px 3px 5px 0 rgba(0,0,0,.6);
				box-shadow:3px 3px 5px 0 rgba(0,0,0,.6);
	}
	#slide .slide div p a { color:#fff; display:block; margin-top:10px; padding-left:35px; background:url('/graph/site/header_slide_fleche.png') left center no-repeat; text-transform:none; }
	#slide .prev,
	#slide .next { z-index:2; width:42px; height:42px; position:absolute; top:140px; background:url('/graph/site/header_slide_loop.png') left center no-repeat; cursor:pointer; }
	#slide .prev { left:20px; }
	#slide .next { background-position:right center; right:20px; }
	#bg { position:absolute; top:0; left:0; right:0; bottom:0; z-index:4; background:#765870;  }

	#img { height:140px; position:relative; z-index:1; overflow:hidden; background-position:center center; background-repeat:no-repeat;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;
				background-size: cover;
	}

#nav { background:#765870; padding-bottom:45px; z-index:2; position:relative; border:1px solid #765870; }
#nav input { display:none; }
#nav ul { width:1020px; margin:-20px auto 0 auto; text-shadow:1px 1px 4px rgba(0,0,0,.6); }
#nav ul li { float:left; width:330px; text-align:center; position:relative;  }
#nav ul li + li { margin-left:15px; }
#nav ul li a { color:#fff; text-transform:uppercase; background:#99cc33; display:block; height:45px; font-size:18px; font-weight:bold; line-height:1.1; padding-top:7px; }
#nav ul li a span { display:inline-block; }
#nav ul li a span span { display:block; font-size:12px; text-align:left; padding-left:10px; }
#nav ul li img { margin:0 auto; /**/ position:absolute; top:45px; left:0; right:0; }
#nav ul ul { width:auto; background:#553d53; text-align:left; padding:30px 30px 30px 30px; min-height:250px; text-shadow:none; margin:0; }
#nav ul ul li { float:none; width:auto; text-align:left; min-height:0; }
#nav ul ul li.title { color:#fff; font-weight:bold; font-size:16px; margin-bottom:5px; }
#nav ul ul li a { text-transform:none; background:none; height:auto; font-size:16px; font-weight:normal; line-height:1.3; padding:5px 0; }
#nav ul ul li + li { margin-left:0; }
#nav ul ul { display:none; position:relative; z-index:2; }
/*#nav ul li:hover ul { display:block; }*/


#main { width:1020px; margin:0 auto; background:#fff; z-index:3; position:relative; }

#main .wrapper-content { width:670px; float:left; }
#aside {
	width:270px;
	float:right;
	clear:none;
	padding:20px 0;
	margin-top:20px;
	border: 1px solid #eaeaea;
	background: none repeat scroll 0 0 #f5f5f5;
}

#aside nav.nav ul { }
#aside nav.nav ul li { clear:both; }
#aside nav.nav ul li + li { clear:both; margin-top:2px; }
#aside nav.nav ul li a { display:block; background:#765870; padding:10px; font-weight:bold; color:#fff; margin-left:-10px; }
#aside nav.nav ul ul { margin:10px 0; }
#aside nav.nav ul ul li a { background:none; margin:0 10px; color:#404040; font-weight:normal; }
#aside nav.nav ul ul li a.actif { font-weight:bold; }
#aside nav.nav ul ul ul { margin-left:35px; }
#aside nav.nav ul ul ul a { margin:0; padding:5px 10px; }

#aside .box { margin-top:25px; position:relative; }
#aside .box h2 { position:absolute; top:20px; left:-10px; margin:0; padding:5px 20px; font-size:16px; text-transform:uppercase; color:#fff; }
#aside .box .link { position:absolute; bottom:0; left:0; right:0; text-align:center; text-transform:uppercase; color:#fff; padding:10px 0; border:none; width:100%; cursor:pointer; }
#aside .box ul { padding:50px 10px 50px 60px; }
#aside .box ul li { padding:10px; }
#aside .box ul li + li { border-top:1px solid #fff; }
#aside .box ul li a { color:#fff; }
#aside .box div { padding:50px 10px 50px 60px; }
#aside .box div p  { position:relative; display:block; padding:3px 0; }
#aside .box div label {
	display:block;
	color:#fff;
	font-size:12px;
}
#aside .box div input,
#aside .box div select {
	display:block;
	width:90%;
	padding:2px 10px;
	border:none;
	background:#fff;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
}
#aside .box.bleu { background:#2077ba url('/graph/site/home_bloc_info.png') -30px center no-repeat; }
#aside .box.bleu h2,
#aside .box.bleu .link { background:#196096; }
#aside .box.vert { background:#99cc33 url('/graph/site/home_bloc_question.png') left center no-repeat; }
#aside .box.vert h2,
#aside .box.vert .link { background:#82ac2c; }



#footer { background:#765870; margin-top:25px; }
#footer .footer { overflow:hidden; }
#footer .footer + .footer { background:#5f485c; }
#footer .footer nav { margin:40px auto; width:1060px; }
#footer .footer nav ul { overflow:hidden; }
#footer .footer nav ul li { width:265px; float:left; }
#footer .footer nav ul li a { color:#fff; font-weight:bold; }
#footer .footer nav ul ul { margin-top:10px; }
#footer .footer nav ul ul li { width:auto; float:none; }
#footer .footer nav ul ul li a { font-weight:normal; }
#footer .footer .wrapper { margin:20px auto; width:1060px; }
#footer .footer .wrapper ul { float:right; color:#fff; }
#footer .footer .wrapper ul li + li  { float:left; padding:0 3px; margin:10px 0; }
#footer .footer .wrapper ul li  a { color:#fff; }



@media only screen and (max-width: 1115px) {
	body { min-width:340px; }
	#header .wrapper { margin:0 20px; width:auto;}

	#nav input { display:block; width:330px; margin:-20px auto 0 auto; color:#fff; text-transform:uppercase; background:#99cc33; display:block; height:45px; font-size:18px; font-weight:bold; line-height:45px; border:none; cursor:pointer; }
	#nav ul { display:none; width:auto; margin:5px 20px 0 20px; }
	#nav ul li { float:none; width:auto; text-align:left; min-height:0; }
	#nav ul li + li { margin-left:0; }
	#nav ul li a { padding-left:15px; }
	#nav ul ul { display:block; width:auto; padding:30px 30px 30px 25px; min-height:0; }
	#nav ul li img { display:none; }





	#footer .footer nav { width:auto; margin:40px 20px ; }
	#footer .footer nav ul li { width:25%; }
	#footer .footer .wrapper { margin:20px; width:auto; }

	#main { width:710px; }
	#main .wrapper-content { width:auto; float:none; }
	#aside { width:auto; float:none; clear:both; }
	#aside ul li a { margin-right:-10px; }

}

@media only screen and (max-width: 965px) {
	#slide .slide div { width:auto; margin:100px 70px 0 auto; }
}

@media only screen and (max-width: 820px) {
	#footer .footer nav ul { text-align:center; }
	#footer .footer nav ul li { width:auto; float:none; }
	#footer .footer nav ul li + li { margin-top:15px; }
	#footer .footer nav ul ul li { width:auto; }
	#footer .footer nav ul ul li + li { margin-top:0; }
}

@media only screen and (max-width: 725px) {
	#main { width:440px; }
}

@media only screen and (max-width: 680px) {
	#header .wrapper { height:auto; }
	#header .wrapper .h1 { text-align:center; position:relative; top:auto; left:auto;
		-webkit-box-shadow:none;
		   -moz-box-shadow:none;
			 -o-box-shadow:none;
				box-shadow:none;
	}
	#header .wrapper ul { float:none; clear:both; margin:0 0 10px 0; position:relative; overflow:hidden; width:auto; }
	#header .wrapper ul li { float:none; width:auto; margin:0; }


		#header .wrapper ul li:first-child { float:left; }
		#header .wrapper ul li:nth-child(2) { float:left; margin-left:20px; margin-top: 0; margin-bottom:10px;}
		#header .wrapper ul li:nth-child(3) { clear: both;}

	#header .wrapper ul li + li { margin-top:10px; }
	#header .wrapper form input[type="text"] { width:80%; }
	#header .wrapper form input[type="submit"] { width:19%; float:right; margin:0; }
		#slide .slide div { width:auto; margin:0; position:absolute; bottom:0; left:0; right:0; }
		#slide .slide div p { width:auto; float:none; }
			#slideLoopPrev,
			#slideLoopNext { top:110px; }

	#nav input { margin:0 auto; width:100%; }
	#nav ul { display:none; width:auto; }

	#footer .footer .wrapper { text-align:center; }
	#footer .footer .wrapper ul { float:none; color:#fff; }
	#footer .footer .wrapper ul li + li  { float:left; padding:0 3px; margin:10px 0; width:32%; }
	#footer .footer .wrapper ul li.mob { width:2%; }
	#footer .footer .wrapper ul li  a { color:#fff; }
}

@media only screen and (max-width: 455px) {

	#main { width:auto; margin:0 10px; }
}



/* ============== contenu =====*/
#main.main { padding:10px 30px 30px 30px; margin-top:-30px; }
#main.main .img { margin-bottom:10px; }
#main.main h1{ margin:0; text-align:left; }
#main.main h1 + p { font-size:12px; color:#fff; background:#6a9dd2; margin-bottom:20px; padding:5px; text-align:left; }
#main.main .intro { background:#efefef; padding:10px; margin-bottom:20px; text-align:left; }



/* ============== localisateur =====*/
#breadcrumb {
	overflow:hidden;
	margin-bottom:5px;
}

#breadcrumb div {
	display:inline;
}

#breadcrumb div span {
	display:inline-block;
}

#breadcrumb .home {
	display:inline-block;
	width:16px;
	height:16px;
	background:url('/graph/site/home.png') no-repeat;
}

#breadcrumb .home:hover {
	background:url('/graph/site/home.png') 0 -16px no-repeat;
}

#breadcrumb a {
	color:#545456;
}

#breadcrumb a:hover {
	color:#b0b0b0;
}




/* ============== index_onglets =====*/
#navOnglet {
	margin:20px 0;
	overflow:hidden;
	border-bottom:2px solid #aaa;
	border-left:1px solid #aaa;
	list-style:none;
	padding:0;
	font-size:11px;
	clear:both;
}

#navOnglet li {
	float:left;
	border-right:1px solid #aaa;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin-bottom:-1px;
}

#navOnglet li a {
	display:block;
	padding:5px 10px;
	color:#aaa;
}

#navOnglet li a:hover {
	text-decoration:none;
	background:#efefef;
	color:#555555;
}

#navOnglet li.active  a {
	background:#aaa;
	cursor:normal;
	color:#fff;
}


/* ============== index_numerote =====*/
#global{
	overflow:hidden;
	width:400px;
	margin:0 auto;
	text-align:center;
}

#index{
	float:left;
	overflow:hidden;
}

.pas_encours{
	border:1px solid #aaa;
	width:16px;
	height:17px;
	display: block;
	float:left;
	background:url(/graph/site/fond_onglet.png) repeat-x left;
	margin-right:3px;
	font-size:0.9em;
	
}

.pas_encours:hover{
	background:url(/graph/site/fond_onglet_encours.png) repeat-x left;
}

.encours{
	border:1px solid #aaa;
	width:16px;
	height:17px;
	display: block;
	float:left;
	background:url(/graph/site/fond_onglet_encours.png) repeat-x left;
	color:#747474;
	margin-right:3px;
	font-weight:bold;
	font-size:1em;
	text-align:center;
}





/* ============== index_suivant_precedent =====*/
#navLoop{
	overflow:auto;
	clear:both;
	font-size:12px;
	margin:20px 0;
}

#navLoop .prev, #navLoop .next {
	background-color:#efefef;
	background-repeat:no-repeat;
	display:block;
	border:1px solid #aaa;
	color:#555555;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#navLoop .prev {
	background-image:url('/imgs/pictos/fleche_prec_sp.png');
	background-position:5% center;
	padding:3px 10px 3px 15px;
	float:left;
}

#navLoop .next {
	background-image:url('/imgs/pictos/fleche_suiv_sp.png');
	background-position:95% center;
	padding:3px 15px 3px 10px;
	float:right;
}

#navLoop .prev:hover, #navLoop .next:hover {
	text-decoration:none;
	background-color:#dbdbdb;
}


/* ============== index_menu_deroulant =====*/
#navForm {
	text-align:center;
	clear:both;
	margin:20px 0;
	font-size:13px;
}

#navForm select {
	background:#ffffff;
	border:1px solid #bec5d5;
	outline:none;
	padding:3px;
}

#navForm input[type="submit"] {
	background:#777;
	color:#fff;
	font-weight:bold;
	border:1px solid #777;
	padding:3px 5px;
	cursor:pointer;
	-moz-box-shadow:inset 0px 0px 1px 0px #fff;
	-webkit-box-shadow:inset 0px 0px 1px 0px #fff;
	box-shadow:inset 0px 0px 1px 0px #fff;
}


/* ============== index_liens =====*/
#global{
	margin:10px 0px;
	background:#E9EEF2;
	padding:10px;
	overflow:auto;
}

.bloc_lien{
	float:left;
	width:33%;
}



/* ============== index =====*/
#slider { position:relative; width:675px; height:250px; float:left; }
#slider .layerSlide { position:relative; width:675px; height:250px; border:1px solid #99cc33; border-top:none; }
#slider .slide { position:absolute; top:0; left:0; width:675px; height:250px; background:#fff; }
#slider .slide img { float:left; margin:30px 15px; }
#slider .slide div { float:right; clear:none; width:415px; margin:30px 15px 30px 0; }
#slider .slide div h2 { margin:0 0 15px 0; }
#slider .slide div h2 a { color:#99cc33; }
#slider .slide .link { position:absolute; bottom:0; right:0; background:#99cc33; padding:10px 40px; text-transform:uppercase; color:#fff; font-size:16px; }
	ul#sliderPagination { position:absolute; left:20px; top:-30px; }
	ul#sliderPagination li { margin:10px 0 0 5px; float:left; background:#fff; text-transform:uppercase; padding:5px 15px 0 15px; color:#aeaeae; height:20px; line-height:20px; cursor:pointer; }
	ul#sliderPagination li.active { color:#99cc33;  height:30px; line-height:30px; font-size:18px; margin-top:0; }

#main .search { float:right; margin-top:-30px; opacity:1;
	-webkit-transition:opacity linear .5s;
	   -moz-transition:opacity linear .5s;
		 -o-transition:opacity linear .5s;
			transition:opacity linear .5s;
}
#main .search:hover { opacity:.7; }
#main .box { margin-top:25px; width:326px; height:310px; float:left; clear:none; position:relative; }
#main .box + .box { margin-left:21px; }
#main .box h2 { position:absolute; top:20px; left:0; margin:0; padding:5px 20px; font-size:16px; text-transform:uppercase; color:#fff; }
#main .box .link { position:absolute; bottom:0; left:0; right:0; text-align:center; text-transform:uppercase; color:#fff; padding:10px 0; border:none; width:100%; cursor:pointer; }
#main .box ul { margin:70px 10px 0 80px; }
#main .box ul li { padding:10px; }
#main .box ul li + li { border-top:1px solid #fff; }
#main .box ul li a { color:#fff; }
#main .box div { margin:50px 10px 0 90px; }
#main .box div p  { padding:3px; }
#main .box div label {
	display:block;
	color:#fff;
	font-size:12px;
}
#main .box div input,
#main .box div select {
	display:block;
	width:100%;
	padding:2px 10px;
	border:none;
	background:#fff;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
}


#main .box.rouge { background:#e30f4a url('/graph/site/home_bloc_conseil.png') left center no-repeat; }
#main .box.rouge h2,
#main .box.rouge .link { background:#cc0d43; }
#main .box.bleu { background:#2077ba url('/graph/site/home_bloc_info.png') left center no-repeat; }
#main .box.bleu h2,
#main .box.bleu .link { background:#196096; }
#main .box.vert { background:#99cc33 url('/graph/site/home_bloc_question.png') left center no-repeat; }
#main .box.vert h2,
#main .box.vert .link { background:#82ac2c; }

@media only screen and (max-width: 1115px) {
	#slider { float:none; width:auto; }
	#slider .layerSlide { width:100%; }
	#slider .slide { width:100%; }

	#main .search { background:#f29715; float:left; margin-top:20px; height:281px; }
	#main .search + .clear { clear:none; }
	
	#main .box + .box { margin-left:0; }
	#main .box.rouge { float:right; }
	#main .box.bleu { clear:both; }
	#main .box.vert { float:right; }
}

@media only screen and (max-width: 725px) {
	#slider .slide img { display:none; }
	#slider .slide div { float:none; width:auto; margin:30px; }
	#slider .slide div h2 { margin:0 0 15px 0; }
	#slider .slide div h2 a { color:#99cc33; }
	#slider .slide .link { position:absolute; bottom:0; right:0; background:#99cc33; padding:10px 40px; text-transform:uppercase; color:#fff; font-size:16px; }
		ul#sliderPagination { position:absolute; left:20px; top:-30px; }
		ul#sliderPagination li { margin:10px 0 0 5px; float:left; background:#fff; text-transform:uppercase; padding:5px 15px 0 15px; color:#aeaeae; height:20px; line-height:20px; }
		ul#sliderPagination li.active { color:#99cc33;  height:30px; line-height:30px; font-size:18px; margin-top:0; }

	#main .search { float:none; clear:both; display:block; text-align:center; margin:25px auto 0 auto; }
	#main .box { width:auto; overflow:hidden; }
	#main .box.rouge { float:none; clear:both; }
	#main .box.bleu { float:none; clear:both; }
	#main .box.vert { float:none; clear:both; }
}
@media only screen and (max-width: 455px) {}