#header-wrapper { width:100%; height:170px; background:url(../images/headerbg.jpg) 0 0 repeat-x; }
#header { width:930px; height:160px; position:relative; margin:0 auto; }
#header #logo { display:block; position:absolute; left:0; bottom:0; width:360px; height:120px; }
#header h2, 
#header h3 { text-indent:-6000px; }
#header-logo { width:1150px; height:160px; background:url(../images/header-logo.png) center 0 no-repeat; margin:0 auto; }
#header-bottom { width:100%; height:10px; background:url(../images/zebra.gif) 0 0 repeat-x; }
#header-bottom div { width:100%; height:10px; background:url(../images/masque.gif) center 0 no-repeat; }


#menu { width:510px; height:36px; position:absolute; right:0; bottom:0; }
#menu li { float:left; text-align:middle; height:36px; background:#E5E5E5 url(../images/menubg.gif) 0 0 repeat-x; border-right:1px solid #fff; }
#menu a { text-transform:uppercase; color:#000; text-decoration:none; display:block; padding:10px 0 8px 0; }
#menu a:hover,
#menu a.active { color: #fff; }
#menu #accueil a { width:94px;  }
#menu #accueil a:hover,
#menu #accueil a.active { background:url(../images/accueil_on.gif) 0 0 no-repeat; }

#menu #quisommesnous { width:146px; }
#menu #quisommesnous a:hover,
#menu #quisommesnous a.active { background:url(../images/quisommesnous_on.gif) 0 0 no-repeat; }

#menu #service { width:121px; }
#menu #service a:hover,
#menu #service a.active { background:url(../images/service_on.gif) 0 0 no-repeat; }

#menu #contact { width:145px; }
#menu #contact a:hover,
#menu #contact a.active { background:url(../images/contact_on.gif) 0 0 no-repeat; }

#footer-wrapper { width:100%; height:380px; background:url(../images/footerbg.gif) 0 10px repeat-x; }
#footer-top { width:100%; height:10px; background:url(../images/zebra.gif) 0 0 repeat-x; }
#footer { width:930px; margin:0 auto; 0 height:370px; text-align:left; color:#666; font-size:11px; }
#footer a { color:#666; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer p { margin:20px 0; }
#footer address { text-indent:-6000px; }
#footer #address { margin-right:40px; }

.page { width:930px; margin:0 auto; text-align:left; padding:30px 0; }


