body
{
	font-family: 'Open Sans', sans-serif;
}

/***************************/
/*        HTML TAGS        */
/***************************/

hr
{
	border-top: 1px solid #ccc;
}

a
{
	color: #0066CC;
}

span.fa.fa-whatsapp 
{
	color: #25D366;
}
/***************************/
/*         HEADER          */
/***************************/

.tievasion-header-image 
{
	padding: 10px 0px 20px 0;
	
}

/***************************/
/*           NAV           */
/***************************/
#sous-menu, #sous-menu ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#sous-menu li{
display:inline-block;
position:relative;
border-radius:0px;
}
#sous-menu ul li{
display:inherit;
border-radius:0px;
}
#sous-menu ul li:hover{
border-radius:0px;
}
#sous-menu ul li:last-child{
border-radius:1px;
}
#sous-menu ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#sous-menu li:hover ul{
}
/* background des liens menus */
#sous-menu li{
background-color: #fff;
}
/* background des liens sous menus */
/*
#sous-menu li:first-child li{
background:;
}
#sous-menu li:nth-child(2) li{
background:;
}
#sous-menu li:nth-child(3) li{
background:;
}
#sous-menu li:last-child li{
background:;
}
/* background des liens menus et sous menus au survol */
/*
#sous-menu li:first-child:hover, #sous-menu li:first-child li:hover{
background:;
}
#sous-menu li:nth-child(2):hover, #sous-menu li:nth-child(2) li:hover{
background:;
}
#sous-menu li:nth-child(3):hover, #sous-menu li:nth-child(3) li:hover{
background:;
}
#sous-menu li:last-child:hover, #sous-menu li:last-child li:hover{
background:last-child;*/
}




/* les a href */
#sous-menu a{
list-style: none;
text-decoration:none;
padding:20px 70px;
color: #220505;
font-family:arial;
}
#sous-menu ul a{
padding:8px 0;
}
#sous-menu li:hover li a{
display: block;
color: #fff;
text-transform:inherit;
}
#sous-menu li:hover a, #sous-menu li li:hover a{
color:#fff;;
}

.deroulant{
	position: relative;
}

.deroulant > a::after{
    content:" ?";
    font-size: 12px;
}

.navbar
{
	border: 0;
	border-radius: 0;
	background: #fff;
}

.navbar>ul>li>a
{

font-weight: 700;
}

.navbar-toggle
{
	margin-right: 0;
}

