/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	background:#ededed;
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div,form {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
table{
	border-collapse:collapse;
}
ul,ol ,li{
	list-style-type:none;
}
p {
	font-size:12px;
	color:#3d2f42;
}
a {
	text-decoration:none;
	color:#375e8c;
}
a:active, a:focus{
   outline:none;
}
/*---------------------------------------------- GLOBAL -----------------------------------------*/
#global{
	position:relative;
	width:909px;
	margin:0 auto;
	padding:0 40px 0 32px;
	background:url(../images/fonds/global.jpg) repeat-y top left;
}

/*--------------------------------------------- ENTETE-------------------------------------------*/
#entete{
	float:left;
	position:relative;
	width:100%;
	height:128px;
}

#entete h3.logo {
	float:left;
	margin:0 5px 0 0;
}
#entete h3.logo img {
	float:left; 
}
#entete p.banniere {
	float:left;
}
#entete p.banniere img {
	float:left; 
}
#entete p.lien_externe_1 a {
	position:absolute;
	top:154px;
	left:-107px;
}
#entete p.lien_externe_2 a {
	position:absolute;
	top:308px;
	left:-96px;
}
#entete p.lien_externe a:hover span.preview {
	display:block;
}
#entete p.lien_externe a span.preview {
	display:none;
	position:absolute;
	top:10px;
	right:-270px;
	z-index: 110;
	-moz-box-shadow: 1px 1px 7px #464646; 
    -webkit-box-shadow: 1px 1px 7px #464646; 
    box-shadow: 1px 1px 7px #464646; 
    border:6px solid #fff;
    
    -moz-border-radius: 6px 6px 6px 6px; 
    -webkit-border-radius: 6px 6px 6px 6px; 
    border-radius: 6px 6px 6px 6px;         
    -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 6px; /* pour Chrome */
    -webkit-border-bottom-right-radius: 6px; /* pour Chrome */
    -webkit-border-bottom-left-radius: 6px; /* pour Chrome */
}

#entete p.lien_externe_1 a img,
#entete p.lien_externe_2 a img{
	float:left;
}
/*-------------------------------------------- MENU HORIZONTAL ------------------------------------------*/
div#menu_h{
	float:left;
	width:100%;
	margin:2px 0 0 0;
	background:#756d77 url(../images/fonds/fond_menu.jpg) repeat-x top left;
}
div#menu_h ul.menu_pages {
	float:left;
	width:705px;
}
div#menu_h ul.menu_pages  li{
	float:left;
}
div#menu_h ul.menu_pages  li h4{
	float:left;
}
div#menu_h ul.menu_pages  li.btn2,
div#menu_h ul.menu_pages  li.btn2 h4{
	float:right;
}
div#menu_h ul.menu_pages  li h4.actif{
background:#a55183 url(../images/fonds/fond_menu_hover.jpg) repeat-x top left;
}
div#menu_h ul.menu_pages  li h4.actif a{
	color:#fff;
}
div#menu_h ul.menu_pages  li h4 a{
float:left;
display:block;
height:22px;
line-height:22px;
color:#fff;
font-weight:400;
font-size:12px;
padding:0 14px;
}
div#menu_h ul.menu_pages  li.ligne_double h4 a{
float:left;
display:block;
height:20px;
line-height:8px;
color:#fff;
font-weight:400;
font-size:11px;
padding:2px 14px 0 14px;
vertical-align: middle;
}
div#menu_h ul.menu_pages  li.btn2 h4 a{
float:right;
background:#8a7c8e;
}
div#menu_h ul.menu_pages li  h4 a:hover{
	background:#928694;
}

div#menu_h ul.menu_langues {
	float:left;
	width:198px;
	padding:4px 0 3px 4px;
	border-right:2px solid #fff;
}
div#menu_h ul.menu_langues  li{
	float:left;
	margin:0 4px 0 0px;
	position:relative;
	width:20px;
	height:15px;
}
div#menu_h ul.menu_langues  li img{
	width:20px;
}
div#menu_h ul.menu_langues  li a:hover img{
	width:20px;
	position:absolute;
	top:-1px;
	left:-1px;
	width:22px;
}

/*-------------------------------------------- BANDEAU HAUT ------------------------------------------*/
div#bandeaux_haut{
float:left;
width:739px;
margin:3px 0 0 3px;
}
div#bandeaux_haut h4 img{
float:left;
}

/*-------------------------------------------- BANDEAU BAS ------------------------------------------*/
div#bandeaux_bas{
float:left;
width:739px;
margin:14px 0 0 0;
}
div#bandeaux_bas h4 img{
float:left;
}

/*-------------------------------------------- COLONNE ------------------------------------------*/
div#colonne{
float:left;
width:195px;
margin:20px 9px 0 0;
}

