/* ############################################################################
	UNESCO
	SQLI 2009
############################################################################ */

/* ############################################################################
     RESET CSS
############################################################################ */
/* Normalise les marges et le remplissage */
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;}

/* Normalise les tailles de polices pour les entetes */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* supprime list-style pour les listes */
ol, ul {list-style:none;}

/* Normalise les styles et graisses des fonts : font-style et font-weight sont "normal" */
adress, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

/* supprime les bordures dans les tableaux */
table {border-collapse:collapse; border-spacing:0;}

/* supprime les bordures des les elements de fieldsest et img */
fieldset, img {border:0;}

/* aligne le texte a gauche dans caption et th */
caption, th {text-align:left;}

/* supprime les apostrophe double (guillement anglais) autour de q */
q:before, q:after {content:'';}

/* affiche le curseur "main" sur tous les liens */
a {cursor:hand;}

/* self clearing */
.sc:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
* html .sc {
    height:1%;
}
*:first-child+html .sc {
    min-height:1%;
}
caption{
    display:none;
}
.clear{
    clear:both;
}
/* ############################################################################
     STRUCTURE
############################################################################ */
.page_margins {}
.page {
    padding:0;
    width:100%;
}
#header {
    position: relative;
    z-index: 20;
    padding:0;
}
#topnav {
    height:29px;
    text-align:right;
    background:transparent url(../images/bg_topnav.jpg) repeat-x 0 0;
}
#nav {}
#main {
    position: relative;
    z-index:10;
    margin:0;
    padding:9px 14px;
    background:#f0f0f0;
    _zoom:1;
}
*:first-child+html #main {
    min-height:1%;
}
#footer {
    padding:18px 12px;
    border-top:1px solid #ccc;
    background:transparent url(../images/bg_footer.jpg) repeat-x 0 0;
}
*html #footer {
    height:1%;
}
*:first-child+html #footer {
    min-height:1%;
}


/* ############################################################################
     STYLES GENERIQUES
############################################################################ */
body {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color:#000;
    background:#fff url(../images/bg_body.jpg) no-repeat 50% 282px;
}

img, fieldset {border:0}
strong {font-weight:bold;}
p {margin:0 0 10px 0;}
div{text-align:left;}

.masquer{
    display:none;
}

/* MARGIN / PADDING ******************************************************** */
.mt10 {margin-top:10px !important;}
.mb10 {margin-bottom:10px !important;}
.nmb {margin-bottom:0 !important;}/* no margin-bottom */

.ptlr8 {padding:8px 8px 0 !important;}

/* TITRES ***************************************************************** */
h2 {}

h3 {
    margin-bottom:15px;
    font-size:1.3em;
    color:#3f95c3;
}

/* LISTES ***************************************************************** */
ol, ul{list-style-type:none;}
ul, ol, dl{margin:0 10px 10px; padding:0;}
dt{font-weight:bold;}

/* arrow blue */
ul.listT1 li {
    padding:0 0 0 10px !important;
    background:transparent url("../images/bg_li_common.gif") no-repeat 0 3px !important;
    height:1%;
}


/* LIENS ****************************************************************** */
a{
    font-weight:bold;
    color:#214a87;
    text-decoration:none;
}
a:hover{
    color:#932b24;
    text-decoration:underline;
}

/* READ MORE */
.linkMore a,
a.linkMore {
    padding:0 0 0 10px;
    background:url(../images/bg_arrow1.gif) no-repeat 0 4px;
    text-decoration:none;
}

.linkMore a:hover,
a.linkMore:hover {
    text-decoration:underline;
}

/* BACK TO TOP OF THE PAGE */
a.lnk_topPage {
    display:block;
    float:right;
    padding:0 0 0 12px;
    font-size:0.9em;
    color:#004E89 !important;
    background:transparent url(../images/bg_lnkTopPage.gif) no-repeat 0 6px;
}

/* BACK PREVIOUS PAGE - on content page */
a.lnk_backPreviousPage {
    display:block;
    padding:4px 0 6px 30px;
    width:250px;
    color:#3f95c3;
    text-decoration:none;
    background:transparent url(../images/bg_backPreviousPage.gif) no-repeat 0 0;
}
a.lnk_backPreviousPage:hover {text-decoration:underline;}

/* Write to Unesco */
a.lnk_writeTo {
    display:block;
    float:right;
    padding-left:25px;
    height:16px;
    line-height:16px;
    background:transparent url(../images/pict_actionsList.gif) no-repeat scroll 0 -18px;
}


/* TABLEAU **************************************************************** */
table{border-collapse:separate; border-spacing:0; margin:0 0 10px 0;}
th{padding:2px 7px;}
td{padding:2px 7px; text-align:center;}
thead th, thead td{background-color:#839F31; color:#FFF; font-weight:bold;}
tbody th, tbody td{border-bottom:1px solid #C2C2C2;}


/* POSITION */
.posRelative {position:relative;}

/*AJAX LOADER
-------------------*/
#loading{
    position: fixed;
    top: 0;
    left: 0; /*set it to "right: 0;" to have the bar displaying on the top right corner*/
    z-index: 5000000;
    background-color: red;
    font-size: 150%;
    color: white;
    padding: 2px;
}

/* INPUT - BUTTONS ********************************************************* */
.buttonT1 {
}
.buttonT1 span.left {
    display:block;
    float:left;
    height:16px;
    width:9px;
    background:transparent url(../images/bg_buttonT1.gif) no-repeat 0 0;
}
.buttonT1 span.right {
    display:block;
    float:left;
    padding-right:9px;
    height:16px;
    color:#fff;
    text-decoration:none;
    background:transparent url(../images/bg_buttonT1.gif) no-repeat 100% 0;
}

.labelW1 {
    display:block;
    float:left;
    padding:0 10px 6px 0;
    line-height:18px;
    width:134px;/* 144 */
    color:#000;
    text-align:right;
    font-size:1.1em;
}
.spanW1 {
    display:block;
    float:left;
    padding-bottom:6px;
    width:320px;
}

/* blue button with arrow right */
.un_button {
    display:inline-block;
    padding:0 11px 0 0;
    height:19px;
    background:transparent url(../images/bg_un_button_right.gif) no-repeat 100% 0;
}
.un_button input {
    padding:0 7px 0 10px;
    height:19px;
    font-weight:bold;
    font-size:1em;
    text-transform:uppercase;
    color:#fff;
    background:transparent url(../images/bg_un_button_left.gif) no-repeat 0 0;
    border:0;
    cursor:pointer;
}

/* BLOCS ************************************************************* */
.blockT1 {
    margin-bottom:10px;
    border:1px solid #c4cfd8;
    position: relative;
}
.blockT1 h2 {
    padding:0 0 0 16px;
    font-size:1.25em;
    font-weight:bold;
    line-height:1.8em;
    color:#fff;
    text-transform:uppercase;
}

.blockC1 {background:#fff;}
.blockC1 h2 {
    padding:0 0 0 16px;
    line-height:1.8em;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    background:#025a9c url(../images/bg_title_blockC1.jpg) repeat-x 0 0;
}
.blockC1bis {background:#edf6fb;}
.blockC1bis h2 {
    padding:0 0 0 16px;
    line-height:1.8em;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    background:#025a9c url(../images/bg_title_blockC1.jpg) repeat-x 0 0;
}

.blockC2 {background:#ededee;}
.blockC2 h2 {
    padding:0 0 0 16px;
    line-height:1.8em;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    background:#808080;
}
.entete{
    background:#025A9C url(../images/bg_title_blockC1.jpg) repeat-x scroll 0 0;
    width:100%
}

/* lien rss */
.blockRss {
    background:transparent url(../images/bg_lnk_rss_r.gif) no-repeat 100% 0;
    float:right;
    position:relative;
    top:-21px;
    margin-right:3px;
    margin-bottom:-21px;
}
.blockRss, .blockRss a{
    color:#3f95c3;
    font-weight:normal;
}
.rss {
    float:left;
    padding-left:22px;
    height:18px;
    line-height:18px;
    background:url(../images/bg_lnk_rss.gif) no-repeat 0 0;

}
.moreFeed{ display:inline-block; padding-top:2px; padding-right:3px;}

/* BLOC TYPE "FOCUS" ************************************************** */
.focus {}
#blockFocusTabs {
    position:relative;
    _height:255px;
}
#blockFocusTabs .content_tab {
    /*padding:0 8px 8px 8px;*/
    overflow:hidden;
    /*zoom:1;
			height:1%;*/
}
#blockFocusTabs .content_tab h3 {
    margin-bottom:6px;
    font-size:1.25em;
    line-height:1.5em;
    background:#F2F6F7;
    /*margin-left:-8px;*/
    padding-left:8px;
    padding-top:8px;
}
#blockFocusTabs .content_tab p {
    margin: 3px 0 0;
    padding: 0 10px;
    line-height:1.25em;
    color:#000;
}
#blockFocusTabs .blockFocusContentVideo {
    float:right;
    margin-left:16px;
    padding:6px;
    /*width:256px; 268 */
    background:#fff;
    margin-right:8px;
    margin-top:8px;
}
#blockFocusTabs .blockFocusContentVideo img {
    display:block;
}
#blockFocusTabs .blockFocusContentVideo p {
    margin:0;
    padding:5px 10px ;
    color:#fff;
    background:#000;
    text-align: center;
}
#blockFocusTabs .blockFocusContentVideo p span{
    width: 236px;
    margin: 0 auto;
    display:inline-block;
}