/* Accueil */
.accueil .col-1 { float:left; width:190px!important; margin:0 20px 30px 0!important;  }
.accueil .col-1 .content { border-left:1px solid #D6EFFB; border-right:1px solid #D6EFFB; width:168px; padding:10px; }
.accueil .col-1 .top { width:190px; height:5px; background:url(../images/col1_top.gif); }
.accueil .col-1 .bottom { width:190px; height:5px; background:url(../images/col1_bottom.gif); }
.accueil .col-1 h4 { font-size:12px; font-weight:bold; color:#690; margin:10px 0; }
.accueil .col-1 a { font-size:12px; font-weight:bold; color:#690; margin:30px 0; display:block; }
.accueil .col-1 li { font-size:12px; list-style:outside disc; color:#666; margin-left:13px; }

.accueil .col-2 { float:left; width:720px!important; margin:0 0 30px 0!important;  }
.accueil .col-3 { float:left; width:930px; margin:0 10px 30px 0; }
.accueil .col-3 h2 { font-size:28px; color:#134C8C; font-weight:normal; margin:0 0 10px 0; border:none; }
.accueil .col-3 .item { float:left; margin:0 15px 15px 0; background:#690; padding:2px; }
.accueil .col-3 .top { width:470px; height:5px; background:url(../images/col3_top.gif); }
.accueil .col-3 .bottom { width:470px; height:5px; background:url(../images/col3_bottom.gif); }
.accueil .col-3 .content { background:#fff; zoom:1; width:926px; height:250px; position:relative; display:block; text-decoration:none!important; }
.accueil .col-3 .content:hover { background:#f0f0f0; }
.accueil .col-3 .content h3 { font-size:20px; color:#689A03; font-weight:normal; margin-bottom:10px; line-height:1.2em;  }
.accueil .col-3 .content p { font-size:15px; color:#679901; font-weight:normal; margin:0px; line-height:1.3em; }

.accueil .col-3 .img { position:absolute; left:10px; top:10px; padding:0px; width:300px; height:225px; }
.accueil .col-3 .img img { width:300px; height:225px; }
.accueil .col-3 .text { position:absolute; right:10px; top:10px; padding:0px; width:580px; }
.accueil .col-3 .hidden { display:none; }
.accueil .col-3 .falselink { font-weight:bold!important; text-decoration:underline; color:#666!important; margin:15px 0 0 0!important; }

.accueil .col-4 { float:left; width:450px; margin:0 0 30px 0;  }


/* Bloc actualités */

/* navigation */
#nav {
	background:#D8F0FB;
	height:130px;	
	width:720px;
}

#nav ul {	
	width:720px;
	margin:0 auto;
	padding:0;	
}

#nav li {	
	border-right:1px solid #ccc;
	float:left;
	width:178px;
	text-align:center;
	font:13px/1.2 Trebuchet MS, Arial, Helvetica, sans-serif;
}
#nav .last { border:none; }

#nav a {
	color:#333;
	display:block;
	padding:5px;
	position:relative;	
	height:120px;
	text-decoration:none;
}	

#nav a.current {
	background:url(../images/navbg.jpg) 0 0 repeat-y;
	font-weight:bold;
}

#nav img {
	background-color:#fff;
	border:1px solid #333;
	margin:5px auto;
	width:68px;
	height:53px;		
	display:block;
}


/* panes */
#panes {
	
	width:720px;	
	height:350px;
	background:url(../images/actubg.jpg) 0 0 repeat-x;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:0px;
	left:0px;
	font-size:14px;
	color:#444;	
	width:700px;
	padding-left:20px;
	
}

#panes img {
	float:right;
	margin-left:20px;		
}
#panes h1 {
	font:32px/1.1 Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#144C8D;
	margin:10px 0;
}
#panes p {
	font:16px/1.4 Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#666;
	margin:10px 0;
}
#panes a { color:#666; }


/* Services */
.page .col-1 { float:left; width:725px; margin:0 25px 30px 0;  }
.page .col-2 { float:left; width:180px; margin:0 0 30px 0;  }

.page h2 { clear:both; font-size:16px; font-weight:bold; color:#666; border-bottom:10px solid #F5F5F5; margin:10px 0 15px; padding-bottom:6px; }
h1 { font-size:32px; line-height:0.9em; color:#999; font-weight:normal; padding-left:22px; background:url(../images/puce.gif) 0 5px no-repeat; margin:5px 0; }
.service p {  font-size:16px; color:#666; margin:5px 0; padding-left:25px; }
.service .text { float:left; width:530px; margin-right:15px; }
.service .img { float:left; width:180px; height:210px; background:url(../images/plus.gif) 0px bottom no-repeat; }

.service .signaletique h1 span { color:#09F; }
.service .adhesif h1 span { color:#690; }
.service .vehicule h1 span { color:#C30; }
.service .imprimerie h1 span { color:#F93; }

/* Contact */

.contact {}
.contact .maps { float:right; width:430px; height:250px; margin-bottom:20px; }
.contact address { font-style:normal; font-size:16px; margin:10px 0 10px 10px; }
.contact .tel { background:url(../images/telephone.gif) 0 0 no-repeat; padding-left:45px; font-size:26px; font-weight:bold; font-style:italic; color:#5FA714; height:45px; }
.contact h1 { color:#144C8D; }
.contact .cnil { width:300px; font-size:11px; line-height:1.2em; margin:10px 0 10px 10px; }


.field {
	font-size: 12px;
	color: #000;
	padding: 1px;
	border: 1px solid #999;	
}
.fielderror {
	font-size: 12px;
	color: #000;
	padding: 1px;
	border:1px dashed #F00;
	background-color:#FFE5E5;
}
input.button {
	font-size: 12px;
	color: #FFF;
	background-color: #333;
	text-align: center;
	padding: 1px;
	border: 1px solid #999;
	font-weight: normal;
	cursor: pointer;
	text-align:center;
}

.ok {
	border: 1px solid #3C0;
	background-color: #6F9;
	text-align: left;
	padding: 10px;
	margin: 10px 0;
}
.error {
	border: 1px solid #F00;
	background-color: #FCC;
	padding: 10px;
	margin: 10px 0;
}

.valid{ border:1px solid green !important; background-color:#B2FFE0!important; background-image:none!important; }
.invalid{ border:1px dashed #F00 !important; background-color:#FFE5E5!important; background-image:none!important; }

.formulaire table { margin:10px; }
.formulaire td { vertical-align:top; padding:3px; }
.formulaire .label { width:100px; }
.formulaire label { font-size:12px; }
.formulaire input,
.formulaire textarea { width:200px; }

/* Qui sommes nous */
.quisommesnous {}
.quisommesnous p { font-size:16px; color:#666; margin:5px 0; padding-left:25px; }
.quisommesnous .img { text-align:center; margin: 30px 0; }
.quisommesnous  h1 { color:#144C8D; }