/*-------------------------------------------- MENU GAUCHE ------------------------------------------*/
div#menu_v{
float:left;
width:100%;
margin:0;
background:#fff;
padding:0;
}
div#menu_v ul.menu_niv1{
float:left;
width:100%;

}
div#menu_v ul.menu_niv1 li{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	background:#928694;
}
div#menu_v ul.menu_niv1 li.li1{
	background:#a50060;
}
div#menu_v ul.menu_niv1 li.li2{
	background:#ef0058;
}
div#menu_v ul.menu_niv1 li.li3{
	background:#e64997;
}
div#menu_v ul.menu_niv1 li.li4{
	background:#d1237e;
}
div#menu_v ul.menu_niv1 li.li5{
	background:#c800ae;
}
div#menu_v ul.menu_niv1 li.li6{
	background:#ac3c99;
}
div#menu_v ul.menu_niv1 li.li7{
	background:#5e2a75;
}
div#menu_v ul.menu_niv1 li.produits{
	float:left;
	width:100%;
	margin:20px 0 10px 0;
	background:#ef452a;
	border:1px solid #756d77;
	border-width:10px 0;
}
div#menu_v ul.menu_niv1 li h2{
float:left;
width:100%;
height:22px;
line-height:22px;
}
div#menu_v ul.menu_niv1 li h2 a{
float:left;
display:block;
text-indent:10px;
width:100%;
font-size:12px;
color:#fff;
font-weight:400;
}
div#menu_v ul.menu_niv1 li.produits h2 a{
color:#fff;
}
div#menu_v ul.menu_niv1 li h2 a:hover{
	text-decoration:none;
	background:#ccc;
}
div#menu_v ul.menu_niv1 li.ouvre_menu h2{
border:none;
}
div#menu_v ul.menu_niv1 li ul.menu_ss_niv{

}
div#menu_v ul.menu_niv1 li ul.menu_ss_niv li h2{

}
div#menu_v ul.menu_niv1 li ul.menu_ss_niv li h2 a{

}
div#menu_v a:hover{
text-decoration:underline;
}

/*------- autres blocs  -----*/
#menu_v div.bloc_recherche{
	width:175px;
	float:left;
	margin:20px 0 0 0;
	background:#857a88;
	padding:4px 10px;
	text-align:center;
}
#menu_v div.bloc_recherche h4 {
	color:#fff;
	font-size:13px;
	font-weight:700;
	text-align:left;
}
#menu_v div.bloc_recherche p input.normal {
	width:170px;
}
#menu_v div.bloc_recherche p {
	color:#fff;
	font-weight:400;
	text-align:left;
	font-size:11px;
	margin:4px 0;
}
#menu_v div.bloc_recherche p a {
	color:#fff;
}
#menu_v div.bloc_recherche p.btn_submit{
	float:right;
}

/*------- autres blocs  -----*/
#menu_v div.bloc_newsletter{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	background:#857a88;
	padding:4px 0;
	text-align:center;
}
#menu_v div.bloc_newsletter h4 {
	color:#f487b3;
	font-size:13px;
	font-weight:700;
}
#menu_v div.bloc_newsletter p {
	color:#fff;
	font-weight:700;
}
#menu_v div.bloc_newsletter p a {
	color:#fff;
}

#menu_v div.recrute{
	width:100%;
	height:50px;
	float:left;
	margin:0 0 10px 0;
	background:none;
	position:relative;
}
#menu_v div.recrute a img{
	position:absolute;
	top:0;
	left:-5px;
}
#menu_v div.box{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	background:#857a88;
	padding:10px 0;
}

#menu_v div.box h4 a{
	width:185px;
	float:left;
	font-size:14px;
	font-weight:400;
	padding:4px 0 4px 10px;
	color:#3d2f42;

}
#menu_v div.box h4 a:hover{
	text-decoration:none;

}
#menu_v div.box.dossiers_techniques{
	margin:10px 0 0 0;
}
#menu_v div.box.techniques h4 a{
	background-color:#f4b23a;
}
#menu_v div.box.dossiers_techniques h4 a{
	background-color:#f4b23a;
}
#menu_v div.box.produits {
	background:none;
	min-height:230px;
	float:left;
}
*html #menu_v div.box.produits {
	height:390px;
}
#menu_v div.box.produits ul{
	float:left;
	width:100%;
}
#menu_v div.box.produits ul li{
	float:left;
	width:173px;
	padding:0;
}
/*--------------------------------------------- CORPS -------------------------------------------*/
#corps{
	float:left;
	padding:0;
	width:705px;
	margin:20px 0 0 0;
}
#corps div.texte_accueil,
.arrondi,
#corps div.texte_accueil p.lire_p a,
#corps div.bloc_diapo,
#corps div.menu_dt ul li,
#corps div.bloc_recherche,
div.menu_dt_categorie ul li a,
#corps div.description_categorie{
	-moz-border-radius: 5px;
	-webkit-border-radius:  5px;
	border-radius:  5px;
	-webkit-border-top-left-radius: 5px; /* pour Chrome */
	-webkit-border-top-right-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}
.arrondi_haut,
#corps div.actualites div,
#corps div.colonne_autres_menus div.menu h3,
#corps div.fiche_produit div.menu h3,
#corps div.categorie,
#corps div.bloc_accueil h3,
#corps div.bloc_entree_categ,
#corps div.bloc_entree_categ h3,
#corps div.bloc_recherche h3,
div#corps div.corps_onglets div.menu_onglets ul li,
#corps div.bloc_categ_produit,
#corps div.colonne_autres_menus div.menu,
#corps div.fiche_produit div.menu,

.titre_principal_produit {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius:  5px 5px 0 0;
	border-radius:  5px 5px 0 0;
	-webkit-border-top-left-radius: 5px; /* pour Chrome */
	-webkit-border-top-right-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 0px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 0px; /* pour Chrome */
}


