/* FORM */
form{
padding: 15px;
margin: 0;
/* style */
background: #fbfbfb;
border: 0;
}
.spip_form{
border: 0;
}
.formspacer{
}
fieldset{
padding: 0;
margin: 0;
/* style */
border: 0 !important;
}
legend{
padding: 0;
margin: 0 0 15px 0;
+margin: 0 0 15px -7px; /* hack IE */
/* style */
font-weight: bold;
font-size: 1.2em;
}
label{
display: block;
padding: 0;
margin: 10px 0 0 0;
/* style */
font-weight: bold;
font-size: 1em;
}
input, select{
/* style */
}
input:hover {
background-color: #e1edfd;
}
input.checkbox{
width: auto !important;
float: none !important;
} 
input.ok{
padding: 1px 10px;
/* style */
cursor: pointer;
cursor: hand;
} 
input.save{
padding: 1px 10px;
/* style */
cursor: pointer;
cursor: hand;
font-weight: bold;
font-size: 1.3em;
border: solid 1px #666;
color: #fff;
background: orange;
}
.boutons{

}
.boutons a{
padding: 1px 10px;
margin: 5px;
/* style */
text-decoration: none;
cursor: pointer;
cursor: hand;
font-weight: bold;
font-size: 1.3em;
border: solid 1px #666;
color: #fff;
background: green;
}
.boutons a:hover{
color: #fff;
background: orange;
}
.boutons a.supprimer{
background: #fa5b06;
} 
.boutons a.supprimer:hover{
background: red;
}

.formerrors{
margin: 15px;
padding: 0;
color: red;
list-style-type: square;
}

*{
/* style */
font-family: Arial, Verdana, sans-serif;
font-size: 100%;
}
body{
margin: 0;
padding: 0;
font-size: .8em;
/* style */
color: #000;
background: #fff;
}

.zonemaxwidth{
width: 76.95em;
margin: 0 auto;
text-align: left;
/* style */
/*background: yellow; */
}
#container{
margin: 0 auto;
text-align: center;
}
#header{
height: 4em;
/* style */
background: #5786b9;
}
#zonecenter{
margin-left: 16.25em; /* must be equal to the zoneleft width */
margin-right: 18em; /* must be equal to the zoneright width */
width: 40.75em;
/* style */
text-align: left;
}
* html #zonecenter{ /* hack IE < 7 */
width: 39.35em; /* certainement -3px/-1365em pour decalage IE 6 avec ajout de zoneright */
}
#zoneleft{
float: left;
width: 16.25em;
/* style */
text-align: left;
margin: -1.75em 0 0 0;
+margin: -.12em 0 0 0;
padding: 2em 0;
/* background: yellow; */
}
* html #zoneleft{ /* hack IE < 7 */
margin: -.2em 0 0 0;
}
#zoneright{
float: right;
width: 18em;
+margin: 1.6em 0 0 0;
/* style */
}
* html #zoneright{
margin: 1.6em 0 0 0;
/* style */
}
#footer{
clear: both;
}

/*---------- SPECIFIC STRUCTURE --------*/


/*---------- ELEMENTS TO HIDE ----------*/
#header_print{
display: none;
}

/*------------------------------------------------------------------------
as much as possible...
first redefine HTML elements, then define the other elements
Use CONTAINER as common declaration for the others
-------------------------------------------------------------------------*/

a{
text-decoration: none;
color: #88681f;
}
a:hover{
text-decoration: underline;
color: #ad7f16;
}
a:active{
text-decoration: underline;
color: #ffb102;
}
a:visited{
color: #a8883e;
}
img{
border: 0;
}
acronym{
/* style */
border-bottom: dotted 1px #ddd;
cursor: help;
}
dt{
font-weight: bold;
}

/* table */
table{
margin: 10px 0 20px 0;
}
table.spip td, table.spip th, td{
border: solid 1px #ddd;
padding: 2px;
color: #000033;
font-size: 1em;
}
table.spip tr{
vertical-align: top;
}

/* align, float */
.center{
text-align: center;
}
.right{
text-align: right;
}
.floatleft{
float: left;
}
.floatright{
float: right;
}
.clear{
clear: both;
}

/*---------- CONTAINER ----------*/
p{
margin: 0 0 10px 0;
}
h1{
font-size: 1.6em;
margin: 10px 0;
color: #ccc;
background-color: #fff;
}
h2{
font-size: 1.3em;
font-weight: normal;
color: #5d7c8c;
margin: 0;
padding: 0;
}
h2 a{
font-weight: normal;
color: #5d7c8c !important;
}

/*----- HEADER -----*/

#header_wave{
position: absolute;
top: 3.8em;
left: 0;
height: 2.05em;
width: 100%;
background: transparent url('/_images/homepage2/header_wave.png') center center no-repeat;
}

