@charset "utf-8";
/* CSS Document */

/*********** 
Reset styles 
***********/

* {
	margin: 0;
	padding: 0;
}
html {
	background: #373737;
}
.c {
	clear:both;
}
img {
	border:0px;
}
span.image_gauche {
	margin : 0px 15px 5px 0px;
	padding : 0px 0px 0px 0px;
	float:left;
}
.certif_left { float:left; width: 250px;padding:0 30px 0 0; text-align:center; }
.certif_left img { margin:0 auto; display:block; }
.italic {
	font-style:italic;
}
.padtop {
	display:block;
	padding-top:5px;
}


/****************
Global 
****************/
#global_accueil {
	width: 100%;
	text-align: center;
	background: #fff url(../images/fond-site.jpg) repeat-x;
}

/****************
Header 
****************/
#header {
	width: 850px; 
	height: 185px;
	margin: 0 auto;
	text-align: center;
}
#logontc {
	/*padding:0 0 5px 0;*/
	margin:0 auto;
	width:350px;
	height:151px;	
	display:block;
}
#menu {
  width:830px;
  margin:0 auto;
  /*padding:5px 0 0 0;*/
}
#nav {
  display:block;
	list-style: none;
	float:left;
}
#nav li {
	display: block;
	color: #fff;
  float:left;
}
#nav li a {
  display: block ;
	font-family: "Tahoma",Arial,sans-serif ;
	font-size:13px;
	padding:0 23px;
	text-align: center ;
	text-decoration: none ;
	line-height:31px;
	color: #fff;
	background: #fff url(../images/menu.jpg) no-repeat 0 0;
}
#nav li a:hover, #nav li a:focus, #nav li a:active, #nav li a.active {
  background: url(../images/menu.jpg) no-repeat 0 -32px;
	color:#000;
}
#nav li.finMenu {
  width:1px;
  height:32px;
  background: #fff url(../images/menu.jpg) no-repeat 0 0;
}
/****************
Menu principal
****************/
#filariane {
	clear:both;
	width: 850px;
	margin: 0 auto;
	font-family:Arial,sans-serif ;
	font-size:11px;
	text-align:left ;
	text-decoration:none ;
	color:#484848;
	background: url(../images/maison.gif) no-repeat;
	background-position: 0 10px;
	padding:10px 0 0 17px;
}
#filariane a{
  text-decoration:underline;
  color:#484848;
}
#filariane a:hover, a:focus, a:active {
  color:#ed7a53;
}
#content {
	clear:both;
	width: 850px;
	margin: 0 auto;
	text-align:left;
	padding: 30px 0;
}
#content h1 {
  text-align:center;
  padding:0 0 10px 0;
}
#content h2.grand {
  color:#ed7a53;
  font-family: Arial,sans-serif ;
	font-size:18px;
	font-weight:normal;
	background: url(../images/trait-large.jpg) no-repeat;
	background-position:0 32px;	
  line-height:25px;
  padding:8px 0 15px 0;
}
#content h2.col {
  color:#ed7a53;
  font-family: Arial,sans-serif ;
	font-size:18px;
	font-weight:normal;
	background: url(../images/trait.jpg) no-repeat;
  background-position:0 36px;	
  line-height:25px;
  padding:12px 0 15px 0;
}
#content h2.actu {
  color:#fff;
  font-family: Arial,sans-serif ;
	font-size:18px;
	font-weight:normal;
	font-style:italic;

}
#content h3.titre {
  color:#414141;
  font-family: Arial,sans-serif ;
	font-size:15px;
	font-weight:bold;
	padding:8px 0 10px 0;
}
#content h3.prod {
  color:#ed7a53;
  font-family: Arial,sans-serif ;
	font-size:13px;
	font-weight:normal;
	padding:0 0 10px 0;
}
#content h3.actu {
  color:#fff;
  font-family: Arial,sans-serif ;
	font-size:15px;
	font-weight:bold;
	padding:8px 0 0 0;
}
#content h3.actu  a {
	color:#fff;
	text-decoration:none;
}
#content h3.actu  a:hover, #content h3.actu  a:active, #content h3.actu  a:focus {
	color:#fff;
	text-decoration:underline;
}
#content p.actu {
  color:#FFF;
  font-family: Arial,sans-serif ;
	font-size:13px;
	font-weight:normal;
	text-align:justify;
	padding:8px 30px 0 0;
}
a.lientexte {
  color:#FFF;
  text-decoration:none;
}
a.lientexte:hover, a.lientexte:focus, a.lientexte:active {
  color:#fff;
  text-decoration:none;
}
#content ul.accueil, ul.liste_actu  {
  list-style: none;
}
#content li.accueil, ul.liste_actu  li {
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-weight:normal;
  text-align:justify;
  color:#414141;
  background: url(../images/puce.gif) no-repeat;
  background-position:0 2px;
  padding:0 0 10px 15px;
}
#content a.accueil, ul.liste_actu  li a {
  text-decoration:none;
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-weight:normal;
  color:#414141;  
}
#content a.accueil:hover, a.accueil:focus, a.accueil:active, ul.liste_actu  li a:hover, ul.liste_actu  li a:active, ul.liste_actu  li a:focus {
  text-decoration:underline;
  color:#000;
}
ul.liste_actu  li.active a {
	font-weight:bold;
} 
#content p {
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-weight:normal;
  text-align:justify;
  color:#414141;
  padding:0 0 15px 0;
}
#content img.droite{
  padding:70px 0 0 0;
}
.contact {
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-style:normal;
}
a.contact {
  text-decoration:none; 
  color:#fff; 
}
a.contact:hover, a.contact:focus, a.contact:active {
  text-decoration:underline; 
  color:#fff; 
}
#content address {
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-style:normal;
  color: #FFF;
}
#content strong.contact {
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-weight:bold;
  color: #FFF;
}
#content strong {
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-weight:bold;
  color: #414141;
}

