#page {
	box-shadow: none;
	width: 100%;
	min-width: 320px;
	padding: 0px 0 0px 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.mm-listview a, .mm-listview a:hover
{
	font-size: 16px;
}

.mm-listview > li
{
	height: 50px;
}

body {
	background: white;
	overflow: hidden;
	font-family: 'Roboto',sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;

}

.payboxForm input
{
	border:none!important;
	outline: none!important;
}

.listePuce
{
	font-size: 16px!important;
}

.btnInscription
{
	margin-top: 10px!important;
}


input.password-confirm, input.password-field
{
	width: 100%!important;
}

.confirm-parent, .password-parent
{
	width: 100%!important;
}

.password-confirm
{
	display: block!important;
}

#panel
{
	margin: 0;
}

.footer a
{
	color:white;
}

.password-strength
{
	display: none!important;
}



.password-suggestions {
	display: none!important;
}

.navbar-fixed {
	top: 0;
	z-index: 100;
	position: fixed;
	width: 100%;
}

.slideout-menu {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 256px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: none;
}



.slideout-panel {
	position: relative;
	z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
}

.slideout-open .slideout-menu {
	display: block;
}

label span
{
	display: none;
}

form label
{
	display: none;
}

#cvpClick, #cgvClick
{
	cursor: pointer;
}

.flecheOuverture
{
	float: right;
	font-size: 60px;

}

h4
{
	font-family: 'Roboto', sans-serif;
	font-weight: 300!important;
	font-size: 30px;
}

.auto
{
	margin:auto;
}

.marginTop80
{
	margin-top:80px;
}

/*
.form-item-type-paiement .radio label
{
	    background-color: #0099CC;
    font-family: 'Roboto',sans-serif;
    color: white;
    text-align: center;
    display: block;
    padding: 40px 150px 40px 150px;
}

.form-item-type-paiement .radio input[type="radio"]
{
display: none;
}
*/
.form-item-type-paiement 
{
	margin-bottom: 20px;
}

.bgBlueClair
{
	background-color: #33D5FF;
	min-height: 500px;
}

.bgBlueMiddle
{
	background-color: #09ABD5;
	min-height: 500px;
}


.contenuDeveloppement
{
	padding: 20px 0px 60px 0px;
	max-width: 900px;
	margin: auto;
}

.pageDeveloppement
{
	color:white;
}


.bgBlueFoncer
{
	background-color: #1971A1;
	min-height: 500px;
}


.borderBlueClair
{
	border-bottom: 6px solid #2DB1D9!important;
}

.borderBlueFoncer
{
	border-bottom: 6px solid #1971A1!important;
}

.userName
{
	margin-bottom: 20px;
	border-bottom: 1px solid black;
	padding-bottom: 10px;
	font-size: 20px!important;
}

.form-submit
{
	background-color: #09ABD5;
	border: none;
	border-radius: 0;
	color: white;
	font-family: 'Roboto',sans-serif;
	font-weight: 100;
	padding: 15px 20px ;
}

.form-submit:hover
{
	background-color: #CF234F;
	border: none;
	border-radius: 0;
	color: white;
	font-family: 'Roboto',sans-serif;
	font-weight: 100;
	padding: 15px 20px!important;
}


.boutonHebergement
{
	background-color: #CF234F;
	border: none;
	border-radius: 0;
	color: white;
	font-family: 'Roboto',sans-serif;
	font-weight: 100;
	padding: 15px 20px!important;
}

.boutonHebergement:hover
{


	background-color: #09ABD5!important;
	border: none;
	border-radius: 0;
	color: white;
	font-family: 'Roboto',sans-serif;
	font-weight: 100;
	padding: 15px 20px ;

}


.googleMaps
{
	width: 100%;
	min-height: 550px;
	border:none;
}




#tb-megamenu-column-4
{
	display: none;
}

.ligneFormation
{
	margin-top: 50px;

}

.miniatureEquipe img
{
	max-width: 80%!important;
	margin: auto;
}

.petitBlockGris
{
	background: #F3F3F3;
	padding: 10px;
	margin-bottom: 30px;
	min-height: 345px;
}

.pastilleEquipe
{

	min-height: 260px;
}

.descriptionMiniature
{
	margin-top: 10px;
	text-align: center;
}

.col1Formation
{
	border-top: 6px solid #2DB1D9;
	padding: 10px;
	text-align: center;
}

.col2Formation
{
	border-top: 6px solid #1971A1;
	padding: 10px;
	text-align: center;
}

.col3Formation
{
	border-top: 6px solid #CF234F;
	padding: 10px;
	text-align: center;
}


.logoTemoignage img
{
	text-align: center;
	display: inline-block;
}

.ConteneurListeTemoignage
{
	text-align: center;
}

.listeAutreTemoignage
{
	list-style: none;
	display: inline-block;
}

.rowPaddingFacturation
{
	padding-bottom: 40px;
}

.listeAutreTemoignage li
{
	display: inline-block;
	text-align: center;
	width: 270px;
	margin-top: 20px;
}


.resumer 
{
	font-family: 'Roboto',sans-serif;
	font-weight: 300;
	font-size: 20px!important;
}


.technologie ul
{
	list-style: none!important;
	padding-left: 20px;
}

.technologie ul li
{
	display: inline-block;
	text-align: center;
	width: 160px;
	background-color: #1971A1;
	padding: 10px;
	color:white;
	margin-right: 10px;
	margin-bottom: 10px;
}


.fondRealisation
{
	background-color: #F3F3F3;
	margin-bottom: 50px;
}


.clear
{
	clear: both;
}

a
{
	outline: 0!important;
}

p
{
	font-size: 16px;
	line-height: 25px;
}

/* text-based popup styling */
.white-popup {
	position: relative;
	background: #FFF;
	padding: 25px;
	width: auto;
	max-width: 400px;
	margin: 0 auto;
}

