*, body, div, p, form, fieldset, label, input, textarea, ol, ul, li, a, h1, h2, h3, h4, span, hr, table, tr, th, td {
	margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;
}

a img {border:0;}
acronym {border:0;}
.center { text-align:center; }

body { 
	position:relative; background-color: #7d2523;
}

#wrapper {
	position:relative;  background:#fff url(img/header.png) top left no-repeat; 
	width: 900px; text-align: center; margin:10px auto;
}

#header {
	position: relative;
	width:900px; 
	background:transparent; 
	height: 160px;
	text-align:left;
}
#header h1 {
	background:transparent; 
	float:left; 
	display:inline;
	color:#fff; 
	width:355px; 
	font-size:14px; 
	margin-top:23px; 
	margin-left: 20px;
	height: 66px;
}
#header h1 a {
	width: 334px;
	height: 66px;
	
}

#menu {
	position: relative;
	float:left; 
	display:inline;
	width:500px; 
	margin-top: 15px;
	background: transparent url(img/bg_contact.jpg) no-repeat scroll right top;
}
#menu ul {
	height: 77px;
	margin-right: 0px;
	font-size:14px; 
}
#menu ul li {
	height: 77px;
	float: left;
	display:inline;
	list-style:none;
	width:118px; 
	color:#fff; 
	font-size:14px; 
	padding: 0;
}
#menu ul li a {
	text-decoration: none;
	color: #fff;
	padding-top: 10px;
	padding-left: 0px;
	display: block;
	height: 100%;
	
	text-indent: -5000px;
}
#menu ul li a span {
	padding-top: 4px;
	display: block;
	font-size: 11px;
	text-align: justify;
	width: 80px;
	position: absolute;
}
#menu_equipe { 
	background: url(img/equipe.png) top left no-repeat; margin-right: 3px; width:100px; 
}
#menu_services {
	background: url(img/savoir-faire.png) -5px 0 no-repeat; margin-right: 3px; width: 110px; }
#menu_moyens {
	background: url(img/moyens.png) top left no-repeat; border-right:3px solid #fff; width:100px; }
#menu_contact {
	background: url(img/contact.png) top left no-repeat; margin-right:0; width:90px;}





#contenu { clear:both; background: transparent url(img/pied.jpg) bottom right no-repeat; position: relative; 
padding-bottom:10px; }

#corps { 
	position: relative;
	width: 900px; 
	background-color: transparent; 
	font-size: 12px; 
	text-align: left; 
	color: #1c5279; 
	min-height:400px;
}

#zone_gauche {
	position: relative;
	float: left;
	display:inline;
	width: 334px; 
	margin-left: 21px;
	
}


#zone_droite {
	position: relative; float:right; display:inline; margin-right:35px; width:480px; padding-right:0px; }
	
#zone_droite h3 { margin-top:10px; font-size:14px; }
ul.puce { margin-left:15px; list-style-image:url(img/puce.gif) }

.chapo { font-size:12px; font-weight:bold;}
.nof { clear:both; visibility:hidden; }

/* titres pages */
#intitule {
	font-weight: bolder;
	color: #1c5279;
	padding-bottom:15px;
	width: 450px;
	font-size: 22px; /* 18px Frutiger black */
	text-indent: -5000px;
}

#wrapper hr {
	visibility: hidden;
	clear: both;
	height: 15px;
}

#pied { 
	position:relative; clear:both; width:900px; color:#144970; text-align:left;   padding-top:30px;}
#pied p {
	font-size: 11px; margin:0 15px; }

#coord { float:left; display:inline; }
#rea { text-align: right; right: 0;}
#rea a {color: #144970; text-decoration: none;}
#rea a:hover { color:#7d2523; }

/* accueil */
.accueil {  position:relative; background:url(../images/accueil/imprimerie.jpg) 190px 100px no-repeat; padding-bottom:45px;  }
.accueil ul { position:relative; margin-top:5px; list-style-type:none;  }
.accueil ul li { padding:5px 0 ;}
#logo {margin:30px 0 0 0;}

.accueil_left {
	margin-top: 20px;
	margin-left: 10px;
	width: 280px;
	background: url(img/accueil_left.png) center bottom no-repeat;
}
.accueil_left div {
	border: 0pt none;
	padding: 10px 8px 0px 9px;
	background: url(img/accueil_left.png) center top no-repeat;
}
.accueil_left div div {
	border: 0pt none;
	padding-top: 12px;
	background: transparent none center top no-repeat; 
}