#blockFocusTabs ul.tabMenu {
    position:absolute;
    bottom:0;
    left:10px;
}
#blockFocusTabs .tabMenu li {
    float:left;
}

#blockFocusTabs .tabMenu li a {
    display:block;
    float:left;
    padding:7px 0 0 11px;
    height:23px;/* 32 */
    width:21px;/* 32 */
    font-weight:bold;
    font-size:15px;
    color:#838383;
    background:transparent url(../images/bg_tab_focus.jpg) no-repeat 0 0;
}
#blockFocusTabs .tabMenu li a:hover, #blockFocusTabs .tabMenu li.active a {
    padding:7px 0 0 12px;
    width:20px;/* 32 */
    color:#fff;
    text-decoration:none;
    background:transparent url(../images/bg_tab_focus.jpg) no-repeat 0 -32px;
}

/* BLOC TYPE "NEWS" ************************************************** */
.blockNews {}
.newsList ul {
    margin:0;
}
.newsList li {
    padding:6px 10px;
    line-height:1.1em;
    border-bottom:1px solid #CFE9EC;
}
.newsList li p {
    margin:0;
    padding:0;
}
.newsList li p.date {color:#818181 !important;}
.newsList li.last {
    border:none;
}

/* link News Archives */
.linkNewsArchives {
    clear:both;
    display:block;
    padding:0 25px 0 0;
    height:23px;
    line-height:23px;
    font-weight:bold;
    color:#585858;
    text-align:right;
    background:#EBEBEB url(../images/bg_linkNewsArchives.gif) no-repeat 98% 6px;
}

/* BLOC TYPE "LINKS" ************************************************** */
.blockLinks {}
* html div.blockLinks {
    width: 100%
}


.linksList, .linksList ul {
    margin:0;
}
.linksList li {
    padding:6px 10px;
    line-height:1.1em;
    border-bottom:1px solid #CFE9EC;
}
.linksList li p {
    margin:0;
    padding:0;
}
.linksList li p.date {color:#818181 !important;}
.linksList li.last {
    border:none;
}

/* BLOC TYPE "HIGHLIGHTS" *************************************************************** */
.blockhighlights {}
.highlightsList {
    margin:0;
}
.highlightsList li {
    padding:3px;
    border-top:1px solid #d0e9ed;
    overflow:hidden;
    zoom:1
}
.highlightsList li.first {border-top:none;}
.highlightsList img {
    float:left;
    display:block;
}
.highlightsList p {
    float:left;
    margin:3px;
    padding:8px 0 0 0;
    width:98%;
    font-size:1em;
    line-height:1em;
    color:#000;
}

/* BLOC TYPE "FEATURES" *************************************************************** */
.blockfeatures {}
.featuresList {
    margin:0;
}
.featuresList li {
    padding:3px;
    border-top:1px solid #d0e9ed;
    overflow:hidden;
    zoom:1
}
.featuresList li.first {border-top:none;}
.featuresList img {
    float:left;
    display:block;
    margin:0 8px 0 0;
}
.featuresList p {
    margin:0;
    padding:5px 0 0  8px;
    font-size:1em;
    line-height:1em;
    color:#000;
}

/* BLOC TYPE "PUBLICATIONS" *************************************************************** */
.publicationList {
    margin:0;
}
.publicationList p {
    margin:5px 0 0 0;
}
.publicationList a {
    text-decoration:none;
}
.publicationList a:hover {
    text-decoration:underline;
}
.publicationList ul {
    margin:0;
}
.publicationList li {
    padding:12px 16px;
    border-bottom:1px solid #CFE9EC;
}
.publicationList li.last {
    border:none;
}
.publicationList h3 {
    margin:0;
    font-size:1.1em;
    color:#000;
    font-weight:bold;
}
.publicationList li li {
    padding:0 0 0 10px;
    border:none;
}

.publicationList li ul.listT1 {
    margin-top:5px;
}

li.firstPublished {
    padding:0 0 5px 0 !important;
    background:none !important;
    overflow:hidden;
    zoom:1;
}
li.firstPublished img {
    float:left;
    margin-right:10px;
}
.firstPublished h3 {
    margin:0;
    font-size:1.26em;
    color:#000;
}
.firstPublished p {
    margin:0;
    color:#000;
}

/* BLOC TYPE "THEMES" *************************************************************** */
.blocktheme {
}
.blocktheme .entete {
    margin-bottom:15px;
}
.blocktheme h3 {
    margin:0 15px 15px 15px;
    padding:0;
    font-size:1.2em;
    color:#3e95c2;
    text-transform:uppercase;
}

.blocktheme h3.photoFullView {
    margin:0 0 0 10px;
    padding:0;
    font-size:2.2em;
    line-height:1.15em;
    font-weight:normal;
    text-transform:none;
}

ul.themeList {
    margin:0 15px;
    overflow:hidden;
    zoom:1;
}
.themeList li {
    float:left;
    margin:0 0 15px 0;
    width:50%
}
.c79r .themeList li {
    float:left;
    margin:0 0 15px 0;
    width:33%
}
.themeList li img {
    display:block;
    float:left;
    margin:0 15px 0 0;
}
.themeList li p {
    margin:0;
    padding:0 15px 0 0;
    font-size:1em;
    line-height:1em;
    color:#000;
}


.blocktheme .entete .aBc {
    padding:3px 15px 5px;
    margin:0;
}

.blocktheme .entete .aBc li {
    display:inline;
    margin:0 10px 0 0;
    padding:0;
}

.blocktheme .entete .aBc li a {
    text-align:center;
    font-weight:bold;
    color:#fff;
    text-decoration:underline;
    text-transform:uppercase;
    font-size:1.5em;
}

.blocktheme .entete .aBc li.active a {
    text-decoration:none;
}

ul.glossaryList {
    margin:0 15px;
    overflow:hidden;
    zoom:1;
}
.glossaryList li {
    padding:5px 10px 10px;
    margin:0 0 10px 0;
    background-color:#F2F6F7;
}
.glossaryList li p {
    margin:0;
    padding:0 15px 0 0;
    font-size:1em;
    line-height:1em;
    color:#000;
}


#inner_tab_siteIndex_1 h3, #inner_tab_siteIndex_2 h3,
#inner_tab_siteIndex_3 h3, #inner_tab_siteIndex_4 h3,
#inner_tab_siteIndex_5 h3, #inner_tab_siteIndex_6 h3,
#inner_tab_siteIndex_7 h3, #inner_tab_siteIndex_8 h3,
#inner_tab_siteIndex_9 h3, #inner_tab_siteIndex_10 h3,
#inner_tab_siteIndex_11 h3, #inner_tab_siteIndex_12 h3,
#inner_tab_siteIndex_13 h3, #inner_tab_siteIndex_14 h3,
#inner_tab_siteIndex_15 h3, #inner_tab_siteIndex_16 h3,
#inner_tab_siteIndex_17 h3, #inner_tab_siteIndex_18 h3,
#inner_tab_siteIndex_19 h3, #inner_tab_siteIndex_20 h3,
#inner_tab_siteIndex_21 h3, #inner_tab_siteIndex_22 h3,
#inner_tab_siteIndex_23 h3, #inner_tab_siteIndex_24 h3,
#inner_tab_siteIndex_25 h3, #inner_tab_siteIndex_26 h3 {
    font-size:2em;
}

ul.siteIndexList {
    margin:0 10px 10px;
    background-color:#F2F6F7;
    overflow:hidden;
    zoom:1;
}
.siteIndexList li {
    padding:0 5px 0;
    margin:0 0 8px 0;
}
.siteIndexList li.first {
    padding:5px 5px 0;
}
.siteIndexList li p {
    margin:0;
    padding:0 15px 0 0;
    font-size:1em;
    line-height:1em;
    color:#000;
}

#siteMap {
    padding:0 22px;
}
#siteMap .title_map {
    padding:0 0 10px 0;
}
#siteMap .title_map a {
    color:#3F95C3;
    font-size:1.5em;
    font-weight:bold;
    text-decoration:none;
}
#siteMap .title_map img {
    padding:0 10px 0 0;
    vertical-align:middle;
}
#siteMap .content_map ul.list_map {
    padding:10px 28px;
}
#siteMap .content_map ul.list_map li h3 {
    padding:0;
    margin:0;
    text-transform:none;
    font-size:1em;
}
#siteMap .content_map ul.list_map li ul {
    padding:0 25px;
    margin:0;
}
#siteMap .content_map ul.list_map li ul li a {
    font-weight:normal;
}

