body {	color:#000;	font:300 18px/18px Roboto,Arial,Helvetica;background:#fff;-webkit-font-smoothing:antialiased;  overflow-x: hidden;}

a{color:#000; text-decoration:none;}
a:hover{color:#666;text-decoration:none;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

img{max-width:100%;}
h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:700 3.2em Roboto,Arial,Helvetica;margin:0.15em 0;padding-bottom:5px;text-transform: uppercase;color:#ef4238;}
h2{font:300 2.4em Roboto,Arial,Helvetica;margin-bottom: 0.5em;color:#ef4238;text-transform: uppercase;font-weight: bold;}
h3{font:300 1.8em Roboto,Arial,Helvetica;margin:0 0 1em 0;}
h4{font:300 1.3em Roboto,Arial,Helvetica;margin-bottom: 1em;}
h4 i{margin-right: 0.5em;}

p{font-size:1em;line-height: 1.4em; margin-bottom: 1.4em;text-align:justify;}

.btn{background: #ef4238;color:#fff;text-align: center;padding:8px;}
a.btn:hover{color:#000;}

.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{position:absolute;top:0;left:0;width:100%;height:100%}

.spacer{padding: 3em 0;}

.btn{border:none;border-radius: 0;padding: 1em 4em;background:#ef4238;text-transform: uppercase;color:#fff;}
.btn:hover,.btn:active{color: #000;}
.btn-default{color: #ccc;border: 1px solid #aaa;}
.btn-default:hover,.btn-default:active{background: rgba(0,0,0,0.8);}
.btn-primary{color: #fff;background:#00a9c6;width: 100%;outline: none;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background:#1BC0DC;box-shadow: none;}

.topbar {background:url(../images/lines.png);	height:15px;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navbar-nav > li > a{font-size: 1em;line-height: 3.6em;}
.navbar-fixed-top{top: 5px;}
.navbar-inverse{background: #111;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background: none;color: #21abca;}

#head,.carousel{margin-top: 0;}

#home{padding-top: 6em;}
.carousel-caption{top:0;bottom: 0;left: 0; right: 0;padding: 0;}
.caption-wrapper{display: table;height: 100%;width: 100%;}
.caption-info{display: table-cell;vertical-align: middle;}
.caption-info p{font-size: 1.25em;}
.caption-info .btn i{margin-right:0.75em;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;}
.carousel-control{z-index:1000;}

/*about*/
.about.spacer{padding-left: 4em; padding-right: 4em;padding-bottom: 0;}
.process ul li{width: 10em;height: 10em;border: 1px solid #CEEBF0;padding: 0;border-radius: 50%;margin: 0 1.25em;line-height: 13.5em;color: #21ABCA;}
.process ul li span{line-height: 2em;display: inline-block;font-weight: 300;}
.process ul li span i{font-size: 3em;}
.process ul li span b{display: block;font-size: 1em;font-weight: 300;}

#formulaire{width: 320px;position: relative;margin:0 auto;background: #a50c4f;border-radius: 25px 25px 25px 25px;padding:20px;}
#formulaire input{width:100%;height:30px;font-size:16px;margin-bottom: 10px;border-radius:5px 5px 5px 5px;border:none;color:#000;padding-left:6px;}
#formulaire .button{background:#2e4698;color:#fff;font-size:18px;font-weight: bold;text-transform: uppercase;height:60px;}
#formulaire .button:hover{background:#000;color:#fff;}

.highlight-info{ background-size: cover; color:#fff;}
.highlight-info .overlay{background: rgba(165,19,81,0.8);}
.highlight-info h4{color: #fff;margin:0.1em 0 0 0;font:300 1.2em Roboto,Arial,Helvetica;}
.highlight-info h4 strong{font:300 1.5em Roboto,Arial,Helvetica;}

.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff;}
.gototop i{line-height: 0.5em;}

.footer{background-color: #818285; color: #fff; font-size: 1em;}
.footer a{color: #fff;margin: 0 1em; }

.bloc5{float: left;width:19%;margin-right:1%;background: #fff;color:#000;padding:10px;min-height: 520px;box-shadow: 0 0 6px #aaa;}
.bloc5 .bouton{width:100%;background: #ef4238;color:#fff;text-align: center;padding:10px;display: block;}
.bloc6 a.bouton:hover{color:#000;}
.bloc5 h4,.bloc5_2 h4,.bloc2 h4{font-size:14px;font-weight: bold;min-height: 70px;}
.bloc5 img{max-width:100%;}
.bloc5 p{font-size:14px;text-align: left;}

/* .bloc5_2{float: left;width:39%;margin-right:1%;padding:10px;border-radius: 10px 10px 10px 10px;min-height: 580px;}*/
.bloc5_2{float: left;width:59%;margin-right:1%;padding:10px;min-height: 520px;box-shadow: 0 0 6px #aaa;background: #fff;color:#000;}
.bloc2{float: left;width:39%;margin-right:1%;padding:10px;min-height: 520px;box-shadow: 0 0 6px #aaa;background: #fff;color:#000;}
.bloc2 .bouton{width:100%;background: #ef4238;color:#fff;text-align: center;padding:10px;display: block;}

.bloc5:hover,.bloc5_2:hover,.bloc2:hover{background: #eee;}

.bloc_couleur{background: #eee;color:#000;padding:10px;border-radius: 10px 10px 10px 10px;}

.bxslider{list-style-type:none;margin: 0;padding: 0;}
.bxslider li{list-style-type:none;margin: 0;padding: 0;}

	.bx-wrapper {position: relative;margin:0 auto;padding:0; width: 100%;}
	.bx-wrapper img {display: block;width:100%;}
	.bx-wrapper .bx-viewport {-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 {position: absolute;top:70px;left:10px;font-size: .85em;font-family: Arial;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: #001b31;border:3px solid #001b31;text-indent: -9999px;display: block;width: 12px;height: 12px;margin: 0 5px;outline: 0;}
	.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {border:3px solid #fff;}

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

.accordion_titre {color:#e5382f;cursor:pointer;}
.accordion_titre span{background: #e5382f;padding:4px;color:#fff;}
.accordion_titre:hover {color:#000;}
.accordion_active {color:#e5382f;}
.accordion_texte {display:none;}

.deuxbloc_left{box-shadow: 0 0 6px #aaa;padding:10px;width: 48%;margin-right:2%;background: #fff;}
.deuxbloc_right{box-shadow: 0 0 6px #aaa;padding:10px;width: 48%;margin-left:2%;background: #fff;}

.deuxbloc_left:hover{background: #eee;}
.deuxbloc_right:hover{background: #eee;}

ul{}
ul li{padding:6px 0;}

.wall,.wall_mobile {width: 100%;overflow: hidden;height: auto;display: flex;padding-top:10px;}
.wall img,.wall_mobile img {width: 100%;flex: 1;border-radius: 8px;object-fit: contain;margin:8px;}
.wall_mobile{display: none;}

.titre_manuscrit{font-family:'Dynalight', cursive;font-size:52px;line-height:80px;}

#sfar_photo{float: left;margin:0 20px 20px 0;width:250px;border-radius: 180px 180px 180px 180px;}


@media (max-width: 1200px) {
	body{font:300 13px/13px Roboto,Arial,Helvetica;}
	.navbar-brand{padding-top: 11px;}
	.process ul li{margin:0 0.5em; }
	
	.grid figure h2{font: 700 1.5em Roboto,Arial,Helvetica;}
	figure.effect-oscar figcaption{padding: 12%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 20px;right: 20px;bottom: 20px;left: 20px;}

	.partners img{margin: 0 25px 25px 0;}
}
@media (max-width: 1050px) {
	.deuxbloc_left{width:100%;margin-right:0;margin-bottom: 30px;}
	.deuxbloc_right{width:100%;margin-left:0;}
}

@media (max-width: 900px) {
	h1{font: 700 3.5em Roboto,Arial,Helvetica;}
	h4 {font: 300 1.3em Roboto,Arial,Helvetica;}
	.btn{padding: 1em 2em;}
	.partners img{margin: 0 15px 25px 0;width: 157px;}
	.process ul li{width: 9em;height: 9em;}
	figure.effect-chico figcaption {padding: 2em;}	
	figure.effect-oscar figcaption {padding: 20%;}
	figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}	
	
	
	.bloc5{float: left;width:32%;margin-bottom: 20px;}
	.bloc5_2{float: left;width:100%;margin:0 0 20px 0;min-height: auto;}


}


@media (max-width: 767px) {
	body{font:300 12px/12px Roboto,Arial,Helvetica;}
	.navbar-nav > li > a {line-height: 1em;}	
	.navbar-brand{padding: 7px;}
	.navbar-brand img{height: 37px;}
	.navbar-toggle{margin-top: 12px;}

	.carousel-caption,.carousel-control,.carousel-indicators{display: none;}

	h2.text-center{text-align: left;font-size: 1.7em;}
	h4 {font: 300 1.2em Roboto,Arial,Helvetica;}
	#partners h2{padding: 0 1em;} 
	#home {padding-top: 5em;}

	.partners{display: block;float: left;}
	.partners img{width: 120px;}



	.about.spacer{padding-left: 2em;padding-right: 2em;}
	.spacer{padding:2em 0 0 0;}
	.process ul li{margin-bottom: 1em;}

	.highlight-info .overlay{padding-bottom: 2em;}

	.grid.team div{margin: 0;padding: 0;}
	figure.effect-chico figcaption {padding: 1.5em;}
	.footer{margin-top: 2em;padding-bottom: 2em;}
	
	.bloc5{float: left;width:49%;margin-bottom: 20px;}


	.titre_manuscrit{font-size:40px;line-height: 90px;}

	.header_logos img{height:60px;width: auto;}
	#sfar_photo{float: none;text-align: center;}
}
@media (max-width: 600px) {
	.bloc5{float: left;width:99%;margin-bottom: 20px;min-height: auto;}
	.bloc5 h4{min-height:auto;}
}