@charset "utf-8";

html, body
{
margin:0;
padding:0;
}

body
{ 
 background:url(../../IMG/construction/BG_body.gif) repeat-x top left;
 background-color:#dcdcdc;
 font:11px/13px Arial, Helvetica, sans-serif; /* 11px/13px */
 color:#000000;
 height:100%;
}

#home_centrale a:link, #home_centrale a:focus, #home_centrale a:visited {
	color: #CC0000;
	text-decoration: none;
}
#home_centrale a:hover, #home_centrale a:active {
	color: #CC0000;
	text-decoration: underline;
}

img 
{
	border:none;
}


/*           MENU            */

.suckertreemenu
{
position:absolute;
top:75px;
left:100px;
}

.glossymenu{
	position: relative;
	padding: 0;
	margin: 0;
	height: 30px;
	list-style: none;
	float: left;
}

.glossymenu li{
	float:left;
	display:inline;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding:0 0 0 11px; /*Padding to accomodate left tab image. Do not change*/
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	background: url(../../IMG/construction/menur_hover_left_off.gif) no-repeat left top; /*left tab image path*/
	text-transform:uppercase;
}

li#langu{
position:absolute;
top:-50px;
left:500px;
}

li#login{
position:absolute;
display:block;
height:20px;
width:250px;
top:-75px;
left:810px;
}

li#login a{
	color:#000;
	border: none;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	background: none;
	padding: 6px 0 0 10px; /*Padding to accomodate left tab image. Do not change*/
	line-height: 25px;
	height: 24px;
	background: url(../../IMG/construction/puce_contact.gif) 0 10px no-repeat;
/*	background-color:#FFFFFF;*/
}


.glossymenu li.contact a{
	color:#000;
	border: none;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	background: none;
	padding: 6px 0 0 10px; /*Padding to accomodate left tab image. Do not change*/
	height: 24px;
	line-height: 25px;
	text-transform: lowercase;
	background: url(../../IMG/construction/puce_contact.gif) 0 15px no-repeat;
/*	background-color:#FFFFFF;*/
	margin-left: 10px;
}


.glossymenu li a b {
	float: left;
	display: block;
	padding: 2px 14px 0 2px; /*Padding of menu items*/
	background: url(../../IMG/construction/menur_hover_right_off.gif) no-repeat right top;	
}

