body { background: #dadada url(../images/bg_content.png) repeat top center; border-top:6px solid black; margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em;}
#wrapper {
	position:absolute;
    width:100%; height:100%;
	z-index:30;
	margin: 0;
	}
#texture {
    background: transparent url('../images/pattern_galerie_forte.png') repeat top center;
	position:fixed;
    width:100%; height:100%;
	z-index:20;
	}
#nav {
	background: transparent url('../images/header.png') no-repeat center 20px;
	width: 100%; height:232px;
	margin: 0 auto;
	overflow:hidden;
	}
#nav_galerie {
	background: transparent url('../images/bg_nav_galeries.png') no-repeat top center;
	width: 488px; height:56px;
	margin: 0 auto;
	overflow:hidden;
	text-align:center;
	margin-top:25px;
	font-family: 'Titillium Web', sans-serif;
	color:#fff;
	font-size:1.2em;
	letter-spacing:0.02em;
	text-shadow: -1px -1px 0px rgba(0,0,0,1);
	line-height:42px;
	}
#nav_galerie a {color:#4982a1;}
#nav_galerie a:hover {color:#999;}
.hilight {text-shadow: 0 0 10px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,0.5);}
.btn_lateral a {display:block;width:177px;color:#fff;font-size:22px;}
.btn_lateral a:hover {text-shadow: 0px 0px 4px rgba(255,255,255,1);}
.btn_central {display:block;width:200px;color:#000;font-size:27px;, 0 1px 0px rgba(255,255,255,0.3);}

h1{ font-family: 'Titillium Web', sans-serif; font-size:1.2em; line-height:1.25em; color:#000; font-weight:400; width:100%; padding-bottom:8px; margin-bottom:20px; border-bottom:1px solid #949494; clear:both;}
.h1_plus{ font-size:0.9em; color:#666; font-style:italic;}
h2{ font-family: 'Titillium Web', sans-serif; font-size:1.05em; color:#000; font-weight:400; margin-bottom:12px; text-transform:lowercase; letter-spacing:0.05em;}

p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.85em; color:#646464;line-height:1.35em;}
#page p { text-align:justify;}
p.texte_coordonnees {font-size:.9em;line-height:1.35em;margin:0 30px 0 10px;width:270px !important;float:left;border-right:1px dotted grey;}
.carte_coordonnees {background: url(../images/lien_localisation.jpg) no-repeat top left; margin-bottom:10px;width:370px !important;height:150px;float:left; border-top:1px solid black; border-bottom:1px solid black;}

.footer_sep { margin:0 20px; color:#518a97;}
.article_border { font-size:.8em; line-height:1.3em; text-align:justify; color:#505050; margin-left:15px; padding:6px 0 25px 0; border-bottom:1px solid #ddd;}
.retrait_10 { line-height:1.3em; text-align:justify; color:#505050; padding-left:30px;}
.retrait_5 { line-height:1.3em; text-align:justify; color:#505050; padding-left:10px;}
.accroche {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#000; padding-top:6px; }
.pdf {font-style:italic; font-size:.7em; text-align:left; color:#597192; padding:8px 0 2px 30px;margin:10px 0 0 15px;}
.icone_elec, .icone_amenagement, .icone_panos, .icone_web, .icone_mail {height:30px; font-style:italic; font-size:.7em; text-align:left; color:#597192; padding:8px 0 2px 36px;margin:10px 0 0 15px;}
.pdf { background: url(../images/pdf.png) no-repeat top left;}
.icone_web { background: url(../images/icone_web.png) no-repeat top left;}
.icone_mail { background: url(../images/icone_web.png) no-repeat top left;}
.pdf a, .icone_elec a, .icone_amenagement a, .icone_web a, .icone_panos a, .icone_mail a{font-style:normal; font-size:1.1em; line-height:1.1em; color:#505050; text-decoration:none;}
.zindex-10{position:relative; z-index:10;}
.to-top{position:relative; z-index:20; float:right; margin-top:-46px;}
.sidebar{ font-size:.8em; text-align:left; color:#757575;}
.side_fleches, .side_fleches a { font-size:.9em; font-family: Arial, Helvetica, sans-serif; vertical-align:1px; color:#708fb3; font-weight:bold; margin-left:3px; text-decoration:none;}

a{ color:#6e8394; text-decoration:none;}
a:hover{ color:#000; text-decoration:none;}

/* COMMON CLASSES */
.break { clear:both; }
.prechargement { background-position: top left; background-repeat: no-repeat; width:10px; height:10px; position:absolute; bottom:0px; left:0px; visibility:hidden;}

#info_ponctuelle {
    width: 100%;
    height: auto;
    position:absolute;
    z-index:9;
    top:225px;
    }
#annonce_ponctuelle {
    width: 740px;
    height: auto;
    margin: 0 auto;
    }
#annonce {
    width: 500px;
    height:auto;
    float: right;
    margin: 0;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    text-transform: uppercase;
    text-align: center;
    color: white;
    font-size: 26px;
    line-height: 1.35em;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    padding:15px 0;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -ms-transform: skew(0deg,-6deg); /* IE 9 */
    -webkit-transform: skew(0deg,-6deg); /* Chrome, Safari, Opera */
    transform: skew(0deg,-6deg); /* Standard syntax */
    }

#barre_middle_accueil {
    background: #fff url(../images/bg_top_content.png) repeat-x top center; width:100%; height:27px; margin-top:468px; margin-left:0; position:absolute;}
#barre_middle_pages { background: #fff url(../images/bg_top_content.png) repeat-x top center; width:100%; height:27px; margin-top:325px; margin-left:0; position:absolute;}
#barre_middle_contact { background: #fff url(../images/bg_top_content.png) repeat-x top center; width:100%; height:27px; margin-top:331px; margin-left:0; position:absolute;	}

#content { width:960px; height:auto; top:0; position:relative; margin:0 auto; z-index:10;}

#header-accueil { width:960px; height:430px; margin:0;}
#header-pages { width:960px; height:290px; margin:0;	}

#intro { background: url(../images/bg_intro.png) repeat-x left 80px; width:960px; height:auto; float:left; margin:0; padding-bottom:25px;}
#intro_content { background: url(../images/carre_intro.png) no-repeat 15px 8px; width:713px; height:auto; float:left; margin:66px 20px 0 25px; padding-top:30px;}
#intro_content p {width:698px; text-align:justify; height:auto; float:left; padding:0 15px;}
#intro_marge { width:200px; height:280px; float:right; margin:0;}

#page { background-color:rgba(255,255,255,0.35); float:left; width:910px; height:auto; margin-top:10px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; padding:25px 25px;}
#page p {padding-left:15px;}
.ariane { background-color:rgba(0,0,0,0.05); float:left; line-height:2em; width:860px; height:auto; margin-bottom:30px; padding:0px 25px 0px 25px; border-left:2px solid black;}
.ariane a { margin:0 10px;}
.ariane a:first-child { margin-left:0;}
.sep_ariane { background-color:rgba(0,0,0,0.05); float:left; width:910px; height:6px; margin:20px 0 40px 0; padding:0;}

.marge_devis, .marge_galerie, .marge_ftp {background: url(../images/bg_marge.png) no-repeat top left; width:184px; float:left; margin:0;}
.marge_devis:hover, .marge_galerie:hover, .marge_ftp:hover {background: url(../images/bg_marge_hover.png) no-repeat top left; width:184px; float:left; margin:0;}
.marge_devis {background-position: -0px -0px; height:122px;}
.marge_devis:hover {	background-position: -0px -0px; height:122px;}
.marge_galerie {background-position: -0px -122px; height:54px;}
.marge_galerie:hover {background-position: -0px -122px; height:54px;}
.marge_ftp {background-position: -0px -176px; height:89px;}
.marge_ftp:hover {background-position: -0px -176px; height:89px;}

.colonne_refs { width:285px; height:auto; float:left; padding-left:10px; text-align:left!important; line-height:1.7em;}

#liens_services { width:960px; height:auto; float:left; margin-top:20px;}
.colonne_services { width:25%; height:auto; float:left; padding-bottom:20px;}
.colonne_services p {width:200px; height:auto; margin-left:20px; padding:20px 0 26px 5px; border-top:1px solid #6d6d6d; border-bottom:1px solid #6d6d6d;letter-spacing:-0.03em; line-height:1.4em;}
.colonne_services h2 {text-align:center;color:#3c3c3c;}
.colonne_services li {display:block; width:100%; margin-top:10px; font-family: 'Titillium Web', sans-serif; font-weight: 400; list-style:none; font-size:0.9em; text-align:center; color:#406696;}
.colonne_services li a {letter-spacing:0.05em; font-size:0.9em; color:#323232;}

.offset, .numerique, .haut_de_gamme, .autres_services{width:100%; height:82px;}
.offset{background: url(../images/pic_offset.png) no-repeat top center;}
.numerique{background: url(../images/pic_numerique.png) no-repeat top center;}
.haut_de_gamme{background: url(../images/pic_haut_de_gamme.png) no-repeat top center;}
.autres_services{background: url(../images/pic_autres_services.png) no-repeat top center;}
.border_right{background: url(../images/sep_services.png) no-repeat right 20px;}

#plan_footer {
	background: url(../images/bg_plan.png) repeat-x left 15px;
	width:960px; height:180px;
	float:left;
	margin:20px 0 0 0;
	border-top:1px solid black;
	}
.colonne_plan {
	height:175px;
	float:left;
	}
.colonne_plan h2 {width:90%; color:#3c3c3c; font-size:1em; margin:30px 4% 0 4%; padding-bottom:8px; border-bottom:1px solid #949494;}
.colonne_plan p {height:auto; font-size:0.85em; padding:14px 0 26px 5%; letter-spacing:-0.03em; line-height:1.4em; color:#666;}
#footer {
	width:960px; height:40px;
	float:left;
	margin:14px 0 30px 0;
	border-top:1px solid black;
	}
#footer p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.7em; color:#757575; margin-top:10px;}
#footer a {color:#757575; text-decoration:none;}
#footer a:hover {color:#000; text-decoration:none;}

#cloture {
	background: url(../images/bg_cloture.png) repeat-x top center;
	width:100%; height:72px;
	margin:0;
	padding:0;
	clear:both;;
	}
#cloture_content {
	background: url(../images/bg_cloture_content.png) no-repeat 385px top;
	width:960px; height:11px;
	margin:0 auto;
	padding:0;
	}
	
#navigation {
	background: url(../images/bg_nav.png) repeat-x top left;
	width:680px;
	height:67px;
	float:right;
	margin-top:40px;
	}
#logo {
	background: url(../images/logo-artisanale.png) no-repeat top left;
	width:229px; height:195px;
	float:left;
	margin-top:12px;
	}

/* CONTENT */
#habillage_bas {
	height:100%;
	outline:1px dotted red;
	position:relative;
	z-index:1000;
	overflow:hidden;
	}

#titre_content {
	width:100%; height:84px;
	margin:0 auto;
	}