/* -------------------------------------------------------------------------- */
/*  Projet COFACE                                                             */
/* -------------------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

html {
    font-family:    Arial, serif;
    font-size:      90%;
    color:          #194e91;
    background:     white repeat left top;
}

body {
    border:         1px solid white;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.spacer {
    clear:              both;
    height:             1px;
    font-size:          0;
    background-color:   transparent;
    margin-left:        21%;
    margin-right:       135px;
    border:             1px solid white;
}

.spacer20 {
    height:             20px;
    background-color:   transparent;
}

.spacer40 {
    height:             40px;
    background-color:   transparent;
}

.spacer60 {
    height:             60px;
    background-color:   transparent;
}

.SubTitlePage {
    font-family:        Arial, Helvetica, sans-serif;
    color:              #28769A;
    font-size:          22px;
    vertical-align:     top; 
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#header {
    border:         0px solid white;
    overflow:       hidden;
}

/* -------------------------------------------------------------------------- */

#headerImg {
    background:     transparent url("../images/haut/img1-3.gif") repeat left top;
    height:         59px;
    overflow:       hidden;
}

#headerImg .headerFloatLeftImg1 {
    float:          left;
    overflow:       hidden;
}

#headerImg .headerFloatRightImg2 {
    float:          right;
    overflow:       hidden;
}

#headerImg .headerFloatRightImg3 {
    float:          right;
    overflow:       hidden;
}

/* -------------------------------------------------------------------------- */

#headerEur {
    background:     transparent url("../images/haut/img2-1b.gif") repeat left top;
    height:         22px;
    overflow:       hidden;
}

#headerEur .headerFloatLeftEur1 {
    float:          left;
    background:     transparent url("../images/haut/img2-1a.gif") no-repeat left top;
    width:          320px;
    height:         22px;
    overflow:       hidden;
}

#headerEur .headerFloatRightEur2 {
    float:          right;
    background:     transparent url("../images/haut/img2-1c.gif") no-repeat right top;
    width:          322px;
    height:         22px;
    overflow:       hidden;
}

/* -------------------------------------------------------------------------- */

#headerDate {
    background:     transparent url("../images/haut/img3-1b.gif") repeat left top;
    height:         21px;
    overflow:       hidden;
}

#headerDate .headerDate {
    float:          left;
    background:     transparent url("../images/haut/img3-1a.gif") no-repeat left top;
    width:          320px;
    height:         21px;
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      11px;
    color:          #FFFFFF;
    overflow:       hidden;
}

#headerDate .headerDate p {
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      11px;
    color:          #FFFFFF;
    margin:         4px 0 0 17px;
    overflow:       hidden;
}

#headerDate .headerInternationalisation {

    float:              right;
    background-color:   #C41E24;
    vertical-align:     middle;
    height:             21px;
    padding-left:       3px;
    padding-right:      3px;
    color:              #000000;
    text-decoration:    none;
    text-align:         right;
    cursor:             pointer;
}

#headerDate .headerInternationalisation img {

    vertical-align:     middle;
}

#headerDate .headerInternationalisation a {

    font-size:          12px;
    color:              white;
}

#headerDate .headerInternationalisation a:hover {

    text-decoration:    underline;
}


#headerDate .flags {

}

#headerDate .otherSiteText {

    top:                0px;
    overflow:           hidden;
}



#headerDate .otherSiteImg {

    top:                20px;
    margin-left:        3px;
    margin-right:       3px;
}

#headerDate .otherSiteImg a,a:hover {

    text-decoration:    none;
}



#headerDate .headerFloatRightDate2 {
    float:              right;
    background-color:   #C41E24;
    padding-top:        3px;
    padding-bottom:     3px;
    vertical-align:     middle;
    height:             21px;
    font-size:          12px;
    color:              #FFFFFF;
    text-decoration:    none;
    cursor:             pointer;
}

#headerDate .headerFloatRightDate2 a {
    color:              white;
    top:                0px;
}

#headerDate .headerFloatRightDate2 a:hover {
    text-decoration:    underline;
    top:                0px;
}

#headerDate .headerFloatRightDate3 {
    position:           relative;	
    float:              right;
    height:             21px;
    overflow:           visible;
    background-color:   #C41E24;
    padding-right:      10px;
}

/* -------------------------------------------------------------------------- */

#headerWelcome {
    clear:              both;
	text-align:         center;
	background:         transparent url("../images/home/welcome_background.gif") repeat left top;
	height:             31px;
	overflow:           hidden;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#breadCrumbText {
    vertical-align:     top;
    background:         url("../images/pictotetiere.gif") no-repeat 0px 0px;
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          11px;
    color:              #28769A;
    margin:             0;
    padding:            0;
    text-indent:        20px;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#footerNews {
	clear: both;
   	background: transparent url("../images/home/bas2.gif") repeat left top;
	height: 56px;
	overflow: hidden;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#footer {
   clear: both;
   border: 1px solid white;
   border-top: 1px solid #FBEEDF;
   height: 50px;
   overflow: hidden;
}

