body{min-width:320px;font-family:"Roboto",sans-serif;color:#000}h1,h2,h3,h4,h5{color:#8d1111}.container-page h1{font-size:30px;font-weight:400;text-transform:uppercase;margin-bottom:10px}.container-page h1+p{color:#89878c;font-size:16px}table.default{border-collapse:collapse;border-spacing:0;background:#fff;border:none}table.default thead th{color:#0a3594;font-weight:bold;border:none;padding:10px}table.default tbody tr:nth-child(odd){background-color:#6a9dd2;color:#fff}table.default td{border:none;padding:10px}#header{position:relative;background-color:#fff;z-index:2;-webkit-box-shadow:0 0 50px 30px rgba(0,0,0,.7);-moz-box-shadow:0 0 50px 30px rgba(0,0,0,.7);-o-box-shadow:0 0 50px 30px rgba(0,0,0,.7);box-shadow:0 0 50px 30px rgba(0,0,0,.7)}#header .container{position:relative;width:1330px;margin:0 auto;padding-top:30px;padding-bottom:20px;text-align:center}@media(max-width: 1350px){#header .container{width:auto}}@media(max-width: 1220px){#header .container{background:none}}#header .h1{display:inline-block;margin:0}@media(max-width: 500px){#header .h1 img{width:200px}}#header .hr{position:absolute;top:80px;right:0;left:0;height:1px;background-color:#7d7d7d}@media(max-width: 500px){#header .hr{top:45px}}.fond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,0);background-position:center center;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#wrapper{position:relative;width:1200px;margin:0 auto;z-index:2}@media(max-width: 1220px){#wrapper{width:auto;padding:30px 10px}}#btn-nav{background:#8d1111 url("/graph/site/2016/menu.png") no-repeat scroll center center;cursor:pointer;display:none;height:50px;position:absolute;right:20px;top:20px;width:50px}@media(max-width: 1220px){#btn-nav{display:block}}@media(max-width: 500px){#btn-nav{right:10px;top:10px}}#nav{position:relative;display:table;table-layout:auto;padding:10px 0;width:100%;font-size:20px;font-family:"Oswald",sans-serif;text-transform:uppercase;color:#fff;z-index:5}@media(max-width: 1220px){#nav{display:none}}#nav ul{display:table-row}#nav ul li{display:table-cell;text-align:center;position:relative}#nav ul li a{display:block;padding:5px 0;color:#fff;font-weight:700;text-decoration:none;text-shadow:1px 1px 3px #000}@media(max-width: 1220px){#nav ul{display:block;background-color:rgba(255,255,255,.8)}#nav ul li{display:block;text-align:left}#nav ul li:hover{display:block;background-color:#fff}#nav ul li a{display:block;padding:5px 15px;color:#8d1111;font-weight:700;text-decoration:none;text-shadow:none}#nav ul ul{display:none !important}}#nav ul ul{display:none;padding:20px;background:rgba(255,255,255,.7);border-top:2px solid #8c1211;border-bottom:2px solid #8c1211}#nav ul ul li{display:block;clear:both}#nav ul ul li+li{border:none}#nav ul ul li a{text-align:left;height:auto;padding:1px 0;color:#404040;font-weight:normal;line-height:1.2;font-size:13px;text-shadow:none}#nav ul ul li a:hover{text-decoration:underline}#nav ul li:hover ul{display:block;position:absolute;left:0;width:250px}#main{position:relative;z-index:4}#footer{position:relative;margin-bottom:30px;color:#fff;font-size:12px;text-shadow:1px 1px 3px #000;z-index:5}#footer .nav{position:absolute;top:-55px;left:390px;text-align:right}@media(max-width: 1220px){#footer .nav{position:relative;top:auto;left:auto;margin-top:20px}}#footer.inert .nav{position:inherit;top:auto;left:auto}#footer .nav a{color:#fff}.container-fluid{padding-right:3px;padding-left:3px;margin-right:auto;margin-left:auto}.row{margin-right:-3px;margin-left:-3px}.clearfix:before,.clearfix:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:" "}.clearfix:after,.container-fluid:after,.row:after{clear:both}.col{display:block;position:relative;padding:3px;clear:none}.m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10,.m11,.m12{float:left}.m12{width:100%}.m11{width:91.66666667%}.m10{width:83.33333333%}.m9{width:75%}.m8{width:66.66666667%}.m7{width:58.33333333%}.m6{width:50%}.m5{width:41.66666667%}.m4{width:33.33333333%}.m3{width:25%}.m2{width:16.66666667%}.m1{width:8.33333333%}.hidden-m{display:none}@media(min-width: 768px){.t1,.t2,.t3,.t4,.t5,.t6,.t7,.t8,.t9,.t10,.t11,.t12{float:left}.t12{width:100%}.t11{width:91.66666667%}.t10{width:83.33333333%}.t9{width:75%}.t8{width:66.66666667%}.t7{width:58.33333333%}.t6{width:50%}.t5{width:41.66666667%}.t4{width:33.33333333%}.t3{width:25%}.t2{width:16.66666667%}.t1{width:8.33333333%}.hidden-m{display:inherit}}@media(min-width: 992px){.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12{float:left}.d12{width:100%}.d11{width:91.66666667%}.d10{width:83.33333333%}.d9{width:75%}.d8{width:66.66666667%}.d7{width:58.33333333%}.d6{width:50%}.d5{width:41.66666667%}.d4{width:33.33333333%}.d3{width:25%}.d2{width:16.66666667%}.d1{width:8.33333333%}}@media(min-width: 1200px){.hd1,.hd2,.hd3,.hd4,.hd5,.hd6,.hd7,.hd8,.hd9,.hd10,.hd11,.hd12{float:left}.hd12{width:100%}.hd11{width:91.66666667%}.hd10{width:83.33333333%}.hd9{width:75%}.hd8{width:66.66666667%}.hd7{width:58.33333333%}.hd6{width:50%}.hd5{width:41.66666667%}.hd4{width:33.33333333%}.hd3{width:25%}.hd2{width:16.66666667%}.hd1{width:8.33333333%}}.si-mgallery{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background-color:rgba(0,0,0,.9);z-index:999}.si-mgallery::before,.si-mgallery::after{content:"";display:block;width:50px;height:50px;position:absolute;border-radius:50%;top:50%;left:50%;margin-top:35px;margin-left:-25px;z-index:1}.si-mgallery::before{border:6px solid rgba(255,255,255,.4)}.si-mgallery::after{border:6px solid rgba(0,0,0,0);border-top-color:#fff;animation:spin 1s linear 0s infinite}.si-mgallery__header{display:flex;flex:0 0 auto;background-color:#000}.si-mgallery__main{flex:1 1 auto;position:relative;margin:2rem}.si-mgallery__main img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;z-index:2}.si-mgallery__desc{margin:0 auto;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:"Roboto Condensed",sans-serif;padding:0 1rem;font-size:1.4rem;overflow:hidden;height:2rem;line-height:2rem;margin-bottom:.5rem}.si-mgallery__title{flex:1 1 auto;text-transform:uppercase;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:"Roboto Condensed",sans-serif;padding:0 1rem;font-size:1.6rem;overflow:hidden;height:3.75rem;line-height:3.75rem}.si-mgallery__nav{flex:0 0 auto;display:flex;list-style:none;margin:0;padding:0 1rem}.si-mgallery__prev,.si-mgallery__next,.si-mgallery__close{position:relative;display:block;height:3.75rem;width:2rem;cursor:pointer}.si-mgallery__next::after,.si-mgallery__prev::after{content:"";position:absolute;top:50%;width:1rem;height:1rem;border-style:solid;border-color:#fff;transform:rotate(45deg) translateY(-50%)}.si-mgallery__prev:after{border-width:0 0 2px 2px;left:20%}.si-mgallery__next:after{border-width:2px 2px 0 0;right:50%}.si-mgallery__close::before,.si-mgallery__close::after{content:"";position:absolute;top:34%;left:50%;width:2px;height:1.5rem;background-color:#fff}.si-mgallery__close::before{transform:rotate(45deg)}.si-mgallery__close::after{transform:rotate(-45deg)}[data-event=si-mgallery]{cursor:pointer}.si-mgallery{z-index:9999999999}



/* ============== contenu =====*/

.container-page {
    background-color: #fff;
    padding: 20px;
    margin-bottom:25px;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,.5);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,.5);
}



