/***************************/
/********* GENERAL *********/
/***************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
input, textarea, select { margin: 0; padding: 0 }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	text-decoration: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Utile */
.access-layout { display: none; }

.spacer {
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	float: none !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.gras { font-weight: bold }
.italique { font-style: italic }
.majuscules { text-transform: uppercase }
.minuscules { text-transform: none }
.gauche { text-align: left }
.droite { text-align: right }
.justifie { text-align: justify }
.centre { text-align: center }
.souligne { text-decoration: underline }

.f-gauche { float: left !important }
.f-droite { float: right !important }

.marge1 { height: 10px; }
.marge2 { height: 20px; }
.marge3 { height: 30px; }
.marge4 { height: 40px; }
.marge5 { height: 50px; }

.s8 { font-size: 8px; }
.s9 { font-size: 9px; }
.s10 { font-size: 10px; }
.s11 { font-size: 11px; }
.s12 { font-size: 12px; }
.s13 { font-size: 13px; }
.s14 { font-size: 14px; }
.s15 { font-size: 15px; }
.s16 { font-size: 16px !important }
.s17 { font-size: 17px !important }
.s18 { font-size: 18px; }
.s19 { font-size: 19px; }
.s20 { font-size: 20px; }
.s21 { font-size: 21px; }
.s22 { font-size: 22px; }
.s23 { font-size: 23px; }
.s24 { font-size: 24px; }
.s25 { font-size: 25px; }
.s26 { font-size: 26px; }
.s27 { font-size: 27px; }
.s28 { font-size: 28px; }
.s29 { font-size: 29px; }
.s30 { font-size: 30px; }

.separation{
	width: 100%;
	height: 1px;
	background-color:#cccccc;
	margin:20px 0;
}
.invisible { display: none }
.mobil { display: none; }
body{
	width: 100%;
	background-image:url('../img/background.jpg');
	background-size:cover;
}
body#home{
	width:100%;
	background-image:url('../img/background-home.jpg');
	background-size:100% 1860px;
	overflow-x:hidden;
}
#global{
	width: 995px;
	margin: 0 auto;
}
.ContentPage{
	background-color:#fff;
	padding: 5px;
	margin: 10px 0;
	min-height:150px; 
}
.ContentPage h2{
	font-family: 'Lato', sans-serif;
	font-size:22px;
	font-weight: 900;
	color:#000;
}
.ContentPage div.contenuPage{
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-weight: 400;
	color:#330066;
}
.ContentPage .galerie img{
	width: 200px;
	height: 200px;
}
.galerie .slick-track a{
	width: 200px !important;
}

table{
	width: 100%;
	border:1px solid #000;
	border-radius: 10px;
	text-align: center;
}
table tr, table tr th, table tr td{
	border: 1px solid #000;
}
header{
	width: 1160px;
	margin: 0 auto;
	margin-bottom: 25px;
}
.logo, .titre{
	display: inline-block;
}
.logo img{
	border: none;
}
.titre{
	width: 300px;
	text-align: center;
}
.titre h2{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 30px;
	color:#ffff66;
}
.titre h3{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size:16px;
	color:#003366;
}
nav{
	width: 100%;
	min-height: 65px;
	background-color:#cc3333;
	text-align: center;
	margin-bottom: 40px;
}
nav ul{
	list-style: none;
	display: inline-block;
}
nav ul li{
	display: table-cell;
	width: 120px;
	height: 65px;
	line-height: 65px;
	vertical-align: middle !important;
	word-wrap: break-word;
	vertical-align: top;
}
nav ul li a{
	width: 100%;
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size:16px;
	color:#fff;
	text-decoration: none;
	line-height: 100%;
	vertical-align: middle;
}
nav ul li:hover, a.active{
	background-color:#ff3300;
}
.entete{
	width: 770px;
	margin: 0 auto;
}
.entete p{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:24px;
	line-height: 30px;
	color:#201459;
	
}
.blocLarge{
	position: relative;
	width: 100%;
	min-height: 550px;
}
.blocLarge .image{
	position: absolute;
	z-index: 1;
}
.blocLarge .texte{
	width: 100%;
	position: absolute;
	top: 300px;
	z-index: 2;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
}
.blocLarge .texte h2{
	font-size: 55px;
	color:#fff;
	text-transform: uppercase;
}
.blocLarge .texte a{
	font-size: 18px;
	color:#fff;
	text-transform: uppercase;
}
.blocLarge .texte a:hover{
	text-decoration: underline;
}
.blocPetit{
	position: relative;
	display: inline-block;
	width: 495px;
	min-height: 300px;
}
.blocPetit .image{
	position: absolute;
	z-index: 1;
}
.blocPetit .texte{
	width: 100%;
	position: absolute;
	top: 100px;
	z-index: 2;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	color:#fff;
}
.blocPetit .texte h3{
	font-size: 36px;
	text-transform: uppercase;
}
.blocPetit .texte a{
	font-size: 18px;
	text-transform: uppercase;
	color:#fff;
}
.blocPetit .texte a:hover{
	text-decoration: underline;
}
.slider{
	width: 100%;
	min-height: 270px;
	background-color:#fff;
}
.slideContent{
	width: 995px;
	margin:0 auto;
}
.slideContent div{
	width: 90%;
}
.slider .slide_image{
	display: inline-block;
	width: 310px;
	float: left;
}
.slider .slide_texte{
	display: inline;
}
.slider .slide_texte h3{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color:#cc3333;
	text-decoration: underline;
	text-transform: uppercase;
}
.slider .slide_texte p{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size:24px;
	color:#cc3333;
	text-transform: uppercase;
}
#slide-prev{
	position: absolute;
	top: 40%;
	left: -100px;
	cursor: pointer;
}
#slide-next{
	position: absolute;
	top: 40%;
	right: -900px;
	cursor: pointer;
}
.form-group{
	display: block;
}
footer{
	width: 100%;
	background:#cc3333;
	padding-top:35px;
}
footer .footer{
	width: 995px;
	margin: 0 auto;
}
footer .footer .colFoot{
	display: table-cell;
	width: 325px;
}
footer .footer .logoFoot, footer .footer .coordonne{
	vertical-align: middle;
}
footer .footer .colFoot ul{
	display: block;
	width: 100%;
}
footer .footer .colFoot ul li{
	width: 50%;
	height: 25px;
	float: left;
	display: block;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size:12px;
	line-height: 12px;
	color:#ffffff;
}
footer .footer .colFoot ul li a{
	color:#fff;
	text-transform: uppercase;
}
footer .footer .colFoot ul li a:hover{
	text-decoration: underline;
}
footer .footer .colFoot .phone{
	font-family: 'Lato', sans-serif;
	font-size:22px;
	font-weight: 900;
	color:#fff;
	padding-left:35px;
	background-image: url('../img/ico-phone.png');
	background-position: left;
	background-repeat: no-repeat;
}
footer .footer .colFoot .mail{
	margin-top:15px;
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	font-weight: 900;
	color:#fff;
	padding-left: 35px;
	background-image: url('../img/ico-mail.png');
	background-repeat: no-repeat;
	background-position: left;
}
footer .footer .colFoot .mail a{
	color:#fff;
}
footer .footer .colFoot .mail a:hover{
	text-decoration: underline;
}