/*-- Général --*/
#home{
width:877px;
margin:0 auto 0 auto;
padding:0 27px 0 26px;
overflow:hidden;
zoom:1;
}
#home .haut{
background:url(../../images/commun/h_contenu.gif) #fff no-repeat top left;
overflow:hidden;
zoom:1;
}
#home .bas{
padding:0 0 18px 0;
background:url(../../images/commun/b_contenu.gif) #fff no-repeat bottom left;
overflow:hidden;
zoom:1;
}
#home .m_bas{
padding:38px 0 0 40px;
border-left:1px solid #e8e8e8;
border-right:1px solid #e8e8e8;
overflow:hidden;
zoom:1;
}
#home .m_bas .top{
width:245px;
height:125px;
float:left;
margin:4px 4px 0 0px;
padding:8px 8px 4px 10px;
overflow:hidden;
zoom:1;
background:url(../../images/commun/bg_hp_top3.gif) no-repeat top left;
font-size:12px;
}
#home .bas .m_bas .top h1 {
padding-bottom:4px;
font-size:13px;
font-weight:bold;
}
#home .bas .m_bas .top h1.mobinet {
color:#dc074b;
}
#home .bas .m_bas .top h1.partenaires {
color:#2080ac;
}
#home .bas .m_bas .top h1.presse {
color:#dcb107;
}
#home .bas .m_bas .top h2 {
font-size:11px;
padding:0 4px 4px 0;
}
#home .bas .m_bas .top p {
width:220px;
font-size:10px;
padding:0 8px 4px 0;
}
#home .bas .m_bas .top ul{
overflow:hidden;
zoom:1;
margin:0;
padding:0;
}
#home .bas .m_bas .top ul li{
float:left;
width:80px;
height:40px;
padding:4px;
}
#home .bas .m_bas .top ul li img{
padding:3px;
float:left;
}
#home .gauche{
float:left;
width:544px;
overflow:hidden;
zoom:1;
}
#home .bas .gauche{width:543px;}
#home .droite{
float:right;
width:312px;
overflow:hidden;
zoom:1;
}
#home .haut .droite{
margin:18px 0 0 0;
padding:0 20px 0 0;
border-right:1px solid #e8e8e8;
height:449px;
overflow:hidden;
zoom:1;
}
#home h2{
line-height:20px;
font-size:13px;
font-weight:normal;
padding:0 0 8px 18px;
}
a#bt_prec_sol, a#bt_suiv_sol, a#bt_prec_outils, a#bt_suiv_outils{
width:6px;
height:11px;
display:block;
background:url(../../images/commun/puce/puce_defil.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
a#bt_prec_sol.off, a#bt_prec_outils.off{
background:url(../../images/commun/puce/puce_defil.gif) no-repeat 0 -11px;
cursor:default;
}
a#bt_suiv_sol, a#bt_suiv_outils{background:url(../../images/commun/puce/puce_defil.gif) no-repeat -6px 0;}
a#bt_suiv_sol.off, a#bt_suiv_outils.off{
background:url(../../images/commun/puce/puce_defil.gif) no-repeat -6px -11px;
cursor:default;
}

/*-- Metiers --*/
#home .droite .metier{padding:0 0 25px 0;}
#home .droite .metier .titre{
overflow:hidden;
zoom:1;
}
#home .droite .metier h2{
background:url(../../images/commun/puce/puce1.gif) no-repeat top left;
color:#dc074b;
float:left;
}
#home .droite .metier .titre a{
float:right;
color:#343434;
font-size:11px;
}
#home .droite .metier .wg{padding:0 0 0 12px;}
#home .droite .metier .img{
float:right;
padding:0 0 5px 10px;
}

/*-- Solutions --*/
#home .droite .solutions{padding:0 0 35px 0;}
#home .droite .solutions .nav{float:right;}
#home .droite .solutions .nav li{
float:left;
padding:0 0 0 10px;
}
#home .droite .solutions h2{
background:url(../../images/commun/puce/puce3.gif) no-repeat top left;
color:#07a4ad;
}
#home .droite .solutions #all_sol{
height:116px;
overflow:hidden;
zoom:1;
clear:both;
width:312px;
position:relative;
color:#7d7878;
}
#home .droite .solutions #liste_sol{
overflow:hidden;
zoom:1;
}
#home .overlay{
background:#fff;
filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
z-index:100;
position:absolute;
top:0;
left:0;
}
#home .droite .solutions .wg{
height:116px;
overflow:hidden;
zoom:1;
float:left;
padding:0 0 0 12px;
width:300px;
}
#home .droite .solutions h3{
font-size:17px;
color:#2080ac;
font-weight:normal;
padding:0 0 8px 0;
}
#home .droite .solutions h4{
font-size:12px;
color:#8d8787;
font-weight:normal;
padding:0 0 8px 0;
}

