/*This is the main CSS for the Carpe Diem homepage*/
/*Base CSS*/
body{padding:0 !important;margin:0 !important;font-size:16px;line-height:1.2;-webkit-text-size-adjust:100%}.OESK_XBody_Default{margin:0 auto 0 auto}.Fs1{font-size:10px}.Fs2{font-size:13px}.Fs3{font-size:16px}.Fs4{font-size:18px}.Fs5{font-size:24px}.Fs6{font-size:32px}h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-weight:inherit;font-style:inherit;font-size:inherit}img{border:none}div{position:relative;border-width:0;text-decoration:inherit}.BaseDiv{overflow:visible;position:absolute}.BaseDiv.oeOrigLimits{overflow:visible !important;min-height:15px;min-width:15px}.BaseDiv.OEWEHr{min-height:15px}.BaseDiv.OEWEHrVertival{min-width:15px}#XBody{position:relative}#XBody div.BaseDiv>.OESZ_DivContent{padding:0;margin:0}#XBody div.BaseDiv.RBoth>.OESZ_DivContent,#XBody div.BaseDiv.RKeepRatio>.OESZ_DivContent{width:100%;height:100%}#XBody div.BaseDiv.RWidth>.OESZ_DivContent{width:100%;height:auto}#XBody div.BaseDiv.RHeight>.OESZ_DivContent{width:auto;height:100%; margin: auto;}.ContentBox{display:-moz-inline-stack;display:inline-block;width:inherit;height:inherit;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.MaxBox{display:-moz-inline-stack;display:inline-block;width:100%;height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.OESZ_DivLeft1,.OESZ_DivLeft2,.OESZ_DivLeft3,.OESZ_DivLeft4,.OESZ_DivRight1,.OESZ_DivRight2,.OESZ_DivRight3,.OESZ_DivRight4{position:absolute;overflow:hidden;z-index:1}a:link,a:visited,a:hover,a:active{text-decoration:none;color:#00f}.FontBlock{display:inline}.OECT{width:100%;height:100%;min-height:15px;min-width:15px}.BaseDiv>.OESZ_DivContent>.OECT{overflow:visible}.BaseDiv.RBoth:not(#XBody)>.OESZ_DivContent>.OECT{overflow:auto}.OESZG_XBody.OECT{overflow:visible}.OECenterAB{top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;margin:auto !important}.OECenterAH{left:0 !important;right:0 !important;margin-left:auto !important;margin-right:auto !important}.OECenterAV{top:0 !important;bottom:0 !important;margin-top:auto !important;margin-bottom:auto !important}.OECenterRH{margin-left:auto !important;margin-right:auto !important;float:none !important;text-align:left;left:0 !important;right:0 !important}.OECTRel>.OERelLine>.BaseDiv,.OECTRel>.OEIteratorParent>.OEIterator>.OERelLine>.BaseDiv,.OECTRel>.OEIteratorParent>.OERelLine>.OEIterator>.BaseDiv{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;display:inline-block;text-align:left}.OECTRel>.OERelLine.OEHAlignL,.OECTRel>.OEIteratorParent>.OERelLine.OEHAlignL,.OECTRel>.OEIteratorParent>.OEIterator>.OERelLine.OEHAlignL{text-align:left}.OECTRel>.OERelLine.OEHAlignC,.OECTRel>.OEIteratorParent>.OERelLine.OEHAlignC,.OECTRel>.OEIteratorParent>.OEIterator>.OERelLine.OEHAlignC{text-align:center}.OECTRel>.OERelLine.OEHAlignR,.OECTRel>.OEIteratorParent>.OERelLine.OEHAlignR,.OECTRel>.OEIteratorParent>.OEIterator>.OERelLine.OEHAlignR{text-align:right}.OECTRel>.OERelLine.OEVAlignT>.BaseDiv,.OECTRel>.OEIteratorParent>.OEIterator>.OERelLine.OEVAlignT>.BaseDiv,.OECTRel>.OEIteratorParent>.OERelLine.OEVAlignT>.OEIterator>.BaseDiv{vertical-align:top}.OECTRel>.OERelLine.OEVAlignM>.BaseDiv,.OECTRel>.OEIteratorParent>.OEIterator>.OERelLine.OEVAlignM>.BaseDiv,.OECTRel>.OEIteratorParent>.OERelLine.OEVAlignM>.OEIterator>.BaseDiv{vertical-align:middle}.OECTRel>.OERelLine.OEVAlignB>.BaseDiv,.OECTRel>.OEIteratorParent>.OEIterator>.OERelLine.OEVAlignB>.BaseDiv,.OECTRel>.OEIteratorParent>.OERelLine.OEVAlignB>.OEIterator>.BaseDiv{vertical-align:bottom}.OEWinModal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000000;/*background:url('../../Image/ModalBackgound.png')*/}#OELoading{cursor:wait}#OELoadingAnim{top:50%;left:50%;width:132px;height:17px;margin-top:-8px;margin-left:-66px;/*background-image:url('../../Image/Loading2.gif')*/}#ModalPopupBlock{position:absolute;width:350px;z-index:10000000;background-color:#eee;border:1px outset #414040;box-shadow:0 0 3px 1px #3a3939;-webkit-box-shadow:0 0 3px 1px #3a3939;-moz-box-shadow:0 0 3px 1px #3a3939;-webkit-border-radius:0 0 3px 1px #3a3939;-moz-border-radius:0 0 3px 1px #3a3939}#ModalPopupBlockClose{position:absolute;right:-12px;top:-12px;/*background:url('../../Image/delete.png') no-repeat;*/cursor:pointer;width:28px;height:28px;z-index:1}#ModalPopupBlockContent{font:lighter 13px Arial,sans-serif;text-align:center;width:auto;max-height:200px;margin:20px 0 0 0;padding:0 5px 20px 5px;overflow:auto}#ModalPopupBlockFooter{width:auto;text-align:center;padding:5px;margin:0 8px 0 8px;border-top:1px solid #d3d3d3}#ModalPopupBlockFooter input{width:100px}.OEWEMenuAccordion{outline:none}.OESZ_FirstTitle{outline:none}.inputBoxSizing input,.inputBoxSizing textarea{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.opentip-container{font:lighter 11px/1.3 Arial,sans-serif}.OEValidatorIco{/*background:url('../../Image/warning.png') no-repeat;*/width:16px;height:16px;float:left;margin-right:3px}.oe-wrap-aspect-ratio{position:relative;display:block;left:0 !important;top:0 !important;right:0 !important}.oe-subwrap-aspect-ratio{position:absolute;display:block;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;margin:0 !important;padding:0 !important}.opentip-container.stem-left .ot-close{top:-14px !important;right:-20px !important;left:auto !important}.opentip-container.stem-right .ot-close{top:-14px !important;left:-20px !important;right:auto !important}.OEWEAnchor a:before{content:""}.OESZ_XBodyLeftColumn,.OESZ_LeftColumn,.OESZ_XBodyRightColumn,.OESZ_RightColumn{position:absolute;height:100%;top:0}.OESZ_XBodyLeftColumn,.OESZ_LeftColumn{left:0}.OESZ_XBodyRightColumn,.OESZ_RightColumn{right:0}.OESZ_Wrap_Columns_NoLeft{padding-left:0 !important}.OESZ_Wrap_Columns_NoRight{padding-right:0 !important}img.OESZ_Img{display:block}.oemd-abs-full{position:absolute;left:0;top:0;right:0;bottom:0}.OEWEPanel>.OESZ_DivContent>:not(div){height:100%}@media screen and (orientation:landscape){.doesnt-exist{background:none}}
/*MinVersion*/
.OESK_XBody_Default{width:900px}.OESK_XBody_Default .OESZ_XBodyContent{width:100%;height:550px}.OESK_XBody_Default .OESZ_XBodyFooter{width:100%;height:50px}#XBody .OESZ_XBodyContent{display:block;height:auto}#XBody .OESZ_XBodyHeader{display:none}#XBody .OESZ_XBodyLeftColumn{display:none}#XBody .OESZ_XBodyRightColumn{display:none}#XBody .OESZ_Wrap_Columns{padding-left:0;padding-right:0}#XBody{width:100%;height:auto}#WEf17a11cae3{position:absolute;left:0;top:0;width:auto;height:auto}#WEbd074cd90e{position:absolute;left:0;top:0;width:auto;height:auto}#WE9073f494e7{position:absolute;left:0;top:0;width:auto;height:auto}#WEPRELOADIMG{position:absolute;left:20px;top:10px;display:none;width:166px;height:auto;visibility:hidden}#WEPRELOADIMG .OESZ_Img{width:100%}

