/*REGLES SPECIALES FORMATAGES TEXTE

*/

.texteencadre-spip {

    color: #575757!important;

    background-color: #DADC4B!important;

    padding: 15px;

    border:none;

}



.caractencadre-spip {

	color:#35ab8b!important;

}

.caractencadre2-spip {

	color: #00A0B9!important;

}



.modal-dialog{

	width: 50vw;

}



/*Fix image centrée*/

dl dt img{

	display:block;

	margin:auto;

	max-width:100%;

	height: auto;

}



iframe{

	display:block;

	margin:auto;

}







.spip_code {

    padding: 2px 4px;

    font-size: 90%;

    color: #FFF;

    background-color: #32B3B4;

    border-radius: 4px;

}



.spip_poesie{

	padding: 15px 30px;

	font-style: italic;

	font-size: 17px;

	font-weight: normal;

	border-left-color: #B3D078;

	color: #B3D078;

}



h3{

	margin-top:0;

} 



a:after{

	display:none;

}



body{

	min-width: 300px;

}



header > div {

	display:flex;

	flex-flow: row wrap;

}



header > div img {

	margin:auto;

}



header > div img.header-3 {

	width: 250px;

}



#fundation-header{

	height:auto;

	margin:auto;

	justify-content: center;

	align-content: center;

}



.traductions{

	display:flex;

	justify-content: center;

	align-content: center;

	margin:auto!important;

}



#legal-infos, #home-website, #home-toolkit, #menu-burger, #menu-lang{

	display:flex;

	margin: 5px 15px;

	justify-content: center;

}



#legal-infos a, #home-website a, #home-toolkit a {

	color: white;

	margin: auto;

	text-decoration: none;

	text-align: center;

}



#inner-nav{

	display:flex;

	justify-content: flex-start;

	flex-flow: row nowrap;

	width:100%;

}



#legal-infos{

	margin-right: 10px;

	margin-left: auto;

}



#main-content{

	margin:auto;

	background-color:#f0f0f0;

}



#section-center{

	margin-bottom: 75px;

	padding-left: 0px;

	padding-right: 0px;

	min-height:700px;

}



span{

	font-size: 20px;

}





label:hover{

	cursor:pointer;

}



label > a:link {

	display:flex;

	text-decoration: none;

}



/*BACKGROUND-COLOR PAR RUBRIQUE*/

label[for=menu0], #wrapper-title-description-0, #ol-0  .active{

	background-color:#DADC4B!important; 

}

label[for=menu1], #wrapper-title-description-1, #ol-1  .active{

	background-color:#B3D078!important; 

}

label[for=menu2], #wrapper-title-description-2, #ol-2  .active{

	background-color:#25B09D!important; 

}

label[for=menu3], #wrapper-title-description-3, #ol-3  .active{

	background-color:#32B3B4!important; 

}

label[for=menu4], #wrapper-title-description-4, #ol-4  .active{

	background-color:#00A0B9!important; 

}

label[for=menu5], #wrapper-title-description-5, #ol-5  .active{

	background-color:#0081AE!important; 

}

label[for=menu6], #wrapper-title-description-6, #ol-6  .active{

	background-color: #575756!important; 

}



label[for=menu0].opened:after{

	border-left: 20px solid #DADC4B; 

}

label[for=menu1].opened:after{

	border-left: 20px solid #B3D078; 

}

label[for=menu2].opened:after{

	border-left: 20px solid #25B09D; 

} 

label[for=menu3].opened:after{

	border-left: 20px solid #32B3B4; 

}

label[for=menu4].opened:after{

	border-left: 20px solid #00A0B9; 

} 

label[for=menu5].opened:after{

	border-left: 20px solid #0081AE; 

}

label[for=menu6].opened:after{

	border-left: 20px solid #575756; 

}



/* COULEUR POLICE PAR RUBRIQUE */

.active-link-00, #title-section-00, .navigator-btn > .navigator-nbr-00, .arrow-color-00, .h-00{

	color: #337ab7!important;

}

.active-link-0, #title-section-0, .navigator-btn > .navigator-nbr-0, .arrow-color-0, .h-0{

	color: #DADC4B!important;

}

.active-link-1, #title-section-1, .navigator-btn > .navigator-nbr-1, .arrow-color-1, .h-1{

	color: #B3D078!important;

}

