@charset "iso-8859-1";

/* CSS Document  */

@import url(/css/structure.css); 
@import url(/css/actu.css); 


/* COMMON STYLES */
/*reset d'un certain nombre de styles css par defaut*/
* {
	border: 0;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

table, tr, td {
margin:0;
padding:0;
table-layout: fixed!important;}

a {
margin:0;
padding:0;
display:inline;
width:auto!important;
color:#f30;
}

/*CSSEditor|structure,global|Zone extérieure|notext*/
body {
background:#fff url(/images/fond_body.png) repeat-x top left;
font-family: 'Verdana', Arial, Helvetica, sans-serif;
font-size:12px;
line-height:140%;
margin:0px;
padding:0;
}

#page {
border-right:1px solid #333;
border-bottom:1px solid #222;
border-left:1px solid #666;
border-top:1px solid #999;
width:980px;
margin:5px auto;
padding: 0;
background:transparent url() no-repeat 20% 0px  ;
}

#page #cont {
background:#141d5c url(/images/fond_pro.png) repeat-x 0 0px;}

body#index #page #cont {
background:#fff;}

#cont_part{
background:#058224 url(/images/fond_part.png) repeat-x;}

#contact_huard_boche #cont_part{
background:#cf7c14 url(/images/fond_orange.jpg) repeat-x;}



  /* ###################### */
 /* #######  BANNER  ######## */
/* ###################### */

#page #banner{
width:980px;
/*background:#141d5c url(/images/logo_24.png) no-repeat  50px 15px;*/
background:#141d5c url(/images/head_carte.png) no-repeat  00px 45px;
height:190px;
position:relative;
z-index:100;
margin-bottom:-10px!important;
border:0px solid red;
}


#banner #address{
color:#227;
font-weight:normal;
text-align:left;
width:100%;
height:35px;
margin-top:10px;
background:#fc8;
border-right:0px solid white;
float:right;
}
#banner #address .tel{
border:0px solid red;
float:left;
font-weight:bold;
height:27px;
color:#fff;
margin:4px 10px 0 10px;
text-align:center;
line-height:27px;
width:170px;
background: url(/images/fond_tel.png) no-repeat  0 0;
}
#banner #address object {
margin:0 0 -4px 0;
display:inline;
padding:0;
}

#banner #address .email_swf {
line-height:14px;
}

#banner #address .illustr {
border:0px solid red;
visibility:hidden;
width:240px;
height:180px;
float:left;
margin:-10px -20px 0px 0px;
background:url(/images/illustr_topleft.png) no-repeat -30px -10px;
}

#banner #address .illustr img{
border:0px solid blue;
width:250px;
margin:45px 0 0 130px;
height:130px;
}

#head_text {
font-family:"trebuchet ms", verdana, arial, sans-serif;
position:absolute;
display:none;
top:80px;
left:50%;
margin-left:-100px;
}

#head_text span{
color:#cdf;
font-weight:bold;
font-size:16px!important;
margin-left:10px;
display:block;
}




  /* #################### */
 /* ###   menu top   ### */
/* #################### */

.menu_head {
float:left;
position:absolute;
left:50%;
margin-top:10px;
margin-left:170px;
border:0px solid ;
}

.menu_head ul li{
float:left;
margin:5px 2px 0 2px;
line-height:35px;
text-align:center;
background:url(/images/boutonhead.png) no-repeat 0 0 ;
list-style:none;
width:100px;
height:50px;}

.menu_head ul li a{
color:#ffc;
font-weight:bold;
}

.menu_head ul li.up{
background:url(/images/boutonhead_upg.png) no-repeat 0 0 ;
}
.menu_head ul li.up a{
color:#fff;
font-weight:bold;
}


  /* ########################## */
 /* ###   Acces Part Pro   ### */
/* ########################## */

.acces_pp a span {
position:absolute;
visibility:hidden;}

.acces_pp{
width:365px;
margin-top:-100px;
clear:left;
float:right;
}

.acces_pp a img {
height:115px;
width:175px;
border:0px solid white;
}

.acces_pp .acces_part {
width:175px;
float:left;
height:115px;
background:url(/images/b_up_part.png) no-repeat bottom right;
border:0px solid white;
}
.acces_pp .acces_pro {
width:175px;
float:left;
height:115px;
background:url(/images/b_up_pro.png) no-repeat bottom right;
border:0px solid white;
}



  /* ####################### */
 /* ###### Wrapper ######## */
/* ####################### */

#wrapp {
height:550px;
border:0px solid red;
}


  /* ###################### */
 /* ###### GAUCHE ######## */
/* ###################### */


#page .col_left .bcontact span{
position:absolute;
visibility:hidden;
}

#page .foot_col_left, #page .col_left .foot_col_gauche{
}