/*--------------   BLOC ACCUEIL   -----------*/
#corps div.texte_accueil {
	width:446px;
	padding:10px 10px 30px 10px;
	background:#dad5dc;
	margin:0 10px 20px 0;
	float:left;
	position:relative;
}
#corps div.texte_accueil div.intro {
	width:100%;
	height: 70px;
	float:left;
}
#corps div.texte_accueil div.intro p {
	font-weight: 700;
}
#corps div.texte_accueil div.texte {
	width:100%;
	float:left;
	display:none;
}
#corps div.texte_accueil p.lire_p a{
	position:absolute;
	bottom: 10px;
	right:10px;
	margin:10px 0 0 0;
	text-decoration:none;
	font-weight:400;
	background:#b76c99 url(../images/fonds/fond_btn_accueil.jpg) repeat-x center left;
	padding:2px 24px;
	color:#944d79;
	text-align:center;
	border:1px solid #c288ab;
}
#corps div.texte_accueil p.lire_p a:hover{
	background:#b76c99 url(../images/fonds/fond_btn_accueil_hover.jpg) repeat-x center left;
	border:1px solid #924774;
	color:#fff;
}
#corps div.texte_accueil div p{
	margin:0 0 10px 0;
}
#corps div.texte_accueil div h6{
	font-size:12px;
	color:#964977;
}
#corps div.bloc_accueil {
	float:left;
	margin:0 10px 10px 0;
	width:208px;
	background:#dad5dc;
	padding:30px 10px 10px 10px;
	height:120px;
	position:relative;
	display:inline;
}

/*---- formulaire recherche ----*/
#corps div.bloc_recherche_accueil {
	float:left;
	margin:0 0 10px 0;
	width:208px;
	background:#dad5dc;
	padding:10px 10px 10px 10px;
	height: 90px;
	position:relative;
	display:inline;
}
#corps div.bloc_recherche_accueil div.int_form {
	margin:4px 0 0 0;
	float:left;
}
#corps div.bloc_recherche_accueil div.int_form p{
	margin:0px 0 0 0;
	float:left;
}
#corps div.bloc_recherche_accueil div.int_form input.normal {
	width:200px;
	margin:0;

}
#corps div.bloc_recherche_accueil p.btn_submit  {
	position:absolute;
	bottom:10px;
	right:10px;
}


/*-----   bloc diapo   ------*/
#corps div.bloc_diapo {
	float:left;
	margin:0 10px 10px 0;
	width:150px;
	background:#dad5dc;
	padding:0px 39px 00px 39px;
	height:150px;
	position:relative;
	display:inline;
}
#corps div.bloc_diapo h3{
	position:absolute;
	top:5px;
	left:0;
	width:228px;
	background:#fff;
	height:22px;
	line-height: 22px;
	color:#OOO;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
	text-align:center;
}
#corps div.bloc_diapo h3 a{
	color:#000;
}
#corps div.bloc_diapo img{
	height:150px;
	text-align:center;
	float:left

}

/*----- bloc actualites  ----*/
#corps div.bloc_accueil.bloc_actualites {
	height:110px;
	width:446px;
	float:left;
	margin:0 0px 10px 0;
	padding:30px 10px 10px 10px;
}

#corps div.bloc_accueil.bloc_actualites div.cadre_actu {
	float:left;
	height:110px;
	width:100%;
	overflow:hidden;
	position:relative;
}

#corps div.bloc_accueil.bloc_actualites div.cadre_actu div {
	float:left;
	width:432px;
	padding:0 0 0 14px;
	height: 129px;
	margin:0 0 0 0;
	position:relative;
	overflow:hidden; 
}



#corps div.bloc_accueil.bloc_actualites div.cadre_actu div p.illu {
	float:left;
	width:120px;
	margin:0 10px 0 0;
	height:120px;
}
#corps div.bloc_accueil.bloc_actualites div.cadre_actu div p.illu img {
	float:left;
	width:100%;

}
#corps div.bloc_accueil.bloc_actualites div.cadre_actu div h5 {
	position:absolute;
	top:0;
	right:0;
	padding:2px 4px;
	font-size:11px;
	font-weight: 400;
	color:#fff;
	background:#ff7800;
}

#corps div.bloc_accueil.bloc_actualites div.cadre_actu div h5.gp{
	background:#03a4bc;
	
}
#corps div.bloc_accueil.bloc_actualites div.cadre_actu div h4 {
	float:left;
	width:230px;
	font-size:12px;

	font-weight: 700;
	color:#4f4052;
}
#corps div.bloc_accueil.bloc_actualites div.cadre_actu div h4 a {
	color:#4f4052;
}
#corps div.bloc_accueil.bloc_actualites div.cadre_actu div p.texte {
	float:left;
	width:280px;
	margin:4px 0  0 0;
}
a.bx-next {
	position:absolute;
	top:44px;
	right:-6px;
}
a.bx-prev {
	position:absolute;
	top:44px;
	left:-6px;
}

#corps div.bloc_actualites {

}

#corps div.bloc_accueil h3 {
	position:absolute;
	top:0;
	left:0;
	float:left;
	width:100%;
	text-align:center;
	background:#857a88;
	font-size:12px;
	font-weight:700;
	color:#fff;
	padding:3px 0px;
}
#corps div.bloc_accueil h3 a {
	color:inherit;
}
#corps div.bloc_accueil.bloc_actualites h3 {
	width:466px;
}
#corps div.bloc_accueil.bloc_recherche_accueil h3 {
	width:228px;
}
#corps div.categorie {
	float:left;
	margin:0 10px 10px 0;
	width:228px;

	padding:0 0px 0px 0px;
}
#corps div.categorie.droite {
	margin:0 0px 10px 0;
}
#corps div.categorie p.illu img {
	float:left;
	width:228px;
}
#corps div.categorie h3 {
	font-size:12px;
	color:#fff;
	text-align:center;
	float:left;
	width:100%;
	padding:4px 0;
	background:#857a88;
}
#corps div.categorie h3 a {
	color:#fff;
}



