/*
Theme Name: Freeware_Stibus
Description: Theme utiliser pour le site stibus 
Author: Thibault Gernez
Template: freeware
*/
html{
	font-family: 'Trebuchet MS', serif, 'Times New Roman' !important;/*polices utilisées pour le site*/
}
a {
	background-color: transparent;/*fond des liens du site ici transparent*/
	text-decoration: none;/*style des liens du site, ici aucun pour supprimer le soulignement de base des liens*/
	color:#9ACD32;/*couleur des liens exemple liens vers les stores d'applications*/
}

a:hover{
	text-decoration: underline;/*effet au survol des liens, ici souligné*/*/
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*body,
button,*/
input,
select,
optgroup,
textarea {
	color: #424242;/*couleur du texte */
	font-size: 18px;/*taille des textes des formulaires dans le cas de l ajout d'un formulaire vi wordpress*/
	line-height: 1.7;
}

h1, 
h3, 
h4, 
h5, 
h6 {
	color: #222;/*couleur des titres h1,h3,h4,h5,h6*/
	font-weight: 500;/*epaisseur des titres*/
	line-height: 1.1;
	margin: 0 0 0.75em;
}

ul{/*permet l'affichage des points pour une liste*/
	list-style-type:  disc !important;
}

.infos_doc{/*taille de la phrase "en savoir plus sur les articles"*/
	font-size:25px;
}

h1 {
  font-size: 43px;/*taille des titres h1*/
}
h2 {
  font-size: 200%;/*taille des titres h2*/
  color:white;/*couleur des titres h2*/
}
h3 {
  font-size: 30px;/*taille des titres h3*/
}
h4 {
  font-size: 20px;/*taille des titres h4*/
}
h5 {
  font-size: 16px;/*taille des titres h5*/
}
h6 {
  font-size: 14px;/*taille des titres h6*/
}
p {
	text-align: justify;/*mise en forme des paragraphes ici alignement justifié*/
	font-size:17px ;/*taille de textes des paragraphes*/
	hyphens: auto;/*permet la césure des mots lors de la navigation sur mobile en particulier*/
	-webkit-hyphens: auto;/*permet la césure des mots lors de la navigation sur mobile en particulier*/
	-moz-hyphens: auto;/*permet la césure des mots lors de la navigation sur mobile en particulier*/
	-ms-hyphens: auto;/*permet la césure des mots lors de la navigation sur mobile en particulier*/
}

/*--------------------------------------------------------------
# Forms mise en forme des formulaires via wordpress
--------------------------------------------------------------*/
button,/*boutons des formulaires via wordpress*/
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-image: linear-gradient(to right, #000000 0%, #9ACD32 51%, #000000 0%);/*la couleur des boutons gradient ici pomme et blanc*/
	margin: 3px;
	padding: 9px;
	text-align: center !important;
	justify-content: center;
	text-transform: uppercase;/*mise en majuscule des textes des boutons*/
	transition: 0.5s;
	background-size: 200% auto;
	border-radius: 10px;
	display: block;
	margin:auto;	
	color: white;
}
input[type="button"] a,
input[type="reset"]a,
input[type="submit"] a{/*mise en forme des liens des inputs type bouton*/
	color:white;
	font-size: 15px;
}

input[type="button"]a:hover,
input[type="reset"]a:hover,
input[type="submit"] a:hover{/*effet au survol des liens des inputs de type boutons; ici aucun*/
	text-decoration: none;
}

/*mise en forme des boutons au survol*/
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-position: right center; /* change la direction de l effet au survol */
	color: #fff;
	text-decoration: none;
}
/*mise en forme des boutons au focus*/
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #555;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#nav-sticker {/*couleur des bordures et mise en forme de la barre de navigation*/
	border-top: 1px solid rgba(0, 0, 0, 0.10);
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	position: relative;
	z-index: 999;
}

.is-sticky #nav-sticker {/*couleur de la barre de navigation*/
	background-color: rgb(0,0,0);
}