/* BLOC TYPE "OPINION POLL" *************************************************************** */
.opinionPoll {
    position:relative;
    background:#fff url(../images/bg_block_opinionPoll.gif) no-repeat left bottom;
    overflow:hidden;
    zoom:1;
}
.opinionPoll h3 {
    margin:10px;
    font-size:1.1em;
    color:#000;
    font-weight:bold;
}
.opinionPollList p {
    margin:5px 0 0 0;
}
ul.opinionPollList {
    margin:0 0 10px 100px;
}
.opinionPollList li {
    padding:2px 0;
    color:#595959;
}
* html .opinionPollList li {
    vertical-align: bottom; zoom: 1;
}
.opinionPollList li input{
    vertical-align:middle;
}
.opinionPoll .un_button {
    position:absolute;
    right:12px;
    bottom:12px;
}

/* BLOC TYPE "NEWSLETTER" *************************************************************** */
.blocNewsletter {
    padding:8px;
    color:#fff;
    background:#005ca2 url(../images/bg_blocknewsletter.gif) repeat-x 0 0;
}
.blocNewsletter h3 {
    margin:0;
    padding:0 0 2px 22px;
    color:#fff;
    text-transform:uppercase;
    background:transparent url(../images/pict_newsletter.gif) no-repeat 0 2px;
}
.blocNewsletter p {
    margin:0 0 5px 0;
    font-weight:bold;
}
.blocNewsletter input.inputT1 {
    padding:2px 4px 0 4px;
    height:14px;/* 19 */
    width:160px;
    font-size:1em;
    color:#666;
    border:1px solid #fff;
}

/* BLOC TYPE "VIDEO" *************************************************************** */
.blocVideo {}
.video_content {
    padding:7px 22px;
}
.video_content h3 {
    margin:0;
    font-size:1.1em;
    color:#000;
    font-weight:bold;
}
.video_content p {
    margin:5px 0 0 0;
    color:#818181;
}
.video_content p.date {margin:0 0 5px 0;}
.video_content p.description {
    font-weight:bold;
    color:#000;
}
.video_content p.copyright {
    margin:0;
    color:#7d7c7c;
}

/* BLOC TYPE "TABS" ******************************************************** */
.blockTabs {}
.blockTabs_content {padding:7px;}

.blockTabs ul.tabMenu {
    margin:0;
    overflow:hidden;
    zoom:1;
    background:transparent url(../images/bg_ul_menuSwitch.gif) repeat-x left bottom;
}
.blockTabs .tabMenu li {
    float:left;
    margin-left:3px;
    padding:0 0 0 5px;
    background:transparent url(../images/bg_switch_tabs.gif) no-repeat 0 0;
}
.blockTabs .tabMenu li.first {margin:0;}
.blockTabs .tabMenu li.active {background:transparent url(../images/bg_switch_tabs.gif) no-repeat 0 -22px;}
.blockTabs .tabMenu li a {
    float:left;
    display:block;
    padding:4px 7px 1px 2px;
    font-weight:bold;
    color:#595959;
    background:transparent url(../images/bg_switch_tabs.gif) no-repeat 100% 0;
}
.blockTabs .tabMenu li a:hover, .blockTabs .tabMenu li.activated  a:hover {
    color:#932b24;
}
.blockTabs .tabMenu li.active  a{
    color:#000;
    background:transparent url(../images/bg_switch_tabs.gif) no-repeat 100% -22px;
}

.blockTabs_content .content_tab {
    padding:8px;
    border:1px solid #e0e0e0;
    border-top:none;
}

/* BLOCK WORLDWIDE */
.worldwideContent {
    padding:10px 16px;
}

.worldwideContent p {
    margin:0 0 0.6em 0;
    color:#000;
    font-weight:bold;
}

.worldwideContent ul {
    margin:0;
    padding:0 0 0 110px;
    background:url(../images/bg_map_worldwide.gif) no-repeat 0 50%;
}

.worldwideContent li {
    margin:0 0 0.3em 0;
    line-height:1.2em;
    font-weight:bold;
}
.worldwideContent li a{ font-weight:normal;}

/* EVENTS */
#events {
}
#events .content {
    padding:15px 10px 10px 10px;
    background:#fff url(../images/bg_blockEvents.gif) repeat-x 0 0;
}
ul.eventAction {
    clear:right;
    float:right;
    width:110px;
    margin-left:10px;
    margin-top:10px;
}
.eventAction li {
    font-weight:bold;
}
.eventAction li a{
    font-weight:normal;
}
.calendar a.lnk_calendar {
    display:block;
    float:left;
    margin:0px 0 15px 0;
    padding:10px 30px 0 30px;
    height:154px;/* 162 */
    width:102px;/* 162 */
    font-size:22px;
    color:#000;
    text-align:center;
    background:transparent url(../images/calendar.gif) no-repeat 0 0;
}
.calendar a.lnk_calendar:hover {color:#932b24;}
#events h4 {
    clear:both;
    font-size:1.1em;
}
#events p{
    color:#000;
}

/* BLOC TYPE "GALLERY" ******************************************************** */
#photoGallery {
    overflow:hidden; _overflow:visible; zoom:1;
}
#photoGallery p {
    margin-top:10px;
    font-weight:bold;
}

/* carousel */
.jcarousel-container {
    background:#fff;
}

.jcarousel-container-horizontal {
    padding: 20px 19px;
    width: 267px;/* 305 */
}

.jcarousel-clip-horizontal {
    width:  264px;
    height: 102px;
}

.jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-item-horizontal {
    /* margin-right: 10px; */
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/*  Horizontal Buttons */
.jcarousel-next-horizontal {
    position: absolute;
    top: 44px;
    left: 289px;
    height: 16px;
    width: 9px;
    cursor: pointer;
    background: transparent url(../images/bg_next_carousel.gif) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover {
    background-position: 0 -16px;
}

.jcarousel-next-horizontal:active {
    background-position: 0 -32px;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -32px;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 44px;
    left: 10px;
    width: 9px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/bg_prev_carousel.gif) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
    background-position: 0 -16px;
}

.jcarousel-prev-horizontal:active {
    background-position:0 -32px;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -32px;
}

/* Ressources - home and contentPage ********************************* */
#ressources {
}
#ressources ul {
    margin:0;
    padding:0 2px;
}
#ressources li {
    margin:0 ;
    background:url(../images/bg_list-ressources.gif) repeat-x 0 100%;
    overflow:hidden;
    zoom:1;
}
#ressources li.last {
    background:none;
}
#ressources li:hover {
    background:#dddddd;
}
#ressources div {
    margin:10px 9px;
    padding:2px 0 0 46px;
    min-height:30px;/*32*/
}
* html #ressources div {height:30px}

#ressources h3 {
    margin:0 !important;
    line-height:0.9em;
    font-weight:bold;
    font-size:1.1em;
}
#ressources h3 a {
    color:#000;
    text-decoration:none;
}

#ressources p {
    margin:0;
    font-weight:normal !important;
    font-size:1.08em;
}
#ressources p a {
    color:#818181;
    text-decoration:none;
}

#ressources h3 a:hover, #ressources p a:hover {
    color:#932b24;
    text-decoration:underline;
}