/*MinVersion*/
.OESK_XBody_Default{width:900px}.OESK_XBody_Default .OESZ_XBodyContent{width:100%;height:550px}.OESK_XBody_Default .OESZ_XBodyFooter{width:100%;height:50px}.OESK_WELinkButton_Default{width:auto;border:1px solid #a5a5a5;cursor:pointer}.OESK_WELinkButton_Default .OESZ_Text{display:inline-block}#XBody .OESZ_XBodyContent{display:block;height:auto}#XBody .OESZ_XBodyHeader{display:none;height:50px}#XBody .OESZ_XBodyLeftColumn{display:none;width:50px}#XBody .OESZ_XBodyRightColumn{display:none;width:50px}#XBody .OESZ_Wrap_Columns{padding-left:0;padding-right:0}#XBody{height:auto}#XBody .OESZ_XBodyFooter{min-height:0;background-color:#f2f2f2}#WEb2c201ec68{position:absolute;left:0;top:0;width:auto;height:auto}#WEc940d4e7c4{position:absolute;left:0;top:0;width:auto;height:auto}#WEa62f4ad7d1{position:absolute;left:370px;top:20px}#WE55f8770df8{position:absolute;left:720px;top:10px;width:auto;height:auto}#WE0b13fc2cf3{position:absolute;left:710px;top:50px;width:auto;height:auto}#WE6f58b894ce{position:absolute;left:0;top:0;width:auto;height:auto}#WE16f3d723c4{position:absolute;left:0;top:0;width:auto;height:auto}#WE220d810c6c{position:absolute;left:0;top:0;width:auto;height:auto}#WE56032782bc{position:absolute;left:220px;top:20px;width:auto;height:auto}#WEToTop{position:absolute;left:auto;top:auto;bottom:20px;right:20px;width:28px;height:28px;border:0 none;border-radius:3px 3px 3px 3px;background-color:rgba(0,0,0,.25);background-repeat:no-repeat;background-position:center center;background-size:16px;background-image:url("../Files/Image/arrow-up.png")}.OE_Over#WEToTop{background-color:#000}#WEToTop>.OESZ_DivContent{width:100%;height:100%}#WEToTop .OESZ_Text{width:100%;height:100%}

#XBody {
	background-color: rgb();
}