.ill_foot_col{
margin:400px 0 0 0!important;
height:103px;
position:relative;
border:0px solid red;
background: url(/images/depannage.png) no-repeat 5px 0;
}

.ill_foot_col a span{
position:absolute;
visibility:hidden;
}

.ill_foot_col a {
display:block;
border:0px solid #f0f;}

.ill_foot_col a img{
width:180px;
height:108px;
margin:-80px 0 0 0;
position:relative;
border:0px solid;
}


#page .head_col_left {
background:url() no-repeat top left;
height:45px;
margin-top:-45px;
}

#page .col_left {
background:transparent url() repeat-y scroll left bottom;
float:right;
height:450px;
margin:0 800px 0 0;
padding:0 0 0;
width:180px;}


  /* ######################## */
 /* ####  Bread Crumb  ##### */
/* ######################## */
/* MENU HEAD MAIN */


.head_main {
background:url(/images/fond_menuhead_pro.png) #090;
margin:0px 0 0 0px!important;
padding:0px 0 0 0;
height:50px;
border-bottom:1px solid #fff!important;}

#cont_part .head_main {
background:url(/images/fond_menuhead.png) #090;}

#page .head_main ul{
padding-top:7px;
}

#cont_part .head_main li.up{
background:url(/images/onglet.png);
}

.head_main li.up{
background:url(/images/onglet_pro.png);
}

.head_main li.up a{
color:#adf;}

.head_main li div{
visibility:hidden;
background:#039;
width:131px;
margin:-0px 0 0 -3px;
position:absolute!important;
z-index:500!important;
border:1px solid #fff!important;
border-top:0!important;
}

.head_main li.up div{
background:#065bb4;
}

#cont_part .head_main li div{
background:#093;
}

#cont_part .head_main li.up div{
background:#2fc404;
}

.head_main li div ul{
margin:0!important;
height:auto!important;
width:115px;
background:transparent!important;
}

.head_main li div li{
margin:0 0 5px 0!important;
float:left;
border-top:1px dashed #adf;
height:auto!important;
width:115px;
background:transparent!important;
}

.head_main li div li a{
font-size:80%;
}

#cont_part .head_main li.up a{
color:#060;}
.head_main li{
height:35px;
display:block;
float:right;
margin:5px 2px;
width:125px;
padding:4px 5px 0 5px;
text-align:center;
}

.head_main li a{
color:#fff;
font-size:14px;
font-weight:bold;
line-height:14px!important;
}

#page .head_main {
width:100%;
border:0px solid;
/*background:url(/images/fmain_top.png) no-repeat -4px -2px;*/
width:100%;
padding:0 00px 0 00px;
}


/* MENU HEAD MAIN fin */

#breadc {

font-size:11px;
/*color:#fff;*/
color:#006;
width:100%;
border:0px solid;
margin:-8px 0 0 0;
height:16px;
background:#141d5c url() no-repeat 0 0px ;
padding:0px 0 0 0px;
}

#breadc a {display:none;
color:#aff;}

#breadc a:hover {
color:#fff;}

#main #breadc ul li{
float:right;
margin:0 10px;
height:20px;
color:#060;
font-weight:bold;
font-size:12px;
}

#main #breadc ul li a {
color:#060;
display:block;
height:20px;
line-height:20px;
padding:2px;
}

#main #breadc ul li a:hover, #main .breadc li.up a {
color:#ff6;
background:#8a3;
}

  /* ###################### */

 /* ######  MAIN  ######## */
/* ###################### */

#main h2.titre, #main h1.titre {
font-size:20px!important;
margin-top:00px!important;
margin-bottom:15px;
border:0px solid blue;
height:30px;
width:100%;
color:#dff!important;
}

#main.mpres p{
margin:5px 0;
}

#page .foot_main {
background:  url();
border:0px solid ;
width:790px;
margin:0px 0px -20px 190px;
}

#page #main{
clear:both;
float:right;
margin-top:00px!important;
background:url();
border:0px solid blue;
width:780px;
margin:-450px 20px 0px 0!important;
padding:0!important;
}

#page #main h2, #page #main h1{
color:#005ca7;
float:none;
height:30px;
padding: 0 0 0 15px;
background:url() no-repeat;
margin:00px 0 10px 0px;
font-size:20px;
line-height:30px;
position:relative;

}

  /* ###################### */
 /* ######  foot  ######## */
/* ###################### */



#page #foot {
margin-top:15px;
border:0px solid;
background:url(/images/footer.png) repeat 2px 0px;
clear:both;
width:100%;
text-align:center;
}
#page #foot a{
color:#666;
font-size:10px;
}



/*CSSEditor|content,image|Apparence des images|notext,noizimedia*/
img {
	border:0;
	vertical-align: bottom;
}

.clear {
    clear: both;
	border:0;
	height:0;
	line-height:0;
	visibility: hidden;
	margin:0;
	padding:0;
}