#ressources .ressources-conventions div {
    background:url(../images/picto_ressources.gif) no-repeat 0 -5;
}
#ressources .ressources-documents div {
    background:url(../images/picto_ressources.gif) no-repeat 0 -70px;
}
#ressources .ressources-photobank div {
    background:url(../images/picto_ressources.gif) no-repeat 0 -70px;
}
#ressources .ressources-bookshop div {
    background:url(../images/picto_ressources.gif) no-repeat 0 -140px;
}
#ressources .ressources-archives div {
    background:url("../images/picto_ressources_ext.gif") no-repeat scroll 0 -445px transparent;
}
#ressources .ressources-limited-dataset div {
    background:url("../images/picto_ressources_ext.gif") no-repeat scroll 0 -330px transparent;
}
#ressources .ressources-extended-dataset div {
    background:url(../images/picto_ressources.gif) no-repeat 0 -140px transparent;
}
#ressources .ressources-atlas-map div {
    background:url(../images/picto_ressources_ext.gif) no-repeat 0 -385px transparent;
}
#ressources .ressources-statistics div {
    background:url(../images/picto_ressources_ext.gif) no-repeat 0 -205px transparent;
}

/* ############################################################################
     HEADER
############################################################################ */
/* TOPNAV (choix de la langue, moteur de recherche, login) ***************** */
#topnav {
    padding:0 12px;
    height:29px;
    line-height:29px;
    background:#f0f0f0;
    width:948px;
}
/* Barre espace login */
#esp_login{
    background:#F0F0F0;
    border-top:1px solid #b6b6b6;
    text-align:right;
    padding:5px 0;
}
#esp_login ul{
    margin:0;
}
#esp_login li{
    display:inline;
    color:#666;
    padding-right:15px;
}
#esp_login li a{
    font-weight:normal;
    color:#666;
}
#esp_login li a.edit_profil{
    background:url(../images/bg_edit-profil.gif) no-repeat 0 2px;
    padding-left:18px;
}
#esp_login li a.shopping{
    background:url(../images/bg_shopping.gif) no-repeat 0 2px;
    padding-left:18px;
}
#esp_login li a.disconnect{
    color:#004E89;
}
/* Quick Theme Selector */
#quickThemeSelector {
    float:left;
    padding:0 22px 0 0;
    background:url(../images/bg_top_nav_separation.gif) no-repeat 100% 2px;
    _margin-top:4px;
}
#quickThemeSelector select {
    padding:0 0 0 4px;
    height:18px;
    width:146px;
    font-size:1em;
    color:#666;
    border:1px solid #b2b2b2;
}
#quickThemeSelector input.submit {
    padding:0 0 4px 0;
    _padding:0;
    height:16px;
    width:19px;
    font-size:1em;
    color:#fff;
    border:none;
    background:transparent url(../images/bg_search_submit.gif) no-repeat 0 0;
    cursor: pointer;
}

/* language choice */
#language {
    float:left;
    padding:0 15px 0 15px;
    color:#a0a0a0;
}
#language li {
    float:left;
    padding:0 7px 0 5px;
    line-height:29px;
    background:transparent url(../images/bg_li_languagechoice.gif) no-repeat 100% 14px;
}
#language li.last {
    padding-right:0;
    background:none;
}
#language li a {
    font-weight:bold;
    color:#214b87;
}
#language li a:hover, #language li a:active {
    font-weight:bold;
    color:#214b87;
    text-decoration:underline;
}

/* search */
#search {
    float:left;
    padding:0 20px 0 21px;
    background:transparent url(../images/bg_top_nav_separation.gif) no-repeat 0 2px;
    _margin-top:4px;
}
#search label{
    color:#666;
}
#search input.text {
    padding:1px 4px;
    height:14px;/* 16 */
    width:142px;/* 150 */
    font-size:1em;
    color:#666;
    border:1px solid #b2b2b2;
}
#search input.submit {
    padding:0 0 4px 0;
    _padding:0;
    height:16px;
    width:19px;
    font-size:1em;
    color:#fff;
    border:none;
    background:transparent url(../images/bg_search_submit.gif) no-repeat 0 0;
    cursor: pointer;
}

/* search glossary */
#searchGlossary {
    padding:13px 8px;
}
#searchGlossary input.text {
    padding:2px 4px;
    height:14px;/* 16 */
    width:165px;
    font-size:1em;
    color:#a0a0a0;
    border:1px solid #004E89;
}
#searchGlossary input.submit {
    padding:0 0 2px;
    _padding:0;
    height:21px;
    width:24px;
    font-size:1em;
    color:#fff;
    border:none;
    background:transparent url(../images/bg_fullviewContentForm_submit.gif) no-repeat 0 0;
    cursor: pointer;
}

/* quick link : Intranet, Extranet, Login */
#quickLink {
    float:right;
    padding-left:17px;
    background:transparent url(../images/bg_top_nav_separation.gif) no-repeat 0 2px;
}
#quickLink li {
    float:left;
    padding:0 7px 0 5px;
    line-height:29px;
    background:transparent url(../images/bg_li_quicklink.gif) no-repeat 100% 14px;
}
#quickLink li.last {
    padding-right:0;
    background:none;
}
#quickLink a {
    font-weight:bold;
    color:#214b87;
}


/* NAV (choix de la langue, moteur de recherche, login) ******************** */
#nav {
    height:175px;
    background-repeat:no-repeat;
    background-position:100% 10px;
    overflow:visible;
    background: 210px 0px url(../images/bg_nav.gif) no-repeat;
}

#nav ul {
    margin:0;
}

/* MAIN MENU - MENU 1 **************************************************** */
.menujs ul {
    padding-left:20px;
}
.menu {
    width:972px;
    height:35px;
    position:relative;
    background:#0070b0 url(../images/bg_menu1.gif) repeat-x 0 0;
    position:relative;
}
.menu ul {
    padding-top:5px;
    padding-left:5px;
    list-style-type: none;
}
.menu ul li {
    float:left;
    background:url(../images/bg_li_menu1Niv1_separation.gif) no-repeat 100% 4px;
    _width:50px;
    white-space:nowrap;
    padding:0 16px;
}
.menu ul li span.first {
    display:block;
    width:5px;
    height:10px;
    top:17px;
    _top:13px;
    left:0;
    position:absolute;
    background:red url(../images/bg_menu1_menuNiv2.gif) no-repeat left bottom
}
.menu ul li.last {
    background:none;
}
.menu ul li.last a {
    color:#B4D8E6;
}
.menu ul li.last a:hover {
    color:#fff;
}
.menu ul li.on {
    background:#004E89 url(../images/bg_li_menu1Niv1_separation_left.gif) no-repeat scroll 0 0;
    padding:0px;
}
.menu ul li a {
    display:block;
    padding:0;
    height:30px;
    line-height:30px;
    color:#FFF;
    font-size:0.96em;
}
.menu ul li a:hover {
    text-decoration:none;
    color:#B4D8E6;
}
.menu ul li.on a {
    background:url(../images/bg_li_menu1Niv1_separation_right.gif) no-repeat right top;
    padding:0 12px;
}
.menu ul li ul {
    position:absolute;
    _left:5px;
    background:#004E89 url(../images/bg_menu1_menuNiv2.gif) no-repeat right bottom;
}
.menu ul li ul, .menu ul li a ul {
    _width:947px;
    color:#fff;
    padding:2px 10px 0 5px;
}
.menu ul li ul.right_side {
    right:5px;
}
.menu ul li ul li {
    background:none;
    padding:0;
    margin:0 10px 0 0;
}
.menu ul li.on ul li a {
    background:none;
    font-weight:normal;
    padding:0 5px 0 5px;
    line-height:25px;
    height:25px;
}
.menu ul li.on ul li a strong {
    font-weight:normal;
}
.menu ul li.on ul li.active, .menu ul li.on ul li.actif {
    background:url(../images/bg_li_menuNiv2.gif) right top;
}
.menu ul li.on ul li a:hover, .menu ul li.on ul li.actif a {
    background:url(../images/bg_li_menuNiv2_left.gif) 0 0 no-repeat;
    color:#004E89;
}
.menu ul li ul.right_side li, .menu ul li a ul.right_side li {
    float:right;
}
.menu ul li ul.left_side li, .menu ul li a ul.left_side li {
    float:left;
}
.menu ul li ul li ul, .menu ul li a ul li a ul {
    position:absolute;
    left:0;
    top:30px;
    float:none;
}
.menu ul li ul.right li {
    float:right;
}
.menu ul.submenu .active a {
    color:#214A87;
    background:url(../images/bg_li_menuNiv2_left.gif) 0 0 no-repeat;
}
.menu ul.sub {
    display: none;
    background:#fff;
    border:1px solid #214A87;
    border-top:none;
    width:200px;
    left:auto;
    top:27px;
    padding-left:10px;
}
.menu ul.sub ul {
    float:none;
    background:none;
    position:relative;
    top:0;
    width:auto;
    padding-bottom:5px;
}
.menu ul.sub li {
    float:none;
    width:200px;
    _width:150px;
    white-space:normal;
}
.menu ul li.on ul.sub li a {
    color:#214A87;
    background:none;
    padding:0;
    font-weight:bold;
    display:inline;
    height:18px;
    line-height:18px;
}
.menu ul li.on ul.sub li a:hover {
    text-decoration:underline;
    color:#932B24;
    background:none
}
.menu ul li.on ul.sub li ul li {
    float:none;
}
.menu ul li.on ul.sub li ul li a {
    font-weight:normal;
    display:inline;
    height:15px;
    line-height:15px;
}

