@font-face {
  font-family: 'Asgalt';
  src: url('../polices/Asgalt-Regular.eot?#iefix') format('embedded-opentype'),  url('../polices/Asgalt-Regular.woff') format('woff'), url('../polices/Asgalt-Regular.ttf')  format('truetype'), url('../polices/Asgalt-Regular.svg#Asgalt-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* --------------------------------------------------------------- */
/*
/* HTML
/*
/* --------------------------------------------------------------- */
* {
	box-sizing:border-box;	
}

html, body {
	margin:0; padding:0; width:100%; height:100%;
	font-family:"Nunito"; font-size:18px;
}

body {
	color:#000;
	background-color:#ccc;
	text-align:center;
}

#main {
	position:relative; top:0; left:0; width:100%; min-height:100%; margin:0 auto;
	text-align:justify; 
	background: url('/assets/images/fond.jpg') no-repeat center center;
}


#main .titre {
	font-family: "Asgalt";
	font-size: 70px;
	color:#a1517c;
	text-align: center;
	padding-bottom:25px;
	text-transform: uppercase;
}

#main .titre .logo {
	position: relative; top: 0; left: 0;
	height:50px; line-height: 60px;
	display: inline-block;
	padding:0 60px;
}

#main .titre .sous_titre {
	display: block;
	font-size: 35px;
	color:#000;
	text-transform: none;
	margin-top:-25px;
}

#main .titre .logo:before, #main .titre .logo:after {
	content:"";
	position: absolute; top: 3px; left: 0;
	width:39px; height:40px;
	background: url('/assets/images/ab_logo.png');
}

#main .titre .logo:after {
	left:auto; right:0;
}

/* --------------------------------------------------------------- */
/*
/* Header
/*
/* --------------------------------------------------------------- */
#entete {
	position:relative; top:0; left:0;
	height:150px;
}

#entete #logo {
	position:relative; top:0; left:0;
	width:100px; height:100px;
}

#entete #panier_compte {
	float:right;	
}



/* --------------------------------------------------------------- */
/*
/* Menu
/*
/* --------------------------------------------------------------- */
#menu {
	position:relative; top:0px; left:0;
	width:100%; height:30px;
}

#menu ul {
	list-style-type:none; margin:0; padding:0;
}

#menu ul li {
	float:left;
	margin:0px; padding:0;
}

#menu ul li a {
	text-decoration:none;
	display:block;
	padding:0 10px;
}

#menu ul li a:hover {
	text-decoration:underline;
}

#menu ul li ul {
	display:none;
	position:absolute; top:30px; left:0;
}

#menu ul li:hover ul { 
	display:block; 
	margin:2px 0px;
}

#menu ul li ul li {
	clear:left;
	margin:0;
}


/* --------------------------------------------------------------- */
/*
/* Page
/*
/* --------------------------------------------------------------- */
#page {
	position:relative; top:0; left:0;
	min-height:350px;
}

#page .bouton_deco {
	display: flex;
    color: #FFF;
    background-color: #a1517c;
    padding: 3px 10px;
    border-radius: 10px;
    width:150px;
    margin:0 auto;
    text-transform: inherit;
}


/* --------------------------------------------------------------- */
/*
/* Pied
/*
/* --------------------------------------------------------------- */
#pied {
	position:relative; top:0; left:0;
	text-align:center;
	color:#a1517c;
	padding:25px 0;
}

#pied a {
	color:#a1517c;
	text-decoration: none;
}

#pied img {
	margin-top:-11px;	
}


/* --------------------------------------------------------------- */
/*
/* Général
/*
/* --------------------------------------------------------------- */
a img {
	border:none;	
}

#page h1 {
	margin-top:0;
	font-size:14pt;
}


#page .center { text-align:center; margin-left:auto; margin-right:auto; }
#page .left { float:left; margin:0 1em 0.5em 0; }
#page .right { float:right; margin:0 0 0.5em 1em; }
#page .clear { clear:both; }
#page hr { border-color:#ac2; color:#ac2; }

.cache { display:none; position:absolute; width:1px; height:1px; overflow:hidden; }
.print { display:none; }
.noprint { }


/* ------ Formulaire ------ */
#page form {
	margin:0; padding:0;
}

#page form label {
	text-align: left;
	font-weight: normal;
}

#page form b {
	color:#F00;	
}



/* -- Bouton submit -- */

#page .bouton {
	background-color: #a1517c;
	color:#FFF;
	border:none;
	padding:5px 20px 5px 17px;
	border-radius:5px;
	text-transform: uppercase;
	margin-top:25px;
	width:100%;
}



/* -- Bouton submit avec icone --*/
#page form button {
	background-color: #a1517c;
	color:#FFF;
	border:none;
	padding:5px 20px 5px 17px;
	border-radius:5px;
	text-transform: uppercase;
	cursor:pointer;
}

#page form button i {
	margin-right:15px;	
}

#page form b {
	position: absolute; top: 0; right: 0px;	
}



#page form .obligatoire {
	float:left;
	display: inline-block;
	margin-top:15px;
}

#page form .obligatoire b {
	position:relative;	
}



/* ------- Zoom DW ------- */
#z_ombre { 
	background-color:#222; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity:90); opacity:0.9; 
}
#z_image {
	border:10px solid #fff; 
	visibility:hidden; 
}
#z_titre { 
	height:10px; 
	color:#FFF; 
	background-color:#000;  
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity:70); 
	opacity:0.7; 
}
#z_close { 
	visibility:hidden;
}