h1 {
	font-size: 40%;
}

.contentManager0E {
	overflow: visible !important;
}

.OESZG_WE52b3d1f2e0, .OESZG_WE6ad9cb2554, .OESZG_WE6ed8a61973, .OESZG_WE189dce1e72, .OESZG_WE0818455994, .OESZG_WE2d168dacb1, .subCard {
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}

@media (orientation:landscape){
	.backgroundImage, #backgroundVideo {
		height: unset;
		width: unset;
	}
}

@media (orientation:portrait){
	.backgroundImage, #backgroundVideo {
		height: 100%;
		width: unset;
	}
}

#topBarAligner {
	position: absolute;
	top: 20%;
	overflow: visible;
	height: 100%;
	width: 100%;
}
.centeralign{
text-align:center;}

.card {
	position: relative;
	display: inline-block;
	-webkit-transition: all 4s ease-out;
	-moz-transition: all 4s ease-out;
	-o-transition: all 4s ease-out;
	transition: all 4s ease-out;
}

.card div {
	border-radius: 10px;
}

#logo-carpe {
    image-rendering: -webkit-optimize-contrast !important;
	min-height: 47px;
	min-width: 173px;
}

#info {
	position: absolute;
	height: auto;
	width: 50%;
	height: auto;
	margin-right: 8%;
	right: 0;
	overflow: hidden;
	z-index: 9755;
	padding-bottom: 1.5%;
	border-radius: 10px;
	display: none;
	opacity: 0;

	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