.subhead {
    clear:both;
    float:left;
    padding-top:30px;
    width:100%;
}
/* LOGO ****************************************************************** */
#logo {
    float:left;
    margin:30px 16px 0 12px;
}

#logo span.add-logo {
    margin-left: 10px;;
}

/* SITE NAME ************************************************************* */
#siteName {
    margin: 60px 0 0 160px;
    font-size: 2.5em;
    font-weight:normal;
    text-transform:none;
    color:#214b87;
    background:none;
}
#siteName a{
    color:#214b87;
    text-transform:uppercase;
}
#siteName a:hover{
    color:#932B24;
    text-decoration:undeline;
}
#nav p{ text-align:right; font-size:1.5em; padding:13px 8px 0 0;}

/* TITLE PAGE ************************************************************ */
#titlePage {
    float:left;
    margin-top:12px;
    height:90px;
    line-height:90px;
    font-size:2.68em;
    color:#3f95c4;
    text-transform:uppercase;
    width:80%;
}

/* SUB MENU - MENU 2 ***************************************************** */
ul#menu2 {
    display:block;
    margin-bottom:0;
    border-top:1px solid #eadaee;
}
#menu2 li{
    margin-right:10px;
}
#menu2 li a, #menu2 li.active{
    float:left;
    display:block;
    padding:0 9px;
    height:38px;
    line-height:36px;
    font-weight:bold;
    color:#3f95c4;
    text-decoration:none;
}
#menu2 li a:hover, #menu2 li.active{
    color:#fff;
    background:transparent url(../images/bg_menu2.gif) no-repeat 50% 0;
}

/* BREADCRUMBS *********************************************************** */
#breadcrumbs {
    color:#214A87;
    display:inline;
    float:left;
}
#breadcrumbs li{
    display:inline;
    background: url('../images/puce-ariane.gif') no-repeat 100% 0.4em;
    padding: 0 10px 0 0;
    margin:0 5px 0 0;
}
#breadcrumbs .last_bread {
    background: none;
}
#breadcrumbs a{
    font-weight:normal;
}
#breadcrumbs span{
    color:#4D4D4D;
}
#menu3{ clear:both;}

#menu3 .subcl {
    background:url("../images/bg_bas_menu3.jpg") no-repeat scroll left bottom #005CA1;
    margin-bottom:25px;
    padding:0;
    width:190px;
}
#menu3 h2 {
    background:none repeat scroll 0 0 transparent;
    color:#FFFFFF;
    font-size:1.6em;
    font-weight:normal;
    line-height:1.45em;
    margin:0 0 0 5px;
    padding:5px 0 0;
    text-align: center;
}
#menu3 ul {
    margin:0;
    padding:5px 7px 5px 5px;
}
#menu3 li {
    background:url("../images/bg_separation_menu.gif") repeat-x scroll left bottom transparent;
    color:#005CA1;
    position:relative;
}
#menu3 li.last {
    background:none repeat scroll 0 0 transparent;
}
#menu3 li.active {
    background:none repeat scroll 0 0 #FFFFFF;
}
#menu3 li.last.active {
    border:1px solid white;
}
#menu3 li span {
    border-bottom:1px solid #98BBD7;
    display:block;
    font-size:1.3em;
    font-weight:bold;
    margin:0 7px;
    padding:5px 0 5px 3px;
}
#menu3 li.active span {
    border-bottom:medium none;
}
#menu3 li a {
    color:#FFFFFF;
    display:block;
    font-size:1.2em;
    font-weight:normal;
    padding:8px 0 10px 4px;
    text-decoration:none;
}
#menu3 li a:hover {
    text-decoration:underline;
}
#menu3 li ul li a:hover {
    color:#932B24;
    text-decoration:underline;
}
#menu3 li ul {
    background:none repeat scroll 0 0 #FFFFFF;
}
#menu3 li ul li {
    background:none repeat scroll 0 0 #FFFFFF;
    color:#005CA1;
    padding-left:7px;
}
#menu3 li ul li a {
    background:url("../images/li_pbi.gif") no-repeat scroll 0 5px transparent;
    color:#005CA1;
    font-size:1.1em;
    padding:0 0 3px 9px;
}
#menu3 li ul li.on a {
    background:url("../images/li_pbi_on.gif") no-repeat scroll 0 4px transparent;
    padding-left:9px;
}
* html #menu3 li {
    vertical-align:bottom;
}

.c18l {
    width:18%;
}
.c24l {
    width:24%;
}
.c25l {
    width:25%;
}
.c21l {
    width:21%;
}
.c50l, .c25l, .c21l, .c33l, .c38l, .c66l, .c75l, .c62l, .c15l, .c54l, .contentSearch, .c60l, .c24l, .c79l, .c79r {
    float:left;
}
/* ############################################################################
     FOOTER
############################################################################ */
#footer {
    position:relative;
    padding:18px 12px 0 12px;
    border-top:1px solid #ccc;
    background:transparent url(../images/bg_footer.jpg) repeat-x 0 0;
    overflow:hidden;
}

#footer #footer_lnk {

}
#footer dl {
    margin:0; padding:0;
    overflow:hidden; _overflow:visible; zoom:1;
}
#footer dt {
    float:left;
}
#footer dt span.left {
    display:block;
    float:left;
    height:18px;
    width:11px;
    background:url(../images/bg_dt_footer.gif) no-repeat 0 -18px;
}
#footer dl.active dt span.left {background:url(../images/bg_dt_footer.gif) no-repeat 0 0;}
#footer dt span.right {
    display:block;
    float:left;
    padding:3px 11px 0 0;
    height:15px;/* 18 */
    color:#666;
    background:url(../images/bg_dt_footer.gif) no-repeat right -18px;
}
#footer dl.active dt span.right {
    color:#fff;
    background:url(../images/bg_dt_footer.gif) no-repeat top right;
}

#footer dd {
    float:left;
    padding-top:3px;
    font-size:10px;
    background:url(../images/bg_dd_footer.gif) no-repeat 100% 6px;
}
#footer dd.last {margin:0; background:none;}
#footer dd a {
    margin:0 10px 0 9px;
    color:#666;
    text-decoration:none;
}
#footer dl.active dd a {color:#4294c3;}
#footer dd a:hover {text-decoration:underline;}

#footer .separation {
    clear:both;
    margin:3px 0;
    height:2px;
    font-size:1px;
    background:transparent url(../images/bg_separation_footer.gif) repeat-x 0 0;
}

#footer #footerLower {
    margin-top:10px;
    height:44px;
    background:transparent url(../images/bg_footer_bottom.gif) no-repeat center bottom;
}
#footerLower ul {
    margin-left:230px;
    padding-top:15px;
    overflow:hidden;
    zoom:1;
}
#footerLower li {
    float:left;
    padding:0 10px 0 11px;
    background:transparent url(../images/bg_li_footerLower.gif) no-repeat 0 3px;
}
#footerLower li.first {background:none;}