.main-navigation ul li a {/*mise en forme des liens de la barre de navigation*/
    color: #fff;/*couleur du texte*/
    display: block;
    font-size: 23px;/*permet de changer la taille de la police de la barre de navigation*/
 	font-weight: 400;/*epaisseur du texte des liens*/
    padding: 0 15px;
    position: relative;
	text-transform: uppercase;/*mise en majuscule des liens*/
	cursor: pointer;/*sert a faire que le curseur soit une main au survol des liens de la barre de navigation*/
}

.main-navigation ul li ul li {/*mise en forme des listes de la barre de navigation*/
	line-height: 1.5;
	padding: 8px 0;
}

.main-navigation ul li ul li a {/*mise en forme des liens de la liste de la barre de navigation*/
	color: #fff;/*couleur des liens*/
	font-size: 15px;/*permet de changer la taille de la police des liens contenus dans la barre de navigation (menu deroulant)*/
}

.main-navigation ul li ul li:hover,/*couleur de fond des listes de la barre de navigation*/
.main-navigation ul li ul li.current-menu-item,
.main-navigation ul li ul li.current_page_item,
.main-navigation ul li ul li.current-menu-ancestor {
    background-color: rgb(43,43,43);
}

.main-navigation ul.sub-menu,/*reglage du menu deroulant dont la couleur*/
.main-navigation ul.children {
    background-color: #000428;
    left: 0;
    min-width: 200px;
    position: absolute;
    top: 120%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.has-header-image .main-navigation ul li a,
.has-header-image .is-sticky .main-navigation ul li a {
	color: #fff !important;/*couleur des liens de la barre de navigation noire*/
}

.main-navigation ul li:hover > a, 
.main-navigation ul li.current-menu-item > a, 
.main-navigation ul li.current_page_item > a, 
.main-navigation ul li.current-menu-ancestor > a,
.has-header-image .main-navigation ul li:hover > a, 
.has-header-image .main-navigation ul li.current-menu-item > a, 
.has-header-image .main-navigation ul li.current_page_item > a, 
.has-header-image .main-navigation ul li.current-menu-ancestor > a{/*couleur des liens au survol dans la barre de navigation*/
	color: #9ACD32 !important;
}

.dropdown-toggle {
	display: none;
	box-shadow: none !important;/*sert a masquer les ombres des fleches de la barre de navigation en particulier sur mobile*/
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

#content {
	margin: 50px 0;
	background-image: url(../../../images/fond_rentree.jpg);/*image de fond de page du site*/
	background-size: 100%;/*taille du fond des pages*/
	background-attachment: fixed;/*permet au fond de ne pas scroller*/
	background-position-y: 15%;/*sert a remonter l arriere plan du site*/	
	background-position-x: 45%;/*sert à deplacer le fond sur l axe horizontal*/
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.top-header-bg2 {/*permet de mettre une bannière sur les autres pages du site mais pas sur l index*/
	background-size: cover;
	background-image:url("../../../images/photomontage_2.png");/*image de banniere des pages du site autres que la page d'accueil*/
	height: 20em;/*augmenter la hauteur de la banniere des pages*/
	background-position-y: -50px;/*sert à deplacer la banniere sur l axe vertical*/
	display:none;/*permet de masquer la bannière pour l instant*/
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.entry-title {/*mise en forme des titres des articles*/
	font-size: 30px;/*taille du texte*/
	line-height: 1.5;
    display: block;
    padding: 0;
    margin-bottom: 15px;
    position: relative;
	font-weight: 600;
}

/*--------------------------------------------------------------
## Home Page posts
--------------------------------------------------------------*/
#primary .post,
#primary .page,
#primary .product,
.infinite-wrap .post,
.infinite-wrap .page,
.infinite-wrap .product {
	background-color: rgba(246,246,246,0.6);/*changer la couleur de fond des articles de la page d accueil et le fond des pages*/
	border: 1px solid #eee;
	margin-bottom: 50px;
	padding: 30px;
	position: relative;
	width: 100%;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.puce{/*permet de regler la taille de l image de la puce*/
	min-width:160%; /*taille de l affichage*/
	margin-left: -60%; /*distance par rapport au coté gauche*/
	margin-top: -15%; /*distance par rapport au bas*/
}

.back-to-top {/*puce permettant de remonter/retour en haut de la page*/
	background-color: rgba(138,100,162,0);/*changer la couleur de base de la puce du thème, initialement un rond coloré*/
	cursor: pointer;/*sert a choisir le curseur qui s affiche au survol ici la main type lien*/
	display: none;/*permet de masquer la puce de base du theme*/
	font-size: 0;
	height: 90px;
	width: 90px;
	position: fixed;/*permet de scroller avec la puce qui reste affiché*/
	bottom: 50px;
	right: 30px;
	text-align: center;
	z-index: 100;
}

/*--------------------------------------------------------------
# Responsive Web Design Media Queries
--------------------------------------------------------------*/

@media only screen and (max-width: 1440px) { /*résolution type ecran 13"*/
	.logo_stibus{/*sert à placer le logo sur un support mobile inférieur a 1440px*/
		margin-left:-110% !important;
		width: 15% !important;
		margin-bottom:-5% !important;
	}
	.image_titre{/*réglage de l'image des titres*/
		width:4.8% !important;
		margin-right:0.8% !important;
	}

	.puce{/*permet de regler la taille de l image de la puce*/
		min-width:160%;
		margin-left: -1%;
		margin-top: 30%;
	}
	
	.back-to-top {/*puce permettant de remonter/retour en haut de la page*/
		background-color: rgba(138,100,162,0);
		cursor: pointer;
		display: none;
		font-size: 0;
		height: 90px;
		width: 90px;
		position: fixed;
		bottom: 50px;
		right: 30px;
		text-align: center;
		z-index: 100;
	}

	.slider_page{/*mise en forme du slider sur les autres pages du site, autre que la page d accueil*/
		height:500px !important;
	}
	.slider_accueil{/*dimension de la div du slider sur la page d accueil*/
		height:511px !important;
	}
	.contact iframe{/*hauteur de la frame du formulaire de contact*/
		height: 820px !important;
	}

}

@media only screen and (max-width: 1200px) { /*voir si on peut supprimer ?*/
	#content {
		background-image: url(../../../images/fond_rentree.jpg);/*image de fond de page*/
		background-size: 150% !important;
	}

}
@media screen and (min-width: 1024px) and (max-width: 1024px) {/*permet de décaler le menu sur iPad uniquement*/
	#site-navigation ul#primary-menu{/*permet de deplacer le contenu de la barre de navigation vers la droite*/
		padding-left:113px;
	}
}

@media only screen and (max-width: 1024px) { /*résolution type ipad*/
.logo_stibus{/*sert à placer le logo pour un support avec une résolution inferieure a 1024px*/
	margin-left:-90% !important;
	width: 16% !important;
	margin-bottom:-5% !important;
}
.puce{/*permet de regler la taille de l image de la puce*/
	min-width:170%;
	margin-left: -40%;
	margin-top: -7%;
}
.back-to-top {/*puce permettant de remonter/retour en haut de la page*/
		background-color: rgba(138,100,162,0);
		cursor: pointer;
		display: none;
		font-size: 0;
		height: 90px;
		width: 90px;
		position: fixed;
		bottom: 50px;
		right: 30px;
		text-align: center;
		z-index: 100;
	}
	
	.image_titre{/*réglage de l'image des titres*/
		width:4.5% !important;
		margin-right:0.7% !important;
	}

	.slider_page{/*mise en forme du slider sur les autres pages du site, autre que la page d accueil*/
		height:460px !important;
		overflow: hidden;
	}
	.slider_accueil{/*dimension de la div du slider sur la page d accueil*/
		height:430px !important;
	}
	.contact iframe{/*hauteur de la frame du formulaire de contact*/
		height: 450px !important;
	}

	
}

@media only screen and (max-width: 960px) {/*type grand smartphone*/

	.menu-item-737{/*sert a laisser un espace sous la derniere fleche de la barre de navigation sur mobile (menu déroulant)*/
		margin-bottom:7px;
	}

	.logo_stibus{/*sert à placer le logo sur un support avec une résolution inferieure a 960px*/
		margin-right:-155% !important;
		width: 25% !important;
	}

	h2{/*réglage des titres h2 spour les mobiles*/
		background: linear-gradient(180deg, rgba(154,205,50,1) 0%, rgba(154,205,50,1) 38%, rgba(0,0,0,1) 69%) !important;/*gradient des titres mobile*/
	}

	.contact iframe{/*hauteur de la frame du formulaire de contact*/
		height: 200px !important;
	}
	
}

@media only screen and (max-width: 823px) {
	.image_titre{/*réglage de l'image des titres*/
		width:5.5% !important;
		margin-right:1% !important;
	}

	.puce{/*permet de reglé la taille de l image de la puce*/
		min-width:150%;
		margin-left: 15%;
		margin-top: 20%;
	}

	.slider_page{/*mise en forme du slider sur les autres pages du site, autre que la page d accueil*/
		height:330px !important;
	}
	.slider_accueil{/*dimension de la div du slider sur la page d accueil*/
		height:300px !important;
	}
	.contact iframe{/*hauteur de la frame du formualire de contact*/
		height: 450px !important;
	}
			
		.navigation-top{/*hauteur minimale de la barre de navigation*/
		min-height: 4.5em !important;
	}

	.main-navigation ul li:hover>a,
	.main-navigation ul li.current-menu-item>a,
	.main-navigation ul li.current_page_item>a,
	.main-navigation ul li.current-menu-ancestor>a {
		background-color: transparent;/*fond des liens de la barre de navigation*/
		color: #9ACD32 !important;/*couleur des liens de la barre de navigation*/
	}

	/*----------------------NE PAS MODIFIER------------------------------*/
	.top-header-content {
		padding: 30px 0;
	}

	.top-header .header-right .btn.button {
		padding: 4px 15px;
	}

	.navigation-top {
		float: inherit;
		background-color: black !important;
	}

	.top-header .navigation-top,
	.top-header .sticky-wrapper,
	#nav-sticker {
		display: none;
	}

	.main-header > .navigation-top {
		display: block;
	}

	.has-header-image .main-header > .navigation-top,
	.has-top-bg-image .main-header > .navigation-top {
		background-color: #222;
	}

	.menu-toggle-wrap {
		float: left !important;
		display: block !important;
		position: relative !important;
		z-index: 9999 !important;
	}

	.main-navigation {
		display: block;
		margin: 0;
	}

	.main-navigation ul.menu {
		display: none;
		width: 100%;
		clear: both;
	}

	.main-navigation div.menu > ul {
		display: none;
		margin-top: 1em;
		padding: 25px;
		margin-bottom: 50px;
	}

	.main-navigation ul li {
		display: block;
		float: none;
		line-height: 36px;
	}

	.main-navigation ul li ul li a {
		color: white;
	}

	.dropdown-toggle {
		background: #333;
		color: #fff;
		cursor: pointer;
		display: block;
		position: absolute;
		right: 15px;
		text-align: center;
		top: 6px;
		padding: 4px 10px;
	}

	.dropdown-toggle .fas {
		font-size: 12px;
		-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;
	}

	.dropdown-toggle.active .fas {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}

	.main-navigation ul>li:hover > .dropdown-toggle,
	.main-navigation ul>li.current-menu-item .dropdown-toggle,
	.main-navigation ul>li.current-menu-ancestor .dropdown-toggle {
		background-color: #9ACD32;
	}

	.main-navigation ul li.menu-item-has-children > a:before, 
	.main-navigation ul li.page_item_has_children > a:before,
	.main-navigation ul.sub-menu li.menu-item-has-children > a:before, 
	.main-navigation ul.children li.page_item_has_children > a:before {
		display: none;
	}

	.main-navigation ul.sub-menu,
	.main-navigation ul.children {
		position: static;
		min-width: 100%;
		opacity: 1;
		top: 0;
		left: 0;
		visibility: visible;
		display: none;
		background: none;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

	.main-navigation ul>li:hover>.sub-menu,
	.main-navigation ul>li:hover>.children {
		top: 0;
	}

	.main-navigation ul.menu>li:hover>a:after,
	.main-navigation ul.menu>li.current-menu-item>a:after {
		display: none;
	}

	.main-navigation ul.sub-menu li, 
	.main-navigation ul.children li {
		border-bottom: none;
	}

	.main-navigation ul.menu li.menu-item-has-children a, 
	.main-navigation .menu li.page_item_has_children a {
		padding: 0 45px;
	}

	.has-top-bg-image .main-navigation ul li a {
		color: #fff;
	}

	.menu-toggle {/*barre de navigation sur support mobile*/
		background: transparent !important;
		display: block;
		float: left !important;
		width: 40px;
		height: 40px;
		overflow: hidden;
		white-space: nowrap;
		color: transparent;
		z-index: 3;
		box-shadow: none !important;
	}

	.toggle-bar:before, 
	.toggle-bar:after {
		content: '';
		right: 0;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-origin: 0% 50%;
		-moz-transform-origin: 0% 50%;
		-ms-transform-origin: 0% 50%;
		-o-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
		-webkit-transition: -webkit-transform 0.3s 0.3s;
		-moz-transition: -moz-transform 0.3s 0.3s;
		transition: transform 0.3s 0.3s;
	}

	.toggle-bar:before {
		top: -6px;
	}

	.toggle-bar:after {
		top: 6px;
	}

	.toggle-bar {
		position: absolute;
		top: 20px;
		left: 10px;
		margin-top: -2px;
		-webkit-transition: background 0.3s 0.3s;
		-moz-transition: background 0.3s 0.3s;
		transition: background 0.3s 0.3s;
	}

	.toggle-bar, 
	.toggle-bar:before, 
	.toggle-bar:after {
		position: absolute;
		display: inline-block;
		height: 3px;
		width: 24px;
		background: white;
	}

	.has-header-image .toggle-bar, 
	.has-header-image .toggle-bar:before, 
	.has-header-image .toggle-bar:after,
	.has-top-bg-image .toggle-bar, 
	.has-top-bg-image .toggle-bar:before, 
	.has-top-bg-image .toggle-bar:after {
		background-color: #fff;
	}

	.toggle-text {
		font-size: 0;
	}

	.toggled .toggle-bar:after {
	-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
	transform: translateX(4px) translateY(2px) rotate(-45deg);
	}

	.toggled .toggle-bar:before {
		-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
		-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
		-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
		-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
		transform: translateX(4px) translateY(-3px) rotate(45deg);
	}

	.toggled .toggle-bar {
		background: rgba(46, 50, 51, 0);
	}

	.banner-wrap {
		margin-bottom: 30px;
	}
/*-----------------------FIN DE NE PAS MODIFIER-----------------------------*/
}

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

	.menu-item-737{/*sert a laisser un espace sous la derniere fleche de la barre de navigation sur mobile*/
		margin-bottom:7px;
	}

	.tad{/*mise en forme des boutons du transport à la demande sur la page filobus*/
		display:flex !important;
		flex-flow: row wrap!important;
		justify-content: space-between !important;
		margin-bottom:15px !important;
		margin-right:2px !important;
	}

	.logo_stibus{/*emplacement du logo pour support avec résolution inferieure a 767px*/
		margin-right:-155% !important;
		width: 25% !important;
	}

	.navigation-top{/*hauteur minimum de la barre de navigation*/
		min-height: 3.5em !important;
	}
	.circulation{/*mise en forme du titre de l'article sur la circulation*/
		font-size: 23px !important;
	}
	h2{/*taille des titre h2*/
		font-size: 20px !important;
	}

	.puce{/*permet de reglé la taille de l image de la puce*/
		margin-right:-110% !important;
		margin-bottom:-240% !important;
	}
	
	.entry-title {/*taille des textes des titres des articles*/
		font-size:140%;
	}

    .navigation-top {
		float: inherit;
		background-color: black !important;/*couleur de la barre de navigaion*/
	}

    .main-navigation ul li ul li a {
		color: white;/*couleur des liens de la barre de navigation*/
	}

    .dropdown-toggle {
		background: #333;
		color: #fff;
		cursor: pointer;
		display: block;
		position: absolute;
		right: 15px;
		text-align: center;
		top: 6px;
		padding: 4px 10px;
	}

    .main-navigation ul>li:hover > .dropdown-toggle,
    .main-navigation ul>li.current-menu-item .dropdown-toggle,
    .main-navigation ul>li.current-menu-ancestor .dropdown-toggle {
        background-color: #9ACD32;/*couleur des fonds des liste au survol*/
    }

    .main-navigation ul li.menu-item-has-children > a:before, 
    .main-navigation ul li.page_item_has_children > a:before,
    .main-navigation ul.sub-menu li.menu-item-has-children > a:before, 
    .main-navigation ul.children li.page_item_has_children > a:before {
        display: none;
    }

    .main-navigation ul li:hover>a,
	.main-navigation ul li.current-menu-item>a,
	.main-navigation ul li.current_page_item>a,
	.main-navigation ul li.current-menu-ancestor>a {
	    background-color: transparent;/*couleur de fond des liens de la barre de navigation*/
	    color: #9ACD32 !important;/*couleur des liens de la barre de navigation au survol et pour la page courante*/
	}
/*--------------IMPORTANT NE PAS SUPPRIMER --> PERMET LA MISE EN FORME ET L UTILISATION DE MENU DEROULANT SUR MOBILE-------------*/
    .main-navigation ul.sub-menu,
    .main-navigation ul.children {
        position: static;
        min-width: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        visibility: visible;
        display: none;
        background: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .main-navigation ul>li:hover>.sub-menu,
    .main-navigation ul>li:hover>.children {
        top: 0;
    }

    .main-navigation ul.menu>li:hover>a:after,
    .main-navigation ul.menu>li.current-menu-item>a:after {
        display: none;
    }

    .main-navigation ul.sub-menu li, 
    .main-navigation ul.children li {
        border-bottom: none;
    }

    .main-navigation ul.menu li.menu-item-has-children a, 
    .main-navigation .menu li.page_item_has_children a {
		padding: 0 45px;
	}
/*-------------------------FIN DU IMPORTANT--------------------------------------*/

	.has-top-bg-image .main-navigation ul li a {
		color: #fff;/*couleur des liens de la barre de navigation*/
	}

	.menu-toggle {/*barre de navigation sur support mobile*/
		background: transparent !important;
		display: block;
		float: left !important;
		width: 40px;
		height: 40px;
		overflow: hidden;
		white-space: nowrap;
		color: transparent;
		z-index: 3;
		box-shadow: none !important;
	}

	.puce{/*permet de reglé la taille de l image de la puce*/
		min-width:115%;
		margin-left: -25%;
		margin-top: -15%;
	}
	
	.back-to-top {/*puce permettant de remonter/retour en haut de la page*/
		background-color: rgba(138,100,162,0);
		cursor: pointer;
		display: none;
		font-size: 0;
		height: 90px;
		width: 90px;
		position: fixed;
		bottom: 50px;
		right: 30px;
		text-align: center;
		z-index: 100;
	}
	.image_titre{/*réglage de l'image des titres*/
		width:5% !important;
		margin-right:1% !important;
	}

	.slider_page{/*mise en forme du slider sur les autres pages du site, autre que la page d accueil*/
		height:460px !important;
		overflow: hidden;
	}
	.slider_accueil{/*dimension de la div du slider sur la page d accueil*/
		height:250px !important;
	}
	.contact iframe{/*hauteur de la frame du formulaire de contact*/
		height: 460px !important;
	}

}

@media only screen and (max-width: 640px) {/* galaxy S5 paysage*/
	.tad a{/*taille du texte des boutons de la page transport à la demande filobus*/
		font-size:12px !important;
	}

	.menu-item-737{/*sert a laisser un espace sous la derniere fleche de la barre de navigation sur mobile*/
		margin-bottom:7px;
	}
	.infos_doc{/*taille de la phrase "en savoir plus sur les articles"*/
		font-size:20px !important;
	}

	.image_titre{/*réglage de l'image des titres*/
		width:6% !important;
		margin-right:1% !important;
	}

	.slider_page{/*mise en forme du slider sur les autres pages du site, autre que la page d accueil*/
		height:300px !important;
	}
	.slider_accueil{/*dimension de la div du slider sur la page d accueil*/
		height:220px !important;
	}
	.contact iframe{/*hauteur de la frame du formulaire de contact*/
		height: 440px !important;
	}

}
@media only screen and (max-width: 568px) {/* iphone 5 paysage*/
	.tad a{/*taille du texte des boutons de la page transport à la demande filobus*/
		font-size:12px !important;
	}

	.menu-item-737{/*sert a laisser un espace sous la derniere fleche de la barre de navigation sur mobile*/
		margin-bottom:7px;
	}
	.infos_doc{/*taille de la phrase "en savoir plus sur les articles"*/
		font-size:20px !important;
	}

	.image_titre{/*réglage de l'image des titres*/
		width:6.5% !important;
		margin-right:1% !important;
	}

	.slider_page{/*mise en forme du slider sur les autres pages du site, autre que la page d accueil*/
		height:240px !important;
		overflow: hidden;
	}
	.slider_accueil{/*dimension de la div du slider sur la page d accueil*/
		height:200px !important;
	}
	.contact iframe{/*hauteur de la fame du formulaire de contact*/
		height: 440px !important;
	}

}

@media only screen and (max-width: 500px) {
	
	.menu-item-737{/*sert a laisser un espace sous la derniere fleche de la barre de navigation sur mobile*/
		margin-bottom:7px;
	}
	#content {
		background-image: url(../../../images/fond_rentree.jpg);/*image de fond de page*/
		background-size: 150% !important;
	}

	.tad{/*disposition des boutons de la page transport à la demande filobus*/
		display:flex !important;
		flex-flow: row wrap!important;
		justify-content: space-between !important;
		margin:0 auto !important;
		margin-bottom:5px !important;
	}
	.tad a{/*taille du texte des boutons de la page transport à la demande filobus*/
		font-size:15px !important;
	}
	
	.logo_stibus{/*taille du texte des boutons de la page transport à la demande filobus*/
		margin-right:-155% !important;
		width: 25% !important;
	}

	p{/*taille du texte des paragraphes*/
		font-size:15px !important;
	}

	.infos_doc{/*taille de la phrase "en savoir plus sur les articles"*/
		font-size:20px !important;
	}
	
	.puce{/*permet de reglé la taille de l image de la puce*/
		min-width:100%;
		margin-left: -20%;
		margin-top: -7%;
	}
	
	.back-to-top {/*puce permettant de remonter/retour en haut de la page*/
		background-color: rgba(138,100,162,0);
		cursor: pointer;
		display: none;
		font-size: 0;
		height: 90px;
		width: 90px;
		position: fixed;
		bottom: 50px;
		right: 30px;
		text-align: center;
		z-index: 100;
	}
	
	.image_titre{/*réglage de l'image des titres*/
		width:11% !important;
		margin-right:1% !important;
	}

	.slider_page{/*mise en forme du slider sur les autres pages du site, autre que la page d accueil*/
		height:170px !important;
	}
	.slider_accueil{/*dimension de la div du slider sur la page d accueil*/
		height:140px !important;
	}
	.contact iframe{/*hauteur de la frame du formulaire de contact*/
		height: 430px !important;
	}

}

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

	.tad a{/*taille du texte des boutons de la page transport à la demande filobus*/
		font-size:10px !important;
	}

}

