/*-- Commun --*/
#site .wg p{
line-height:16px;
padding:0 0 5px 0;
}
#site .wg ul{padding:0 0 5px 0;}

/*-- Mod metiers --*/
#mod_metiers{ width:490px;padding:0 0 0 15px;}
#mod_metiers h2{
color:#00bfe8;
font-size:18px;
font-weight:normal;
padding:0 0 15px 0;
}
#mod_metiers h3{
color:#999999;
font-size:18px;
font-weight:normal;
padding:0 0 20px 0;
}
#mod_metiers h3 a{
color:#999999;
text-decoration:none;
}
#mod_metiers h3 a:hover{color:#666666;}
#mod_metiers .liste_metiers{/*background:url(../../images/commun/f_company.gif) repeat-x bottom left;*/}
#mod_metiers .h_metiers{
background:url(../../images/commun/f_company.gif) repeat-x top left;
padding:3px 0 10px 0;
}
#mod_metiers .f_metiers{
overflow:hidden;
zoom:1;
font-size:11px;
color:#999999;
}
#mod_metiers .f_metiers .wg{
float:left;
width:430px;
padding:12px 0 0 0;
}
#mod_metiers .f_metiers .accroche{padding:0 0 10px 0;}

/*-- Mod product --*/
#mod_produits{padding:0 0 0 15px;}
#mod_produits .produit{
overflow:hidden;
zoom:1;
font-size:11px;
color:#999999;
}
#mod_produits .f_img{
float:left;
margin:0 30px 10px 0;
border:1px solid #f2f2f2;
}
#mod_produits .m_img{border:2px solid #f8f8f8;}
#mod_produits h2{
background:url(../../images/commun/puce/puce13.gif) no-repeat 0 4px;
padding:0 0 10px 16px;
color:#666666;
font-size:13px;
font-weight:bold;
overflow:hidden;
zoom:1;
}
#mod_produits h3{
background:url(../../images/commun/puce/puce14.gif) no-repeat 0 6px;
color:#00b7d6;
font-size:12px;
font-weight:normal;
padding:0 0 0 10px;
overflow:hidden;
zoom:1;
}
#mod_produits h4{
color:#999999;
font-size:11px;
font-weight:normal;
padding:0 0 10px 0;
}
#mod_produits a.hidden{display:none;}

/*-- Mod Plan --*/
#mod_plan ul{
overflow:hidden;
zoom:1;
padding:0 0 15px 0;
}
#mod_plan ul li{
float:left;
padding:0 0 0 10px;
}
#mod_plan ul li a.metiers,
#mod_plan ul li a.outils,
#mod_plan ul li a.solutions,
#mod_plan ul li a.mobinet,
#mod_plan ul li a.partenaires,
#mod_plan ul li a.presse{
width:175px;
height:129px;
display:block;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:0 0;
overflow:hidden;
zoom:1;
}
#mod_plan ul li ul{
width:180px;
padding:0 0 0 10px;
width:111px;
overflow:hidden;
zoom:1;
}
#mod_plan ul li ul li{
float:left;
width:180px;
padding:0 0 3px 0;
}
#mod_plan ul li ul li a{
width:180px;
padding:0 0 0 13px;
border:none;
font-size:11px;
color:#999999;
background:url(../../images/commun/puce/puce10.gif) no-repeat 0 5px;
display:block;
text-decoration:none;
}
#mod_plan ul li ul li a:hover{
background:url(../../images/commun/puce/puce11.gif) no-repeat 0 5px;
color:#FF6600;
}

/*-- Mod contact --*/
#mod_contact{
overflow:hidden;
zoom:1;
}
#mod_contact #formulaire{
	width:350px;
	margin:0 0 30px 10px;
	overflow:hidden;
	zoom:1;
	float:left;
}
#mod_contact #formulaire h2{
	font-size:12px;
	padding-bottom:20px;
	font-weight:normal;
}
#mod_contact #formulaire div{
width:480px;
overflow:hidden;
zoom:1;
padding:0 0 5px 0;
}
#mod_contact #formulaire label{
float:left;
text-align:left;
width:150px;
margin:6px 0 6px 0;
}

#mod_contact #formulaire label.message{
float:left;
text-align:left;
width:300px;
margin:6px 15px 6px 0;
padding:6px 6px 6px 10px;
}

#mod_contact #formulaire input,
#mod_contact #formulaire select{
float:left;
width:170px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00aeef;
border:1px solid #b0b0b0;
}
#mod_contact #formulaire textarea{
float:left;
width:320px;
height:100px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00aeef;
border:1px solid #b0b0b0;
border-left:4px solid #dc074b;
}

#mod_contact #formulaire input.submit{
	margin:15px 0 0 0;
	width:190px;
	border:none;
	background:none;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	color:#dc074b;
}

#mod_contact #formulaire .divError{
clear:both;
margin:2px 0 2px 110px;
padding:0;
color:red;
}
#mod_contact #formulaire input.inputError,
#mod_contact #formulaire textarea.inputError,
#mod_contact #formulaire select.inputError{border:1px solid #000;}

#domNode h1{
font-size:15px;
font-weight:bold;
padding:0 0 5px 0;
color:#CC0000;
}
#mod_contact #formulaire #domNode p, #mod_contact #formulaire #msgGlobal p{
padding:0 0 0 8px;
}

#mod_contact #formulaire #msgGlobal{
border:1px solid #cc0000;
margin:0 0 15px 0;
padding:0 0 10px 0;
}
#mod_contact .adresses{
width:170px;
float:right;
font-size:11px;
color:#999999;
border:1px solid #e8e8e8;
padding:4px 4px 4px 8px;
}
#mod_contact .adresses h2{
font-size:12px;
font-weight:bold;
color:#c20944;
padding:0 0 2px 0;
}
#mod_contact .adresses h4{
	color:#6ebc27;
	height:20px;
	font-size:11px;
	font-weight:bold;
	padding:0 0 2px 0;
}
#mod_contact .adresses b{
color:#ffa443;
font-weight:bold;
}
#mod_contact .adresses hr {
border-style: solid none none; 
border-color: #dddddd;
border-width: 1px medium medium;
margin: 10px 0 10px 0;
width: 96%;
height: 1px;
}
#mod_contact .adresses ul{padding:0 0 15px 0;}
#mod_contact .adresses ul li{
background:url(../../images/commun/puce/puce12.gif) no-repeat 0 5px;
padding:0 0 0 8px;
margin:0 0 3px 0;
display:block;
}
#mod_contact .adresses a{
color:#999999;
text-decoration:none;
}
#mod_contact .adresses a:hover{color:#ff6600;}
