html, body {margin:0; padding:0; font-family:Arial}
body { 
background: url(//www.entrecoquins.com/images_index8/landing_page_moteur.jpg) no-repeat center fixed;
background-position: center;
background-size: cover;
background-color: rgb(251, 247, 247); 
} 
header, footer, section, article {display:block}
img {border:0}

.fondPage_header {  position: relative; height: 120px; top: 0; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px;}
.fondPage {  position: relative; margin: 0 auto; height: 872px; top: 0;}

#header {position:relative; width:980px; margin:0 auto; height:140px}
#header h1 {margin:0; font-size:12px; font-weight:normal; height:35px; line-height:35px; padding-left:12px; color:#a0d9f7}
#header h1 strong {font-weight:bold; color:#fff}
#logo123 {display:block; position:absolute; width:430px; height:120px; background:url(//www.entrecoquins.com/images_moteur/logo.png); left:20px; top:0; font-size:0; text-indent:-444444px; overflow:hidden}
#header .description {width:440px; padding:10px; top:15px; border:1px solid #ececec; border-radius:8px; right:20px; position:absolute; color:#9b9b9b; font-size:12px; background:#fff; text-align:justify}
#header .description strong {color:#4d9cd6}
#header #ruban img { position: absolute; margin-top: 40px; width: 40px; height:42px; top:10px; right:18px; z-index: 2; margin-left: -2px; }


#content {position:relative; width:940px; margin:0 auto; padding:0 20px}
#content.mini {width:492px; border:4px solid #f0f7fa; overflow:hidden; float:left; padding-top:0}

#home {position:relative; padding:0}

#home .gauche {
	float:left;
	width:476px;
	z-index: 2;
	position:relative;
	background-color: #fff;
    border: 1px solid #ececec;
    border-radius: -webkit-border-radius: 6px;
    border-radius: -moz-border-radius: 6px;
    border-radius: 6px;
	}
#home .gauche .texte_central { color: #6f6f6f; font-size: 12px; font-family: 'Arial'; padding: 0 10px;}
#home .gauche .texte_central h1 { color: #e8348b; font-size: 18px; font-family: 'Century Gothic'; font-weight: bold; }
#home .gauche .texte_central h2 { color: #e8348b; font-size: 16px; font-family: 'Century Gothic'; font-weight: bold; }
#home .gauche .texte_central h3 { color: #177eb5; font-size: 14px; font-family: 'Century Gothic'; font-weight: bold; }
#home .gauche .texte_central strong { font-weight: bold; font-family: 'Arial'; color: #3fa7de; font-size: 12px; font-family: 'Arial'; }
#home .gauche .texte_central p { color: #6f6f6f; font-size: 12px; font-family: 'Arial'; }
#home .gauche .texte_central p strong { padding: 0px;}
#home .gauche .texte_central p a { color: #e8348b; }
#home .gauche .texte_central li a { color: #e8348b; }
#home .gauche .texte_central p#respect { font-weight: bold; font-family: 'Arial'; color: #0a82c2; }

#home .gauche #ombreGauche { position: relative; width: 476px; height: 10px; background: url(//www.entrecoquins.com/images_moteur/ombreGauche.png) no-repeat; top: 0; left: 0; }

#home #papillonGauche_sauve { position: absolute; width: 80px; height: 200px; z-index: 1; background: url(//www.entrecoquins.com/images_moteur/papillonsGauche.png) no-repeat; top: -34px; left: -30px;  }

#home form {width:455px; height:548px; border:0; float:right; margin:0;  position:relative; top:0; right:-6px; z-index: 2; background-color:#fff; border: 1px solid #ec85c0; border-radius: -webkit-border-radius: 6px; border-radius: -moz-border-radius: 6px; border-radius: 6px; } 

#home form p { text-align: center; font-family: 'Century Gothic'; font-weight: bold; font-size: 30px; color: #e8348b; } 
#home form p strong { color: #0b83c4;  }


#home form ul {list-style:none; margin:0; padding:0 0 0 18px; }
#home form ul li {list-style:none; clear:both; padding:10px 0 13px 0px; height:20px; position:relative}
#home form ul li label {display:block; width:160px; float:left; font-weight:bold; font-size:13px; color:#90898f; height:20px; line-height:20px}
#home form ul li#jaccepte {padding-bottom:0; margin-top:-10px}
#home form ul li#jaccepte label {display:inline; width:auto; float:none; font-weight:normal; font-size:12px; color:#908a8f}
#home form ul li#jaccepte label a {color:#e6528f}
#home form ul li input[type=text], #home form ul li input[type=password] {display:inline-block; width:215px; overflow:hidden; font-size:13px; color:#90898f; height:20px; line-height:20px; padding:0 10px; border:1px solid #d2d2d2; border-radius:6px; float:left}
#home form ul li input[type=text].mini {width:80px}
#home form ul li select {width:165px; height:20px}
#home form ul li#bloc_type {padding:15px 0; height:0px;}
#home form ul li#bloc_datemme {padding:5px 0; height:0px;}
#home form ul li#bloc_datemr {padding:5px 0px; height:25px;}
#home form ul li#bloc_datemme select {width:65px; height:20px}
#home form ul li#bloc_datemr select {width:65px; height:20px}