/* ============== index =====*/
#slide {
	position: relative;
	float:left;
	width: 800px;
	height: 320px;
}
@media (max-width: 1220px) {
	#slide {
		float:none;
		width: 100%;
	}
}

#slide .slide {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
}
@media (max-width: 830px) {
	#slide .slide {
		background-color: rgba(255,255,255,.8);
	}
}
#slide .slide:first-child { z-index:2; }
#slide .title {
	position:absolute;
	top:30px; right:30px;
	width:260px;
	z-index:3;
	color:#8e1011;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
}

#slide .title:first-letter {
	font-size: 40px;
}

#slide .title span {
	display: block;
	font-size: 20px;
}

@media (max-width: 700px) {
	#slide .title {
		position:absolute;
		top:20px; right:20px;
		width:auto;
		text-shadow: 1px 1px 2px rgba(255,255,255,.8),0 0 1px rgba(255,255,255,.7);
	}
	#slide .title:first-letter {
		font-size: 30px;
	}
	#slide .title span {
		display: block;
		font-size: 15px;
	}
}


#slide .img {
	position: relative;
	width: 480px;
	z-index: 2;
}
@media (max-width: 830px) {
	#slide .img {
		width: auto;
	}
}

#slide .content {
	position:absolute;
	top:0; right:0; bottom:0; left: 0;
	background-color: rgba(255,255,255,.8);
	z-index: 1;
}
@media (max-width: 830px) {
	#slide .content {
		top:auto;
		z-index: 3;
		padding:10px;
	}
}
#slide .content h2 {
	float:right;
	width: 320px;
	padding:120px 35px 0 0;
	font-size: 16px;
}
#slide .content h2 a {
	color: #000;
}
#slide .content p {
	float:right;
	width: 320px;
	padding:10px 35px 0 0;
	clear:both;
}
@media (max-width: 1220px) {
	#slide .content h2,
	#slide .content p {
		width: 50%;
	}
}
@media (max-width: 1050px) {
	#slide .content h2,
	#slide .content p {
		width: 40%;
	}
}
@media (max-width: 830px) {
	#slide .content h2,
	#slide .content p {
		float:none;
		width: 100%;
		padding:0;
	}
}

