@font-face {
 font-family: "myriadpro-light";
 src: url('myriadpro-light.otf');
}
body{  margin:0 auto; padding:0; background-color:#FFFFFF; font-family:Arial; font-size:12px; color:#374853;}
.corp{ margin:0 auto;  padding:0; position:relative; width:1010px; }

/*--------------header--------------*/
#header{ width:1010px; height:101px; float:left; }
.logo{width:192px; height:74px; float:left; margin-left:30px;  margin-top:20px;}
	/* ============================= menu ====================== */
	.menu{ width:529px; margin-left:40px;  float:left; position:relative; margin-top:-16px; height:101px; }
	.menu ul{  float:left; height:101px; width:490px; }
	.menu li{cursor:pointer; list-style-type:none;  float:left; height:101px;width:98px; background:url(../images/menu.png) no-repeat; font-size:11px; font-family:myriadpro-light; font-size:14px;}
	.menu li a{color:#FFFFFF; text-decoration:none; display:inline-block; width:98px;  text-align:center; padding-top:69px; cursor:pointer;}
	.menu li a:hover { background-image:url(../images/active.png) ; background-position: 0 83px; background-repeat:no-repeat;  text-align:center; padding-top:69px;  height:32px; color:#abe1fa;    width:98px; }
	.menu li .Active{background-image:url(../images/active.png); background-position: 0 83px; background-repeat:no-repeat; color:#abe1fa; text-align:center; padding-top:69px;  height:32px;    width:98px;}
	/* ============================= end menu ====================== */
	.recherche{width:190px;  float:left; margin-top:0px;  height:98px; background-image:url(../images/bgrecherche.png); background-repeat:no-repeat;}
	.recherche1{width:190px; margin-top:-5px; float:left; height:98px; background-image:url(../images/bgrecherche.png); background-repeat:no-repeat;}
	.recherche1{width:190px; float:left;  height:90px; background-image:url(../images/bgrecherche.png); background-repeat:no-repeat;}
	.rechercheinput{ background:url(../images/inputrecherche.png) no-repeat;border:none; float:left; width:129px;height:24px;padding-left:3px;padding-top:0px;font-family:Verdana, Geneva, sans-serif;background-color:transparent; margin-left:15px; margin-top:60px;}
	.rechercheimage{background-image:url(../images/rechercheok.png);background-repeat:no-repeat;float:left; border:none;margin-top:60px;margin-left:5px;width:24px;height:24px;background-color:transparent;
}
/*--------------end header--------------*/

/*--------------slider--------------*/
.slider{ width:1010px; height:230px; float:left; margin-top:15px;}
.slider1{width:275px; height:226px; float:left;}
/* ============================= menuleft ====================== */
	.menuleft{ width:275px; height:113px; float:left; }
	.menuleft ul{  float:left; height:110px; width:235px;  margin-top:-0px;}
	.menuleft li{cursor:pointer; list-style-type:none;  float:left; height:37px; width:275px;  margin-left:-40px; background:url(../images/menuleft.png) no-repeat; font-size:11px; border:none; text-decoration:none;}
	.menuleft li a{color:#FFFFFF; text-decoration:none;  font-size:18px; display:inline-block; height:27px; width:243px; padding-left:30px; padding-top:10px; cursor:pointer; font-family:myriadpro-light;   font-size:14px;border:none;  text-decoration:none; }
	.menuleft li a:hover { 
	background:url(../images/menuleftactive1.png) no-repeat 0 22px;font-family:myriadpro-light; font-size:14px; display:inline-block; position: 20px; padding-top:10px; color:#abe1fa; height:37px; width:245px; border:none; text-decoration:none;}
	.menuleft li .Active{ background:url(../images/menuleftactive1.png) no-repeat 0 22px;font-family:myriadpro-light;  font-size:14px; display:inline-block; padding-top:10px; color:#abe1fa; height:37px; width:245px;border:none; text-decoration:none;}
	/* ============================= end menuleft ====================== */
/* ============================= menuleft haut ====================== */
	.menulefth{ width:275px; /*height:113px;*/ height:40px; background:url(../images/nos-solution2.jpg) no-repeat; float:left; }

	.menulefth  a{color:#FFFFFF; text-decoration:none;  font-size:18px; display:inline-block; height:102px; width:244px; padding-left:30px; padding-top:10px; cursor:pointer; font-family:myriadpro-light;   font-size:14px;border:none; text-decoration:none;}
	.menulefth a:hover { 
	background:url(../images/nos-solution3.png) no-repeat 0 0px;font-family:myriadpro-light; font-size:14px; display:inline-block;
	 color:#abe1fa; height:113px; width:275px; border:none; text-decoration:none;}
	.menulefth .Active{ background:url(../images/nos-solution3.png) no-repeat 0 0px;font-family:myriadpro-light; font-size:14px; display:inline-block;color:#abe1fa; height:113px; width:275px; border:none; text-decoration:none;}
	/* ============================= end menulefthaut ====================== */

.slide{width:682px;  height:225px; float:left;  margin-left:25px;}
/*--------------end slider--------------*/

/*--------------content--------------*/
.content{width:1010px;  float:left;  margin-top:15px; }

/*--------------content left--------------*/
	/* ============================= solution ====================== */
	.solution{ width:600px; margin-left:40px; float:left; position:relative; margin-top:50px;}
	.solution ul{  float:left; width:550px; }
	.solution li{cursor:pointer; list-style-type:none; margin-left:-30px; float:left;padding: 20px 10px 10px 20px;font-family:Arial; font-size:14px; background: url(../images/separateur.gif) right 23px  no-repeat; }
	.solution li a{color:#374853;padding-left:25px; text-decoration:none; display:inline-block;  font-family:Arial; font-size:16px; text-align:center; cursor:pointer;}
	.solution li a:hover {  text-align:center; color:#abe1fa; font-family:Arial; font-size:16px; }
	.solution li .Active{ color:#abe1fa; text-align:center; font-family:Arial; font-size:16px;}
	/* ============================= end solution ====================== */
.blockleft{ width:690px; height:407px;  float:left; }
.lefthauthaut{ width:681px;  height:68px; float:left; margin-top:4px; background-image:url(../images/lefthauthaut.jpg); background-repeat:no-repeat; margin-left:-1px;}
.lefthaut{ width:690px;  height:250px; float:left; margin-top:11px; margin-left:-6px;}
.blocklefthaut{background:url(../images/lefthaut.jpg) no-repeat; width:681px;height:327px; margin-top:6px; margin-left:3px;}
.blocklefthaut1{ background:#fff; z-index:10; opacity:0.9;filter:alpha(opacity=40); border:border-radius:5px;  -webkit-border-radius:5px;
 -moz-border-radius:5px; border:solid 1px #CCCCCC; padding:1px; color:#000000; width:675px; height:200px;}
.titreblockleft{width:600px; height:25px; font-size:16px; font-weight:bold; color:#0096db; padding-left:20px; padding-top:15px;}
.titreblockpopus{width:600px; height:25px; text-transform:uppercase; font-size:16px; font-weight:bold; color:#0096db; padding-left:20px; padding-top:15px;}
.sousdate{width:110px; border:solid 0px #000099; float:left; height:30px;font-size:14px; font-weight:bold; color:#0066FF; padding-left:20px; padding-top:15px;}
.soustitre{width:500px; height:45px; float:left; border:solid 0px #FF0000;font-size:14px; font-weight:bold; color:#0066FF;}
.sousimage{width:150px;  height:130px; border:solid 0px #0033FF; float:left;   padding-left:10px; padding-top:5px;}
.souscontenu{width:440px; height:135px; border:solid 0px #FF0000; float:left; font-size:12px; line-height:1.7; color:#000000; margin-left:30px; padding-top:5px;}
.souscontenu1{width:600px; height:135px; border:solid 0px #FF0000; float:left; font-size:12px; line-height:1.7; color:#000000; margin-left:30px; padding-top:5px;}
.souscontenu2{width:650px; height:350px; float:left; font-size:12px; line-height:1.7; color:#000000; padding-left:20px; padding-top:5px;}
.contenublockleft{width:630px; height:190px; padding-left:20px; line-height:1.5;}
.lefthaut1{ width:212px; height:248px; float:left; margin-left:3px; background:url(../images/blockbleu.png) no-repeat;}
.titrebleu{ width:100px; float:left; margin-left:20px; font-size:13px; font-weight:bold;color:#01b6ee; margin-top:25px;}
.logobleu{ width:63px; height:51; float:left; margin-left:10px; margin-top:25px;}
.contenubleu{ width:170px; margin-left:20px; margin-top:10px; height:100px;  font-size:11px; padding-top:5px; line-height:1.7; float:left;}
.savoirbleu{ width:150px; height:23px; float:left; margin-left:30px; margin-top:10px; }
.lefthaut2{ width:212px; height:248px;  float:left; margin-left:24px; background:url(../images/blockorange.png) no-repeat;}
.titreorange{ width:125px; float:left;  margin-left:20px; font-size:12px; font-weight:bold;color:#f7ab24; margin-top:25px;}
.logoorange{ width:44px;  height:51px; float:left; margin-left:5px; margin-top:25px;}
.contenuorange{ width:180px; margin-left:20px; margin-top:10px; height:100px; font-size:11px; padding-top:5px; line-height:1.7; float:left;}
.savoirorange{ width:150px; height:23px; float:left; margin-left:30px; margin-top:10px; }
.lefthaut3{ width:212px; height:248px; float:left; margin-left:24px; background:url(../images/blockrouge.png) no-repeat;}
.titrerouge{ width:130px; float:left; margin-left:20px; font-size:13px; font-weight:bold;color:#e64e2f; margin-top:25px;}
.logorouge{ width:50px; height:51; float:left; margin-left:5px; margin-top:25px;}
.contenurouge{ width:175px; margin-left:20px; margin-top:5px; height:105px; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-top:5px; line-height:1.5; float:left;}
.savoirrouge{ width:150px; height:23px; float:left; margin-left:30px; margin-top:15px; }
.news{ width:690px; height:148px; float:left; margin-left:-4px; margin-top:9px; background:url(../images/news.png) no-repeat;}
.logonews{ width:33px; height:36px; margin-top:10px; float:left; margin-left:25px;}
.titrenews{ width:60px; height:36px; margin-top:40px; margin-left:100px; float:left; color:#0096db; font-size:16px; text-transform:uppercase;}
.contenux{ width:460px; height:165px;  float:left; margin-left:100px; }
.contenu1{ width:670px; height:65px; float:left; margin-left:5px; margin-top:-10px; }
	.contenu1 ul{  float:left; height:65px; width:670px; margin-top:-0px;}
	.contenu1 li{cursor:pointer; list-style-type:none;  float:left; height:23px;width:630px; font-size:10px; font-family:Arial; }
	.contenu1 li .titre1{ float:left; font-weight:bold; width:81px; font-size:10px;  }
	.contenu1 li .contenun1{float:left; width:508px;  height:15px; margin-top:-11px; font-size:10px; margin-left:3px;}
	.contenu1 li .image1{float:left; font-size:10px; width:11px; margin-left:3px;}
	.lignenews{ width:604px; height:4px; float:left; margin-left:45px; margin-top:0px; }
	
	.contenu2{ width:670px; height:85px; float:left; margin-left:5px; margin-top:-20px; }
	.contenu2 ul{  float:left; height:65px; width:670px; margin-top:-0px;}
	.contenu2 li{cursor:pointer; list-style-type:none;  float:left; height:15px;width:630px; font-size:10px; font-family:Arial; }
	.contenu2 li .titre2{ float:left; font-weight:bold; width:81px;font-size:10px;  }
	.contenu2 li .contenun2{float:left; width:508px;  height:10px; margin-top:-0px; font-size:10px; margin-left:3px;}
	.contenu2 li .image2{float:left; font-size:10px; width:11px; margin-left:3px; margin-top:-0px;}
	.lignenews{ width:604px; height:4px; float:left; margin-left:45px; margin-top:0px;}
/*--------------end contentleft--------------*/

/*--------------content right--------------*/
.blockright{ width:275px; float:left; margin-left:25px; }
.contactright{width:275px;  height:45px; float:left; margin-top:6px;}
.confiance{width:275px; height:40px; margin-left:2px; float:left; margin-top:20px; background:url(../images/conf.png) no-repeat;}
.confiancetext{width:275px; height:134px; float:left; margin-top:20px; background:url(../images/confiancetext.png) no-repeat; text-align:center;}
.recrut{width:275px; height:40px; margin-left:2px; float:left; margin-top:20px; background:url(../images/recrut.jpg) no-repeat;}
.recrutement{width:275px; height:140px;float:left;margin-top:20px; background:url(../images/recrutement1.png) no-repeat;}
/*--------------end content right--------------*/
.blockglobal{float:left; width:681px; height:482px;  margin-top:5px; background-image:url(../images/blockss1.jpg); background-repeat:no-repeat;}
.blockglobalc{float:left; width:681px; height:482px;  margin-top:5px; background-image:url(../images/blockss11.jpg); background-repeat:no-repeat;}
/*--------------end content--------------*/

/*--------------footer--------------*/
.footer{ width:1010px; float:left; margin-top:10px; font-size:10px; height:20px; text-align:center; color:#374853;}
/*--------------end footer--------------*/