/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX LMENTS --- */

/* Page */
html {
	font-size: 100%;
}
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 12px;
	line-height: 1.25;
	color: #333333;
	background-color: #D9D9D9;
	min-width:1016px;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 18px 0 9px 0;
}
h1, h2 {
	font-weight: normal;
}
h1 {font-size:1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: 10px 0 10px 20px;
	padding: 0;
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: 10px 0;
}

/* Liens */
a {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:focus {
	text-decoration: none;
}
a img {
	border: none;
}

.centprcent {
	display:block;
	height:100%;
	width:100%;
}

.lien_bleu {
	background:transparent url(../images/puce_lien.gif) 0 5px no-repeat scroll;
	padding-left:10px;
	color:#336699;
	font-size:11px;
}

/* Divers lments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

img{
	vertical-align:middle;
	padding:0;
	margin:0;
}

/* ------ STYLES ------ */

.container {
	clear:both;
	padding:0 0 0 40px;
}

.contenu {
	width:1010px;
}

/*-- HEADER --*/

#headertop_container {
	background-color:#000;
	height:110px;
}

#headertop {
	background:#000 url(../images/headertop.gif) left bottom no-repeat scroll;
	height:110px;
	position:relative;
}

#rond_imprimVert {
	background:transparent url(../images/rond_imprimVert.gif) 0 0 no-repeat scroll;
	height:80px;
	width:80px;
	position:absolute;
	top:70px;
	left:735px;
}

#header_container {
	background:#fff url(../images/cameleonTop.jpg) right bottom no-repeat scroll;
	height:216px;
	padding:23px 0 4px 40px;
}

#header {
	height:216px;
}

#logo {
	background:transparent url(../images/logo.gif) 0 0 no-repeat scroll;
	width:705px;
	height:162px;
	margin:0 0 0 -40px;
}

#texteAccueil {
	margin:15px 0 12px 0;
	text-transform:uppercase;
	font-size:12px;
	color:#666666;
}

#texteAccueil h1{
	font-size:12px;
	font-weight:bold;
	margin:0;
	letter-spacing:0.09em;
}

#texteAccueil h2{
	font-size:12px;
	font-weight:normal;
	display:inline;
	margin:0;
	letter-spacing:0em;
}

#texteAccueil img{
	vertical-align:2px;
	margin:0 6px;
}

/*-- Diapos --*/

#diapo_container {
	background-color:#B2B2B2;
	height:120px;
}

#diapo {
	background-color:#fff;
	height:120px;
	padding: 0 3px;
	width:1619px;
	float:left;
	overflow:hidden;
}

#diapo img{
	height:120px;
}

/*-- contenu --*/

#content_container {
	height:96px;
	background:#fff url(../images/cameleonBottom.jpg) right 4px no-repeat scroll;
	padding:4px 0 0 40px;
}

#content {
	height:81px;
	padding:5px 0 10px 0;
	overflow:hidden;
}

#content ul#menu {
	text-transform:uppercase;
	color:#666666;
	font-size:10px;
	list-style-type:none;
	margin:0 20px 0 2px;
	float:left;
}

#content ul#menu li {
	background: transparent URL(../images/puce_grise.gif) 0 1px no-repeat scroll; 
	padding-left:12px;
	margin:2px 0 3px;
}

#content ul#menu li a {
	text-decoration:none;
	color:#666666;
}

#content ul#menu li a:hover, #content ul#menu li a:focus {
	text-decoration:underline;
}

#boutiqueEnLigne {
	float:left;
	height:71px;
	width:200px;
	margin:5px 15px;
	background:transparent url(../images/boutique.gif) 0 0 no-repeat scroll;
}

#devisSurMesure {
	float:left;
	height:71px;
	width:200px;
	margin:5px 15px;
	background:transparent url(../images/devis.gif) 0 0 no-repeat scroll;
}

#promotionDuMois {
	float:left;
	height:71px;
	width:200px;
	margin:5px 15px;
	background:transparent url(../images/promo.gif) 0 0 no-repeat scroll;
}

/*-- content bottom --*/

#contentbottom_container {
	height:150px;
	background-color:#D9D9D9;
}


#contentbottom {
	height:130px;
	background-color:#D9D9D9;
	padding:10px 0;
	overflow:hidden;
}

#impressionTextiles {
	float:left;
	height:84px;
	width:166px;
	margin:5px 15px 5px 0;
	background:transparent url(../images/impressionTextile.gif) 0 0 no-repeat scroll;
}

p#contact {
	float:left;
	margin:0 25px;
}

p#horaires {
	float:left;
	margin:0 25px;
}

#logosDroite {
	float:left;
}

#heidelberg {
	margin-bottom:8px;
	margin-left:40px;
	width:194px;
	height:47px;
	background:transparent url(../images/heidelberg.gif) 0 0 no-repeat scroll;
}

#imprimVert {
	margin-bottom:8px;
	margin-left:40px;
	width:194px;
	height:47px;
	background:transparent url(../images/imprim-vert.jpg) 0 0 no-repeat scroll;
}

/*-- footer --*/

#footer_container {
	height:60px;
	background-color:#D9D9D9;
}

#footer {
	height:20px;
	background-color:#D9D9D9;
	padding:20px 0;
}

#copyright {
	color:#666;
	font-size:11px;
}

#copyright a{
	color:#666;
	font-size:11px;
	text-decoration:none;
}

#copyright a:hover,#copyright a:focus{
	text-decoration:underline;
}