/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	margin: 0 auto;
	background:url(images/bg-conteneur.gif) #545454 repeat-x;
}

.conteneur{width:1082px; margin:0 auto; background:url(images/bg.gif) no-repeat; }
.conteneur-header{width:1002px; height:322px; margin:0 auto;}
.conteneur-animation{width:526px; height:322px; float:left;}
.conteneur-nos-solution{width:476px; height:322px; float:right;}
.conteneur-quick-access{width:476px; height:31px; background:url(images/index0201.jpg) no-repeat;}
.quick-access{ float:left; width:426px; line-height:30px; float:right; color:#000000; font-size:11px;} /*
.quick-access a{ color:#000000; font-size:11px; text-decoration:none;}
.quick-access a:hover{ color:#056fac; font-weight:bold; font-size:11px; text-decoration:none;}*/
.drapeau { float:left; height:29px; width:50px;}
.conteneur-trois-boxes{width:476px; height:203px;}
.float-left{float:left;}
.boxes-integra{float:left; background:url(images/index0203.jpg); width:152px; height:203px;}
.boxes-flow{float:left; background:url(images/index0205.jpg); width:151px; height:203px;}
.boxes-cash{float:left; background:url(images/index0207.jpg); width:151px; height:203px;}
.boxes-text{ text-align:center;}
.boxes-text a{color:#0c77b2; font-size:14px; font-weight:bold; text-align:center; text-decoration:none;}
.separator-head{width:1002px; height:38px; background:url(images/index03.jpg);}
.conteneur-midlle{width:1003px; margin:0 auto;}
.footer{width:1002px; height:70px; background:url(images/bg-footer.jpg) repeat-x; border-top: 13px solid #4d4d4d; margin:0 auto; color:#FFFFFF; text-align:center; font-weight:bold; font-size:12px; padding-top:25px;}
.boxes{ padding-bottom:5px;}
.reseaudistribution{width:198px; height:622px;}
.clear{clear:both;}
.text-pourquoi{ text-align:left; padding-left:50px; color:#1572af; font-size:12px;}
.text-pourquoi2{ text-align:left; padding-left:50px; color:#4b98d0; font-size:14px; font-weight:bold;}
.text-raison{ text-align:left; padding-left:25px; padding-top:16px; color:#FFFFFF; font-size:12px; font-weight:bold;}


/*          menu              */
#conteneur-onglets{width: 220px;
	height:80px;}
#container-menu {
	width: 200px;
	height:80px;
	text-align: left;
	float:left;
}


#container-menu .on {
	display: block;
}
#container-menu .off {
	display: none;
}

#container-menu .content{width: 198px;height:75px; padding-top:4px;}


#onglet{ float:left;}

#onglet ul#menu {
	margin:0;
	padding:0;
}
.text-onglets{ color:#275a77; font-size:12px; font-weight:bold;}

#onglet ul#menu li div.fetra {
list-style-type:none;
display: block;
margin:0;
width:20px!important;
height:20px!important;
background:url(images/bg-num-onglet-on.jpg)!important;
line-height:20px;
cursor:pointer;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
#onglet ul#menu li div.fetraoff {
list-style-type:none;
display: block;
margin:0;
width:20px!important;
height:20px!important;
background:none!important;
line-height:20px;
cursor:pointer;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

#onglet ul#menu li {
list-style-type:none;
display: block;
margin:0;
width:20px!important;
height:20px!important;
background:url(images/bg-num-onglet-off.jpg);
line-height:20px;
cursor:pointer;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
#onglet ul#menu li a {
}

ul, li {
list-style-type:none;
}
 
 
/* menu fireworks */

td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: block;
}

/* debut page equipe */
.header-equipe { width:1003px; height:86px; margin:0 auto;}
.logo { float:left;}
.menu-bg { float:left; width:679px; height:86px; background:url(images/bg-menu.gif) no-repeat;}
.separator-equipe { width:1003px; height:28px; background:url(images/separate.gif) no-repeat;}
.conteneur-midlle-equipe { width:1003px; height:249px; margin:0 auto; background:url(images/bg-dirigeants.jpg) #ffffff no-repeat;}
#dirigeants { width:680px; height:62px; float:left; text-align:left; padding-left:76px;}
#biographie { width:680px; float:left; text-align:left; padding-left:40px; color:#2f8bc5; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:22px;}
.conteneur-midlle-collab { width:1003px; height:549px; margin:0 auto; background:url(images/bg_collab.jpg) #ffffff no-repeat;}
.bt-specialiste { width:383px; height:70px; float:left; padding-left:53px; padding-top:1px; }
.bio-collaborateurs1 { width:750px; float:left; padding-left:140px; color:#2f8bc5; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  line-height:22px;}
.bio-collaborateurs2 { width:750px; float:left; padding-left:155px; color:#2f8bc5; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  line-height:22px;}
.bio-collaborateurs3 { width:600px; float:left; padding-left:165px; color:#2f8bc5; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  line-height:22px;}
.bio-collaborateurs4 { width:650px; float:left; padding-left:160px; color:#2f8bc5; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  line-height:22px;}
.texte-vert { color:#3daa15; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.footer-equipe{width:1002px; height:70px; background:url(images/bg-footer.jpg) repeat-x; border-top: 3px solid #4d4d4d; margin:0 auto; color:#FFFFFF; text-align:center; font-weight:bold; font-size:12px; padding-top:25px;}

/* fin page equipe */


/* debut page integra */
.separator-head1 { width:1003px; height:33px; background:url(images/sepa.jpg); border-left:1px solid #545454;}
.separator-head11 { width:1003px; height:33px; background:url(images/sepa.jpg);}
.texte-integra { width:516px; height:146px; text-align:left; padding-left:22px; padding-top:12px; margin-right:40px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; }
.contact-integra { width:200px; height:127px; background:url(images/bg-contact-integra.gif) top no-repeat; }
.td-tableau { background:url(images/border-centre.gif) repeat-y; padding-left:11px; padding-top:6px; padding-bottom:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
.td-tableau1 { background:url(images/border-centre.gif) repeat-y; padding-left:20px; padding-top:2px; padding-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
.content-right-integra { float:left; margin-left:10px; width:560px; background:url(images/bg-integra.gif) no-repeat; }
.content-left-integra { float:left; width:200px; padding-left:12px;}
.conteneur-integra { width:1002px; float:left; background:#FFFFFF; border-left:1px solid #545454;}
.left-integra { float:left; width:790px;}
.right-integra { float:left; width:200px; height:731px; background:url(images/bg-right-integra.gif) no-repeat;}
.titre-tableau { background:url(images/bg-titre-tableau.gif) no-repeat; width:558px; height:45px; }
.texte-titre-tableau { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
.zero-depense { background:url(images/bg-right-integra_01.gif) no-repeat; color:#1572af; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.txtzero-depense { color:#1572af; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.engagement { background:url(images/bg-right-integra_02.gif) no-repeat; color:#1572af; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.references { background:url(images/bg-right-integra_03.gif) no-repeat; padding-left:15px; color:#1572af; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.references a { color:#1572af; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}
.references a:hover { color:#275a77; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/* fin page integra */

/* debut page comparatif */
.titre-tableau-comparatif { background:url(images/bg-titre-tableau-cp.gif) no-repeat; width:558px; height:45px; }
.td-tableau-comparatif { background:url(images/border-centre-cp.gif) repeat-y; padding-left:20px; padding-top:2px; padding-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
.td-tableau-cp { background:url(images/border-centre-cp.gif) repeat-y; padding-left:11px; padding-top:6px; padding-bottom:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
.content-right-compa { float:left; margin-left:10px; width:560px; background:url(images/bg-comparatif.gif) no-repeat; }
.texte-compa { width:516px; height:246px; text-align:left; padding-left:22px; padding-top:12px; margin-right:40px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; }
.txt { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; text-align:justify; }
.txt-rouge a{ color:#e62222; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:20px; text-decoration:none; }
.txt-rouge a:hover{ color:#e62222; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:20px; text-decoration:underline;}

/* fin page comparatif */

.lien_delegue a{ font-weight:bold; color:#06213e; font-size:13px; text-decoration:none; }
.lien_delegue a:hover{ font-weight:bold; color:#06213e; font-size:13px; text-decoration:underline; }
.conteneurs-2cols{width:1002px; margin:0 auto;}
.conteneur-2cols{width:1002px; float:left; background:#fff; border-left:1px solid #545454;}
.left-2cols{float:left; width:790px;}
.right-2cols{float:left; width:200px;}
.textdelegue{ width:177px; margin-left:10px;}
.decouvrer-solutions{ width:200px; background:#e1e8ec url(images/bottomsolutions.gif) no-repeat; background-position:bottom; padding-bottom:15px; margin-bottom:10px;}
.orange14b a{ font-size:14px; font-weight:bold; color:#FF6600; text-decoration:none;}
.orange14b a:hover{ font-size:14px; font-weight:bold; color:#FF6600; text-decoration:underline;}
.orange12b{ font-size:12px; font-weight:bold; color:#FF6600;}
.noir12{ color:#000000; font-size:12px;}
.bleu12b{ color:#1572af; font-size:12px; font-weight:bold;}
.bleu12{ color:#1572af; font-size:12px;}
.bleunuit12{ color:#0b4a74; font-size:12px;}
.bleunuit13b{ color:#0b4a74; font-size:13px; font-weight:bold;}
.rouge12b{color:#ff0000; font-size:12px; font-weight:bold;} 
.blanc12b{color:#ffffff; font-size:12px; font-weight:bold;} 
.blanc14b{color:#ffffff; font-size:14px; font-weight:bold;} 

.content-left-2cols{float:left; width:200px; padding-left:12px;}
.content-right-2cols{float:left; width:570px;}

.avantages{ width:556px; height:277px; background:url(images/bg-rands.jpg) no-repeat;}
.conteneur-avantages{ width:515px; text-align:left; padding-top:40px; margin:0 auto;}  

.clique-numero {
	width:235px;
	height:13px;
	background:url(images/structure0203.jpg) no-repeat;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	padding-left:20px;
	padding-top:0px;
	}

/* mentions legales */
.conteneur-midlle-mention { width:1002px; height:249px; margin:0 auto; background-color:#FFFFFF; border-left:1px solid #3c3c3c;}
.conteneur-mention { width:933px; height:249px; margin:0 auto; text-align:left;}
a.mention { color:#FFFFFF; text-decoration:underline; }
a:hover.mention { color:#FFFFFF; text-decoration:none; }

a.bydredd { color:#999999; text-decoration:none; font-size:11px; line-height:20px;}
a:hover.bydredd { color:#999999; text-decoration:underline; font-size:11px; line-height:20px;}