@charset "utf-8";
body {  max-width:100%; margin:0; background:url(images/bc.jpg) repeat-y #49668c center; }
#container { margin:auto; width:893px; height:auto; }
@font-face {
  font-family:"king1";
  src: url(fonts/Kingthings.eot);
}
@font-face {
  font-family:"king2";
  src: url(fonts/Kingthings.ttf);
}
#left {
 float:left;
 width:32px;
 height:918px;
 background:url(images/left.jpg) repeat-y top;
}
#center {
 float:left;
 width:861px;
 height:auto;
 background:#d7e5e6;
}
.head {
 float:left;
 width:861px;
 height:261px;
}
.logo {
 float:left;
 width:338px;
 height:76px;
 margin-top:5px;
 margin-left:-4px;
}
.barre {
 float:left;
 width:854px;
 height:37px;
 background:url(images/barre.jpg) no-repeat;
 margin-left:4px !important;
 margin-left:2px;
 margin-top:3px;
}
.center-left {
 float:left;
 width:258px;
 height:auto;
 margin-left:3px !important;
 margin-left:1px;
 margin-top:3px;
}
.menu {
 float:left;
 width:252px;
 height:185px;
 margin-left:4px !important;
 margin-left:2px;
 background:url(images/menu.jpg) no-repeat top;
}
.menu-item {
 float:left;
 width:248px;
 height:43px;
 margin-top:2px;
 background:url(images/backmenu.jpg) repeat-x top;
}
.menu-select {
 float:left;
 width:25px;
 height:17px;
 margin:14px 15px 13px 15px;
}
.menu-text {
 float:left;
 margin:10px 0 13px 0; 
}
.menu-text a{
 font-family:Arial, Helvetica, sans-serif;
 font-size:18px;
 color:#0669a4;
 text-decoration:none;
}
.menu-text a:hover{
 color:#e82390;
}
.drapang {
 float:right;
 width:28px;
 height:28px;
 margin-top:5px;
 margin-right:8px;
}
.drapfr {
 float:right;
 width:28px;
 height:28px;
 margin-top:5px;
}
.backmarr {
 float:left;
 width:254px;
 height:239px;
 margin-top:4px;
 margin-left:4px !important;
 margin-left:2px;
 background:url(images/backmarr.jpg) no-repeat top;
}
.flash {
 float:left;
 margin-top:4px;
 margin-left:4px !important;
 margin-left:2px;
 width:245px;
 height:230px;
}
.membre {
 float:left;
 width:248px;
 height:83px;
 margin-top:4px;
 margin-left:5px !important;
 margin-left:2px;
 background:url(images/membre.jpg) no-repeat top;
}
.titrmembre {
 float:left;
 width:230px;
 height:24px;
 text-align:left;
 padding-left:8px;
 font-size:18px;
 color:#FFFFFF;
}
.photomembre {
 float:left;
 width:64px;
 height:48px;
 margin-left:13px;
 margin-top:4px;
}
.center-right {
 float:left;
 width:590px;
 height:auto;
 margin-left:6px !important;
 margin-left:3px;
 margin-top:8px;
}
.left-center {
 float:left;
 width:585px;
 height:auto;
 background:url(images/backcenter.jpg) no-repeat right 120px;
}
.left-center2 {
 float:left;
 width:585px;
 height:auto;
 background:url(images/backcenter.jpg) no-repeat right 150px;
}
.right-center {
 float:left;
 width:1px;
 height:480px;
 margin-top:10px;
 background:url(images/borderleft.jpg) no-repeat top;
}
.titredsp {
 float:left;
 width:510px;
 height:auto;
 margin-left:5px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#eb0583;
}
.line1 {
 float:right;
 width:65px;
 height:1px;
 margin-top:10px;
}
.descp {
 float:left;
 width:562px;
 height:auto;
 margin-left:10px;
 margin-top:6px;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000;
 line-height:18px;
 font-size:13px;
 text-align:justify;
}
.service {
 float:left;
 width:190px;
 height:238px;
 margin-top:6px;
 margin-left:2px;
 background:url(images/service.jpg) no-repeat top;
}
.titre-service {
 float:left;
 width:178px;
 height:28px;
 margin-left:5px;
 margin-top:5px;
 text-align:center;
 color:#FFFFFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:20px;
}
.backserv {
 float:left;
 width:166px;
 height:96px;
 margin-top:12px;
 margin-left:12px !important;
 margin-left:6px;
 background:url(images/backprod.jpg) no-repeat top;
}
.photo-service1 {
 float:left;
 width:156px;
 height:89px;
 margin-top:3px;
 margin-left:5px !important;
 margin-left:2px;
}
.text-service {
 float:left;
 width:168px;
 height:50px;
 margin-top:8px;
 margin-left:8px !important;
 margin-left:4px;
 font-family:"king2" !important;
 font-family:"king1";
 color:#000000;
 font-size:17px;
 text-align:center; 
}
.lien-service {
 float:right;
 width:80px;
 margin-right:6px;
 margin-top:8px;
}
.lien-service a{
 font-family:Arial, Helvetica, sans-serif;
 color:#48658c;
 font-size:13px;
 text-decoration:none;
}
.lien-service a:hover{
 color:#eb0583;
}
.maroc {
 float:left;
 width:373px;
 height:144px;
 margin-top:12px;
 background:url(images/baclmaroc.jpg) no-repeat top;
}
.left-maroc {
 float:left;
 width:365px;
 height:auto;
}
.right-maroc {
 float:left;
 width:1px;
 height:120px;
 margin-top:12px;
 background:url(images/boderright2.jpg) no-repeat top;
}
.titremaroc {
 float:left;
 width:52px;
 height:auto;
 margin-left:4px;
 margin-top:2px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:17px;
 text-align:right;
 color:#eb0583;
}
.titremorocco {
 float:left;
 width:52px;
 height:auto;
 margin-left:4px;
 margin-top:5px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:15px;
 text-align:right;
 color:#eb0583;
}
.line2 {
 float:right;
 width:300px;
 height:1px;
 margin-top:12px;
 background:url(images/bordertop.jpg) repeat-x top;
}
.text-maroc {
 float:left;
 width:350px;
 height:auto;
 margin-top:0px;
 margin-left:8px !important;
 margin-left:4px;
 text-align:justify;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000;
 font-size:12px;
 text-align:justify; 
}
.video {
 float:left;
 width:204px;
 height:135px;
 margin-top:15px;
 margin-left:4px;
 background:url(images/backvd.jpg) no-repeat top;
}
.img-video {
 float:left;
 width:194px;
 height:125px;
 margin-top:5px;
 margin-left:5px !important;
 margin-left:2px;
}
.bas {
 float:left;
 width:100%;
 height:96px;
 margin-top:4px;
 background:url(images/backbas.jpg) repeat-x top;
}
.bas-text {
 margin:auto;
 margin-top:20px;
 text-align:center;
 width:502px;
 height:auto;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000;
 line-height:20px;
 font-size:13px;
}
.left-service {
 float:left;
 width:1px;
 height:480px;
 background:url(images/borderleft.jpg) no-repeat top;
}
.right-service {
 float:right;
 width:1px;
 height:480px;
 background:url(images/borderleft.jpg) no-repeat top;
}
.center-service {
 float:left;
 width:587px;
 height:auto;
 background:url(images/bordertop.jpg) repeat-x top;
}
.titre {
 float:left;
 width:100%;
 height:28px;
}
.icotitre {
 float:left;
 width:24px;
 height:15px;
 background:url(images/icotitre.jpg) no-repeat top;
 margin:6px 6px 3px 10px;
}
.titre-serv {
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 color:#2e69ba;
 font-size:20px;
}
.dsp-service {
 float:left;
 width:573px;
 height:auto;
 margin-left:7px !important;
 margin-left:4px;
 margin-top:15px;
 background:url(images/backcenter.jpg) no-repeat right 85px ;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000;
 font-size:13px;
 line-height:20px;
 text-align:justify;
}
.dsp-service2 {
 float:left;
 width:573px;
 height:auto;
 margin-left:7px !important;
 margin-left:4px;
 margin-top:15px;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000;
 font-size:13px;
 line-height:20px;
 text-align:justify;
}
.sep-service {
 float:left;
 margin-top:12px;
 margin-left:10px;
 width:517px;
 height:1px;
}
.back-photo {
 float:left;
 width:572px;
 height:auto;
 margin-top:8px; 
 margin-left:5px;
 padding-bottom:8px;
 border:2px #CCCCCC solid;
}
.titre3 {
 font-family:Arial, Helvetica, sans-serif;
 color:#2e69ba;
 font-size:14px;
 font-weight:bold;
}
.photo-service {
 float:left;
 width:166px;
 height:176px;
 margin-left:14px !important;
 margin-left:7px;
 margin-right:10px;
 margin-top:8px;
 background:url(images/backphotoserv.jpg) no-repeat top;
}
.img-service {
 float:left;
 width:156px;
 height:166px;
 margin-left:5px !important;
 margin-left:3px;
 margin-top:5px;
}
.right-service2 {
 float:right;
 width:1px;
 height:482px;
 background:url(images/backright2.jpg) no-repeat top;
}
.center-service2 {
 float:left;
 width:588px;
 height:481px;
 background:url(images/bordertop.jpg) repeat-x top;
 border-bottom:1px #eb0583 solid;
}
.details-service {
 float:left;
 width:580px;
 height:auto;
 margin-left:7px !important;
 margin-left:4px;
 margin-top:5px;
}
.cadre-service {
 float:left;
 width:188px;
 height:152px;
 margin-right:5px !important;
 margin-right:4px;
 margin-top:5px;
 background:url(images/backserv.jpg) no-repeat top;
}
.cadre-ref {
 float:left;
 width:100%;
 height:auto;
 background:url(images/arriereref.jpg) no-repeat right 8px ;
}
.zone-ref {
 float:left;
 width:568px;
 height:auto;
 margin-left:14px !important;
 margin-left:8px;
 margin-top:8px;
}
.backref {
 float:left;
 width:181px;
 height:102px;
 margin-right:8px !important;
 margin-right:4px;
 background:url(images/backref.jpg) no-repeat top;
}
.reference-img {
 float:left;
 width:166px;
 height:86px;
 margin-left:8px !important;
 margin-left:4px;
 margin-top:8px;
}
.contact {
 float:left;
 width:580px;
 height:auto;
 margin-left:7px !important;
 margin-left:4px;
 margin-top:5px;
 background:url(images/backcenter.jpg) no-repeat right 5px ; 
}
.backcnt {
 float:left;
 width:438px;
 height:311px;
 background:url(images/backcnt.jpg) no-repeat top;
}
.sep-contact {
 float:left;
 margin-top:6px;
 margin-left:10px;
 width:517px;
 height:1px;
}
.carte{
 float:left;
 width:257px;
 height:153px;
 margin-top:6px;
 margin-left:4px;
 background:url(images/carte.jpg) no-repeat top;
}
.imgcarte {
 float:left;
 width:250px;
 height:131px;
 margin-left:4px;
}
.titre-carte {
 float:left;
 width:200px;
 height:15px;
 padding-top:4px; 
 padding-left:40px;
 text-align:left;
 font-weight:bold;
 color:#fefeff;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
}
.backcnt2 {
 float:left;
 width:297px;
 height:108px;
 margin-top:50px;
 margin-left:10px;
 background:url(images/backcnt2.jpg) no-repeat top;
}
.txtcnt2 {
 margin:auto;
 width:200px;
 height:auto;
 margin-top:15px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#000000;
}
.txtcnt3 {
 margin:auto;
 width:220px;
 height:auto;
 margin-top:15px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#000000;
}
td { 
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#666666;
}
.input {
 width:150px;
 height:20px;
 color:#000000;
 margin-top:4px;
 border:1px #CCCCCC solid;
}
.spam {
 width:100px;
 height:20px;
 color:#000000;
 margin-top:4px;
 border:1px #CCCCCC solid;
}
select {
 width:200px;
 height:20px;
 color:#000000;
 margin-top:4px;
 border:1px #CCCCCC solid; 
}
textarea {
 float:left;
 width:250px;
 height:80px !important;
 height:70px;
 color:#000000; 
 margin-top:4px;
 border:1px #CCCCCC solid; 
}
#right {
 float:left;
 width:29px;
 height:918px;
 background:url(images/right.jpg) repeat-y top;
}
.cadrevideo {
 margin:auto;
 width:550px;
 height:auto;
 margin-top:4px;
}
img{ border:none;}
#bulle { position: absolute; visibility: hidden;  font-size:12px;}
.info{ border:1px solid #666666; padding: 7px; color:#666666; background-color:#FFFFFF; font-family:"trebuchet MS";}
.txtgolf {
 float:left;
 width:370px;
 height:auto;
 margin-top:10px;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000;
 line-height:18px;
 font-size:13px;
 text-align:justify;
}
.titresp {
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#eb0583;
}