/*---------------  bloc produits news ---------------*/
#corps div.new_produits {
	float:left;
	width:540px;
	height:160px;

	margin:20px 0 20px 40px;
	border:4px solid #999999;
	padding:20px 40px;
	position:relative;
}
#corps div.new_produits img.picto_new {
	position:absolute;
	top:-40px;
	left:-40px;
	z-index: 108;
}

#corps div.new_produits ul {
	float:left;
	width:100%;
	height:160px;
	overflow: hidden;
}
#corps div.new_produits ul.unique li {
	float:left;
	padding:0;
	position:relative;
	width:100%;
	text-align: center;
}
#corps div.new_produits ul.unique li img {
	float:none;
	text-align: center;
}
#corps div.new_produits ul li {
	float:left;
	padding:0 20px 0 0;
	width:160px;
}
#corps div.new_produits ul li img {
	float:left;
	width:160px;
}
#corps div.new_produits a.bx-prev {
	position:absolute;
	left:-75px;
	top:60px;
}
#corps div.new_produits a.bx-next {
	position:absolute;
	right:-75px;
	top:60px;
}


/*--  eveil et crea  --*/
#corps div.description_categorie{
	width:685px;
	padding:10px;
	background:#dad5dc;
	margin:0 0 20px 0;
}
#corps div.description_categorie h2{
	color:#4c2463;
	font-size:14px;
	margin:0px 0 5px 0;
}

#corps div.bloc_entree_categ h2{
	color:#4c2463;
	font-size:14px;
	margin:0px 0 5px 0;
}
#corps div.bloc_entree_categ {
	float:left;
	margin:0 10px 10px 0;
	width:228px;
	background:#fff;
	padding:0 0px 0px 0px;
}
#corps div.bloc_entree_categ p.desc {
	min-height: 100px;
	float:left;
}
#corps div.bloc_entree_categ.droite {
	margin:0 0px 10px 0;
}
#corps div.bloc_entree_categ p.illu img {
	float:left;
	width:228px;

}
#corps div.bloc_entree_categ h3 {
	font-size:12px;
	color:#fff;
	text-align:center;
	float:left;
	width:100%;
	padding:4px 0;
	background:#857a88;
}
#corps div.bloc_entree_categ h3 a {
	color:#fff;
}


/*-----------------------    PAGE ACTUALITES   ---------------*/
#corps div.actualites div {
	float:left;
	width:685px;
	padding:10px;
	background:#dad5dc;
	margin:0 0 20px 0;
}
#corps div.actualites div  p.illu {
	float:left;
	width:161px;
	height:160px;
	background:url(../images/fonds/fond_liste_actualites.png) no-repeat top left;
	position:relative;
	top:-7px;
	left:-7px;
}
#corps div.actualites div  p.illu img {
	float:left;
	position:relative;
	top:9px;
	left:8px;
}
#corps div.actualites div  h5 {
	float:right;
	width:135px;
	text-align:center;
	background:#ff7800;
	color:#fff;
	font-size:12px;
	font-weight:400;
	padding:4px 0;
}
#corps div.actualites div  h3 {
	float:left;
	width:369px;
	font-size:14px;
	font-weight:700;
	color:#443d46;
	font-family:verdana,arial;
}
#corps div.actualites div  h5.gp{
	background:#03a4bc;
}
#corps div.actualites div  p.texte {
	float:left;
	width:524px;
}

/*--------------------   PAGES DOSSIERS TECHNIQUES   -------------*/


/*---------------  page recrutement ---------------*/
#corps div.offre {
	float:left;
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ccc;
}
#corps div.offre h3{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}


/*------------------------------------PAGES TECHNIQUES ---------------------------------------*/
div#corps div.corps_onglets{
float:left;
width:100%;
}
div#corps div.corps_onglets div.menu_onglets{
float:left;
width:100%;
}
div#corps div.corps_onglets div.menu_onglets ul{
float:left;
width:100%;
background:none;
}
div#corps div.corps_onglets div.menu_onglets ul li{
float:left;
height:28px;
margin-right:1px;
background:#8a6f99;
padding:4px 10px 0 10px;
}

div#corps div.corps_onglets div.menu_onglets.menu_onglets_one ul li{
height:14px;
padding:6px 10px 6px 10px;
margin-bottom: 1px;
}



div#corps div.corps_onglets div.contenu{
float:left;
width:685px;
padding:10px;
min-height:400px;
}
div#corps div.corps_onglets div.contenu p{
color:#fff;
}
div#corps div.corps_onglets div.menu_onglets ul li.tech1{
background:#8a6f99;
}
div#corps div.corps_onglets div.tech1{
background:#8a6f99;
}

div#corps div.corps_onglets div.menu_onglets li.tech2{
background:#6b3489;
}
div#corps div.corps_onglets div.tech2{
background:#6b3489;
}

div#corps div.corps_onglets div.menu_onglets ul li.tech3{
background:#4d290f;
}
div#corps div.corps_onglets div.tech3{
background:#4d290f;
}

div#corps div.corps_onglets div.menu_onglets ul li.tech4{
background:#7f4b22;
}
div#corps div.corps_onglets div.tech4{
background:#7f4b22;
}

div#corps div.corps_onglets div.menu_onglets ul li.tech5,
div#corps div.corps_onglets div.tech5 {
background:#d02666;
}