/* logo */
#logo{
top: .4em;
position: absolute;
display: block;
padding: 0 0 0 3em;
}
#slogan{
float: left;
margin: 1em 0 0 0;
}

/* main bar */
#mainbar{
width: 61em;
float: right;
}
#mainbar a#search, #mainbar a#members{
display: block;
padding: 1em 3.5em;
float: left;
text-transform: capitalize;
font-family: Verdana, Arial, sans-serif;
font-style: bold;
color: #fff;
}
#mainbar a#search{
background: transparent url('/_images/homepage2/picto_search.png') left center no-repeat;
}
#mainbar a#members{
background: transparent url('/_images/homepage2/picto_members.png') left center no-repeat;
}

/* accesdirect */
#accesdirect{
width: 90px;
height: 25px;
margin: 0;
padding: 1em 3.5em;
font-weight: normal;
font-size: 0.9em;
color: #ffffff;
border: 0;
background: transparent url('/_images/homepage2/picto_navigation.png') left center no-repeat;
}

/* this is the css for the horizontal version */
.horizontal ul{
margin: 3px 0 0 0;
+margin: 4px 0 0 0;
padding: 0;
list-style-type: none;
/* background: green; */
}
.horizontal li{
float: left;
margin: 0;
+margin: -1px 0 0 0; /* hack IE */
padding: 0;
}
.horizontal li a{
display: block;
color: #5786b9;
text-decoration: none;
width: 163px;
padding: 5px 2px 5px 5px;
font-family: Verdana, Arial, sans-serif;
font-size: .8em;
font-weight: bold;
border-left: dotted 1px #76d7fa;
border-top: dotted 1px #5786b9;
}
.horizontal li li a{
}
.horizontal li ul{
display: block;
position: absolute;
margin: -5px 0 0 1px !important;
+margin: -4px 0 0 1px !important;
width: 170px;
border: none;
/* background: orange; */
}
.horizontal li li ul{
position: absolute;
margin: -25px 0 0 169px !important;
padding: 0;
}
a.single{
background: #7cabde;
}
a.multiple{
background: #7cabde;
font-size: .85em !important;
}
a.single:hover{
background: #69c1e0;
}
a.multiple:hover{
background: #69c1e0;
}
/* This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap */
/* Not sure if I recommend this or not */
.inaccesible li ul{
display: none;
}
/* colors for menu */
.blackwhite li a{
color: #ffffff;
}

/* recherche */
.formulaire_recherche{
width: 155px;
height: 42px;
background: #dddddd url('/_images/recherche_bg.gif');
text-align: center;
}
.formulaire_recherche form{
padding: 11px 0 0 0;
margin: 0;
background: transparent;
}
.formulaire_recherche label{
display: none;
}
.formulaire_recherche input{
margin: 0;
padding: 1px 2px;
width: 80px;
max-height: 18px;
font-size: .85em;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
color: #333;
background: #fff;
border: solid 1px #999;
}
#recherche_go{
cursor: pointer;
cursor: hand;
margin: 0;
padding: 1px 2px;
width: 22px;
max-height: 18px;
font-size: 0.9em;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
color: #ffffff;
background: #c9c9c9;
border: none;
}

/* identification */
#formulaire_identification{
background: transparent url('/_images/identification_bg.gif') no-repeat;
height: 70px;
width: 133px;
padding: 0;
margin: 0; 
}
#formulaire_identification legend{
display: none;
}
#formulaire_identification.authenticated{
background-image: url('/_images/identification_bg.gif');
}
#formulaire_identification fieldset{
padding: 4px 0 0 15px;
}
#formulaire_identification input{
margin: 0 5px 3px 0;
padding: 1px 2px;
width: 80px;
max-height: 18px;
font-size: .85em;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
color: #333;
background: #fff;
border: solid 1px #999;
vertical-align: middle;
}
#formulaire_identification #identification_go{
cursor: pointer;
cursor: hand;
margin: 0;
padding: 1px 2px;
width: 22px;
max-height: 18px;
font-size: 0.9em;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
color: #ffffff;
background: #c9c9c9;
border: none;
}
#formulaire_identification label{
margin-left: 44px;
}

/*----- ZONETOP -----*/

/*----- ZONECENTER -----*/

#zonecenter_ajust{
margin: 0 7px;
}