.active-link-2, #title-section-2, .navigator-btn > .navigator-nbr-2, .arrow-color-2, .h-2{

	color: #25B09D!important;

}

.active-link-3, #title-section-3, .navigator-btn > .navigator-nbr-3, .arrow-color-3, .h-3{

	color: #32B3B4!important;

}

.active-link-4, #title-section-4, .navigator-btn > .navigator-nbr-4, .arrow-color-4, .h-4{

	color:#00A0B9!important;

}

.active-link-5, #title-section-5, .navigator-btn > .navigator-nbr-5, .arrow-color-5, .h-5{

	color:#0081AE!important;

}

.active-link-6, #title-section-6, .navigator-btn > .navigator-nbr-6, .arrow-color-6, .h-6{

	color:#575756!important;

}

.active-link-0, .active-link-1,.active-link-2,.active-link-3,.active-link-4,.active-link-5,.active-link-6{

	font-weight: bold;

}



.h-00, .h-0, .h-1, .h-2, .h-3, .h-4, .h-5, .h-6{

	margin-top: 10px;

}



#sub0{

	border-bottom: 1px solid #DADC4B;

}

#sub1{

	border-bottom: 1px solid #B3D078;

}

#sub2{

	border-bottom: 1px solid #25B09D;

}

#sub3{

	border-bottom: 1px solid #32B3B4;

}

#sub4{

	border-bottom: 1px solid #00A0B9;

}

#sub5{

	border-bottom: 1px solid #0081AE;

}

#sub6{ 

	border-bottom: 1px solid #575756;

}



#wrapper-title-section-00, .nav-border-00{

	border: 1px solid #337ab7 !important;

}

#wrapper-title-section-0, .nav-border-0{

	border: 1px solid #DADC4B !important;

}

#wrapper-title-section-1, .nav-border-1{

	border: 1px solid #B3D078 !important;

}

#wrapper-title-section-2, .nav-border-2{

	border: 1px solid #25B09D !important;

}

#wrapper-title-section-3, .nav-border-3{

	border: 1px solid #32B3B4 !important;

}

#wrapper-title-section-4, .nav-border-4{

	border: 1px solid #00A0B9 !important;

}

#wrapper-title-section-5, .nav-border-5{

	border: 1px solid #0081AE !important;

}

#wrapper-title-section-6, .nav-border-6{ 

	border: 1px solid #575756 !important;

}



label:after{

	display:none;

}



label.opened:after{

	display:block;

 	border-bottom: 38px solid transparent; 

 	border-top: 38px solid transparent; 

 	content: ""; 

 	position:relative;

 	right: -19px; 

}



.active-link-0, .active-link-1, .active-link-2, .active-link-3, .active-link-4, .active-link-5, .active-link-6{

 	font-weight: bold;

}



.glyph-menu{

	top: 55px;

	right: 10px;

	color:white;

	height: 16px;

	z-index: 15;

}



#main-content li {

	list-style-type:none;

}



#main-content > li{

	width:100%;

}



#menu-right{

	padding-right:0px;

	padding-left:0px;

}



.accordion{

	padding:0px;

}



.has-sub{

	width:300px;

	margin: 10px auto;

}



.has-sub:first-child{

	margin-top:15px;

}



.menu-label{

	width: 100%;

	height: 75px;

	min-height: 50px;

	margin:0;

	display:inline-flex;

	align-content: center;

	justify-content: center;

}



.h1-menu, .title-description{

	font-size: 2rem;

	color:white;

	font-family: Oswald;

	text-transform: uppercase;

	margin:auto 0px;

	margin-left: 10px;

	font-weight:normal;

}



h1,h2,h3,h4,h5,h6{

	font-family: Oswald;

}

.spip_logo{

	display:block;

	margin-top: auto;

	margin-bottom: auto;

}



.sub{

	background-color: white;

	padding-left: 5px;

	margin-top: -5px;

}



.sub > li > img {

	width:25px;

	display:none;

}



.sub > li > a {

	color:black;

	text-decoration: none;

}

.sub > li {

    overflow: hidden;

    opacity: 0;

    height: 0px;

    padding: 0;

    transition: all 0.25s ease-in-out;

}



