* { margin:0; padding:0; }
IMG { border:0; }
A { text-decoration:none; color:#000; }

BODY {  background-color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 30px 0 0 15px; }

#head {
height:56px;
margin-bottom:52px;
} 

h2 {
font-size: 16px;
padding-bottom:10px;
}

UL#mainmenu { height:26px; width:100%; margin-bottom:9px; }
UL#mainmenu LI { list-style-type:none; display:inline; float:left; margin-right:8px; }
UL#mainmenu LI A{ line-height:21px; padding: 2px 4px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:21px; text-decoration:none; text-transform:uppercase; color:#000 }
/* UL#mainmenu LI A:hover, UL#mainmenu LI A.s{ color:#FFF; background-color:#837687 } */

UL#menu { height:21px; margin-bottom:6px; position: relative; z-index: 100; xborder: 1px solid red;}
UL#menu LI { list-style-type:none; display:inline; float:left; margin-right:16px; }
UL#menu LI A{ line-height:15px; padding: 2px 4px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; text-transform:uppercase; color:#000 }
/* UL#menu LI A:hover, UL#menu LI A.s, UL#menu LI A.hs{ color:#FFF; background-color:#837687 } */
UL#menu LI A.alpha-range { text-transform:none;}

UL#submenu { height:17px; }
UL#submenu LI { list-style-type:none; display:inline; float:left; margin-right:16px; }
UL#submenu LI A{ line-height:15px; padding:2px 4px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; text-transform:uppercase; color:#000 }
UL#submenu LI A:hover, UL#submenu LI A.over, UL#submenu LI A.s, UL#submenu LI A.hs{ color:#FFF; background-color:#837687 }

DIV#content { overflow: hidden; /* for sliders in project details */}
DIV#content { height:432px; background-repeat:no-repeat; }

DIV#content TABLE.project_list { border:0; }
DIV#content TABLE.project_list TD { height:83px; width:83px; border-collapse:collapse; border:0; padding:4px; }
DIV#content TABLE.project_list TD DIV { height:83px; width:83px; background:#e3e1e4; }
DIV#content TABLE.project_list TD DIV:hover { background:#817382; }
DIV#content TABLE.project_list TD DIV.double_height { height:176px; }
DIV#content TABLE.project_list TD DIV.double_width { width:176px; }
DIV#content TABLE.project_list TD DIV.double_all { height:176px; width:176px; }

DIV#content A { text-decoration:underline; }


.description { width:320px; float:left; }
.description P { text-align:justify; margin:10px 0; }
IMG.projet { margin-left:20px; }

.projectcche_list { margin-right:10px; float:left; min-height:85px; min-width:85px; }
.projectcche_list, .projectcche_archive { z-index: 10; }
.projectcche_list H2 { display: none; }

.projectcche_archive { margin-right:10px; float:left; disabled-min-height:85px; font-size:11px; z-index: 10;}
.image-archive { height:85px; width:85px; float:left;  margin-right:10px; }
.image-archive A { display:block; height:85px; width:85px; }
.text-archive { height:85px; width:85px;left:95px; float:left; margin-right:10px; top:0;}
.text-archive H2 { font-size:11px; text-transform:none; }

.publications_list { margin-right:10px; float:left; disabled-min-height:85px; disabled-min-width:85px; }

.collab { position:absolute; width: 200px; top:12px; margin-left:675px; }
.collab UL { height:425px !important; line-height:17px; }
.collab TABLE { width: 1575px; border-collapse: collapse;}
.collab TABLE TD { width: 315px; line-height: 17px; height: 14px; padding: 0; margin: 0; }


.jobs { }
.jobs UL { height:425px !important; }
.jobs UL LI { width:315px; height:425px; float: left; list-style-type:none; padding-right:25px}
/*.jobs DIV { width:420px; float:left; padding-right:50px; }*/

A#footer { display:block; height:29px; position:absolute; margin-top:-10px; width:500px; background-image:url("../img/logo_cche.gif"); background-repeat:no-repeat; background-position:left; }

.backoffice{
	margin-top:10px;
}

/* histoire */

ul.news_list { list-style-type:none; display:block; }
ul.news_list li { float:left; padding:5px 0; height:405px; margin-left:10px; }
ul.news_list table { border-collapse:collapse; }

.topnews { height:140px; vertical-align:bottom; }
.topnews p { height:28px; padding-right:20px; }

