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


/* ============== page1 =====*/
.page_interieure {
	margin:0;
	padding:0;
	background:#fff;
	width:670px;
	color:#000;
}





/* ============== annexe_liens_internes =====*/
.titre_liens_internes {
	color:#888888;
	font-weight:bold;
	display:block;
	clear:both;
	overflow:auto;
}

#lien_interne {
	border:1px solid #CCCCCC;
	overflow:auto;
	margin:3px 0 10px 0;
	clear:both;
}

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

#lien_interne ul li {
	padding:5px 20px;
}



/* ============== annexe_liens_externes =====*/
.titre_liens_externes {
	font-weight:bold;
	color:#888888;
}

#lien_externe {
	border:1px solid #CCCCCC;
	overflow:auto;
	margin:3px 0 10px 0;
	clear:both;
}

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

#lien_externe ul li {
	padding:5px 20px;
}



/* ============== annexe_images =====*/
#voir{
	background: #efefef;
	overflow:hidden;
	padding:10px;
	margin:10px 0;
	clear:both;
}


/* ============== annexe_diaporama =====*/
#diaporama {
	clear:both;
	margin:20px 0;
	padding:10px;
	overflow:hidden;
	clear:both;
}

#diaporama p {
	font-weight: bold;
}



/* ============== annexe_commentaires =====*/
#commentaires{
	margin:20px 0;
	padding:10px;
	overflow:hidden;
	clear:both;
}

#commentaires .titre{
	font-weight:bold;
	font-size:1.3em;
}

.commentaires{
	border:1px solid #cccccc;
	padding:5px;
	margin:5px 0;
	clear:both;
}

.commentaires .date{
	float:right;
	color:#888888;
}

.commentaires .titre{
	float:left;
	font-weight:bold;
}

.commentaires div{
	border-top:1px solid #cccccc;
	clear:both;
	padding:5px 0;
}


/* ============== annexe_telecharger =====*/
#bloc_telecharger {
	border:1px solid #cccccc;
	overflow:auto;
	margin:10px 0;
	clear:both;
}

.annexe_telecharger_titre {font-weight: bold;}

.table_telecharger{
	overflow:auto;
	clear:both;
	padding:10px;
	margin:0px;
}

.colonne_image{
	float:left;
	margin: 0px 5px;
}

.colonne_type{
	float:left;
	width:30%;
	margin: 0px 5px;
}

.colonne_titre{
	float:left;
	margin: 0px 5px;
}


/*
#bloc_telecharger a{color:#888888;text-decoration:underline}

#bloc_telecharger a:hover{color:red;text-decoration:none}
*/


/* ============== annexe_pdf =====*/
#pdf{
	overflow:hidden;
	clear:both;
}

.tab_pdf {
margin:3px 0 10px 0;
width:98%;
padding:10px;
}

.image {float:left;margin-right:5px;}

a.lien{color:#888888;text-decoration:underline}
a.lien:visited{color:#888888;text-decoration:underline}
a.lien:hover{color:red;text-decoration:none}

.annexe_txt {color:#555555}




/* ============== annexe_ppt =====*/
#ppt{
	overflow:hidden;
	clear:both;
}
.tab_ppt {
margin:3px 0 10px 0;
width:98%;
padding:10px;
}

a.lien{color:#888888;text-decoration:underline}
a.lien:visited{color:#888888;text-decoration:underline}
a.lien:hover{color:red;text-decoration:none}

.annexe_txt {color:#555555}


/* ============== annexe_video =====*/
#video{
	overflow:auto;
	clear:both;
}

#bloc_video {
	border:1px solid #cccccc;
	overflow:hidden;
	padding: 0;
	margin:10px 0;
}

.video{
	margin-bottom:20px;
	color:#888888;
	margin:10px;
}


/* ============== annexe_son =====*/
#sound{
	overflow:hidden;
	clear:both;
}

.annexe_texte_son {
	margin-bottom:3px;
	color:#888888;
}

#bloc_son {
	border:1px solid #cccccc;
	overflow:auto;
	padding: 10px;
	margin:10px 0;
}