#slide .paginate {
	position:absolute;
	bottom: 45px; right: 70px;
	z-index: 3;
}
@media (max-width: 830px) {
	#slide .paginate {
		bottom: 80px;
	}
}
#slide .paginate span {
	display:inline-block;
	width: 15px; height: 15px;
	margin:0 2px;
	background: transparent url('/graph/site/2016/index_slide_paginate.png') no-repeat 0 0;
	cursor: pointer;
}
#slide .paginate span.active {
	background-position: 100% 0;
}

.txt-center {
	text-align: center;
}

.wrapper-box {
	float:right;
	width: 390px;
	clear:none;
}
@media (max-width: 1220px) {
	.wrapper-box {
		float:none;
		width: 100%;
		margin-top:10px;
		clear:both;
	}
}
.wrapper-box .box {
	height: 155px;
	background-color: rgba(255,255,255,.8);
}

.wrapper-box .box-min {
	height: 72.5px;
}

@media (max-width: 1220px) {
	.wrapper-box .box {
		width: 49.3%;
		clear:none;
		float:left;
	}
}
@media (max-width: 720px) {
	.wrapper-box .box {
		width: 100%;
		clear:both;
		float:none;
	}
}
.wrapper-box .box + .box {
	margin-top:10px;
}
@media (max-width: 1220px) {
	.wrapper-box .box + .box {
		margin-top:0;
		float:right
	}

    .wrapper-box .box-min + .box-min {
        margin-top:10px;
    }
}
@media (max-width: 720px) {
	.wrapper-box .box + .box {
		margin-top:10px;
		float:none;
	}
}
.wrapper-box .box h2 {
	padding:30px 30px 15px 30px;
	color:#8e1011;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
}

.wrapper-box .box-min h2 {
	padding:15px 30px 15px 30px;
}

.wrapper-box .box h2:first-letter {
	font-size: 40px;
}
.wrapper-box .box h2 a {
	color:#8e1011;
}
.wrapper-box .box img {
	vertical-align: middle;
	margin-left:18px;
}
.wrapper-box .box p {
	padding:0 40px;
}
.wrapper-box form {
	display: inline-block;
	width:200px;
	height:30px;
	margin-top:15px;
}
.wrapper-box form input {
	border:none;
	height:32px;
	line-height:32px;
}
.wrapper-box form input[type="submit"] {
	float:right;
	width: 40px;
	background: transparent url('/graph/site/2016/index_newsletter_submit.png') center center no-repeat;
}
.wrapper-box form input[type="text"] {
	width: 145px;
	padding:0 5px;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}


.wrapper-box2 {
	margin-top: 10px;
}
.wrapper-box2 section {
	position: relative;
	height: 580px;
}
@media (max-width: 1220px) {
	.wrapper-box2 section {
		height: auto;
	}
}