/* menu center */
#menu_center{
float: right;
width: 16em;
padding: 0;
+margin: 1em 0 0 0;
}
#menu_center li p a{
font-size: .9em;
color: #ff3300 !important;
}
#menu_center li{
margin: 0;
padding: 1em 0 0 3em;
list-style-type: none;
background: transparent url(/_images/homepage2/menu_center_li_bg.png) left 1.2em no-repeat;
}
#menu_center li img{
vertical-align: middle;
}
#menu_center li a{

}
#menu_center li.green a{
color: #83a03e;
}
/* Coming next */
#highlights .title{
float: right;
padding: .4em .8em;
width: 13em;
}
#highlights{
overflow: hidden;
margin: 1.6em 0 0 .9em;
height: 15.5em;
background: transparent url(/_images/homepage2/highlights_bg.png) repeat-y;
}
#bandeau{
float: left;
width: 180px;
height: 180px;
padding: .7em 1.2em .7em .7em;
}
#bandeau img{
width: 180px;
height: 180px;
}
* html #highlights_list{
margin-top: 1px;
}
* html #bandeau{
padding-bottom: 1px;
}
#bandeau img{
padding: 0;
margin: 0;
}
#highlights_list{
margin: -2.8em 0 0 0;
padding: 3em 0 0 0;
list-style-type: none;
}
#highlights_list li{
margin: 0;
padding: 0;
}
#highlights_list a:hover, #highlights_list a.bg:hover, #highlights_list a.on{
background: transparent;
color: #82b424;
}
#highlights_list li a{
display: block;
font-size: .85em;
font-family: Arial, sans-serif;
font-weight: bold;
color: #999999;
padding: .3em .4em .3em 0;
}
*html #highlights_list li a{
margin: -1em 0 0 0;
padding: 0 !important;
}
#highlights_list li.darker a{
}


/* Breaking news */
#breakingnews{
margin: 1em 0 0 1em;
}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider, #slider li{ 
width:510px;
overflow:hidden; 
}
/*<span id="prevBtn"><a href="javascript:void(0);">Previous</a></span> <span id="nextBtn"><a href="javascript:void(0);">Next</a></span>*/
#prevBtn, #nextBtn{
font-size: .85em;
color: #ccc;
}
#prevBtn a, #nextBtn a{
color: #ccc;
}
#prevBtn a:hover, #nextBtn a:hover{
color: #333;
}
#prevBtn{
padding-left: 40em;
}
/** html #breakingnews{
margin: 270px 0 0 0;
}
*/
#breakingnews dl{
margin: .2em 0;
padding: 0;
}
#breakingnews dd{
margin: 0;
padding: 0;
font-weight: normal;
font-family: Arial, sans-serif;
color: #999999;
font-size: .85em;
}
#breakingnews dt a{
font-size: .8em;
font-family: Arial, sans-serif !important;
font-weight: bold;
color: #e18001;
font-size: 1.1em !important;
}

/* Press releases */
#pressreleases{
width: 20.6em;
margin: .5em 0 0 1em;
}
/** html #pressreleases{
margin: 270px 0 0 0;
}
*/
#pressreleases dl{
margin: 3px 0;
padding: 0;
}
#pressreleases dt{
margin: 0;
padding: 0;
font-size: .85em;
font-weight: normal;
font-family: Arial, sans-serif;
color: #999999;
}
#pressreleases dd{
margin: 0;
padding: 0;
}
#pressreleases dd a{
font-size: .85em;
font-family: Arial, sans-serif !important;
font-weight: bold;
color: #82b424;
}

.all{
margin: 1em 0 0 0;
text-align: right;
}
.all img{
vertical-align: middle;
}

/*----- ZONELEFT -----*/

#titre_theme a{
color: #1e446a;
}

/* traductions */
#article_traductions{
padding: 0 0 1.5em 0;
background: transparent url(/_images/homepage2/lang_bg.png) center no-repeat;
}
#article_traductions a{
font-family: Tahoma, Arial, sans-serif;
font-size: .9em;
font-weight: bold;
color: #52b7db;
padding: 1em 0 0 3em !important;
}
#article_traductions ul{
margin: 0;
padding: 1em 0 0 0;
list-style-type: none;
}
#article_traductions li{
display: inline;
margin: 0;
padding: 0;
}

/* menu */
#menudepliant {
margin: 1em 0 0 0;
padding: 0;
}
#menudepliant a.head {
cursor: pointer;
display: block;
margin: 15px 0 0 0;
padding: 4px 15px 4px 10px;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
color: #5d7c8c;
border-top: solid 2px #f2f9fb;
}
#menudepliant a.head:hover {
text-decoration: none;
color: #99cc33;
}
#menudepliant a.selected {
color: #99cc33;
}
#menudepliant a.current {
}
#menudepliant ul {
border-width: 0;
margin: 0;
padding: 0;
text-indent: 0;
}
#menudepliant li {
list-style: none outside none;
display: inline;
}
#menudepliant li li a {
font-family: Tahoma, Verdana, sans-serif;
display: block;
margin: 5px 0;
text-decoration: none;
font-size: .9em;
color: #2b8bbb;
background: transparent url('/_images/homepage2/accordeon_li_item.png') no-repeat left center;
padding: 0 0 0 24px;
}
#menudepliant li li a:hover {
color: #6d7a3d;
background: transparent url('/_images/homepage2/accordeon_li_item_on.png') no-repeat left center;
}

