@media (min-width: 768px){ 
 	#navbar-main{height: 100px;}
  /*#navbar-top{height:40px;}*/
  header {
 	position:fixed;
 	top: 0;
  right: 0;
  left: 0;
  z-index: 1030
 }
}
@media (max-width: 768px){ 
  .button a {font-size:12px;}
  #edit-actions-preview-next{margin-top:15px;}
  .h1_custom{ padding-top: 3.5%;}
  .navbar-light .nav-link {margin-left: 10px;}
}
body
{
	color:#831f82;
}
video {display:block;width:480px;margin:0 auto 35px auto}
.illu {display:block;width:480px;margin:0 auto 35px auto}



.accordion-item {
	border:none;}

.h1_custom{
 background-color:#f39200;
 color:white;
 text-align:center;
 margin-bottom:0rem;
 padding-top: 8.5%;
}
h1 img {
	vertical-align:super;
	margin-left:-15px;
}
.h2_custom{
 color:#f39200;
}

.h3_custom{
 color:#f39200;
}
.membres img {margin-right:10px}

a[href^='http'] {
  padding-right: 1.25em;
}

a[href^='http']::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 12.2 12.2' width='14' height='14'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath fill='none' d='M3.4 6.7l3-2.9H1.5v7h7V5.9l-3 2.9z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");
  transform: translateY(0.25em);
}

.center {
	text-align:center;
}
.bouton {
	background-color: #831f82;
	display: block;
	width: 200px;
	height: 50px;
	border-radius: 10px;
}
.bouton a {
	color: white;
	display:block;
	font-weight: bold;
	padding-top: 12px;
  padding-left: 55px;
  text-decoration:none;
}
.no-padding{
 padding-left:inherit;
 padding-right:inherit;
}
.banniere{
	margin-top:-12%;
}

.format{
	margin:5%;
}
.formatM{
	margin-top:-4.1%;
}
.format2{
	padding:5%;
}
.node__content{
	margin-top:0px;
}
.container-fluid {
	padding-left:0px;
  padding-right:0px;
  padding-top:1%;
}

#navbar-main {
  background-color:#831f82;
 }
#navbar-top {
  background-color:#f39200;
  height:40px;
  color:#fff;
  padding-left:2%;
 }
#navbar-top a { color:#fff;text-decoration:none;}



.navbar-brand {color:transparent!important;}
.navbar-brand img {
	margin-left: 10px;
	display: block !important;
	margin-bottom: -30px;
	margin-top:5px;
}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
  color:#f39200;
}
@media (min-width: 768px){
.nav-link--recrutement {padding-left:20px!important;}
.nav-link--faq {padding-right:20px!important;}
}


#CollapsingNavbar {
	justify-content: center !important;
}

.navbar-light .nav-link{
	 color:white;
}
.nav-link--reservation ,.nav-link--recrutement {color:#f39200!important;}

.catalogue {
	margin-top :30px;
}
.logotype {
	margin-top :8%;
}
.slogan {
	text-align :center;
}

.container_dest{
	margin-top:5%;
	margin-bottom:5%;
	color: white;
	font-size:12px;
}




.h2_dest{
	color:#831f82;
	margin-left:17.9%;
}


.dest-img{
	/*background-color:#831f82;*/
}
.dest-desc{
	background-color:#831f82;
	margin-left:-21px;
	border-radius: 0 7px 7px 0;
}


.dest_leg{
	background-color:#f39200;
	color:white;
	padding: 4%;
}
.carte img{
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-bottom: 10px;
	padding-top:10px;
	width:65%;
}
.picto_blanc img{
	/*margin-left: auto;
	margin-right: auto;*/
	display: block;
	/*height: 50px;*/
  width: 50px;
}
.res_bot{margin-bottom:0px}
.set_bot{margin-bottom:5%;}
.set_bot2{margin-bottom:5px;}
.assur{
  margin-bottom:30px;
	margin-top:30px;
}

.set_col{
	margin-top:15px;
}
.know{
	margin-top:10px;
	text-align:center;
  margin-bottom:0px;

}
.know a{
  color:white;
  text-decoration : none;
}





/*Page infos pratique*/
.picto_mauve{
	background-color:#831f82;
	border-radius:50%;
	float:left;
	height: 50px;
  width: 50px;
  margin-right:10px;
  padding:5px;
}
.thead{
	background-color:#831f82;
	color:white;
}
.blockquote{
	background-color: #f39200;
	color: white;
	padding: 15px;
	border-radius: 10px;
	}
.blockquote a{
	color: white;
	text-decoration:none;
	}

.blocV{
	background-color: #831f82;
	color: white;
	padding: 15px;
	border-radius: 10px;
	
}
/*Page recrutement*/


#edit-vous-etes-table thead {background-color:#f39200;}
#edit-vous-etes-table .even {background-color:#f1e9f5;}
#edit-vous-etes-table .odd {background-color:rgb(255, 245, 233);}


#webform-submission-je-postule-node-15-add-form,#webform-submission-je-postule-add-form
{
	margin:5%;
}
#edit-actions-submit{
  background-color: #831f82;
	display: block;
	width: 200px;
	height: 50px;
	border-radius: 10px;
	
	color: white;
	font-weight: bold;
  text-decoration:none;
}
.rem {
	margin-bottom:2rem;
}
.webform-confirmation {
	margin:5%;
}