/*-- Outils --*/
#home .droite .outils .nav{
float:right;
padding:0 0 5px 0;
}
#home .droite .outils .nav li{
float:left;
padding:0 0 0 10px;
}
#home .droite .outils h2{
background:url(../../images/commun/puce/puce4.gif) no-repeat top left;
color:#dcb107;
}
#all_outils .groupe{
height:65px;
overflow:hidden;
zoom:1;
float:left;
width:309px;
}

#all_outils{
overflow:hidden;
zoom:1;
clear:both;
border-left:1px solid #e8e8e8;
width:311px;
height:75px;
position:relative;
}
#all_outils .liste_outils{
overflow:hidden;
zoom:1;
}
#all_outils .outil{
float:left;
width:102px;
border-right:1px solid #e8e8e8;
text-align:center;
height:65px;
overflow:hidden;
zoom:1;
padding:10px 0 0 0;
}
#all_outils .outil.on{
padding:6px 0 0 0;
border-top:4px solid #f5f5f5; 
}
#all_outils .outil h3{
text-transform:uppercase;
font-size:11px;
font-weight:normal;
padding:0 0 5px 0;
}
#all_outils .type1 h3{color:#047cc9; cursor:pointer;}
#all_outils .type2 h3{color:#c17507; cursor:pointer;}
#all_outils .type3 h3{color:#55a701; cursor:pointer;}
#all_outils .type4 h3{color:#dc074b; cursor:pointer;}
#all_outils .type5 h3{color:#ff6600; cursor:pointer;}
#all_outils .type6 h3{color:#047cc9; cursor:pointer;}
#all_outils .outil p{
font-size:9px;
padding:0 3px 0 3px;
}
#all_outils .outil p a{color:#b0b0b0;}

/*-- Onglet --*/
#home .gauche .onglet{
width:127px;
float:left;
}
#home .gauche .onglet ul{
overflow:hidden;
zoom:1;
}
#home .gauche .onglet li{
width:127px;
display:block;
float:left;
clear:both;
padding:0 0 1px 0;
}

/*-- Forms --*/
#home .gauche .forms{
float:left;
width:330px;
margin:6px 40px 0 30px;
position:relative;
/*min-height:150px;
_height:150px;*/
}
#form_contact, #form_newsletter{
background:#fff;
position:absolute;
top:0;
left:0;
}
#form_contact p, #form_newsletter p{
overflow:hidden;
zoom:1;
padding:0 0 5px 0;
}
#form_contact .titre, #form_newsletter .titre{
overflow:hidden;
zoom:1;
}
#form_contact .titre a, #form_newsletter .titre a{
float:right;
padding:0 40px 4px 0;
text-decoration:none;
color:#b0b0b0;
}
#form_contact .titre a:hover, #form_newsletter .titre a:hover{text-decoration:underline;}
#form_contact h3, #form_newsletter h3{
padding:0 0 5px 12px;
float:left;
font-size:18px;
font-weight:normal;
color:#dc074b;
}
#form_contact label, #form_newsletter label{
float:left;
margin:0 10px 0 0;
width:110px;
text-align:right;
}
#form_contact input, #form_contact textarea,
#form_newsletter input, #form_newsletter textarea{
float:left;
width:170px;
font-size:11px;
border:1px solid #cccccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#B0B0B0;
}
#form_contact textarea{height:55px;}
#form_contact input.submit, #form_newsletter input.submit{
width:auto;
border:none;
margin:5px 0 0 120px;
}

/*-- Conseil --*/
#home .gauche .conseil{
position:absolute;
top:0;
left:0;
}
#home .gauche .conseil h2{
background:url(../../images/commun/puce/puce4.gif) no-repeat top left;
color:#999999;
font-size:14px;
}
#home .gauche .conseil h2 strong{
font-size:18px;
font-weight:normal;
color:#dc074b;
}

/*-- Presse --*/
#home .droite .presse h2{
background:url(../../images/commun/puce/puce6.gif) no-repeat top left;
color:#5bad07;
}
#home .droite .presse h2 span{
font-size:9px;
color:#b0b0b0;
}
#home .droite .presse .ensemble{padding:0 0 0 12px;}
#home .droite .presse .img{
float:left;
padding:0 10px 5px 0;
}

/* Partenaires */
#diapo{
float:left;
position:relative;
margin:0 auto;
width:145px;
height:300px;
}

#diapo .diapo1 {
float:left;
position:absolute;
padding-left:10px;
}