html, body {
	height:100%;
	width:100%;
}

html, body, div, p, h1, h2, h3, section, main, aside, header, article {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:inherit;
	font-weight:bold;
}

img {
	border:0px solid black;
	max-width:100%;
	height:auto;
}

.admin_site {
	height:100%;
	width:100%;
}

.strong{
	font-weight:bold;
}	

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.justify{
	text-align:justify;
}

.error{
	font-weight:bold;
	color:#990000;
}

.success{
	font-weight:bold;
	color:#009900;
}

.mgs_col-content {
	box-sizing:border-box;
	overflow:hidden;
}

.mgs_col {
	position:relative;
	min-height:50px;
}

.mgs_global {
	width:100%;
	height:100%;
}

.mgs_news-container {
	box-sizing:border-box;
	min-height:80px;
}

.mgs_news-date {
	font-style: italic;
	opacity: 0.5;
	font-size:13px;
	font-family:Arial,
}

.admin_hook {
	display:none;
}

#gallery_magnification{
	display:none;
	z-index:4;
	position:fixed;
	top:0px;
	height:100%;
	width:100%;
	adding:10px;
	box-sizing:border-box;
	background-color:rgba(1,1,1,0.8);
	background-image:url('divers/magnify-close.png');
	background-position:right top;
	background-repeat:no-repeat;
}

#gallery_magnification_iframe{
	display:block;
	position:relative;
	width:80%;
	height:90%;
	border:0px solid black;
	left:10%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top:50%;
}

.mgs_single_image_pretty{
	border:10px solid white;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	margin:10px;
}

.jg_btn {
	background-color:#999999;
	padding:10px;
	display:inline-block;
	border-radius: 5px;
	transition:0.2s;
}

.jg_btn:hover {
	background-color:#000066;
	transition:0.2s;
}

.jg_btn_rose {
	background-color:#ff0066;
	color:white;
	padding:10px;
	display:inline-block;
	border-radius: 5px;
	transition:0.2s;
}

.jg_btn_rose:hover {
	background-color:#000066;
	transition:0.2s;
}

.jg_btn_bleu {
	background-color:#000066;
	color:white;
	padding:10px;
	display:inline-block;
	border-radius: 5px;
	transition:0.2s;
}

.jg_btn_bleu:hover {
	background-color:#ff0066;
	transition:0.2s;
}

.jg_btn_gris {
	color:#000066;
	background-color:#dedede;
	padding:10px;
	display:inline-block;
	border-radius: 5px;
}

.jg_btn_gris:hover {
	color:white;
	background-color:#000066;

}

.contact_txt{
	text-align:right;
}

.ROI_select{
	width:150px;
	padding:10px;
	border:1ps solid #cccccc;
	margin-right:10px;
}

.ROI_p {
	margin-bottom:5px;
}

.contact_a * {
	color:white;
	transition:0.2s;
}

.contact_a:hover * {
	color:#000000;
	transition:0.2s;
}

.commencons_1 .commencons_1_child {
	width: 180px; 
	padding: 15px; 
	background-color: #ff0066; 
	display: inline-block; 
	margin: 0 auto; 
	margin-top:15px; 
	overflow: hidden; 
	border-radius: 10px;
	box-sizing: border-box;
	transition:0.2s;
}

.commencons_1:hover .commencons_1_child {
	margin-top:0px;
	padding-bottom:30px;
	background-color:#000066;
	transition:0.2s;
}

.commencons_1 .commencons_1_child2 {
	width: 180px; 
	padding: 15px; 
	background-color: #ff0066; 
	display: inline-block; 
	margin: 0 auto; 
	margin-top:15px; 
	overflow: hidden; 
	border-radius: 10px;
	box-sizing: border-box;
	transition:0.2s;
}

.commencons_1:hover .commencons_1_child2 {
	background-color:#000066;
	transition:0.2s;
}

.obtenu {
	background-color:rgba(255,255,255,0.8);
	padding:20px;
}

.JG_titre {
	text-align:center;
}

.JG_input {
	padding:15px;
	background-color:#eeeeee;
	border : 1px solid #999999;
	margin-bottom:15px;
	margin-left:5px;
	margin-top:5px;
	border-radius: 5px;
	box-sizing:border-box;
	width:400px;
}

.JG_label {
	margin-left:5px;
}