/*Page inscription*/
summary {color:#f39200;}


.button {text-align:center;}

.button a{
background-color: #831f82;
border-radius: 10px;
color: white;
font-weight: bold;
padding: 10px;
text-decoration: none;}

.node__meta{display:none;}
.progress-step.is-active .progress-marker::before {
  background-color:  #f39200;
}
.webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before, .webform-progress-tracker .progress-step:hover .progress-marker::before, .webform-progress-tracker .progress-step .progress-marker::after {
  background-color:#f39200 ;
}

.webform-element label {font-weight:bold;}
#webform-submission-inscription-node-17-add-form {margin:5%;margin-bottom: 8%;}
#edit-actions-wizard-next{
background-color: #831f82;
display: block;
width: 335px;
height: 50px;
border-radius: 10px;
color: white;
font-weight: bold;
text-decoration: none;
}



#edit-actions-wizard-prev  {
background-color: #831f82;
display: block;
width: 335px;
height: 50px;
border-radius: 10px;
color: white;
font-weight: bold;
text-decoration: none;
float: right;
}
#edit-actions-preview-prev , #edit-actions-preview-next ,.webform-confirmation__back a{
background-color: #831f82;
display: block;
height: 50px;
border-radius: 10px;
color: white;
font-weight: bold;
text-decoration: none;
}
#edit-actions-preview-prev{float: right;}
#edit-actions-preview-next{float: left;}
.webform-confirmation__back a{
	width:200px;
	text-align :center;
	padding-top: 10px;
}
.webform-progress {margin-top:125px;}



/*Page Assurrance*/
.assurance table  {
	caption-side: top;
	margin-left:auto;
	margin-right:auto;
	margin-top: 2%;
	width:80%;
}	
.assurance caption 	{
	background-color:#831f82;
	color:white;
	text-align:center;
}	

/*Page Destination*/
.ban {
padding-top: 0px;
padding-bottom: 55px;
}	
.ban img {
width: 50%;

}	

/*Page FAQ*/
.question{
  color: white;
  background-color: #831f82;
  padding: 10px;
}

	
/*Page contact*/
#webform-submission-contact-node-22-add-form  {
	margin:5%;
}

.site-footer {
	background-color:white;
	padding-bottom: 0px;
  padding-top: 0px;
}

#block-pieddepage .navbar-nav {
	display: flex;
  flex-direction: unset;
  width: 40%!important;
  margin-right: auto !important;
  margin-left: auto !important;
}


#block-pieddepage li{
	padding-left:10px;
}
#block-pieddepage .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
  color: #831f82;}
  

.site-footer .region-footer-first .block{width:50%;}
.site-footer .region-footer-first img{
max-width: 25%;
vertical-align: top;}


.eif{
	margin-left:30px;
	margin-right:30px;
}


.site-footer__top .region{
	  background-color:white;
		
}
.region-footer-first{
/*width: 100%!important;*/
/*margin-left: 18%;*/
	float:none!important;
  width: 75%!important;
  margin-right: auto !important;
  margin-left: 21% !important;

}
.region-footer-second{
background-color:#f39200!important;
color:white!important;
float: none!important;
width: 100%!important;

}
.site-footer .content {
  color: #831f82;

}
.more {
  margin-top:20%;
  text-align:center;
}

.cust2 {
	  padding-bottom: 3.5%;
}

.ban2{
	margin-bottom:-1%;
}


/**Tarif**/

tbody, td, tfoot, th, thead, tr {
  border-color: #831f82;
  border-style: solid;
  border-width: 2px;
}
tr td, tr th {
  padding: 4px 9px;
  border: 1px solid #831f82;
  text-align: center;
}
.cercle {
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background: #831f82;
	text-align: center;
	margin: auto;
	padding: 5px;
	padding-top: 3px;
	color: #FFF;
	font-weight: bold;
}

/*MAJ**/
#user-login-form{margin-top:100px;}