/* lapetitecuisine.eu - Tous droits réservés */

@font-face {
    font-family: 'open_sans';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_cb';
    src: url('../fonts/opensans-condbold-webfont.eot');
    src: url('../fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condbold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-condbold-webfont.woff') format('woff'),
         url('../fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-condbold-webfont.svg#open_sans_cb') format('svg');
    font-weight: normal;
    font-style: normal;
}

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


* {
	-webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


html,body {
	height:100%;
}

body {
	width:100%;
	margin:0;
	padding:0%;
	font-family:'open_sans',arial,sans-serif;
	background:#fff;
}

p,h1,h2,h3,h4,h5,h6,ul,li,address{
	font-weight:normal;
	margin:0;
	padding:0;
}

input,select,textarea {
	outline:none;
	text-decoration:none;
	margin:0;
	padding:0;
	border:0;
	font-size:11pt;
	display:block;
	width:100%;
	margin-top:7px;
	-webkit-appearance: none;
	border-radius: 0;
}

a {
	outline:none;
	text-decoration:none;
}

img {
	border:0;
	outline:none;
}

.clear {
	clear:both;
}

.loader {
	position:fixed;
	width:100%;
	height:100%;
	background:url('../img/preload.gif') no-repeat center center #fff;
	color:#3f3f3f;
	z-index:999;
	top:0;
	left:0;
}

.loader p {
	position:absolute;
	font-size:12pt;
	font-family: 'open_sans_cb', arial, sans-serif;
	color:#606060;
	width:100%;
	text-align:center;
	top:55%;
}

.bg {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-999;
}

#bg_home {
	background:url('../img/bg_2018.jpg') no-repeat center bottom;
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover;
}

#bg_menu {
	background:url('../img/bg_2018.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover;
}

#bg_pae {
	background:url('../img/bg_2018.jpg') no-repeat bottom center;
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover;
}

#bg_ap {
	background:url('../img/bg_2018.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover;
}

#bg_pt {
	background:url('../img/bg_2018.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover;
}

#bg_priv {
	background:url('../img/bg_2018.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover;
}

#bg_evnmt {
	background:url('../img/bg_2018.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover;
}

#bg_gal {
	background:url('../img/bg_2018.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover;
}

#bg_contact {
	background:url('../img/bg_2018.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover;
}

#bg_presse {
	background:url('../img/bg_2018.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover;
}

#maj {
	background:url('../img/logo.jpg') no-repeat top center #617C97;
	background-position-y:-80px;
}

#maj p {
	color:#fff;
	text-align:center;
	padding-top:430px;
	font-size:11pt;
}

#map {
	position:absolute;
	width:100%;
	height:100%;
	z-index:999;
	top:0;
	display:none;
	background:#fff;
}

#gmap {
	width:100%;
	height:100%
}

#close_map {
	display:none;
	position:fixed;
	width:250px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#fff;
	border:1px solid #3f3f3f;
	text-transform:uppercase;
	color:#3f3f3f;
	font-size:11pt;
	bottom:10px;
	right:10px;
	z-index:99999;
	font-family: 'open_sans_cb', arial, sans-serif;
	cursor:pointer;
}

header {
	position:fixed;
	right:20px;
	top:20px;
	text-align:right;
	font-family: 'open_sans_cb', arial, sans-serif;
	color:#ffffff;
	font-size:14pt;
	text-shadow: 1px 1px 3px rgba(10, 10, 10, 1);
}

header h1 {
	font-size:14pt;	
	line-height:23px;
}

header address {
	font-style:normal;
}

header .phone {
	font-size:18pt;
}

header p {
	padding-top:10px;
	font-size:12pt;
}

.top_links {
	margin-top:15px;
}

.top_links img {
	width:15%;
}

aside {
	display:block;
	position:fixed;
	height:100%;
	margin:0;
	padding:0;
	width:260px;
	background:#3f3f3f;
	left:40px;
	font-size:10pt;
}

aside #logo {
	display:block;
	width:100%;
}

nav {
	width:100%;
}

nav ul {
	display:block;
	list-style-type:none;
	width:100%;
}

nav ul li {
	display:block;	
}

nav ul li a {
	display:block;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	text-decoration:none;
	height:35px;
	line-height:35px;
	border-bottom:1px solid #474747;

	-webkit-transition: padding 0.4s;
	-moz-transition: padding 0.4s;
	-o-transition: padding 0.4s;
    transition: padding 0.4s;
}

nav ul li a:hover,
nav ul li a:focus {
	padding-left:12px;
}

.current {
	color:#fff;
	background:url('../img/cursor.png') no-repeat right center; 
}

a#contact, a#home, a#evnmt, a#s_contact, a#s_home, a#s_evnmt {
	border:0;
}

a#menu, a#s_menu {
	color:#f5f4b4;
}