.wrapper-box2 section.diary {
	float: left;
	width: 470px;
	padding: 25px 20px;
	background-color: rgba(0,0,0,.52);
}

@media (max-width: 1220px) {
	.wrapper-box2 section.diary {
		overflow:hidden;
		float: none;
		width: 100%;
		padding: 25px;
		background-color: rgba(0,0,0,.52);
	}
}
.wrapper-box2 section.diary::after {
	content:"";
	position:absolute;
	top:0; right:-98px;
	width:0; height:0;
	border-style: solid;
	border-width: 580px 0 0 98px;
	border-color: transparent transparent transparent rgba(0,0,0,.52);
}
@media (max-width: 1220px) {
	.wrapper-box2 section.diary::after {
		display: none;
	}
}
.wrapper-box2 section.diary .article {
	padding:15px 0;
	overflow: hidden;
}
.wrapper-box2 section.diary .article + .article {
	border-top:1px solid rgba(255,255,255,.5);
}
.wrapper-box2 section.diary time {
	float:left;
	width:57px; height: 57px;
	background-color: #890208;
	text-align: center;
	color: #fff;
	line-height: 57px;
	font-size: 25px;
}
.wrapper-box2 section.diary a:hover time {
	background: #fec55e;
	background: -moz-linear-gradient(-45deg, #fec55e 0%, #fec55e 40%, #a1712f 60%, #502d07 78%, #fcc453 100%);
	background: -webkit-linear-gradient(-45deg, #fec55e 0%, #fec55e 40%, #a1712f 60%,#502d07 78%,#fcc453 100%);
	background: linear-gradient(135deg, #fec55e 0%, #fec55e 40%, #a1712f 60%,#502d07 78%,#fcc453 100%);
}

.wrapper-box2 section.diary time .valign {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}
.wrapper-box2 section.diary time .valign span {
	display: block;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.2;
	font-weight: 300;
	text-transform: uppercase;
}
.wrapper-box2 section.diary .content {
	float:right;
	width: 100%;
	margin-right: -67px;
	padding-right: 67px;
	color: #fff;
	clear:none;
}
.wrapper-box2 section.diary h2 {
	margin-bottom:3px;
	font-size: 16px;
	color: #fff;
}
.wrapper-box2 section.diary .more {
	float:right;
	display: block;
	width: 100%;
	margin-top:15px;
	margin-right: -67px;
	padding-right: 67px;
	padding-left:15px;
	background: transparent url('/graph/site/2016/index_diary_fleche.png') 0 center no-repeat;
	color:#fff;
}




.wrapper-box2 section.actu {
	float: right;
	width: 621px;
	padding:45px 50px;
	background-color:rgba(255,255,255,.8);
	clear: none;
}

@media (max-width: 1220px) {
	.wrapper-box2 section.actu {
		float: none;
		width: 100%;
		margin-top:10px;
		padding: 25px;
		clear: both;
	}
}

.wrapper-box2 section.actu::before {
	content:"";
	position:absolute;
	top:0; left:-98px;
	width:0; height:0;
	border-style: solid;
	border-width: 0 98px 580px 0;
	border-color: transparent rgba(255,255,255,.8) transparent transparent;
}
@media (max-width: 1220px) {
	.wrapper-box2 section.actu::before {
		display:none;
	}
}
.wrapper-box2 section.actu .title {
	margin-left:-50px;
	color:#8e0109;
	font-size: 28px;
	font-weight: 300;
	text-transform: uppercase;
}
@media (max-width: 1220px) {
	.wrapper-box2 section.actu .title {
		margin-left:0;
	}
}

.wrapper-box2 section.actu .title:first-letter {
	font-size: 40px;
}
.wrapper-box2 section.actu .article {
	margin-top:35px;
}
.wrapper-box2 section.actu h2 {
	position: relative;
	margin-bottom:3px;
	font-size: 16px;
	color: #000;
}
.wrapper-box2 section.actu a:hover {
	text-decoration: none;
}
.wrapper-box2 section.actu a:hover h2::before {
	content:"";
	display:block;
	width: 10px; height:10px;
	position: absolute;
	left:-20px;top:2px;
	background: transparent url('/graph/site/2016/index_actu_fleche.png') 0 0 no-repeat;
}



.wrapper-box2 section.actu time {
	color: #000;
}
.wrapper-box2 section.actu .content p {
	margin-top: 10px;
	color: #000;
}