#info div {
	position: relative;
}

#backgroundVideo {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	margin: 0 auto;
	object-fit: cover;
}

.viewMore {
	background-color: unset;
	border: 1px solid black;
	border-radius: 10px;
	font-size: 120%;
	height: auto;
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 0.5%;
	margin-right: 15%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	cursor: pointer;
}

.viewMore:hover {
	color: white;
	border: 1px solid black;
}

.text-flip-card {
	display: inline-block !important;
	width: 99% !important;
	height: 99% !important;
}

.text-flip-card span, .text-flip-card p {
	display: flex !important;
	height: 100% !important;
	width: 100% !important;
	justify-content: center;
	align-items: center;
}

.text-flip-card p {
	margin: 0;
}

.blocdescription span {
	text-indent: 30px;
	text-align: justify;
}

#telecomMaster {
	padding: 0;
}

#etTelecom {
	top: 0;
	height: 100%;
}

#about01 {
	width: 40%;
	height: 10%;
	top: 0;
	right: 0;
	background-color: unset;
}

#about01 li {
	margin-right: 30px;
	white-space: nowrap;
}

#about02 {
	width: auto;
	left: 0;
	height: auto;
}

#about02 p {
	color: white;
	font-size: 15px;
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
	margin: 0;
}

.telecom.masterBox {
	padding-top: 30px;
}

.imgContract1, .imgContract2, .imgContract3, .imgContract4, .imgContract5, .imgContract6 {
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	border-radius: 10px;
}


.responsiveTablettePortraitCompetenceBloc{
	margin-right: 26% !important;
}


.front, .back {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 9000 !important;
}

.front span {
	font-weight: bold;
}

#saveButton {
	display: flex;
	justify-content: space-between;
}

#dynamics365 {
	display: none !important;
}

#WE087f26469e {
    image-rendering: -webkit-optimize-contrast;
	background-image: url("../Files/Image/cardLogo/Nos compétences.jpg");
}

#WEcca523168e {
    image-rendering: -webkit-optimize-contrast;
	background-image: url("../Files/Image/cardLogo/Nos contrats.jpg");
}

#WE950f82d420 {
    image-rendering: -webkit-optimize-contrast;
	background-image: url("../Files/Image/cardLogo/sauvegarde.jpg");
}

#WE30c4145712 {
    image-rendering: -webkit-optimize-contrast;
	background-image: url("../Files/Image/cardLogo/Notre philosophie.jpg");
}

#WE96484a8f57 {
    image-rendering: -webkit-optimize-contrast;
	background-image: url("../Files/Image/cardLogo/securite.jpg");
}

#WE6387db1a70 {
    image-rendering: -webkit-optimize-contrast;
	background-image: url("../Files/Image/cardLogo/Offres télécom.jpg");
}

.telecom {
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
}

#menuLink {
	text-align: right;
	z-index: 4000;
}

#menuLink a{
	color: white;
	font-size: 25px;
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
	/*background-image: url('../Files/Image/accueil/Logo TeamViewer.png');*/
	background-repeat: no-repeat;
	padding-left: 30px;
	background-size: auto 100%;
}

#menuLink a:hover {
	text-decoration: underline;
}

@media(max-width: 992px){
	.nav-item>a {
		min-width: 200px;
		max-width: 220px;
		padding-top: 5px;
		padding-bottom: 5px;
		display: flex;
		justify-content: space-between;
	}
}

#contractBox {
	margin-top: 40px !important;
}

#contractListPanel span {
	text-align: justify;
	margin-bottom: 25px;
}

#contractListPanel {
	display:flex !important;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

#contractPanelLine1 {
	width: 100%;
	height: auto;
/*	overflow: visible !important;*/
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: nowrap;
	z-index: 3002;
	left: 15%;
}

#contractPanelLine1 {
	justify-content: space-between;
}

#contractPanelLine2 {
	justify-content: space-around;
}

.carShow {
	margin-top: 3%;
	position: relative;
}