.JG_input_envoyer {
	cursor:pointer;
	background-color:#ff0066;
	color:white;
	transition:0.2s;
}

.JG_input_envoyer:hover {
	 background-color:#000066;
	transition:0.2s;
}

.JG_input_missing {
	border:1px solid #ff0066;
	border-left:10px solid #ff0066;
}

.header_CTA {
	width:160px;
	display:inline-block;
	background-color:#ff0066;
	padding:10px;
	padding-left:30px;
	padding-right:30px;
	border-radius: 5px;
	color:white;
	font-weight:bold;
	cursor:pointer;
	transition:0.2s;
}

.header_CTA:hover {
	background-color:#000066;
	transition:0.2s;
}

.header_CTA2 {
	width:160px;
	display:inline-block;
	background-color:#000066;
	padding:10px;
	padding-left:30px;
	padding-right:30px;
	border-radius: 5px;
	color:white;
	font-weight:bold;
	transition:0.2s;
}


.JG_video {
	width:600px;
	height:600px;
}

.home_CTA {
	padding:10px;
	display:inline-block;
}

.respmenu_p {
	color:white;
}

.quick_roi2 {
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;

}

.quick_roi {
	text-transform:uppercase;
	font-size:12px;
	background-color:#999999;
	color:white;
	padding:2px 10px 2px 10px;
	border-radius: 5px;
	font-weight:bold;

}

.presta_duree {
	color:#000099;
	font-weight:bold;
}

.prix_div, .prix_div2 {
	margin: auto 0 auto auto;
	width:200px;
	padding:10px;
	text-align:center;
}

.prix_div {
	background-color:#FF0066;
}

.prix_div:hover, .prix_div2:hover {
	background-color:#000099;
}

.prix_div2 {
	background-color:white;
}

.prix_div2:hover {
	color:white;;
}

.famille_box {
	display:inline-block;
	padding:10px;
	border-radius:5px;
	background-color:#ff0066;
	margin-bottom:10px;
	margin-right:10px;
}

.famille_box:hover {
	background-color:#000099;
}

#section_0 {
	box-shadow: 0px 0px 10px grey;
}



/* padding et margin ---------------------------------------------------------------------------------------------------------- */

.mgs_marg0{margin:0;}
.mgs_pad0  {padding:0;}
.mgs_mp0, .mgs_pm0 {	margin:0;padding:0;}

/* largeurs  ------------------------------------------------------------------------------------------------------- */

.mgs_w100 {width:100%;max-width:100%;}



/* alignement  ------------------------------------------------------------------------------------------------------- */

.mgs_valign-top{
	
}
.mgs_valign-middle{
	position:relative;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top:50%;
}
.mgs_valign-bottom{
	position:relative;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	top:100%;
}



.mgs_align-left{
	text-align:left;
}
.mgs_align-center{
	text-align:center;
}
.mgs_align-right{
	text-align:right;
}






/* marges intérieures  ------------------------------------------------------------------------------------------------------- */


/* TOP */

.mgs_t-0{
	padding-top:0px;
	box-sizing: border-box;
}
.mgs_t-5{
	padding-top:5px;
	box-sizing: border-box;
}
.mgs_t-10{
	padding-top:10px;
	box-sizing: border-box;
}
.mgs_t-15{
	padding-top:15px;
	box-sizing: border-box;
}
.mgs_t-20{
	padding-top:20px;
	box-sizing: border-box;
}
.mgs_t-25{
	padding-top:25px;
	box-sizing: border-box;
}
.mgs_t-30{
	padding-top:30px;
	box-sizing: border-box;
}
.mgs_t-35{
	padding-top:35px;
	box-sizing: border-box;
}
.mgs_t-40{
	padding-top:40px;
	box-sizing: border-box;
}
.mgs_t-45{
	padding-top:45px;
	box-sizing: border-box;
}
.mgs_t-50{
	padding-top:50px;
	box-sizing: border-box;
}

/* BOTTOM */

