#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; }


/* ============== index =====*/
#slide {
	width:1000px;
	height:330px;
	position:relative;
	background:#fff;
}

#slide .layerSlide {
	width:1000px;
	height:310px;
	overflow:hidden;
}

#slide .slide {
	overflow:hidden;
	width:1000px;
	height:310px;
	position:absolute;
	top:0;
	left:0;
}

#slide .supSlide {
	overflow:hidden;
	width:300px;
	height:310px;
	position:absolute;
	padding:30px;
	right:0;
	bottom:0;
	background:url('/graph/site/opacity.png') repeat;
	color:#fff;
}

.e7 #slide .supSlide {
	width:240px;
	height:250px;
}

#slide .supSlide h2 {
	margin-top:0;
}

#slide .supSlide h2 a {
	color:#fff;
}

#slideLoopNext, #slideLoopPrev {
	position:absolute;
	top:40%;
	cursor:pointer;
	display:block;
	width:40px;
	height:60px;
	background:url('/graph/site/slide.png') top left no-repeat;
}

#slideLoopPrev {
	left:-20px;
}

#slideLoopNext {
	background-position:top right;
	right:-20px;
}

#slidePause, #slideRun {
	display:block;
	width:40px;
	height:30px;
	background:url('/graph/site/slide.png') -40px 0 no-repeat;
	position:absolute;
	bottom:10%;
	left:48%;
	cursor:pointer;
}

#slideRun {
	background-position:-40px -30px;
}

#slidePagination {
	text-align:right;
	padding-right:30px;
	border-top:1px solid #CD1316;
}

#slidePagination span {
	background:#989898;
	color:#ffffff;
	cursor:pointer;
	display:inline-block;
	height:20px;
	width:20px;
	text-align:center;
	margin-right:3px;
}

#slidePagination span.active {
	background:#CD1316;
}

#homeArticle {
	margin:20px 50px;
	text-align:justify;
}

#homeArticle h1 {
	font-size:1.1em;
}