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

body { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body.background-01 { background:url(../img/background_01.jpg) no-repeat fixed 50%; }
body.background-02 { background:url(../img/background_02.jpg) no-repeat fixed 50%; }

a { color:#E85412; text-decoration:none; }

#global { position:absolute; left:50%; top:50%; width:1000px; height:570px; margin:-281px 0 0 -496px; padding:5px 0 0 5px; background:transparent url(../img/global-background.png) no-repeat; }

#frame { width:980px; height:550px; background:#ffffff; }


#header { padding:12px 0 5px; text-align:center; }
#header img { }
#header h1 { display:none; }

#content { width:950px; height:424px; margin:0 15px; border-width:1px 0; border-color:#000000; border-style:solid; }
.home #content { border-color:#ffffff; }

#menu { padding:0 0 0 15px; }
#menu ul {  }
#menu li { float:left; padding:10px 141px 0 0; }
#menu li img { display:block; }
#menu li.active { background:url(../img/menu-active.jpg) no-repeat 0 5px; }
#menu li.item01 { }
#menu li.item02 { }
#menu li.item03 { }
#menu li.item04 { }
#menu li.item05 { padding-right:0; }
#menu .facebook { position:absolute; left:870px; top:526px; }

#cuvees { padding:15px 0 0; }
#cuvees ul.images { margin:0 0 0 317px; }
#cuvees ul.images li { float:left; padding:0 7px; cursor:pointer; }
#cuvees ul.textes { position:absolute; left:680px; top:180px; width:250px; height:200px; line-height:20px; font-size:11px;  }
#cuvees ul.textes li { display:block; position:absolute; height:200px; width:250px; background:url(../img/menu-active.jpg) no-repeat 0 30px;  }
#cuvees ul.textes li img { margin:0 0 6px; }
#cuvees ul.textes li div.scrollpane { height:200px; padding:0 10px 0 0; }
#cuvees ul.textes li.hide { left:-9999px }

#lieux { font-size:11px; letter-spacing:1px; }
#lieux .images { float:right; width:330px; padding:20px 60px 0 0; }
#lieux .images img { margin:0 7px; }

#lieux .pays-list { position:absolute; overflow:hidden; width:200px; height:390px; margin:10px 0 0; }
#lieux .pays-list .bold { font-weight:bold; }
#lieux .pays-list .scrollpane { position:relative; height:385px;  }
#lieux .pays-list .jScrollPaneTrack,
#lieux .pays-list .jScrollArrowUp,
#lieux .pays-list .jScrollArrowDown { left:0; }
#lieux .pays-list ul { padding:10px 0 0 20px; }
#lieux .pays-list li { padding:0 0 2px; cursor:pointer; }

#lieux .title { padding:0 0 5px 20px; text-transform:uppercase; font-weight:bold; }
#lieux .return { cursor:pointer; font-size:10px; text-transform:uppercase; }
#lieux .top { padding:10px 0 12px; }
#lieux .bottom { padding:12px 0 10px; }
#lieux .region-list { position:absolute; overflow:hidden; width:200px; height:420px; margin:0; }
#lieux .region-list .bold { font-weight:bold; }
#lieux .region-list .scrollpane { position:relative; height:340px; }
#lieux .region-list .jScrollPaneTrack,
#lieux .region-list .jScrollArrowUp,
#lieux .region-list .jScrollArrowDown { left:0; }
#lieux .region-list ul { padding:0 0 0 20px; }
#lieux .region-list li { padding:0 0 2px; cursor:pointer; }

#lieux .lieu-list { position:absolute; left:210px; top:106px; width:295px; height:385px; padding:0 15px 0 30px; line-height:13px; background:#F3F2F2;  }
#lieux .lieu-list .scrollpane { position:relative; height:325px; padding:30px 0;}
#lieux .lieu-list a { color:#000000; }
#lieux .lieu-list ul {  }
#lieux .lieu-list li { padding:0 0 50px; }
#lieux .lieu-list .label {  }
#lieux .lieu-list .description {  }

#lieux .pays-list.hide,
#lieux .region-list.hide,
#lieux .lieu-list.hide { visibility:hidden; }


/*
#lieux .list { overflow:hidden; height:410px; }
#lieux .list .scrollpane { height:410px; position:relative; }
#lieux ul { padding:30px 0 0 15px; letter-spacing:1px; }
#lieux ul li { padding:0 0 2px; cursor:pointer; }
#lieux ul .list { position:absolute; left:210px; top:20px; width:310px; height:380px; overflow:hidden; padding:4px 10px; background:#F3F2F2; visibility:hidden;  }
#lieux ul .active .list { visibility:visible; }
#lieux ul .scrollpane {  width:310px; height:376px; }
#lieux ul ul { position:relative; width:270px; height:auto; padding:0; }
#lieux ul ul li { padding:30px 10px 30px 30px; cursor:auto; }
*/

#contact { height:394px; margin:15px 0; background:#F3F2F2; }
#contact ul {  }
#contact .column01 { position:absolute; left:70px; top:190px; }
#contact .column02 { position:absolute; left:430px; top:190px; width:264px; }
#contact li {  }
#contact label { display:block; padding:0 0 5px; }
#contact .span,
#contact .en { font-weight:normal; }
#contact input { }
#contact .input-text { width:260px; height:24px; margin:0 0 20px; }
#contact .input-text,
#contact textarea { width:260px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-width:1px 0 0 1px; border-style:solid; border-color:#cccccc; }
#contact .input-submit { float:right; margin:8px 0 0; }
#contact textarea { overflow:auto; }
#contact .adresse { position:absolute; left:735px; top:210px; line-height:14px; }
#contact .info { position:absolute; left:735px; top:320px; line-height:14px; font-size:11px; }
#contact .info div { width:230px; padding:0 0 5px; }
#contact .flash-notice { padding:20px 50px; }

.jScrollArrowUp { background:url(../img/arrow-up.gif) no-repeat top; }
.jScrollArrowDown { background:url(../img/arrow-down.gif) no-repeat bottom; }
.jScrollPaneTrack { background:url(../img/scroll-track.gif) repeat-y; }
.jScrollPaneDrag { background:url(../img/scroll-drag.gif) repeat-y; }

.panebutton { padding:10px 0 0; }

.en,
.return { color:#E85412; }
.fr { color:#000000; }
.fleft { float:left; }
.fright { float:right; }

#footer { padding:8px 20px 0 0; text-transform:uppercase; }
#footer,
#footer a { font-size:8px; color:#222222; }
