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, 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, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align:top;
	text-align:center;
}

/*--------------------*/
/*--------FONT--------*/
/*--------------------*/

@font-face {
	font-family: 'ChapReg';
	src: url('../font/ChaparralPro-Regular.eot');
	src: url('../font/ChaparralPro-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/ChaparralPro-Regular.woff') format('woff'),
		 url('../font/ChaparralPro-Regular.ttf') format('truetype'),
		 url('../font/ChaparralPro-Regular.svg#ChaparralPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'ChapBd';
	src: url('../font/ChaparralPro-Bold.eot');
	src: url('../font/ChaparralPro-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/ChaparralPro-Bold.woff') format('woff'),
		 url('../font/ChaparralPro-Bold.ttf') format('truetype'),
		 url('../font/ChaparralPro-Bold.svg#ChaparralPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: 'ChapBdIt';
	src: url('../font/ChaparralPro-BoldIt.eot');
	src: url('../font/ChaparralPro-BoldIt.eot?#iefix') format('embedded-opentype'),
		 url('../font/ChaparralPro-BoldIt.woff') format('woff'),
		 url('../font/ChaparralPro-BoldIt.ttf') format('truetype'),
		 url('../font/ChaparralPro-BoldIt.svg#ChaparralPro-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
}

/*-----------------*/
/*-----GENERAL-----*/
/*-----------------*/

html{ width:100%; height:100%; }
body{ width:100%; height:100%; text-align:center; font-family:"ChapReg";  }

#wrap { width:75%; margin-left:25%; height:100%; }
.grandFond { width:90%; min-height:80px; background-color:#880016; padding:5%; }
.grandFond p{ color:white; }
.fond { width:90%; min-height:50px; background-color:#880016; padding:5%; }

h1, h2, h3, h4, h5{ color:white; text-align:left; font-family:"ChapBd"; }

h1 { font-size:2.000em; }
h2 { font-size:1.750em; }
h3 { font-size:1.500em; }
h4 { font-size:1.250em; }
h5 { font-size:1.100em; }
h4 a{ text-decoration:none; color:inherit; }
h4 a:hover{ color:black; }

.briques{ width:150px; height:80px; position:absolute; right:0px; }
.briques img{ width:100%; }

.remonter { margin-top:-100px; }

.briques_gauche{ width:150px; height:80px; position:relative; top:-20px; }
.briques_gauche img{ width:100%; }

.texte { padding:10px; margin-top:20px; }
.texte p{ text-align:left; padding:30px; }

ul { list-style:none; }
ul li{ text-align:left; }

.liste { padding:10px 30px; margin-bottom:30px; }
.liste li{ padding:4px 0px; }

.center { text-align:center; }
.clear { clear:both; }
.blanc { width:100%; height:250px; }
.bold { font-weight:bold; font-family:"ChapBd"; }
.black { color:black; }
.white { color:white; }
.espace { margin:30px 0px; }

.modifESPACE { margin:0px 0px -15px 30px; }

.bigger { font-size:1.150em; } 
.bigger2{ font-size:1.500em; } 

.marginTOP  { margin-top:10px; }

.upper { text-transform:uppercase; }

.test { margin:20px auto; }
.test { margin:20px auto; }
.test p { margin:0px; padding:0px; text-align:center; }
.test p.espace_un { padding-left:135px; }
.test p.espace_deux { padding-left:150px; }

h3 .center { line-height:1.150em; }

.grosTITRE { margin:40px auto; font-family:"ChapBd"; }
.grosTITRE li{ display:inline-block; margin:0px 50px; text-transform:uppercase; font-weight:bold; color:white; font-size:1.500em; }
.grosTITRE li.lower{ text-transform:inherit; font-weight:normal; color:white; font-size:1.500em; }
.grosTITRE {  }

/*---------------*/
/*------MENU-----*/
/*---------------*/

.menu { left:35px; width:300px; position:fixed; top:20px; }
.menu li { text-align:left; padding:5px; }
.menu li div { /*width:150px;*/ height:32px; padding:15px 26px 10px 26px; display:inline-block; }
.menu a { color:white; text-decoration:none; display:block; width:100%; }
.menu a:hover{ color:black; }
/*.menu a:hover .brun{ background-color:#564456; }
.menu a:hover .gris{ background-color:#782d27; }*/

.menu li#liLogo { width:195px; }
#liLogo a img { width:100%; }

.menu li div.vide { width:8px; padding:15px 10px 10px 10px; height:32px; }
.menu li div.videPlus { width:45px; padding:15px 10px 10px 10px; height:32px; }
.brun { background-color:#880016; }
.gris { background-color:#575757; }

.gauche { margin:0px 3px 0px 0px; }
.droite { margin:0px 0px 0px 3px; }

#head { width:100%; }
#texteHead { width:200px; float:right; }
#imgHead { width:150px; float:right; margin-right:10px; }
#imgHead img{ width:100%; border:4px solid #880016; }


/*------------------*/
/*------ACCUEIL-----*/
/*------------------*/

.serieIMG { margin:20px 0px; }
.listeIMG{ width:100%; margin:auto; }
.listeIMG li{ width:14%; display:inline-block; margin:0px 10px;  /*overflow:hidden;*/  }
.listeIMG li img{ width:100%; border:3px solid #880016; }
.listeIMG li img.large{ height:100%; border:3px solid #880016; }

.left, .right { display:inline-block; }
.left { width:35%; text-align:left; }
.right { width:60%; line-height:1.500em; font-size:1.150em; }

.left video { width:80%; text-align:left; }

.espacer { margin:40px auto;}

/*---------------------*/
/*------HISTORIQUE-----*/
/*---------------------*/

.caseIMG { width:470px; margin-left:0px; margin-bottom:30px; }
.caseIMG img { width:170px; border:4px solid #880016; }
.texteCase { float:right; margin-top:10px; }
.texteCase h4 { color:#515151; font-family:"ChapBdIt"; } 
.texteCase h3{ color:black; }

/*------------------*/
/*--------REA-------*/
/*------------------*/

.listeREA {  }
.listeREA li{ display:inline-block; margin:0px 20px; }
.listeREA li a{ display:block; width:200px; height:150px; overflow:hidden; border:4px solid #880016; }
.listeREA li a img{ height:350px; position:relative; top:-50px; }
.listeREA p { text-align:center; }


#contact h2, #contact h3, #contact h4, #contact h5 { margin:10px 0px; }
.fb img { width:20px; margin:2px 10px; }

.coll { width:70%; margin:auto; }
.coll img{ width:90%; border:4px solid #880016; }