/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-zoom-in .mfp-with-anim {
	opacity: 0;
	transition: all 0.2s ease-in-out;
	transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
	transform: scale(0.8);
	opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-newspaper .mfp-with-anim {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.5s;
	transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
	opacity: 0;
	transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
	transform: scale(0) rotate(500deg);
	opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
	opacity: 0;
	transition: all 0.3s;
	transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
	opacity: 0;
	transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
	transform: translateX(50px);
	opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-move-from-top .mfp-content {
	vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
	opacity: 0;
	transition: all 0.2s;
	transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
	opacity: 0;
	transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
	transform: translateY(-50px);
	opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== 3d unfold ======

*/
.mfp-3d-unfold {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-3d-unfold .mfp-content {
	perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform-style: preserve-3d;
	transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
	opacity: 0;
	transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
	transform: rotateY(60deg);
	opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-zoom-out .mfp-with-anim {
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
	transform: scale(1.3);
	opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
	opacity: 0;
}

/* 

====== "Hinge" close effect ======

*/
@keyframes hinge {
	0% {
		transform: rotate(0);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	20%, 60% {
		transform: rotate(80deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	40% {
		transform: rotate(60deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	80% {
		transform: rotate(60deg) translateY(0);
		opacity: 1;
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	100% {
		transform: translateY(700px);
		opacity: 0;
	}
}
.hinge {
	animation-duration: 1s;
	animation-name: hinge;
}

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
	opacity: 0;
	transition: opacity .5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
	opacity: 0;
}



.buttonCol1
{
	background-color: #33D5FF;
}


.buttonCol2
{
	background-color: #09ABD5;
}



.buttonCol3
{
	background-color: #1971A1;
}

.creerCompte
{
	margin-right: 20px;
}


.buttonCol4
{
	background-color: #CF234F;
}




.listImadiff
{
	margin-top:20px!important;
}

.listImadiff li
{
	padding:10px;
}







.listTab
{
	background-color: #F3F3F3;
}

.ligneGrisFonce
{
	background-color: #EDEDED!important;
}

.noPM
{
	margin:0!important;
	padding: 0!important;
}

.entete
{
	margin:0!important;
	padding:0!important;
}

.enteteCol
{
	background-color: white;
}

.listTab
{
	list-style: none;
	display: block;
	padding:0;
	margin:0;
	width: 100%;
}


.info
{
	margin-left: 5px;
}

.ligneTabFin
{
	background-color: white!important;
	height: 60px;
}


.containerFacturation
{
	max-width: 800px;
	margin: auto;
}

#commande-etape2 span
{
	display: none;
}


.form-item-type-paiement label span
{
	display: block!important;
	font-weight: 500;
	color:#0099CC;
}

.margin60
{
	margin-top:60px;
}

.right
{
	float:right;
}

.left
{
	float: left;
}

h3
{
	font-size: 18px;
	font-weight: 500;
	font-family: 'Roboto',sans-serif;
	line-height: 25px;
}

.enSavoirPlusRed
{
	border:none;
	background-color: #09ABD5;
	color:white!important;
	padding:15px 40px 15px 40px;
	text-decoration: none;
	display: inline-block;
	min-height: 52px;
}



.enSavoirPlusRed:hover
{
	background-color: #CF234F;
	color:white!important;
	padding:15px 40px 15px 40px!important;
	text-decoration: none;
}

.boutonRed
{
	background-color: #CF234F;
	color:white!important;
	padding:15px 40px 15px 40px!important;
	text-decoration: none;

	display: inline-block;
	min-height: 52px;
	
}

.boutonRed:hover
{
	background-color: #09ABD5!important;
	color:white!important;
	padding:15px 40px 15px 40px;
	text-decoration: none;
	display: inline-block;
	min-height: 52px;
}


.bgSuccess
{
	background: #dff0d8;
}

.bgWarning
{
	background: #f0ad4e;
}

.bgDanger
{
	background: #f2dede;
}

.vignetteCommande
{
	display: inline-block;
	width: 160px;
	padding: 10px;


}

table .btnRed
{
	width: 100%;
	margin-bottom: 10px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
{
	vertical-align: middle;
}


.btnRed
{
	background-color: #09ABD5!important;
	color:white!important;
	text-decoration: none!important;
	display: inline-block!important;
	padding:10px;

}

.btnRed:hover
{
	background-color: #CF234F!important;
	color:white!important;
	text-decoration: none!important;
}



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default
{
	background-color: #CF234F;
	color:white!important;
	padding:15px 40px 15px 40px;
	text-decoration: none;
}



.imageContent img
{
	margin:auto;
}

.sliderContainer
{
	width: 100%;
}

.followScreen
{
	width: calc(100%);
}

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}     

.swiper-scrollbar
{
	display: none;
}



.listTabContent
{
	text-align: center;
}

.navigation
{
	display: table;
	margin: auto;
}

h1
{
	color:#0099CC!important;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 33px;
}

h2
{
	font-family: 'Roboto',sans-serif;
	font-weight: 300!important;
	padding: 20px;

}

.titreClient
{
	font-family: 'Roboto',sans-serif;
	font-weight: 300!important;
	padding: 15px 0px 12px 17px;
	font-size: 32px;
}



.blockContact span
{
	display: none;
}

p
{
	padding:20px;
}

.padding50
{
	padding:50px 50px 50px 50px;
	
}

.introPage
{
	padding:50px 50px 0px 50px;
}

.tb-megamenu .nav > li > a
{
	color:#0099CC;
}




.sous-menu
{
	list-style: none!important;
	height: 50px;
	display: table;
	margin: auto;
}

.sous-menu li
{
	display: table;
	float:left;
	width: 160px;
	text-align: center;
	height: 50px;

}

.sous-menu li a
{
	display: table-cell;
	vertical-align: middle;
	color:white!important;
	text-decoration: none;
}

.sous-menu li a:hover
{
	color:#0ACCFE!important;
	text-decoration: none!important;
}



.sous-menu-compte
{
	list-style: none!important;
	height: 50px;
	display: table;
	margin: auto;
}

.sous-menu-compte li
{
	display: table;
	float:left;
	width: 220px;
	text-align: center;
	height: 50px;

}

.sous-menu-compte li a
{
	display: table-cell;
	vertical-align: middle;
	color:white!important;
	text-decoration: none;
}

.sous-menu-compte li a:hover
{
	color:#0ACCFE!important;
	text-decoration: none!important;
}






.menuBg
{
	background-color:#F3F3F3!important;	
	
}

.sous-menuBg
{
	background-color:#1971A1!important;	
	min-height: 50px;
}


.tb-megamenu
{
	background-color:#F3F3F3!important;	
	margin:auto;
}

.tb-megamenu li
{

}

.tb-megamenu li a
{
	font-family: 'Roboto',sans-serif!important;
	font-weight: 300!important;
	background-color:#F3F3F3!important;	
	border:none!important;
	font-size: 16px;
	letter-spacing: 2px;
	color:#1971A1;
	text-transform: uppercase;
}

.tb-megamenu .nav > .dropdown > .dropdown-toggle .caret
{
	display: none!important;
}

.active a 
{

	color:#CF234F!important;

}

li a:hover
{

	color:#CF234F!important;

}

.open a{
	color:#cf234e;
}


.expertise
{
	background-color: #F4F4F4;
	text-align: center;
	margin-top: 20px;
}

.nous-choisir
{
	text-align: center;
}

.contact
{
	padding-top: 30px;
	text-align: center;
	color:white;
}



.f-nav{ z-index: 99999; position: fixed; left: 0; top: 0; width: 100%; padding:0;}

.swiper-slide
{
	background: none!important;
}



.swiper-expertise
{
	margin-top: 50px;
	width: 95%;
}

.NousChoisirItem a
{
	border: 1px solid #1971A1;
	display: block;
	
	max-width: 270px;
	height:80px;
	
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color:black!important;
	margin: auto;
	margin-top:10px;
	margin-bottom: 10px;
}


.haute_dispo
{
	background-image: url("/images/icons/hauteDispo.png");
}

.haute_dispo:hover
{
	background-image: url("/images/icons/hauteDispo.png");
	background-position: 0% 100%;
	color:white!important;
	font-family: 'Roboto',sans-serif!important;
	font-weight: 500!important;
}

.infogerance
{
	background-image: url("/images/icons/infoGerance.png");
}

.infogerance:hover
{
	background-image: url("/images/icons/infoGerance.png");
	background-position: 0% 100%;
	color:white!important;
	font-family: 'Roboto',sans-serif!important;
	font-weight: 500!important;
}

.protection
{
	background-image: url("/images/icons/protection.png");
}

.protection:hover
{
	background-image: url("/images/icons/protection.png");
	background-position: 0% 100%;
	color:white!important;
	font-family: 'Roboto',sans-serif!important;
	font-weight: 500!important;
}


.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span
{
	margin-top: 7px;
}

#hamburger
{
	box-sizing: border-box;
	display: block;
	width: 70px;
	height: 45px;
	position: relative;
	left: 0;
	z-index: 4;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #0099CC;
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	position: absolute;
	left: 20px;
}
#hamburger:before
{
	top: 10px;
}
#hamburger span
{
	top: 20px;
}
#hamburger:after
{
	top: 30px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;
	

}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}

.mm-listview
{
	color:white;
}

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a
{
	color:white;
	font-size: 20px;
	
}

html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
	display: none;
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
	display: none;
}
*/


#mm-blocker
{
	background: rgba( 0, 0, 0, 0 );
}
.mm-opening #mm-blocker
{
	background: rgba( 0, 0, 0, 0.2 );
	transition: background 1s ease 0.3s;
}
.ad-wrapper
{
	background: #5BC5FF;
	opacity: 0.9;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.ad-wrapper > div
{
	border-top: 1px solid rgba( 255, 255, 255, 0.5 );
	width: 900px;
	padding: 9px 20px;
	margin: auto;
}

.experience
{
	background-image: url("/images/icons/experience.png");
}

.experience:hover
{
	background-image: url("/images/icons/experience.png");
	background-position: 0% 100%;
	color:white!important;
	font-family: 'Roboto',sans-serif!important;
	font-weight: 500!important;
}

.lienNousChoisir
{
	position: relative;
	top: 30px;
	left:20px;
}

.footer_pied
{
	font-size: 10px;
	text-align: center;
	bottom:0;
	border-top:1px solid black;
}

.footer {
	position: relative;
	color:white;
	width: 100%;
	/* Set the fixed height of the footer here */
	min-height: 470px;
	padding:0!important;
	background-color: #1971A1;
}

.block-formulairesimadiff .form-item label
{
	display: none;
}



.pastille
{
	background-color: #F4F4F4;
}

.pastilleItem
{
	margin:auto;
}

.pastilleItem img
{
	margin: auto;
	/*cursor: pointer;*/
}

.textPastille
{
	padding:20px;
}

.form-control
{
	border-radius: 0; 
}

.block-formulairesimadiff .form-submit
{
	background-color: #09ABD5;
	border: none;
	border-radius: 0;
	color: white;
	font-family: 'Roboto',sans-serif;
	font-weight: 100;
	padding: 15px 60px 15px 60px!important;
}

.block-formulairesimadiff .form-submit:hover
{
	background-color: #CF234F;
	border: none;
	border-radius: 0;
	color: white;
	font-family: 'Roboto',sans-serif;
	font-weight: 100;
	padding: 15px 60px 15px 60px!important;
}

.tb-megamenu-submenu
{
	background-color:#1E719F!important;
	color:white;
	border-bottom:none!important;
}

.developpementMenu
{
	background-color:#33D5FF!important;
}

.filemakerMenu
{
	background-color: #CF234F!important;
}

.hebergementMenu
{
	left:-60%!important;
}



.developpementMenu
{
	left:-143%!important;
}

.filemakerMenu
{
	left:-337%!important;
}


.tb-megamenu .dropdown-menu a
{
	display: inline-block;
	padding:4px 14px;
}


.developpementTab
{
	min-height: 260px;
	border-spacing: 5px!important;
	border-collapse: separate!important;
	border-width: 80%!important;
	background-color: #09AAD4;
	padding-right:20px;
	padding-bottom: 70px;
	font-family: 'Roboto',sans-serif;
	padding-left: 10px;
	margin-bottom:5px!important;
	padding-left: 40px;
}

.developpementTab td
{
	font-family: 'Roboto',sans-serif;
	font-weight: 100;
	border:none!important;
	font-size: 14px;
	padding:0!important;
}

.developpementTab thead tr th
{
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	padding-top:30px;
	border:none!important;
	font-size: 20px;
	font-weight: 300;
	padding-bottom: 0!important;
	width: 186px;
}



.hebergementTab
{
	min-height: 260px;
	border-spacing: 5px!important;
	border-collapse: separate!important;
	border-width: 80%!important;
	background-color: #09AAD4;
	padding-right:20px;
	padding-bottom:30px;
	font-family: 'Roboto',sans-serif;
	padding-left: 10px;
	margin-bottom:5px!important;
	padding-left: 40px;
}

.hebergementTab td
{
	font-family: 'Roboto',sans-serif;
	font-weight: 100;
	border:none!important;
	font-size: 14px;
	padding:0!important;
}

.hebergementTab thead tr th
{
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	padding-top:30px;
	border:none!important;
	font-size: 20px;
	font-weight: 300;
	padding-bottom: 0!important;
	width: 186px;
}

.tb-megamenu-column-inner
{
	padding:0!important;
}

.hrMenu
{
	width: 80%;
	float:left;
}

.decouvrez
{
	color:#29DDCF!important;
	font-size: 20px!important;
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
}

.pubFooter
{
	margin-bottom: 10px;
	padding-left:43px;
	font-size: 25px;
}

.pub 
{
	text-align: center;
	top:50px;
	position: relative;
	font-family: 'Roboto',sans-serif;
	font-weight: 300;
}

.pub img
{
	margin-bottom: 30px;
}

.textMenuFooter
{
	margin-left: 20px;
	font-family: 'Roboto',sans-serif;
	font-weight: 300;
}

.textPub
{
	font-size: 20px;
	line-height: 40px;
	margin-bottom: 35px;
	font-family: 'Roboto',sans-serif;
	font-weight: 100;
}


input:-webkit-autofill {
	background-color: #ffffff !important;
}


.top-nav {
	float: right;
	position: relative;
	right:15%
}

.top-nav .dropdown-menu {
	right:0!important;
	left:inherit!important;
}


.top-nav .dropdown a {
	margin: 0;
	padding: 0;
	display: inline-block;
	padding: 7px 10px;
	color: #000;
	text-decoration: none;
	background-color: #f1f1f1;
	-webkit-box-shadow: inset 0 0 1px #ffffff;
	-moz-box-shadow: inset 0 0 1px #ffffff;
	box-shadow: inset 0 0 1px #ffffff;
	border: solid 1px #e3e6e8;
	border-top: 0;

}

.btn
{
	border-radius: 0px!important;
	border-color: initial!important;
	outline: 0!important;
}

.dropdown-search-box, .dropdown-login-box {
	overflow: hidden;
	padding: 10px;
	min-width: 300px;
	box-shadow: none;
}

.dropdown-login-box .btn {
	margin-top: 10px;
}

.top-nav .dropdown {
	display: inline-block;
	margin-left: 20px;
	z-index: 60000000;
	vertical-align: top;
}

.animation-delay-11 {
	-webkit-animation-delay: 1.1s !important;
	-moz-animation-delay: 1.1s !important;
	-ms-animation-delay: 1.1s !important;
	-o-animation-delay: 1.1s !important;
	animation-delay: 1.1s !important;
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}



.tb-megamenu .tb-block
{
	margin-bottom:0!important;
}

.bold
{
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	font-size: 25px;
}

.tb-megamenu .row-fluid + .row-fluid
{
	border:none!important;
	padding-top:0!important;
}

#tb-megamenu-column-2
{
	margin-left:18px!important;
}

#tb-megamenu-column-6
{
	margin-left:18px!important;
}
#tb-megamenu-column-8
{
	display: none;
}

#tb-megamenu-column-12
{
	display: none;
}

#tb-megamenu-column-10
{
	margin-left:15px!important;
}



.tb-megamenu .dropdown-menu  .boutonImadiff
{
	background-color: #2ADECF!important;
	color:white!important;
	padding:15px!important;
	text-transform: none!important;
	font-family: 'Roboto',sans-serif!important;
	font-weight: 500!important;
	font-size: 15px!important;
	letter-spacing: 1px;
}



.menuHebergement table tbody tr td a
{
	color:white!important;
	background: none!important;
	font-family: 'Roboto',sans-serif!important;
	font-weight: 300!important;
	border: none!important;
	font-size: 14px;
	padding: 0!important;
	text-transform: none!important;
	letter-spacing: 0!important;
}

.menuHebergement table tbody tr td a:hover
{

	font-family: 'Roboto',sans-serif!important;
	font-weight: 500!important;
	text-decoration: none;
}



#return-to-top {
	position: fixed;
	z-index:100;
	bottom: 20px;
	right: 20px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top:hover {
	background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
	color: #fff;
	top: 5px;
}

.footerContent
{
	margin-bottom: 30px;
}

.form-control::-webkit-input-placeholder
{
	font-family:'Roboto',sans-serif;
	font-weight: 300;
	color:#1971A1!important;
	
}

.form-control::-moz-placeholder
{
	font-family:'Roboto',sans-serif;
	font-weight: 500;
	color:#1971A1!important;
	
}


.form-control
{
	font-family:'Roboto',sans-serif;
	font-weight: 300;
	color:black!important;
	
}



.submit
{
	margin-top:15px;
}


.blockGris
{
	background-color: #F3F3F3;
	max-width: 84%;
	margin: auto;
	min-height: 938px;

}

.listDetailFormation
{
	list-style-image: none;
	margin-top: 30px;
}


.detailFormation
{
	padding-left:50px;
	padding-right:50px;	
	margin-bottom: 20px;
}

.listDetailFormation li
{

	background: url("/images/formation/validation.png") no-repeat left top;
	padding: 2px 0px 3px 50px;

	list-style: none;
	margin-bottom: 30px;
	font-family: 'Roboto',sans-serif;
	font-weight: 300;
	font-size: 16px;

}

.listDetailFormationRouge
{
	display: inline-block;
	margin: auto;
}

.listDetailFormationRouge li
{
	margin-bottom: 30px;
	font-family: 'Roboto',sans-serif;
	font-weight: 300;
	font-size: 16px;
}


.blockBorderBlueDetailFormation
{
	border-top:6px solid #1971A1!important;
	padding:10px;
}

.blockGrisFormationDetail
{
	background-color: #F3F3F3;
	padding:10px 10px 10px 10px;
	min-height: 365px;
}

.prochaineDate
{
	border-left:1px solid gray;
}

.contenuGrisTexteRanger1
{
	min-height: 450px;
}

.contenuGrisTexteRanger2
{
	min-height: 450px;
}

.blockImageFormation
{
	margin-bottom: 20px;
}



.blockGrisFormation
{
	background-color: #F3F3F3;
	margin: auto;
	min-height: 570px;
}



.contentGris
{
	padding: 40px;
}

.pastilleRed
{
	background-image: url("/images/divers/pastilleRed.png");
	width: 70px;
	height:70px;
	z-index: 999;
	position: absolute;
	left:44%;
	top: -30px;
}

.textLeft
{
	text-align: left!important;
}

ul
{
	list-style-image: url("/images/divers/puce.png");
}


.pastilleRed img
{
	position: relative;
	top: 17px;
	left: 21px;
}

.miniDeveloppement
{
	left:12px!important;
}

.miniFormation
{
	left:16px!important;
}




.rowBlockGris
{
	margin-top: 80px;
}

.firstLine
{
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}

.lasLine
{
	border-top: none!important;
}

.marginBottom70
{
	margin-bottom: 70px;
}



.liste
{
	padding-left:0px;
	list-style: none;
}

.liste li
{
	font-weight: 500;
	text-align: left;
	border-bottom: 1px solid #E0E0E0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pictoDetailFormation
{
	font-size: 15px;
	margin-right: 10px;
}

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar
{
	overflow: hidden;
}


.tb-megamenu .dropdown-menu .btnFilemaker
{
	background-color: #09AAD4!important;
}

.tb-megamenu .dropdown-menu .btnDeveloppement
{
	background-color: #1E719F!important;
}

.filemakerDecrouvrez
{
	color: #09AAD4!important;
}

.developpementDevouvrez
{
	color: #1E719F!important;
}



.liste li a
{
	display: block;	
	color:black!important;
}

.liste li a:hover
{
	color:#09ACD6!important;
	text-decoration: none!important;
}

.liste li span img
{
	float:right;
}


@-webkit-keyframes shake {
	0% {
		-webkit-transform: translateX(0);
	}

	20% {
		-webkit-transform: translateX(-5px);
	}

	40% {
		-webkit-transform: translateX(5px);
	}

	60% {
		-webkit-transform: translateX(-5px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}
@keyframes shake {
	0% {
		transform: translateX(0);
	}

	20% {
		transform: translateX(-5px);
	}

	40% {
		transform: translateX(5px);
	}

	60% {
		transform: translateX(-5px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		transform: translateX(0);
	}
}
.blockGris:hover {
	
	-webkit-animation: shake .5s ease-in-out;
	animation: shake .5s ease-in-out;
}


.navbar-toggle .icon-bar
{
	background-color: white;
}

.navbar-toggle
{
	background-color: black;
}



.menu-header {
	border-bottom: 1px solid white;
	padding: 20px;
	background-size: 32px;
	text-align: center;
}

.menu-header-title {
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color:white;
	font-size: 20px;
	margin: 0;
}

.menu-section {
	margin: 25px 0;
}

.separateur_menu_mobile
{
	width: 80%;
}

.menu-section-title {
	text-transform: uppercase;
	color: white;
	font-weight: 200;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 0 20px;
	margin:0;
	text-align: center;
}

.menu-section-sous-title
{

	color: #005c73;
	font-size: 15px;
	margin-top:20px;
	text-align: center;
	
}


.menu-section-list {
	padding:0;
	margin: 10px 0;
	list-style:none;
}

.menu-section-list a {
	display: block;
	padding: 10px 20px;
	color:white;
	text-decoration: none;
}

.panel {
	padding-top: 5px;
	min-height: 100%;
}

#mocha {
	text-align: left;
	margin:0 !important;
}

#mocha-stats {
	top: 70px;
}

#menu
{
	background: #09ABD5;
}




/**
 * hamburger
 */
 .btn-hamburger {
 	border: none;
 	float: left;
 	outline:none;
 	background: url('/images/divers/menuMobile.png') no-repeat center;
 	width: 50px;
 	height: 50px;
 	margin-left: 15px;
 }

/**
 * Boxes
 */
 .box {
 	border: 1px solid #4b5;
 	border-radius: 4px;
 	text-align: left;
 	margin: 50px 10px;
 	position: relative;
 }

 .box:before,
 .box:after {
 	content: ' ';
 	display: inline-block;
 	width: 1px;
 	height: 50px;
 	border-left: 1px solid #4b5;
 	position: absolute;
 	left: 50%;
 }

 .box:before {
 	top: -50px;
 }

 .box:after {
 	bottom: -50px;
 }

 .box-title {
 	margin: 0;
 	padding:10px 20px;
 	border-bottom: 1px solid #4b5;
 	color: #4b5;
 	font-size: 1.2em;
 	font-weight: 400;
 }

 .box-content {
 	padding:20px;
 	background-color: #f8f8f8;
 }

/**
 * Medium Screens
 */
 @media all and (min-width:40em) {

 	.btn-hamburger {
 		top: 20px;
 		left: 30px;
 	}

 }

/**
 * Large Screens
 */
 @media all and (min-width: 54em) {
 	.box {
 		width: 70%;
 		max-width: 1200px;
 		margin: 50px auto;
 	}
 }

















 /* Mobile */ 
 @media only screen and (max-width : 480px) {


 	.padding50
 	{
 		padding: 10px 50px 50px 50px;
 	}

 	.titreEntete{
 		min-height: 110px;

 	}

 	.titreMiniCol
 	{
 		min-height: 110px;

 	}



 	.sous-menuBg
 	{
 		display: none;
 	}


 	.top-nav{
 		display: none;
 	}

 	.blockGris
 	{
 		max-width: 100%;
 	}

 	.enteteCol
 	{
 		width: 100%;
 		height: auto;
 		display: table;
 		padding:0!important;
 	}



 	.col1
 	{
 		background-color: #33D5FF;
 		font-family: 'Roboto',sans-serif;
 		font-size: 20px;
 		color:white;
 		text-align: center;
 	}

 	.col2
 	{
 		background-color: #09ABD5;
 		font-family: 'Roboto',sans-serif;
 		font-size: 20px;
 		color:white;
 		text-align: center;
 	}

 	.titreMiniCol
 	{
 		font-size: 17px;
 	}



 	.col3
 	{
 		background-color: #1971A1;
 		font-family: 'Roboto',sans-serif;
 		font-size: 20px;
 		color:white;
 		text-align: center;
 	}

 	.col4
 	{
 		background-color: #CF234F;
 		font-family: 'Roboto',sans-serif;
 		font-size: 20px;
 		color:white;
 		text-align: center;
 	}






 	.region-logo img
 	{
 		margin:auto;
 		/*margin-left:20px;*/
 		display: inline-block;
 		margin-bottom: 20px;
 	}

 	.region-logo
 	{
 		padding: 20px;

 	}

 	.blockPadding
 	{
 		padding:20px;

 	}

 	.blockPaddingPage
 	{
 		padding:60px 40px 40px 40px;
 	}


 	.rowPadding
 	{

 		padding:0;
 	}

 	.rowfooter
 	{
 		padding:30px 30px 0px 30px;
 	}

 	.rowPaddingExpertise
 	{
 		padding-top: 30px;
 		padding-bottom: 60px;
 	}




 	.ecartPastille
 	{
 		margin-bottom: 50px;
 	}

 	#menuDesktop
 	{
 		display: none;
 	}

 	#menuMobile
 	{
 		display: block;


 	}

 	.navigation
 	{
 		display: block
 	}

 	.navbar-header
 	{
 		float:left;
 		margin-left: 10px;
 	}

 	.pastilleRed {
 		background-image: url("/images/divers/pastilleRed.png");
 		width: 70px;
 		height: 70px;
 		z-index: 999;
 		position: absolute;
 		left: 41%;
 		top: -30px;
 	}

 	.listTab li
 	{
 		padding:4px;

 	}


 	.commander a
 	{	
 		display: block;
 		font-family: 'Roboto',sans-serif;
 		font-weight: 300;
 		color:white!important;
 		font-size: 16px;
 	}

 	.commander a:hover
 	{	
 		font-family: 'Roboto',sans-serif;
 		color:white!important;
 		font-weight: 500;

 	}

 	.commander img
 	{	
 		float:right;
 		position: relative;
 		margin-right: 10px;
 		top:2px;
 	}

 	.listTab li
 	{
 		padding:10px;
 		height: 60px;

 	}

 	.entete
 	{
 		margin-bottom: 40px!important;
 	}

 	.contentGris
 	{
 		padding:20px;
 	}
 	.prixHT
 	{
 		font-family: 'Roboto',sans-serif;
 		font-size: 12px;
 	}

 	.fondRealisation .col-md-12 .col-md-3 img
 	{
 		margin: auto;
 		margin-bottom: 20px;
 	}



 	.fondRealisation
 	{
 		padding: 20px;
 		padding-top: 30px;
 		padding-bottom: 30px;
 	}

 	.technologie ul
 	{
 		margin: auto;
 		text-align: center;
 		padding-left: 0!important;
 		font-size: 0px;
 	}

 	.technologie ul li
 	{
 		margin: auto;
 		text-align: center;
 		font-size: 14px;
 		margin:10px 0px 0px 10px;


 	}

 	.buttonDetail
 	{
 		text-align: center;
 	}

 	.prixboxRecap
 	{
 		position: relative;
 		margin-top: 10%;

 	}



 }

 /*  Tablets */
 @media only screen and (min-width : 480px) and (max-width : 978px) {


 	.sous-menuBg
 	{
 		display: none;
 	}

 	.entete
 	{
 		margin-bottom: 50px!important;
 	}
 	.blockGris
 	{
 		max-width: 100%;
 	}

 	.contentGris
 	{
 		padding:20px;
 	}

 	.commander a
 	{	
 		display: block;
 		font-family: 'Roboto',sans-serif;
 		font-weight: 300;
 		color:white!important;
 		font-size: 20px;
 	}

 	.commander a:hover
 	{	
 		font-family: 'Roboto',sans-serif;
 		color:white!important;
 		font-weight: 500;

 	}

 	.commander img
 	{	
 		float:right;
 		position: relative;
 		margin-right: 10px;
 		top:2px;
 	}



 	.enteteCol
 	{
 		width: 100%;
 		height: auto;
 		display: table;
 	}


 	.enteteCol span
 	{

 		width: 100%;

 	}

 	.col1
 	{
 		background-color: #33D5FF;
 		font-family: 'Roboto',sans-serif;
 		font-size: 20px;
 		color:white;
 		text-align: center;
 	}

 	.col2
 	{
 		background-color: #09ABD5;
 		font-family: 'Roboto',sans-serif;
 		font-size: 20px;
 		color:white;
 		text-align: center;
 	}

 	.titreMiniCol
 	{
 		font-size: 20px;
 	}

 	.titreMiniColRecap
 	{
 		font-size: 20px;
 		text-align: center;

 	}

 	.col3
 	{
 		background-color: #1971A1;
 		font-family: 'Roboto',sans-serif;
 		font-size: 20px;
 		color:white;
 		text-align: center;
 	}

 	.col4
 	{
 		background-color: #CF234F;
 		font-family: 'Roboto',sans-serif;
 		font-size: 20px;
 		color:white;
 		text-align: center;
 	}



 	.region-logo img
 	{
 		margin:auto;
 		margin-left:20px;
 		display: inline-block;
 	}

 	.ecartPastille
 	{
 		margin-bottom: 50px;
 	}

 	.region-logo
 	{
 		padding: 20px;

 	}

 	#block-tb-megamenu-main-menu
 	{
 		display: none;
 	}

 	.blockPadding
 	{
 		padding:20px;

 	}

 	.blockPaddingPage
 	{
 		padding: 60px 40px 20px 40px;
 	}

 	.rowPadding
 	{
 		padding:30px 100px 30px 100px;
 	}

 	.rowPaddingExpertise
 	{
 		padding-top: 30px;
 		padding-bottom: 60px;
 	}

 	.rowPaddingChoisir
 	{
 		padding-top: 30px;
 		padding-left:50px;
 		padding-right:50px;
 		padding-bottom:20px;
 	}

 	.rowfooter
 	{
 		padding:30px 100px 0px 100px;
 	}

 	#menuDesktop
 	{
 		display: none;
 	}

 	#menuMobile
 	{
 		display: block;

 	}


 	.navbar-header {
 		float: none;
 	}
 	.navbar-toggle {
 		display: block;
 	}
 	.navbar-collapse {
 		border-top: 1px solid transparent;
 		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
 	}
 	.navbar-collapse.collapse {
 		display: none!important;
 	}
 	.navbar-nav {
 		float: none!important;
 		margin: 7.5px -15px;
 	}
 	.navbar-nav>li {
 		float: none;
 	}
 	.navbar-nav>li>a {
 		padding-top: 10px;
 		padding-bottom: 10px;
 	}

 	.navigation
 	{
 		display: block
 	}

 	.navbar-header
 	{
 		float:left;
 		margin-left: 10px;
 	}

 	.listTab li
 	{
 		padding:10px;
 		min-height: 80px

 	}

 	.prixHT
 	{
 		font-family: 'Roboto',sans-serif;
 		font-size: 12px;
 	}


 	.fondRealisation .col-md-12 .col-md-3 img
 	{
 		margin: auto;
 		margin-bottom: 20px;
 	}




 	.fondRealisation
 	{
 		padding: 20px;
 		padding-top: 30px;
 		padding-bottom: 30px;
 	}

 	.technologie ul
 	{	
 		font-size: 0px;
 		margin: auto;
 		padding-left: 0!important;
 		text-align: center;

 	}

 	.technologie ul li
 	{

 		margin: auto;
 		text-align: center;
 		margin:10px 0px 0px 10px;
 		font-size: 14px;
 	}

 	.buttonDetail
 	{
 		text-align: center;
 	}


 	.blockPaddingPageHauteDispo
 	{
 		padding:0px 120px 40px 120px;
 	}

 	.titreMiniColRecap span
 	{
 		display: block;
 		position: relative;
 		margin-top: 5%;
 	}

 	.prixboxRecap
 	{
 		position: relative;
 		margin-top: 5%;

 	}


 }

 /* Desktops */
 @media only screen and (min-width : 979px) {




 	.introduction
 	{
 		padding:20px;
 		margin-top: 20px;
 		margin-bottom: 20px;
 		max-width: 867px;
 		margin: auto;
 	}

 	.blockPadding
 	{
 		padding:80px;

 	}
 	.blockPaddingPage
 	{
 		padding:60px 80px 80px 80px;
 	}


 	.rowPadding
 	{
 		padding:30px 100px 30px 100px;
 	}

 	.rowPaddingExpertise
 	{
 		padding-top: 30px;
 		padding-bottom: 60px;
 	}


 	.rowPaddingChoisir
 	{
 		padding-top: 30px;
 		padding-left:50px;
 		padding-right:50px;
 		padding-bottom:20px;
 	}

 	.region-logo img
 	{
 		margin:auto;
 		margin-left:20px;
 		display: inline-block;

 	}

 	.region-logo
 	{
 		padding: 20px;

 	}



 	.rowfooter
 	{
 		padding:30px 100px 0px 100px;
 	}

 	#menuDesktop
 	{
 		display: block;
 	}

 	#menuMobile
 	{
 		display: none;
 	}

 	.enteteCol
 	{
 		width: 100%;
 		height: 130px;
 		display: table;
 		padding:0!important;
 	}

 	.titreEntete
 	{
 		padding-top: 20px!important;

 	}

 	.prixHT
 	{
 		font-family: 'Roboto',sans-serif;
 		font-size: 16px;
 	}



 	.titreCol1
 	{
 		font-family: 'Roboto',sans-serif!important;
 		font-weight: 500!important;
 		font-size: 16px!important;
 		color: black!important;
 		text-align: left;
 		position: relative;
 		top: 68px!important;
 		display: block;
 		background-color: #F3F3F3;
 		padding:20px;
 	}

 	.col1
 	{
 		background-color: #33D5FF;
 		font-family: 'Roboto',sans-serif;
 		font-size: 25px;
 		color:white;
 		text-align: center;
 	}




 	.col2
 	{
 		background-color: #09ABD5;
 		font-family: 'Roboto',sans-serif;
 		font-size: 25px;
 		color:white;
 		text-align: center;
 	}



 	.col3
 	{
 		background-color: #1971A1;
 		font-family: 'Roboto',sans-serif;
 		font-size: 25px;
 		color:white;
 		text-align: center;
 	}




 	.col4
 	{
 		background-color: #CF234F;
 		font-family: 'Roboto',sans-serif;
 		font-size: 25px;
 		color:white;
 		text-align: center;
 	}



 	.commander a
 	{	
 		display: block;
 		font-family: 'Roboto',sans-serif;
 		font-weight: 300;
 		color:white!important;
 	}

 	.commander a:hover
 	{	
 		font-family: 'Roboto',sans-serif;
 		color:white!important;
 		font-weight: 500;

 	}

 	.commander img
 	{	
 		float:right;
 		position: relative;

 	}

 	.listTab li
 	{
 		padding:20px;

 	}

 	.zoom:hover,
 	.zoom:focus {
 		transform: scale(1.05);
 		box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;
 		z-index: 8888;
 	}

 	.zoomActif{
 		transform: scale(1.05);
 		box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;
 		z-index: 7777;
 	}

 	.zoomActifRecap{
 		transform: scale(1.05);
 		box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;
 	}

 	.fondRealisation
 	{
 		padding:40px;
 	}

 	.buttonDetail
 	{
 		padding-left: 19px;
 		margin-top: 35px;
 	}

 	.titreMiniColRecap
 	{
 		padding: 48px!important;
 		font-size: 25px;
 		min-height: 200px;
 		text-align: center;
 	}

 	.prixboxRecap
 	{
 		position: relative;
 		margin-top: 13%;
 	}

 	.prixRecap
 	{
 		min-height: 200px;
 	}

 	.blockPaddingPageHauteDispo
 	{
 		padding:0px 100px 40px 100px;
 	}

 	.titreMiniColRecap span
 	{
 		display: block;
 		position: relative;
 		margin-top: 10%;
 	}

 	.closeUp
 	{
 		position: relative;
 		left: 50%;
 		max-width: initial;
 		width: 100%;
 		-ms-transform: translateX(-50%);
 		-webkit-transform: translateX(-50%);
 		transform: translateX(-50%);
 		z-index: 0;
 		min-height: 107%;
 	}
 }


 #sliderImadiff {
 	padding: 20px;
 }

 #slider-container .row {
 	margin-right: 40px;
 }

 #sliderImadiff > ul {
 	list-style-type: none;
 	list-style-image: none;
 	padding-left: 0px;
 	font-size: 0px;
 	text-align: center;
 	-webkit-user-select: none;  /* Chrome all / Safari all */
 	-moz-user-select: none;     /* Firefox all */
 	-ms-user-select: none;      /* IE 10+ */
 	user-select: none;
 }

 #sliderImadiff h2 {
 	padding: 0px 20px;
 	margin-top: 0px;
 }

 #sliderImadiff > ul > li {
 	display: inline-block;
 	vertical-align: top;
 	width: 106px;
 	height: 104px;
 	border-radius: 50%;
 	margin-right: 40px;
 	background-color: #d0244f;
 	color: #FFFFFF;
 	font-size: 12px;
 	cursor: pointer
 }

 #sliderImadiff > ul > li > img,  #sliderImadiff .arrow img {
 	height: 50px;
 	width: 50px;
 	position: relative;
 	top: 12px;
 }

 #sliderImadiff .arrow img {
 	-ms-transform: rotate(90deg); /* IE 9 */
 	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
 	transform: rotate(90deg);
 	width: 30px;
 	height: 30px;
 }

 #sliderImadiff #slider-viewer {			
 	background-color: #FFFFFF;
 }

 #sliderImadiff #slider-container {			
 	transition: left 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
 }

 #sliderImadiff > ul > li:hover, #sliderImadiff > ul > li.active {
 	opacity: 0.85;
 	background-color: #e32857;
 }

 #sliderImadiff li .texteArrow {
 	position: relative;
 	top: -14px;
 	transition: top 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
 }

 #sliderImadiff li .arrow {
 	opacity: 0;
 	transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
 }

 #sliderImadiff li .texte {
 	opacity: 1;
 	transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
 }

 #sliderImadiff li:hover .texteArrow, #sliderImadiff li.active .texteArrow {
 	top: 10px;
 	transition: top 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
 }

 #sliderImadiff li:hover .texte, #sliderImadiff li.active .texte {
 	opacity: 0;
 	transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
 }

 #sliderImadiff li:hover .arrow, #sliderImadiff li.active .arrow {
 	opacity: 1;
 	transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
 }

 #sliderImadiff #slider-container > .row {
 	display: inline-block;
 	vertical-align: top;
 }

 #sliderImadiff #slider-container {
 	position: relative;
 }

 #sliderImadiff #slider-container > .row > .col-sm-12 > h1 {
 	text-align: center;
 	margin: 40px;
 }
 #sliderImadiff #slider-container > .row > div:nth-of-type(2) img {
 	max-width: 100%;
 }
 #sliderImadiff #slider-viewer {
 	overflow: hidden;
 }

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

 	#sliderImadiff #slider-container {
 		transition-duration: 0s;
 		transition-delay: 0s;
 	}

 	#sliderImadiff > ul > li {
 		display: block;
 		width: 100%;
 		height: 70px;
 		border-radius: 0px;
 	}

 	#sliderImadiff h2 {
 		margin-top: 20px;
 		margin-bottom: 10px;
 	}

 	#sliderImadiff ul > li > img {
 		top: 4px;
 		height: 30px;
 	}

 	#sliderImadiff li .arrow img  {
 		top: 10px;
 		height: 20px;
 	}

 	#sliderImadiff li .texteArrow {
 		top: -14px;
 	}

 	#sliderImadiff li:hover .texteArrow, #sliderImadiff li.active .texteArrow {
 		top: -2px;
 	}
 }

 #accordeon {
 	padding: 4px;
 }

 #accordeon > ul {
 	list-style-type: none;
 	list-style-image: none;
 	padding-left: 0px;
 	-webkit-user-select: none;  /* Chrome all / Safari all */
 	-moz-user-select: none;     /* Firefox all */
 	-ms-user-select: none;      /* IE 10+ */
 	user-select: none;
 }

 #accordeon > ul > li {
 	width: 100%;
 	background-color: #F3F3F3;
 	border-bottom: 1px solid #E0E0E0;
 	font-size: 16px;
 	cursor: pointer;
 	will-change: auto;
 }

 #accordeon > ul > li > .header {
 	height: 70px;
 	font-weight: 500;
 	width: 100%;
 }

 #accordeon .icon {
 	position: relative;
 	top: -14px;
 }

 #accordeon .header,  #accordeon .header > div  {
 	display: inline-block;
 	vertical-align: top;
 }


 #accordeon .arrow {
 	position: relative;
 }

 #accordeon .arrow div {
 	margin-top: 20px;
 	margin-left: 60px;
 	height: 30px;
 	width: 30px;
 }

 #accordeon .nom {
 	max-width: 70%;
 	height: 70px;
 }

 #accordeon .nom > div {
 	display: table-cell;
 	vertical-align: middle;
 	height: 70px;
 }

 #accordeon .arrow-opened {
 	position: absolute;
 	top: 0px;
 }

 #accordeon .texte {
 	display: block;
 	color: #000000;
 	background-color: #FFFFFF;
 	max-height: 0px;
 	overflow: hidden;
 	will-change: auto;

 	transition-property: max-height, padding;
 	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 	transition-duration: 400ms;

 	padding: 0px;
 	padding-left: 90px;
 }
