#wrapper{width:1000px;margin:10px auto;-moz-box-shadow:1px 2px 5px #c9c9c9;-webkit-box-shadow:1px 2px 5px #c9c9c9;box-shadow:1px 2px 5px #c9c9c9}#header{position:relative;border-bottom:1px solid #cd1316}#main{background:url("/graph/site/fond_main.jpg") repeat-x}#footer{border-top:1px solid #cd1316;padding:20px 0}#back-top{width:80px;position:fixed;bottom:10px;right:20px;text-align:center}#back-top span{width:25px;height:25px;display:block;margin:0 auto;margin-bottom:3px;background:#aaa url(/graph/up-arrow.png) no-repeat center center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:1s;-moz-transition:1s;transition:1s}#back-top a:hover span{background-color:#777}#back-top a{font-size:8px;text-transform:uppercase;color:#aaa;-webkit-transition:1s;-moz-transition:1s;transition:1s}#back-top a:hover{color:#555;text-decoration:none}#customer-area{width:280px;height:165px;position:fixed;top:100px;right:-250px;overflow:hidden}#customer-area img{float:left}#customer-area div{float:left;clear:none;background:#fff;border-top:1px solid #9a0e11;border-bottom:1px solid #9a0e11;height:165px;width:250px;padding:5px}



/* ============== bandeau =====*/
/* Header
-------------------------------------------------------------- */
#header .logo {
	position:absolute;
	top:15px;
	left:30px;
	z-index:2;
}

#header nav {
	border-bottom:1px solid #cd1316;
	height:65px;
}

.ie7 #header nav {
	border-bottom:1px solid #cd1316;
	height:64px;
}

#header nav .get_nav {
	display:none;
}

#header nav ul {
	list-style:none;
	text-align:right;
	padding:20px 20px 0 0;
}

.ie7 #header nav ul {
	padding-left:400px;
}

#header nav li {
	display:inline-block;
	padding:0 10px;
}

.ie7 #header nav li {
	float:left;
}

#header nav li a:link, #header nav li a:visited, #header nav li a:focus, #header nav li a:active {
	color:#5e5e5e;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
}

#header nav li a:hover {
	border-bottom:2px solid #cd1316;
	text-decoration:none;
}

#header nav li a.home {
	background:url('/graph/site/accueil.png') center center no-repeat;
	width:16px;
}

#header nav li a.home span {
	display:none;
}

#header nav li a img {
	display:block;
}

#header hgroup {
	border:none;
	border-left:10px solid #cd1316;
	margin:0 0 0 200px;
	overflow:auto;
	padding:0 0 10px 12px;
	height:100px;
}

#header hgroup h1 {
	font-size:20px;
	margin:25px 0 0 25px;
	font-weight:normal;
	color:#cd1316;
}

#header hgroup h2 {
	font-size:16px;
	margin:5px 0 0 25px;
	font-weight:normal;
}

#header .resaux-sociaux {
	position:absolute;
	left:30px;
	bottom:0;
	height:28px;
	overflow:hidden;
}

#header .resaux-sociaux a {
	margin-right:10px;
	display:inline-block;
}

#header .resaux-sociaux a img {
	display:block;
}


/* ============== contenu =====*/
#article {
	float:left;
	width:700px;
}

#article.reset {
	float:none;
	width:auto;
}

#article header {
	height:90px;
}

#article header h1 {
	margin:10px 20px 5px 20px;
	font-weight:normal;
	font-size:30px;
}

#article header h1 + p {
	margin-left:20px;
}

#article .content {
	margin:30px;
}

#article .content.reset {
	margin:30px 10px;
}

#article .intro {
	background:#f8f8f8;
	padding:30px;
	font-size:18px;
	margin-bottom:30px;
}

#aside {
	float:right;
	width:240px;
	clear:none;
	margin:30px;
	margin-top:130px;
}

#aside .image {
	margin-bottom:50px;
	padding:4px;
	border:1px solid #dddddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:250px;
}

#aside h2 {
	background:url('/graph/site/fond_title_nav.jpg') repeat-x;
	height:14px;
	line-height:14px;
	font-size:14px;
	margin:0;
}

#aside h2 span {
	background:#fff;
	height:14px;
	line-height:14px;
	padding-right:5px;
}

#aside nav {
	margin:20px 0 50px 0;
}

#aside nav ul {
	margin-left:20px;
	list-style:none;
	padding:0;
}

#aside nav ul li a {
	display:block;
	background:url('/graph/site/puce_nav_fleche.jpg') center left no-repeat;
	padding-left:20px;
	color:#676767;
}

#aside nav ul li a:hover, #aside nav ul li a.select {
	background:url('/graph/site/puce_nav_fleche_hover.jpg') center left no-repeat;
	color:#d63f42;
	text-decoration:none;
}

