/*=============================================================================================
CSS Lyaout SOPREMA ::: kd@advisa.fr
=============================================================================================*/
html, body {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url(../medias/pictures/portail/bg_body.png) repeat-x;
        font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #000;
}

#site {
	height: auto !important;
	height: 482px;
	min-height: 482px;
	background:  url(../medias/pictures/portail/bg_content.jpg) center top no-repeat;
}
.home #site {
	background: #fff url(../medias/pictures/portail/body_top_home.jpg) center top no-repeat;
}

/*======= COMMUNS ====================================================*/
.clear {
	clear: both;
}
img {
	border:none 0;
	display:block;
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
}

/*======= HEADER ====================================================*/
.logo {
		position: absolute;
		left: 16px;
		top: 178px;
                zoom: 1;
                    z-index: 4;
	}
        .introduction {
            font-size: 14px;
            color: #0F77BA;
            left: 82px;
            top: 256px;
            margin-top: 10px;
            position: absolute;
                    zoom:1;
                    z-index: 4;
            line-height: 120%;
        }
        .title-site {
                    font-size: 24px;
                    color: #0F77BA;
                    left: 368px;
                    top: 320px;
                    margin-top: 10px;
                    position: absolute;
                    zoom:1;
                    z-index: 4;
                    line-height: 120%;
        }
#content {
	position: relative;
	width: 916px;
	height: 381px;
	margin:0 auto;
	padding:0;
}

	#select-country {
		background: #EDEDED url(../medias/pictures/portail/map_select.jpg) no-repeat bottom center;
		padding: 0 0 50px;
	}

	#select-country table {
            width: 896px;
		margin: 0;
		padding:0;
                margin-right: 10px;
                margin-left: 10px;
                 border-top: 1px #B9B9B9 solid;
	}


	#select-country li {
		background:url(../medias/pictures/portail/carre_bleu.gif) no-repeat 0 2px;
		padding:0px 0 3px 12px;
		margin:0;
		display:block;
		text-transform:uppercase;
		color:#1079B9;
		font-weight:bold;
		font-size:11px;
	}
        .pays_title {
            margin: 0 10px;
            padding-bottom: 4px;
            padding-top: 15px;
            font-size: 20px;
            color: #B9B9B9;
            cursor: pointer;
            float: left;
            margin: 0 22px;

            /*border-right: 1px #1079B9 solid;*/
            margin-bottom: 15px;
}
        .pays_title_selected {
            font-size: 20px;
            color: #1079B9;
}
        #select-country table td {
            vertical-align:top;
        }
	#select-country table a{
		background:url(../medias/pictures/portail/carre_bleu.gif) no-repeat 0 2px;
		text-decoration:none;
                display: block;
		text-transform:uppercase;
		color:#1079B9;
		font-weight:bold;
		font-size:11px;
		padding:0px 0 3px 12px;
		margin:0;
	}
	#select-country li.disabled {
		background:url(../medias/pictures/portail/carre_gris.gif) no-repeat 0 2px;
		padding:0px 0 3px 12px;
		margin:0;
		display:block;
		text-transform:uppercase;
		color:#646464;
		font-weight:bold;
		font-size:11px;
	}

	#select-country li.disabled a{
		text-decoration:none;
		text-transform:uppercase;
		color:#646464;
		font-weight:bold;
		font-size:11px;
		padding:0;
		margin:0;
	}

	.last {
		margin-right:85px !important;
	}

	#footer {
	position:relative;
	width: 916px;
	height: 108px;
	margin:0 auto;
	z-index: 1;
}
		#footer img {
	float:left;
}




/*-----DYNAMIC MAP-----*/
.mapmonde-wrap {
    position: relative;
    width: 916px;
    height: 374px;
    zoom:1;
    z-index: 3;
}
.amerique_nord {
    position: absolute; left: 120px; top:29px; width:217px; height:156px;
    background: url(../medias/pictures/vide.gif) no-repeat bottom right;
}
.amerique_sud {
    position: absolute; left: 225px; top:185px; width:137px; height:165px;
    background: url(../medias/pictures/vide.gif) no-repeat bottom right;
}
.afrique {
    position: absolute; left: 368px; top:137px; width:101px; height:160px;
    background: url(../medias/pictures/vide.gif) no-repeat bottom right;
}
.europe {
    position: absolute; left: 365px; top:30px; width:104px; height:106px;
    background: url(../medias/pictures/vide.gif) no-repeat bottom right;
}
.asie1 {
    position: absolute; left: 529px; top:35px; width:214px; height:167px;
    background: url(../medias/pictures/vide.gif) no-repeat bottom right;
}
.middleeast {
    position: absolute; left: 470px; top:111px; width:58px; height:72px;
    background: url(../medias/pictures/vide.gif) no-repeat bottom right;
}
.oceanie {
    position: absolute; left: 628px; top:223px; width:153px; height:103px;
    background: url(../medias/pictures/vide.gif) no-repeat bottom right;
}
.carte {
    position: absolute;
    top: 0;
    left: 0;
}

.continent {
    z-index: 10;
    zoom:1;
}
.list_pays .shadow-top {
    background: url(../medias/pictures/portail/shadow-top.png) no-repeat top left;
    padding-top: 20px;
    width: 420px;
}
*html .list_pays .shadow-top {
    background: url(../medias/pictures/portail/shadow-top.gif) no-repeat top left;
}
.list_pays .shadow-bottom {
    background: url(../medias/pictures/portail/shadow-bottom.png) no-repeat bottom left;
    padding-bottom: 20px;

}
*html .list_pays .shadow-bottom {
    background: url(../medias/pictures/portail/shadow-bottom.gif) no-repeat bottom left;
}
.list_pays .shadow-mid {
    background: url(../medias/pictures/portail/shadow-mid.png) repeat-y top left;
    padding: 1px 18px;
}
*html .list_pays .shadow-mid {
    background: url(../medias/pictures/portail/shadow-mid.gif) repeat-y top left;
}
.list_pays .title {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 100%;
    padding-bottom: 10px;
}
.list_pays table {
    margin: 0;
    padding: 0;
    width: 385px;
    border-collapse: collapse;
}
.list_pays table td {
    vertical-align: top;
}
.list_pays td a {
    display: block;
    padding: 0 5px;
    line-height: 15px;
    text-decoration: none;
    font-size: 12px;
    color: #FFFFFF;
}
.list_pays td a:hover {
    background-color: #FFFFFF;
    color: #4094C7;
}
.clear {
    clear: both;
}
.list_asie {
    position: relative;
    top: 110px;
    left: -80px;
}
.list_middleeast {
    position: relative;
    top:50px;
    left: 0px;
}
.list_europe {
    position: relative;
    top: -10px;
    left: 90px;
}
.list_amerique_nord {
    position: relative;
    top: 100px;
    left: 100px;
}
.list_amerique_sud {
    position: relative;
    top: 10px;
    left: 80px;
}
.list_afrique {
    position: relative;
    top: 5px;
    left: 110px;
}
.list_afrique2 {
    position: relative;
    top: -42px;
    left: 8px;
}
.list_oceanie {
    position: relative;
    top: -20px;
    left: -399px;
}