@font-face {
	font-family: 'PointyRegular';
	src: url('fonts/pointy-webfont.eot');
	src: local('Pointy'), local('Pointy'), url('fonts/pointy-webfont.woff') format('woff'), url('fonts/pointy-webfont.ttf') format('truetype'), url('fonts/pointy-webfont.svg#webfont3okBT96D') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RosewoodStdFill';
	src: url('fonts/rosewoodstd-fill-webfont.eot');
	src: local('Rosewood Std'), local('RosewoodStdFill'), url('fonts/rosewoodstd-fill-webfont.woff') format('woff'), url('fonts/rosewoodstd-fill-webfont.ttf') format('truetype'), url('rosewoodstd-fill-webfont.svg#webfontONZYyStm') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CopystructNormal';
	src: url('fonts/COPYN___-webfont.eot');
	src: local('?'), url('fonts/COPYN___-webfont.woff') format('woff'), url('fonts/COPYN___-webfont.ttf') format('truetype'), url('fonts/COPYN___-webfont.svg#webfontk1F9BfJJ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CopystructBold';
	src: url('COPYB___-webfont.eot');
	src: local('?'), url('COPYB___-webfont.woff') format('woff'), url('COPYB___-webfont.ttf') format('truetype'), url('COPYB___-webfont.svg#webfontRM7XM0ph') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	margin:0 auto;
	padding:0;
	color:#444444;
	font-family: arial;
	font-size: 11px;
	}
	
img {border: 0;}

#global {
	margin:0;
	padding:0;
}

#leftcolonne {background: url(images/bg-typo_01.jpg) no-repeat;
float:left;
height: 535px; width:250px;
padding:5px 0 0 0; margin:0;
border: 0;
}
#leftcolonne * {
}
.centrer {position:relative; left:10%;}

#header {
background: url(images/bg-typo_02.jpg) no-repeat;
background-position:0, 0;
height : 90px;
margin:0 0 0 250px;
padding:0;
border: 0;
}

#imprimvert {
margin:3px 15px 0 230px;}

#menuheader {
float:right;
font-weight:bold;
color:#907667;
}

#menuheader ul { list-style-type:none; padding:0; margin:0 0 0 60px;}
#menuheader li {
float:left;
list-style-type:none;
margin:25px 0 0 15px;
}

#menuheader a {text-decoration:none; color:#907667;}
#menuheader a:hover {color:silver;border-bottom : 1px solid silver;}

#main {
background: url(images/bg-typo_03.jpg) no-repeat;
text-align:left;
margin:0 0 0 250px;
padding: 0;
border: 0;
}

hr {
	height: 0;
	line-height: 0;
	margin:0;
	padding: 0;
	border:0;
	visibility: hidden;
	clear: both;
}


h1 {
font-family: arial, helvetica, Trebuchet MS, serif sans-serif;
color:white;
text-transform: uppercase;
font-size:9px;
letter-spacing: 0.1em;
margin:0;
padding:2px 0 0 5px;
height:37px;
width:auto;
-webkit-box-shadow: -1px -1px 2px #000000;
-moz-box-shadow: -1px -1px 2px #000000;
box-shadow:  -1px -1px 2px #000000;
cursor:pointer;
}

