/**GENERAL**/
body,html{
 color:#000;
 font-family:Arial, Helvetica, sans-serif;
}

html{
background:url(/gfx/bg_site_html.gif) !important;
background:url(/gfx/bg_site_html-ie6.gif);
background-position:center !important;
background-position:center;
background-repeat:repeat-y;
margin:0;
padding:0;
}

/*img{border:2px solid #1A618B;padding:10px;}*/

/*table{font-size:1em;}
table table{font-size:1em;}*/

a { color:#e95927;}
a:hover {color:#ba3000;}


/**GENERAL**/

/**COMMON**/
.floatright{float:right;}
.floatrightdown{float:right;top:30px;}
.floatleft {float:left;}
.spacer {clear:both;height:0;font-size:0;border:0;margin:0;padding:0;}
.floatprot {position:relative;width:100%;}
.invisible{display:none;}
.debug{clear:both;top:500px}
.message_user_info, .message_user_warning , .message_user_error { font-weight:bold; font-size:1em;}
.message_user_info { color:#000000;}
.message_user_warning { color:#FF4E00;}
.message_user_error { font-size:1.1em; color:#ae1424;}
/*COMMON*/

/** Tooltip @see tooltip.js modifier.tooltip _mods/QF */
#tooltip{
display:none; position:absolute; z-index:9999;
border:1px solid #333; padding:2px 5px;
background-color:#E6F112; color:#000000;
max-width:400px;
font-size:0.8em;
}

/*BLOC&BUTTON*/
.bloccontent {
 /* width:100%; */ padding:5px; margin:5px;border: 2px solid #CDD7DB;
 background-color:white; color:#000000; font-size:0.9em;
}
.bloccontenttitre {
 font-size:1em; padding:0 0.5em 2px 0.3em; margin:0; border: 1px solid black;
}
.bloccontent b{
color:#000000;
/*background-color:white;*/}
.bloccontenttext {color:#000000;}
.bloccontenttext {font-size:0.8em;}
.bloccontenttext td{color:#000000;}
.bloccontenttext  h1{font-size:1.5em;}
.bloccontenttext h2{font-size:1.3em;
}
.bloccontenttext h3{font-size:1.1em;}
.bloccontenttext p{font-size:1em;}
.bloccontent a:hover {color:#175483;background-color:#FFFFFF;}


a.action ,a.action_edit,a.action_ajout,a.action_show,a.action_hide,a.action_suppr,a.action_haut,a.action_bas,a.action_voir,a.action_liste, .button, table a.action , table .button, input.action{
/*a.action ,.button, table a.action , table .button, input.action{*/
/*display:compact;*/
padding:2px 5px 0px 5px;border: solid 1px;/*margin:4px;*/
/*font-size:0.9em;*/ text-decoration:none;font-weight: bold;
background-color: #F4F3F0;color: #FF6634;
-moz-border-radius:5px;
white-space:nowrap;
/*line-height:1.7em;*/
font-size:1em;
font-family:Arial, Helvetica, sans-serif;

}
a.action:hover,a.action_edit:hover,a.action_ajout:hover,a.action_show:hover,a.action_hide:hover,a.action_suppr:hover,a.action_haut:hover,a.action_bas:hover,a.action_voir:hover,a.action_liste:hover,.button:hover, table a.action:hover, table .button:hover, input.action:hover {
/*a.action:hover,.button:hover, table a.action:hover, table .button:hover, input.action:hover {*/
/*background-color: #175483;*/
color:#175483;/*color:#AD1423;*/
cursor:pointer;
}
/*.button {
 font-size:0.7em;
}*/
input.action{line-height:1em;}
/* /BLOC&BUTTON*/

/*AJAX*/
.HTML_AJAX_Loading {
position: absolute; z-index:999; 
height:20px; top: 25; left: 150px; 
background-color: silver; color:black; padding: 4px; 
display: none;
}
/* */

.label  {
 color:#4a5a80;
 background-color:#C1CA25;
 border:1px outset lightgray;
 padding:2px;
 font-size:0.9em;
}


/** Bouton bloc login */
.btn_ok{
border:2px solid white; background-color:#5E5E60;color:#000000;
-moz-border-radius:6px;border-radius:5px;
}
.btn_ok:hover{cursor:pointer;}

/** page/bonjour.tpl */
#table_bonjour{margin-left:15px;height:75px;/*border:2px solid green;*/}
#table_bonjour a:hover{color:#000000;}

/** Richtext */
.rteDiv img{ border:0; padding:0; }



/** ------- MISE en PAGE ------- */

/* ---- inspiré de http://csseasy.com/layouts/fixed/2column_left.html   -------*/
/* ----  et     de http://csseasy.com/layouts/fixed/1column_hornav.html -------*/

body {
width:100%;
text-align:center;
margin:0;

}


/* ----- HEADER ----- */

#header {
width:100%;
text-align:center;
}


.header-content {
position:relative;
width:950px;
height:117px;
margin-bottom:0;
}

.lign-horiz-top {
background-color:#bab9b7;
position:relative;
width:100%;
height:1px;
padding:0;
line-height:1px;
font-size:1px;
margin-top:0;
}

.lign-horiz-bottom {
background-color:#bab9b7;
position:relative;
width:100%;
height:1px;
padding:0;
line-height:1px;
font-size:1px;
}

.bandeau-photo {
position:relative;
width:950px;
height:148px;
}

#a_click {
font-size:45px;
text-decoration:none;
color:#FFFFFF;
letter-spacing:50px;
margin-left:20px;
}

#header_logo{
float:left;
}

#haut_click{
float:left;
background-color:#000000;
text-align:center;
margin-left:40px;
/*height:106px;*/
padding-top:30px;
padding-bottom:25px;

}


/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper{
width:950px;
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLORER ISN'T READING CODE PROPERLY */
margin:0 auto;
text-align:left;
background-image:url(/gfx/bg_page.gif);
background-repeat:repeat-y;
background-color:#f5f5f5;
}


/* ----- NAVIGATION ----- */



#pos-menu {
position:absolute;
width:949px;
height:18px; /* for IE5.x and IE6 */
background-color:#75726e;
background-image:url(/gfx/bg_footer_bar_vert.gif);
background-repeat:repeat-y;
text-align:right;
vertical-align:text-bottom;
margin-top:0px;
padding-top:5px;
padding-right:10px;
padding-bottom:0px;
margin-right: 5px;
}


/* ----- DIV CENTRAL pour affichage fond  ----*/
#div_central{
width:950px;
/*background-image:url(/gfx/bg_page.gif);
background-repeat:repeat-y;
background-color:#f5f5f5;*/
}


/* ----- MAIN CONTENT ----- */



#content { 
width:948px;
margin-top:22px;
padding-top:0px;
padding-left:1px;
padding-right:1px;
}