.mgs_b-0{
	padding-bottom:0px;
	box-sizing: border-box;
}
.mgs_b-5{
	padding-bottom:5px;
	box-sizing: border-box;
}
.mgs_b-10{
	padding-bottom:10px;
	box-sizing: border-box;
}
.mgs_b-15{
	padding-bottom:15px;
	box-sizing: border-box;
}
.mgs_b-20{
	padding-bottom:20px;
	box-sizing: border-box;
}
.mgs_b-25{
	padding-bottom:25px;
	box-sizing: border-box;
}
.mgs_b-30{
	padding-bottom:30px;
	box-sizing: border-box;
}
.mgs_b-35{
	padding-bottom:35px;
	box-sizing: border-box;
}
.mgs_b-40{
	padding-bottom:40px;
	box-sizing: border-box;
}
.mgs_b-45{
	padding-bottom:45px;
	box-sizing: border-box;
}
.mgs_b-50{
	padding-bottom:50px;
	box-sizing: border-box;
}

/* LEFT */

.mgs_l-0{
	padding-left:0px;
	box-sizing: border-box;
}
.mgs_l-5{
	padding-left:5px;
	box-sizing: border-box;
}
.mgs_l-10{
	padding-left:10px;
	box-sizing: border-box;
}
.mgs_l-15{
	padding-left:15px;
	box-sizing: border-box;
}
.mgs_l-20{
	padding-left:20px;
	box-sizing: border-box;
}
.mgs_l-25{
	padding-left:25px;
	box-sizing: border-box;
}
.mgs_l-30{
	padding-left:30px;
	box-sizing: border-box;
}
.mgs_l-35{
	padding-left:35px;
	box-sizing: border-box;
}
.mgs_l-40{
	padding-left:40px;
	box-sizing: border-box;
}
.mgs_l-45{
	padding-left:45px;
	box-sizing: border-box;
}
.mgs_l-50{
	padding-left:50px;
	box-sizing: border-box;
}

/* RIGHT */

.mgs_r-0{
	padding-right:0px;
	box-sizing: border-box;
}
.mgs_r-5{
	padding-right:5px;
	box-sizing: border-box;
}
.mgs_r-10{
	padding-right:10px;
	box-sizing: border-box;
}
.mgs_r-15{
	padding-right:15px;
	box-sizing: border-box;
}
.mgs_r-20{
	padding-right:20px;
	box-sizing: border-box;
}
.mgs_r-25{
	padding-right:25px;
	box-sizing: border-box;
}
.mgs_r-30{
	padding-right:30px;
	box-sizing: border-box;
}
.mgs_r-35{
	padding-right:35px;
	box-sizing: border-box;
}
.mgs_r-40{
	padding-right:40px;
	box-sizing: border-box;
}
.mgs_r-45{
	padding-right:45px;
	box-sizing: border-box;
}
.mgs_r-50{
	padding-right:50px;
	box-sizing: border-box;
}

/* fonds  ------------------------------------------------------------------------------------------------------- */


.mgs_repeat{
	background-repeat : repeat;
}
.mgs_repeat-x{
	background-repeat : repeat-x;
}
.mgs_repeat-y{
	background-repeat : repeat-y;
}
.mgs_no-repeat{
	background-repeat : no-repeat;
}