div#corps div.corps_onglets div.menu_onglets ul li.tech6,
div#corps div.corps_onglets div.tech6 {
background:#e54386;
}

div#corps div.corps_onglets div.menu_onglets ul li.tech7,
div#corps div.corps_onglets div.tech7 {
background:#eb79a4;
}

div#corps div.corps_onglets div.menu_onglets ul li.tech8,
div#corps div.corps_onglets div.tech8 {
background:#f3b3ce;
}
div#corps div.corps_onglets div.menu_onglets ul li.tech9,
div#corps div.corps_onglets div.tech9 {
background:#bcb657;
}
div#corps div.corps_onglets div.menu_onglets ul li h3 a{
float:left;
height:36px;
color:#fff;
font-size:10px;
text-align:center;
}
/*-----------   PAGES TECHNIQUES  --------*/
#corps div.techniques {
	width:100%;
	float:left;
}
#corps div.techniques div.technique{
	width:100%;
	float:left;
	margin:0 0 30px 0;
}
#corps div.techniques div.technique h4 {
	width:100%;
	float:left;
	margin:10px 0 10px 0;
	font-size:14px;
	color:#fff;
	font-family:verdana;
}
#corps div.techniques div.technique div{
	width:160px;
	float:left;
	margin:0 10px 30px 0;
}
#corps div.techniques div.technique div p.illu{
	padding:10px;
	text-align:center;
	float:left;
	background:#fff;
}
#corps div.techniques div.technique div p.illu img{
	width:140px;
}
#corps div.techniques div.technique div p.desc{
text-align:left;
width:100%;
	margin:6px 0 0 0;
	float:left;
	font-size:11px;
}

/*--------------------------------------PAGES CONTENUS FRONT-----------------------------------*/
div.colonne_gauche,
div.colonne_droite,
div.illustration_cpc{
float:left;
width:100%;
}
div.colonne_gauche p,
div.colonne_droite p,
div.illustration_cpc p{
color:#756d77;
}
div.colonne_gauche p a,
div.colonne_droite p a,
div.illustration_cpc p a{
color:#756d77;
}
div.colonne_gauche h3,
div.colonne_droite h3,
div.illustration_cpc h3{
float:left;
width:100%;
color:#857988;
font-size:13px;
margin:0 0 20px 0;
}

div.dossier_technique div.colonne_gauche h3,
div.dossier_technique div.colonne_droite h3,
div.dossier_technique div.illustration_cpc h3{
color:#FFF;
margin:20px 0 10px 0;
}
/*--STYLE COLONNE IMAGES GAUCHE--*/
div.colonne_gauche div.gauche{
float:left;
width:300px;
margin:0 20px 0 0;
}
div.colonne_gauche div.gauche h5 img{
float:left;
border:1px solid #857988;
}
div.colonne_gauche div.droite{
float:left;
width:380px;
}
div.dossier_technique div.colonne_gauche div.droite,
div.dossier_technique div.colonne_droite div.gauche{
width:364px;
}
/*--STYLE COLONNE IMAGES DROITE--*/
div.colonne_droite div.droite{
float:right;
width:300px;
}
div.colonne_droite div.droite h5 img{
float:left;
border:1px solid #857988;
}
div.colonne_droite div.gauche{
float:left;
width:394px;
margin:0 20px 0 0;
}

/*--STYLE IMAGES 100%--*/
div.illustration_cpc div.haut{
float:left;
width:100%;
margin:20px 0 20px 0;
}
div.illustration_cpc div.haut h5{
float:left;
width:100%;
}
div.illustration_cpc div.haut h5 img{
float:left;
}
div.illustration_cpc div.bas{
float:left;
width:100%;
}


/*--------------------------------------------- FILS D'ARIANE -------------------------------------------*/
div.fil_ariane_catalogue ul{
float:left;
width:100%;
margin:0 0 12px 0;
}
div.fil_ariane_catalogue ul li{
float:left;
color:#ee5995;
}
div.fil_ariane_catalogue ul li a{
color:#ee5995;
text-decoration:underline;
}
div.fil_ariane_catalogue ul li.categ_courante{
font-weight:700;
}
div.fil_ariane_catalogue ul li span{
padding:0 4px 0 4px;
color:#ee5995;
}

/*-------------------------------------- PAGE CATEGORIE -----------------------------------------*/