#footer .leftFloatFooter {
    float:          left;
    background:     transparent url("") no-repeat left top;
    width:          20%;
    overflow:       hidden;
}

#footer .rightFloatFooter {
   float: right;
   background: transparent url("") no-repeat right top;
   overflow: hidden;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#containerBorder {
    background: transparent url(../images/fondmap.jpg) no-repeat left top;
	overflow: visible; /* CDE (hidden) */
    width: 100%;
}

#containerHome {
    background: white url("../images/worldmap/fond-degrade.png") no-repeat left top;
	overflow: visible;
}

#containerHomeCom {
	margin: 0;
	padding: 0;
    background: url("../images/worldmap/barre-bleue.gif") left top; 
    background-repeat: repeat-x;
    background-position: top;
	overflow: visible; /* CDE (hidden) */
}

#container {
	margin: 0;
	padding: 0px 0px 10px 0px;
    background: transparent;
    width: 100%;
    overflow: visible;
}

#container .leftFloatContainer {
    float:          left;
	width:          20%;
	background:     transparent url("../images/gauche/fond-menu.gif") repeat left top;
	overflow:       hidden;  /* CDE (hidden) */
}

#container .menuContainer {
    margin:         5px 0 3px 5px;
	padding:        0;
	overflow:       hidden;
    background:     transparent;
}

#container .rightFloatContainer {
    float:          right;
	width:          14%;
    padding-top:    10px;
    overflow-x:     hidden;
    overflow-y:     visible;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#container .centerContainer {
    float:                  left;
    overflow:               hidden;
    width:                  65%; // normaly 66% because of a pb with IE right container moves to the bottom of the page
}

#container .centerContainer .centralContent {
    background:     transparent url("../images/filet.gif") repeat-y left top;
    margin:         0;
    padding:        0 10px 0 10px;
    overflow:       hidden;
}

#container .centerContainer .centralContent .content {
    margin:                 0 5px 0 17px;
	padding:                0;
	overflow:               hidden;
}

/* -------------------------------------------------------------------------- */
/*    AccueilLayout CSS
/* -------------------------------------------------------------------------- */

#container .centerAccueilContainer {
    float:                  left;
    overflow:               hidden;
    width:                  65%; // normaly 66% because of a pb with IE right container moves to the bottom of the page
}


#container .centerAccueilContainer .centralContent {
    margin:                 0;
    padding:                0;
    overflow:               hidden;
}

#container .centerAccueilContainer .centralContent .content {
    margin:                 0;
    padding:                0;
    overflow:               hidden;
}

#container .centerAccueilContainer .centralContent .content .box {
    margin:                 2px 0 2px 0;
    padding:                0;
    overflow:               hidden;
    width:                  99%;
}

#container .centerAccueilContainer .centralContent .content .box .left  {
    margin:                 0;
    padding:                0;
    float:                  left;
    width:                  49%;
    overflow:               hidden;
}

#container .centerAccueilContainer .centralContent .content .box .center_left  {
    margin:                 0;
    padding:                0;
    float:                  left;
    width:                  33%;
    overflow:               hidden;
}

#container .centerAccueilContainer .centralContent .content .box .right {
   margin: 0 0 0 1%;
   padding: 0;
   float: left;
   left : 50%;
   width: 49%;
   overflow: hidden;
}

#container .centerAccueilContainer .centralContent .content .box .center_footer  {
    margin:                 0;
    padding:                0;
    float:                  left;
    width:                  99%;
    overflow:               hidden;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#goTopPage {
   clear: both;
   height: 17px;
   margin: 5px 7px 0px 0px;
   padding: 0 0 7px 0;
}

#goTopPage .rightFloatGoTopPage {
   float: right;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*
DIV.right-top{
	background: url(../images/img-haut.gif) no-repeat left bottom;
    vertical-align : bottom;
    margin: 0px 0px 0px 0px;
    height:86px;
}

DIV.right-middle{
	margin: 0px 0px 0px 0px;
    text-align: left;
}

DIV.right-bottom{
	background-image: url(../images/fond-bas.gif) ;
    text-align:right;
    width: 131px;
    
    
}
*/

/* -------------------------------------------------------------------------- */
/*   Positionnement des elements (image et liste de liens rapides)            */
/*   de la partie droite                                                      */
/* -------------------------------------------------------------------------- */