#div_titre{
background-color:#A0A6A4;
padding:5px 0px 5px 5px;
width:500px;
text-transform:uppercase;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}

#div_contenu_content{
}



/* ----- FOOTER ----- */



.footer { 
width:100%;

margin-bottom:0;
margin-top:0;
text-align:center;
position:relative;
padding-top:5px;


}

.pied_page {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

.pied_page:hover{
color:#cb592f;
text-decoration:underline;
}

H2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
margin-top:0;
margin-bottom:0;
padding:0;
}


/**************** MENUS **********************/

ul.menu {
  list-style:none;
  display:block;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
  color: #4a5a80;
  padding:0;
  margin:0;
  overflow:visible;
/*  height:1px;*/  
/*  width:1000px;*/
}

ul.menu li{
 position:relative;
 display:block;
 float:left;
 margin-left:3px;
 margin-top:0px;
 overflow:visible;
 /* width: 200px ;*/
}

ul.menu a{
  display:block;
/*  font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  color: #000000;
  text-decoration: none;
  overflow:visible;    
}
ul.menu a:hover, ul.menu .selected a{
	text-decoration: none;
    font-size:0.8em;
    color: #4a5a80;
}

#cadre_menu1 {
 width:180px;
 }
#cadre_menu1 ul.menu {
text-align:center;
}


/**************** /MENUS **********************/

/**************** CONTENU **********************/

.div_accueil2 {
background-image:url(../gfx/illus_acc.jpg);
background-position: bottom left;
height:392px;
background-repeat:no-repeat;
padding-left:500px;
padding-top:46px;
}

.titlenews {
	background-color:#e95927;
	background-image:url(/gfx/corner_news.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	width:380px;
	height:21px;
	font-size:14px;
	padding-top:5px;
	color:#fff;
	padding-left:10px;
	font-weight:bold;
}


.div_garanties {
background-image:url(../gfx/pantone_main.jpg);
background-position: bottom left;
height:300px;
background-repeat:no-repeat;
padding-left:286px;
padding-top:46px;
text-align:left;
}

li {
	list-style-image:url(/gfx/puce.gif);
	font-size:10px;
	font-family:Verdana;
	color:#535353;
}

ul { margin-left:0; padding-left:16px;}

.div_garanties {


}

#elm1{
	background-color:#F5F5F5;
	width:390px;

}
	


.titre-garantie {
	background-color:#787373;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	width:170px;
	color:#FFF;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;
}

.chantier-diapo {
	padding-top:15px;
	width:324px;
	padding-left:29px;
	float:left;
	margin-bottom:15px;
	
}

.chantier-txt {
	padding-top:15px;
	width:290px;
	padding-left:25px;
	float:left;
	color:#5f5f5f;
	font-size:10px;
	margin-bottom:15px;
	
}

.titre-chantier {
	color:#e74512;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.tab-titre {
	color:#5f5f5f;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
}

tab-chantier {
	border:0;
	font-size:10px;
}
	
txt-marge {margin-bottom:2px;}


#table_contact_infos{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.a_titre {
	color:#e74512;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.a_info{
color:#807C78;
text-decoration:none;
}