#content span.produits {
  font-family: Arial,sans-serif ;
  font-size:16px;
  font-style:italic;
  text-align:right;
  color: #5a5a5a;
  padding:0 0 0 310px;
}
#content a.btnvert {
  display:block;
  height:15px;
  width:90px;
  color:#fff;
  background: url(../images/btn-vert.jpg) no-repeat;
  background-position:0 2px;  
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  padding: 6px 30px 10px 15px;  
}
#content a.btnvert:hover, a.btnvert:focus, a.btnvert:active {
  color:#414141;
}
#content a.btngris {
  display:block;
  height:15px;
  width:90px;
  color:#ed7a53;
  background: url(../images/btn-gris.gif) no-repeat;
  background-position:0 2px;  
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  padding: 6px 30px 10px 20px; 
  margin:8px 0 0 110px; 
}
#content a.btngris:hover, a.btngris:focus, a.btngris:active {
  color:#414141;
}

.left_col {
	float:left;
	width:550px;
}
.right_col {
	float:right;
	width:290px;
	padding:0 0 0 10px;
}
.left_col_societe {
	float:left;
	width:530px;
}
.right_col_societe {
	float:right;
	width:290px;
	padding:0 0 0 30px;
}
.right_col_actualite {
	float:right;
	width:530px;
}
.left_col_actualite {
	float:left;
	width:290px;
	padding:0 30px 0 0;
}
#content h2.col_actu {
  color:#f99608;
  font-family: Arial,sans-serif ;
	font-size:18px;
	font-weight:normal;
	background: url(../images/trait.jpg) no-repeat;
  background-position:0 32px;	
  line-height:25px;
  padding:8px 0 15px 0;
}
.no_col {
  width: 850px;
}
.left_col_moitie {
	float:left;
	width:410px;
}
.right_col_moitie {
	float:right;
	width:410px;
	padding: 0 0 0 20px;
}
#actu {
  height:380px;
	background: url(../images/fond-actu.jpg) no-repeat ;
	padding:0 0 0 35px;
}
.col1 {
	width:260px;
	float:left;
}
.col2 {
	width:250px;
	float:right;
}
.traitvert {
  background: url(../images/trait-vert.jpg) no-repeat ;
  padding:15px 5px 0 0;
  margin:2px 0 0 0;
}
.menu_col {
  float:left;
  width:260px;
  padding:48px 0 0 0;
}
.produits_col {
  float:right;
  width:560px;
  padding:0 0 0 20px;
}
p.logos-references img{
	margin-right:10px;
}

/**************** Menu produits ****************/
#menu_produits {
  display:block;
	list-style: none;
}
#menu produits ul {
  list-style:none;
}
#menu_produits li {
	display: block;
	color: #fff;
  float:left;
}
#menu_produits li a {
  display: block ;
  width:258px;
  height:31px;
	font-family: Arial,sans-serif ;
	font-weight:bold;
	font-size:12px;
	text-align: center ;
	text-decoration: none ;
	line-height:31px;
	color: #4e4e4e;
	background: #e6e6e6;
	margin:0 0 1px 0;
}
#menu_produits li a:hover, #menu_produits li a:focus, #menu_produits li a:active, #menu_produits li a.active {
  background: url(../images/menu-produits.jpg) no-repeat;
	color:#fff;
}
#basmenu {
  display:block;
  height:168px;
  width:258px;
	padding:0 0 15px 0;
}
#content p.menuproduits {
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-weight:normal;
  text-align:justify;
  color:#414141;
}

/**************** Liste produits ****************/
.liste {
  border:0;
  height:69px;
  width:564px;
  display:block;
  background: url(../images/fond-liste.jpg) no-repeat;
  background-position:105px 0px;  
  padding:0 0 3px 0;
}
.liste-active {
  border:0;
  height:69px;
  width:564px;
  background: url(../images/fond-liste-active.jpg) no-repeat;
  background-position:105px 0px;
  padding:0 0 3px 0;  
}
.image {
  width:105px; 
  height:69px;
  display:block; 
}
.ref {
  width:100px;
  font-family: Arial,sans-serif ;
  font-size:12px;
  font-weight:normal;
  text-align:center;
  vertical-align:top;
  color:#ed7a53;
  padding:10px 0 0 0;  
}
.description {
  width:370px;
  font-family: Arial,sans-serif ;
  font-size:11px;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
  color:#414141;  
  padding:8px 5px 0 0;  
}
#content p.description {
  width:350px;
  font-family: Arial,sans-serif ;
  font-size:11px;
  font-weight:normal;
  text-align:left;
  color:#414141;
  padding:5px 0 0 0; 
}

