/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  /*background-repeat:repeat-x;*/
  background-color:#fff;
  width:100%;
  font:11px Arial, helvetica, sans-serif;
  color:#424242;
}

#lebTipContent{font-weight:bold; border:3px solid #214D8A; padding:3px; padding-right:10px; background-color:#E9EEF4; color:#23559B}

/*********************** COULEURS ******************************************/

.bleu {color:#23559B !important}
.bleu2 {color:#18498F !important}
.bleu3 {color:#133F7D !important}
.orange{color:#DF8A4C !important}
.vert {color:#a7c956 !important}
.gris {color:#424242 !important}
.bg_gris{color:#E9EEF5 !important}
.blanc{color:#fff}

.font_gris_pale{color:#cfddf0 !important}
.font_gris_clair{color:#d4dce8 !important}
.font_bleu_fonce{color:#335e9c !important}

/*********************** divers ******************************************/

.right {float:right}
.left {float:left}
.clear {clear:both}


img {border:none}
p {text-align:justify}
a {text-decoration:none}

a.orange{text-decoration:none}
a.orange:hover{text-decoration:underline}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#e5eeff; border:1px #ccdeff solid; padding:10px 10px 0px 10px}
.liste li {margin:0px 0px 10px 15px}

/* ============================================== Structure generale ===============================================================================*/


#page {
  text-align:left;
}

#bande1{background:#23559B;}
#bande2{background:#18498F;}
#bande3{background:#133F7D;}

.conteneur{
  width:960px;
  border:#6588b9 1px dotted;
  border-top:none;
  border-bottom:none;
  margin:0px auto 0px auto;
  padding-bottom:15px
}

.conteneur .content{padding:10px 0}

.border_top{border-top:1px #6588b9 dotted;}


/******** HEADER ********/

#header{background:url(../img/bg/bg_head_accueil.jpg) no-repeat top center;height:161px;}
#header #contentHead{width:960px;margin:auto}
#header h1{float:left;width:241px;height:125px}
#header h1 img{margin:36px 0 0 25px}
#header #slogan{float:left;margin-left:390px;margin-top:-70px}
#header #slogan span{float:left;margin-top:-2000px}
#header ul{float:left;margin:-2px 0 0 387px}
#header ul li{display:inline;}

/*#header ul li a{display:block;float:left;padding:0 1px;margin-right:10px;color:#133F7D;text-decoration:none;text-transform:uppercase;font-weight:bold;border:1px #E9EEF5 solid;border-left:none;border-right:none}
#header ul li a:hover{border:#23559B 1px dotted;border-left:none;border-right:none;}

#header ul li a.catActif{border:#23559B 1px dotted;border-left:none;border-right:none;}*/

#header ul li a.catalogue{display:block;float:left;width:142px;height:18px;color:#133F7D;text-decoration:none;text-transform:uppercase;font-weight:bold;background:url(../img/global/bg_actif_cat.gif) no-repeat 0 23px;padding:5px 0 0 3px;margin-left:5px}
#header ul li a.catalogue:hover{color:#e9eef5;background:url(../img/global/bg_actif_cat.gif) no-repeat 0 0}

#header ul li a.contact{display:block;float:left;width:61px;height:18px;color:#133F7D;text-decoration:none;text-transform:uppercase;font-weight:bold;background:url(../img/global/bg_actif_contact.gif) no-repeat 0 23px;padding:5px 0 0 7px;margin-left:5px}
#header ul li a.contact:hover{color:#e9eef5;background:url(../img/global/bg_actif_contact.gif) no-repeat 0 0}

#header ul li a.roc{display:block;float:left;width:113px;height:18px;color:#133F7D;text-decoration:none;text-transform:uppercase;font-weight:bold;background:url(../img/global/bg_actif_roc.gif) no-repeat 0 23px;padding:5px 0 0 5px;}
#header ul li a.roc:hover{color:#e9eef5;background:url(../img/global/bg_actif_roc.gif) no-repeat 0 0}

#header ul li a.catActif{display:block;float:left;width:142px;height:18px;color:#e9eef5;text-decoration:none;text-transform:uppercase;font-weight:bold;background:url(../img/global/bg_actif_cat.gif) no-repeat 0 0;padding:5px 0 0 3px;margin-left:5px}
#header ul li a.contactActif{display:block;float:left;width:61px;height:18px;color:#e9eef5;text-decoration:none;text-transform:uppercase;font-weight:bold;background:url(../img/global/bg_actif_contact.gif) no-repeat 0 0;padding:5px 0 0 7px;margin-left:5px}
#header ul li a.rocActif{display:block;float:left;width:113px;height:18px;color:#e9eef5;text-decoration:none;text-transform:uppercase;font-weight:bold;background:url(../img/global/bg_actif_roc.gif) no-repeat 0 0;padding:5px 0 0 5px;}


#header img#transformateur{float:right;margin:10px 2px 0 0}
#header #boite_outils{float:left;margin-left:42px}
#header #boite_outils a{margin-left:10px}

/****** FOOTER ****/

#footer{background:#fff;clear:both;}
#footer #contentFooter{width:960px;margin:3px auto 20px auto;padding-top:10px}
#footer #contentFooter ul{float:left;width:317px;margin-right:30px;font-size:10px}
#footer #contentFooter ul li{height:16px;list-style:none;margin-bottom:2px;background-color:#e5e5e5;color:#133f7d}
#footer #contentFooter ul li a{padding:2px 5px;height:13px;display:block;color:#133f7d;text-decoration:none;background-color:#e5e5e5;border-right:#133f7d 3px solid}
#footer #contentFooter ul li a:hover{color:#e5e5e5;background-color:#133f7d;border-right:#e5e5e5 3px solid}
#footer #contentFooter p a{color:#133f7d;border-bottom:#133f7d 1px dotted}
#footer #contentFooter p a:hover{color:#133f7d;border-bottom:#133f7d 1px solid}
#footer #contentFooter .infos,#footer .infos2{float:left;margin:10px 0 0 10px}
#footer #contentFooter .infos2{margin-left:50px}
#footer #contentFooter img{margin:7px 0 0 60px}
#footer a.afaq{float:left;top:-18px;}
#footer a.mayenne{float:left;margin-top:-3px}


/******* ACCUEIL *********/

.conteneur .partie_gauche{float:left;width:290px;text-align:right;padding:30px 15px 0px 15px}
.conteneur .partie_gauche p{text-align:right;text-align:justify;}
.conteneur .partie_gauche h2.titre_accueil{font-size:14pt;color:#fff}



.conteneur .partie_droite{float:left;width:631px;text-align:left;background:#e9eef5 url(../img/accueil/top_bg.gif) no-repeat}

.conteneur .partie_droite .col_g{float:left;padding:10px}
.conteneur .partie_droite .col_m{float:left;padding-left:13px}
.conteneur .partie_droite .col_d{float:right;padding:20px 15px 0 0;width:143px;text-align:right}

.ligne_vign{height:41px}

.conteneur .partie_droite .col_g .titre_colg{float:left;margin-left:-234px;background:#23559B url(../img/accueil/gauche_cell.gif) no-repeat;height:15px;padding:12px 0 0 7px;}
.conteneur .partie_droite .col_g .titre_colg span{float:left;position:relative;top:-5px;margin-right:5px;}
.conteneur .partie_droite .col_g .titre_colg img.droite_cell{float:left;margin-top:-12px;}

.conteneur .partie_droite .col_g .content_colg{float:left;margin-top:33px}
.conteneur .partie_droite .col_g .content_colg p a{text-decoration:none;color:#DF8A4C !important;}
.conteneur .partie_droite .col_g .content_colg p a:hover{text-decoration:underline;color:#DF8A4C !important;}
.conteneur .partie_droite .col_g .content_colg h3{color:#DF8A4C;font-size:11px;font-weight:bold;text-transform:uppercase;margin:8px 0 0 13px;}
.conteneur .partie_droite .col_g p{width:220px;text-align:justify;margin:8px 0 0 13px;color:#23559B}

.conteneur .partie_droite .col_m img{margin-top:15px}

.conteneur .partie_droite .col_d a.plus{
  display:block;
  float:left;
  width:128px;
  height:23px;
  margin-top:10px;
  padding:9px 14px 0 0;
  background:url(../img/accueil/btn/plus.gif) no-repeat 0 0;
}

.conteneur .partie_droite .col_d a.plus:hover{background:url(../img/accueil/btn/plus.gif) no-repeat 0 -32px}


/***************** FAMILLES ACCUEIL ****************/

#bandeFamille{background:url(../img/bg/bg_famille.jpg) repeat-y top center}


/*************************** COLONNE 1 ***************************/

.conteneur #col1{float:left;width:240px;text-align:center;margin-right:12px}
.conteneur #col1 #contentCol{width:215px;margin:auto}

h2.titre{background:url(../img/familles/bg_titre_col1.gif) no-repeat;width:213px;height:17px;margin-top:12px;font-size:11px;padding-top:4px;padding-left:2px}

/***********************************************************************************/
/********************************* * MENU * ************************************/

.conteneur #col1 #contentCol ul{width:215px;margin-top:6px;list-style:none;text-align:left;}
.conteneur #col1 #contentCol ul li{background:#3966a5;margin-bottom:2px;}

.conteneur #col1 #contentCol ul li ul{margin:0}
.conteneur #col1 #contentCol ul li ul li{background:#fff;color:#23559B;margin:0;padding:2px 0 2px 3px}

.conteneur #col1 #contentCol ul li.deroule ul li a{margin:0;padding:0;background-color:#fff;font-weight:normal;color:#23559B}
.conteneur #col1 #contentCol ul li.deroule ul li a:hover{font-weight:bold;color:#DF8A4C}

.conteneur #col1 #contentCol ul li.deroule ul li a.actif{font-weight:bold;border-bottom:1px #679dea dotted;border-top:1px #679dea dotted;}


.conteneur #col1 #contentCol ul li a{
  display:block;
  padding:2px 5px;
  width:205px;
  background-color:#3966a5;
  color:#e9eef5;
  text-decoration:none
}
.conteneur #col1 #contentCol ul li.deroule a.deroule{background:#fff url(../img/familles/fleche_menu.gif) no-repeat top right;color:#DF8A4C;font-weight:bold;}

/***********************************************************************************/
/***********************************************************************************/


.conteneur #col1 #contentCol ul li a:hover{background-color:#FFF;color:#DF8A4C;font-weight:bold}

.conteneur #col1 #contentCol a.soluces{
  display:block;
  width:141px;
  height:51px;
  margin-top:10px;
  color:#fff;
  padding-left:74px;
  padding-top:8px;
  text-align:left;
  font-size:10px;
  background:url(../img/familles/btn_soluce.jpg) no-repeat 0 0
}
.conteneur #col1 #contentCol a.soluces:hover{background:url(../img/familles/btn_soluce.jpg) no-repeat 0 -59px}

.conteneur #col1 #contentCol .hight{font-size:11px;font-weight:bold}



#bandeFamille .conteneur #colWide{float:left;width:708px;}

#bandeFamille .conteneur #colWide a.vignetteFamille{float:left;width:165px;height:200px;color:#133f7d;background:url(../img/familles/bg_vignette.jpg) no-repeat 0 0;padding:5px;margin:0 2px 3px 0}
#bandeFamille .conteneur #colWide a.vignetteFamille:hover{background:url(../img/familles/bg_vignette.jpg) no-repeat 0 -210px;}


#bandeFamille .conteneur #colWide a.vignetteFamille h3{width:165px;text-align:center;margin:9px 0 3px 0;font-size:10px;text-transform:uppercase}
#bandeFamille .conteneur #colWide a.vignetteFamille:hover h3{color:#df8a4c}
h2{margin:16px 0 10px 0;font-size:11px;text-transform:uppercase}


/****** ACCUEIL PRODUITS *******/

a.vignetteProduit{float:left;width:84px;height:84px;color:#133f7d;margin:0 2px 3px 0;padding:5px;background-color:#cbdbf3}
a.vignetteProduit:hover{background-color:#DF8A4C}
a.vignetteProduit p{float:left;width:84px;padding:5px;color:#fff;margin-top:-10000px}
/*#bandeFamille .conteneur #colWide a.vignetteProduit:hover{background:url(../img/familles/bg_vignette.jpg) no-repeat 0 -210px;}*/
#bandeFamille .conteneur #colWide .fondClair{width:650px;margin:2px 0 10px 0;background-color:#214d8a;color:#e9eef5;padding:15px 10px}
#bandeFamille .conteneur #colWide .fondClair h3{width:132px;margin-right:15px;text-align:right;color:#df8a4c;text-transform:uppercase;font-size:11px}
#bandeFamille .conteneur #colWide .fondClair .coltexte{float:left;width:450px}


/****** DETAILS PRODUIT ********/

#bandeDetails{background:url(../img/bg/bg_details.jpg) repeat-y top center}
#bandeDetails .conteneur #colMid{width:293px;background:#133f7d;float:left;}
#bandeDetails .conteneur #colMid h2 .light{padding-left:5px;font-weight:normal;text-transform:none}
#bandeDetails .conteneur #colDte{float:left;padding-left:10px}

#bandeDetails .conteneur #colDte #visuProduit{float:left;width:200px;text-align:center}
#bandeDetails .conteneur #colDte #descProduit{float:left;width:185px;color:#cfddf0;font-size:10px;margin-left:8px}
#bandeDetails .conteneur #colDte #descProduit h3{font-size:11px;font-weight:bold;text-transform:uppercase;color:#df8a4c}
#bandeDetails .conteneur #colDte #descProduit p{margin-bottom:8px}
#bandeDetails .conteneur #colDte #descProduit a{color:#fff;text-decoration:underline}
#bandeDetails .conteneur #colDte #descProduit a:hover{background-color:#fff;color:#18498E}
#bandeDetails .conteneur #colDte #visuProduit .ligne_vign2{margin:8px 0}


/******* ROC *******/

.conteneur #col1 #contentColRoc{width:213px;margin:auto;padding-left:2px}
p.edito{float:left;width:214px;background-color:#214d8a;color:#cfddf0;padding:10px;margin:10px 10px 0 0}
p.edito a{color:#df8a4c;font-weight:bold;text-decoration:underline}
p.edito a:hover{text-decoration:none}
p.descRoc,div.descRoc{float:left;width:443px;color:#cfddf0;margin-top:15px}
div.descRoc ul{margin:5px 0 10px 30px}
div.descRoc ul li{margin-top:2px;text-align:justify}
a.main{display:block;width:200px;height:67px;border:5px #e9eef5 solid;margin:-7px 0 2px 0;}
a.main:hover{border:5px #df8a4c solid;}
#bas_soluce{margin-top:-2px;padding-top:5px;width:210px;height:34px;background:url(../img/roc/bas_soluce.gif) no-repeat;font-weight:bold;color:#23559b}
h2.soluce{background:url(../img/roc/bg_titre_soluce.gif) no-repeat;width:208px;height:17px;margin-top:12px;font-size:11px;padding-top:4px;padding-left:2px}
.clair{background-color:#2d5d9f;padding:10px}
p.edito a.michelin{font-size:10px;text-align:center;font-weight:bold;display:block;background-color:#e9eef5;color:#133f7d;padding:5px 0;}
p.edito a.michelin:hover{background-color:#df8a4c;color:#e9eef5;}

p.pRoc{width:680px;text-align:justify;margin-bottom:10px;color:#cfddf0}
p.pRoc a{color:#df8a4c;font-weight:bold;text-decoration:underline}
p.pRoc a:hover{text-decoration:none}

/* ============================================== Mentions etc ==========================================================================*/
#leb-img {margin-top:20px;margin-left:20px}
.fond-infos,.fond-infos2,.fond-infos3 {background-color:#e8ecf2; margin:5px 0px; padding:5px 0px 5px 20px; width:500px}
.fond-infos2 {background-color:#b5cff1}
.fond-infos3 {background-color:#DF8A4C}
h3.fontsize11{font-size:11px}

.fond-infos3 a,.fond-infos2 a{color:#fff;text-decoration:none}
.fond-infos3 a:hover,.fond-infos2 a:hover{color:#fff;text-decoration:underline}

.couleur1 {background-color:#e8ecf2}
.couleur2 {background-color:#b5cff1}

a.lien-bleu{color:#133F7D;text-decoration:none}
a.lien-bleu:hover{text-decoration:underline}

#colWide caption {width:687px; background-color:#df8a4c; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:687px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

div.extras{margin:15px;color:#fff}
div.extras .credits1,div.extras .credits2{background-color:#38647f; margin:5px 0px; padding:5px 0px 5px 20px; width:390px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
.margin-bottom20{margin-bottom:20px}
.margin-bottom15{margin-bottom:15px}
.margin-top10{margin-top:10px}
#creditsLeb .rouge{color:#fff}
#creditsLeb .grisC{color:#DDD !important}
#creditsLeb a{color:#fff}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan a {width:98%; display:block; font-weight:bold; width:690; padding:5px 0px 5px 5px; background-color:#335e9c; color:#e7e7e7; margin-bottom:4px; border-right:5px #cfddf0 solid}
#plan a:hover {background-color:#cfddf0; border-right:5px #DF8A4C solid; color:#DF8A4C}

#plan a.produit{background-color:#274b7f; color:#e7e7e7;border-right:5px #a9bbd3 solid}
#plan a.produit:hover{background-color:#cfddf0; border-right:5px #DF8A4C solid; color:#DF8A4C}

/*** formulaire ***/
#colWide .formulaire{width:637px;text-align:left;margin:15px auto 0 auto;font-family:arial}
#colWide .formulaire .champsClair{display:block;margin-bottom:3px;background-color:#335e9c;}
#colWide .formulaire .champsFonce{display:block;margin-bottom:3px;background-color:#214d8a}
#colWide .formulaire .champsOrg{display:block;margin-bottom:3px;background-color:#DF8A4C;}
#colWide .formulaire .champsOrg .etoileO{font-size:16px;}
#colWide .formulaire .champsClairArea{display:block;margin-bottom:3px;background-color:#2d5d9f;height:185px}
#colWide .formulaire .obli{float:left;text-align:center;display:block;width:10%;height:50px;}
#colWide .formulaire .obli .etoile{font-size:24px;position:relative;top:16px}
#colWide .formulaire .intitule{float:left;text-align:right;display:block;width:20%;height:50px;}
#colWide .formulaire .intituleSelect{float:left;position:relative;top:6px;text-align:right;display:block;width:20%;height:50px;}
#colWide .formulaire .champ{float:left;display:block;width:70%;height:50px;}
#colWide .formulaire .alir{display:block;position:relative;top:10px;left:10px;width:100px;color:#fff;font-weight:bold}
#colWide .formulaire .alir2{display:block;position:relative;top:17px;left:10px;width:100px;color:#fff;font-weight:bold}
#colWide .formulaire .alil{position:relative;top:17px;left:10px}
#colWide .formulaire select{width:250px;font-size:11px;color:#124061}
#colWide .formulaire input{width:200px;font-size:10px;color:#124061}
#colWide .formulaire textarea{width:400px;height:150px;font-size:11px;color:#124061;font-family:arial}
#colWide .formulaire input.envoyer{width:74px;height:17px}

/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}
#colWide .formulaire .erreur{background:#DF8A4C;color:#fff;border:#DF8A4C 1px solid}



/***** INFOBULLES *****/

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #23559C;
	background-color: #e9eef5;
	color:#e9eef5
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#13386d;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;

}

#JT_close_left{
	background-color: #23559C;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #23559C;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #23559C;
}

.jTip{
cursor:help;
}