.titre-societe-1 {
	background-color:#787373;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	width:70px;
	color:#FFF;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;
}

.titre-societe-2 {
	background-color:#787373;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	width:290px;
	color:#FFF;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;
}

.titre-metier {
	background-color:#787373;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	width:386px;
	color:#FFF;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;
	margin-left:20px;
}

.div-metier-bg {
	background-image:url(/gfx/illus-metiers.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	width:100%;
	height:397px;
	margin: 10 auto;
}

.chantier-repondre {
	position:absolute;
	margin-top:5px;
	margin-left:150px;
}



.chantier-planifier  {
	position:absolute;
	margin-top:323px;
	margin-left:170px;
	
}

.chantier-mettre  {
	position:absolute;
	margin-top:0px;
	margin-left:650px;
	
}

.chantier-domaines  {
	position:absolute;
	margin-top:250px;
	margin-left:700px;
	
}

.input_contact{
border:1px solid #7F9DB9;
padding:2px 1px 2px 1px;
}

.input_contact_false{
border:1px solid red;
padding:2px 1px 2px 1px;
}


/**************** CONTENU **********************/

.btn-text {text-decoration:none; font-size:12px; color:#474645;}
.btn-contact {text-decoration:none; font-size:10px; font-weight:bold; color:#e65520;}

.btn-send-mail {
background-image:url(/gfx//btn-send-contact.gif);
width:132px; height:43px;
border:0;
cursor:pointer;}

#chantier ul {
	list-style-image:url(/gfx/arrow-list-chantier.gif);
}


.titre-chantier2 {
	background-color:#787373;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	width:150px;
	color:#FFF;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;
}

.clear {
	clear:both;
}