.altImage {
   margin: 0;
   padding: 0;
   width: 131px;
   border-left: 1px solid white;
   border-right: 1px solid white;
}

.altImage img {
   position: relative;
   z-index: 10;
   display: block;
   margin: 0;
   padding: 0;
   border: none;
}

.altMenu {
   position: relative;
   z-index: 90;
   margin: 0;
   padding: 0 0 21px 0;
   width: 131px;
   background: white url("../images/droite/fond-bas.gif") repeat left top;
   border: 1px solid white;
}

.altMenu p {
   margin: 2px 2px 0 2px;
   padding: 6px 1px 5px 1px;
   text-align: right;
   background-color: white;
}

.altMenu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.altMenu li {
   position: relative;
   z-index: 99;
   display: block;
   margin: 2px;
   padding: 3px 0 2px 0;
   text-align: left;
   background-color: white;
}

.altMenu li a {
   margin: 0;
   padding: 0;
   text-decoration: none;
}

.altMenu li a img {
   margin: 0 7px 0 5px;
   padding: 0;
   border: none;
}

.altMenu li a:hover {
   text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/*   Positionnement des elements de la liste de liens rapides            */
/*   de la partie droite des pages d'accueil                                 */
/* -------------------------------------------------------------------------- */

.altHomeMenu {
   position: relative;
   z-index: 90;
   margin: 0;
   padding: 0;
   background: white url("../images/droite/fond-home.gif") repeat left top;
   border: 1px solid white;
}

.altHomeMenu p {
   margin: 2px 2px 0 2px;
   padding: 6px 1px 5px 1px;
   text-align: right;
   background-color: white;
}

.altHomeMenu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.altHomeMenu li {
   position: relative;
   z-index: 99;
   display: block;
   margin: 2px;
   padding: 3px 0 2px 0;
   text-align: left;
   background-color: white;
}

.altHomeMenu li a {
   margin: 0;
   padding: 0;
   text-decoration: none;
}

.altHomeMenu li a img {
   margin: 0 7px 0 5px;
   padding: 0;
   border: none;
}

.altHomeMenu li a:hover {
   text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.sitemap-rubrique1
{
    float:left;
    width: 130px;
    margin-left:4px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #28769A;
}

.sitemap-rubrique1-titre
{
    background-color:#cbe0e9;
    height:37px;
    vertical-align:middle;
    padding-top:20px;
    padding-left:3px;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #28769A;
}

.sitemap-rubrique2
{   clear: left;
    margin-top:20px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #28769A;
    width: 130px;
}

.sitemap-rubrique2-titre
{
    background-color:#e4ebec;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:4px;
}

/* -------------------------------------------------------------------------- */
/*  Agenda - Events                                                                      */
/* -------------------------------------------------------------------------- */

#agenda_global {
	margin:     7px 0 3px 0;
	padding:    0;
    width:      100%;
}

#agenda_global .agenda_title {
	margin:             7px 0 20px 0;
	padding:            0 5px 0 5px;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
	background-color:   #E1C8B4;
	font-weight:        bold;
    width:              100%;
}

#agenda_global .agenda_content {
    float:          left;
	margin-bottom:  10px;
    padding:        0;
	color:          #333333;
    width:          100%;
}

#agenda_global .agenda_content .date {
	float:              left;
	width:              20%;
    margin:             0;
    padding:            0;
    font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	font-weight:        bold;
	color:              #9A5F53;
}

#agenda_global .agenda_content .abstract {
    float:              left;
    width:              80%;
    padding:            0;
    font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	font-weight:        normal;
	color:              #333333;
	vertical-align:     top;
}

#agenda_global .agenda_content .abstract_link {
    font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	font-weight:        normal;
}

/* -------------------------------------------------------------------------- */
/*  News list                                                                               */
/* -------------------------------------------------------------------------- */

.news_list_container {
    width:          100%;
    margin-top:     30px;
}

.news_list_container .page {
    display:        none;
}

.news_list_container .pagination {
    width:          100%;
    text-align:     center;
}

.news_list_container .pagination ul {
    list-style-type:    none;
}

.news_list_container .pagination ul li {
    display:            inline;
}

.news_list_container .pagination ul li a {
    color:              #28769a;
    text-decoration:    none;
}

.news_list_container .pagination ul li a:hover {
    text-decoration:    underline;
}

.news_list_container .pagination ul li.on a {
    font-weight:    bold;
}

#news_list {
    float:          left;
    margin:         7px 0 7px 0;
    padding:        0;
    width:          100%;
}

#news_list .news_date {
	float: left;
	width: 20%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #9A5F53;
}

#news_list .news_date img {
    margin: 0;
    padding: 0;
    border: none;
	vertical-align: middle;
}