/* AD menu depliant */
#ad_menu_depliant{
margin: 2em 0 0 0;
padding: 0;
border-top: solid 2px #f2f9fb;
}
#ad_menu_depliant li {
list-style-type: none;
margin: 0;
padding: 0;
}
#ad_menu_depliant li a {
font-family: Tahoma, Verdana, sans-serif;
display: block;
margin: 5px 0;
text-decoration: none;
font-size: .9em;
font-weight: bold;
color: #99cc33;
background: transparent url('/_images/homepage2/accordeon_li_item.png') no-repeat left center;
padding: 0 0 0 24px;
}
#ad_menu_depliant li a:hover {
color: #2b8bbb;
background: transparent url('/_images/homepage2/accordeon_li_item_on.png') no-repeat left center;
}
#takethetrain{
text-align: left;
padding: 0 0 15px 0;
}

/*----- ZONERIGHT -----*/
#zoneright .border{
clear: both;
margin: 1.2em 0 0 0;
padding: 0 0 .4em 0;
border-top: solid 1px #d8ebf2;
}
#zoneright ul{
overflow: auto;
}
#zoneright ul{
margin: 0;
padding: 0;
}
#zoneright li{
margin: 0;
padding: 0;
list-style-type: none;
}
#zoneright p{
margin: 0;
padding: 0;
}
#zoneright li a{
font-size: .85em;
font-family: Arial, Verdana, sans-serif;
color: #999999;
}
#pubs{
margin: 10px auto;
text-align: center;
}
.rsslink{
float: right;
text-align: right;
margin: .1em 0 0 0;
font-size: .85em;
width: 5em;
}
p.rsstitre a{
font-size: .85em !important;
font-weight: bold;
color: #82b424 !important;
}
.rssdescriptif{
font-size: .85em;
font-family: Arial, Verdana, sans-serif;
color: #999999;
}
.rssdescriptif a{
font-size: 1em !important;
font-family: Arial, Verdana, sans-serif;
color: #999999;
}
.rssdescriptif img{
float: left;
margin: .3em .6em 0 0;
width: 50px;
border: 1px solid #ccc;
}

/* UIC Subsidiaries */
dl.subsidiaries{
margin: 0;
padding: .8em 0;
clear: both;
}
dl.subsidiaries dt{
width: 13em;
float: left;
margin: 0;
padding: 0;
text-align: right;
}
*html dl.subsidiaries dt{
width: 11.8em;
}
dl.subsidiaries dd{
width: 3em;
float: left;
margin: 0;
padding: 0 0 0 .5em;
}
*html dl.subsidiaries dd{
width: 2em;
}
dl.subsidiaries dd img{
vertical-align: middle;
}
dl.subsidiaries dt a{
font-size: .85em;
color: #999999;
font-weight: normal;
}



/* Projects logos */
#projects_logos{
float: right;
text-align: center;
margin: -1.4em 0 0 0;
height: 5.4em;
}

/*---- FOOTER ----*/
#footer_sub1{
height: 10em;
width: 100%;
margin: 0;
z-index: 1;
/* style */
background: #e4f1f6;
color: #000000;
}
#footer_sub1_wave{
position: absolute;
height: 2.7em;
left: 0;
margin: -2.5em 0 0 0;
width: 100%;
background: transparent url('/_images/homepage2/footer_sub1_wave.png') center center no-repeat;
}
#footer_sub2{
height: 10em;
width: 100%;
margin: 0;
/* style */
background: #5786b9;
color: #000000;
z-index: 1;
}
#footer_sub2_wave{
position: absolute;
left: 0;
margin: -2.5em 0 0 0;
height: 2.7em;
z-index: 2;
width: 100%;
background: transparent url('/_images/homepage2/footer_sub2_wave.png') center center no-repeat;
}
#footer ul{
position: relative;
z-index: 10;
}
#footer li{
display: inline;
margin: 0;
padding: 0 12px;
border-left: dotted 1px #82b424;
vertical-align: middle;
}
#footer li a{
font-family: Tahoma;
color: #99cc33;
}
#footer li a:hover{

}
#footer dl{
position: relative;
z-index: 10;
float: left;
margin: 0 .5em 0 2em;
padding: 1em 0;
}
#footer dt{
margin: 0;
padding: 0;
}
#footer dt a{
color: #4e4d4d;
}
#footer dd{
margin: 0;
padding: 0;
}
#footer dd img{
border: solid .25em #9d9d9d;
}
#helptheplanet{
position: absolute;
margin: -1.4em 0 0 60em;
}
#globe{
float: right;
margin: .5em 0 0 0;
}
#backtopofpage{
font-size: .85em;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
#copyright{
clear: both;
text-align: center;
color: #ffffff;
font-size: .85em;
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
}