#WE9d773fe62c {
	position: relative;
}

#WE2caf012b21 {
	margin-left: .3%;
}

@media (max-width:1900px){
	#navbarSupportedContent1{
		top:0;
	}
}

@media (any-hover: none) and (any-pointer: coarse) {
	.viewMore {
		background-color: white;
		border: 1px solid #000033;
	}

	#menu-link a, #menu-linkM a {
		background-color: #000033;
		border: 1px solid white;
	}
}

.responsiveImportantParagraphBloc{
	text-align: center;
}

.responsiveParagraphBloc{
	text-align: justify;
}

/************************************************ Partie Idris ****************************************************************/
/*
*/

#topBarAligner {
	margin: 0px !important;
	height: 80% !important;
	width: 100% !important;
}

#WE52b3d1f2e0, #WE6ad9cb2554, #WE6ed8a61973, #WE189dce1e72, #WE0818455994, #WE2d168dacb1 {
		width: 410px !important;
		height: 312px !important;
		bottom: 80px;
		right: 60px;
}
@media screen and (max-width: 767px){
	#backgroundVideo{
		background:url('../Files/Media/poster_mobile.png');
	}
}
@media screen and (min-width: 768px){
	#backgroundVideo{
		background:url('../Files/Media/poster_desktop.png');
	}
}
@media (min-width:1550px){
	#menu-box {
		padding: 0 !important;
	}
}

@media (max-width : 1920px) and (min-width: 1550px) {

	#info {
		padding: 0px !important;
		right: -30px;
		/* background-color: yellow; */
		width: 50%;
	}

}

@media(max-width: 1844px){

	#WE52b3d1f2e0, #WE6ad9cb2554, #WE6ed8a61973, #WE189dce1e72, #WE0818455994, #WE2d168dacb1 {
		width: 380px !important;
		height: 278px !important;
		bottom: 80px;
		right: 80px;
	}

}

@media(max-width: 1716px){

	#WE52b3d1f2e0, #WE6ad9cb2554, #WE6ed8a61973, #WE189dce1e72, #WE0818455994, #WE2d168dacb1 {
		width: 340px !important;
		height: 260px !important;
		bottom: 80px;
		right: 80px;
	}

}


@media(max-width: 1458px){

	#WE52b3d1f2e0, #WE6ad9cb2554, #WE6ed8a61973, #WE189dce1e72, #WE0818455994, #WE2d168dacb1 {
		width: 295px !important;
		height: 240px !important;
		bottom: 80px;
		right: 80px;
	}

}


@media(max-width: 1350px){

	#WE52b3d1f2e0, #WE6ad9cb2554, #WE6ed8a61973, #WE189dce1e72, #WE0818455994, #WE2d168dacb1 {
		width: 260px !important;
		height: 220px !important;
		bottom: 80px;
		right: 20px;
	}

}



@media(max-width: 1550px){
		#WE52b3d1f2e0, #WE6ad9cb2554, #WE6ed8a61973, #WE189dce1e72, #WE0818455994, #WE2d168dacb1 {
		width: 275px !important;
		height: 230px !important;
		right: 50px !important;
	}
}

@media(max-width: 1550px) and (min-width: 1300px ){

	#WE52b3d1f2e0, #WE6ad9cb2554, #WE6ed8a61973, #WE189dce1e72, #WE0818455994, #WE2d168dacb1 {
		width: 320px !important;
		height: 260px !important;
		right: 50px !important;
	}

	#info {
		padding: 0px !important;
		right: -30px;
		width: 50%;
	}
}

@media(max-width: 2560px) and (min-width:1441px ){

	footer{
		font-size: 130% ;
	}
	.btn{
		font-size: 110%;
	}

}

@media(max-width: 1440px) and (min-width:1024px ){

	footer{
		font-size: 125%;
	}
	.btn{
		font-size: 90%;
	}

}

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

	footer{
		font-size: 100%;
	}

}

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

	footer{
		font-size: 80%;
	}

}