@media (min-width: 768px) {

	.probleme_check {
		display:inline-block;
		vertical-align:top;
		/*margin-right:20px;*/
	}

	.probleme_icone {
		font-weight: normal;
		color:#ff0066;
		font-size:50px;
	}

	.probleme_texte {
		display:inline-block;
		width:85%;
		margin-left:20px;
	}

	.probleme_list {
		margin-left:15px;
		padding:20px;
		background-color:#efefef;
		margin-bottom:20px;
		box-sizing:border-box;
	}

	.probleme_elem {
		margin-left:10px;
		margin-bottom:10px;
		background-color:#ededed;
		border-left:5px solid #cccccc;
		padding:10px;
		transition:0.2s;
	}

	.probleme_elem:hover {
		border-left:25px solid #FF0066;
		font-weight:bold;
		transition:0.2s;
	}

	/* tailles, pos, scrool pour le fond */

	.mgs_position_50-0{
		background-position : 50% 0%;
	}
	.mgs_position_50-50{
		background-position : 50% 50%;
	}
	.mgs_position_50-100{
		background-position : 50% 100%;
	}
	.mgs_position_0-0{
		background-position : 0% 0%;
	}
	.mgs_position_0-50{
		background-position : 0% 50%;
	}
	.mgs_position_0-100{
		background-position : 0% 100%;
	}
	.mgs_position_100-0{
		background-position : 100% 0%;
	}
	.mgs_position_100-50{
		background-position : 100% 50%;
	}
	.mgs_position_100-100{
		background-position : 100% 100%;
	}
	.mgs_scroll{
		background-attachment : scroll;
	}
	.mgs_fixed{
		background-attachment : fixed;
	}
	.mgs_bgsize_auto{
		background-size : auto;
	}
	.mgs_bgsize_100p{
		background-size : 100%;
	}
	.mgs_bgsize_100p-100p{
		background-size : 100% 100%;
	}
	.mgs_bgsize_cover{
		background-size : cover;
	}
	.mgs_bgsize_contain{
		background-size : contain;
	}

	/* largeurs */

	.mgs_w750px {width:750px;}
	.mgs_w800px {width:800px;}
	.mgs_w850px {width:850px;}
	.mgs_w900px {width:900px;}
	.mgs_w950px {width:950px;}
	.mgs_w1000px {width:1000px;}
	.mgs_w1050px {width:1050px;}
	.mgs_w1100px {width:1100px;}
	.mgs_w1150px {width:1150px;}
	.mgs_w1200px {width:1200px;}
	
	
	
	/* hauteurs */

	.mgs_h5 {height:5%;}
	.mgs_h10 {height:10%;}
	.mgs_h20 {height:20%;}
	.mgs_h25 {height:25%;}
	.mgs_h33 {height:33.3333%;}
	.mgs_h40 {height:40%;}
	.mgs_h50 {height:50%;}
	.mgs_h60 {height:60%;}
	.mgs_h66 {height:66%;}
	.mgs_h75 {height:75%;}
	.mgs_h80 {height:80%;}
	.mgs_h90 {height:90%;}
	.mgs_h95 {height:95%;}
	.mgs_h100 {height:100%;}

	.mgs_h50px {height:50px;}
	.mgs_h60px {height:60px;}
	.mgs_h70px {height:70px;}
	.mgs_h80px {height:80px;}
	.mgs_h90px {height:90px;}
	.mgs_h100px {height:100px;}
	.mgs_h110px {height:110px;}
	.mgs_h120px {height:120px;}
	.mgs_h130px {height:130px;}
	.mgs_h140px {height:140px;}
	.mgs_h150px {height:150px;}
	.mgs_h160px {height:160px;}
	.mgs_h170px {height:170px;}
	.mgs_h180px {height:180px;}
	.mgs_h190px {height:190px;}
	.mgs_h200px {height:200px;}
	.mgs_h210px {height:210px;}
	.mgs_h220px {height:220px;}
	.mgs_h230px {height:230px;}
	.mgs_h240px {height:240px;}
	.mgs_h250px {height:250px;}
	.mgs_h260px {height:260px;}
	.mgs_h270px {height:270px;}
	.mgs_h280px {height:280px;}
	.mgs_h290px {height:290px;}
	.mgs_h300px {height:300px;}
	.mgs_h310px {height:310px;}
	.mgs_h320px {height:320px;}
	.mgs_h330px {height:330px;}
	.mgs_h340px {height:340px;}
	.mgs_h350px {height:350px;}
	.mgs_h360px {height:360px;}
	.mgs_h370px {height:370px;}
	.mgs_h380px {height:380px;}
	.mgs_h390px {height:390px;}
	.mgs_h400px {height:400px;}
	.mgs_h410px {height:410px;}
	.mgs_h420px {height:420px;}
	.mgs_h430px {height:430px;}
	.mgs_h440px {height:440px;}
	.mgs_h450px {height:450px;}
	.mgs_h460px {height:460px;}
	.mgs_h470px {height:470px;}
	.mgs_h480px {height:480px;}
	.mgs_h490px {height:490px;}
	.mgs_h500px {height:500px;}
}

