/*--Author: W3Layouts
	Author URL: http://w3layouts.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: http://creativecommons.org/licenses/by/3.0/
 --*/



body {
	font-family: 'PT Sans', sans-serif;
	background: #fff;
	height:100%;
}

body .container-fluid, body .container-fluid .row{
	height: 100%
}

.scrollspy-example {
	position: relative;
	overflow: visible;
	min-height: 100vh;
}

.services_agile{
	padding-top: 0!important;
}

#main_container{
	padding-top: 0!important;
	width: 90%;
	margin: auto;
}

/*
@font-face {
    font-family: 'MyFont';
    src: url('fonts/MyFont.eot') format('eot'),
         url('fonts/MyFont.woff') format('woff'),
         url('fonts/MyFont.ttf') format('truetype'),
         url('fonts/MyFont.svg') format('svg');
}
*/

@font-face {
	font-family: 'Delfino';
	src: url('../webfonts/Delfino.otf') format('otf'),
		 url('../webfonts/Delfino.ttf') format('truetype');
}

.element:nth-child(1)
{
    flex: 2;
}

.element:nth-child(2)
{
    flex: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'Amaranth', sans-serif;
	overflow:hidden;
	display:block;
	width: 100%;
}

h2{
	margin-bottom: 20px;
	margin-top: 15px;
}

p {
	margin: 0;
	color: #777;
	font-size: 1em;
	line-height: 2;
	width: 100%;
}

ul {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}

table {
	width:100%;
	margin-bottom: 20px;
}

tr {
	height: 50px;
}

th, td {
	padding: 10px;
	border: 1px solid black;
}

th{
	background-color: #D55E5E;
	color: white;
}

body a:hover {
	text-decoration: none;
}

body a:focus {
	outline: none;
	text-decoration: none;
}

/*-- code css perso --*/

.title-header{
	padding-top: 2rem!important;
	padding-bottom: 1rem!important;
}

#regles p{
	color: #212529;
}

#regles h1{
	margin-bottom: 1em;
}

#regles h2, #regles li{
	margin-bottom: 1em;
	margin-top: 1em;
}

#regles .sommaire{
	margin-top: 1em;
	list-style-type: disc;
	margin-left: 20px;
}

#regles .sommaire li{
	margin-bottom: 0em;
	margin-top: 0em;
}

#regles .list-tiret{
	list-style-type: "-";
	margin-left: 10px;
}

#regles .list-tiret li{
	padding-left: 5px;
}

.margin-auto{
	margin: auto;
}

.width-50{
	width: 50%;
}

.width-100{
	width:100%;
}

.hidden{
	visibility: hidden;
	width: 0%;
	height: 0%;
}

.arrow_canon_hor{
	width: 50px;
    height: 30px;
	cursor: pointer;
}

.arrow_canon_ver{
	width: 30px;
    height: 50px;
	cursor: pointer;
}

.arrow_canon_hor.hidden{
	width: 0%;
	height: 0%;
	cursor: none;
}

.arrow_canon_ver.hidden{
	width: 0%;
	height: 0%;
	cursor: none;
	margin: 0;
}



#inscription .label-p{
	vertical-align: top;
	padding-top: 6px;
}

.label-p{
	padding-left: 10px;
	display: inline-block;
	width: calc(100% - 45px);
}

.margin-top-5{
	margin-top: 5px;
}

.margin-top-10{
	margin-top: 10px;
}

.margin-top-20{
	margin-top: 20px;
}

.margin-left-5{
	margin-left: 5px;
}
.margin-left-10{
	margin-left: 10px;
}
.margin-left-20{
	margin-left: 20px;
}
.margin-right-5{
	margin-right: 5px;
}
.margin-right-10{
	margin-right: 10px;
}
.margin-bottom-5{
	margin-bottom: 5px;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}

.font-size-10{
	font-size: 12px;
}

.button-200{
	width: 200px;
}

.v-align-top{
	vertical-align: top;
}

.v-align-bottom{
	vertical-align: bottom;
}

input[type="radio"]{
	display:inline-block;
	height: 32px;
	width: 20px;
}


.alert{
	font-size: 16px;
	/*margin: 40px 0 0 0 !important;*/
}

.text-block{
	width:100%;
	display:block;
}

.text-block p, .text-block ul{
	margin-bottom: 10px;
}

.class-group{
	display: inline-block;
	text-align: center;
}

.display-flex{
	display: flex;
}

img.item{
	width:32px;
}

img.icon{
	height:22px;
	width:22px;
}

.icon-quest{
	margin-right: 5px;
    margin-bottom: 4px;
	max-height: 25px;
	max-width: 25px;
}

.center{
	text-align: center;
}

.description-page {
	text-align: right;
}

.orange{
	color: orange;
}

.red{
	color: red;
}

.blue{
	color: blue
}

.timer{
	margin-left: 5px;
}

.impossible-grey{
	color: #5F5F5F;
}

.back-link{
	margin-top: 25px;
	font-size: 1.1em;
}

.back-link a{
	color: black;
}

.back-link a:hover{
	text-decoration: underline;
}

.little-link{
	margin-bottom: 10px;
    font-size: 1.1em;
}

.link-text{
	cursor: pointer;
	color: #007bff;

}

.link-text:hover{
	color: #0056b3;
	text-decoration: underline;
}

.new-icon{
	width: 32px;
	height: 32px;
}

.date-message{
	font-size: 0.9em;
    color: #555;
    width: 100px;
}

.pic-50{
	width: 50%;
}
.pic-50 img{
	width: 90%;
}

.book {
	margin: auto;
	padding: 15px;
	border: 1px solid black;
	background-color: #F3E9CB;
	color: black;
}

.book p{
	margin: 0;
	color: black;
}

.book img{
	margin: 10px auto;
	border: 1px solid black;
}