/* ----- menu dossiers techniques dans categories ----*/
div.menu_dt_categorie {
	float:left;
	width:100%;
}
div.menu_dt_categorie h3 {
	float:right;
	font-weight: 400;
	color:#89879a;
	font-size: 11px;
	width:100%;
	text-align:right;
	margin:0 0 4px 0;
}
div.menu_dt_categorie ul {
	float:right;
	margin:0 0 10px 0;
}
div.menu_dt_categorie ul li {
	float:left;
	margin:0 0 0 4px;
	color:#746f76;
}
div.menu_dt_categorie ul li a{
	font-weight: 400;
	color:#924a9e;
	background: #e9dfed;
	padding:4px 8px;
	border:1px solid #d1aad7;
}
div.bloc_categ_niv2{
float:left;
width:340px;
border-right:2px solid #3e3142;
padding:0 10px 0 0;
}
div.bloc_categ_niv2_full{
float:left;
width:100%;
border:none;
}
div.bloc_categ_niv2.pair{
border:none;
padding:0 0 0 12px;
}
div.bloc_categ_niv2 .titre_categ_niv2{
float:left;
width:100%;
text-align:center;
color:#4c2463;
font-weight:700;
font-size:14px;
}
div.bloc_categ_niv2 p.liste_categ_niv3{
float:left;
width:100%;
text-align:center;
margin:20px 0 0 0;
height:50px;
}
div.bloc_categ_niv2 p.liste_categ_niv3 a{
color:#756d77;
font-size:11px;
}
div.bloc_categ_niv2 p.liste_categ_niv3 span{
padding:0 3px 0 3px;
}
div.bloc_categ_niv2 .titre_categ_niv3{
float:left;
width:100%;
color:#756d77;
font-weight:700;
font-size:12px;
margin:10px 0 0 0;
}
div.bloc_categ_niv2 div.images_prods{
float:left;
width:100%;
margin:10px 0 0 0;
}
div.bloc_categ_niv2 div.images_prods h5 a:hover{

}
div.bloc_categ_niv2 div.images_prods h5 span.full{
	display:none;
	position:absolute;
	bottom:160px;
	right:0px;

	z-index: 112;
	-moz-box-shadow: 1px 1px 7px #464646; 
    -webkit-box-shadow: 1px 1px 7px #464646; 
    box-shadow: 1px 1px 7px #464646; 
    border:6px solid #fff;
    
    -moz-border-radius: 6px 6px 6px 6px; 
    -webkit-border-radius: 6px 6px 6px 6px; 
    border-radius: 6px 6px 6px 6px;         
    -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 6px; /* pour Chrome */
    -webkit-border-bottom-right-radius: 6px; /* pour Chrome */
    -webkit-border-bottom-left-radius: 6px; /* pour Chrome */
}
div.bloc_categ_niv2 div.images_prods h5 span.full img {
	max-width: 500px;
}
div.bloc_categ_niv2 div.images_prods h5 a:hover img.prod{
	border:1px solid #ccc;
	width:148px;
	height: 148px;
}
div.bloc_categ_niv2 div.images_prods h5 a:hover span.full  {
	display:block;
}
div.bloc_categ_niv2 div.images_prods h5 a{
float:left;
margin:0 0px 4px 4px;
position:relative;
}
div.bloc_categ_niv2 div.images_prods h5 img.prod{
float:left;
width:150px;
height:150px;
}
div.bloc_categ_niv2 div.images_prods h5 img.picto_new{
position:absolute;
bottom:0;
right:0;
}
div.bloc_categ_niv2 div.images_prods h5 img.picto_large{
	position:absolute;
	bottom:0;
	right:0;
}
div.bloc_categ_niv2 div.images_prods h5 img.picto_large.decal{
	position:absolute;
	bottom:0;
	right:50px;
}
div.bloc_categ_niv2 div.images_prods h5.gauche a{
	margin:0 0px 4px 0;
}
/*-------   catégories produits  ----------*/
#corps div.bloc50 {
	width:342px;
	float:left;
	margin:0 20px 0 0;
}
#corps div.bloc50.droite {
	margin:0 0px 0 0;
}
#corps div.bloc50 h3.titre_categ_niv2 {
	width:100%;
	font-size:14px;
	color:#4c2463;
	text-align:center;
	margin:10px 0 10px 0;
}
#corps div.bloc_categ_produit {
	float:left;
	margin:0 10px 10px 0;
	width:166px;
	background:#dad5dc;
	padding:0 0px 0px 0px;
}
#corps div.bloc_categ_produit.droite {
	margin:0 0px 10px 0;
}
#corps div.bloc_categ_produit p.illu img {
	float:left;
	width:166px;
}
#corps div.bloc_categ_produit h3 {
	font-size:12px;
	color:#fff;
	text-align:center;
	float:left;
	width:100%;
	padding:4px 0;
	background:#857a88;
}
#corps div.bloc_categ_produit h3 a {
	color:#fff;
}
/*-----------  page categorie autres menus  --------*/
#corps div.colonne_autres_menus {
	float:left;
	width:202px;
	margin:0 0 0 10px;
	display:inline;
}
#corps div.colonne_autres_menus div.menu,
#corps div.fiche_produit div.menu{
	float:left;
	width:182px;
	padding:30px 10px 10px 10px;
	margin:0 0 20px 0;
	background:#dad5dc url(../images/fonds/fond_menu1.png) no-repeat bottom right;
	position:relative;
}
#corps div.colonne_autres_menus div.menu.menu2,
#corps div.fiche_produit div.menu.menu2{
	background:#dad5dc url(../images/fonds/fond_menu2.png) no-repeat bottom right;
}
#corps div.colonne_autres_menus div.menu h3,
#corps div.fiche_produit div.menu h3{
	position:absolute;
	top:0;
	left:0;
	width:290px;
	float:left;
	text-align:center;
	background:#857a88;
	font-size:12px;
	font-weight:700;
	color:#fff;
	padding:3px 0px;
}

#corps div.colonne_autres_menus div.menu ul,
#corps div.fiche_produit div.menu ul{
	float:left;
	width:250px;
	position:relative;
}

#corps div.colonne_autres_menus div.menu ul li,
#corps div.fiche_produit div.menu ul li{
	float:left;
	width:250px;
	color:#3f3142;
	font-weight:700;
	margin:0 0 0 0;

}
#corps div.menu ul li {
	text-indent:16px;
	line-height:20px;
	background:url(../images/puces/puceli1.png) no-repeat center left;
}
#corps div.menu ul li a{
	color:#3f3142;
	float:left;
	width:100%;
	height:20px;
	line-height:20px;
	background:url(../images/puces/puceli1.png) no-repeat center left;
}

