/*
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;


Fuchia : #ff1f67;
 : #eb83a4;
Vert : #92a731;




@media (min-width: 992px) and (max-width: 1200px)  {}
@media (min-width: 768px) and (max-width: 991px)  {}
@media (max-width: 767px) {}
@media (min-width: 451px) and (max-width: 767px)  {}
@media (max-width: 450px) {}

*/




/*******************************************************************************************************/
/*                                                                                                     */
/*      BASE                                                                                           */
/*                                                                                                     */
/*******************************************************************************************************/


html {
	overflow-x:hidden;
	padding: 0 !important;
	margin:0px !important;
}

a:hover,
a:active, 
a:focus {outline:none;}

*:focus {outline: none;}

body {font-family:Arial, Helvetica, sans-serif; padding:0;}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 25px;
    background: rgb(0, 0, 0);
    background: rgba(200, 200, 200, 0.6);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:100;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:100;
}

.tooltip {z-index: 2000;}
.tooltip.in {filter: alpha(opacity=100); opacity: 1;}
.tooltip.bottom {padding: 11px 0 0 10px; margin-top: 6px;}
.tooltip.top {padding: 10px 0; margin-top: -3px;}
.tooltip-inner {max-width: 200px; padding: 10px 20px; color: #fff; text-align: center; text-decoration: none; background-color: #47a3da; border-radius: 5px;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.bottom .tooltip-arrow {top: -3px; left: 50%; margin-left: 2px; border-width: 0 5px 5px; border-bottom-color: #fff;}
.tooltip.top .tooltip-arrow {bottom: 2px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000;}

.nav_boutons.eng .tooltip-inner {min-width:120px; padding: 10px 15px;}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.T10 {padding-top:10px;}
.T20 {padding-top:20px;}
.T30 {padding-top:30px;}
.T40 {padding-top:40px;}
.T60 {padding-top:60px;}
.B10 {padding-bottom:10px;}
.B20 {padding-bottom:20px;}
.B30 {padding-bottom:30px;}
.B40 {padding-bottom:40px;}
.B60 {padding-bottom:60px;}



.btn-link {color: #fff; background-color: #92a731;}
.btn-link:hover,
.btn-link:focus,
.btn-link.focus,
.btn-link:active,
.btn-link.active,
.open > .dropdown-toggle.btn-link {color: #fff; background-color: #6f7f25; text-decoration:none;}

.btn-localisation {
  	width: 30px;
  	height: 30px;
  	border-radius: 15px;
	background-position:center; 
	background-repeat:no-repeat;
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
}

.btn-localisation:hover,
.btn-localisation:focus,
.btn-localisation.focus,
.btn-localisation:active,
.btn-localisation.active,
.open > .dropdown-toggle.btn-localisation {color: #fff; background-color: #333; border-color: #333;}

.btn-principal {color: #fff; background-color: #009ddc; border-radius: 5px;}
.btn-principal:focus,
.btn-principal.focus,
.btn-principal:active,
.btn-principal.active,
.open > .dropdown-toggle.btn-principal {color: #fff; background-color: #009ddc; border-radius: 5px;}

.btn-principal:hover {color: #fff; background-color: #666;}

.btn-secondaire {color: #fff; background-color: #ccc; border-color: #f1eeeb; border-radius: 5px;}
.btn-secondaire:hover,
.btn-secondaire:focus,
.btn-secondaire.focus,
.btn-secondaire:active,
.btn-secondaire.active,
.open > .dropdown-toggle.btn-secondaire {color: #fff; background-color: #666;}



.modal-open[style] {overflow: visible; padding-right: 0px !important;}
.modal-dialog {position: relative; margin: 30px auto;}
.modal {z-index:2000;}

.modal-header {background-color:#92a731; border-radius: 10px 10px 0px 0px; color:#FFF; font-family: 'Open Sans Condensed', sans-serif; padding:20px 30px 15px 30px; border: 5px solid #fff;}
.modal-header .modal-title {font-size: 40px; line-height: 46px;}
.modal-header .close {float: right; padding-left:20px; font-size: 24px; font-weight: bold; line-height: 1; color: #fff; text-shadow: none; filter: alpha(opacity=100); opacity: 1;}
.modal-header .close:hover,
.modal-header .close:focus {color: #000; filter: alpha(opacity=70); opacity: .7;}

.modal-body h4 {font-size: 24px; line-height: 30px; margin-bottom:35px; color:#ff1f67;}

.modal-footer  {height:85px; background-color:#111; border-radius: 0px 0px 10px 10px; border: 5px solid #fff; padding-top:18px;}
.modal-footer span  {float:right; padding-right:15px;}
.modal-backdrop.in {opacity:0.7 !important;}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body {cursor:pointer;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	body {cursor:pointer;}
}

@media only screen and (max-device-width: 414px) and (max-device-height: 736px) {
	body {cursor:pointer;}
}







/*******************************************************************************************************/
/*                                                                                                     */
/*      MENU + ENTÊTE                                                                                  */
/*                                                                                                     */
/*******************************************************************************************************/


.container-fluid.top {position:fixed; top:0; left:0; height:110px; width:100%; background-color:#f5f5f3; z-index:1000;}
.container-fluid.shadow {box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);}

.section_entete	{background-color:#f5f5f3; height:110px; margin-bottom:0px;}

.section_entete	.logo {margin:35px 0 0 0;}
.section_entete	.logo img {width:230px;}
.section_entete	.descriptif {position:absolute; right:10px; top: 23px; color: #d74977; font-size:21px; text-align:right; letter-spacing:0.05em; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;}

.sm-menu  .nav {float:right; margin:65px -15px 0 0;}
.sm-menu  .nav > li > a {position: relative; display: block; padding: 10px 10px 10px 10px; color:#666; font-size:16px; line-height:25px;}
.sm-menu  .nav > li > a:hover,
.sm-menu  .nav > li > a:active,
.sm-menu  .nav > li > a:focus {color: #C00; text-decoration: none;}
.sm-menu  .nav .open > a,
.sm-menu  .nav .open > a:hover,
.sm-menu  .nav .open > a:focus {}

.dropdown-menu {background-color: #f3f3f3;}

.dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #111; white-space: nowrap;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {color: #111; text-decoration: none; background-color: #009ddc;}


@media (min-width: 992px) and (max-width: 1199px) {
	.section_entete	.logo {margin:35px 0 0 0;}
	.section_entete	.logo img {width:230px;}
	.section_entete	.descriptif {right:10px; top: 23px; font-size:21px; letter-spacing:0.05em;}
	.sm-menu  .nav {float:right; margin:65px -15px 0 0;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.section_entete	.logo {margin:40px 0 0 -10px;}
	.section_entete	.logo img {width:220px;}
	.section_entete	.descriptif {right:5px; top: 23px; font-size:18px; letter-spacing:0.02em;}
	.sm-menu  .nav {float:right; margin:65px -10px 0 0;}
	.sm-menu  .nav > li > a {padding: 10px 0px 10px 10px; font-size:15px; line-height:25px;}
	.sm-menu  .nav > li > a:hover,
	.sm-menu  .nav > li > a:active,
	.sm-menu  .nav > li > a:focus {background-color: transparent;}
	.sm-menu  .nav .open > a,
	.sm-menu  .nav .open > a:hover,
	.sm-menu  .nav .open > a:focus {background-color: transparent;}
}

@media (max-width: 767px) {
	body {background: none;}
	.bande-top {background-color:#000; text-align:center; margin-top:0;}
	.bande-top .logo {padding:15px 0 0 0px;}
	.bande-top .logo img {width:250px; height:auto;}
	.bande-top .descriptif {font-size:18px; color: #bbb; letter-spacing:0.05em; font-family: 'Open Sans Condensed', sans-serif; padding-top: 15px;}
	.bande-top .contact {font-size:16px; color: #ddd; padding: 15px 0;}

	.section-menu {border-bottom: 4px solid #000; background-color:#000; min-height:30px;}

	.navbar-header {padding: 25px 0;}
	.navbar-toggle {background-color: #fff; border: 0px solid transparent; border-radius: 4px; margin: auto; margin-right:4px; float:none;}
	.navbar-collapse {margin: auto; border:none;}

	.navbar-default {background-color: transparent; border-color: transparent;}
	.collapse.navbar-collapse {max-height:1000px; z-index:100;}

	   .firstline {text-align:center; list-style:none; padding:20px 0px 10px 0;}
	 ul.firstline li {display: inline; padding:0px 15px;}
	 ul.firstline li a {color: #eee;}
	 ul.firstline li a:hover {color: #eee; text-decoration:none;}
	 ul.dropdown-menu li {padding-left: 30px;}
	 li h4 {padding-left: 30px;}

	.menu {margin: 15px 0 15px 0; padding:0; width:auto; min-height:inherit; position: inherit;}
	.menu #accordion {margin: 0; padding: 0; }
	.menu #accordion dt {padding: 15px 10px 15px 10px; font-size:15px; font-family: Arial, Helvetica, sans-serif; color: #92a731; font-weight: bold; border-top:#777 solid 1px; cursor: pointer;}
	.menu #accordion dd {padding: 0 0 10px 0px; font-size:15px; font-family: Arial, Helvetica, sans-serif; line-height:30px; background-color: inherit; margin:0 0 30px 0;}
	.menu #accordion dd li { }
	.menu #accordion dd ul li {padding-left:25px;}
	.menu #accordion dd a {cursor: pointer; color: #ccc;}
	.menu #accordion dd a:hover {text-decoration:none; color: #eee;}
	.menu #accordion dd .disabled {padding:0; margin:0; line-height:0px;}
	.menu #accordion dd .disabled a {visibility:hidden;}
}







/*******************************************************************************************************/
/*                                                                                                     */
/*      ACCUEIL                                                                                        */
/*                                                                                                     */
/*******************************************************************************************************/


#accueil .section_carousel {margin-top:110px;}
#accueil .section_etapes {text-align:center; color:#999; padding-top:50px; padding-bottom:70px; border-bottom:#ccc thin solid;}
#accueil .section_intro {padding-top:70px;}
#accueil .section_centre {background-image:url(../00_images/accueil-centre.jpg); background-size:cover; background-attachment:fixed; padding: 250px 0;}

#accueil .carousel-inner {overflow: inherit; position:relative; z-index:1;}
#accueil .carousel-control.left, 
#accueil .carousel-control.right {background-image: none; background: rgba(215, 215, 215, .5); opacity: 1; width: 5%; height: 10%; top: 45%; padding: 0; border: none; text-shadow: none; color: #fff; z-index: 3;}
#accueil .carousel-control .glyphicon-chevron-left,
#accueil .carousel-control .glyphicon-chevron-right {margin-top: -15px;}

#accueil .section_etapes h1 {font-family: 'Open Sans Condensed', sans-serif; font-size:72px; line-height:88px; color:#aaa;}
#accueil .section_etapes h4 {color:#888; margin-top:30px;}
#accueil .section_etapes .etape {padding:30px 20px 10px 20px; text-align:center;}
#accueil .section_etapes .etape .chiffre {font-size:72px; font-family: 'Open Sans Condensed', sans-serif; color:#eb83a4;}
#accueil .section_etapes .etape .vignette {margin-top:25px; margin-bottom:25px;}
#accueil .section_etapes .etape .vignette img {width:250px; height:250px;}
#accueil .section_etapes .etape .titre {color:#555; font-size:18px; font-weight:bold;}
#accueil .section_etapes .etape .texte {color:#777; font-size:14px; padding:20px;}

#accueil .section_intro .faruqi {padding-right: 45px; text-align:center;}
#accueil .section_intro .faruqi img {width:100%;}
#accueil .section_intro .intro {text-align:justify; font-size:18px; line-height:26px; padding-top:70px;}
#accueil .section_intro .intro p {margin-bottom:30px;}

#accueil .section_centre .cadre {border: 3px solid #fff; background-color: rgba(0,0,0,0.6); color:#FFF; padding: 40px 25px; display: inline-block; text-align:center; width:100%;}
#accueil .section_centre .cadre .phrase {font-size:30px; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
#accueil .section_centre .symbole {text-align:center; margin-top:-32px;}
#accueil .section_centre .symbole .glyphicon {font-size:28px; line-height:0; padding-top:19px;}
#accueil .section_centre .symbole a {color:#FFF;}
#accueil .section_centre .symbole a:hover {color: #000;}


@media (min-width: 992px) and (max-width: 1200px)  {
	#accueil .section_intro .faruqi {padding-right: 35px;}
	#accueil .section_intro .intro {text-align:justify; font-size:16px; line-height:24px; padding-top:30px;}
	#accueil .section_intro .intro p {margin-bottom:25px;}
}


@media (min-width: 768px) and (max-width: 991px)  {
	#accueil .section_etapes .etape {padding:30px 0 10px 0;}
	#accueil .section_etapes .etape .vignette img {width:200px; height:200px;}
	#accueil .section_intro .faruqi {padding-right: 10px;}
	#accueil .section_intro .intro {text-align:left; font-size:14px; line-height:20px; padding-top:5px;}
	#accueil .section_intro .intro p {margin-bottom:20px;}
}


@media (max-width: 767px) {
	#accueil .section_carousel {margin-top:10px;}
	#accueil .carousel-indicators {display:none;}
	#accueil .carousel-control.left, 
	#accueil .carousel-control.right {width: 10%; height: 20%; top: 40%; padding: 0;}
	#accueil .carousel-control .glyphicon-chevron-left {margin-top: -10px; margin-left:-10px;}
	#accueil .carousel-control .glyphicon-chevron-right {margin-top: -10px; margin-right:-10px;}
	#accueil .section_etapes .etape {padding:10px 10px 50px 10px;}
	#accueil .section_etapes .etape .vignette {margin-top:15px; margin-bottom:15px;}
	#accueil .section_etapes h1 {font-size:54px;}
	#accueil .section_intro {padding-top:100px;}
	#accueil .section_intro .container {padding-right: 0px; padding-left:0;}
	#accueil .section_intro .faruqi {padding-right: 0px;}
	#accueil .section_intro .faruqi img {max-width:300px;}
	#accueil .section_intro .intro {text-align:left; padding:50px; background-color:#fafafa; width:100%;}
	#accueil .section_centre {padding: 200px 0; background-size:cover; background-position:0px 0px; background-attachment:inherit;}
	#accueil .section_centre .cadre {border: 2px solid #fff; padding: 30px 20px; width:100%;}
	#accueil .section_centre .cadre .phrase {font-size:24px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#accueil .section_centre {padding: 200px 0; min-height: 450px; background-size:cover; background-position:0px 0px; background-attachment:inherit;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#accueil .section_centre {padding: 200px 0; min-height: 450px; background-size:cover; background-position:0px 0px; background-attachment:inherit;}
}







/*******************************************************************************************************/
/*                                                                                                     */
/*      PAGE                                                                                           */
/*                                                                                                     */
/*******************************************************************************************************/


#page .section_titre {margin-top:110px;}
#page .section_texte {padding-top:50px; padding-bottom:50px; border-top: 2px solid #222;}
#page .section_texte.bloc-A {background-color:#f8f8f6;}
#page .section_texte.bloc-B {background-color:#fff;}

#page .section_titre .photo {background-size:auto 100%; background-repeat:no-repeat; height:400px;}
#page .section_titre .container .row.symbole {background-image:url(../00_images/symbole4.png); background-repeat:no-repeat; background-position: center right; height:400px;}

#page .section_texte .vignette {text-align:center; padding-top:30px; padding-bottom:30px;}
#page .section_texte .vignette img {width:250px;}
#page .section_texte.bloc-A .vignette img {border:#fff 5px solid;}
#page .section_texte.bloc-B .vignette img {border:#f8f8f6 5px solid;}

#page .section_texte .texte {text-align: justify; color:#555; font-size:15px; line-height:24px;}
#page .section_texte .texte p {margin-bottom:30px;}
#page .section_texte .texte .highlight {color:#666; font-weight:600;}

#page .section_texte .texte .btn.infolettre {margin:10px 10px 0 0; min-width:150px;}

#page .section_titre h1 {font-family: 'Open Sans Condensed', sans-serif; font-size:84px; color:#92a731; line-height:94px; margin-top:0px;}
#page .section_titre h3 {font-family: 'Open Sans Condensed', sans-serif; font-size:26px; color:#bbb; margin-top:200px; margin-bottom:5px;}

#page .section_texte h2 {font-family: 'Open Sans Condensed', sans-serif; font-size:40px; margin-bottom:30px; margin-top:0px; color:#ff1f67; text-align:left;}
#page .section_texte h3 {font-family: 'Open Sans Condensed', sans-serif; font-size:30px; margin-bottom:15px; margin-top:0px; color:#777; text-align:left; line-height:36px;}


@media (min-width: 992px) and (max-width: 1200px)  {
	#page .section_titre .container .row.symbole {background-image:url(../00_images/symbole4.png); background-position: center right; background-size: auto 550px;}
	#page .section_titre h1 {font-size:84px; color:#92a731; line-height:88px; margin-top:0px; text-align:right;}
	#page .section_titre h3 {font-size:26px; color:#bbb; margin-top:140px; margin-bottom:5px; text-align:right;}
	#page .section_texte h2 {font-family: 'Open Sans Condensed', sans-serif; font-size:40px; margin-bottom:30px; margin-top:0px; text-align:left;}
	#page .section_texte .vignette {padding-top:15px;}
}


@media (min-width: 768px) and (max-width: 991px)  {
	#page .section_titre .titre-smxs {border-bottom: 2px solid #222;}
	#page .section_titre .photo {background-image:none; text-align:center;}
	#page .section_titre .photo img {height:400px;}
	#page .section_titre h1 {font-size:76px; margin-top:0px; margin-bottom:50px; text-align:center;}
	#page .section_titre h3 {font-size:22px; margin-top:50px; margin-bottom:5px; text-align:center;}
	#page .section_texte h2 {text-align:center;}
	#page .section_texte .vignette {padding-top:15px; margin-bottom:25px;}
}


@media (max-width: 767px) {
	#page .section_titre {margin-top:0px;}
	#page .section_titre .titre-smxs {border-bottom: 2px solid #222;}
	#page .section_titre .photo {background-image:none; text-align:center; height:auto;}
	#page .section_titre .photo img {max-width:100%; max-height:400px;}
	#page .section_titre h1 {font-size:60px; line-height:62px; margin-top:0px; margin-bottom:50px; text-align:center;}
	#page .section_texte h2 {text-align:center;}
	#page .section_titre h3 {font-size:22px; margin-top:50px; margin-bottom:5px; text-align:center;}
	#page .section_texte .vignette {padding-top:0px; padding-bottom:0px;}
	#page .section_texte .vignette img {width:auto; max-width:250px; margin-top:30px; margin-bottom:30px;}
	#page .section_texte .boutons-xs {text-align:center; margin-top:50px;}
}









/*******************************************************************************************************/
/*                                                                                                     */
/*      FOOTER                                                                                         */
/*                                                                                                     */
/*******************************************************************************************************/


footer {background-color:#000; color:#CCC;}
footer .logo {margin:80px 0 50px 0}

footer h5, footer h5 a {color:#ff1f67; margin-bottom:20px;}
footer label {color:#92a731; margin-top:7px; margin-bottom:15px; font-weight:normal;}

footer .menu-footer {font-size:12px; text-align:right;}
footer .menu-footer ul {padding:0;}
footer .menu-footer a {color:#CCC;}

footer .social {margin: 30px 0px 50px 0; text-align:center;}

footer .social .facebook {background: url('../00_images/social.png') 0px 0px;}
footer .social .instagram {background: url('../00_images/social.png') 150px 0px;}
footer .social .addthis {background: url('../00_images/social.png') 300px 0px;}

footer .social .facebook,
footer .social .instagram,
footer .social .addthis {display: inline-block; width: 50px; height: 50px; text-indent: -99999px; margin:0 15px;}

footer .social .facebook:hover {background-position: 0 50px;}
footer .social .instagram:hover {background-position: 150px 50px;}
footer .social .addthis:hover {background-position: 300px 50px;}


@media (max-width: 767px) {
	footer .logo img {width:100%; max-width:250px;}
}





/*******************************************************************************************************/
/*                                                                                                     */
/*      BOUTONS                                                                                        */
/*                                                                                                     */
/*******************************************************************************************************/