.book-lien{
	display: block;
	margin: auto;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*Cartes poker*/

.card-block{
	display: block;
	width: 100%;
}

.card{
	display: inline-block;
}

.expediteur-message, .destinataire-message{
	border-radius: 10px;
	color: white;
	padding: 10px;
}

.expediteur-message{
	background-color: #0084FF;
	float: right;
	margin-left: 20px;
}

.destinataire-message{
	background-color: #3E4042;
	float: left;
	margin-right: 20px;
}

.table-message{
	border: 1px solid black;
	width: 100% !important;
	margin-right: 10px;
}

.table-message td, .table-message th{
	border: none;
}

.row-grey{
	background-color: #eee;
}

.form-message{
	width:100%;
	margin-right: 10px;
}

.textarea-message{
	height: 100px !important;
	margin-bottom: 10px;
}

.classe_rpg{
	width: 80%;
}

.classe_faceset{
	text-align: center;
	width: 150px;
}

.classe_faceset img{
	width: 150px;
	margin: 10px 0;
}

.sac-big{
	overflow-y: auto;
	max-height:500px;
	width: 100%;
}

.sac-big table{
	width: 100%;
}


.scroll-y-auto{
	overflow-y: auto;
	max-height:500px;
	width: 100%;
}

.scroll-y-auto table{
	width: 100%;
	margin-left:0;
	margin-right:0;
}

/*card succès */

#succes .card{
	border-radius: 10px;
	background-color: #7E5232;
	color: white;
	margin: 0px 5px 10px;
	width: calc(25% - 10px);
}

#succes .card-title{
	font-size: 1.1em;
	font-weight: bold;
}

#succes .card-text{
	font-size: 0.95em;
}

#succes .card a{
	color: yellow;
}

#succes .card a:hover{
	color: #F5D20A;
}

#succes .btn-succes{
	padding: 6px 10px !important;
	border: none !important;
	margin-top: 1rem !important;
}

#succes .btn-succes:hover{
	background-color: #11B8C6 !important;
	color: yellow !important;
}

#succes .btn-succes:active{
	box-shadow: inset 0px 0px 2px black;
}



#quete hr{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	border: 1px solid #484848;
	width: 100%;
}

.journal-combat{
	margin-top:20px;
	width:100%;
	height:170px;
	overflow-y: auto;
}

.journal-combat table{
	width: 100%;
}

.table-combat{
	background-size: 100%;
	background-position: bottom;
	font-weight: bold;
}

.table-combat p{
	color: black;
}

.table-combat ul li{
	font-weight: normal;
}

.notif, .notif-menu{
	border-radius: 100%;
	color: white;
	display: inline-block;
	text-align: center;
	margin: auto;
	font-weight: bold;
	padding-bottom: 11px;
}

.notif{
	background-color: red;
	font-size: 0.85em;
	position: absolute;
	width: 26px;
	height: 26px;
	border: 3px solid black;
	right: 5px;
	bottom: 5px;
}

.notif-menu{
	background-color: white;
	font-size: 0.84em;
	position: relative;
	width: 19px;
	height: 18px;
	color: #ee9d9d;
}

.active .notif-menu{
	background-color: #ff3434;
	font-size: 0.84em;
	position: relative;
	width: 19px;
	height: 18px;
	color: white;
}

.text-box, .text-box-name{
	font-family: Delfino, Arial;

}

.text-box-name{
	font-family: Delfino, Arial;
	padding: 8px;
	background-color: saddlebrown;
	width: auto;
	display: inline-block;
	font-size: 1em;
	border: 1px solid black;
	color: white;
	background-image: url(../images/text-name.jpg);
	background-size: auto 100%;
	border-bottom: none;
}

.old_map{
	background-image: url(../images/livres/vieille_carte.jpg);
	background-size: 100% 100%;
	border: 1px solid black;
	margin: auto;
	width: auto;
}

.old_map th, .old_map td{
	background-color: rgba(44, 29, 0, 0.5);
	text-align: center;
	height: 50px;
	width: 50px;
}

.old_map_tree{
	background-image: url(../images/livres/map_tree.png);
	background-size: 100% 100%;
}

.map-line{
	background-size: 100% 100%;
}

.map-line-1{ background-image: url(../images/livres/map_line1.png); }
.map-line-2{ background-image: url(../images/livres/map_line2.png); }
.map-line-3{ background-image: url(../images/livres/map_line3.png); }
.map-line-4{ background-image: url(../images/livres/map_line4.png); }
.map-line-5{ background-image: url(../images/livres/map_line5.png); }
.map-line-6{ background-image: url(../images/livres/map_line6.png); }
.map-line-7{ background-image: url(../images/livres/map_line7.png); }
.map-line-8{ background-image: url(../images/livres/map_line8.png); }
.map-line-9{ background-image: url(../images/livres/map_line9.png); }
.map-line-10{ background-image: url(../images/livres/map_line10.png); }
.map-line-11{ background-image: url(../images/livres/map_line11.png); }
.map-line-12{ background-image: url(../images/livres/map_line12.png); }
.map-line-13{ background-image: url(../images/livres/map_line13.png); }
.map-line-14{ background-image: url(../images/livres/map_line14.png); }
.map-line-15{ background-image: url(../images/livres/map_line15.png); }

.map-rock-1{ background-image: url(../images/livres/map_rock1.png); }
.map-rock-2{ background-image: url(../images/livres/map_rock2.png); }
.map-rock-3{ background-image: url(../images/livres/map_rock3.png); }
.map-rock-4{ background-image: url(../images/livres/map_rock4.png); }

.map-clover{ background-image: url(../images/livres/map_clover.png); }
.map-heart{ background-image: url(../images/livres/map_hearts.png); }
.map-diamond{ background-image: url(../images/livres/map_diamond.png); }
.map-spade{ background-image: url(../images/livres/map_spade.png); }

.yellow{
	color: yellow;
}

.bold{
	font-weight: bold;
}

.text-box{
	background-image: url(../images/text.jpg);
	background-size: 100% 100%;
	display: flex;
	font-size: 1.25em;
	border: 1px solid black;
	margin-bottom: 10px;
	width: 100%;
}

#dialogue_train .text-faceset img{
	border: none;
	margin: 5px 0 0 5px;
}

.text-faceset{
	display: inline-block;
	margin: 10px;
}

.text-faceset img{
	border: 1px solid black;
}

.text-message{
	display: inline-block;
	min-height: 100px;
	padding: 20px;
}