@media (min-width : 2560px) {

	html {
		font-size: 150%;
	}

	#info {
		right: -100px;
	}

	#topBarAligner {
		margin: 0px !important;
		height: 80% !important;
		width: 100% !important;
	}

	#menu-box-parent {
		margin-left: 0% !important;
		width: 100% !important;
	}



	#WEbbd2df5017 {
		width: 80% !important;
		height: 80% !important;
	}

	#WE52b3d1f2e0, #WE6ad9cb2554, #WE6ed8a61973, #WE189dce1e72, #WE0818455994, #WE2d168dacb1 {
		width: 480px !important;
		height: 367.5px !important;
		border-radius: 100% !important;
		bottom: 200px;
	}
	#menu-box {
		/* #WE52b3d1f2e0 width + 20 (margin left right) * 3 par ligne */
		/* (480 + 20) * 3 */
		min-width: 1500px !important;
		padding: 0 10% !important;
	}

}



@media (min-width : 3840px) {

	#WEbbd2df5017 {
	padding-left: 10% !important;
	/* width: 1% !important; */
	/* height: 1% !important; */
	}

	#info {
		right: -300px;
	}

	#WE52b3d1f2e0, #WE6ad9cb2554, #WE6ed8a61973, #WE189dce1e72, #WE0818455994, #WE2d168dacb1 {
		width: 30% !important;
		height: 40% !important;
	}

}

.responsiveTablettePortrait{
	left: -40%;
}