#home form input[type="submit"] { margin-top: 20px; margin-left: 70px; padding: 10px 60px;  border: none; font-weight: bold; font-family: 'Century Gothic'; font-size: 26px; color: #fff; 
	background: #ff5cae;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNWNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDAwNzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff5cae 0%, #f00078 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5cae), color-stop(100%,#f00078));
	background: -webkit-linear-gradient(top,  #ff5cae 0%,#f00078 100%);
	background: -o-linear-gradient(top,  #ff5cae 0%,#f00078 100%);
	background: -ms-linear-gradient(top,  #ff5cae 0%,#f00078 100%);
	background: linear-gradient(to bottom,  #ff5cae 0%,#f00078 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5cae', endColorstr='#f00078',GradientType=0 );
	border-radius: -webkit-border-radius: 6px; border-radius: -moz-border-radius: 6px; border-radius: 6px; } /* permet de modifier le bouton */

#home #inscription_haut {
background-color: #f7bccb;
}

#inscription #mess {
	font-family: Century Gothic;
	font-weight: bold;
	font-size: 23px;
	color: #E8348B;
}	

#content #home #papiDroit_sauve { position: relative; width: 60px; height: 110px; margin-left: 920px; z-index: 1; top:-45px; left: 0; background: url(//www.entrecoquins.com/images_moteur/papillons_droit.png) no-repeat; }
#content #home form #ombreDroite { position: relative; width: 455px; height: 10px; background:  url(//www.entrecoquins.com/images_moteur/ombreDroite.png) no-repeat; top: 58px; left: 0; }

#shadow {display:block; margin:0 auto 5px; clear:both}

#footer {width:980px; margin:0 auto; height:50px; overflow:hidden; position:relative; text-align:center}

#footer p { color:#fff; font-weight: bold; margin: 10px 0 6px 0; }
#footer p a { color: #fff; text-decoration: none; font-family:'Arial'; font-size: 12px; padding: 5px 2px; }
#footer small {font-size:11px; color:#fff}
#footer small a {color:#1a71a5; font-weight:bold; text-decoration:none}

#footer a:hover, #footera:focus {color:#D5437F}

.bloc_info_non_centre, #bloc_info_non_centre, #chargement_erreur {display:inline-block; border:1px solid #e43636; border-radius:5px; background:#fff; position:absolute; right:20px; padding:0 10px; font-size:11px; color:#90898F; line-height:13px; bottom:36px; min-width:50px; max-width:362px; z-index:300}
.bloc_info_non_centre:after, #bloc_info_non_centre:after, #chargement_erreur:after {content:url(//www.entrecoquins.com/images_moteur/fleche.png); position:absolute; bottom:-8px; left:50%}

#chargement_erreur:before, #retour_email_erreur .bloc_info_non_centre:before, #retour_pseudo_erreur .bloc_info_non_centre:before, #retour_email_erreur #bloc_info_non_centre:before, #retour_pseudo_erreur #bloc_info_non_centre:before {content:url(http://img.entrecoquins.com/images_css/AJAX_error.gif); position:absolute; bottom:-24px; right:-1px}

#chargement_mini {
float:right;
width: 16px ;
height: 16px ;
display: block ;
margin:3px 19px 3px 0;
background-position: left top; background-image:url('http://img.entrecoquins.com/images_css/chargement_ajax.gif'); background-repeat:no-repeat;
}

#chargement_erreur {
padding: 0px 5px /*0px 0px 0px 26px*/;
display: block ;
/*background-position: 8 center; background-image:url('http://img.entrecoquins.com/images_css/AJAX_error.gif'); background-repeat:no-repeat;*/
}

#chargement_ok {
float:right;
padding: 0px 0px 0px 26px;
display: block ;
background-position: 8 center; background-image:url('//img.entrecoquins.com/images_css/AJAX_ok.gif'); background-repeat:no-repeat;
}

#retour_pseudo #chargement_ok, #retour_email #chargement_ok, #retour_passwd #chargement_ok {font-size:0; color:#fff; padding:0; display:block; width:14px; height:16px; margin:2px 20px 0 0}
#retour_ville #chargement_ok {
	position: absolute;
    top: 33px;
    left: 164px;
    clear: both;
    float: none;
    font-size: 12px;
    height: 16px;
    line-height: 18px;
	z-index: 10;
}
#chargement_liste {
    position: absolute;
    top: 32px;
    left: 162px;
    z-index: 10;
}

/*bouton 1*/
#bouton_1_g {
width: 7px;
height:20px;
background-image:url('//www.entrecoquins.com/rep_all/css/images_ec_v3/bouton_1_g.png');
background-repeat:no-repeat;
}

#bouton_1_centre {
height:20px;
background-image:url('//www.entrecoquins.com/rep_all/css/images_ec_v3/bouton_1_m.png');
font-size:8pt;
font-family:Arial;
}

#bouton_1_centre a{
text-decoration:none;
color: #ffffff;
font-family:Arial; 
font-weight:bold;
outline: none;
}

#bouton_1_centre a:hover {
color: #ffffff;
font-family:Arial; 
font-weight:bold;
text-decoration:underline;
}

#bouton_1_d {
width: 7px;
height:20px;
background-image:url('//www.entrecoquins.com/rep_all/css/images_ec_v3/bouton_1_d.png');
background-repeat:no-repeat;
}


// Mobile

@media (max-width: 640px) {
	* {
		box-sizing: border-box;
	}
	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
	
	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

	.element1,
	.element2 {
		float: none;
		width: auto;
	}
	
	/* masquer les éléments superflus */

	.hide_mobile {
		display: none !important;
	}
	
	/* Un message personnalisé */

	body:before {
		content: "Version mobile du site";
		display: block;
		text-align: center;
		font-style: italic;
		color: #777;
	}
}

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}