#news_list .news_abstract {
    float:  left;
    width:  80%;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #418ABB;
}

#news_list .news_abstract_link {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #418ABB;
}




/* -------------------------------------------------------------------------- */
/*  News details                                                                          */
/* -------------------------------------------------------------------------- */

#news_detail {
	margin: 7px 0 3px 0;
	padding: 0;
}

#news_detail .news_title {
    width:              100%;
	margin:             7px 0 3px 0;
	padding:            3px;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	color:              #333333;
	background-color:   #E1C8B4;
	font-weight:        bold;
}

#news_detail .news_date {
	width:              100%;
    text-align:         right;
    margin:             0;
    padding:            0;
    font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	font-weight:        bold;
	color:              #9A5F53;
}

#news_detail .news_content {
	margin: 7px 0 3px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* Other Sites */

.otherSites	{ 
	position: absolute; 
	display: none;
    overflow: auto;
    height: 200px;
    width: 160px;
    padding-left: 4px;
    background-color: white;
    z-index: 101;
    border: 1px black solid;
    right : 10px;
}

.otherSitesAnchor {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
	color: #C61D24;
}

.scrollbarTopCell {
    margin: 0;
    padding: 0;
    height: 6px;
    vertical-align: bottom;
    cursor: pointer;
    font-size:1pt;
}
.scrollbarBottomCell {
    margin: 0;
    padding: 0;
    height: 6px;
    vertical-align: top;
    cursor: pointer;
    font-size:1pt;
}

#sitemap {
    position: relative;
    left: 3px;
}

.mapDirectPresence {
    position: relative;
    width: 506px;
    height: 252px;
    left: 0;
    top: 0;
    
}

.containerContinent {
    border: 1px solid #3483B4;
    border-top-width: 10px;
    border-bottom-width: 8px;
}

ul.listeNiv1 {
    list-style: disc inside url(../images/puce-bas.gif);
}

ul.listeNoms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
    list-style: disc outside;
}
ul.listeNoms li {
    margin: 10 0 10 34;
    padding-top: 5px;
}
ul.listeNoms li p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
    margin: 0;
    padding: 0 0 0 5px;
    background-color: #e1c8b4;
    line-height: 2.5em;
}
ul.listeNoms li ul {
    text-indent: 15px;
    list-style: none;
    font-weight: normal;
    margin: 0;
    background-color: transparent;
}
ul.listeNoms li ul li {
    text-indent: 40px;
    list-style: none;
    font-weight: normal;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.otherSitesDetails {
    display:            none;
    position:           absolute;
}


/* -------------------------------------------------------------------------- */
/*                           Search & Result Portlets                         */
/* -------------------------------------------------------------------------- */

.search {
    display:    block;
    clear:      both;
    padding:        4px 4px 4px 0px;
    margin-top:     20px;
    margin-bottom:     30px;
}

.search form input.text {
    float:              left;
	width:              110px;
    height:             20px;
    border-color:       #aedbf2;
	border-width:       1px 0px 1px 1px;
    border-style:       solid;
	font-size:          76%;
    padding:            2px;
}

.search form input.button {
    padding-left:       20px;
    overflow:           hidden;
    background:         none;
	border:             none;
	cursor:             pointer;
    float:              left;
	width:              20px;
	height:             20px;
    font-size:          0px;
	background-repeat:  no-repeat;
    background-image:   url(../images/search.gif);
}

.result_container {
    padding-top:    20px;
}

.result_container hr.title {
    border-style:       solid;
    border-color:       #000000;
}

.result_container .title {
    font-family:    Arial, Helvetica, sans-serif;
	font-size:      16px;
}

.result_list_container {
    width:          100%;
    margin-top:     10px;
}

.result_list_container .page {
    display:        none;
}

.result_list_container .pagination {
    width:          100%;
    text-align:     center;
}

.result_list_container .pagination ul {
    list-style-type:    none;
}

.result_list_container .pagination ul li {
    display:            inline;
}

.result_list_container .pagination ul li a {
    color:              #28769a;
    text-decoration:    none;
}

.result_list_container .pagination ul li a:hover {
    text-decoration:    underline;
}

.result_list_container .pagination ul li.on a {
    font-weight:    bold;
}

.result_list_container h2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.result_list_container hr.title {
    border-style:       dashed;
    border-width:       1px;
    border-color:       #000000;
}

.result_list_container p.abstract {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #418ABB;
}

.result_list_container p.link, p.ling a, p.link a:hover{
    font-family:    Arial, Helvetica, sans-serif;
    font-style:     italic;
	font-size:      11px;
	font-weight:    normal;
	color:          green;
}