/* ############################################################################
     ACTION BAR ON THE TOP OF THE PAGE
############################################################################ */
#actions {
    height:25px;
}
#actions.delH {
    height:auto;
}
#actions noscript span{
    font-size:0.8em;
    display:inline-block;
    padding-left:20px;
    position:absolute;
    top:134px;
    right:15px
}
ul#actionsList {
    margin:0 0 6px 0;
    overflow:hidden:
        zoom:1;
    float:right;
}
#actionsList li {
    float:left;
    text-align:left;
    margin-left:4px;
    text-indent:-5000px;
}
#actionsList li.first {margin-left:0;}
#actionsList li a.share {
    display:block;
    height:18px;
    width:53px;
    background:transparent url(../images/pict_actionsList.gif) no-repeat 0 0px;
}
#actionsList li a.send {
    display:block;
    height:18px;
    width:21px;
    background:transparent url(../images/pict_actionsList.gif) no-repeat 0 -18px;
}
#actionsList li a.pdf {
    display:block;
    height:18px;
    width:13px;
    background:transparent url(../images/pict_actionsList.gif) no-repeat 0 -36px;
}
#actionsList li a.printPage {
    display:block;
    height:18px;
    width:16px;
    background:transparent url(../images/pict_actionsList.gif) no-repeat 0 -54px;
}
#actionsList li a.bookmark {
    display:block;
    height:18px;
    width:21px;
    background:transparent url(../images/pict_actionsList.gif) no-repeat 0 -72px;
}
#actionsList li a.bigFont {
    display:block;
    height:18px;
    width:20px;
    background:transparent url(../images/pict_actionsList.gif) no-repeat 0 -90px;
}
#actionsList li a.smallFont {
    display:block;
    height:18px;
    width:11px;
    background:transparent url(../images/pict_actionsList.gif) no-repeat 0 -108px;
}
#actionsList li a.textVersion {
    display:block;
    _float:left;
    height:18px;
    line-height:18px;
    color:#3c81b5;
    font-size:0.9em;
    text-indent:0;
    text-decoration:underline;
}
#sm_print, #sm_small, #sm_big{ display:none;}

/* WORLDWIDE
**********************************************************/
.intro_inter{
    float:left;
}
.intro_inter .img{
    background:#000;
    width:199px;
    float:left;
    color:#FFF;
    padding-bottom:2px;
}
.intro_inter span {
    *display:block;
}
.intro_inter .txt{
    font-weight:bold;
    width:520px;
    float:left;
    padding-left:9px;
}

.blockInter{
    border:1px solid #c5cfd8;
    margin-bottom:10px;
    background:#fefefe;
}
.blockInter.c50l, .blockInter.c50r{
    width:48%;
}

* html .blockInter.c50l, * html .blockInter.c50r{
    width:50%;
}

.blockInter h3{
    background:#025A9C url(../images/bg_title_blockC1.jpg) repeat-x scroll 0 0;
    color:#FFFFFF;
    font-size:1.2em;
    font-weight:bold;
    line-height:1.2em;
    padding:4px 0 4px 16px;
    text-transform:uppercase;
    margin-bottom:0px
}
.blockInter ul{
    margin:0;
}
.blockInter a{
    font-weight:normal;
    cursor:pointer;
}
.blockInter li{
    padding:8px 8px 8px 10px;
    border-bottom:1px solid #e5f3f4;
}
.blockInter p{
    margin:0;
}
.blockInter table{
    margin:5px;
    background:#f2f6f7;
}
.blockInter table th{
    text-align:center;
    border:2px solid #fff;
    padding:6px;
    font-weight:bold;
    color:#585858;
}
.blockInter table td{
    text-align:left;
    border:2px solid #fff;
    border-bottom:0;
}
.blockInter table td li{
    border:none;
    padding:3px 0;
}
.blockInter table.tcol td {
    width:33%;
}
.blockInter table.dcol td{
    width:50%;
}

#nav_inte{
    border-bottom:2px solid #055ca1;
    float:left;
    width:745px;
    margin-bottom:15px;
}
.nav_inte2{
    width:100%!important;
}
#nav_inte ul{
    overflow:hidden;
    zoom:1;
    margin:0;
}
#nav_inte ul li{
    display:block;
    float:left;
    background:url(../images/sousnav_right.jpg) top right no-repeat;
    margin-right:1px;
}
#nav_inte ul li a{
    display:block;
    background:url(../images/sousnav_left.jpg) top left no-repeat;
    padding:8px;
    color:#045da1;
}
#nav_inte ul li a:hover{
    text-decoration:none;
    color:#443263;
}
#nav_inte ul li.on{
    background:url(../images/sousnav_right_on.jpg) top right no-repeat;
}
#nav_inte ul li.on a{
    background:url(../images/sousnav_left_on.jpg) top left no-repeat;
    color:#fff;
}
#nav_inte ul li.on a:hover{
    color:#fff;
}
#menu3 .search label{ display:none;}
#menu3 .search select{ width:150px;}
#menu3 .search li{ background:none; margin:5px 0;}
#menu3 .search li input{vertical-align:top;}

.action{
    overflow:hidden;
    zoom:1;
    padding:0 10px 10px 10px;
}
.action p{
    float:left;
    margin:0;
}
.action a{
    float:right;
    display:block;
    background:transparent url(../images/bg_pagination_prev.gif) no-repeat 0 0.4em;
    padding-left:10px;
}
.contenairBigVisu{
    widht:100%;
    padding-bottom:10px;
}
.contenairBigVisu img{
    margin:0 auto;
    display:block;

}
.action2{
    overflow:hidden;
    zoom:1;
    background:#000;
    color:#FFF;
    margin:0 13px;
    padding:0 5px;
}
.action2 div{
    padding:10px 0;
    float:left;
}

.action2 ul{
    float:right;
    padding:10px 0;
    margin-bottom:0;
}
.action2 ul li{
    float:left;
}
.action2 ul li a{
    display:block;
    margin-right:5px;
}

.action2 img{
    display:inline;
    margin:0;
}
.paragraph{
    padding:0 10px;
}
.blocDetails{
    overflow:hidden;
    zoom:1;
    margin:0 10px;
    padding:10px;
    background:#f0f4f5;
}
.blocDetails ul{
    float:left;
}
.blocDetails ul li{
    padding-bottom:10px;
}
.blocDetails dl{
    float:right;
}
#content ul.caroussel{
    clear:both;
    margin-left:65px;
}
ul.caroussel li a{
    height: inherit;
    background:none;
    width:inherit;
}
ul.caroussel li a:hover{
    background:none;
}
.caroussel .previous,
.caroussel .next{
    margin-top:20px;
    width:inherit;
}
/**********Template Directory categories********/
/****contenu****/
#content .content .liste-middle-inline li {
    color: black;
    background: none;
    padding: 0;
    margin: 0 0 13px 0;
}
#content .content .liste-middle-inline li a {
    color: black;
}
#content .content .liste-middle-inline li a:hover {
    color: #932b24;
}
#content .content .liste-middle-inline li ul {
    height: 1%;
    overflow: hidden;
}
#content .content .liste-middle-inline li li{
    float:left;
    margin: 0;
}
#content .content .liste-middle-inline li li a {
    color: #014D87;
    display:block;
    float:left;
    font-weight: normal;
    padding:0 7px 0 0;
    margin:0 7px 0 0;
    _margin:0 5px 0 0;
    background: url("../images/separateur-liste-categorie.gif") no-repeat 100% 0.15em;
}
#content .content .liste-middle-inline li .last-category a {
    background: none;
}

#content .content ul li .required:after {
    font-weight:900;
    font: bolder;
    content: ' *';
    color: red;
}

.lower-alpha {
    list-style: lower-alpha inside none;
}
.entete-category h4{
    color: white;
    padding: 6px 0 6px 16px;
    font-size: 1.25em;
}
#Bloc-Focus {
    margin-top: -20px;
    background: white;
    padding:0 0 5px 0;
}
.Bloc-Focus-text {
    padding: 10px 0 5px 16px;
    font-size: 1.1em;
}
/****bloc recherche****/
#search-form {
    padding:0 8px;
}
#search-form p {
    margin:0 0 3px 0;
}
#search-form .fullviewlistAlso {
    padding-left: 2px;
}
#search-form form{
    padding:0 0 15px 0;
    overflow: hidden;
    height: 1%;
}
#search-form input {
    float:left;
}
#search-form label {
    margin: 0 0 5px 0;
    display:block;
}
#search-form a {
    font-weight: normal;
}
#search-form #bt-validation {
    padding:0 0 4px 0;
    *padding:0;
    height:21px;
    width:24px;
    font-size:1em;
    color:#fff;
    border:none;
    background:transparent url("../images/search-ok.png") no-repeat 0 0;
    cursor: pointer;
    margin:-1px 0 0 8px;
}