/**** fiche produit ******/
.col_fiche_gauche {
  width:258px;
  float:left; 
}
.col_fiche_hidden {
  width:258px;
  float:left;
  display:none;
}
.col_fiche_droite {
  width:280px;
  float:right; 
}
#content .col_fiche_droite p{
	line-height:18px;
	text-align:left;
}
p.reference {
  font-family: Arial,sans-serif ;
  font-size:13px;
  font-weight:normal;
  color:#94bf10;  
}

/**** formulaire de contact ******/

#formulaire { 
	width:390px;
	margin:0 auto;
}

#formulaire fieldset { 
	margin:5px 0; 
	clear:both; 
	border:0; 
}

#formulaire label { 
	float:left; 
	display:block; 
	text-align:right; 
	width:90px; 
	padding:6px 0 3px 0; 
	margin:0 3px 0 0; 
	font-family:Arial,sans-serif;
	font-size:12px; 
	color:#333; 
}

.contact_txt { 
	float:left; 
	display:block; 
	border:1px solid #ccc; 
	color:#000; 
	width:280px; 
	margin:3px 3px 0 1px; 
	padding:2px; 
	font-family:Arial,sans-serif;
	font-size:12px; 
}

.contact_btn { 
	float:left; 
	margin:3px 0 0 250px; 
	font-size:9px; 
	font-family:Arial,sans-serif;
	font-weight:bold; 
	color:#fff;
}

#req_fields { 
	display:block; 
	color:#999; 
	font-style:normal; 
	width:150px; 
	margin:0 0 10px 270px; 
	font-family:Arial,sans-serif;
	font-size:10px; 
}

#status { 
	display:block;
	font-style:normal; 
	width:370px; 
	margin-bottom:10px;
	padding:10px; 
	font-family:Arial,sans-serif;
	font-size:12px; 
	border:#c00f1d solid 1px;
	color:#c00f1d;
	background:#fee3e5;
}


/**** fin formulaire de contact ******/

/****************
Produits
****************/
#content .liens_pages {
	text-align:center;
	padding: 10px 0 0 0;
	width:564px;
}

#content .liens_pages a {
	font-size:13px;
	font-weight:bold;
	font-family:Arial;
	display: -moz-inline-box; /* Fixes Firefox */
	display:inline-block;
	text-align:center;
	width:25px;
	height:15px;
	padding:5px;
	margin:0 1px;
	text-decoration:none;
	color:#484848;
}
#content .liens_pages img {
	border:none;
	vertical-align:middle;
}
#content .liens_pages .nav_first  {
	background:url('../images/fleche-first.gif') no-repeat;
	background-position:6px 8px;
}
#content .liens_pages .nav_first:hover {
	background:url('../images/fleche-firstover.gif') no-repeat;
	background-position:6px 8px;
}
#content .liens_pages .nav_prev {
	background:url('../images/fleche-prev.gif') no-repeat;
	background-position:15px 8px;
}
#content .liens_pages .nav_prev:hover {
	background:url('../images/fleche-prevover.gif') no-repeat;
	background-position:15px 8px;
}
#content .liens_pages .nav_next {
	background:url('../images/fleche-next.gif') no-repeat;
	background-position:15px 9px;
}
#content .liens_pages .nav_next:hover {
	background:url('../images/fleche-nextover.gif') no-repeat;
	background-position:15px 9px;
}
#content .liens_pages .nav_last  {
	background:url('../images/fleche-last.gif') no-repeat;
	background-position:10px 9px;
}
#content .liens_pages .nav_last:hover  {
	background:url('../images/fleche-lastover.gif') no-repeat;
	background-position:10px 9px;
}
#content .liens_pages a:hover, #content .liens_pages .active {
	color:#f9b608;
}

/****************
Footer 
****************/
#footer {
	width: 100%;
	text-align: center;
  height: 55px;
  background: url(../images/deg-footer.jpg) repeat-x;

}
#footer_content {
	width: 850px; 
	margin: 0 auto;
	padding:10px 0 0 0;
}
#footer_left {
	width:600px;
	float:left;
	text-align:left;
	line-height:20px;
  color:#a6a6a6; 
}
#footer_right {
	width:250px;
	float:right;
	text-align:right;
	line-height:22px;
}
#footer address, #footer p {
	font-size:11px;
	font-family:"Tahoma", Arial, serif;
	font-weight:bold;
	color:#a6a6a6;
}
#footer a {
	font-size:11px;
	font-family:"Tahoma", Arial, serif;
	color:#6a6a6a;
	text-decoration:none;
}
#footer a:hover, a:focus, a:active {
	color:#fff;
}
#map_container {
	clear: both; 
	padding: 5px; 
	margin: 57px 10px;
	background: #eee; 
}

#map {
	width: 380px; 
	height: 380px;
}
img.contour {
	border:5px solid #eee; 
}