/* ============== page =====*/
html { min-height:100%; }
body {
	min-width:1000px;
	background:#f5f5f5;
	background:linear-gradient(to bottom, #ffffff 0px, #ffffff 140px, #f5f5f5 140px, #f5f5f5 205px, #e9e9e9 205px, #e9e9e9 100%);
}

#navTop { background:#ea2b37; min-height:10px; display: flex; justify-content: center;}

#marquee {
	overflow: hidden;
	max-width: 1000px;
	min-height: 50px;
	padding: 5px;
	color: white;
	display: flex;
	align-items: center;
}

.marquee {
	width: 100%;
}

#marquee a, #marquee .js-marquee {
	font-size: 1rem;
	color: white;
}


#wrapper { width:1000px; background:#fff; margin:0 auto 20px; position:relative; z-index:1; }

#header { background:#fff url('/graph/site/header-bg.jpg') no-repeat 270px center; position:relative; }
#header .h1 { margin:10px 0 0 45px; display:block; }
#header .nav { position:absolute; bottom:10px; right:20px; }
#header .nav li { float:left; font-size:11px; padding:0 5px; }
#header .nav li+ li { float:left; border-left:1px solid #404040; }
#header .nav li a { color:#707070; }

#header .fb { position:absolute; top:10px; right:220px; }
#header .fb-like { position:absolute; top:13px; right:270px; }
#header form { overflow:auto; position:absolute; top:10px; right:20px;}
#header form input[type="text"] { width:150px; border:0; padding:3px 10px; background:#f3f3f3;
-webkit-border-radius:10px;
   -moz-border-radius:10px;
		border-radius:10px;
}
.ie7 #header form input[type="text"] { width:130px; }
#header form input[type="submit"] { border:0; background:#ebeef5; color:#325b99;width:26px; height:26px; cursor:pointer; background:url('/graph/site/search.jpg') center center no-repeat;
}
#header form input[type="submit"]:hover {
-webkit-box-shadow:inset 0 0 3px 2px rgba(0,0,0,.4);
   -moz-box-shadow:inset 0 0 3px 2px rgba(0,0,0,.4);
	 -o-box-shadow:inset 0 0 3px 2px rgba(0,0,0,.4);
		box-shadow:inset 0 0 3px 2px rgba(0,0,0,.4);
}

#nav { color:#fff; margin:0 20px; position:relative; z-index:2; }
#nav a.open , #nav a.close { display:none; }
#nav ul { height:30px; position:relative; }
#nav ul li { float:left; border-bottom:5px solid #fff; }
#nav ul li + li { margin-left:5px; }
#nav ul li a { display:block; padding:0 10px; color:#fff; height:30px; line-height:30px; font-weight:bold; }
#nav ul li a.after  { background:url('/graph/site/after_nav.png') center center no-repeat; width:30px; }
#nav ul li a:hover, #nav ul li:hover, #nav ul li a.actif  { background-color:#cf2631; text-decoration:none; }


#subNav { background:#ea2b37; color:#fff; margin:0 20px; position:relative; z-index:2; }
#subNav a.open , #subNav a.close { display:none; }
#subNav ul { height:30px; position:relative; }
#subNav ul li { float:left; }
#subNav ul li + li { border-left:1px solid #fff; }
#subNav ul li a { display:block; padding:0 10px; color:#fff; height:30px; line-height:30px; }
#subNav ul li a.after  { background:url('/graph/site/after_nav.png') center center no-repeat; width:30px; }
#subNav ul li a:hover, #subNav ul li:hover, #subNav ul li a.actif  { background-color:#cf2631; text-decoration:none; }
#subNav ul ul {
	position:absolute;
	right:9999em;
	width:auto;
	height:auto;
	background:#fff;
	padding:10px;
	border:2px solid #ea2b37;
	list-style:none;
	overflow:hidden;
	z-index:99;
}
#subNav ul ul li { float:none; clear:both; }
#subNav ul ul li a { color:#404040; }
#subNav ul ul li a:hover, #subNav ul li:hover ul li { background:none; text-decoration:underline; }
#subNav ul li:hover ul { right:0; }

#main { margin:20px;  position:relative; z-index:1;}

#footer { position:relative; padding:25px 20px; border-top:15px solid #e9e9e9; overflow:hidden; color:#707070; }
#footer img { position:absolute; top:10px; left:630px; }
#footer address { float:right; font-size:12px; text-align:right; }
#footer div { float:left; font-size:12px; clear:none; }
#footer div a { color:#707070; }


