/***************** STYLE GLOBAUX *****************/

a img{

border:none;

}

a:active, a:focus{

outline:none;

}

/***************** STYLE CONTENU *****************/

#texte h1{

font:normal 18px Arial, Helvetica, sans-serif;

color:#85060a;

margin:43px 0 12px 0;

}

#texte h2{

font:bold 15px Arial, Helvetica, sans-serif;

color:#C12410;

letter-spacing:1px;

margin:0 0 7px;

}



#texte p{

font:12px/1.8em Arial, Helvetica, sans-serif;

text-align:justify;

color:#000;

margin-bottom:1.5em;

}

#texte p em{

font-weight:bold;

font-size:12px;

line-height:1.2em;

}

#contenu p.couleur, span.couleur{

font-weight:bold;

color:#85060a;

}

#texte a:link, #texte a:visited{

font-weight:bold;

text-decoration:underline;

color:#85060a;

}

#texte a:hover, #texte a:active{

color:#85060a;

}

/***************** STYLE ACTUALITES *****************/

#actu{

float:right;

position:relative;

width:175px;

margin:10px 0px 0 20px;

background:#d5d4ba;



}

.uneactu{

padding:0 20px 0 20px;

margin:0 0 30px;

}

#actu .uneactu p{

font-size:10px;

}

#actu .uneactu p.date{

width:60px;

color:#fff;

background:#c9d787;

padding:1px 0 2px 4px;

margin:0 0 7px;

}

#actu .uneactu a{

position:relative;

top:5px;

font:10px Arial, Helvetica, sans-serif;

text-decoration:underline;

}

/***************** STYLE index *****************/

.ul_acc li{

font:normal 12px/12px Arial, Helvetica, sans-serif;

text-align:justify;

color:#000;

line-height:1.8em;

margin-left:15px;

list-style:url(../images/charte/outillage1.gif);}



.ul_acc{

margin-left:20px;



}

.ul_acc1 li ul{

font:normal 12px/12px Arial, Helvetica, sans-serif;

color:#000;

line-height:1.8em;

margin-left:15px;

}

.ul_acc1{

margin-left:20px;



}



#container .couleur_rouge{

color:#c02310;

font:Arial, Helvetica, sans-serif;

font-weight:bold;}

#container .baniere{

width:635px;

height:107px;

padding-left:10px;

padding-right:5px;

padding-top:5px;

font:12px/1.8em Arial, Helvetica, sans-serif;

text-align:justify;

color:#fff;

background-image:url(../images/charte/baniere.gif);}



.ul_outillage li{

font:normal 12px/12px Arial, Helvetica, sans-serif;

color:#000;

font-weight:bold;

line-height:1.7em;

margin-left:15px;

list-style:url(../images/charte/outillage1.gif);}



.ul_outillage{

margin-left:20px;

}



/***************** STYLE OUTILLAGE *****************/

.outillage_elec{

float:left;

width:640px;

padding-right:10px;}



.outillage_img{

float:left;

width:640px;

margin-left:5px;

margin-top:5px;

margin-bottom:20px;



}



.image{

width:200px;

margin-top:10px;

margin-bottom:15px;

border:1px solid #c02310;}



.produit{

float:left;

width:170px;

}

.produit1{

float:left;

width:190px;

text-align:center;

margin-bottom:10px;



}

.texte_outi{

float:left;

width:232px;

height:143px;

padding-left:10px;

padding-right:10px;

padding-top:10px;

background-image:url(../images/charte/texte_metrologie.jpg);

background-repeat:no-repeat;

margin-left:30px;

margin-top:50px;}

.texte_outi3{

float:left;

width:232px;

height:143px;

padding-left:10px;

padding-right:10px;

padding-top:15px;

background-image:url(../images/charte/texte_metrologie.jpg);

background-repeat:no-repeat;

margin-left:40px;

margin-top:20px;}

.bloc1{

float:left;

width:200px;

}

.texte_outi2{

float:left;

width:360px;

height:190px;

padding-left:10px;

padding-right:10px;

padding-top:10px;

background-image:url(../images/charte/bloc2.jpg);

background-repeat:no-repeat;

margin-left:30px;

margin-top:35px;}

.titre_outi{

float:left;

width:200px;

}

/***************** STYLE METROLOGIE *****************/



.bloc_metrologie{

float:left;

width:250px;

border:1px solid #c02310;

margin-left:25px;}

.texte_metro{

float:left;

width:232px;

height:143px;

padding-left:10px;

padding-right:10px;

padding-top:10px;

background-image:url(../images/charte/texte_metrologie.jpg);

margin-left:25px;

margin-top:20px;}



.metrologie{

float:left;

width:600px;

margin-top:20px;

margin-bottom:20px;

}

/***************** STYLE MARQUE *****************/

.titre_marque{

float:left;

width:270px;

margin-bottom:5px;

}

.texte_marque{

float:left;

width:176px;

height:190px;

padding-left:10px;

padding-right:10px;

padding-top:10px;

background-image:url(../images/charte/texte_metrologie3.jpg);

background-repeat:no-repeat;

margin-left:20px;

margin-top:10px;}



.marque_img{

float:left;

width:280px;

margin-left:30px;

margin-top:5px;

margin-bottom:20px;



}

/***************** STYLE contact *****************/

#contactTxt{

	width:45%;

	float:left;

}

