@import url(fonts.css);
@import url(lightbox.css);

/*// ------------------------------ MAIN STRUCTURE ------------------------------ //*/
*{ margin: 0; padding: 0;}
body{ background: #1e1e1e; color: #FFF;}
body{ scrollbar-base-color: #1e1e1e; scrollbar-arrow-color: #000; scrollbar-3dlight-color: #1e1e1e; scrollbar-darkshadow-color: #1e1e1e; scrollbar-face-color: #333; scrollbar-highlight-color: #1e1e1e; scrollbar-shadow-color: #1e1e1e; scrollbar-track-color: #1e1e1e;}

#container{ width: 1020px; position: absolute; left: 50%; margin-left: -510px; top: 60px;}
#content{ width: 100%;}
#footer{ width: 925px; margin: 5px 0 0 50px; float:left;}

#leftContent, #rightContent, #centerContent{ float: left;}
#leftContent{ width: 220px; padding-top: 78px;}
#rightContent{ width: 236px; margin: 0 10px;}
#centerContent{ width: 520px; height: 382px; padding-right: 24px; overflow-y:auto; overflow-x: hidden; position: relative;}

.txt_content{margin-bottom: 2px;}
.txt_content_ref{ padding-top: 10px; margin-bottom: 6px;}
.txt_content_home{ height: 108px;}


/*// ---------------------------------- BALISE ---------------------------------- //*/
a{ color: #FFF; text-decoration: none;}
ul{ list-style: none;}

h1{ background:url(../images/logo.gif) no-repeat; width: 138px;}
h1 a{ width: 100%; height: 53px; display: block;}
h1 a, h2, h4{ text-indent: -9999px;}
h1{ margin-bottom: 20px;}
h2{ margin-bottom: 20px;}
h1, h2, h3, h4, h6{ font-weight: normal;}
h3{ background: url(../images/bullet-service.gif) no-repeat left 4px; padding-left: 25px;}
h3 p{ margin: 0; padding: 0;}
h5{ font-weight: bold; margin-top: 2em;}
h2{ width: 350px; height: 45px; background-repeat: no-repeat;}
h3, h4, h5{ margin-bottom: 5px;}
h4{ width: 155px; height: 15px;}

p{ color: #bbbaba; margin-bottom: 10px;}
p.newsfocustitle{ font-weight: bold;}
a img{ border: none; float: left;}
a.readmore p{ border-bottom: 1px dashed #999; padding-bottom: 5px;}

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

/*// ----------------------------------- MENU ----------------------------------- //*/
ul.menu{ width: 100%; clear:both;}
ul.menu li{ margin-bottom: 1px;}
ul.menu li p{ margin: 0; color: #fff;}
ul.menu li p a{color: #fff;}
ul.menu li a{ margin-left: 50px; padding: 9px 10px; width: 150px; display: block;}
ul.menu li a.active{ margin-left: 0; width: 200px;}


/*// -------------------------------- LANGCHOICE -------------------------------- //*/
ul.langchoice{ float: right; margin-bottom: 3px;}
ul.langchoice li{ list-style: none; display: inline; color: #4c4a4a; padding:0 3px;}

/*// ----------------------------------- TEAM ------------------------------------ //*/
#team_1 .team{ margin-top: 2px;}
.team { cursor: pointer; margin-top: 8px;}
.team td{ padding-left: 5px;}
.team td.team-img{ padding-left: 0px;}
.team td h3{ margin-bottom: 0; margin-top: 3px;}
#centerContent .team p{ margin-bottom: 0;}
.show { padding-left: 25px; border-bottom: 1px solid #333; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px;}
.show p{ margin-bottom: 10px;}
.show h3{ margin-left: -25px;}
.show img{ float: left; margin: 5px 15px 5px 0;}
.show ul{ color: #bbbaba; margin-bottom: 10px;}
.show ul li{ text-indent: -8px; padding-left: 8px;}


/*// ----------------------------------- CONTACT ------------------------------------ //*/
.btn{ background:#333; color:#CCC; width: 100px; text-align: center; margin: 10px; padding: 5px 5px;}
.btn p{ margin: 0;}
#centerContent .btn p{ margin: 0;}
.tableform td{ padding: 1px 0;}
.tableform input, .tableform textarea{ background: #333; border: none; padding: 3px 5px; color: #CCC; width: 80%;}
.tableform td.leftcontent { width: 20%;}
.tableform textarea{ margin-top: 10px; width: 95%;}


/*// ----------------------------------- IMG ------------------------------------ //*/
.img{ width: 100%;}
.img-s{ width: 120px; float: left; margin: 5px 3px 0 0;}
.img-m{ width: 80px; margin-left: 10px;}
.img, .img-s, .img-m{ position: relative;}
.img span, .img-s span, .img-m span{ height: 3px; width: 3px; position: absolute; z-index: 1;}
span.top-left{ left: 0; top: 0; background: url(../images/coin-topleft.png) no-repeat;}
span.top-right{ right: 0; top: 0; background: url(../images/coin-topright.png) no-repeat;}
span.bot-left{ left: 0; bottom: 1px; background: url(../images/coin-botleft.png) no-repeat;}
span.bot-right{ right: 0; bottom: 1px; background: url(../images/coin-botright.png) no-repeat;}

.img-s span.bot-left{ left: 0; bottom: 0; background: url(../images/coin-botleft.png) no-repeat;}
.img-s span.bot-right{ right: 0; bottom: 0; background: url(../images/coin-botright.png) no-repeat;}

#footer span.top-left{ left: 0; top: 0; background: url(../images/coin-topleft-ref.png) no-repeat;}
#footer span.top-right{ right: 0; top: 0; background: url(../images/coin-topright-ref.png) no-repeat;}
#footer span.bot-left{ left: 0; bottom: 0; background: url(../images/coin-botleft-ref.png) no-repeat;}
#footer span.bot-right{ right: 0; bottom: 0; background: url(../images/coin-botright-ref.png) no-repeat;}


/*// ------------------------------- FOOTER LIST -------------------------------- //*/
#footer h3{ background: none; padding-left: 0;}

#footer ul{ background: #373737; width: 895px; padding: 15px;}
#footer ul li{ float: left; width: 285px; border-right: 1px solid #666; margin-right: 10px; height: 145px;}
#footer ul li.last{ border: none;}
#footer img{ margin-right: 0px;}


/*// -------------------------------- FOOTER REF -------------------------------- //*/
.sample{ width: 925px; background: #373737; position: relative;}
#box4{ position:absolute;}
#box4 div.bloc{ width:845px; height:140px; float:left;}
#box4 div.bloc table{ margin: 10px 0;}
#box4 div.bloc table td{ text-align: center; padding: 5px;}

.mask3{	position:relative; width:925px; height:140px; overflow:hidden;}
.buttons{ position:absolute;width: 925px; left: 0; top: 63px; z-index: 50; }

.bloc{ padding: 20px 24px 0 50px;}
.bloc-ref{ width: 100px; float: left; margin-right: 20px;}
.txt-ref{ width: 90px; text-align: center; padding: 5px;}

#footer ul li.home .bloc{ padding: 0;}
#footer ul li.home .bloc-ref{ width: 80px; margin-top: 10px; margin-right: 9px;}
#footer ul li.home .txt-ref{ width: 80px; padding: 0; padding-top: 5px;}
#footer ul li.home .img-m{ margin-left: 0;} 

ul li strong .bloc-ref{ margin: 0}
ul li strong .bloc-ref .img-m{ margin: 0;}


/*// ---------------------------------- FOOTER ---------------------------------- //*/
#footer{ border-top: 1px solid #cdcdcd; padding-top: 5px; clear: both;}
#footer table{ margin-bottom: 10px; width: 100%;}
#footer table td{ padding: 2px 0;}
#footer #infolinkpage{ width: 100%; margin-top: 5px; text-align: right;}
#footer p{ margin-bottom: 7px;}

/*// ---------------------------------- NEWS ---------------------------------- //*/
#news table{ margin-top: 10px; width: 100%;}
#news table td{ padding-right: 5px;}
#news { padding-left: 25px;}
#news h3{ margin-left: -25px;}

.line-sep{ border-bottom: 1px solid #666; height: 5px; margin-bottom: 15px;}


/*// ---------------------------------- HIDEBOX ET BODYBOX ---------------------------------- //*/
#hidebox, #bodyBox{ display: none; position:absolute; left: 0; top: 0; z-index: 200;}
#hidebox{ position: fixed; width: 100%; height: 100%; background: #000; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
*HTML #hidebox{ height: 900px; position:absolute; }
#bodyBox{ width: 100%; padding: 5% 0; text-align: center;}
#bodyBox img{ margin: 0 auto; position: relative; padding: 5px; background:#FFF;}
#bodyBox a{ color: #6a868c;}
#bodyBox a.closebox{ color:#333; background:#fff; width: 100px; padding: 5px 10px; margin-top: 0; text-decoration: none; font-weight: bold;}

#imageContainer { height:128px; width: 489px; position: relative; margin-top: -10px; }
#imageContainer img { display:none;	position:absolute; top:0; left:0;}

.introshow p{ padding-left: 25px;}
#centerContent .introshow p{ margin-bottom: 5px;}
.introshow p a{ padding-left: 5px;}

/*//  ---------------------------------- PNG ---------------------------------- //*/
* html img,* html .png{
behavior: expression((this.runtimeStyle.behavior="none")
(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/pixel.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().
replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); border:0;}


/*//  ---------------------------------- TINY MCE ---------------------------------- //*/
body.mceContentBody {background:#000; text-align:left; font-size:14px; color:#FFFFFF}
body.mceContentBody h3,body.mceContentBody h1,body.mceContentBody h2,body.mceContentBody h4 {color:#000;}
body.mceContentBody{font-size:16px}