/* SMARTPHONE -------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {

	/* on retire les images de fond */
	section, #section_1 {
		background-image:none !important;
	}

	.probleme_list {

		padding:20px;
		background-color:#efefef;
		margin-bottom:20px;
		box-sizing:border-box;
	}

	.probleme_check {
		display:none;
	}

	.probleme_elem {
		border-radius: 5px;
		margin-bottom:10px;
		background-color:#efefef;
		border-bottom:2px solid #cccccc;
		color:black;
		padding:10px;
		transition:0.2s;
	}

	.probleme_elem:hover {
		background-color:#000099;
		color:white;
		font-weight:bold;
		transition:0.2s;
	}

	.JG_video {
		 width:100%;
		height:600px;
	}

	#back2start {
		display:none;
	}

	.JG_titre {
		text-align:center;
	}

	.JG_input {
		width:300px;
	}

	.mobile_centered {
		text-align : center;
	}

	.contact_txt{
		text-align:left;
	}

	#gallery_magnification{
		top:60px;
		height:calc(100% - 60px);
	}

	#gallery_magnification_iframe{
		
	}	
	
	/* tailles, pos, scrool pour le fond */

	.mgs_respposition_50-0{
		background-position : 50% 0%;
	}
	.mgs_respposition_50-50{
		background-position : 50% 50%;
	}
	.mgs_respposition_50-100{
		background-position : 50% 100%;
	}
	.mgs_respposition_0-0{
		background-position : 0% 0%;
	}
	.mgs_respposition_0-50{
		background-position : 0% 50%;
	}
	.mgs_respposition_0-100{
		background-position : 0% 100%;
	}
	.mgs_respposition_100-0{
		background-position : 100% 0%;
	}
	.mgs_respposition_100-50{
		background-position : 100% 50%;
	}
	.mgs_respposition_100-100{
		background-position : 100% 100%;
	}
	.mgs_respscroll{
		background-attachment : scroll;
	}
	.mgs_respfixed{
		background-attachment : fixed;
	}
	.mgs_respbgsize_auto{
		background-size : auto;
	}
	.mgs_respbgsize_100p{
		background-size : 100%;
	}
	.mgs_respbgsize_100p-100p{
		background-size : 100% 100%;
	}
	.mgs_respbgsize_cover{
		background-size : cover;
	}
	.mgs_respbgsize_contain{
		background-size : contain;
	}

	/* hauteurs */
	
	.mgs_resp-h0px {display:none;}
	.mgs_resp-h50px {height:50px;}
	.mgs_resp-h60px {height:60px;}
	.mgs_resp-h70px {height:70px;}
	.mgs_resp-h80px {height:80px;}
	.mgs_resp-h90px {height:90px;}
	.mgs_resp-h100px {height:100px;}
	.mgs_resp-h110px {height:110px;}
	.mgs_resp-h120px {height:120px;}
	.mgs_resp-h130px {height:130px;}
	.mgs_resp-h140px {height:140px;}
	.mgs_resp-h150px {height:150px;}
	.mgs_resp-h160px {height:160px;}
	.mgs_resp-h170px {height:170px;}
	.mgs_resp-h180px {height:180px;}
	.mgs_resp-h190px {height:190px;}
	.mgs_resp-h200px {height:200px;}
	.mgs_resp-h210px {height:210px;}
	.mgs_resp-h220px {height:220px;}
	.mgs_resp-h230px {height:230px;}
	.mgs_resp-h240px {height:240px;}
	.mgs_resp-h250px {height:250px;}
	.mgs_resp-h260px {height:260px;}
	.mgs_resp-h270px {height:270px;}
	.mgs_resp-h280px {height:280px;}
	.mgs_resp-h290px {height:290px;}
	.mgs_resp-h300px {height:300px;}
	.mgs_resp-h310px {height:310px;}
	.mgs_resp-h320px {height:320px;}
	.mgs_resp-h330px {height:330px;}
	.mgs_resp-h340px {height:340px;}
	.mgs_resp-h350px {height:350px;}
	.mgs_resp-h360px {height:360px;}
	.mgs_resp-h370px {height:370px;}
	.mgs_resp-h380px {height:380px;}
	.mgs_resp-h390px {height:390px;}
	.mgs_resp-h400px {height:400px;}
	.mgs_resp-h410px {height:410px;}
	.mgs_resp-h420px {height:420px;}
	.mgs_resp-h430px {height:430px;}
	.mgs_resp-h440px {height:440px;}
	.mgs_resp-h450px {height:450px;}
	.mgs_resp-h460px {height:460px;}
	.mgs_resp-h470px {height:470px;}
	.mgs_resp-h480px {height:480px;}
	.mgs_resp-h490px {height:490px;}
	.mgs_resp-h500px {height:500px;}

}