/*************template Online survey****************/
#form-online-survey {
    padding: 15px;
}
.blue-area {
    background: #F2F6F7;
    padding: 17px 10px 17px 17px;
    margin: 0 0 9px 0;
    overflow: hidden;
    height: 1%;
    font-size: 1.1em;
}
.left-bloc-form {
    float: left;
    width: 370px;
    color: #000000;
}
.left-bloc-form p {
    margin:0 0 3px 0;
}
.question-text {
    color: #626365;
}
.hide {
    display: none;
}
.middle-bloc-form {
    width: 380px;
    float:left;
    padding: 18px 0 0 0;
    *padding: 14px 0 0 0;
}
.error-text {
    float:right;
    width: 135px;
    padding: 18px 0 0 0;
    *padding: 14px 0 0 0;
}
.error-text p {
    background: #A80000;
    color: white;
    font-style: italic;
    padding: 3px 5px;
}
.label-special {
    margin:0 40px 0 5px;
}
.trois-input {
    width: 85px;
    margin: 0 10px 0 0;
    border:1px solid  #004E89;
}
#form-online-survey select, #form-online-survey textarea {
    border:1px solid  #004E89;
}
#form-online-survey select {
    width: 130px;
}
#form-online-survey textarea {
    width: 300px;
    height: 80px;
}
.barre-progression  {
    float: left;
    overflow:hidden;
    height: 1%;
    width: 350px;

    padding: 20px 0 0 0;
}
.barre-progression li {
    float: left;
    padding:0;
}
.bloc-barre-bleu {
    width: 222px;
    border: 1px solid #C2CFD8;

    margin: 0 12px;
}
.bloc-barre-bleu p{
    background:#0663A6 url('../images/repeat-bleu-progression.png') repeat-x;
    margin:0;
    height: 11px;
    text-indent:-999em;
}
.prev-pic a {
    color: #3E94C3;
    background: url('../images/pervious-fleche.png') no-repeat 0 0.1em;
    padding: 0 0 0 11px;
}
.next-pic a {
    color: #024E8A;
    background: url('../images/next-fleche.png') no-repeat 100% 0.1em;
    padding: 0 11px 0 0;
}
.liste-submit li{
    float:right;
}
.liste-submit {
    width: 165px;
    float:right;
    overflow:hidden;
    height: 1%;
    padding: 10px 0 0 0;
}
.bt-cancel {
    margin:0 5px 0 0;
}
.bt-cancel a {
    display: block;
    width: 86px;
    height: 27px;
    background: url('../images/cancel-bt.png') no-repeat 0 0;
}
.bt-save button{
    display: block;
    width: 65px;
    height: 27px;
    background: url('../images/save-bt.png') no-repeat 0 0;
    border: none;
    cursor: pointer;
}
#siteName.text-lower a{
    text-transform: none ;
}
.file_1 {
    border: 1px solid #004E89;
    background: #ffffff;
    margin:2px 0 0 0;
    margin:4px 0 0 0;
}
#ChampsFile {
    margin: -4px 0 0 0;
}
/******************Rollover share***********/
#actionsList .link-share {
    position: relative;
    margin-bottom: 15px;
}
#actionsList .link-share div {
    border: 1px solid red;
    width: 80px;
    border: 1px solid #214a87;
    background: white;
}
#actionsList .link-share .BlocPartager {
    position: absolute;
    left:0;
    top: 16px;
}
#actionsList .link-share div li{
    text-indent: 0;
    margin: 5px 3px;

}
#actionsList .link-share div li a {
    height:1%;
}
#actionsList .link-share div li a img {
    float:left;
    margin:0 5px 0 0;
}
#actionsList .link-share ul {
    overflow: hidden;
    height: 1%;
    margin: 0;
    padding:0;
}
.logo {
    float:left;
    margin:30px 16px 0 12px;
}

.btn-txt-enable{
    color: #444444;
    font-weight: bold;
}
.btn-txt-disabled{
    color: #dedede;
    font-weight: normal;
}

/*Form Email*/
.formEmail {
    background-color: #fff;
}
.formEmail label{
    font-size: 1.2em;
    height:22px;
    line-height:18px;
    width:350px;
}
#content .formEmail input.textbox,
#content .formEmail input.button,
#content .formEmail textarea.textbox,
#content .formEmail input.textbox{
    border:1px solid #C4CFD8;
    background-color: #ffffff;
    width:350px;
    font:12px 'Arial','Helvetica';
}
.formEmail input.textbox,.formEmail input.subject,.formEmail input.from {
    height:22px;
    line-height:18px;

}

.formEmail span.instructions{
    color:#777777;
    font-size:0.9em;
    font-style:italic;
}

.formEmail textarea.textbox {
    height:180px;
    border:1px solid #C4CFD8;
    width: 350px;
    overflow-y: auto;

}
/*------------------Content text-------------------------*/
.bodytext{
    width:  98%;
    text-align: justify;
    margin-right: 9px;
}
.italic {
    font-style:italic;
}
/*Content text ul*/
.bodytext ul{
    display: block;
    width:  98%;
    text-align: justify;
    margin-right: 9px;
}

#content h4{
    padding-left: 8px;
}

/*For IE*/
*>.bodytext{
    text-align: justify;
    width: auto;
    margin-right: 10px;
}

/*Google maps*/
#map, #geotoolsmap {
    min-height: 450px;
    border: 1px solid #808080;
    margin: 5px;
    margin-left: 10px;
}

/*Info Window Language*/
#tabs {
    font-size:90%;
    height:95%;
    left:0;
    margin-bottom:10px;
    min-height:300px;
    min-width:320px;
    overflow-x:hidden;
    top:0;
    width:98%;
}
/*Table de tabs : InfoWindow*/
#tabs table.tab {
    background:none repeat scroll 0 0 #C8C4AB;
    border-spacing:1px;
    width:100%;
}
#tabs table.tab td {
    background:none repeat scroll 0 0 white;
    padding:3px;
}
#tabs table td.label {
    font-style:italic;
    text-align:right;
}

#tabs table td.value {
    text-align:left;
}
/*Table Degree of Endagerment*/
table#degreeEndagerment {
    background:none repeat scroll 0 0 #F2F6F7;
    border: 1px solid #DEE2E3;
    margin: 0 8px 8px;
}
table#degreeEndagerment th {
    font-weight: bold;
    text-align: center;
}
table#degreeEndagerment  td {
    background:none repeat scroll 0 0 white;
    padding:3px;
}
table#degreeEndagerment td.label {
    font-style:italic;
    text-align:center;
}

table#degreeEndagerment  td.value {
    text-align:left;
}

/*Données cartographiques*/
div#map > div > div > div > span {
    /*display: none;*/
}
#map_menu {
    border:1px solid #E2E2F8;
    height:450px;
    margin:4px 0;
    overflow-x:hidden;
    overflow-y:auto;
    padding:2px 0 0 2px;
    position:absolute;
    right:8px;
    width:115px;
}
.mapMenu_active {
    color: #932B24;
    text-decoration: underline;
}


input#txtNamelanguage, input#intNumberBetweenTo,
input#intNumberBetweenFrom, input#txtISO639,
select#lstCountryBox, select#lstVitalityBox{
    width: 150px;
    margin-bottom: -15px;
}
/*---Info Boxes---*/
.dialog{
    margin:0;
    padding:0;
    position:relative;
}
.lstCountry, .txtNamelanguage, .intNumberBetweenFrom {top:33px;}
.lstCountry{left:150px;}
.txtNamelanguage{left:140px;}
.intNumberBetweenFrom {left:140px;}
.lstVitality, .txtISO639, .intNumberBetweenTo {top:33px;}
.lstVitality{left:150px;}
.txtISO639{left:140px;}
.intNumberBetweenTo {left:140px;}
/*------------------------------------------------*/

.searchToolsMap {
    padding:0 8px;
}

.btnPostSearch{
    height: auto;
    margin-bottom: 0px;
    top: -20px;
    width: 60%;
}
.btnclearSearch{
    height: auto;
    margin-bottom: 0px;
    top: -20px;
    width: 33%;
    display: inline-block;
}
.ui-state-disabled{
    background-color: #C2CFD8;
    border: 1px solid #b6b6b6;
}
.searchResult{
    top: -8px;
    color:#932B24;
    font-size:1.08em;
    margin:0 5px;
    padding:0;
    position:relative;
}
.filter {
    width:auto;
}
#map div#RenderWithName{
    width: 120px;
}
#intNumberBetweenTo, #intNumberBetweenFrom{
    display: inline;
    width: 70px;
}
.float{
    float: left;
    width: 24%;
    margin: 2px 0px;
}
/*Autocomplete*/
.ui-autocomplete{
    max-height: 180px;
    overflow: hidden;
    overflow-y: auto;
}
.ui-menu .ui-menu-item a.ui-state-hover{
    /*background: url("images/ui-bg_glass_55_fbf9ee_1x400.png") repeat-x scroll 50% 50%  #afe6f0;*/
    background-color:  #afe6f0;
    border:1px solid #4c4f72;
    color:#363636;
}