.navbar-nav>li>a
{
	font-weight: 700;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover
{
	color: #fff;
	font-size: 14px;
}

p.navbar-text
{
	margin-top: 11px;
	margin-bottom: 0;
	color: #fff;
}

.navbar-text > a
{
    text-decoration: none;
    margin-left: 17px;
color: #fff;
}

.navbar-text > a:first-child
{
    margin-left: 10;
}

.navbar-default a
{
	transition: background .2s ease;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover
{
	background-color:  #e7e2dc;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover
.navbar-default .navbar-nav>.active>ul:hover
{
	color: #ec870e;
	background-color: #fff;
	font-size: 14px;
	border-radius:px;
}

/***************************/
/*      SOCIAL ICONS       */
/***************************/

.fa-facebook-official
{
    color: ;
}

.fa-twitter
{
    color: ;
}
.fa-map-marker
{
	color: ;
}

.fa-phone-square
{
	color: ;
}

.fa-envelope-square,
.fa-shopping-basket
{
	color: ;
}

/***************************/
/*          BODY           */
/***************************/

.tievasion-body-content
{
	padding-bottom: 30px;
}

.tievasion-body-content h1.page-title
{
	border-top: 1px dashed #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	margin: 0 0 30px 0;
}

strong
{
color:#0066CC;
}

strong.rouge{
color:;
}�
.note
{
color:#CC3300
}

/***************************/
/*        HOMEPAGE         */
/***************************/

.tievasion-home-introduction
{
	text-align: left;
	margin-bottom: 30px;
	color: #ec870e;
	font-size: 16px;
}

.tievasion-home-introduction p:last-child
{
	margin-bottom: 0;
}

.tievasion-citation
{
	padding: 0 0%;
	font-family: 'Geneva', serif;
	font-style: ;
	font-weight: 220;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 25px;
	color: #000;
	margin-bottom: 10px;
}

.tievasion-home-sections a
{
	padding: 30px 0;
	display: block;
	transition: background .5s ease;
}

.tievasion-home-sections  a .tievasion-home-section-more
{
	color: #666;
}

.tievasion-home-sections a:hover
{
	color: #fff;
	text-decoration: none;
	background-color: #0066CC;
}

.tievasion-home-sections  a:hover .ti-evasion-home-section-more
{
	color: #fff;
}

.tievasion-picto
{
	display: block;
	align: right
}

.tievasion-home-section-title
{
	font-weight: 400;
	font-size: 160%;
	display: block;
	margin: 20px 0;
}

#bouton {
	display: flex;
	justify-content: center;
	align-items: center;
}

/***************************/
/*      PRESENTATION       */
/***************************/

/*.tievasion-presentation-gallery
{
	margin: 60px 0 30px 0;
}*/

.tievasion-presentation-gallery a
{
	display: inline-block;
	margin: 0 10px 10px 0;
}

.tievasion-home-introduction-2
{
	padding: 0px 0 10px 0;
	margin-bottom: 10px;
	color: #333;
}

.tievasion-home-introduction-2 p:last-child
{
	margin-bottom: 0;
}

.tievasion-citation-2
{	
	text-align: left;
	font-family: 'Merriweather', serif;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 2px;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	margin-bottom: 20px;
}


/***************************/
/*        CAROUSEL         */
/***************************/

.carousel-caption
{
	right: 0;
	left: 0;
	bottom: 0;
	background-color:;
	padding: 10px 10%;
}

.tievasion-page-contact .bg-success,
.tievasion-page-contact .bg-danger
{
	padding: 15px;
}

.tievasion-actualites-item
{
	border-bottom: 1px solid #ccc;
	margin: 30px 0;
	padding-bottom: 30px;
}

.tievasion-actualites-item p:last-child,
.tievasion-actualites-item:last-child
{
	border-bottom: 0;
}

#pitch { margin-bottom: 0px;}
#pitch .infoline { 
	margin-top: -75px; 
	padding: 25px 0 25px 25px; 
	background: #000; 
	font-size: 18px; 
	width: 940px; 
	opacity:0.70; 
	filter:alpha(opacity=50); 
	color: #fff;
}

	.pitch-gallery { 
	overflow: hidden; 
	width: 980px; 
	position: relative; 
	border-radius: 10px;
}
	.pitch-gallery-holder { 
	float: left; border-radius: 10px; 
}


/***************************/
/*         CONTACT         */
/***************************/

ol.sans {

            list-style-type: none;

          }

p.error
{
	margin-bottom: 0;
}

.tievasion-coordonnees
{
	padding: 20px;
	border: 2px solid #ccc;
	border-radius: 10px;
	font-size: 15px;
	/*background: transparent url("../images/contact-bg.png") repeat-x left top;*/
}

.tievasion-coordonnees-wrapper
{	
	/*background: #fff url("../images/contact-bg.png") repeat-x left bottom;
	border: 1px solid #ccc;*/
	margin-bottom: 5px;
}

.tievasion-coordonnees h4
{
	margin-top: 0;
}

.tievasion-coordonnees p:last-child
{
	margin-bottom: 0;
}

/***************************/
/*       GOOGLE MAPS       */
/***************************/

.google-maps
{
	position: relative;
	padding-bottom: 100%; /* keep aspect ratio */
	height: 0;
	overflow: hidden;
	border: 1px solid #ccc;
}

.google-maps iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/***************************/
/*          AVIS           */
/***************************/

.avis-tievasion {
  color: #0066CC;
  font-size: 18px;
  line-height: 1em;
  text-align: center;
  margin-top: -20px;

}

.chiffre {
  color: #0066CC;;
  font-size: 42px;
  line-height: 1.1em;
  text-align: center;
}

.social-icons-avis-tievasion {
  color: #0066CC;;
  font-size: 24px;
  line-height: 1.4em;
  text-align: center;
}


/***************************/
/*     LEGENDE IMAGE       */
/***************************/

figure {
  display:inline-block;
  max-width:100%;
  height:auto;
  line-height:1.42857143;
  background-color:#fff;
  border-radius:4px;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out
}

figcaption {
  background-color: #222;
  color: #fff;
  font: italic smaller sans-serif;
  padding: 3px;
  text-align: center;
}


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

.tievasion-footer-content
{
	padding: 10px 0px ;
	border-top: 1px solid #ccc;
}

.tievasion-footer-content a
{
	color: #999;
}

.tievasion-footer-content a:hover
{
	color: #666;
}

ul.tievasion-footer-links
{
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
}

.tievasion-footer-links li
{
	float: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 10px;
}

.tievasion-footer-links li:first-child
{
	padding-left: 0;
	border-left: 0;
}

.tievasion-footer-links img {
	border-radius: 10px;
	cursor:pointer;
 	width:100%;
	transition: transform .1s;
 	height:10rem;
 	object-fit:contain;
 	transition:all .25s cubic-bezier(.4,0,.2,1) 0ms
}

.tievasion-footer-links img:hover {
    filter: grayscale(0%);
}

.tievasion-footer-content-experience li p
{
	display: flex;
	justify-content: center;
}

/*
.tievasion-footer-content-guides ul li img {
	cursor:pointer;
 	width:100%;
 	height:10rem;
 	object-fit:contain;
 	filter:grayscale(100%);
 	opacity:.5;
 	transition:all .25s cubic-bezier(.4,0,.2,1) 0ms
}

	ul li img:hover {
    filter: grayscale(110%);
}

.tievasion-footer-content-guides li {
	float: none;
}
*/
/***************************/
/*      MEDIA QUERIES      */
/***************************/

@media (min-width: 1200px)
{	.container
	{
		width: 970px; /* max responsive width */
		
	}
}

@media (min-width: 970px)
{
	body
	{
		background-image: url('../images/"     "');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
}

@media (min-width: 768px)
{
	.navbar-collapse
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	p.navbar-text
	{
		margin-right: 0;
	}
	
	.form-horizontal .control-label
	{
		text-align: left;
	}
}

@media (max-width: 767px)
{
	p.navbar-text
	{
		margin-top: -38px;
		margin-bottom: 10px;
	}
}

.tievasion-home-sections
{
	display:none;
}	




/***************************/
/*         FAQ          */
/***************************/

html {
  box-sizing: border-box ;
}
* {box-sizing: inherit;}

.attribution { 
  text-align: center; 
  background-color: hsl(240, 5%, 91%);
  padding: 8px 0 5px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.attribution a { color: hsl(228, 45%, 44%); }

/* global */
/*================================================*/

.card-wrapper {
  padding-bottom: 10px; /* footer fixed */
  padding-top: 0px;
}

h2 {
  margin: 12px 0;
}


/* generics */
/*================================================*/

.content-cc{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* FAQ card */
/*================================================*/

.faq-card {

  background-color: #fff;
  border-radius: 20px;
  
  box-shadow: 0px 60px 50px -25px rgba(0, 0, 0, 0.10);
}

/* FAQ card: imagenes */
/*================================================*/


.faq-ilustrations{
  position: relative;
}

.faq-ilustrations .mobile.ilust{
  position: absolute;
  top:-110px;
  left:-30px;
  right: 0;
}

.mobile{
  display: block;
  margin: 0 auto;
}


/* FAQ card: main */
/*================================================*/

.faq-content {
  padding: 9px 25px 3rem; 
}

.faq-content h1 {
  font-size: 32px;
  text-align: center;
  color: #0066CC;
}

.faq-accordion {
  padding: 8px 0;
  border-bottom: 1px solid hsl(240, 5%, 91%);
}


/* FAQ card: main title */
/*================================================*/

/* checkbox tgg-title*/
input.tgg-title {
  appearance: unset;
  all:unset;
}

.faq-accordion-title label{
  display: flex;
  align-items: center;
  cursor: pointer;
}

.faq-accordion-title h2{
  font-size: 18px /*var(--font-size)*/;
  font-weight: 600;
  color: var(--neutral-dark-color);
}

.faq-accordion-title span{
  margin-left: auto;
  transition: transform .4s ease-in-out;
}


/* FAQ card: main content */
/*================================================*/

.faq-accordion-content {
  color: var(--neutral-soft-color);
  overflow: hidden;
  max-height: 0;
  transition: max-height .4s ease-in-out;
}


/* Effects */
/*================================================*/

/* main title, accordion title effects */

.faq-accordion-title h2{
  color: #0066CC;
}

/* onclick "" */
.faq-accordion .tgg-title:checked + div>label>h2 {
  font-weight: 700;
}

.faq-accordion .tgg-title:checked + div>label>span {
  will-change: transform;
  transform: rotate(180deg);
}

/* main content, acordion text effect */

.faq-accordion .tgg-title:checked ~ .faq-accordion-content{
  will-change: max-height;
  max-height: 1200px;
}


/***************************/
/*         GUIDAP          */
/***************************/

/* General settings */
/*================================================*/
:root {
		/* Texts */
    --text: #333333; /* Couleur des textes par d�faut */
    --text-light: #6b7a91; /* Couleur des textes des d�tails */
    --text-invert: #c7ccd4; /* Couleur des textes disable */
    --family-primary: 'Open Sans',sans-serif; /* Typographie � utiliser */

		/* Couleurs de fond (backgrounds) */
    --background: #f1f3f5; /* Couleur de fond g�n�rale */
    --white: #ffffff; /* Fonds blancs et quelsues textes blancs */

		/* Bordures */
    --border: #333333; /* Bordures des �l�ments s�lectionn�s */
    --border-light: #e2e5e9; /* Bordures des �l�ments non s�lectionn�s */ 
    --radius: 5px; /* Arrondis des images, inputs, s�lecteurs... */
    --radius-large: 8px; /* Arrondi des cartes */
    --radius-rounded: 9999px; /* Arrondi des boutons */

		/* Boutons et liens */
    --primary: #ec870e; /* Couleur des boutons principaux */
    --primary-invert: #FFFFFF; /* Textes des boutons principaux */
    --black: #ec870e; /* Couleur des boutons secondaires et checkbox */
    --link: #0066CC; /* Couleur des liens */
}

/* Navbar design */
/*================================================*/
.navbar button.button.g-button.is-medium.is-primary.is-rounded.style-primary {
    padding: 15px;
}
span.fa.fa-shopping-basket.fa-lg {
    font-size: 15;
	color: #666;
}




pre {
  margin: 0px;
  padding: 10px;
  width: 50%;
  height: 60px;
}
pre#example-1 {
  border: solid 0px;
  border-radius: 10px 40px 40px 10px;
   background:#0066CC;
    color: #FFFFFF;
}