.glossymenu li a:hover {
	color: #fff;
	background: url(../../IMG/construction/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left top;
}
.glossymenu li.contact a:hover{
	color: #000;
	background: url(../../IMG/construction/puce_contact.gif) 0 15px no-repeat;
	 /*left tab image path*/
}

.glossymenu li a:hover b{
	color: #fff;
	background: url(../../IMG/construction/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckertreemenu ul li { position: relative; }

/*1st sub level menu*/
.suckertreemenu ul li ul{
position: absolute;
left: 4px;
top: 31px; /* no need to change, as true value set by script */
visibility: hidden;
padding:0;
margin:0;
display:block;
width: 180px;
z-index: 200;
background: url(../../IMG/construction/pixel_transparent.gif);
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li {
display: block;
float: none;
height: auto;
margin: 0;
line-height: 12px;
border: #FFF 1px solid;
border-bottom: none;
background: url(../../IMG/construction/pixel_transparent.gif); /* Fix pour IE */
}

.suckertreemenu ul li ul li a:link, .suckertreemenu ul li ul li a:visited {
display: block;
float: none;
height: auto;
width: 180px;
margin: 0;
padding: 4px 4px 4px 10px;
line-height: 12px;
text-align: left;
background: #cc0001;
color:#FFF;
font-size: 12px;
text-transform: capitalize;
font-weight: normal;
}

.suckertreemenu ul li ul li a:hover{
display: block;
float: none;
height: auto;
width: 180px;
margin: 0;
padding: 4px 4px 4px 10px;
line-height: 12px;
text-align: left;
background: #900;
color:#FFF;
font-size: 12px;
text-transform: capitalize;
font-weight: normal;
}

.suckertreemenu ul li a:hover{
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(../../IMG/construction/media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/*              FIN MENU            */

#liste_menu_gauche_home ul
{
margin:0;
padding:0;
list-style:none;
}

#liste_menu_gauche_home ul li
{
height:24px;
margin:0 0 32px 0;
padding:0;
}

#liste_menu_gauche_home ul li a
{
display:block;
background:url(../../IMG/construction/puce_menu_home_centre.gif) 30px 3px no-repeat;
height:21px; /*24 - 3*/
width:152px;  /*195 - 43*/
padding:3px 0 0 43px;
text-transform:uppercase;
font:13px/15px Arial, Helvetica, sans-serif;
font-weight:bold;
}


#liste_menu_gauche_home ul li a.rouge_on
{
background-color:#b50000;
color:#FFFFFF;
text-decoration:none;
}


#liste_menu_gauche_home ul li a.orange_on
{
background-color:#ed9a2f;
color:#FFFFFF;
text-decoration:none;
}


#liste_menu_gauche_home ul li a.bleu_on
{
background-color:#3f7eb2;
color:#FFFFFF;
text-decoration:none;
}


#liste_menu_gauche_home ul li a.vert_on
{
background-color:#559100;
color:#FFFFFF;
text-decoration:none;
}


#liste_menu_gauche_home ul li a.rouge_off, #liste_menu_gauche_home ul li a.orange_off, #liste_menu_gauche_home ul li a.bleu_off, #liste_menu_gauche_home ul li a.vert_off
{
background-color:transparent;
color:#000000;
text-decoration:none;
}


#contenu_texte_article_home
{
font:11px/24px Arial, Helvetica, sans-serif;
}


#lien_rouge a, #lien_orange a, #lien_bleu a, #lien_vert a
{
font:12px/14px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}


#home_bas ul
{
padding:0 0 0 10px;
margin:0;
list-style:none;
}

#home_bas ul li
{
background:url(../../IMG/construction/puce_rss.gif) 0 3px no-repeat;
padding-left:7px;
}

#texte_rss_home ul li a:link, #texte_rss_home ul li a:visited
{
text-decoration:none;
color:#000;
}

#texte_rss_home ul li a:hover, #texte_rss_home ul li a:active
{
text-decoration:none;
color:#cc0000;
}

#read_more_rss a
{
text-decoration:none;
color:#000;
}

#texte_access_home a
{
text-decoration:none;
color:#000000;
}
#texte_access_home a:hover
{
text-decoration:none;
color:#cc0000;
}

#footer
{
text-align:center;
}

#footer a
{
text-decoration:none;
color:#000;
}

#footer a:hover
{
text-decoration:underline;
color:#cc0000;
}

.sales_title {
	display: block;
	background: #CCC;
	line-height: 25px;
	height: 25px;
	padding-left: 5px;
}

/* ######################## article --> rubrique 6 */
.title_article-6 {
	color: #cc0000;
	font-size: 18px;
	line-height: 21px;
	position: absolute;
	left: 270px;
	top: 10px;
	width: 500px;
}

#home_centrale span.vert { color: #33CC33; }
#home_centrale span.orange { color: #FF6600; }
#home_centrale span.bleu { color: #0066CC; }
#home_centrale span.rouge { color: #CC0000; }
#home_centrale div.encadre div { background: url(../../IMG/construction/encadre_top.gif) top left no-repeat; width: 229px; padding: 10px;}
#home_centrale div.encadre div.encadreClosed { background: url(../../IMG/construction/encadre_bottom.gif) top left no-repeat; margin: 0; padding: 0; width: 249px; }

#contenu div.contre-encart ul li a {
	color: #cc0000;
}
#contenu div.spip_forms {
	border: none;
}
#contenu div.spip_forms fieldset {
	border-color: #CC0000;
}
#contenu div.spip_forms legend { border: #CC0000 1px solid; background: #FFF; }

#pagination b { background: url(../../IMG/construction/pagination.jpg) no-repeat; width: 14px; padding: 0px 4px; color: #FFF; font-size: 14px; }
#pagination a { font-size: 14px; }
#popuphome {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -220px;
	z-index: 9999;
	height: 349px;
	width: 471px;
	border: none;
}
#formContact fieldset#company, #formContact fieldset#information {
	float: left;
	width: 290px;
	height: 285px;
	padding: 5px;
	border: #CCCCCC 1px solid;
}
#formContact fieldset#information {
	margin-left: 15px;
}
#formContact fieldset#remarks {
	clear: left;
	width: 597px;
	padding: 10px;
	border: #CCCCCC 1px solid;
}
#formContact legend {
	color: #333;
}
#formContact fieldset#remarks textarea {
	width: 590px;
	height: 90px;
}
#formContact label, #formContact input,  #formContact select {
	display: block;
	margin-bottom: 3px;
}
#formContact label {
	float: left;
	width: 100px;
	text-align: left;
	line-height: 12px;
	padding-top: 5px;
}
#formContact fieldset label.etoile {
	color: #CC0000;
}
#formContact input.bouton {
	margin: 10px 5px 0 0;
	float: right;
	font-size: 11px;
	color: #666;
}

#mapEnCours {
	position: absolute;
	top: 200px;
	left: 50px;
	z-index: 1000;
	width: 250px;
	background: url(../../IMG/construction/map_picto.jpg) bottom right no-repeat;
}
#mapEnCours a, #mapEnCours a:hover {
	font: bold 16px/21px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}
#mapEnCours h2 {
	font: bold 16px/21px Arial, Helvetica, sans-serif;
}
#mapEnCours a#btn_1 { color: #5b940a;}
#mapEnCours a#btn_2 { color: #3f7eb1;color: #5b940a; }
#mapEnCours a#btn_3 { color: #ed9e35; padding-bottom: 10px; }
#mapContent {
	margin-left: 250px;
}