.accueil_left h3 {
	background:url(../images/accueil/titre-imprimerie-imprimvert.gif) 0px 0 no-repeat; text-indent:-5000px;
	padding-top: 5px;
	padding-right: 10px;
	width:250px;
}
.accueil_left img.fleft {
	float: left;
	display:inline;
	width: 100px;
	margin: 5px 5px 0 5px;

}
.accueil_left p { padding-top: 10px;  }

h2.accueil {
	background: url(img/intitule-accueil.png) -2px 0 no-repeat;
	height: 24px;
	width: 346px;
}
#qualitePdt { 
	position:relative; margin:20px 0 0 20px;  height:50px; font-size:13px; background:url(../images/accueil/qualite-produit.gif) -5px -10px no-repeat; text-indent:-5000px; }

/* equipe */

h2.equipe {
	background: url(img/intitule-equipe.png) left top no-repeat;
	height: 45px;
	width: 310px;
}
#equipe_faces {
	margin-left: 10px; margin-top:10px; width:330px; list-style: none;}
#equipe_faces li {
	width:110px; height:110px; float:left; }
/* tool-tip mootools */
.tool-tip {	color: #3d3d2c; width: 212px; z-index: 13000; }
.tool-title {	font-weight:bold; font-size:12px; margin:0; color:#3d3d2c; padding:30px 0 0 20px ; background: url(img/tooltip.gif) 0 0; }
.tool-text {font-size:11px;	padding: 0 0 10px 20px; background: url(img/tooltip.gif) bottom left; }


/* savoir-faire */

h2.savoirfaire {
	background: url(img/intitule-savoirfaire.png) left top no-repeat;
	height: 46px;
	width: 410px;
}


/* moyens */

h2.moyens {
	background: url(img/intitule-moyens.png) left top no-repeat;
	height: 44px;
	width: 387px;
}

.defil_left {
	text-align: center; overflow:hidden; height:320px; /* pour IE */	}
.defil_left div {
	background:url(img/zone_img_top.jpg) top center no-repeat transparent; 
	margin-top: 40px;
	padding-top: 20px;
	width: 331px;
	 
}
.defil_left div ul {
	list-style: none;
}
.defil_left div ul li img {
	width: 301px;
}
.defil_left p.img_desc {
	background:url(img/zone_img_bottom.jpg) top center no-repeat transparent;
	color: #bcbd18;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 2px;
	margin-top: 5px;
	height: 15px;
}

/* contact */

h2.contact {
	background: url(img/intitule-contact.png) left top no-repeat;
	height: 22px;
}

.contact_left { position:relative;
	background:url(img/interlocuteurs.png) top center no-repeat transparent;
	width: 300px; padding-top:10px; margin:30px 0 0 0; }

.contact_left h3 { font-size:14px; padding-top:10px; }
.contact_left h4 { font-size:13px; padding:10px 0 0 0; margin-top:20px; width:250px; text-align:center; }

.contact_left ul { list-style-type:none; width:250px; }
.contact_left li { margin-top:3px; text-align:center; }
.contact_left li span.tel { display:block; width:150px; text-align:left; float:left;  }
.contact_left div {
	background:url(img/interlocuteurs.png) bottom center no-repeat transparent;
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 40px;
}
.contact_left p {
	margin-top: 20px;
	padding-bottom: 20px;
}

.contact_right { position:relative;}

#titre_form {
	font: bold 13px arial, hevetica, sans-serif;
	padding: 5px;
}

form#contact { margin:0; padding:0; text-align: center;	width: 450px; }

#corps_form { position:relative; padding:0 10px; }
#corps_form p {	position:relative; padding:8px 0 0 0; margin:0; clear: both; }
#corps_form label:hover { cursor: pointer; }

#corps_form label {	
	float:left;
	display:inline;
	text-align: left;
}
#corps_form input, #corps_form textarea { width:250px; }
#corps_form input, #corps_form textarea, #corps_form p em { float:right; display:inline; }
.obl { font: italic 11px Arial, Helvetica, sans-serif; text-align:right;}
#corps_form input#valider {
	position: relative;
	background: url(img/valider.png) bottom center no-repeat transparent;
	cursor:pointer;
	float: right;
	color: #144970;
	font: 14px Arial sans-serif;
	width: 95px;
	height: 24px;
	border: 1px #9d9b9b solid;
	outline: none;
}
#valider:active {
	border: 2px inset #9d9b9b;
	outline: none;
}

#errors_form { width:430px; background-color: #F0F0F0; border: 1px solid #bcbd18; margin-left:10px; }

#errors_form h2 {
	background-color: #bcbd18; color:#fff; font-size:12px; padding:2px 0 5px 10px; text-align:left; }

#errors_form p { 
	font-size:11px; color: #333333; padding-left:10px; }