/********************************************************************

Ci dessous toutes les animations de transition et de rotation du site

********************************************************************/
/* @media (min-width: 580px){ */


	@-webkit-keyframes rotating {
	    from{

	        transform: skew(0) scale(1);
	        opacity: 1;
	        width: 100%;

	    }

	    20%{

	      transform: skew(-90deg, -45deg) scale(0);
	      opacity: 0;
	      width: 0;

	    }

	    78%{
	    	transform: skew(90deg, -45deg) scale(0);
	    	opacity: 0;
	    	width: 0;
	    }

	    to{
	      transform: skew(0) scale(1);
	      opacity: 1;
	      width: 100%;
	    }
	}

	.rotating {
	    -webkit-animation: rotating 2s linear;
	}


	.upTranslate {

	  -webkit-animation: upTranslate 2s linear;
	}

	@-webkit-keyframes upTranslate {
	    from{
	        -webkit-transform:  scale(1);
	        opacity: 1;
	        /*-webkit-transform:scale(1)*/
	    }
	     to{
	        -webkit-transform: scale(6) translateY(-500px);
	        opacity: 0;
	        /*-webkit-transform:scale(0)*/
	    }
	}

	.upRightTranslate {

	  -webkit-animation: upRightTranslate 2s linear;
	}

	@-webkit-keyframes upRightTranslate {
	    from{
	        -webkit-transform:  scale(1);
	        opacity: 1;
	        /*-webkit-transform:scale(1)*/
	    }
	     to{
	        -webkit-transform: scale(6) translate(1000px, -500px);
	        opacity: 0;
	        /*-webkit-transform:scale(0)*/
	    }
	}

	.downRightTranslate {

	  -webkit-animation: downRightTranslate 2s linear;
	}

	@-webkit-keyframes downRightTranslate {
	    from{
	        -webkit-transform:  scale(1);
	        opacity: 1;
	        /*-webkit-transform:scale(1)*/
	    }
	     to{
	        -webkit-transform: scale(6) translate(1000px, 500px);
	        opacity: 0;
	        /*-webkit-transform:scale(0)*/
	    }
	}

	.downTranslate {

	  -webkit-animation: downTranslate 2s linear;
	}

	@-webkit-keyframes downTranslate {
	    from{
	        -webkit-transform:  scale(1);
	        opacity: 1;
	        /*-webkit-transform:scale(1)*/
	    }
	     to{
	        -webkit-transform: scale(6) translateY( 500px);
	        opacity: 0;
	        /*-webkit-transform:scale(0)*/
	    }
	}

	.downLeftTranslate {

	  -webkit-animation: downLeftTranslate 2s linear;
	}

	@-webkit-keyframes downLeftTranslate {
	    from{
	        -webkit-transform:  scale(1);
	        opacity: 1;
	        /*-webkit-transform:scale(1)*/
	    }
	     to{
	        -webkit-transform: scale(6) translate( -1000px, 500px);
	        opacity: 0;
	        /*-webkit-transform:scale(0)*/
	    }
	}

	.upLeftTranslate {

	  -webkit-animation: upLeftTranslate 2s linear;
	}

	@-webkit-keyframes upLeftTranslate {
	    from{
	        -webkit-transform:  scale(1);
	        opacity: 1;
	        /*-webkit-transform:scale(1)*/
	    }
	     to{
	        -webkit-transform: scale(6) translate( -1000px, -500px);
	        opacity: 0;
	        /*-webkit-transform:scale(0)*/
	    }
	}



	/***************************** Animation de retour **************************************/

	.inverseUpTransition {

	  -webkit-animation: inverseUpTransition 1.8s linear;
	}

	@-webkit-keyframes inverseUpTransition {
	 from{

	        transform: translate(0,-10%) scale(-0.2);
	        opacity: 0;
	    }
	    to{
	      transform: translate(0) scale(1);
	    }
	}


	.inverseUpRightTransition {

	  -webkit-animation: inverseUpRightTransition 1.8s linear;
	}

	@-webkit-keyframes inverseUpRightTransition {
	 from{

	        transform: translate(-200%,-10%) scale(-0.2);
	        opacity: 0;

	    }
	    to{
	      transform: translate(0) scale(1);
	      opacity: 1;
	    }
	}


	.inverseUpLeftTransition {

	  -webkit-animation: inverseUpLeftTransition 1.8s linear;
	}

	@-webkit-keyframes inverseUpLeftTransition {
	 from{

	        transform: translate(200%,-10%) scale(-0.2);
	        opacity: 0;
	    }
	    to{
	      transform: translate(0) scale(1);
	      opacity: 1;
	    }
	}


	.inverseDownLeftTransition {

	  -webkit-animation: inverseDownLeftTransition 1.8s linear;
	}

	@-webkit-keyframes inverseDownLeftTransition {
	 from{

	        transform: translate(200%,-250%) scale(-0.2);
	        opacity: 0;
	    }
	    to{
	      transform: translate(0) scale(1);
	      opacity: 1;
	    }
	}

	.inverseDownTransition {

	  -webkit-animation: inverseDownTransition 1.8s linear;
	}

	@-webkit-keyframes inverseDownTransition {
	 from{

	        transform: translate(0,-250%) scale(-0.2);
	       	opacity: 0;
	    }
	    to{
		    transform: translate(0) scale(1);
		    opacity: 1;
	    }
	}

	.inverseDownRightTransition {

	  -webkit-animation: inverseDownRightTransition 1.8s linear;
	}

	@-webkit-keyframes inverseDownRightTransition {
	    from{

	        transform: translate(-200%,-250%) scale(-0.2);
	        opacity: 0;
	    }
	    to{
	      transform: translate(0) scale(1);
	      opacity: 1;
	    }
	}

/* } */

  #modalContact {
    z-index: 99999999;
  }

  .envoyer {
    background-color: black;
    color: white;
    transition : 1.2s;
  }

  .envoyer:hover {
    background-color : black;
    color: white;
    transition : 0.5s;
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.25), Direction=134, Strength=5);
  }

  .fermer {
    background-color : black;
    color: white;
    transition : 1.2s;
  }

  .fermer:hover {
    background-color : red;
    color: white;
    transition : 0.5s;
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.25), Direction=134, Strength=5);
  }

  .sectionModal{
  	bottom: 190px !important;
  }

  @media (max-width:1000px){
    .sectionModal{
        bottom: 220 !important;
    }
}

 @media (max-width:767px){
    .sectionModal{
        bottom: 400px !important;
    }
}

@media (max-width:550px){
    .sectionModal{
        bottom: 350px !important;
    }
    #tittleNewModal{
        font-size: 20px ;
    }
    #paragraphNewModal{
        font-size: 12px;
    }
}

@media (max-width:330px){
    .sectionModal{
        bottom: 350px !important;
    }
}

@media (max-width:316px){
    .sectionModal{
        bottom: 370px !important;
    }
}