/* COULEURS */
/*
Rouge Pimento : #7e1206;
Doré : #d5b376;
noir :#2e2e2e;
*/

body{
	background: #fff url('../imgs/bg.jpg') no-repeat 80% center fixed;
	background-size: cover;color: #2e2e2e; font-size:16px; line-height:26px;
	font-family: "acumin-pro",sans-serif;
}

strong{ font-weight: 700!important; }

.radius-top{ -webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px; }


header{ margin:22px auto 0 auto;}
header #logo{ background:url('../imgs/logo-cadeaux-3.png'); margin:0 auto; width:297px; height: 120px; } 

#container{ margin:40px auto; width: 960px; }


/* INTRO */
#intro{ background: url(../imgs/bg-transparent.png); }
#intro #txt-intro{ padding:30px 50px; float: left; display: block; width:60%; font-size:18px; line-height:28px; font-weight: 100!important; }
#intro #txt-intro h1{ color:#2e2e2e; font-family: "adobe-caslon-pro",serif; font-weight:700; font-size:40px; line-height: 45px; padding: 20px 0 20px 0;  }
#intro #txt-intro h1 strong{ color:#d5b376; font-weight: 700;  }
#intro #txt-intro strong{ color:#000; font-weight: 500; }
#intro img{ float: left; display: block; width:40%; }


/* wrap formulaires */
#wrap-form{ margin:30px auto 0 auto; }
#wrap-form h3{ text-align: center; color:#7e1206; background: url(../imgs/bg-transparent.png); padding:10px; margin: 0 auto 30px auto; font-weight:bold; }

#wrap-form .bloc-form{ background: url(../imgs/bg-transparent-gris.png); float: left; display: block; width: 50%; }
#wrap-form .bloc-form h4{ background: #7e1206; color:#fff; text-align: center; padding: 5px; }


/* style formulaire */
#wrap-form form{ margin:20px auto; display: block; width:80%; }
#wrap-form form p{ }
#wrap-form form p label{ }
#wrap-form form p input{ border:none; margin:5px auto;padding-left:70px;width:100%;height:45px;font-size:14px; }

input#nom, input#nom:focus{background-image:url('../imgs/ico/ico-nom.jpg');background-repeat:no-repeat;background-position:6px;}
input#prenom , input#prenom:focus{background-image:url('../imgs/ico/ico-nom.jpg');background-repeat:no-repeat;background-position:6px;}
input#hotel, input#hotel:focus{background-image:url('../imgs/ico/ico-hotel.jpg');background-repeat:no-repeat;background-position:6px;}
input#email,input#email:focus{background-image:url('../imgs/ico/ico-email.jpg');background-repeat:no-repeat;background-position:6px;}
input#mdp, input#mdp:focus{background-image:url('../imgs/ico/ico-mdp.jpg');background-repeat:no-repeat;background-position:6px;}
input#map, input#map:focus{background-image:url('../imgs/ico/ico-map.jpg');background-repeat:no-repeat;background-position:6px;}



input[type="submit"]{
	background:#2a2a2a url('../imgs/ico/arrow-btn.png') no-repeat!important;
	background-position: right 10px bottom 45%!important; font-size: 17px;
	color: #fff!important; border:none; padding: 2px 50px 8px 30px!important;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; 
	cursor:pointer; font-family: "acumin-pro",sans-serif!important;
	width:auto; margin:10px auto; display: block; transition: all 0.5s;
	height:32px;
}

input[type="submit"]:hover{
	background:#7e1206 url('../imgs/ico/arrow-btn.png') no-repeat!important;
	background-position: right 10px bottom 45%!important;
}

#lost-mdp{ text-align: center!important; color: #2e2e2e; display: block; width: 100%; }

#wrap-form #form-inscription{ float: left; width: 48%; }
#wrap-form #form-connexion{ float: right; width: 48%; }


/* Lost pass */

#wrap-form #form-lost{ width:580px; margin: 0 auto!important; float: none; padding: 10px; }
#wrap-form #txt-lost{ background: #fff; border:1px solid #c5564a; color:#c5564a; display: block; padding: 5px; text-align: center; margin: 10px auto; width: 90%; }