.text-message p{
	color: black;
}

.coffre{
	width: 14.28%;
	display: inline-block;
	text-align: center;
}

.coffre img{
	width: 50%;
	margin:auto;
}

.rotate90{
	transform: rotate(-90deg);
}

.rotate45{
	transform: rotate(-45deg);
}

.ennemi-img{
	margin: 20px 10px 10px 10px;
}

.ennemi-img{
	height: 4em;
}


.decor-pnj{
	border: 1px solid black;
	height: 300px;
	width: 500px;
	display: block;
	margin :auto;
	margin-top: 20px;
	background-size: 100% 100%;
	position: relative;
}

.decor-pnj .text-faceset{
	width: 70px;
	height: 70px;
}
.decor-pnj .text-faceset img{
	width: 100%;
	height: 70px;
	width: 70px;
}

.decor-pnj .text-message{
	padding: 5px;
	font-size: medium;
	min-height: 0;
	width: calc(100% - 75px);
}

.decor-pnj .text-box-name{
	padding-top: 2px;
	padding-bottom: 2px;
}

.decor-pnj .text{
	position: absolute;
	margin: 5px;
	width: calc(100% - 10px);
}

.pnj{
	position: absolute;
	margin: auto;
	text-align: center;
	bottom: 10px;
	width: 500px;
}

.text-message.little{
	font-size: 0.2em;
	padding-top: 10px;
}

.equisize-2{
	width: 50%;
}

.equisize-3{
	width: 33.33%;
}

.equisize-4{
	width: 25%;
}

.equisize-5{
	width: 20%;
}

.equisize-6{
	width: 16.67%;
}

.battleground-1{ background-image: url(../images/battlegrounds/battleground1.png); }
.battleground-2{ background-image: url(../images/battlegrounds/battleground2.png); }
.battleground-3{ background-image: url(../images/battlegrounds/battleground3.png); }
.battleground-4{ background-image: url(../images/battlegrounds/battleground4.png); }
.battleground-5{ background-image: url(../images/battlegrounds/battleground5.png); }
.battleground-6{ background-image: url(../images/battlegrounds/battleground6.png); }
.battleground-7{ background-image: url(../images/battlegrounds/battleground7.png); }
.battleground-8{ background-image: url(../images/battlegrounds/battleground8.png); }
.battleground-9{ background-image: url(../images/battlegrounds/battleground9.png); }
.battleground-10{ background-image: url(../images/battlegrounds/battleground10.png); }
.battleground-11{ background-image: url(../images/battlegrounds/battleground11.png); }
.battleground-12{ background-image: url(../images/battlegrounds/battleground12.png); }
.battleground-13{ background-image: url(../images/battlegrounds/battleground13.png); }
.battleground-14{ background-image: url(../images/battlegrounds/battleground14.png); }
.battleground-15{ background-image: url(../images/battlegrounds/battleground15.png); }
.battleground-16{ background-image: url(../images/battlegrounds/battleground16.png); }

.background-1{ background-image: url(../images/backgrounds/decor1.jpg); }
.background-2{ background-image: url(../images/backgrounds/decor2.jpg); }
.background-3{ background-image: url(../images/backgrounds/decor3.jpg); }
.background-4{ background-image: url(../images/backgrounds/decor4.jpg); }
.background-5{ background-image: url(../images/backgrounds/decor5.jpg); }
.background-6{ background-image: url(../images/backgrounds/decor6.jpg); }
.background-7{ background-image: url(../images/backgrounds/decor7.jpg); }
.background-8{ background-image: url(../images/backgrounds/decor8.jpg); }
.background-9{ background-image: url(../images/backgrounds/decor9.jpg); }
.background-10{ background-image: url(../images/backgrounds/decor10.jpg); }
.background-11{ background-image: url(../images/backgrounds/decor11.jpg); }
.background-12{ background-image: url(../images/backgrounds/decor12.jpg); }
.background-13{ background-image: url(../images/backgrounds/decor13.jpg); }
.background-14{ background-image: url(../images/backgrounds/decor14.jpg); }
.background-15{ background-image: url(../images/backgrounds/decor15.jpg); }
.background-16{ background-image: url(../images/backgrounds/decor16.jpg); }

.pixel-art {
	border-collapse: collapse;
	width: auto;
	height: auto;
	border: 1px solid black;
}

.pixel-art tr{
	height: auto;
	border: none;
}