#corps div.menu ul li a:hover{
	color:#765b7c;
}
#corps div.menu ul li.li1 {
	background:url(../images/puces/puceli1.png) no-repeat center left;
}
#corps div.menu ul li.li2{
	background:url(../images/puces/puceli2.png) no-repeat center left;
}
#corps div.menu ul li.li3{
	background:url(../images/puces/puceli3.png) no-repeat center left;
}
#corps div.menu ul li.li4{
	background:url(../images/puces/puceli4.png) no-repeat center left;
}
#corps div.menu ul li.li5{
	background:url(../images/puces/puceli5.png) no-repeat center left;
}
#corps div.menu ul li.li6{
	background:url(../images/puces/puceli6.png) no-repeat center left;
}
#corps div.menu ul li.li7{
	background:url(../images/puces/puceli7.png) no-repeat center left;
}
#corps div.menu ul li.li8{
	background:url(../images/puces/puceli8.png) no-repeat center left;
}
#corps div.menu ul li.li9{
	background:url(../images/puces/puceli9.png) no-repeat center left;
}
#corps div.menu ul li.li_prod{
	background:url(../images/puces/puceli2.png) no-repeat center left;
}


#corps div.btn_nav {
	width:100%;
	margin:10px 0 0 0;
	float:left;
}
#corps div.btn_nav div{
	float:right;
	width:296px;
}
#corps div.btn_nav a{
	color:#fff;
	font-weight:400;
	font-size:12px;
}
#corps div.btn_nav a:hover{
	color:#f486b3;
}
#corps div.btn_nav p.retour_liste a{
	float:left;
	background:#857a88 url(../images/puces/retour_liste.png) no-repeat center left;
	padding:0px 10px 0px 40px;
	text-align:right;
	height:20px;
	line-height:20px;
}
#corps p.suivant a{
	float:right;
	width:125px;
	background:#857a88 url(../images/puces/produit_suivant.png) no-repeat center right;
	padding:0px 00px 0px  10px;
	text-align:left;
	height:20px;
	line-height:20px;
	margin:0 0 0 20px;
}
#corps p.precedent a {
	width:125px;
	float:left;
	background:#857a88 url(../images/puces/produit_precedent.png) no-repeat center left;
	padding:0px 10px 0px 0px;
	text-align:right;
	height:20px;
	line-height:20px;
}
/*--------------------------------------------- LISTE DES PRODUITS -------------------------------------------*/
div.bloc_liste_produits{
float:left;
position:relative;
width:229px;
border:1px solid #dfdfdf;
margin:0 10px 10px 0;
}
div.bloc_produit_droite{
margin:0 0 10px 0;
}
div.bloc_liste_produits div.infos_produit{
float:left;
width:166px;
height:154px;
margin:0 0 0 32px;
}
div.bloc_liste_produits div.infos_produit h4.titre_produit a{
float:left;
color:#5e788d;
text-decoration:underline;
width:100%;
font-size:12px;
height:34px;
}
div.bloc_liste_produits div.infos_produit p.prix_produit{
position:absolute;
left:32px;
top:32px;
color:#7ba24c;
font-size:16px;
font-weight:700;
}
div.bloc_liste_produits div.infos_produit h5.image_produit img{
margin:16px 0 0 23px;
}
div.bloc_liste_produits div.liens_produit{
float:left;
position:relative;
width:100%;
height:34px;
background:#eaeaea;
}
div.bloc_liste_produits div.liens_produit h6.lien_clair{
position:absolute;
left:5px;
top:5px;
}
div.bloc_liste_produits div.liens_produit h6.lien_bouton{
position:absolute;
right:5px;
top:0px;
height:34px;
}

/*--------------------------------------------- FICHE PRODUIT -------------------------------------------*/

#corps div.fiche_produit{
	float:left;
	width:100%;
}

#corps div.fiche_produit div.illustrations{
	float:left;
	width:400px;
	margin:0 10px 0 0;
	position:relative;
}
#corps div.fiche_produit div.illustrations img.picto_new{
	position:absolute;
	top:0;
	right:0;
}
#corps div.fiche_produit div.miniatures {
	float:left;
	width:400px;
}
#corps div.fiche_produit div.miniatures p a{
	float:left;
	margin:0 4px 0 0;
}
#corps div.fiche_produit div.colonne_desc{
	float:left;
	width:290px;
}
#corps div.fiche_produit div.menu{
	width:270px;
	position:relative;
	float:left;
}

#corps div.fiche_produit div.menu.menu2{
	background:#dad5dc url(../images/fonds/fond_menu2.png) no-repeat bottom right;
}
#corps div.fiche_produit div.menu.menu4{
	background-image:none;
}
#corps div.fiche_produit div.menu.menu4 h3{
	background:#f486b3;
}
#corps div.fiche_produit div.menu.menu_ref,
#corps div.fiche_produit div.menu.menu5{
	background-image:none;
	padding:10px 10px 10px 10px;
}

#corps div.fiche_produit div.menu.menu_ref ul{
	margin:0;
	float:left;
}
#corps div.fiche_produit div.menu.menu_ref ul li{
	font-weight:400;
}
#corps div.fiche_produit div.menu.menu_ref ul li span{
	font-weight:700;
}

#corps div.fiche_produit div.menu h3{


}