/* CSS ADITIONNEL
@ AUTHOR THIBAULT GERNEZ */


/*---------------les codes en dessous permettent la mise en forme des boutons du site-----------------*/ 
button{/*couleur, forme de base des boutons*/
		background-image: linear-gradient(to right, #000000 0%, #9ACD32 51%, #000000 100%);/*la couleur des boutons gradient ici vert et noir*/
		margin: 3px;
		padding: 7px;
		text-align: center !important;/*mettre le texte au centre des boutons*/
		justify-content: center;/*mettre le contenu des boutons au centre*/
		text-transform: uppercase;/*mettre en majuscule le texte des boutons*/
		transition: 0.5s;
		background-size: 200% auto;
		box-shadow: 0 0 20px #eee;
		border-radius: 10px;
		display: block;
		margin:auto;	
	}
	
	button:hover {/*effet au survol des boutons*/
		background-position: right center; /* change la direction de l effet au survol */
		color: #fff;/*couleur des texte*/
		text-decoration: none;/*decoratio des liens, ici aucun*/
	}
	button a{/*mise en forme des liens des boutons*/
		color:white;
		font-size: 16px;
	}

	button a:hover{
		text-decoration: none;/*effet au survol des liens des boutons; ici aucun*/
	}


/*--------------------------------------------------*/	

.tad{/*mise en forme des boutons du transport a la demande filobus*/
	display:inline ;
	flex-flow: row wrap;
	margin-right:10px;
}

.sticky-wrapper{
	background-color:rgba(11, 8, 17, 0.99);/*changer la couleur de la barre de navigation*/
}

/*--------------------debut du style des iframe---------------------------------*/

/*mise en forme de la div et de l iframe de la page contact*/
.contact{
	display:flex;
	justify-content: center;
	margin-top: 5% !important;
}
.contact iframe{
	position: center !important;
	border:none !important;
	width: 1000px ;
	height: 830px ;
	display:flex !important;
	justify-content: center !important;
	background-color: rgba(246,246,246,0.8);
}

/*-----------------------------------*/

/*mise en forme de la div et de l iframe de la page info_sms*/
.info_sms{/*mise en forme de la div de la page info sms*/
	display:flex;
	justify-content: center;
	margin-top: 5% !important;
}
.info_sms iframe{/*mise en forme de la frame de la page info sms*/
	position: center ;
	border:none ;
	width: 1000px ;
	height: 950px ;
	display:flex ;
	justify-content: center ;
}

/*----------------------------------*/

/*mise en forme des  div et des iframe de la page points de vente et tarifs */
.agence, .depositaires
{
position: middle;
display:flex;
justify-content:center;
}

.agence iframe, .depositaires iframe
{
position: center;
width: 700px;
height: 600px;
}

/*-------------fin de la mise en forme des iframe------------------------*/


.logo_stibus{/*emplacement du logo stibus sur la barre de navigation*/
	margin-left: -116%;
	margin-bottom:-3%;
	margin-top:-1%;
	width:15%;
}


/*mise en forme des bannières des titres des articles et des pages*/
h2{
	background: linear-gradient(5deg, rgba(154,205,50,1) 0%, rgba(154,205,50,1) 38%, rgba(0,0,0,1) 69%);
	color: white !important;
	text-align: left !important;
	padding-left: 5px !important;
	border-radius: 10px;
}

/*mise en forme du titre de l'article circulation*/
.circulation{
	background: radial-gradient(circle, black 0%, rgb(154,205,50) 100%);
	color:white;
	border-radius: 10px;
	font-weight: 600;
	padding-left:5px;
	font-size: 30px;
	line-height: 1.5;
    margin-bottom: 15px;
}

/*masquer les liens de catgories, auteurs, etiquettes*/
.entry-utility{
	display:none;
}


.toggle-bar:before, 
.toggle-bar:after,
.toggle-bar{/*sert a mettre en blanc le fond du bouton du menu sur mobile*/
	background-color:white;
}

.is-sticky .main-navigation ul li a {
	color:white;
}

.slider_page{/*mise en forme du slider sur les autres pages du site, autre que la page d accueil*/
	height:500px;
	overflow: hidden;
}

.slider_accueil{/*dimension de la div du slider sur la page d accueil*/
	height:589px;
	overflow: hidden !important;
}

.image_titre{/*réglage de l'image des titres*/
	width:3%;
	margin-right:0.3%;
}

.wp-block-media-text .wp-block-media-text__content{/*empeche l'indentation du texte dans les blocks media et texte*/
	padding:0%;
}