@charset "UTF-8";
@import url("supersized.css");
@import url("lightbox.css");
@import url("megafolio-settings.css");

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

* {
	margin:0;
	padding:0;
}

body {
	background: #FFF;
	font-size: 12px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

/* Titres */
h1, h2, h3, h4, nav, a.liens-accueil {
	font-family: 'BebasNeueRegular';
	font-weight: lighter;
	letter-spacing: 0.01em;
	margin-bottom: 5px;
}
h1 {
	line-height: 24px;
	font-size: 28px;
}
h2 {font-size: 16px; line-height: 18px;}
h3 {
	font-size: 14px;
	margin-bottom: 0px;
}
h4 {
	font-size: 14px;
	line-height: 14px;
	margin: 15px 0 0px 0;
}

/* Général */
#global {
	width: 940px;
	padding: 30px 20px 0;
}

img {border:none;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

ul, li {list-style-type: none;}

a {text-decoration: none;}

hr, hr.ligne-projets, hr.ligne-accueil {
	border: none;
	height: 1px;
	background: #CCC;
	margin: 23px 0;
}
hr.ligne-projets, hr.ligne-accueil {margin: 15px 0 20px 0;}
hr.ligne-projets  {width: 353px;}
hr.ligne-accueil {width: 930px;}

/* Couleurs */
.bleu, #content-menu nav ul#menu li a {color: #32485B;}
.vert, a, #content-menu nav ul#menu li.current a {color: #AFBC21;}
.gris, a:hover, #content-menu nav ul#menu li a:hover {color: #A6A8AB;}

/* Gauche, Droite, Clear, Margin right */
.left, .architecte {float: left;}
.right {float: right;}
.clear {clear: both;}
.margin-right {margin-right: 20px;}

header {
	position: fixed;
	top: 10px; left: 0;
	width: 920px;
	background-color: #FFF;
	padding: 20px;
	opacity: 0.95;
	height: 45px;
	z-index: 9998;
}
header h1 {
	width: 250px;
	position: absolute;
	top: 23px;
	right: 20px;
	text-align: right;
	z-index: 9999;
}

/* Menu */
#content-menu {
    position: fixed;
    margin: 0;
    padding: 0;
    left: 20px;
    top: 145px;
    width: 220px;
    text-align: left;
    z-index: 9999;
}		
#content-menu nav ul#menu {
	text-transform: uppercase;
	margin: 0 100px 0 0;
}
#content-menu nav ul#menu li {
	display: block;
	margin-bottom: 10px;
}
#content-menu nav ul#menu li a {
	font-size: 15px;
	letter-spacing: 0.017em;
    line-height: 16px;
}

/* Contenu */
p, p.important, ul.liste-projets li {
	line-height: 18px;
	margin-bottom: 6px;
	font-size: 12px;
}
p.important {
	font-size: 13px;
	font-style: italic;
}

nav.liens-doc, a.liens-accueil {margin: 6px 0 10px 0;}
nav.liens-doc a, a.liens-accueil {
	font-size: 16px;
	letter-spacing: 0.017em;
	display: block;
	padding: 3px 0;
}
nav.liens-doc a img, a.liens-accueil img {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

#content {
	width: 700px;
	float: right;
	margin: 110px 0 30px 0;
}
#content section.left {width: 300px;}
#content section.right {width: 380px;}
#content ul.logos li {
	float: left;
	display: inline;
	margin-right: 10px;
}
#content ul.logos img {vertical-align: middle;}
#content nav.voir-plus {
	font-size: 20px;
	padding: 20px 0;
}
#content nav.voir-plus img {
	vertical-align: middle;
	margin: 0 10px;
}
#content #equipe section.left {width: 460px;}
#content #equipe section.right {width: 220px;}
#content #equipe .architecte h3, #content #equipe .equipe h3 {
	width: 200px;
	height: 22px;
	background: #AFBC21;
	color: #FFF;
	padding: 10px 10px 0 10px;
}
#content #equipe .architecte h3 {margin-top: 14px;}
#content #equipe .equipe h3 {
	text-align: right;
	margin-top: 7px;
}

sup {font-size: 9px;}

#adresse p {
	text-transform: uppercase;
	margin-bottom: 2px;
}
#adresse a {
	text-transform: none;
	font-size: 12px;
}
.mobile #adresse h1 a {
	font-size: 28px;
	color: #32485B;
}

#carte {
	border: 1px solid #AFBC21;
	margin: 20px 0;
}

#liens-doc {font-size: 18px;}

/* Megafolio */
#content_wrap{
	min-width: 720px;
	margin: 0 auto;
	padding-top: 30px;
	z-index:5;
	position:relative;
}
.wrapper-accueil {
	z-index:3;
	position:relative;
	min-width: 720px;
	margin: -25px 0 -10px 0;
}
.wrapper-projets {
	z-index:3;
	position:relative;
	min-width: 720px;
	margin: 50px 0 120px 0;
}

#projets, #accueil {
	width:100%;
	height:auto;
	position:relative;		
}

/* Footer */
#content-menu footer {
	margin: 20px 20px 0 0;
	border-top: 1px #CCC solid;
}
#content-menu footer p {
	text-transform: uppercase;
	color: #666;
}
#content-menu footer p.numero, .mobile #content-menu footer p.numero a {
	color: #AFBC21;
	font-size: 24px;
	margin: 30px 0 20px 0;
	font-family: 'BebasNeueRegular';
}
#content-menu footer p.facebook img {vertical-align: middle; margin-top: -8px;}
#content-menu footer p.facebook a {
	font-size: 16px;
	margin: 10px;
	font-family: 'BebasNeueRegular';
}
#content-menu footer p.facebook {margin-bottom: 20px;}
#content-menu footer p, footer a {
	font-size: 8px;
	line-height: 12px;
	color: #666;
}
footer a:hover {text-decoration: underline;}