.BTNconseil {background:#B91A27 url(images/bg-btn_01.jpg) no-repeat;}
.BTNcrea {background:#63A4C4 url(images/bg-btn_02.jpg) no-repeat;}
.BTNprint {background:#F2EFCD url(images/bg-btn_03.jpg) no-repeat;}
.BTNgalerie {background:#9A260A url(images/bg-btn_05.jpg) no-repeat;}
.BTNdurable {background:#DFD6CB url(images/bg-btn_04.jpg) no-repeat;}

#conseil, #crea, #print, #galerie, #durable, #entreprise {padding : 10px; margin:0;}

#conseil {background:#B91A27 url(images/bg-conseil.jpg) no-repeat;}
#crea {background:#63A4C4 url(images/bg-crea.jpg) no-repeat;}
#print {background:#F2EFCD url(images/bg-print.jpg) no-repeat;}
#durable {background:#DFD6CB url(images/bg-durable.jpg) no-repeat;}
#galerie {background:#333333;}
#entreprise {background : #777777 url(images/entreprise.jpg) top right no-repeat;}
 

.titre-conseil { font-family: 'RosewoodStdFill', Times, Georgia; font-size:35px; color:white;}
.titre-crea { font-family: 'PointyRegular', arial; font-size:48px; color:white;}
.titre-print { font-family: Georgia, Times; font-size:40px; color:#7F200C;font-style:italic;}
.titre-durable {font-family: 'CopystructNormal', Geneva, Lucida sans, impact, arial, Verdana, trebuchet; font-size:27px; color: green;}
.titre-galerie {font-size:18px; color: grey; font-weight:normal;font-family: Trebuchet MS, arial, helvetica, serif sans-serif;font-weight:lighter; text-transform:uppercase; letter-spacing:0.3em;}
.titre-entreprise { font-family:  Times, Georgia,"Bitstream Vera Serif",Norasi,serif; font-size:22px; color:white;font-weight:lighter; text-transform:uppercase; letter-spacing:0.3em;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:none;
margin:25px 0 0 0;}

.sous-titre {font-family:  Times, Georgia,"Bitstream Vera Serif",Norasi,serif;
font-size:22px; color:white; font-weight:lighter; margin:0 0 20px 0;}


.white {color:white;}

.hide {display:none;}

h2 {
display:inline;
font-size:13px;
margin :0;
padding:3px 8px 15px 8px;
height:30px;
font-weight:lighter;
background: url(images/BULLE-H2.png) no-repeat;
color:white;
}

h3 {
font-family: arial, helvetica, serif sans-serif;
color:#D6124C;
border-bottom : 1px solid #444444;
font-weight:normal;
font-size:11px;
margin: 7px 0 2px 0;
height: 20px;
font-variant: caps;
cursor:pointer;
}

p{margin:0; padding : 15px 0 0 0; line-height:130%;}

#presentation {margin:100px 0 0 50px; padding:0;}
#presentation ul {margin:0; padding:0;}
#presentation li {
float:left;
list-style-type:none;
width:200px;
margin-right:30px;
}

#adresse {
margin:390px 0 10px 20px;
font-size:0.95em;
color:#907667;}

#adresse a {text-decoration:none; color:#907667;}
#adresse a:hover {color:silver;border-bottom : 1px solid silver;}


.citation {
float:left;
background: url(images/bg-citation.png) no-repeat;
padding : 10px;
height:127px;
width:180px;
font-family:verdana;
color:black;
}

.citation-titre {background:black;
font-size:13px;letter-spacing : 0.1em;
color:white;
padding:1px 7px 1px 7px;
}

.content {
margin-left:210px;
color:black;
}

.content300 {
margin-left:210px;
color:black;
width:300px;
}

.content480 {
margin-left:210px;
max-width:480px;
}

#web {
margin:15px 0 0 210px;
padding:0; width:500px; height:60px;
}

#web ul {margin:0; padding:0;}
#web li {
float:left;
list-style-type:none;
width:90px;
margin-right:10px;}

#tableau {
text-align:center;
font-size:9px;
color:silver;
margin:15px 0;
padding:0; height:100px;
}

#tableau ul {margin:0; padding:0;}
#tableau li {
float:left;
list-style-type:none;
margin-right:10px;
height:100px;
width:70px;}

.sample{
padding:5px;
margin:10px 0 0 0;
border:1px solid grey; 
width:347px;
text-align:center;}

#icone-galerie {
margin:20px 0 30px 0;
}

#icone-galerie ul {margin:0; padding:0;}
#icone-galerie li { list-style-type:none;}

.vignette{
border:1px solid #BBBBBB;
margin:7px 10px 10px 0;
}