/* CSS Document */
/************************************************/
/* Creation 7 Décembre 2009 */
/* Par Carlos Alves */
/************************************************/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* supprime le texte-decoration et l'effet encadré des a href */
a { outline:none; text-decoration:none; }

/* idem que pour les href */
object { outline:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* petite astuce pour les bg qui se repetent*/
.clr { clear: both;overflow: hidden;width: 1px;height: 1px;margin: 0 -1px -1px 0;border: 0;padding: 0;font-size: 0;line-height: 0; visibility:hidden;}
.cache { position: absolute; left: 0; top: -5000px; }
.fleft{ float:left;}
.fright{ float:right;}

/* BODY STYLE */
body{ background:#414141 url(../images/top_bg.gif) repeat-x scroll center top;}

/* FONT STYLE */
body{ font-family:'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000;}


/* LOGO VERTICAL */
div#logo{ position:absolute; top:33px; left:5px;}

div#big_container{ margin: 0 0 0 140px;}

/* TOP STYLE */
div#top{ width:950px; margin:0 0 0 12px; font-size:12px; position:relative; height:18px;}
div#top a{ color:#555555;}
div#top a:hover{ color:#ffffff;}
div#top ul{ position:absolute; top:0; left:650px;}
div#top ul li{ float:left; margin:0 0 0 5px; color:#555555;}
div#top ul li#inscription_newsletter a{color:#FF5C00 !important;}
div#top ul li#inscription_newsletter a:hover{color:#555555 !important;}

/* LOGO AND CONNECT STYLE */
div#logo_connect{ background:url(../images/logo_connect_bg.gif) top left no-repeat; height:145px; width:950px; margin:3px 0 0 0; position:relative;}
div#logo_connect h1{ position:absolute; top:19px; left:19px;}
div#logo_connect_admin{ background:url(../images/logo_connect_bg.gif) top left no-repeat; height:105px; width:950px; margin:3px auto 0 auto; position:relative;}
div#logo_connect_admin h1{ position:absolute; top:19px; left:19px;}
div#logo_connect p{ background:url(../images/login_bg.png) top left no-repeat; width:162px; height:65px; position:absolute; top:15px; left:790px; color:#272727; padding:3px 0 0 0;}
div#logo_connect p span{ font-weight:bold; margin:0 0 0 60px;}
div#logo_connect p a{ font-size:24px; font-weight:bold; color:#272727; margin:0 0 0 61px; letter-spacing:2px;}
div#logo_connect p a:hover{ color:#ffffff;}

div#logo_connect div{ background:url(../images/upload.png) top left no-repeat; position:absolute; top:18px; left:630px; height:45px; width:100px; padding:3px 0 0 45px;}
div#logo_connect div a{font-size:14px; font-weight:bold; color:#ffffff; letter-spacing:2px;}
div#logo_connect div a:hover{ text-decoration:underline;}

/* NAVIGATION STYLE */
.lavaLampWithImage {
            position: relative;
            height: 50px;
            width: 950px;
            padding: 15px;
            margin: -70px 0 0 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
					margin:0 7px 0 0;
                }
                    .lavaLampWithImage li.back {
                        background: url("../images/lava.png") no-repeat right -46px;
                        width: 9px; height: 50px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("../images/lava.png") no-repeat top left;
                            height: 50px;
                            margin-right: 9px; 
                        }
                    .lavaLampWithImage li a {
                        font-size:18px;
						font-weight:bold;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 25px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }
						
						
 .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 100%;
            padding: 0 0 15px 0;
            margin: 0 0 10px 0;
            overflow: hidden;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid #FF5C00;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
						font-size:14px;
						font-weight:bold;
                        text-decoration: none;
                        color: #414141;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
					.lavaLampBottomStyle li a span{ font-size:12px; font-weight:normal;}
					
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }                  


/* MAIN CONTENT STYLE */
div#content_container{ width:950px; margin:-10px 0 0 12px;}
div#content_container_admin{ width:950px; margin:20px 0 0 12px;}
div#content{ border-left: 3px solid #717171; border-right: 3px solid #717171; background-color:#f7f7f7; padding:20px 30px;}
div#content p{ margin:0 0 5px 0;}
div#content p b{color:#FF5C00;}
div#content h2{ color:#FF5C00; font-size:24px; text-transform:uppercase; font-weight:bold; margin:0 0 20px 0;}
div#left_content{ float:left; width:590px;}
div#left_content img{ float:left; margin:0 10px 10px 0;}
div#left_content p{ margin:0 0 5px 0;}
div#left_content p b{color:#FF5C00;}
div#right_content{ margin:0 0 0 620px;}
div#fisheye{ background:url(../images/fisheye_bg2.gif) top left no-repeat; width:886px; height:172px; margin:10px 0 20px 0;}
div#box{ width:267px;}
div#box_content{ border-left:1px solid #717171; border-right:1px solid #717171; padding:0 7px 7px 7px; background-color:#FFFFFF;}
div#box_content h2{ color:#FF5C00; font-size:24px; text-transform:uppercase; font-weight:bold; margin:0 0 5px -2px;}
div#box_content h3{color:#FF5C00; font-size:18px; font-weight:bold; margin:0 0 5px -2px;}
div#box_content p{margin:0 0 5px 0;}
div#box_content blockquote{color:#FF5C00; font-style: italic; font-weight:bold;}
div#login_box{background:url(../images/login_box_bg2.gif) top left no-repeat; width:274px; height:219px; margin:15px 0 0 0; position:relative;}
div#login_box ul{margin:0 0 0 7px; padding:5px 0 0 0;}
div#login_box ul li{margin:5px 0 14px 0;}
div#login_box ul li h3{color:#ffffff; font-size:22px; font-weight:bold;}
div#login_box h4{ position:absolute; top:5px; left:10px; color:#ffffff; font-size:24px;}
div#login_box p{ position:absolute; top:60px; left:108px; color:#ffffff; font-size:16px;}
div#login_box a{ position:absolute; top:113px; left:130px; color:#ffffff; font-size:22px; text-transform:uppercase;}
div#login_box a:hover{ color:#414141;}
p.lien{ background:url(../images/arrow.png) no-repeat 76px 6px;}
p.lien a{color:#FF5C00; font-weight:bold;}
p.lien a:hover{color:#272727; text-decoration:underline;}
p.lien1{ background:url(../images/arrow.png) no-repeat 394px 6px;}
p.lien1 a{color:#FF5C00; font-weight:bold;}
p.lien1 a:hover{color:#272727; text-decoration:underline;}
p.lien_box{ background:url(../images/arrow.png) no-repeat 236px 6px; margin:5px 0 0 0 !important; text-align:right; padding:0 20px 0 0;}
p.lien_box a{color:#FF5C00; font-weight:bold;}
p.lien_box a:hover{color:#272727; text-decoration:underline;}



/* FOOTER STYLE */
div#footer{ margin:0 0 20px 12px; width:950px; font-size:12px;}
div#footer ul{ margin:0 0 0 3px !important;}
div#footer ul li{ float:left; color:#FF5C00; margin:0 5px 0 0;}
div#footer ul li a{ color:#ffffff;}
div#footer ul li a:hover{color:#FF5C00;}
div#footer p{ margin:15px 0 0 814px; color:#FF5C00; font-weight:bold;}
div#footer p a{ color:#ffffff;}
div#footer p a:hover{ color:#FF5C00;}



/* PLAN DU SITE STYLE */
ul#plandusite{margin:15px 10px 15px 0;}
ul#plandusite li{list-style:square; color:#FF5C00; list-style-position:inside; float:none !important;}
ul#plandusite li a{ color:#272727; font-weight:bold; text-transform:uppercase;}
ul#plandusite li a:hover{ color:#FF5C00; text-decoration:underline;}
ul#plandusite li ul{ margin:0 0 0 20px !important;}
ul#plandusite li ul li{ margin:0 !important;}
ul#plandusite li ul li a{font-weight:normal !important; text-transform:none !important; color:#FF5C00;}
ul#plandusite li ul li a:hover{color:#272727; text-decoration:underline;}

/* ================ DOCK 1 ================ */
#dock { position: relative; top: 90px; left:-10px; }
.dock-container { position: relative; top: -8px; height: 80px; padding-left: 20px; }
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #ffffff;}
.dock-item span { display: none; /*padding-left: 20px; padding-top:180px;*/ position:absolute; top:155px; left:65px; }
.dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; }


/* NEWS PAGE */
ul#liste_news{margin:0 0 20px 0; position:relative; border:3px dashed #414141; background-color:#FFFFFF; padding:10px;}
ul#liste_news li{ margin:0 0 5px 0;}
ul#liste_news li h5{ color:#FF5C00; font-size:18px; text-transform: uppercase;}
ul#liste_news li h6{ font-size:12px; font-style:italic; font-weight:normal !important; color:#50A6EF;}
ul#liste_news li img{ margin:0 10px 10px 0;}
a#lien_news{ color:#FF5C00; text-decoration:underline; font-weight:bold;}
a#lien_news:hover{ color:#272727;}
ul#liste_news li p.liens{ background:url(../images/up_arrow.png) no-repeat 843px 5px; text-align:right; padding:0 20px 0 0;}
ul#liste_news li p.liens a{color:#FF5C00; font-weight:bold;}
ul#liste_news li p.liens a:hover{color:#272727; text-decoration:underline;}

/* PRIMWAY MAP */
#map {position:relative; margin:50px auto; width:846px; height:456px;}
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {position:absolute;}
#map ul li#montreuil {width:15x; height:19px; top:133px; left:395px;}
#map ul li#toulouse {width:15x; height:15px; top:152px; left:398px;}
#map ul li#tourcoing {width:15x; height:15px; top:132px; left:412px;}
#map ul li#hongkong {width:10px; height:19px; top:210px; left:638px;}
#map ul li#canton {width:10px; height:10px; top:200px; left:630px;}
#map ul li#shanghai {width:15px; height:19px; top:183px; left:653px;}
#map ul li#bengalore {width:15px; height:19px; top:230px; left:560px;}
#map ul li#casablanca {width:15px; height:19px; top:178px; left:380px;}
#map ul li#istanbul {width:15px; height:19px; top:153px; left:456px;}
#map ul li#bucarest {width:15px; height:10px; top:145px; left:452px;}

/* remove the absolute position from the list items for lte IE6 */
* html #map ul li {position:static;}

/* and give the absolute position to the links for lte IE6 */
* html #map ul li a.tl {position:absolute;}
* html #map ul li#montreuil a.tl {top:133px; left:395px;}
* html #map ul li#toulouse a.tl {top:152px; left:398px;}
* html #map ul li#tourcoing a.tl {top:132px; left:412px;}
* html #map ul li#hongkong a.tl {top:210px; left:638px;}
* html #map ul li#canton a.tl {top:200px; left:630px;}
* html #map ul li#shanghai a.tl {top:183px; left:653px;}
* html #map ul li#bengalore a.tl {top:230px; left:560px;}
* html #map ul li#casablanca a.tl {top:178px; left:380px;}
* html #map ul li#istanbul a.tl {top:153px; left:456px;}
* html #map ul li#bucarest a.tl {top:145px; left:452px;}


#map ul li a {text-decoration:none;}

#map ul li a.tl {display:block; text-indent:-9999px; background: url(../images/transparent.gif);}

#map ul li a.tl:hover, #map ul li:hover {z-index:500;}

#map ul li#montreuil a.tl {width:15px; height:19px;}
#map ul li#montreuil a.tl:hover, #map ul li#montreuil:hover {background: none;}
#map ul li#toulouse a.tl {width:15px; height:15px;}
#map ul li#toulouse a.tl:hover, #map ul li#toulouse:hover {background: none;}
#map ul li#tourcoing a.tl {width:15px; height:15px;}
#map ul li#tourcoing a.tl:hover, #map ul li#tourcoing:hover {background: none;}
#map ul li#hongkong a.tl {width:10px; height:19px;}
#map ul li#hongkong a.tl:hover, #map ul li#hongkong:hover {background: none;}
#map ul li#canton a.tl {width:10px; height:10px;}
#map ul li#canton a.tl:hover, #map ul li#canton:hover {background: none;}
#map ul li#shanghai a.tl {width:15px; height:19px;}
#map ul li#shanghai a.tl:hover, #map ul li#shanghai:hover {background: none;}
#map ul li#bengalore a.tl {width:15px; height:19px;}
#map ul li#bengalore a.tl:hover, #map ul li#bengalore:hover {background: none;}
#map ul li#casablanca a.tl {width:15px; height:19px;}
#map ul li#casablanca a.tl:hover, #map ul li#casablanca:hover {background: none;}
#map ul li#istanbul a.tl {width:15px; height:19px;}
#map ul li#istanbul a.tl:hover, #map ul li#istanbul:hover {background: none;}
#map ul li#bucarest a.tl {width:15px; height:10px;}
#map ul li#bucarest a.tl:hover, #map ul li#bucarest:hover {background: none;}



#map ul li .xsnazzy,
#map ul li a .xsnazzy
{visibility:hidden;}

/* For IE6 to work */
* html #map ul li a.tl:hover {border:0;}

* html #map ul li a:hover .xsnazzy {visibility:visible;}

#map ul li:hover .xsnazzy {visibility:visible;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li:hover .xsnazzy {background:url(../images/transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}

#montreuil .xsnazzy {left:-272px; top:-145px; width:250px;}
#toulouse .xsnazzy {left:10px; top:-50px; width:250px;}
#tourcoing .xsnazzy {left:5px; top:-52px; width:250px;}
#hongkong .xsnazzy {left:-271px; top:-150px; width:250px;}
#canton .xsnazzy {left:-195px; top:-250px; width:250px;}
#shanghai .xsnazzy {left:-198px; top:-126px; width:250px;}
#bengalore .xsnazzy {left:-196px; top:-87px; width:250px;}
#casablanca .xsnazzy {left:-196px; top:-87px; width:250px;}
#istanbul .xsnazzy {left:5px; top:-50px; width:250px;}
#bucarest .xsnazzy {left:5px; top:-50px; width:250px;}

.xsnazzy h1, .xsnazzy p {margin:0 10px !important;}
.xsnazzy h1 {font-size:18px; color:#FF5C00; border-bottom:1px solid #fff; margin-bottom:5px;}
.xsnazzy p {padding-bottom:0.5em; color:#eee; font-size:14px; text-align:left;}
.xsnazzy {background: transparent; margin:1em;}


.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#292A39; border-width:0 5px;}
.xb5 {margin:0 2px; background:#292A39; border-width:0 4px;}
.xb6 {margin:0 2px; background:#292A39; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#292A39; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#292A39; border:3px solid #fff; border-width:0 3px;}
.xboxcontent a, .xboxcontent a:visited {display:block; color:#ff0; font-weight:bold; font-size:12px; text-indent:0; padding:4px;}

#map ul li a:hover .xsnazzy .xboxcontent a:hover {color:#fff;}
#map ul li:hover .xsnazzy .xboxcontent a:hover {color:#fff;}

.xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(../images/point.gif) center top; position:absolute; left:50px; top:-11px;}
.xsnazzy em.point_bottom {display:block; font-size:0; width:25px; height:14px; background:url(../images/point.gif) center bottom; position:absolute; right:50px; bottom:-11px;}
/* for IE5.5 */
* html .xsnazzy em.point_bottom {bottom:-12px; bo\ttom:-11px;}
.xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(../images/point.gif) left center; position:absolute; left:-11px; top:30px;}
.xsnazzy em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(../images/point.gif) right center; position:absolute; right:-11px; top:125px;}
/* for IE5.5 */
* html .xsnazzy em.point_right {right:-12px; ri\ght:-11px;}

/* Easy Slider */
	div#slider_container{ position:relative; margin:30px 0 0 90px; height:300px;}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}
	span#prevBtn{width:48px; height:48px; position:absolute; top:247px; left:-3px;}
	span#prevBtn a{ display:block; width:48px; height:48px;}
	span#nextBtn{width:48px; height:48px; position:absolute; top:247px; left:652px;}
	span#nextBtn a{ display:block; width:48px; height:48px;}					

/* // Easy Slider */