a#pae, a#s_pae {
	color:#eccd91;
}

a#ag, a#s_ag {
	color:#e6c3ff;
}

a#priv, a#s_priv {
	color:#f59f9f;
}

a#pt, a#s_pt {
	color:#c8f3d4;
}

a#evnmt, a#s_evnmt {
	color:#abe0fe;
}

#gal, #s_gal {
	margin-top:20px;
}

.actus {
	position:fixed;
	right:20px;
	bottom:20px;
	background:rgba(255,255,255,0.9);
	width:40%;
	padding:30px;
}

.actus h2 {
	font-family: 'freehand', arial, sans-serif;
	color:#617C97;
	font-size:30pt;
	text-align:center;
}

.actus p {
	line-height:20px;
}

.actus p a {
	color:#627A98;
}

.actus p a:hover {
	text-decoration:underline;
}

.content {
	width:45%;
	min-height:100%;
	margin-left:380px;
	background:rgba(255,255,255,0.9);
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2%;
	padding-right:2%;
	color:#404040;
}

.content h3 {
	font-family: 'freehand', arial, sans-serif;
	color:#604d46;
	font-size:30pt;
	text-align:center;
}

.content hr {
    border:0;
	height:1px;
	background:#617C97;
	width:100%;
}

.content a {
	color:#617C97;
}

.content a:hover {
	text-decoration:underline;
	color:#604d46;
}


.content li {
	list-style-position:inside;
}

.pics {
	margin-top:40px;
}

.pics img {
	display:block;
	float:left;
	margin-right:2%;
	width:32%;
	height:32%;
	border:5px solid #fff;
	-webkit-border-radius:64%;
	-moz-border-radius:64%;
	border-radius:64%;
}

.photo {
	display:block;
	float:left;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center center;
	width:-moz-calc(99% / 4);
	width:-webkit-calc(99% / 4);
	width:calc(99% / 4);
	min-height:130px;
	margin-right:1px;
	margin-top:1px;
	cursor:pointer;
}

.press_pic {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:60%;
}

.press_link {
	font-family: 'open_sans_cb', arial, sans-serif;
	color:#617C97;
	font-size:16pt;
}

.press_link:hover {
	color:#604d46;
}

.download_link {
	display:inline-block;
	height:30px;
	line-height:30px;
	background:url('../img/link_icon.png') no-repeat left center;
	padding-left:40px;
	margin-top:10px;
	color:#617C97;
	font-family: 'open_sans_cb', arial, sans-serif;
	font-size:12pt;
}

.download_link:hover {
	text-decoration:underline;
	color:#604d46;
}
	

h4 {
	display:block;
	height:50px;
	line-height:50px;
	margin-top:20px;
	padding-left:60px;
	font-family: 'open_sans_cb', arial, sans-serif;
	color:#617C97;
	font-size:14pt;
}

#form_icon {
	background:url('../img/form_icon.png') no-repeat left center;
}

#mail_icon {
	background:url('../img/mail_icon.png') no-repeat left center;
}

#phone_icon {
	background:url('../img/phone_icon.png') no-repeat left center;
}


input[type=text] {
	border:1px solid #e1e1e1;
	padding:8px;
	font-family: 'open_sans', arial, sans-serif;
	font-size:10pt;
	color:#404040;
}

textarea {
	border:1px solid #e1e1e1;
	padding:8px;
	height:250px;
	font-family: 'open_sans', arial, sans-serif;
	font-size:10pt;
	resize:none;
	color:#404040;
}

input[type=submit] {
	height:35px;
	line-height:35px;
	font-family: 'open_sans', arial, sans-serif;
	background:#617C97;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
}

input[type=submit]:hover {
	background:#604d46;
}

input[type=text]:focus, textarea:focus {
	border:1px solid #617C97;
}

#loader {
	width:100%;
	height:35px;
	text-align:center;
	margin-top:7px;
	background:url('../img/loader.gif') no-repeat center center #604d46;
	display:none;
}

#errors {
	width:100%;
	padding:8px;
	border:1px solid #f89292;
	display:none;
	margin-top:7px;
	font-size:10pt;
}

#confirm {
	width:100%;
	padding:8px;
	border:1px solid #aad6a1;
	display:none;
	margin-top:7px;
	font-size:10pt;
}

#content_contact {
	font-size:14px;
}

#content_contact a {
	color:#617C97;
}

#content_contact a:hover {
	color:#604d46;
	text-decoration:underline;
}

.legal_left {
	width:50%;
	float:left;
}

.legal_right {
	width:50%;
	float:right;
}

.legal {
	font-size:9pt;
	padding-top:10px;
}

.legal img {
	width:30%;
}

.copyright {
	font-size:9pt;
	padding-top:50px;
}	

/* hide */
.logo_smart, .nav_smart, .header_smart, .call_nav_smart {
	display:none;	
}