/* gestion media */
/*@import url("menu_mob.css");*/

@media only screen and (min-width: 1600px){

	.rightactive h3{
		text-align:left;
	}

	.activeText{
		background-color: rgba(0, 0, 0, 0.6);
	}

	.hauteur-article{
		height:250px;
	}
	.hauteur-article h3 {
		font-size:24px;
	}
	.hauteur-article p {
		font-size:18px;
		opacity: 0.5;
		margin-top:30px;
	}

	.imgProduct{
		height:310px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1600px){
	/* new */
	.titre_cadre{
		font-size:30px;
	}
	/* new */

	.rightactive h3{
		text-align:left;
	}

	.activeText{
		background-color: rgba(0, 0, 0, 0.6);
	}

	.hauteur-article{
		height:250px;
		font-family: 'Dosis', sans-serif;
	}
	.hauteur-article h3 {
		font-size:24px;
	}
	.hauteur-article p {
		font-size:18px;
		opacity: 0.5;
		margin-top:30px;
		font-family: 'Helvetica Neue';
	}

	.imgProduct{
		height:310px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	/* new */
	.dim{
		border-top:solid 1px #CCC;
	}
	.titre_cadre{
		font-size:30px;
	}
	.cadre_photo_haut{
		height:300px;
	}
	.contact_footer {
		width: 100%!important;
		text-align: center;
	}
	.margin-acc_mob {
		margin-top: 30px!important;
	}
	/* new */

	.cadre_sport{
		width:calc(100% / 2)!important;
		font-size:14px!important;
	}
}

@media only screen and (max-width: 767px){
	/* new */
	.offre{
		background-color: #dedede;
	}
	.phone{
		color:#000!important;
	}
	.mob_bg_opacity{
		background-color: #000000c7;
	}
	.myH1{
		left:15px;
		width:calc(100% - 30px);
	}
	.description_market1{
		font-size:15px;
	}
	.H1.homeH1{
		font-size:33px!important;
	}
	.titre_cadre{
		font-size:30px!important;
	}
	.cadre_photo_haut{
		height:300px;
	}
	.contact_footer {
		width: 100%!important;
		text-align: center;
	}
	.margin-acc_mob {
		margin-top: 30px!important;
	}
	/* new */

	/* espace */
	.text_choixPaiement{
		width:Calc(100% - 120px);
	}
	.price_choixPaiement{
		width:100%;
		text-align:center;
	}
	.circle_radioPaiementTH1{
		min-height:70px;
	}
	.poppup_assurance{
		width:100%;
		position:fixed;
		top:0;
		left:0;
		transform: none;
		background-color:#FFF;
		height: 100%;
    		overflow-y: scroll;
	}
	.button_retour{
		width:100%;
		background-color: #333;
		color: #fafafa;
	}
	/* espace */

	/* paiement */
	.valid_thePaiementTH1_mob{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:60px;
		padding-top:20px;
		text-align:center;
		z-index:1000;
		background-color: #5eb73e;
		color: #FFF;
		font-size:16px;
		cursor: pointer;
		border:solid 1px #CCC;
	}
	.valid_thePaiementTH1{
		display:none;
	}
	/* paiement */

	/* form */
	.paiement_button_mob{
		position: fixed;
		bottom: 0px;
		left: 0;
		height:60px;
		width:100%;
		background-color: #66a1bf;
		border-radius: 0!important;
		font-size: 16px!important;
		color: #FFF;
		text-shadow: 1px 1px 1px #0000007a;
		outline: none;
	}
	.div_paiement_form{

		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		min-height: 100%;
		min-width: 100%;
		transform:none;
		overflow:scroll;
		padding-bottom:80px;
	}
	.input_form1 {
	    float: left;
	    width: 100%;
	    height: 45px;
	    font-size: 21px;
	    padding-left: 15px;
	    background: none;
	    margin-top: 14px;
	    border: solid 1px #CCC;
	    outline: none;
	    border-radius: 5px;
	}
	.title_left_form {
		font-size: 25px;
		margin-top: 8px;
		text-align: center;
	}
	.closebottom{
		top: 10px;
		right: 80px;
		font-size: 8px;
		height: 40px;
		width: 40px;
	}
	.green-button {
	    height: 55px!important;
	    font-size:16px!important;
	}
	.pre_green_button {
	    border-radius: 6px!important;
	    padding-bottom: 5px!important;
	}
	.button_transfert {
	    width: 46%!important;
	}
	.text_felicitation{
		font-size:40px;
	}
	.margin_mob_form{
		margin-top:300px;
		margin-bottom:300px;
	}
	.textarea_form1{
		height: 116px;
		font-size: 20px;
		margin-top: 20px;
		border: solid 1px #CCC;
     	border-radius: 5px;
	}
	.div_contact{
		float:left;
     	height: 655px;
		width:100%;
	}
	.div_contact_form {
	    position: absolute;
	    left: 0;
	    top: 90px;
	    border-radius:0;
	    margin-top:0;
	    background-color: rgba(255, 255, 255, 0.88);
	}
	.div_inscription_form{
	    padding: 0px 60px 0px 60px;
	}
	/* form */

	.margin_mob_lg_icon{
		margin-top:50px;
	}
	.poppup{
		width:100%!important;
		height:calc(100% - 90px)!important;
		top: 90px;
		left: 0;
		min-width:inherit;
    		transform:none;
		overflow-y: scroll;
	}
	.mob_size_h2 h2, .mob_size_h2{
		font-size:26px;
		margin-bottom:5px;
		margin-left:0px;
	}
	.mob_size_h3 h3, .mob_size_h3{
		font-size:30px!important;
	}
	.mob_color_00a5db{
		color:#00a5db;
	}
	.blue_circle_bouton{
		width: 289px;
		height: 57px;
		font-size: 22px;
		border-radius: 8px;
	}
	.slogan_accueil H1, .slogan_accueil{
		position:absolute;
		bottom:-10px;
		width:100%;
		padding:30px;
		left:0px;
		height:100%;
		color:#fff;
		z-index:9;
		font-family: 'Quicksand', sans-serif;
		font-size:35px;
		text-shadow:3px 3px 12px #000;
		display:flex;
		flex-direction:column;
		justify-content:center;
		text-align:center;
		background-color:rgba(0, 0, 0, 0.32941176470588235);
	}

	.ecran_accueil{
		height:270px;
	}
	.big_title_home{
		font-size:24px;
		margin-top:0px;
	}
	.avantage{
		height:293px;
	}
	.text_p_home{
		font-size:18px;
		margin-top:30px;
		opacity:1;
	}
	.rightactive h3{
		text-align:right;
	}

	.main-menu-mob{
		float:left;
		width:100%;
		height:200px;
		border-top:solid 1px #CCC;
		border-bottom:solid 1px #CCC;
		padding-left:50px;
		font-size:60px;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    font-family: 'Dylan Gothic';
	}

	.activeText{
		background-color: rgba(0, 0, 0, 0.8);
	}

	.hauteur-article{
		height:500px;
	}
	.hauteur-article h3 {
		font-size:40px;
		color:#ffe424;
	}
	.hauteur-article p {
		font-size:35px;
		text-align:justify;
		opacity: 1;
		margin-top:60px;
	}

	.imgProduct{
		height:510px;
	}

	.text_description_accueil_sport{
		font-size:18px;
		text-align:justify;
		padding:0px 10px 0px 10px;
	}

	/* connexion */
	.space_connection {
	    position: unset!important;
	    top: 90px!important;
	    left: 0!important;
	    transform: none!important;
	    height: 100%!important;
	    width: 100%!important;
	    border-radius: 0px!important;
	    background-color: rgba(0, 0, 0, 0.82);
	}
	.rec_form {
	    position: absolute;
	    top: 0px!important;
	    right:0px!important;
	    border-radius: 0px!important;
	    background-color: #FFF;
	    width: 100%!important;
	    height:100%;
	    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05)!important;
	}
	.full_div {
    	    float: none!important;
	    width: 100%;
	    height: 100%;
	    padding: 40px;
	    position:inherit!important;
	}
	.cadre_sport{
		width:100%!important;
		font-size:14px!important;
	}
	/* connexion */

}
