/* ---- RESET CSS ---- */

html, body {height:100%;}

html {font-size:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {margin:0px; padding:0px; color:#000; line-height: 1.231; font-family:Helvetica, Arial, sans-serif; font-size:12px;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

*{outline:none;}

p {text-align:left; margin:0 0 10px 0; line-height:18px;}
p:last-child {margin:0;}

blockquote {margin:25px 20px 10px 0; padding:0 20px; border-left:3px solid #fdbb1e; color:#fdbb1e; line-height:1.5; font-style:italic; font-family:Georgia;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
nav ul {list-style: none; list-style-image: none; margin: 0; padding: 0;}

fieldset, figure, form {border: 0; margin: 0; padding: 0;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
label,input,select,textarea{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; line-height:normal;}
textarea { overflow: auto; vertical-align: top; resize: vertical;}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ---- LIENS ---- */

a {color:#f0171d; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a img {border:none;}

/* ---- Hn ---- */ 

h1,h2,h3,h4,h5,h6{font-weight:normal; color:#000;}
h1{font-size:30px;}
h2{font-size:24px; color:#fdbb1e;}
h3{font-size:18px; color:#f0171d;}
h4{font-size:16px;}
h5{font-size:14px; color:#fdbb1e;}
h6{font-size:13px;}

/* ---- SELECTION TEXTE ---- */

::-moz-selection {
background-color:#f0171d;
color:#000;
}

::selection {
background-color:#f0171d;
color:#000;
}

/* ---- PROPRIETES UTILES ---- */ 

.clear {clear:both;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px;}
.relative {position:relative;}
.container {width:940px; margin:0 auto; position:relative;}
.hidden {overflow:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib {display:inline-block;}
.indent {text-indent:-7000px;}
.nomargin {margin:0px;}
.col {-webkit-column-count:3;
	-webkit-column-gap:70px;
	-webkit-column-rule:1px dotted #333;
	
	-moz-column-count:3;
	-moz-column-gap:70px;
	-moz-column-rule:1px dotted #333;
	
	-o-column-count:3;
	-o-column-gap:70px;
	-o-column-rule:1px dotted #333;
	
	column-count:3;
	column-gap:70px;}
.col2 {-webkit-column-count:2;
	-webkit-column-gap:70px;
	-webkit-column-rule:1px dotted #333;
	
	-moz-column-count:2;
	-moz-column-gap:70px;
	-moz-column-rule:1px dotted #333;
	
	-o-column-count:2;
	-o-column-gap:70px;
	-o-column-rule:1px dotted #333;
	
	column-count:2;
	column-gap:70px;}

#points {position:fixed; top:0; left:0; height:100%; width:100%; background:url(img/points.png) top left repeat; z-index:-100;}

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

#sidebar{position:fixed; z-index:999; top:0; left:0; width:226px; height:100%; background:url(img/bg_menu.png) top left repeat-y;}
#logo {margin:107px 0 0 10px; width:200px; height:200px; overflow:hidden;}
#copyright {position:absolute; bottom:20px; right:45px; font-size:10px; cursor:default;}
#copyright p {line-height:1.4; text-align:right;}

#hide {position:absolute; top:0px; right:-98px; display:block; width:112px; height:23px; background:url(img/Hide.png) top left no-repeat; text-indent:-7000px;}
.show {background:url(img/show.png); top:0px; right:50px no-repeat!important;}

#menu {font-size:14px; text-align:right; margin:50px 0 0 0;}
#menu li {height:36px; line-height:36px; width:226px;}
#menu li.active {background:url(img/bg_menu_active.png); top; left; no-repeat;}
#menu li.active a {text-transform:uppercase!important; color:#f0171d!important; margin-right:25px!important;}
#menu li a {color:#000; display:block; margin-right:45px;}
#menu li a:hover {color:#f0171d;} 

#reseaux {display:inline-block; position:absolute; bottom:110px; right:45px;}
.reseau {display:inline-block; width:26px; height:26px; text-indent:-7000px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#fb {background:url(img/reseaux.png) no-repeat 0px 0px;}
#fb:hover {background:url(img/reseaux.png) no-repeat 0px -26px;}
#tw {background:url(img/reseaux.png) no-repeat -26px 0px;}
#tw:hover {background:url(img/reseaux.png) no-repeat -26px -26px;}

/* ---- CONTENT ---- */

.content {position:relative; margin:0px 140px 160px 365px; min-height:100%; min-width:700px;}
.content h1 {margin:0 0 50px 0; padding:0px; display:block;}

#home {padding-top:110px;}
#about, #contact {padding-top:60px;}

#title_news {background:url(img/h1_news.png) top left no-repeat; width:681px; height:53px; text-indent:-7000px;}
#title_about {background:url(img/h1_about.png) top left no-repeat; width:681px; height:53px; text-indent:-7000px;}
#title_contact {background:url(img/h1_contact.png) top left no-repeat; width:881px; height:53px; text-indent:-7000px;}

#content_news {overflow:hidden; min-height:340px;}
#content_about {padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #f0171d;}
#content_contact {width:73%; padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #f0171d;}
#content_footer {background:; position:absolute; margin:0px; width:100%; min-width:700px; padding-top:-50px; height:50px;}


/* ---- CAROUSEL NEWS ---- */

.single_news {position:relative; width:200px; min-height:365px; background-color:#fff; display:inline-block; margin:0 40px 40px 0; border-top:1px solid #f0171d; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; vertical-align:top;}
.single_news:nth-child(3n+3) {margin:0 40px 40px 0;}
.single_news > img {width:100%;}
.single_news:hover, .news_active {background-color:#000!important; cursor:default;}
.single_news:hover h2, .news_active h2 {color:#fff!important;}
.single_news:hover .more, .news_active .more {background:url(img/more.png) no-repeat -19px 0px!important;}
	
.contenu_news {padding:20px;}
.contenu_news p, .contenu_news h2 {margin:0px; padding:0px;}
.contenu_news h2 {line-height:1;}
.date {color:#f0171d; text-transform:uppercase; font-size:11px; font-weight:bold; padding-bottom:2px!important;}
.text {color:#5e5e5e; padding-top:10px!important;}

.more {display:block; position:absolute; bottom:0; right:0; width:19px; height:19px; background:url(img/more.png) top left no-repeat; text-indent:-7000px;}
.close_news {background-color:#f0171d; color:#fff; text-transform:uppercase; display:block; margin-top:20px; padding:5px; text-align:center; font-size:14px; font-weight:bold;}

.btn_slider {display:inline-block; padding:3px 7px 7px 7px; font-size:11px; color:#fff; position:absolute; top:180px; cursor:pointer; background-color:#000; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.btn_slider:hover {background-color:#fdbb1e; color:#000;}
#next {right:33px;}
#prev {right:59px;}

/* ---- LECTEUR MP3 ---- */

#lecteur {position:fixed; z-index:100; height:13px; line-height:5px; right:0px; top:0px; padding:5px; color:#fff; background-color:#000;}
	
	#play {display:inline-block; width:10px; height:10px; margin-right:2px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat 0px 0px;}
	#play:hover {background:url(img/lecteur.png) no-repeat 0px -10px;}
	#pause {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -10px 0px;}
	#pause:hover {background:url(img/lecteur.png) no-repeat -10px -10px;}
	#stop {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -20px 0px;}
	#stop:hover {background:url(img/lecteur.png) no-repeat -20px -10px;}
	
	#play-bar {height:5px; background-color:#f0171d;}
	#seek-bar {display:inline-block; height:5px; width:100px!important; margin:0 5px; background-color:#fff; cursor:pointer;}
	
	#btn_lecteur {display:inline-block; width:55px; background:url(img/bg_btn.png) top left no-repeat; height:13px; line-height:15px; padding:5px; position:absolute; top:0px; left:-55px; text-align:center;}
	
	#time {display:inline-block; color:#c; margin-top:4px!important; margin-right:3px!important; font-size:11px; cursor:default;}
	#current-time {color:#fff;}
	#duration {color:#f0171d;}
	

/* ---- FORMULAIRES ---- */



#googlemap {float:left; width:; margin-top: 10px; padding:5px; background-color:#fff;}
#googlemap iframe {width:100%; vertical-align:top;}
#imglogofin {float: right; padding :5px;}


.error {background-color:#f0171d!important;}
.error::-webkit-input-placeholder {color:#fff!important;}
#loading {position:absolute; bottom:40px; right:40px; display:none;}
#success {background:#fdbb1e; color:#000; font-weight:bold; padding:10px; text-transform:uppercase; text-align:center;}