html,body {
	font-family: GothamBook,Helvetica,Arial,sans-serif;
	font-size:15px;
	margin:0;
	padding:0;
	color:#1D1D1B;
	position: relative;
	height: 100%;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

::selection {background: #1D1D1B;color:#fff;}
::-moz-selection {background: #1D1D1B;color:#fff;}

body{overflow-x: hidden;background:#fff url(../images/bg.png) top center repeat-y;}
img{max-width: 100%;height: auto;}
.clear{clear:both;}
a{color:#1D1D1B;text-decoration: none;}
a:hover{text-decoration: none;color:#1D1D1B;}
a.underline{text-decoration: underline;}

.pagination{list-style-type: none;margin:0 0 30px 0;padding: 0;}
.pagination li{display: inline;}
.page-item a{padding:10px;background-color:#000;color:#fff;border-radius: 24px;}
.page-item.active a{background-color:#FFED00;color:#000;}

hr{height: 1px;background: #ccc;border:none;margin:40px 0;}

p{}
.center{text-align: center;}
.right{text-align: right;}
.left{text-align:left;}
.absolutebottomright{position: fixed;z-index:99;bottom:100px;width:100%;padding-right:40px;max-width:780px;text-align: right;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



*:focus {outline: none;background: none;}
.erreur{color:#f00;font-family: GothamBold,Helvetica,Arial,sans-serif; }
.succes{color:#45b836;font-family: GothamBold,Helvetica,Arial,sans-serif; }
.underline{text-decoration: underline;}
.jaune{color:#FFED00;}

h1{color:#1D1D1B;font-size:26px;line-height:30px;font-family: GothamBook,Helvetica,Arial,sans-serif;margin:0;padding:0;}
h2{color:#1D1D1B;font-size:22px;font-family: GothamBook,Helvetica,Arial,sans-serif;margin:0;padding:30px 0 10px 0;line-height:26px;font-weight:800;}
h3{color:#1D1D1B;font-size:20px;font-family: GothamBook,Helvetica,Arial,sans-serif;margin:0;padding:0;text-transform: uppercase;}

#wrapper{max-width:800px;height:100%;position: relative;margin:0 auto;overflow-x: hidden;}
.container{padding:0 10px 66px 10px;margin: 0 auto;position: relative;overflow: hidden;}
.row{clear:both;}

.col_25{float:left;width:24%;margin-right:1%;}
.col_33{float:left;width:31%;margin-right:2%;}
.col_50{float:left;width:48%;margin-right:2%;}

.col33_1{margin-left: 2%;}
.col33_3{margin-right: 0;}

@media (max-width:600px) { 
	.col_25{width:50%;margin-bottom: 20px;}
	.col_33{float:none;width:100%;margin:0;}
	.col_50{float:none;width:100%;margin:0;}
	
	.col33_1{margin-left: 0;}
	.col33_3{margin-right: 0;}
}

.padding{padding:0 25px;}

.btn{background: #1D1D1B;color:#fff;padding: 15px 15px;border-radius: 100px;font-weight: bold;font-size: 14px;}
.btn:hover{background:#2196f3;color:#1D1D1B;}
.btn img{vertical-align: middle;}
.btn:hover img{filter: invert(48%) sepia(79%) saturate(0%) hue-rotate(86deg) brightness(0%) contrast(0%);}


a.retour{background: #fff;color:#1D1D1B;padding: 12px 15px;border-radius: 100px;font-weight: bold;font-size: 14px;} 
a.retour img{margin:-5px 5px -5px -3px;transform:rotate(180deg);}
a.retour:hover{background: #2196f3;color:#1D1D1B;} 


.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}
.embed-container iframe,.embed-container object,.embed-container embed,.embed-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}

.accordion_titre {padding:16px 36px 16px 16px;cursor:pointer;position:relative;background:url(../images/accordion-plus.png) center right no-repeat;margin:0;border-bottom:1px solid #ECF4F7;font-family: GothamBold,Helvetica,Arial,sans-serif;}
.accordion_active {background:url(../images/accordion-moins.png) center right no-repeat;}
.accordion_texte {clear:both;display:none;padding:16px;}

#header{height:63px;padding-top:7px;position: fixed;z-index:99;top:0;width:100%;background: #10658e;max-width: 800px;border-bottom: 1px solid #fffab9;}
  #header_g{float: left;width: calc(100% - 110px);}
    #header_g img{max-height:50px;margin:3px 0 0 10px;}
  #header_d{float: right; width:100px;padding: 6px 10px 0 0;}
    #header_notifications{float:left;margin-right: 10px;}
      #header_notifications a{border:2px solid #fff;border-radius:90%;background: #fff;width: 32px;height: 32px;padding:7px 0 0 7px;position: relative;display: block;}
      #header_notifications img{height:39px;width: 39px;border-radius:90%;border:2px solid #fff;}
      #header_notifications .notif{color: #F7864C;font-size:36px;position: absolute;top:-16px;right:-5px;}
      #header_notifications .notif_off{opacity:0;}
    #header_compte{float:left;}
      #header_compte img{height:39px;width: 39px;border-radius:90%;border:2px solid #fff;}

#notifications{position: absolute;top:70px;right: 0;width:100%;height:90vh;overflow-y:auto;background:#fff;z-index: 98;display: none; box-shadow: 0 0 5px #ccc;max-width: 460px;}
  #notifications .titre{font-size: 18px;font-family: GothamBold,Helvetica,Arial,sans-serif;padding: 16px;border-bottom:1px solid #ECF4F7;}
  #notifications ul{margin:0;padding:0;list-style-type:none;background:#fff;}
  #notifications ul li{padding:16px;border-bottom:1px solid #ECF4F7;font-size: 14px;width:100%;position: relative;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  	.notification_bulle{color: #F7864C;font-size:32px;position: absolute;top:21px;right:8px;opacity:0.2;}
  	.notification_photo{float: left;padding:0 10px 10px 0;}
		.notification_photo img{width:40px;height:40px;border-radius: 90%;}
  	.notification_heure{color:#5E6366;font-family: GothamBook,Helvetica,Arial,sans-serif;font-size:12px;padding-top: 5px;}

  	#notifications ul li.nonvue{background: #ECF4F7;}
  	#notifications ul li.nonvue .notification_bulle{opacity:1;}


#moncompte{position: absolute;top:70px;right: 0;width:300px;height:auto;background:#fff;z-index: 98;  display: none; box-shadow: 0 0 5px #ccc;}
  #moncompte .titre{font-size: 18px;font-family: GothamBold,Helvetica,Arial,sans-serif;padding: 16px;border-bottom:1px solid #ECF4F7;}
  #moncompte ul{margin:0;padding:0;list-style-type:none;}
  #moncompte ul li{padding:16px;border-bottom:1px solid #ECF4F7;}
  #moncompte ul li:last-child{background:#ECF4F7;}

#main{padding-top: 60px;} /*background:url(../images/bg-top2.png) top center no-repeat;*/

#nav{min-height:75px;position: fixed;z-index:99;bottom:0;width:100%;padding:0 20px;background: #10658e;max-width: 800px;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#nav img{height: 26px;padding-bottom: 5px;}
#nav div{float: left;width: 100%;text-align: center;padding-top:15px;line-height: 15px;}
#nav div a{display:block;font-size: 13px;font-weight: bold;font-family: Arial;color: #fff;}

#navg,#navd{display: none;}


.top_identification{text-align: left;padding:0;margin-left:-20px;margin-right:-20px;margin-bottom:20px;}
.top{text-align: center;padding:20px 20px 20px 20px;margin-left:-20px;margin-right:-20px;margin-bottom:20px;background:url(../images/bg-top.png) bottom center no-repeat;background-size: 100%;min-height:125px;position:relative;z-index: 20;}
.top_detail{text-align: center;padding:20px 20px 20px 20px;margin-left:-20px;margin-right:-20px;margin-bottom:0px;background:url(../images/bg-top.png) bottom center no-repeat;background-size: 100%;min-height:85px;position:relative;z-index: 20;}
.top_home{position: absolute;width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.top .titre{font-size:28px;font-style: normal;font-family: GothamBold,Helvetica,Arial,sans-serif; line-height: 120%;padding:5px 0 10px 0;}


/*** BXSLIDER ***/
.bxslider{list-style-type: none;margin:0;padding:0;}
.bxslider_sansfleche{list-style-type: none;margin:0;padding:0;}

.bx-wrapper {position: relative;margin:0 auto;padding:0;width:100%;height:auto;}
.bx-wrapper img {display: block;width:100%;}
.bx-wrapper .bx-viewport {background: #fff;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;width: 100%;}

.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}

.bx-wrapper .bx-pager {display:none;position: absolute;top:10px;left:10px;font-size: .85em;font-family: GothamBook,Helvetica,Arial,sans-serif;font-weight: bold;color: #fff;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #fff;text-indent: -9999px;display: block;width: 15px;height: 15px;margin: 0 5px;outline: 0;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #004f4e;}

.bx-wrapper .bx-prev {left:30px;background: url(../images/fleche-gauche.png) no-repeat;width:32px;height:61px;}
.bx-wrapper .bx-next {right:30px;background: url(../images/fleche-droite.png) no-repeat;width:32px;height:61px;}
.bx-wrapper .bx-prev:hover {background-position: 0 -61px;}
.bx-wrapper .bx-next:hover {background-position: 0 -61px;}
.bx-wrapper .bx-controls-direction a {position: absolute;top:50%;outline: 0;width:32px;height:61px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.som_bxslider .bx-wrapper .bx-prev,.som_bxslider .bx-wrapper .bx-next{display:none;}


/* MODAL */
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:9999999;padding:5px;box-sizing:border-box;background-color:rgba(0,0,0,0.75);text-align:center}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em;}
.blocker.behind{background-color:transparent}
.modal{display:none;margin:80px 0 90px 0;vertical-align:middle;position:relative;z-index:2;max-width:900px;height:auto;box-sizing:border-box;width:94%;background:#fff;padding:5px 5px 5px 5px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}
.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}
.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}


/****  IDENTIFICATION ****/
#form_oublie_pass{display: none;}

#identification_password{position: relative;}
#identification_password span{position: absolute;top:15px;right: 20px;}
#identification_password span img{opacity: 0.3;}

.form_identification {width:80%;position: relative;display: flex;margin:0 auto;}
.form_identification_lieu {width: 100%;border: 1px solid #fff;background:#10658e;border-right: none;padding: 5px;height: 26px;border-radius: 5px 0 0 5px;outline: none;color:#fff;}
.form_identification_lieu:focus {color: #fff;}
.form_identification_bouton {width: 40px;height: 38px;border: 1px solid #fff;background: #ffc20a;text-align: center;color: #10658e;border-radius: 0 5px 5px 0;cursor: pointer;font-size: 20px;}




/**** FORMULAIRES ****/
.form{max-width: 560px;margin:20px auto;padding:0;}
.form .label{line-height: 16px;}
.form input{border:none;border-bottom:1px solid #1D1D1B;background:none;width: 100%;height:50px;padding:8px 16px;border-radius: 4px; font-size:16px;font-family: GothamBook,Helvetica,Arial,sans-serif;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form select{border:1px solid #1D1D1B;background: #fff;width: 100%;height:50px;padding:10px;border-radius: 4px; font-size:16px;font-family: GothamBook,Helvetica,Arial,sans-serif;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form textarea{border:1px solid #1D1D1B;background: #fff;width: 100%;height:180px;padding:10px;border-radius: 4px; font-size:16px;font-family: GothamBook,Helvetica,Arial,sans-serif;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form .btn{width:100%;height:50px;background: #1D1D1B;color:#fff;padding: 11px 24px;border-radius: 100px; letter-spacing: 1.288px; border:none;font-weight:normal;font-size: 16px;font-style: normal;cursor: pointer;text-transform: uppercase; font-family: GothamBold,Helvetica,Arial,sans-serif;} 
.form .btn:hover{background:#10658e;color:#1D1D1B;}
.form .btn2{width:100%;height:50px;display: block;text-align: center;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.form .btn3{width:20px;height:50px;position: absolute;top:0;right:0;background: #f00;}

.form .checkbox{width:20px;height: 20px;}
.form .validation{color:#1D1D1B;text-align: center;}
.form .erreur{color:#f00;}
.form .mentions{font-size:11px;line-height: 13px;}

.form_g{float:left;width: 47%;}
.form_d{float:left;width: 47%;margin-left:6%;}

/****  BOUTON D'INSTALLATION ****/
.installation{background:#10658e;padding:40px 20px;margin:20px 0;text-align: center;}
.installation .btn:hover{border:1px solid #000;}



/****  CHAT ****/
#chat{height:calc(100vh - 170px);padding:10px 0;position: relative;}
#chat_messages{height:calc(100% - 80px);overflow-y: auto;padding:10px;color:#000;font-size:16px;font-family: GothamBook,Helvetica,Arial,sans-serif;text-align:left;border-radius: 3px 3px 0 0;}

	.chat_entraindecrire{padding:0 0 10px 0;}
	.chat_elle{width:80%;background-color: #b7d5ed;padding:5px;clear:both;margin-bottom:6px;border-radius: 5px 5px 5px 5px;line-height: 19px;min-height: 40px;}
	.chat_moi{width:80%;background-color: #e3e3e3;padding:5px;clear:both;float: right;margin-bottom:8px;border-radius: 5px 5px 5px 5px;line-height: 19px;}
	.chat_elle em,.chat_moi em{opacity: 0.2;font-size:9px;}

#chat_saisie{height:auto;}
.chatform{padding:10px 0 0 0;position: relative;}
.chatform input{border:1px solid #1D1D1B;background: #fff;width: 100%;height:50px;padding:8px 16px;border-radius: 4px; font-size:16px;font-family: GothamBook,Helvetica,Arial,sans-serif;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.chatform textarea{border:1px solid #1D1D1B;background: #fff;width:calc(90% - 30px);height:60px;padding:10px;border-radius: 4px; font-size:16px;font-family: GothamBook,Helvetica,Arial,sans-serif;margin-left:30px;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.chatform .btn{float:right;width:8%;height:60px;background: #1D1D1B;color:#fff;padding:0px;border-radius: 100px; border:none;font-weight:normal;font-size: 12px;font-style: normal;cursor: pointer;text-transform: uppercase; font-family: GothamBold,Helvetica,Arial,sans-serif;} 
.chatform .btn:hover{background:#10658e;color:#1D1D1B;}
.chatform i{position: absolute;top:15px;left:0px;font-size: 22px;color:#747474;}

/*
#chat_saisie textarea{height:60px;width:80%;padding:5px;border:none;font-family: Arial;font-size:12px;background-color: #fff;border:1px solid #ccc;border-radius: 5px 5px 5px 5px;}
#chat_saisie input{float:right;color:#fff;border:none;position:absolute;top:10px;right:0;height:60px;background: #000;width:30px;}
#chat_saisie input:hover{background:#2196f3;}
*/




/****  ACTUALITES ****/
.actualite{padding:16px;border-radius:24px;border:1px solid #1D1D1B;background:#FFF;margin-bottom: 20px;}
.actualite .auteur_photo{float: left;padding:0 10px 10px 0;}
.actualite .auteur_photo img{width:40px;height:40px;border-radius: 90%;}
.actualite .auteur{padding-bottom: 2px;font-family: GothamBold,Helvetica,Arial,sans-serif;}
.actualite .auteur .heure{color:#5E6366;font-family: GothamBook,Helvetica,Arial,sans-serif;font-size:12px;}
.actualite .categorie{}
.actualite .categorie span{padding:2px 8px;border-radius: 100px;color: #fff;font-size: 11px;}
.actualite .image{margin-left:-16px;margin-right: -16px;}
.actualite .texte{padding:10px 0;clear: both;}
.actualite .likes{border-top:1px solid #ECF4F7;padding:8px 0 0 0;height: 20px;}
.actualite .likes .signaler{color:#aaa;font-style: italic;font-size:14px;}
.actualite .likes_nb{float:right;padding:2px 5px 0 0;}
.actualite .likes_a{float:right;}
.actualite .likes_a img{width:25px;}

.actualite video {
  width: 100%    !important;
  height: auto   !important;
}

.alaune{position: relative;padding: 0;border:none;z-index: 10;margin-top: -100px;}
.container > .alaune ~ .alaune{margin-top:0px;}
.container > .alaune {margin-top:35px;}
.alaune_top{position: absolute;bottom:20px;left:20px;width:90%;z-index: 10;}
.alaune .image{margin:0;}
.alaune .image img{border-radius:0 0 24px 24px;}
.alaune .no_image{background: #1D1D1B;}
.alaune .texte{color: #fff;font-size: 26px;font-family: GothamBold,Helvetica,Arial,sans-serif;}
.alaune .auteur{color:#fff;}
.alaune .auteur .heure{color:#fff;}
.alaune .auteur .heure img{filter: invert(48%) sepia(79%) saturate(255%) hue-rotate(86deg) brightness(255%) contrast(255%);}

#actualites_recherche{padding:0 0 20px 0;}
#actualites_recherche form{background: #fff;border:1px solid #1D1D1B;height:60px; border-radius: 100px;}
#actualites_recherche form input{background:none;color:#1D1D1B;height: 60px;min-width:250px;padding:0 0px 16px 32px;font-size:18px;font-family: GothamBook,Helvetica,Arial,sans-serif;font-style: normal;font-weight:400;border:none; }
#actualites_recherche form input::placeholder {font-size: 18px;font-family: GothamBook,Helvetica,Arial,sans-serif;color:#1D1D1B;}
#actualites_recherche button{float: right;margin:6px 5px 0 0;background:none;border:none;}
#actualites_recherche input:focus{outline: none;}





@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes moveInFromLeft {
0% {opacity: 0;-webkit-transform: translateX(-100px);transform: translateX(-100px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes moveInFromLeft {
0% {opacity: 0;-webkit-transform: translateX(-100px);transform: translateX(-100px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@-webkit-keyframes moveOutToLeft {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@keyframes moveOutToLeft {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@-webkit-keyframes moveInFromRight {
0% {opacity: 0;-webkit-transform: translateX(100px);transform: translateX(100px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes moveInFromRight {
0% {opacity: 0;-webkit-transform: translateX(100px);transform: translateX(100px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@-webkit-keyframes moveOutToRight {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(50%);transform: translateX(50%);}
}
@keyframes moveOutToRight {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(50%);transform: translateX(50%);}
}
@keyframes clignote { 
	50% {opacity:0.2;}
}
@keyframes greyscale-fade-in {
    0%   { -webkit-filter: grayscale(100%);filter: grayscale(100%); }
    100% { -webkit-filter: grayscale(0%);filter: grayscale(0%);  }
}
.scene {-webkit-animation-duration:.6s;animation-duration: .6s;transition-timing-function: ease-in;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.is-exiting .scene {transition-timing-function: ease-out;}
#main[data-transition=fade] .scene {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
#main[data-transition=fade].is-exiting .scene {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
#main[data-transition=moveleft] .scene {-webkit-animation-name: moveInFromLeft;animation-name: moveInFromLeft;}
#main[data-transition=moveleft].is-exiting .scene {-webkit-animation-name: moveOutToRight;animation-name: moveOutToRight;}
#main[data-transition=moveright] .scene {-webkit-animation-name: moveInFromRight;animation-name: moveInFromRight;}
#main[data-transition=moveright].is-exiting .scene {-webkit-animation-name: moveOutToLeft;animation-name: moveOutToLeft;}


@media (max-width:600px) { 
	.resp_none{display: none;}
	.resp_center{text-align: center;}
	.resp_bb10{border-bottom:10px solid #fff;}

	 #header_g{width: calc(100% - 140px);}

	 .container > .alaune {margin-top:80px;}

	.alaune_top{bottom:0;left:20px;}
	.alaune .image img{border-radius:0 0 24px 24px;}
	.alaune .texte{font-size:20px;}


	.biblio_photo{width:33.33%;}
	.biblio_video{width:33.33%;}

}

@media (max-width:500px) { 
	 .container > .alaune {margin-top:110px;}
}



@font-face {
  font-family:GothamBold;
  font-style:normal;
  font-weight:400;
  src:url(../fonts/GothamBold-d23d96aefe768329255e9b9988359bd9.woff2) format("woff2"),
  url(/../fonts/GothamBold-a9c4b82bc9604f7709af8a13743853f5.woff) format("woff")
}
@font-face {
  font-family:GothamBook;
  font-style:normal;
  font-weight:400;
  src:url(../fonts/GothamBook-7fa96aa06775160ee646f6d51a81dae6.woff2) format("woff2"),
  url(../fonts/GothamBook-cbe772b0bc0f6cb5f8b21fb3d1323dca.woff) format("woff")
}
@font-face {
  font-family:GothamLight;
  font-style:normal;
  font-weight:400;
  src:url(../fonts/GothamLight-52135bfaf7203be6f7a88714ae48b64f.woff2) format("woff2"),
  url(../fonts/GothamLight-001d3ecf781dfdb0c99bed47f1865b81.woff) format("woff")
}
@font-face {
  font-family:GothamMedium;
  font-style:normal;
  font-weight:400;
  src:url(../fonts/GothamMedium-1ddab6f832b5d19ddd8fc6f2cee5923c.woff2) format("woff2"),
  url(../fonts/GothamMedium-c090b0ea7066489fd4ef484f816117eb.woff) format("woff")
}
@font-face {
  font-family:ColasBold;
  font-style:normal;
  font-weight:400;
  src:url(../fonts/ColasBold-97ff812d5fa4dd88aa757bb92b56bf54.woff2) format("woff2"),
  url(../fonts/ColasBold-b35e1c0df1c4104c793b02f071308249.woff) format("woff")
}