/* msg erreur, confirm ... */
.confirm-msg{ padding: 15px; display: block; margin: 5% auto; font-size: 15px; line-height: 20px; font-weight:bold; text-align: center; width: 90%; }

.msg-ok{ background: #73c048 url('../imgs/ico/checked.png') no-repeat center 20px; color:#fff; padding-top:100px; }
.msg-erreur{ background: #c5564a url('../imgs/ico/warning.png') no-repeat center 20px; color:#fff; padding-top:100px; }

.txterror{background: #fff; border:1px solid #c5564a; color:#c5564a; display: block; padding: 5px; text-align: center; margin: 5px auto; }


/**************************************/
/* Liste cadeaux */
/*************************************/

#name-welcome{ color:#7e1206!important; font-weight: 700!important; }


.btn-head{ position: absolute; top:10px; right:20px; }

#logout-btn{
	background:#2a2a2a url('../imgs/ico/logout.png') no-repeat!important;
	font-size: 13px;
	background-position: right 10px bottom 45%!important; 
	color: #fff!important; border:none; padding: 1px 35px 3px 15px!important;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; 
	cursor:pointer; font-family: "acumin-pro",sans-serif!important;
	width:auto; margin:10px auto; display: block; transition: all 0.5s;
	display: block; position: absolute; top:10px; right:20px;
	text-decoration: none;
}

#logout-btn:hover{
	background:#7e1206 url('../imgs/ico/logout.png') no-repeat!important;
	background-position: right 10px bottom 45%!important;
}


#retour-btn{ 
	background:#2a2a2a url('../imgs/ico/arrow-btn.png') no-repeat!important;
	font-size: 13px;
	background-position: right 10px bottom 45%!important; 
	color: #fff!important; border:none; padding: 1px 35px 3px 15px!important;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; 
	cursor:pointer; font-family: "acumin-pro",sans-serif!important;
	width:auto; margin:10px auto; display: block; transition: all 0.5s;
	display: block; position: absolute; top:10px; right:20px;
	text-decoration: none;
}

#lretour-btn:hover{
	background:#7e1206 url('../imgs/ico/arrow-btn.png') no-repeat!important;
	background-position: right 10px bottom 45%!important;
}



#intro-cadeaux{ background: url(../imgs/bg-transparent.png); padding:10px 20px; }

/* Footer cadeaux */

footer{ background-color: rgba(128, 18, 6, 1); padding: 20px; color:#fff; margin:50px auto 0 auto; }

footer h4{ margin:0 auto!important; }

#adresse-footer{ border:1px solid #fff; display:block; margin:20px auto; padding: 5px; width: 320px; margin: 20px auto; }

#warning-footer-cadeaux{font-size:14px; font-style: italic; font-weight:bold; text-align:center; background: #fff!important; padding:10px; color: #000; }


#sub-footer{ width: 100%; background: #2e2e2e; color: #fff; padding: 0; margin:0 auto;}
#sub-footer p{ font-size: 12px; text-align:center; padding: 5px; text-align: center; display: block; margin: 0 auto; }
#sub-footer a{color: #fff;}


/**************/
/* RESPONSIVE */

/*
@media screen and (max-width: 980px) {
	#container{ width: 95%; }
}


/*
@media screen and (max-width: 1280px) {
.p-cadeaux #container{ width: 90%!important }
}


@media screen and (max-width: 1024px) {
.p-cadeaux #container{ width: 85%!important }
}


@media screen and (min-width: 980px) {
.p-cadeaux #container{ width: 90%!important }
}



@media screen and (max-width: 780px) {
#container{ margin:30px auto; }

#intro #txt-intro h1{ font-size:30px; line-height: 40px; padding: 10px 0 0 0;  }
#intro #txt-intro{ padding:10px 10px 20px 10px; float: none; display: block; width:100%; }
#intro img{ float: none; display: block; width:100%; }

#wrap-form #form-inscription{ float: none; width: 100%; }
#wrap-form #form-connexion{ float: none; width: 100%; }

#wrap-form form{ padding-bottom: 10px; margin:20px auto 50px auto; }

}*/