@media only screen and (max-width: 1015px) {
	body { min-width:710px; }
	#wrapper { width:710px; }

	#header { background:#fff; position:relative; }
	#header .h1 { margin:0 0 0 45px; display:block; }
	#header .nav { position:absolute; bottom:auto; top:50px; right:20px; }

	#nav { margin-bottom:10px; }
	#nav a.open, #nav a.close { display:block; width:auto; line-height:30px; height:30px; text-align:left; color:#fff; font-weight:bold; font-size:16px; padding:0 10px; background:#ea2b37; }
	#nav a.open { display:block; }
	#nav a.close { display:none; border-bottom:1px solid #fff; }
	#nav:target a.open { display:none; }
	#nav:target a.close { display:block; }
	#nav ul { display:none; }
	#nav ul { display:none; }
	#nav:target ul { display:block; height:auto; }
	#nav ul li { float:none; clear:both; height:auto; line-height:1.3; }
	#nav ul li + li { border:none; margin:0; }
	#nav ul li a.after { display:none; }
	#nav ul ul { position:relative; right:auto; background:none; padding:0; }
	#nav ul ul:hover { position:relative; right:auto; background:#ea2b37; }
	#nav ul ul li a { color:#ffffff; }
	#nav ul li:hover ul li { background:none; text-decoration:none; }
	#nav ul ul li a:hover { background-color:#cf2631; text-decoration:none; }

	#subNav a.open, #subNav a.close { display:block; width:auto; line-height:30px; height:30px; text-align:left; color:#fff; font-weight:bold; font-size:16px; padding:0 10px; background:#ea2b37; }
	#subNav a.open { display:block; }
	#subNav a.close { display:none; border-bottom:1px solid #fff; }
	#subNav:target a.open { display:none; }
	#subNav:target a.close { display:block; }
	#subNav ul { display:none; }
	#subNav ul { display:none; }
	#subNav:target ul { display:block; height:auto; }
	#subNav ul li { float:none; clear:both; height:auto; line-height:1.3; }
	#subNav ul li + li { border:none; }
	#subNav ul li a.after { display:none; }
	#subNav ul ul { position:relative; right:auto; background:none; padding:0; }
	#subNav ul ul:hover { position:relative; right:auto; background:#ea2b37; }
	#subNav ul ul li a { color:#ffffff; }
	#subNav ul li:hover ul li { background:none; text-decoration:none; }
	#subNav ul ul li a:hover { background-color:#cf2631; text-decoration:none; }

	#footer img { left:330px; }
}

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

	#header { padding-top:20px; overflow:hidden; }
	#header .h1 { margin:20px 0 0 0; text-align:center; }
	#header .nav { top:7px; right:15px; }
	#header .title { position:relative; bottom:auto; left:auto; width:auto; text-align:center; font-weight:bold; margin:0 20px 5px 20px;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
	}
	#header .fb { right:90%; }
	#header .fb-like { right:60%; }

	#header form { position:relative; top:auto; right:auto; width:auto; margin:20px; }
	#header form input[type="text"] { width:90%; }

	#nav a.open, #nav a.close { text-align:center; }
	#subNav a.open, #subNav a.close { text-align:center; }

	#footer img { display:none; }
}


@media only screen and (max-width: 455px) {
	body { min-width:320px; }
	#header form input[type="text"] { width:85%; }
	#wrapper { width:auto; }
}

@media only screen and (max-width: 430px) {
	#footer address { float:none; text-align:center; }
	#footer div { margin-top:20px; float:none; clear:both; text-align:center; }
}



/* ============== menu_secondaire =====*/



/* ============== 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;
}


/* ============== contenu =====*/
#main h1{ margin:0; }
#main h1 + p { font-size:12px; color:#bbb; margin-bottom:20px; }

#main h1 + p + img { margin-bottom:10px; }
#main h1 + p + img + .content { background:#efefef; padding:10px; }





/* ============== 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%;
}



/* ============== listing1 =====*/
#section { margin:20px 0; }
#section .article { padding:20px 0; overflow:auto; }
#section  .article + .article { border-top:1px solid #efefef; }
#section .article img { float:left; }
#section .article a + div { width:690px; float:right; clear:none; }
#section .article div h2 { margin:0 0 10px 0; }
#section .article div h2 a { color:#656565; }
#section .article  a.lien { color:#2b9fc8; background:#fff url('/graph/site/lien-fleche.jpg') right center no-repeat; padding-right:20px; display:inline-block; margin-top:10px; }

@media only screen and (max-width: 1015px) {
	#section .article a + div { width:400px; }
}

@media only screen and (max-width: 725px) {
	#section .article img { float:none; }
	#section .article a + div { width:auto; float:none; clear:both; }
}