#corps div.fiche_produit div.contact_form {
	float:left;
	width:678px;
	margin:10px 0 0 0;
	border:1px solid #ab94b5;
	background:#dad5dc;
	padding:10px;
}
#corps div.fiche_produit div.contact_form h2 {
	float:left;
	width:100%;
	margin:0px 0 10px 0;
	color:#2a242b;
	font-size:14px;
}
/*--------------------------------------------- BLOC FULL -------------------------------------------*/

div.bloc_full{
float:left;
width:100%;
}
div.bloc_full_marge{
margin:20px 0 0 0;
}

/*--------------------------------------------- BLOC MOITIE -------------------------------------------*/

div.bloc_moitie{
float:left;
position:relative;
width:48%;
border:1px solid #dfdfdf;
min-height:270px;
margin:0 0 20px 0;
}
div.bloc_moitie_droit{
float:right;
}
div.bloc_moitie div.bloc_moitie_contenu{
float:left;
width:90%;
padding:5%;
}
div.bloc_moitie  div.bloc_moitie_contenu h4{
float:left;
width:100%;
color:#b16a2d;
font-size:15px;
padding:0 0 4px 0;
border-bottom:1px solid #dfdfdf;
}
div.bloc_moitie  div.bloc_moitie_contenu p.texte{
float:left;
width:100%;
margin:12px 0 0 0;
color:#7c7c7c;
}
div.bloc_moitie  div.bloc_moitie_contenu  div.sepa_form{
margin:12px 0 0 0;
}
div.bloc_moitie div.bloc_moitie_pied{
position:absolute;
left:0px;
bottom:0px;
width:100%;
background:#e7d0b1;
height:40px;
line-height:40px;
}
div.bloc_moitie div.bloc_moitie_pied p a{
position:absolute;
left:5%;
bottom:0px;
}
div.bloc_moitie div.bloc_moitie_pied h6,
div.bloc_moitie div.bloc_moitie_pied input.submit{
position:absolute;
right:5%;
bottom:7px;
}


/*-------------    TROUVER NOS PRODUITS ------------*/
#corps div.bloc_trouver_produit {
	width:100%;
	float:left;
}
#corps div.bloc_trouver_produit div.bloc_infos{
float:right;
width:398px;
}
#corps div.bloc_trouver_produit div.bloc_recherche{
float:left;
width:300px;
}
#corps div.bloc_trouver_produit div#map_canvas {
	width:398px;
	height:320px;
	float:right;
	border:1px solid #918a93;
}
#corps div.bloc_trouver_produit div#revendeurs_internet {
	width:370px;
	float:right;
	border:1px solid #918a93;
	margin:14px 0 0 0;
	padding:14px;
}
#corps div.contact_form div.bloc_trouver_produit div#revendeurs_internet {
	width:330px;
	float:right;
	border:1px solid #918a93;
	margin:14px 0 0 0;
	padding:14px;
}
#corps div.bloc_trouver_produit div#revendeurs_internet div.revendeur{
float:left;
width:100%;
margin:14px 0 0 0;
background:#F1EFF2;
}
#corps div.bloc_trouver_produit div#revendeurs_internet div.revendeur h4{
float:left;
width:140px;
background:#FFF;
text-align:center;
}

#corps div.bloc_trouver_produit div#revendeurs_internet div.revendeur p{
float:left;
margin:0 0 0 14px;
padding:10px 0;
}
#corps div.bloc_trouver_produit div.revendeurs_internet {
	width:398px;
	float:right;
	margin:20px 0 0 0;
}
#corps div.contact_form div.bloc_trouver_produit div#map_canvas {
	width:358px;
	height:320px;
	float:right;
	border:1px solid #918a93;
}

#corps div.bloc_trouver_produit div.src_results {
	float:left;
	width:300px;
}

#corps div.bloc_trouver_produit p.intro {
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
#corps div.bloc_trouver_produit div#resultats_recherche_revendeurs li {
	float:left;
	margin:0 0 4px 0;
	padding:4px;
	background:#f1eff2;
	width:292px;
}
#corps div.bloc_trouver_produit p.form {
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

/*-----------------   PAGE NOS VALEURS  --------*/
#corps.nos_valeurs {
	background:url(../images/fonds/fond_page_valeurs.jpg) no-repeat bottom right;
	height:840px;
}
#corps.nos_valeurs  div.texte_valeurs{
	float:left;
	width:495px;
	height:335px;
	overflow:auto;
}
#corps.nos_valeurs  div.texte_valeurs h5{
	float:left;
	width:455px;
	margin:0 0 10px 0;
	color:#514b52;
	font-size:12px;
}
#corps.nos_valeurs  div.texte_valeurs p{
	float:left;
	width:455px;
	margin:0 0 10px 0;
}

/*--------------------------------------------- PIED -------------------------------------------*/
#pied{
clear:both;
width:100%;
padding:14px 0 0 0;
}
#pied p{

color:#fff;

}
#pied p a{
color:#fff;
}
#pied div.menu_bas {
	width:100%;
	height:20px;
	margin:4px 0 0 0;
	background:#756d77 url(../images/fonds/fond_menu.jpg) repeat-x top left;
}
#pied div.menu_bas h6 a {
	float:left;
	margin:0 0px 0 0px;
	font-size:12px;
	color:#000;
	font-weight: 400;
	height:20px;
	line-height: 20px;
	padding: 0 14px;
}
#pied div.menu_bas h6 a{
	color:#fff;
}
#pied div.menu_bas h6 a:hover{
	background:#928694;
}
#pied p.signature{
	width:100%;
	text-align: right;
	color:#c6b5c9;
	padding:6px 0;
}
#pied p.signature a{

	color:#c6b5c9;
}