input[type="radio"] {

    display: none;

}



input:checked + .sub > li {

    opacity: 1;

	height: auto;

	margin: 5px;

}



/*Titre section*/

#dl-pdf{

	display:block;

	margin:auto;

}



.wrapper-title-section, .wrapper-title-description{

	width: 80%;	

	display: flex;

	margin: 20px auto;

	height: auto;

}



.wrapper-title-section{

	background-color: #FFF;

}



#carousel-main{

	width: 100%;

	display:flex;

	flex-flow: row wrap;

	

}



#wrapper-carousel > .row{

	width:100%;

}



.carousel-inner{

	padding:10px;

}



a.right, a.left{

	margin: auto;

	z-index:20;

}



a.right:hover, a.left:hover{

	text-decoration: none;

	border:none;

}



.item img{

	max-width:100%;

	height:auto;

}



.arr-right, .arr-left{

	font-size: 50px!important;

}





.arr-bottom-right, .array-bottom-left{

	font-size: 20px!important;

	width:25px;

	height:25px;

}



.disappear{

	opacity:0;

	cursor: default;

}



.strip-left{

	border-left:7px solid #575756;

}



.strip-right{

	border-right:10px solid #575756;

}



/*Rond inactif*/

.navigator-btn{

	background-color: white!important;

	height: 25px!important;

	width: 25px!important;

	text-indent: 0!important;

	border-radius: 50%!important;

	line-height: 1;

}



/*Nbr actif*/

.navigator-btn.active > .navigator-nbr-0, 

.navigator-btn.active > .navigator-nbr-1, 

.navigator-btn.active > .navigator-nbr-2, 

.navigator-btn.active > .navigator-nbr-3, 

.navigator-btn.active > .navigator-nbr-4, 

.navigator-btn.active > .navigator-nbr-5, 

.navigator-btn.active > .navigator-nbr-6 {

	color: white!important;

	border-color: 1px solid white;

}



/*Nbr inactif*/

.navigator-btn > .navigator-nbr{

	color: white!important;

}



.indicator{

	width:100%;

	height:80px;

	display:flex;

}



#slide-wrapper{

	width:80%;

	background-color: white;

}



.item-img{

	display:block;

	margin:15px;

	align-self: start;

}



.item-dwn{

	display:flex;

	flex-flow: column;

	align-content: center;

	justify-content: center;

	float:right;

}



.img-dwn{

	display:block;

	margin: 5px auto;

}



.item-wrapper{

	width: 100%;

	display:flex;

	flex-flow: row wrap;

	align-content: center;

	justify-content: center;

}



@media screen and (max-width: 960px) {

	#fundation-header{

		display:none;

	}



	.modal-dialog{

		width: 80vw;

	}



}



@media screen and (max-width: 800px) {

	.accordion{

		padding:0;

	}

	header > div img.header-2 {

		display: none;

	}

	header > div img.header-3 {

		display: none;

	}	

}



@media screen and (max-width: 710px) {

	#toolkit-header{

		display:none;

	}

}



@media screen and (max-width: 640px) {

	.arr-right, .arr-left{

		display:none;

	}

	.wrapper-title-section{

		width:auto;

	}

}





@media screen and (max-width: 480px) {

	#wrapper-title-section > img{

		display:none;

		;

	}	



	#wrapper-title-section{

		height:auto;

		;

	}

}



/*HAMBURGER MENU*/



#menu-burger{

	display:flex;

}

.hamburger{



	font-size:2em;

}



.cross{

  font-size:3.5em;



}



.hamburger, .cross{

	height:45px;

 	border:0;

 	background:none;

 	color:#999;

	font-weight:bold;

	cursor:pointer;

	outline:none;

	z-index:10000000000000;

	margin:auto;

}



.menu-burger{

	z-index:100000;

	width:100%;



}



@media screen and (max-width: 950px) {

	.bg-dark{

		background-color: rgba(0,0,0,0.5);

	}

}



.glyphicon-home{

	color:white; 

	font-size:1.5em; 

	margin-top:5px; 

	margin:0 auto;

}



#main-content #section-center ol.spip li{

    list-style: decimal;

}



#main-content #section-center ul.spip li{

    list-style: disc;

}



.modal-body img{

	max-width:100%;

}