@import url(typographie.css); 

body{padding:5px 0 0; background:#FFF;     font:75%/1.3 Verdana,Arial,sans-serif; text-align:left}
#main{margin-left:auto; margin-right:auto; width:930px}

#languages-bar{height:15px; line-height:15px; overflow:hidden; text-align:center}
#main #languages-bar a{font-size:9px; font-family:Tahoma,Arial,Helvetica,sans-serif; color:blue}
#main #languages-bar a:hover{color:#blue; text-decoration:none}

#header{height:130px; width:930px; overflow:hidden}
#header #logo{width:245px; height:130px; float:left}
#header #logo img{border:none; margin:6px 0px 0px 9px}
#header #new-map{width:503px; height:130px; text-align:center; float:left}
#header #new-map h2{font-size:1.5em; padding:57px 0px 0px 0px; color:#F60; font-family:Tahoma,Arial,Helvetica,sans-serif; margin:0px}
#header #boxlogin{float:right; padding-top:20px; ; padding-right:10px}
#header #boxlogin input, #header #boxlogin form{margin:0px; padding:0px}

#menu-bar{width:930px; text-align:center}
#search-engine{width:930px; height:33px; padding-top:10px; text-align:center; background-color:#DCEAFF}
#main #left{width:740px; float:left; margin:0px; padding:5px}
#main #left p{margin:0px; padding:10px; font-size:12px; font-family:Tahoma,Arial,Helvetica,sans-serif; line-height:16px}
#main #left .box{width:90%; padding:20px; margin:0 auto}
.coldroitehome {width:250px; float:left; }
#main #coldroite{width:160px; float:left; margin-left:10px;margin-right:0px; font-size:12px; font-family:Tahoma,Arial,Helvetica,sans-serif}
#main #colleftcms{width:160px; float:left; margin-left:10px;margin-right:0px; font-size:12px; font-family:Tahoma,Arial,Helvetica,sans-serif}

#footer{clear:both; text-align:center; font-size:12px; font-family:Tahoma,Arial,Helvetica,sans-serif; padding:30px 0px 0px 0px}

#loginerror{width:30em; padding:30px 0; margin:0 auto; width:300px;  text-align:left; background:#9CC0FF; text-align:center}

#contentLYR{ position:absolute;  width:200px;  height:115px;  z-index:1;  left:200px;  top:200px}

.curlycontainer{border:1px solid #b8b8b8; margin-bottom:1em; width:240px}

.curlycontainer .innerdiv{background:transparent url(../img/brcorner.gif) bottom right no-repeat; position:relative; left:2px; top:2px; padding:1px 4px 15px 5px}

.jobcenter{float:left; float:left; width:350px; margin-left:5px; margin-top:7px; background:#f6f4e4 url(../img/gradient.jpg) repeat-x 0 -25px; padding:5px; font-size:12px}
.jobcenter2{float:left; float:left; width:700px; margin-left:5px; margin-top:7px; background:#f6f4e4 url(../img/gradient.jpg) repeat-x 0 -25px; padding:5px; font-size:12px}


#case{ float:left;  margin:0px;  padding:10px;  border:none;  text-align:left;  width:100px}
#case1{ float:left;  padding:10px;  border:1px;  text-align:left;  width:135px}
#case2{ float:left;  margin:8px;  padding:30px;  border:none;  text-align:left;  width:160px}
#case3{ float:left;  margin:8px;  padding:30px;  border:none;  text-align:left;  width:170px}
#case4{ float:left;  margin:8px;  padding:10px;  border:none;  text-align:left;  width:540px}

#caselogo{ float:left;  margin:8px;  padding:30px;  border:none;  text-align:left;  width:160px;  height:250px}
 
#caseimage{ float:left;  margin:0px;  padding:5px;  border:none;  text-align:left;  width:145px;  height:400px;  vertical-align:center}
#classique{ clear:both;  float:left;  margin:8px;  border:none;  text-align:left}
 
.casegauche{ text-align:left;  width:200px;  clear:both;  margin:0px;  padding-left:0px}
#casegauche1{ float:left; text-align:left;  width:130px; height: 145px; border:grey solid 1px; margin:3px;  padding-left:0px}
#photobiz{ height: 100px;}

.center{ margin-left:100px;  padding-left:0px}

.commentbox{background-color:#ececec; width:250px; padding:10px}

 
 
.colgauche{ text-align:left;  width:160px}
.coltick{ text-align:center;  width:10%;  align:top}

.case-infos1{ float:left;  margin:8px;  padding:30px;  border:none;  text-align:left;  width:240px}
.case-infos2{ float:left;  margin:8px;  padding:30px;  border:none;  text-align:left;  width:240px}
.res1 {
	float: left;
	width: 530px;
	height:210px;
	margin-left: 5px;
	margin-top:7px;
	background: #f6f4e4 url(../img/gradient.jpg) repeat-x 0 -25px;
	padding: 5 px;
	font-size: 12px;
}

.res2 {
	float: left;
	width: 250px;
	height:210px;
	margin-left: 5px;
	margin-top:7px;
	background: #f6f4e4 url(../img/gradient.jpg) repeat-x 0 -25px;
	padding: 5px;
	font-size: 12px;
}
.res3 {
	float: left;
	width: 520px;
	height:360px;
	margin-left: 5px;
	margin-top:7px;
	background: #f6f4e4 url(../img/gradient.jpg) repeat-x 0 -25px;
	padding: 5px;
	font-size: 12px;
}
 
#floatrightsmall{ float:right;  font-size:0.7em;  border:none;  margin:1px;  padding:1px}
 
 
#platform{ position:absolute;  top:220px;  left:540px;  margin:4px;  padding:20px;  border:none;  text-align:left;  width:200px}

#photoscrolling{ position:relative;  top:440px;  left:40px;  height:100px;  overflow:auto;  margin:4px;  padding:20px;  border:none;  text-align:left;  width:50%}
 
#repertoiredroite{ position:absolute;  top:290px;  left:270px;  margin:4px;  padding:20px;  border:none;  text-align:left;  width:330px}
 
#right{ position:absolute;  top:180px;  left:420px;  margin:4px;  padding:20px;  border:none;  text-align:left;  width:330px}

#right2{ position:absolute;  top:310px;  left:450px;  border:none;  text-align:left;  width:250px;  clear:both}

#right3{ position:absolute;  top:340px;  left:300px;  height:60%;  overflow:auto;  margin:4px;  padding:20px;  border:none;  text-align:left;  width:490px}

#right4{ position:absolute;  top:330px;  left:500px;  border:none;  text-align:left;  width:250px;  clear:both}

#right5{ position:absolute;  top:280px;  left:380px;  border:none;  text-align:left;  width:305px;  clear:both}

#right6{  position:absolute;  top:297px;  left:190px;  margin:4px;  padding:20px;  border:none;  text-align:left;  width:530px}

#right7{  position:absolute;  top:290px;  left:260px;  overflow:auto;  height:210px;  margin:4px;  padding:20px;  border:none;  text-align:left;  width:430px}

#right8{  position:absolute;  top:370px;  left:260px;  overflow:auto;  height:210px;  margin:4px;  padding:20px;  border:none;  text-align:left;  width:630px}

#right9{  position:absolute;  top:370px;  left:260px;  overflow:auto;  height:210px;  margin:4px;  padding:20px;  border:none;  text-align:left;  width:630px}

#right10{  position:absolute;  top:270px;  left:240px;  margin:4px;  padding:20px;  border:none;  text-align:left;  width:530px}

.ddoverlap{border-bottom:1px solid #bbb8a9}

.ddoverlap ul{padding:0; margin:0; font:bold 90% default; list-style-type:none}

.ddoverlap li{display:inline; margin:0}

.ddoverlap li a{padding:3px 7px; text-decoration:none; padding-right:32px; color:blue; background:transparent url(../img/righttabdefault.gif) 100% 1px no-repeat; border-left:1px solid #dbdbd5; position:relative; display:block; float:left; margin-left:-20px; left:20px}

.ddoverlap li a:visited{color:blue}

.ddoverlap li a:hover{text-decoration:underline}

.ddoverlap li.selected a{color:black; z-index:100; top:1px; background:transparent url(../img/righttabselected.gif) 100% 0 no-repeat}

.ddoverlap li.selected a:hover{text-decoration:none}

#bg_bg{background-image:url(../img/adi2.jpg); background-position:center top; background-repeat:repeat-x; height:342px; left:0px; position:absolute; top:0px; width:100%; z-index:1}

#selection{float:left; width:95%; padding:3px 0; background:#DCEAFF; margin:3px}

#selection2{float:left; width:95%; padding:3px 0; background:#DCEAFF; margin:3px}

#shadow{background:url(../img/adi.jpg) center top; position:absolute; z-index:2; width:952px; top:0px; left:2.5%}

#warning{width:599px; height:259px; padding-left:60px; padding-top:30px; font-size:1em; font-weight:1.2em; background:url(../img/error.png) center top; background-repeat:no-repeat; position:absolute; top:160px; left:250px; text-align:center}

a.tt{ position:relative;  z-index:24;  color:#228b22; font-weight:bold;  text-decoration:none}
a.tt span{display:none}

a.tt:hover{z-index:25; color:#aaf; background:}
a.tt:hover span.tooltip{    display:block;     position:absolute;     top:0px; left:0; padding:15px 0 0 0; width:200px; color:#0065f3;     text-align:center; filter:alpha(opacity:90); KHTMLOpacity:0.90; MozOpacity:0.90; opacity:0.90}
a.tt:hover span.top{display:block; padding:30px 0px 0;     background:url(../bubble.gif) no-repeat top}
a.tt:hover span.middle{display:block; padding:0 0px; background:url(../bubble_filler.gif) repeat bottom}
a.tt:hover span.bottom{display:block; padding:3px 8px 10px; color:#548912;     background:url(../bubble.gif) no-repeat bottom}

</style>

<!--[if IE]>
<style type="text/css">
.ddoverlap{height:1%}


/* =======================MENU CSS============================== 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(prodrop4/pro_drop4_2a.gif);}
.preload1 {background: url(prodrop4/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 28px; margin:0; list-style:none; height:36px; background:transparent url(prodrop4/pro_drop4_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(prodrop4/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(prodrop4/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:155px;}
.prodrop4 ul.sub2 {width:110px;}
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:112px;}
.prodrop4 ul.sub5 {width:112px;}
.prodrop4 ul.sub6 {width:112px;}

.prodrop4 :hover ul {left:0; top:35px; background: #b9d3fb; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}