@charset "utf-8";
/* CSS Document */

body{font-family: 'Droid Sans', sans-serif; font-size: 100%; background: #ececec url(../img/bkground.jpg) center top no-repeat;}

/*styles graphiques*/
.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.fltcntr{ display:block; text-align:center; margin:10px 0;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

.taille0 {font-size: 48px;}
.taille1{font-size: 36px;}
.taille2{font-size: 24px;}
.taille3{font-size: 18px;}
.taille4{font-size: 15px;}
.taille5{font-size: 14px;}
.taille6{font-size: 12px;}
.taille7{font-size: 11px;}
.taille8{font-size: 10px;}

.couleur1{color:#FFF;}
.couleur2{color:#114e6e;}/*bleu sombre*/
.couleur3{color: #061b26;}/*bleu noir*/
.couleur4{color:#e6082d;}/*rouge*/
.couleur5{color:#1b82b7;}/*bleu clair*/
.couleur6{color:#edf3b2;}/*creme*/
.couleur7{color:#1a7aac;}/*bleu sur fond jaune*/
.couleur8{color:#3f4b31;}/*Vert*/
.couleur9{color:#3d161f;} /*Asie*/

.fdcouleur1{background-color:#FFF;}
.fdcouleur2{background-color:#000;}
.fdcouleur3{background-color:#041219;} /*Bleu foncé*/
.fdcouleur4{background-color:#54656e;} /*gris*/
.fdcouleur5{background-color:#edf3b2;} /*Creme*/

/*Typo*/
strong,b{font-weight: 700;}
p{line-height: 130%;}
.cap{text-transform:uppercase;}

/*Special*/
.fltrt {float: right;margin-left: 8px;}
.fltlft{float: left;margin-right: 8px;}
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}

/*Menu Haut*/
.menu a{ color:#FFF; text-decoration:none; padding:0 10px; border-right:1px solid #000;}
.menu a:hover{color:#FFF;}



/*Positionnement*/
.container {width: 880px;margin: 0 auto;}
.banniere, .maxContent{margin: 0 28px;}
.fdOmbre {background:#54656e url(../img/fd-ombre.jpg) repeat-x top; overflow:hidden; }

.menu{ background:url(../img/fd-menu.png) no-repeat -2px -2px; height:50px; color:#FFF; padding-left:110px; line-height:12px; font-weight:700; font-family: 'Open Sans', sans-serif; font-size:9px; font-weight:800; text-transform:uppercase;behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
.menu li{display:block; float:left;}
.menu li a{display:block;  width: 210px; height:26px; padding:7px 3px 4px 35px;}
li.ssmen1{background:url(../img/ssm1.jpg) repeat-x top;}
li.ssmen2{background:url(../img/ssm2.jpg) repeat-x top;}
li.ssmen3{background:url(../img/ssm3.jpg) repeat-x top;}
li.ssmen1 a{background:url(../img/picto2.png) no-repeat 10px 7px; opacity: 0.6;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
li.ssmen2 a{background:url(../img/picto3.png) no-repeat 15px 7px; opacity: 0.6;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
li.ssmen3 a{background:url(../img/africa.png) no-repeat 8px 9px; opacity: 0.6;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
li.ssmen1 a:hover,li.ssmen2 a:hover,li.ssmen3 a:hover{opacity: 1; background-position:18px 7px;behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
li.ssmen1 .active,li.ssmen2 .active,li.ssmen3 .active{opacity: 1;}
li.ssmen1 a:hover{background-position:13px 7px;}
li.ssmen3 a:hover{background-position:12px 9px;}
.ssMenu li.active a{height:40px;opacity: 1;behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
.ssMenu li.active{opacity: 1;behavior: url(plugin/PIE-1.0beta5/PIE.htc);}


.top{ padding:0 10px 40px 10px;margin: 0 28px; width:801px; overflow:hidden; height:30px;}
.top img{float:left;}
.lang{/*float:right; padding-top:35px;*/ position: absolute; top: 30px; margin-left:690px;}
.lk{float: right; font-size:11px; margin:10px; margin-top:50px;}
.lk a{text-decoration:none; color:#1A7AAC; font-weight:700; text-transform:uppercase;}
.lk a:hover{text-decoration:underline; color:#E6082D;}
.content{ margin:0 20px;}
.contHome{margin:20px;}
.mainContent,.ssMenu{background-color:#e7ecef;}/*#f6f7f0*/
.mainContent{ color:#061b26; overflow:hidden; border-bottom:20px solid #061b26; }
/*.contHome .mainContent{padding-bottom:10px;}*/
.mainContent p,.mainContent H1{padding:5px 10px 20px 20px;}
.mainContent H1{font-size:36px; letter-spacing:-0.07em; font-weight:700;}
.page H2{ font-size:24px; padding-left:20px; margin-bottom:15px; color:#edf3b2; background:#e6082d; line-height:30px;}
.page ul{margin-left:20px;}
.page p{font-size:15px;}
.page ul li {font-size:15px; margin-bottom:16px; background:url(../img/puce.png) no-repeat; padding-left:40px;}
.page ul.listeMin li{background:url(../img/puce2.png) no-repeat; margin-bottom:10px; padding-left:20px;}
.page ul li strong{ font-size:18px; line-height:120%;}
.lang img{ padding:0 5px; -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in; behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
.page ul.asie { overflow:hidden; margin-bottom:20px; max-width:500px; background-color:#CCC;}
.page ul.asie li{display: block; float:left; background-color:#3d161f;text-align:center; margin:8px 13px ; background-image:none; padding:0;}
.page ul.asie a{color:#FFF; text-decoration:none; line-height:18px;width:200px; height:30px;display: block; padding:10px; -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in; behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
.page ul.asie a.active,.page ul.asie a:hover{color:#edf3b2; background:#e6082d;}
.lang img:hover {-webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg);transform: rotate(-360deg);behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
blockquote{ background-color:#1a7caf;text-align:center; color:#FFF; padding:5px 10px; font-size:12px; line-height:14px; margin-top:20px;}
blockquote a{color:#9F0;}
.basiqul{list-style:circle; margin:10px 0;}
.page ul.basiqul li{background-image:none; padding:0; margin:0;}

.banniere {overflow:hidden;}
.banniere img{float:left; padding:0 0 20px 10px;}
.banniere p{float:right; font-weight:700; margin:15px 30px 0 0;}

.copyright{font-size: 11px; padding:5px 0 20px 20px;}
.copyright a{color:#FFF; text-decoration:none; font-weight:700;}
.copyright a:hover{color:#edf3b2;}

/*.ssMenu{overflow:hidden;}
.ssMenu li{overflow:hidden;float:left;opacity:0.9;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in; behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
.ssMenu li:hover{opacity:1;behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
.ssMenu li a{height:34px; width:190px;padding:10px 16px 0 55px; display:block;  color:#FFF; text-decoration:none; font-family: 'Open Sans', sans-serif; font-size:11px; font-weight:800; text-transform:uppercase; }
.ssMenu li.ssmen3 a{width:191px;}*/


.visitRef{clear:both; background:#edf3b2 url(../img/fdref.jpg) no-repeat right center; text-align:right; height:40px;}
.visitRef a{display: block; color:#e6082d; text-decoration:none; font-weight:700; padding:10px 50px 0 0; background:url(../img/loupe.png) no-repeat 0 7px;opacity: 0.6;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.visitRef a:hover{opacity:1; background-position:480px 7px;}

.banHome{background-color:#000; overflow:hidden;}
.banHome img{float:left; display:block;}
.banHome H1{margin-top: 120px; padding:30px 10px 0 60px; line-height:80%;}
.welcome{color: #e3eaff; font-size:12px; font-weight:700; width:234px; float:right;background:url(../img/fd-job.jpg) repeat-x; height:230px; padding:10px 10px 0 10px;}
.welcome p{padding-bottom:14px;}
.job{background-color:#dbe661; margin-top:8px; padding:7px 12px; width:90%; text-align:center; color:#1a7aac;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;behavior: url(plugin/PIE-1.0beta5/PIE.htc);}
.job p{padding-bottom:5px;}
.job a{text-decoration:none; color:#061b26;}
.job a:hover{color:#FFF;}
.job:hover{ background-color:#e6082d;color:#FFF;}

/*.contHome h2,.contHome p{width:50%;}*/
.contHome p{ font-size:14px;}
.contHome h2{ padding:20px; font-weight:700;}

.barre{ padding:5px 3%; width:96%; background-color:#e6082d; color:#FFF; font-weight:700; font-size:12px; overflow:hidden;}
.barre ul{float:left;display:inline;}
.barre span{ float:left;}
.barre ul li {list-style:none; padding-left:10px;}

#portfolio { display:block; float:left; width:240px; padding-left:44px;}
.bktxt{float:left; width:500px;}
.BTasie{padding:4px 7px 4px 20px;background:#3D161F url(../img/puce3.png) no-repeat 5px; color:#FFF; text-decoration:none; font-weight:700;}
.BTasie:hover{ background-color:#E6082D;}
.mainTable{ font-size:12px; margin-left:15px;}
.tdTitre{font-size:15px;}

.ref{ }
.ref .date{font-weight:700; font-size:10px; border-bottom:1px solid #999; padding:0; margin:0 20px;}
.ref .txt{ padding-left:30px; background:url(../img/pucebleue.gif) no-repeat 20px 13px ; font-size:14px;}
#colAsie{ background-color:#3e161f;}

#colAsie .diaporama{width:257px; height:226px; overflow:hidden;}
#colAsie ul,#colAsie li {padding:0; margin:0;}
.page #colAsie ul li{list-style:none;}

.chinese{font-size:18px;}
#menuCh{font-size:15px;}
.mssgeRetour{ margin:0 10px 20px 20px; padding:10px; background-color:#CCC;}