.mddnews { background-image:url(/img/news/news_bg.gif); background-repeat:repeat-x; height:28px; }
.mddnews span { background:white; font-weight:bold; color:#837687; padding:0 3px 0 0; margin-right:20px; }

.botnews { height:258px; vertical-align:top; line-height:27px; color:#837687; }
.botnews A { text-decoration:none !important; color:#837687 !important; }
.botnews p { height:16px; padding-top:10px; padding-right:20px; color:#837687; }

/* news */
div.temp_news { width:100%; height:410px; }

table.newscche { height:400px; width:1px; }
table.newscche td.title { width:200px !important; background-repeat:no-repeat; background-image:url(/img/logo_news_g.gif); }
table.newscche td.element { padding:0 12px 0 12px; }
table.newscche div { height:400px; }

table.news_holder { border-collapse:collapse; }
/*table.news_holder td {  border:1px solid blue; }*/
table.news_holder td.image { height:285px;}
table.news_holder td.text { height:105px; vertical-align:top; padding-top:10px; }


/* contact */

.tips {
position:absolute;
border:1px solid #000;
padding:3px;
	font-weight:bold; 
}
.contact A { text-decoration:none !important; }
.profil A { text-decoration:underline !important; }

.profil {
border:1px solid #000;
       background-color:#FFFFFF;
position:absolute;
top:35px;
left:120px;
width:480px;
height:300px;
z-index:10; 
}

.profil img.close { position:absolute; left:142px; top:282px;  }

.contact_details {
  width:300px;
  position:absolute;
  top:0;
  left:320px; 
}

.contact_details H3 { margin:5px 0 !important; font-size:100%; 
}

.contact_details P { font-weight:normal !important; margin:5px 0; }

/* bo */

.backoffice #mainmenu a{
	font-size:10px;
color:#ccc;	
}

TEXTAREA#editor { height:100px; }


/* project details */
#info-tabs { width:550px; float: left; }
#info-tabs h2 { top:140px; }
#info-tabs h3 { font-size:110%; }
TABLE.images { border-collapse:collapse; border:0; margin-right:10px; margin-left:10px; }
TABLE.images TD { vertical-align:top; }


/* tabs */
.mootabs_title {
	list-style-image: none;
	list-style-type: none;
margin: 0px;
	margin-left:-3px; 
padding: 0px;
height: 22px;
	border-bottom:1px solid #837687;
	text-transform:uppercase;
	margin-bottom:20px; 
}

.mootabs_title li {
float: left;
       background-color: #fff;
padding:2px 3px 2px 3px;
	margin-right: 2px;
	margin-left:3px; 
cursor: pointer;
height: 18px;
	line-height:18px;
	border-bottom:0;
}
.mootabs_title li.over {
	background-color: #837687;
color:#fff;
      border-bottom:1px solid #837687; 
}

.mootabs_title li.active {
	background-color: #837687;
color:#fff;
      border-bottom:1px solid #837687; 
}

.mootabs_panel {
display: none;
width: 100%;
overflow: auto;
}

.mootabs_panel.active {
display: block;
}

.competences DIV { width:300px; float:left; }



/* TEMP : dropdown menu demo ; refactoring needed */

/* Mechanism */

UL.dropdown {
padding: 0;
margin: 0;
	list-style: none;
}
UL.dropdown LI {
 position: relative;
}
UL.dropdown LI UL {
display: none;
position: absolute; 
top: 19px;
left: 0;
z-index: 51;
}
UL#menu.dropdown LI UL { background: #dad8dd; }
/* UL#menu.dropdown LI UL LI { float: none; display: inline-block; border: none; padding:-1px; margin: 0; background: #dad8dd; vertical-align: bottom; line-height:11px; height:12px; margin-top:-2px;} /* for IE6 */
UL#menu.dropdown LI UL LI A { display: block; margin: 0; line-height:12px; }

UL.dropdown LI.over UL { display: block;}
#menu UL.dropdown LI UL { z-index: 51; }

/* Styling */
UL.dropdown { font-size: 16px; text-transform: uppercase;  }
UL.dropdown LI { line-height: 15px; margin: 0; cursor: pointer;}

UL.dropdown LI UL LI.over { color: #ffffff; background-color: #837687;}
UL.dropdown LI UL LI.over A { color: #ffffff !important; } 

UL.dropdown LI UL { opacity:0.9; filter:alpha(opacity=90) }
UL.dropdown LI UL LI { display: block; float: none; background:#DAD8DD; padding:0; width:300px; }
UL.dropdown LI UL LI A { color: #000; text-decoration: none; font-size:12px !important; cursor: pointer;}
UL.dropdown LI UL LI.over A { color: white; background-color: #837687; }

UL#menu.dropdown LI UL LI { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
UL#menu.dropdown LI UL LI A { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }


UL#menu.dropdown LI UL LI UL.side-dropdown { display: none;}
UL#menu.dropdown LI UL LI.over UL.side-dropdown { display: block;}
UL#menu.dropdown LI UL LI.over UL.side-dropdown LI { background:#DAD8DD !important; padding:0; width:300px; }
UL#menu.dropdown LI UL LI.over UL.side-dropdown LI A { color: #000 !important; background:#DAD8DD !important; }
UL#menu.dropdown LI UL LI.over UL.side-dropdown LI.over A { color: white !important; background-color: #837687 !important;  }


UL.side-dropdown { list-style: none; width: 300px; opacity:0.9; filter:alpha(opacity=90) }
UL.side-dropdown LI { background:#DAD8DD !important; 
                      width:300px;  line-height: 16px; 
                      padding:0; margin: 0; cursor: pointer;}
UL.side-dropdown LI A { display: block; width:300px; 
                        text-transform: uppercase;
                        color: #000 !important; background:#DAD8DD !important; }
UL.side-dropdown LI.over A { color: white !important; background-color: #837687 !important;  }


#dropdown-data {display: none; }


UL.dropdown LI#category31 UL LI, UL.dropdown LI#category31 UL LI A { width:100px; }
UL.dropdown LI#category32 UL LI, UL.dropdown LI#category32 UL LI A { width:200px; }
UL.dropdown LI#category27 UL LI, UL.dropdown LI#category27 UL LI A { width:80px; }
UL.dropdown LI#category27 UL.side-dropdown { position: absolute; top: 0; left: 80px; }



/* sliders */
#slide { width: 1000% ; } /* needed for floating on IE */
#page28 #slide { width: 1550px; height: 432px; position: relative;}
#content.sliding { width: 100%; overflow: hidden;}
.slider-button {position:absolute; top:565px; z-index: 200; background:white; border:0; font-size:20px; width:30px; height:25px; cursor: pointer; text-align: center; line-height:25px; }
.slider-button:hover { color:#a9a9a9; }
.slider-button.left { right: 55px;}
.slider-button.right { right: 20px;}

.left-slide-zone { background: transparent; position: absolute; left: 0; top: 100px; width: 50px; height: 500px; background: white; opacity:0; filter:alpha(opacity=0); }
.right-slide-zone { background: transparent; position: absolute; right: 0; top: 100px; width: 100px; height: 500px; background: white; opacity:0; filter:alpha(opacity=0); }

/* menu effect */
ul#mainmenu { z-index: 2; position: relative;}
.cursor { background: #837687; z-index: 1; }

/*homepage */

div#language_sel { height:500px; margin-top:200px;  text-align:center; border-top:1px solid #fafafa; border-bottom:1px solid #fafafa; }
div#language_sel div { width:904px; margin:0 auto 0 auto; height:337px; background:white; }
div#language_sel aa { width:170px; height:70px; display:block; position:absolute; margin-top:250px; }

#page29 .separator { display: none; }

/* colab sliders (recovery) */
.detail .profil .slide  { position: relative; overflow: hidden;  width: 480px; }
.detail { position: relative; }

.detail  .left-slide-zone { position: absolute; left: 0; top: 0; height: 100%; width: 45px; /* background: red; opacity: 1; */}
.detail  .right-slide-zone { position: absolute; right: 0; top: 0; height: 100%;
 width: 45px; /* background: red; opacity: 1; */ }
.detail .slider-button { top: auto; height: 25px; bottom: -25px; border: 1px solid black; display: none;}
.detail, .detail .profil { z-index: 20; }
.detail .slider-button, .detail .left-slide-zone, .detail .right-slide-zone { z-index: 21 !important; }
.profil { border:1px solid #000; background-color:#FFFFFF; position:absolute; top:35px; left:120px; width:480px; height:300px; }
/* fix for ie */
.detail .profil * { z-index: 20; filter: alpha(opacity=99); } 
.detail .left-slide-zone, .detail .right-slide-zone { filter: alpha(opacity=0) !important; }

.langmenu { display:none; position:absolute; width:100px; right:10px; top:35px; list-style-type:none; display:inline; z-index:10; }
.langmenu LI { display:none;  float:right; padding:0 5px; }
.langmenu LI:hover { display:none;  background-color:#837687; color:white; }
.langmenu LI:hover A { display:none;  color:#fff; }

LI#category32 A { cursor: default !important; }
LI#category31 A { cursor: default !important; }
LI#category27 A { cursor: default !important; }