#contactPlan{

	width:45%;

	float:right;

}

#formContact input,textarea,select{

background-color:#fff;

width:99%;

border:1px solid #d0331e;

font-size:11px;	font-family: Arial, Helvetica, sans-serif;

color:#000;

}

#formContact input:focus,textarea:focus{

border-color:#d0331e;

font-size:11px;width:100%;

font-family: Arial, Helvetica, sans-serif;

}

#formContact .champRequis{

color:#000	;

width:99%;

}

.formulaire{

float:left;

width:600px;





}

.text-form{

font-size:11px;

color:#000;

font-family: Arial, Helvetica, sans-serif;

}



.champs-form{



font-size:11px;

border:1px solid #d0331e;

color:#000;width:99%;

font-family: Arial, Helvetica, sans-serif;



}



.boutton-form{

border:1px solid #d0331e;

color:#000;

font-weight:bold;

border:none;

width:180px;

font-family: Arial, Helvetica, sans-serif;

font-size:13px;

background-color:#fff;cursor:pointer}

.loi{

text-align:justify;

font-size:11px;

color:#000;

font-family: Arial, Helvetica, sans-serif;



}



/***************** STYLE nos references *****************/

.texte_references{

float:left;

width:210px;

margin-left:10px;

margin-top:10px;}



/***************** STYLE Promotions *****************/





.ul_promo li{

font:normal 13px/13px Arial, Helvetica, sans-serif;

text-align:justify;

color:#000;

font-weight:bold;

line-height:1.8em;

margin-left:15px;

list-style:url(../images/charte/outillage1.gif);}



.ul_promo{

margin-left:20px;



}

#texte p.couleur{

font:normal 13px Arial, Helvetica, sans-serif;

text-align:justify;

color:#3b5671;

font-weight:bold;

margin-left:30px;



}

#texte p.couleur2{

font:normal 13px Arial, Helvetica, sans-serif;

text-align:justify;

color:#008b91;

font-weight:bold;

margin-left:30px;



}

.texte_acc{

float:left;

width:631px;

height:140px;

padding-top:10px;

padding-left:7px;

padding-right:7px;

background-image:url(../images/charte/bg_acc.jpg);

background-repeat:no-repeat;

}



.marq{

float:left;

width:154px;

height:124px;

margin-bottom:0px;

text-align:center;

vertical-align:middle;

padding:1px;

max-height:124px;

max-width:154px;

margin-left:0px;}

/*accueil*/
#bloc_vignettes{
	float:left;
	width:600px;
	margin:20px 0 20px 20px;
}

#bloc_vignettes #wrapper{
	float:left;
	background:url(../images/accueil/vignette.jpg) top left no-repeat;
	width:180px;
	margin-left:5px;
	height:230px;
	padding:10px 0 10px 15px
}

#bloc_vignettes #wrapper p{
	width:145px;
}

#bloc_vignettes #wrapper span p{
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	height:35px;
}

#bloc_vignettes #wrapper ul li{
	margin-left:0px;
	height:18px;
	line-height:10px
}

#bloc_vignettes #wrapper ul li.grand{
	margin-left:0px;
	height:25px;
}
/*outillage*/

#bloc_outillage{
	float:left;
	width:650px;
}

#bloc_outillage #wrapper{
	float:left;
	width:650px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	background-color:#3399cc;
	margin:10px 0 0 0;
}

#bloc_outillage #wrapper img{
	float:left;
	width:150px;
	margin:10px;
}

#bloc_outillage #wrapper p{
	margin:15px 0 0 0;
	font-weight:bold;
	color:#FFFFFF;
}

#bloc_outillage #wrapper ul{
	float:left;
    width: 445px;
	margin:0 0 20px 0;
	color:#FFFFFF;
}

#bloc_outillage #wrapper ul li{
	color:#FFFFFF;
}

/*metrologie*/
#gbl_metro #bloc_outillage, #gbl_metro #bloc_outillage #wrapper {
	width:360px;
}

#gbl_metro #bloc_outillage ul{
	width:180px;
}
#gbl_metro #bloc_outillage ul li{
	line-height:15px;
}