#aside nav ul li a.select {
	cursor:default;
}

#aside .lastProjet {
	list-style:none;
	margin:20px 0 50px 0;
	padding:0;
}

#aside .lastProjet li {
	display:inline-block;
}

.ie7 #aside .lastProjet li {
	float:left;
}

#aside .lastProjet img {
	border:1px solid #dddddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:65px;
}




/* ============== localisateur =====*/
#breadcrumb {
	overflow:hidden;
	padding:0 10px;
}

#breadcrumb span {
	font-size:12px;
	line-height:1;
}

#breadcrumb a {
	color:#545456;
}

#breadcrumb a:hover {
	color:#b0b0b0;
	text-decoration:none;
}


/* ============== annexe_infos =====*/
#article .footer {
	text-align:right;
	margin-bottom:20px;
	font-size:11px;
	color:#bbb;
	font-style:italic;
}


/* ============== newsletter =====*/
#newletter {
	background:#CD1316;
	color:#fff;
	padding:20px;
	position:relative;
}

#newletter h2 {
	font-size:1.1em;
	margin:0;
}

#newletter h2 + p {
	font-size:.8em;
}

#newletter form {
	position:absolute;
	top:25px;
	right:50px;
}

#newletter form input {
	float:left;
	clear:none;
	padding:0 3px;
	font-size:.9em;
	height:30px;
	line-height:30px;
	border:none;
}

#newletter form input[type="email"] {
	width:200px;
}

#newletter form input[type="submit"] {
	background:#a40004;
	color:#fff;
	font-weight:bold;
}



/* ============== pied_page =====*/
/* Footer
-------------------------------------------------------------- */
#footer div {
	text-align:center;
	font-weight:bold;
	font-style:normal;
	font-size:12px;
}

#footer address {
	display:inline;
}

#footer nav {
	margin:40px 0;
}

#footer nav ul {
	text-align:center;
	padding:0;
}

.ie7 #footer nav ul {
	margin-left:150px;
}

#footer nav ul li {
	list-style:none;
	margin:0 10px;
	display:inline-block;
	vertical-align:top;
	width:130px;
	text-align:left;
}

.ie7 #footer nav ul li {
	float:left;
}

#footer nav ul li span{
	border-bottom:1px dotted #404040;
	height:30px;
	line-height:30px;
	padding-left:5px;
	display:block;
	font-size:16px;
}

#footer nav ul ul {
	padding:10px 5px;
	margin:0;
}

.ie7 #footer nav ul ul {
	margin-left:0px;
}

#footer nav ul ul li {
	font-size:12px;
	margin:1px 0;
	display:block;
}

#footer nav ul li ul li a:link, #footer nav ul li ul li a:visited, #footer nav ul li ul li a:focus, #footer nav ul li ul li a:active { color:#404040; }

#footer nav ul li ul li a:hover { color:#cd1316; }

#footer details { text-align:center; }

#footer details p { font-size:10px; }


/* ============== login =====*/
#login {
	overflow:auto;
	clear:both;
	margin:0;
	padding:25px 0;
	text-align:center;
}

#login .login {
	border:2px solid #c6262a;
	width:401px;
	margin:0 auto;
	padding:0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
}

#login .login .top {
	color:#fff;
	line-height:30px;
	height:30px;
	background:#c6262a;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#login .login .bottom {
	color:#fff;
	line-height:30px;
	height:30px;
	background:#c6262a;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#login .login div {
	background:#fff url('/cache/pictos/e5c34d719733bfb62557def8dc3bd4de.png') 10px center no-repeat;
	margin:0 auto;
	padding:10px 10px 10px 100px;
	overflow:hidden;
	min-height:100px;
}

#login .login div p {
	margin:10px 0 0 0;
	overflow:auto;
}

#login .login div label {
	text-align:right;
	color:#c6262a;
	font-weight:bold;
	display:block;
	width:130px;
	float:left;
	line-height:25px;
	height:25px;
	font-weight:.9em;
}

#login .login div input {
	float:left;
	display:block;
	width:130px;
	padding:3px;
	font-size:1em;
	margin:0 0 0 10px;
	border:1px solid #c6262a;
}

#login .login div input[type=submit] {
	cursor:pointer;
	border:1px solid #666;
	color:#444;
	background:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background: #fff;
	-moz-box-shadow:inset -1px -1px 5px 1px #ccc;
	-webkit-box-shadow:inset -1px -1px 5px 1px #ccc;
	box-shadow:inset -1px -1px 5px 1px #ccc;
}

#login .login div input[type=submit]:hover {
	color:#000;
	border:1px solid #000;
}