.pixel-art .pixel{
	width: 25px;
	height: 25px;
	border-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.pixel-art .pixel-found{
	border: 1px solid black !important;
}

/* Overworld Goomba */
.palette-1-0{ background-color: #3776DA;}
.palette-1-1{background-color: #A3601C;}
.palette-1-2{background-color: #FFCEC5;}
.palette-1-3{background-color: black;}

/* SMB2 */
.palette-2-0{background-color: #8080FF;}
.palette-2-1{background-color: #D82800;}
.palette-2-2{background-color: white;}
.palette-2-3{background-color: #0000A8;}

/* Overworld Koopa */
.palette-3-0{background-color: #3776DA;}
.palette-3-1{background-color: #E69C21;}
.palette-3-2{background-color: white;}
.palette-3-3{background-color: #109400;}

/* Underworld Goomba */
.palette-4-0{background-color: black;}
.palette-4-1{background-color: #007B8C;}
.palette-4-2{background-color: #B5EFEF;}
.palette-4-3{background-color: #00424A;}

/* Underworld Koopa */
.palette-5-0{background-color: black;}
.palette-5-1{background-color: #9C4A00;}
.palette-5-2{background-color: #FFCEC5;}
.palette-5-3{background-color: #007B8C;}

/* Underwater Goomba */
.palette-6-0{ background-color: #8080FF;}
.palette-6-1{background-color: #ADADAD;}
.palette-6-2{background-color: #FFFFFF;}
.palette-6-3{background-color: black;}

/* Castle Goomba */
.palette-7-0{ background-color: black;}
.palette-7-1{background-color: #ADADAD;}
.palette-7-2{background-color: #FFFFFF;}
.palette-7-3{background-color: #636363;}

/* Overworld Paratroopa */
.palette-8-0{background-color: #3776DA;}
.palette-8-1{background-color: #E69C21;}
.palette-8-2{background-color: white;}
.palette-8-3{background-color: #B53121;}

.gps-map {
	margin: auto;
	width: auto;
	margin-bottom: 20px;
}

.gps-map-2d {
	width: auto;
	margin-bottom: 20px;
}

.gps-map tr, .gps-map-2d tr{
	height:16px;
	padding: 0;
}

.gps-map td, .gps-map-2d td{
	height:16px;
	width:16px;
	padding: 0;
	text-align: center;
}

.gps-tile-0{background-color: #E6E6E6;}
.gps-tile-0b{background-color: #dfdfdf;}
.gps-tile-0c{background-color: #e8ffe9;} /*herbe*/
.gps-tile-0d{background-color: #fdffdc;} /*sable*/
.gps-tile-0e{background-color: #CEFDFF;} /*glace*/
.gps-tile-0f{background-color: #b5dbff;} /*sol océan*/
.gps-tile-1{background-color: black;}

.gps-tile{background-size: 100%; background-repeat: no-repeat;}

.gps-tile-2{background-image: url(../images/icones_gps/coin.png);}
.gps-tile-3{background-image: url(../images/icones_gps/chest.png);}
.gps-tile-4{background-image: url(../images/icones_gps/monster.png);}
.gps-tile-5{background-image: url(../images/icones_gps/star.png);}
.gps-tile-6{background-image: url(../images/icones_gps/player.png);}
.gps-tile-7{background-image: url(../images/icones_gps/chest_open.png);}
.gps-tile-8{background-image: url(../images/icones_gps/brick_block.png);}
.gps-tile-9{background-image: url(../images/icones_gps/tree.png);}
.gps-tile-10{background-image: url(../images/icones_gps/palm.png);}
.gps-tile-11{background-image: url(../images/icones_gps/element.png);}
.gps-tile-12{background-image: url(../images/icones_gps/red_block.png);}
.gps-tile-13{background-image: url(../images/icones_gps/switch_red.png);}
.gps-tile-14{background-image: url(../images/icones_gps/switch_red_on.png);}
.gps-tile-15{background-image: url(../images/icones_gps/no_star.png);}
.gps-tile-16{background-image: url(../images/icones_gps/star_switch.png);}
.gps-tile-17{background-image: url(../images/icones_gps/red_coin.png);}
.gps-tile-18{background-image: url(../images/icones_gps/pipe.png);}
.gps-tile-20{background-color: #6BAAFF;}
.gps-tile-21{background-image: url(../images/icones_gps/boat.png);}
.gps-tile-22{background-image: url(../images/icones_gps/trampoline.png);}
.gps-tile-23{background-image: url(../images/icones_gps/canon.png);}
.gps-tile-24{background-image: url(../images/icones_gps/rock.png);}
.gps-tile-25{background-color: #222;}
.gps-tile-26{background-image: url(../images/icones_gps/ice_block.png);}
.gps-tile-27{background-image: url(../images/icones_gps/pnj.png);}
.gps-tile-28{background-image: url(../images/icones_gps/door1.png);}
.gps-tile-29{background-image: url(../images/icones_gps/door2.png);}
.gps-tile-30{background-image: url(../images/icones_gps/door3.png);}
.gps-tile-31{background-color: #90f8ff;}
.gps-tile-32{background-color: #001d42;}
.gps-tile-33{background-image: url(../images/icones_gps/element2.png);}
.gps-tile-34{background-image: url(../images/icones_gps/element3.png);}
.gps-tile-35{background-image: url(../images/icones_gps/element5.png);}

.gps-tile-nes-hero{background-image: url(../images/icones_gps/nes_hero.png);}
.gps-tile-nes-herob{background-image: url(../images/icones_gps/nes_herob.png);}
.gps-tile-nes-0{background-color: #5C94FC;}
.gps-tile-nes-0b{background-color: black;}
.gps-tile-nes-1{background-image: url(../images/icones_gps/nes_ground_block.png);}
.gps-tile-nes-2{background-image: url(../images/icones_gps/nes_brick_block.png);}
.gps-tile-nes-1b{background-image: url(../images/icones_gps/nes_ground_block_ug.png);}
.gps-tile-nes-2b{background-image: url(../images/icones_gps/nes_brick_block_ug.png);}
.gps-tile-nes-3{background-image: url(../images/icones_gps/nes_question_block.png);}
.gps-tile-nes-4{background-image: url(../images/icones_gps/nes_pipe_down.png);}
.gps-tile-nes-5{background-image: url(../images/icones_gps/nes_pipe_up.png);}
.gps-tile-nes-16{background-image: url(../images/icones_gps/nes_goomba.png);}
.gps-tile-nes-7{background-image: url(../images/icones_gps/nes_koopa_down.png);}
.gps-tile-nes-8{background-image: url(../images/icones_gps/nes_koopa_up.png);}
.gps-tile-nes-9{background-image: url(../images/icones_gps/nes_coin.png);}
.gps-tile-nes-6{background-image: url(../images/icones_gps/nes_stair_block.png);}
.gps-tile-nes-10{background-image: url(../images/icones_gps/nes_pipe_1.png);}
.gps-tile-nes-11{background-image: url(../images/icones_gps/nes_pipe_2.png);}
.gps-tile-nes-12{background-image: url(../images/icones_gps/nes_pipe_3.png);}
.gps-tile-nes-13{background-image: url(../images/icones_gps/nes_pipe_4.png);}
.gps-tile-nes-14{background-image: url(../images/icones_gps/nes_pipe_5.png);}
.gps-tile-nes-15{background-image: url(../images/icones_gps/nes_pipe_6.png);}
.gps-tile-nes-17{background-image: url(../images/icones_gps/nes_question_block_off.png);}
.gps-tile-nes-18{background-image: url(../images/icones_gps/star.png);}
.gps-tile-nes-19{background-image: url(../images/icones_gps/nes_mushroom.png);}
.gps-tile-nes-20{background-image: url(../images/icones_gps/nes_fireflower.png);}
.gps-tile-nes-21{background-image: url(../images/icones_gps/nes_invincibility_star.png);}
.gps-tile-nes-22{background-image: url(../images/icones_gps/nes_speedrun_key.png);}
.gps-tile-nes-23{background-image: url(../images/icones_gps/no_star.png);}

.nes_button{
	margin-right: 5px;
    margin-bottom: 4px;
}

/*Quête train fantôme*/

#chaufferie-train{
	width: auto;
	background-image: url(../images/misc/wagon_rail0.png);
	background-size: 100% 100%;
}

#chaufferie-train td{
	width: 100px;
	height: 100px;
	padding: 0px;
	background: none;
}

#chaufferie-train td img{
	width: 100px;
	height: 100px;
}

#machinerie-train{
	width: auto;
	margin:auto;
	margin-top: 10px;
}

#machinerie-train td{
	background-size: auto 100%;
	width: 97px;
	height:117px;
	padding: 0px;
}

#machinerie-train td img{
	width: 97px;
	height:117px;
}

@media screen and (max-width: 640px) {
	#chaufferie-train td, #chaufferie-train td img{
		width: 60px;
		height: 60px;
	}
}

@media screen and (max-width: 640px) {
	#machinerie-train td{
		width: 73px;
		height:88px;
	}
	
	#machinerie-train td img{
		width: 73px;
		height:88px;
	}
}

@media screen and (max-width: 480px) {
	#machinerie-train td{
		width: 64px;
		height:77px;
	}
	
	#machinerie-train td img{
		width: 64px;
		height:77px;
	}
}

@media screen and (max-width: 440px) {
	#machinerie-train td{
		width: 58px;
		height:70px;
	}
	
	#machinerie-train td img{
		width: 58px;
		height:70px;
	}
}

@media screen and (max-width: 395px) {
	#machinerie-train td{
		width: 48px;
		height:58px;
	}
	
	#machinerie-train td img{
		width: 48px;
		height:58px;
	}
}

#machinerie-train .rail0{
	background-image: url(../images/misc/wagon_rail0.png);
}

#machinerie-train .rail1{
	background-image: url(../images/misc/wagon_rail1.png);
}

#machinerie-train .rail2{
	background-image: url(../images/misc/wagon_rail2.png);
}

#machinerie-train .rail3{
	background-image: url(../images/misc/wagon_rail3.png);
}

#machinerie-train .rail4{
	background-image: url(../images/misc/wagon_rail4.png);
}

.border-black{
	border : 1px solid black;
}

.display-block{
	display: block;
}

td.gps-tile.border-left{ border-left: 2px solid white !important; }
td.gps-tile.border-right{ border-right: 2px solid white !important; }
td.gps-tile.border-top{ border-top: 2px solid white !important; }
td.gps-tile.border-bottom{ border-bottom: 2px solid white !important; }
/*-- fin code css perso --*/

.list-group-item {
	background-color: transparent;
}

.home {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.nav{
	flex-direction: column;
}

.nav-pills .nav-link {
	color: #fff;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

ul.nav.nav-pills li {
	margin-top: 10px;
	text-align: center;
}

.profil-menu{
	margin-top: 30px;
	color:white;
}

.profil-menu div{
	display: block;
}

.profil-menu p{
	color: white;
}

.profil-bar{
	width:100%;
	display:block;
	overflow: hidden;
}

.profil-bar-text{
	float:left;
	padding-left:10px;
	color:white;
	margin-top: -3px;
}

.profil-right{
	display:block;
	margin-top: -35px;
}

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

.progress{
	margin-bottom:10px;
	float:left
}

.progress, .progress-little {
    height: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-little{
	width: 250px !important;
	margin: auto;
    margin-bottom: 20px;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-success {
    background-color: #80CE51;
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

/*-- bottom-to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 24px;
	right: 3%;
	overflow: hidden;
	z-index: 999;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/move-top.png) no-repeat 0px 0px;
}

#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

/*-- //bottom-to-top --*/
.header-agile h1 a {
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

.w3ls-banner {
	background: url(../images/background.png) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 98vh;
	position: relative;
	z-index: 0;
}

.w3ls-banner:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(2, 0, 0, 0.26);
	z-index: -1;
	left: 0;
	top: 0;
}

h2.bnr-txt-w3 {
	color: white;
	text-transform: capitalize;
	font-weight: 800;
	font-size: 5em;
	letter-spacing: 3.5px;
	margin: 0.3em 0;
	
	/*
	//text-shadow: #fff 0px 0 5px; 
	//background: -webkit-linear-gradient(#EF9A9A, #981818);
	//background: -moz-linear-gradient(#EF9A9A, #981818);
	//background: -o-linear-gradient(#EF9A9A, #981818);
	//-webkit-background-clip: text;
	//-webkit-text-fill-color: transparent;
	*/
}

.bnr-w3pvt h4 {
	text-transform: uppercase;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: 3px;
}

.bnr-w3pvt p {
	color: #fff;
	font-size: 1.1em;
	letter-spacing: 1px;
}

.btn-w3pvt {
	padding: 6px 25px;
	text-transform: capitalize;
	font-size: 1em;
	margin-top: 1.5em;
	font-weight: 600;
	background: #333;
	border: none;
}

#spy {
	background-image: url(../images/fond-menu.png);
	background-repeat: repeat;
	animation: slideleft 10000s infinite linear;
	/* -webkit-animation: slideleft 10000s infinite linear; */
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	position: relative;
	z-index: 0;
	padding: 2.35em 1em 0;
	background-size: 100px;
}

#spy:before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(rgb(249, 168, 168), rgba(194, 110, 110, 0.77));
	background: -moz-linear-gradient(rgb(249, 168, 168), rgba(194, 110, 110, 0.77));
	background: -o-linear-gradient(rgb(249, 168, 168), rgba(194, 110, 110, 0.77));
	content: '';
	left: 0;
	top: 0;
	z-index: -1;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #ef9d9d;
	background: #fff;
}

/* slide */

@keyframes slideleft {
	from {
		background-position: 0%;
	}

	to {
		background-position: 90000%;
	}
}

@-webkit-keyframes slideleft {
	from {
		background-position: 0%;
	}

	to {
		background-position: 90000%;
	}
}

/* banner bottom */
.banner-bottom {
	border: 1px solid #eee;
}

.wthree-list-grid {
	padding: 1.3em 2em;
}

.wthree-list-desc {
	margin: 0 0 0 1em;
}

.wthree-list-icon span {
	color: #000;
	font-size: 2em;
	background: -webkit-linear-gradient(#00c6d6, #b031d9);
	background: -moz-linear-gradient(#00c6d6, #b031d9);
	background: -o-linear-gradient(#00c6d6, #b031d9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.wthree-list-desc h5 {
	font-size: 1.4em;
	text-transform: capitalize;
	color: #000;
	margin-bottom: 10px;
}

.wthree-list-grid {
	padding: 2em 1em;
}

.wthree-list-icon {
	padding: 1em;
}

/* //banner bottom */
/* title */
h3.agile-title {
	text-transform: uppercase;
	color: #000000;
	font-weight: 600;
	font-size: 2em;
	letter-spacing: 1px;
}

span.w3-line {
	background: -webkit-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	background: -moz-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	background: -o-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 10px;
}

.w3pvt-head {
	position: relative;
}

.w3pvt-head:before {
	content: '';
	width: 150px;
	background: #dddddd;
	height: 1px;
	display: inline-block;
	top: 44px;
	position: absolute;
}

/* //title */
/* services */
.services-bottom {
	margin-top: 2%;
}

.service_grid {
	margin: 2% 0 0;
}

.service_grid p {
	color: #333;
	padding: 1em;
	font-weight: 600;
	font-size: 1.2em;
}

/* hover-effect */
.ih-item {
	position: relative;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.ih-item,
.ih-item * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ih-item a {
	color: #333;
}

.ih-item img {
	width: 100%;
	height: 100%;
}

.ih-item.circle {
	position: relative;
	display: inline-block;
	border: 9px solid #f5efef;
	border-radius: 50%;
}

.ih-item.trip-danger-0 {
	border: 9px solid #8bff00!important;
}

.ih-item.trip-danger-1 {
	border: 9px solid #ffbb2d!important;
}

.ih-item.trip-danger-2 {
	border: 9px solid #ff712d!important;
}

.ih-item.trip-danger-3 {
	border: 9px solid #ff2d2d!important;
}

.ih-item.trip-danger-4 {
	border: 9px solid #9f0000!important;
}

.danger-round{
	width: 0.6em;
	height: 0.6em;
	display: inline-block;
	border: 1px solid black;
	border-radius: 100%;
}

.danger-round-0{
	background-color: #8bff00;
}

.danger-round-1{
	background-color: #ffbb2d;
}

.danger-round-2{
	background-color: #ff712d;
}

.danger-round-3{
	background-color: #ff2d2d;
}

.danger-round-4{
	background-color: #9f0000;
}

.ih-item.circle .img, .ih-item.circle .img-no-cursor {
	position: relative;
	width: 230px;
	height: 230px;
	border-radius: 50%;
}

.ih-item.circle-appli .img {
	width: 120px !important;
	height: 120px !important;
	cursor: pointer;
}

.ih-item.circle-appli .img-no-cursor {
	width: 120px !important;
	height: 120px !important;
}

.ih-item.circle .img:before, .ih-item.circle .img-no-cursor:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.ih-item.circle .img img, .ih-item.circle .img-no-cursor img {
	border-radius: 50%;
}

.ih-item.circle .info,
.ih-item.circle .info .active {
	position: absolute;
	top: 10px;
	bottom: 0;
	left: 10px;
	right: 0;
	text-align: center;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: -webkit-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	background: -moz-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	background: -o-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	width: 210px;
	height: 210px;
}

.info-grey {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 50%;
	background-color: rgba(150, 150, 150, 0.75);
	width: 230px;
	height: 230px;
}


.ih-item.circle-appli .info,
.ih-item.circle-appli .info .active {
	width: 100px !important;
	height: 100px !important;
	cursor: pointer;
}

.ih-item.circle.effect17 .info {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect17 .info span {
	color: #fff;
	font-size: 3.5em;
}

.ih-item.circle.effect17 .info h3 {
	color: #fff;
	position: relative;
	font-size: 25px;
	margin: 0 30px;
	padding: 55px 0 0 0;
	height: 110px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ih-item.circle.effect17:hover .info,
.ih-item.circle.effect17 .info.active {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/* //hover-effect */
/* //services */
.wthree a,
.contact-wthree button, .form-button {
	text-decoration: none;
	color: #fff;
	background: -webkit-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	background: -moz-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	background: -o-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	padding: 0.5em 2em;
	display: inline-block;
	border-radius: 10px;
	box-shadow: 0px 10px 0px 0px rgba(6, 195, 214, 0.4), 0px 0px 20px 0px #bbb;
	transition: all 0.2s;
	text-transform: capitalize;
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: 600;
}

.form-button-little{
	width:200px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.wthree a:active {
	top: 10px;
	box-shadow: 0px 7px 0px 0px rgb(0, 198, 214);
}

/* //services */


/* services */

h4.sec-title {
	display: block;
	text-transform: capitalize;
	font-weight: 600;
	color: #00a199;
	font-size: 32px;
}

h4.sec-title small {
	color: #222;
	display: block;
	font-size: 23px;
	margin-bottom: 18px;
}

.about-w3sec h4 {
	font-size: 1.05em;
	letter-spacing: 2px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 14px;
	border-bottom: 1px solid #afafaf;
	color: #000;
}

.abt-block p {
	line-height: 1.8;
	margin: 1em 0;
	color: #000;
	letter-spacing: 0.5px;
	font-style: italic;
}

.abt-block {
	padding: 3em 1.5em 3em;
	position: relative;
	background: #ffffff;
	border: 1px solid #00c6d6;
}

.serv_abs {
	position: absolute;
	top: -20px;
	border-bottom: 1px solid black;
	text-align: center;
	z-index: 23;
	border-radius: 30px;
	color: white;
}

.serv_abs.serv_red {
	background-color: red;
}

.serv_abs.serv_blue {
	background-color: #008CFF;
}

.serv_abs.serv_grey {
	background-color: #7D7D7D;
}

.serv_abs.serv_blue_grey {
	background-color: #0062B3;
}

.abt-block {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 01s ease-in-out;
	transition: all 1s ease-in-out;
}

.abt-block h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #b031d9;
}

.serv_abs.serv_bottom span {
	color: #fff;
	text-transform: capitalize;
	padding: 7px 28px;
	display: block;
	font-size: 0.9em;
	font-weight: 600;
}

.abt-block h5 {
	font-size: 0.95em;
	color: #000;
	text-transform: capitalize;
	letter-spacing: 1px;
}

h5.agile-title {
	color: #000;
	font-size: 1.6em;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: 2px;
	word-spacing: 1px;
	max-width: 750px;
}

.about-right-text {
	font-size: 1.1em;
	color: #000;
	font-weight: 600;
}

h5.abt-right {
	color: #7c43b8;
	font-size: 2em;
	text-transform: capitalize;
	font-style: italic;
	font-weight: 800;
	margin-top: 1em;
}

#services {
	background: #00c6d6;
}

/* //services */
/* explore */
#explore {
	background: url(../images/slide1.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	position: relative;
}

p.slide-txt {
	font-size: 1.2em;
}

#explore:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.23);
	left: 0;
	top: 0;
}

.slide-icon {
	margin-left: 5px;
}

.slide-sec {
	background: rgba(0, 0, 0, 0.55);
}

.theme-color {
	color: #00c6d6 !important;
}

.btn-theme {
	background: #00c6d6;
}

.slide-icon span {
	color: #fff;
	font-size: 2em;
}

/* explore */
/*-- Contact-form --*/

div#contact {
	position: relative;
}

.w3layouts-contact-pos {
	position: absolute;
	left: 25px;
	width: 39%;
	top: 170px;
	background: #fff;
	border: 4px solid #00c6d6;
	padding: 3em;
}

.w3layouts-contact-pos-grid li {
	color: #333;
	font-size: 0.95em;
	line-height: 2;
	font-weight: 600;
}

.w3layouts-contact-pos-grid.sr1.row {
	padding: 1em 0;
}

.w3layouts-contact-pos-grid li a {
	color: #333;
}

.w3layouts-contact-pos-grid span {
	color: #00c6d6;
}

.w3layouts-contact-pos-grid li a:hover {
	color: #000;
}

.map-grid {
	position: relative;

}

.map-grid iframe {
	width: 100%;
	min-height: 650px;

}

.contact-title {
	text-transform: capitalize;
	font-size: 1.3em;
	font-weight: 600;
	color: #131313;
	margin-bottom: 0.5em;
}

.address p a:hover {
	color: #000;
}

form.contact-wthree label .fa {
	width: 45px;
	height: 45px;
	text-align: center;
	background: -webkit-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	background: -moz-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	background: -o-linear-gradient(rgb(0, 198, 214), rgba(176, 49, 217, 0.77));
	line-height: 45px;
	color: #eee;
	margin-bottom: 0;
	display: inline-block;
}

.contact-top1 button, .form-button {
	background: #b031d9;
	letter-spacing: 1px;
}

.form-control:focus {
	box-shadow: 0 0 0 0.2rem transparent;
}

form.contact-wthree .form-control {
	border-radius: 0;
	background: #eee;
	border: none;
	font-size: 1rem;
}

textarea.form-control {
	height: 250px;
	resize: none;
}

.footerv2-w3ls ul.social-iconsv2 li {
	display: inline-block;
	margin-right: 6px;
}

.footerv2-w3ls ul.social-iconsv2 li a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
}

.footerv2-w3ls ul.social-iconsv2 li a span.fa {
	font-size: 17px;
	line-height: 35px;
	width: 35px;
	height: 35px;
	text-align: center;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.footerv2-w3ls ul.social-iconsv2 li:first-child {
	background: #3b5998;
	color: #fff;
}

.footerv2-w3ls ul.social-iconsv2 li:last-child {
	background: #287bbc;
	color: #000;
}

.footerv2-w3ls ul.social-iconsv2 li:nth-child(3) {
	background: #dd4b39;
	color: #000;
}

.footerv2-w3ls ul.social-iconsv2 li a span.fa:hover {
	background-color: #fff;
	color: #000;
}

.footerv2-w3ls ul.social-iconsv2 li:nth-child(2) {
	background: #1da1f2;
	color: #000;
}

.footerv2-w3ls ul.social-iconsv2 li a:hover {
	color: #fff;
}

h6.w3f_title {
	font-size: 1.5em;
	color: #fff;
}

.footer-copy {
	margin-top: 2em;
}

.footer-bottom {
	background: #00c6d6;
}

/*-- //contact-form --*/
/* modal */
.w3pvt-bg {
	background-color: #F9A8A8;
	/*
	//background: url(../images/fond-menu.png) repeat center;
	//-webkit-background-size: cover;
	//-moz-background-size: cover;
	//-o-background-size: cover;
	//-ms-background-size: cover;
	//border: 5px solid #fff;
	*/
}

.form-w3lspvt {
	margin-top: 4em;
	margin-bottom: 1em;
	padding: 1em;
}

.form-w3lspvt label {
	font-weight: 600;
}

.form-w3lspvt input[type="submit"] {
	background: rgb(0, 232, 248);
	cursor: pointer;
	color: #fff;
	font-weight: 600;

}

.sub-agile label {
	font-weight: normal;
}

/* //modal */
/* -- Responsive code -- */
@media screen and (max-width: 1600px) {
	h1{
		font-size: 2.25rem;
	}
	.title-header{
		flex-direction: column;
	}
	.title-header .w3pvt-head, .description-page{
		max-width: 100%;
		flex: 0 0 100%
	}
	.description-page{
		padding-top: 10px;
		text-align: left;
	}
	.classe_rpg{
		width: 100%;
	}
}

@media screen and (max-width: 1440px) {
	.container{
		margin:auto;
		width: 90%;
	}
	.world-circle{
		flex: 0 0 33%;
		max-width: 33%;
	}
}

@media screen and (max-width: 1366px) {
	h1{
		font-size: 2rem;
	}
	.app-circle{
		flex: 0 0 20%;
		max-width: 20%;
	}
}

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

	.ih-item.circle .info,
	.ih-item.circle .info .active {
		width: 190px;
		height: 190px;
	}

	.ih-item.circle .img, .ih-item.circle .img-no-cursor {
		width: 210px;
		height: 210px;
	}

	h1{
		font-size: 1.75rem;
	}
}

@media screen and (max-width: 1080px) {
	.app-circle{
		flex: 0 0 25%;
		max-width: 25%;
	}
	.ih-item.circle .img, .ih-item.circle .img-no-cursor {
		width: 180px;
		height: 180px;
	}

	.ih-item.circle .info,
	.ih-item.circle .info .active {
		width: 160px;
		height: 160px;
	}

	.service_grid p {
		font-size: 1.1em;
	}

	h2.bnr-txt-w3 {
		font-size: 4em;
	}

	h1{
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 1050px) {
	.ih-item.circle.effect17 .info span {
		font-size: 2.5em;
	}
	.ih-item.circle .img, .ih-item.circle .img-no-cursor {
		width: 160px;
		height: 160px;
	}
	.ih-item.circle .info,
	.ih-item.circle .info .active {
		width: 140px;
		height: 140px;
	}
	h3.agile-title {
		font-size: 1.8em;
	}
	.wthree-list-desc h5 {
		font-size: 1.1em;
	}
}

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


/* Passage mobile */
@media screen and (max-width: 991px) {
	h1{
		font-size: 2.5rem;
	}
	.scrollspy-example {
		overflow: visible;
	}

	.container{
		margin:auto;
		width: 100%;
	}
	table{
		width: 100%;
	}
	#spy {
		padding: 1em 1em 2em;
	}
	.header-agile h1 a {
		font-size: 0.95em;
	}
	.flex-wrap.col-lg-3.col-sm-6.border-right.p-0 {
		border-right: none !important;
	}
	.w3layouts-contact-pos {
		width: 50%;
	}
	.about-w3ls.py-lg-5 .row {
		flex-direction: column-reverse;
	}
	.w3pvt-head{
		margin-top: 20px;
	}
	.sac-big{
		width: 100%;
	}
	.profil-menu{
		margin-top: 0;
	}
	.profil-menu div{
		display: block;
	}
	.profil-left .profil-menu p{
		width: auto;
		display: inline-block;
	}
	.profil-left .profil-menu .pseudo:after{
		content: " : ";
	}
	.nav{
		flex-direction: row;
	}
	.nav-item{
		width: 16.66%;
		display: inline-block;
	}
	.profil-menu-bar{
		display: flex;
		margin-top: 20px;
	}
	.profil-left, .profil-right{
		width: 50%;
		display: inline-block;
	}
	.profil-right{
		margin-top: 0;
	}
	.menu-logout{
		width:50%;
		margin: auto;
	}
	#glance{
		padding-top: 10px;
	}
	.description-page{
		text-align: left;
		padding-top: 0px;
	}
	.title-header{
		padding-bottom: 0rem!important;
		padding-top: 0rem!important;
	}
	.app-circle{
		flex: 0 0 25%;
		max-width: 25%;
	}
	.world-circle{
		flex: 0 0 33%;
		max-width: 33%;
	}

}

@media screen and (max-width: 900px) {
	h3.agile-title {
		font-size: 1.6em;
	}
	p.slide-txt {
		font-size: 1.1em;
	}
	.nav-item{
		width: 33.33%;
	}

	.pic-50{
		width: 100%;
		text-align: center;
	}
	.pic-50 img{
		max-height: 200px;
		width: auto;
	}
}

@media screen and (max-width: 800px) {
	h2.bnr-txt-w3 {
		font-size: 3.5em;
	}
	.profil-menu-bar{
		flex-direction: column;
	}
	.profil-left, .profil-right{
		width: 100%;
	}
	.profil-right .progress{
		width: 78% !important;
	}
	.menu-logout{
		margin: 0;
	}
	.app-circle{
		flex: 0 0 33%;
		max-width: 33%;
	}
}

@media screen and (max-width: 768px) {
	.bnr-w3pvt p {
		font-size: 1em;
	}
	h6.w3f_title {
		font-size: 1.3em;
	}
	.row{
		justify-content: space-around;
	}
}

@media screen and (max-width: 736px) {
	.wthree-list-desc {
		margin: 0 0 0 0.5em;
	}
	.w3layouts-contact-pos {
		width: 70%;
	}
}

@media screen and (max-width: 667px) {
	h2.bnr-txt-w3 {
		font-size: 3.3em;
	}
}

@media screen and (max-width: 640px) {
	.app-circle{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.world-circle{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.decor-pnj{
		width:100%;
	}
	p.slide-txt {
		font-size: 1em;
	}
}

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

@media screen and (min-width: 576px) {
	.container{
		max-width: none;
	}
}

@media screen and (max-width: 568px) {
	.w3layouts-contact-pos {
		width: 90%;
	}
	.wthree-list-desc {
		margin: 0 0 0 2em;
	}
}

@media screen and (max-width: 480px) {
	h2.bnr-txt-w3 {
		font-size: 3em;
	}
	.footer-bottom {
		padding: 1rem;
	}
}

@media screen and (max-width: 414px) {
	h2.bnr-txt-w3 {
		font-size: 2.8em;
	}
}

@media screen and (max-width: 384px) {
	.wthree a, .contact-wthree button, .form-button {
		padding: 0.3em 2em;
	}
	.header-agile h1 a {
		font-size: 0.9em;
		margin-right: 0;
	}
	h2.bnr-txt-w3 {
		font-size: 2.6em;
	}
}

@media screen and (max-width: 375px) {
	h3.agile-title {
		font-size: 1.4em;
	}
	.w3layouts-contact-pos {
		padding: 2em;
	}
}

@media screen and (max-width: 320px) {
	h2.bnr-txt-w3 {
		font-size: 2.4em;
	}
}

/* -- //Responsive code -- */