/*
 #accordeon li:nth-of-type(1) .texte {
 	transition-duration: 100ms;
 }
 */
 #accordeon .arrow-opened{
 	opacity: 0;
 	-ms-transform: rotate(90deg); /* IE 9 */
 	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
 	transform: rotate(90deg);
 }

 #accordeon li.active .arrow-closed{
 	opacity: 0;
 }

 #accordeon li.active .arrow-opened{
 	opacity: 1;
 }

 #accordeon  > ul > li:hover, #accordeon > ul > li.active {
 	color: #09ACD6;
 }

 #accordeon li.active .texte {
 	max-height: 700px;
 	padding: 10px 0px;
 	padding-left: 90px;
 }

 html {
 	padding-top: -100px;
 }

 .mm-menu .nav>li>a:hover {
 	background-color: transparent;
 }

 .mm-menu .nav{
 	padding-left: 20px;
 }

 .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
 	margin-top: 0px;
 }

 .mm-listview > li > a {
 	padding-top: 14px;
 }

 .mm-listview > li {
 	height: 54px;
 }


 @media only screen and (max-width : 548px) {
 	.region-logo img
 	{
 		
 		margin-left:0px;
 		margin-top: 10px;
 	}
 }

  .form-group:last-child, .panel:last-child {
 	margin-bottom: 15px;
 }