.atlas-button{
    width: auto;
    padding: 5px;
}

.captionDegree {
    float:right;
    margin-right:5px;
}
/*------------------------*/
/*Underline current language*/
.languages-current {
    text-decoration:underline;
}

/*Comments form*/
.comments_form{
    margin: 5px 2px 0 0;
    padding: 0;
    clear: right;
    text-align: left;
}

span.chkTxt{
    display: block;
    left: 35px;
    position: relative;
    top: -20px;
    width: 95%;
}

.comments_form p{
    margin: 2px 0 0 1px;
}
.comments_form p label, .comments_form p i{
    display: block;
    margin: 3px 0 0 10px;
    font-style: italic;
}
.comments_form p input{
    clear:right;
    display:inline;
    margin:1px 10px;
    position:relative;
    padding: 3px;
}
#sendCommentsTxt{
    width:99%;
}
#btnSendComments{
    margin:0 8px;
    padding:3px;
    width:-moz-fit-content;
}

/*Charts data*/
table.stickedChartData {
    height: 200px;
    margin-left: 8%;
    width: 600px;
    border-spacing: 2px 2px;
    border: 1px solid grey;
    border-collapse: collapse;
    display: table;
    color: #000;
    background-color: #dedede;

}
table.stickedChartData caption{
    font-weight: bold;
    margin: 0.5em 0px 0.5em;
    display: table-caption;
    text-align: -webkit-center;
    color: #000;
}
table.stickedChartData tbody{
    border-color: inherit;
    display: table-row-group;
    vertical-align: middle;
}
table.stickedChartData thead{
    border-color: inherit;
    display: table-header-group;
    vertical-align: middle;
    background-color: #dedede;
    color: #000;
    text-align: center;
}
table.stickedChartData thead td{
    border-color: inherit;
    background-color: #ffffff;
}
table.stickedChartData th{
    background-color: #F2F6F7;
    color: #000;
}
table.stickedChartData td th{
    font-size: 1.2em;
    padding: 2px;
    width: 13%;
    background-color: #dedede;
}
table.stickedChartData tr{
    border-color: inherit;
    display: table-row;
    vertical-align: inherit;
}

/*AJAX LOADER (Top Left) AND INFO BULL (Top Right)
-------------------*/
#loading, #sendCommentsInfo, #sendCommentsAlert{
    position: fixed;
    top: 0;
    background-color: #a80000;
    color: white;
    padding: 2px;
}

#sendCommentsInfo, #sendCommentsAlert{
    z-index: 5000;
    width: 350px;
    right: 0; /*set it to "right: 0;" to have the bar displaying on the top right corner*/
}

#loading{
    font-size: 150%;
    z-index: 50001;
    left: 0; /*set it to "right: 0;" to have the bar displaying on the top right corner*/
    top: 0;
    text-decoration: none;
}

/*Google maps correction css*/
html div.gmnoprint > div > div {
    /*top: 13px !important;*/
    /*width: 92% !important;*/
}

/*Dialog boxes css*/
#htmlVitalityDegreeInfoBox {
    width: 500px;
    height: 450px;
}
#htmlVitalityDegreeInfoBox p{
    width: auto;
    text-align: left;
}

/*Images attributes*/
.photo-legend{
    background: black;
    color: white;
    font-size: 0.8em;
    font-style: normal;
    line-height: 1.2em;
    text-align: center;
    float: right;
    margin: 8px;
}
.photo-text_right{
    display: block;
    float: left;
    margin: 15px 10px 10px !important;
}
.photo-text_left{
    display: block;
    float: right;
    margin: 0px 8px 10px 15px !important;
}

/*Archives Panel*/
.blockArchive {
    background: none repeat scroll 0 0 #F2F6F7;
    border: 1px solid #C4CFD8;
    margin: 0 10px 10px 5px;
}
.text-1 {
    color:#616161;
    display:block;
    margin-top:3px;
    padding-left:35px;
}
.text-2 {
    border-bottom:1px solid #CFE9EC;
    padding:5px 10px;
}

.slider-down {
    background:url("../images/icon/picto_plus_11x11.png") no-repeat scroll right center transparent;
    cursor:pointer;
    padding:0 15px 0 0;
}
.slider-up {
    background:url("../images/icon/picto_minus_11x11.png") no-repeat scroll right center transparent;
    cursor:pointer;
}
.date {
    background:url("../images/icon/picto_calendar_16x16.png") no-repeat scroll left center transparent;
    display:inline-block;
    line-height:16px;
    padding:0 0 0 20px;
}
.place {
    background:url("../images/icon/picto_world_16x16.png") no-repeat scroll left center transparent;
    display:inline-block;
    line-height:16px;
    padding:0 0 0 20px;
}
.wiki-list-item {
    background:url("../images/icon/bg_bullet_blue.gif") no-repeat scroll 4px 6px transparent;
    padding:0 0 10px 20px;
}
.link, .link-doc, .link-mailto, .MsoNormal a {
    color:#214A87;
    font-weight:bold;
}
.description {
    background-color:#FFFFFF;
    border:1px dashed #666666;
    margin:5px 0 0;
    padding:15px 5px 0;
    position:relative;
}
.friendly_url {
    background:url("../images/icon/picto_link_16x16.png") no-repeat scroll left center transparent;
    color:#214A87;
    font-size:0.8em;
    font-weight:normal;
    padding:0 0 0 20px;
    position:relative;
    top:1px;
	margin-right:20px;
	margin-bottom:2px;
	float:right;
	
}
.wiki-text {
    color:#000000;
    font-family:Arial;
    font-size:1em;
    font-weight:normal;
    line-height:1.4em;
    margin:0 0 15px;
}
/*Statistics Panel*/
#geomaps_tabs, #geomapsViz_tabs{
    width: 95%;
    height: auto;
}
#geomaps_tabs ul li,
#geomapsViz_tabs ul li{
    font-size: 0.83em;
}
#geomaps_tabs div img{
    margin: 0 15%;
    width: auto;
    height: auto;
    border: 1px solid #C8C4AB;
}
#geomapsViz{
    border: 1px solid #A0A0A0;
    margin:8px;
    width: 718px;
}
.infoBoxViz p{
    border-bottom:1px solid #E9E9E9;
    margin-left:10px;
}
.infoBoxViz span.degree{
    margin: 0 0 0 15px;
}
.infoBoxViz span.nombre{/*Hack pour IE*/
                        float:right;
                        margin: 0 20px 0 0 !important;
}

.infoBoxViz span.nombre {
    *margin: -20px 20px 0 0; /* for versions prior to IE8 */
}


.infoBoxViz span.nombre{/*Hack pour IE*/
                        float:right;
                        margin: -20px 20px 0 0;
}
.infoBoxViz .white{
    background:url("../images/gmap/mm_10_white.gif") no-repeat scroll 0 3px transparent;
}
.infoBoxViz .black{
    background:url("../images/gmap/mm_10_black.gif") no-repeat scroll 0 3px transparent;
}
.infoBoxViz .red{
    background:url("../images/gmap/mm_10_red.gif") no-repeat scroll 0 3px transparent;
}
.infoBoxViz .yellow{
    background:url("../images/gmap/mm_10_yellow.gif") no-repeat scroll 0 3px transparent;
}
.infoBoxViz .orange{
    background:url("../images/gmap/mm_10_orange.gif") no-repeat scroll 0 3px transparent;
}
.instructions{
    color:#A9A9A9;
    display:block;
    font-size:8pt;
}
#tabs iframe{
    /*float: right;*/
}
.connect_widget .connect_widget_interactive_area {
    margin-bottom:3px;
    /*float: right;*/
}
.last_update{
    float: right;
}
.last_update_block ul h3{
    color: #000000;
    font-size: 1em;
    margin: 5px;
    text-align: center; 
}
.attention {
    color: #F44913;
    font-weight: bold;
}