body{
height: 100%;
}

body {margin: 0;padding: 0;background : #664168;text-align :left;font-family : arial;font-size : 10px;color : #ffffff;}

/* BLOC CONTENEUR */

#conteneur {
position:absolute;
top: 250px;
width: 700px;
height: 438px;
margin-top: -224px;
margin-left: 3px;
border: 6px solid #fff;
background : #ffffff url(images/bg_all.jpg) 0 111px  no-repeat;   }
html>body #conteneur { height: auto; min-height: 448px;}

/* HAUT */
	 
#haut {width : 100%;height : 111px ;background : #ffffff url(images/top.jpg); text-align : left;border-top : #232323}

#haut p{font-size : 14px ;  margin : 0 10px 0 15px; padding : 0}


/* BLOC LIEN */
#lien {
position:absolute;
top: 255px;
width: 700px;
margin-top: 240px;
margin-left: 3px;
padding-bottom: 10px;
color : #664168; 
font-weight : bold ; 
border: 6px solid #fff;
background-color : #AAD5FF;
/*text-transform: uppercase;*/
}
#lien a{text-decoration : underline;color : #4A4B76}


/* CONFIGURATION ul, li / MENU */

ul, li {
margin : 0; 
padding : 0; 
list-style : none ; 
float : left}

/* MENU */

#menu {

background-color : transparent; 
text-align : center;
margin : 70px 0 0 5px;
font-size: 12px;
}

#menu li { padding : 20px 0 4px 0;  }

#menu li a {
text-decoration : none ; 
color : #fff; 
font-weight : bold ; 
padding : 2px 10px 2px 10px; 
margin : 0;
background : url(images/menu.jpg) no-repeat right ; 
height : 20px; 
}

#menu li a:hover {text-decoration : none ; color : #ccc}



#centre {

}

/* SEPARATEUR / SPACER */
 
#deco {
width : 100% ;
height : 21px ;
background : url(images/bg_deco.jpg) repeat-x; 
clear : both  }


.titre {
float : right ;  
background-color : transparent;
margin-right : 5px ; 
margin-top : -0px ;
font-family: arial;
font-weight: bold;
font-size: 20px;
color : #fff;
}

/* BLOCS GAUCHES ET DROITS EN FLOAT  */

.gauche {
float : left ; 
width : 187px ; 
background : transparent; 
height : 304px}

.gauche img { border : 1px solid #000 ; margin : 5px 10px 0 15px; 
}

.droite 
{
float : left; 
width : 513px ;
overflow : auto ;
background : transparent;
padding-bottom : 40px;  

}

/* IMAGE */	 

.img_nompage {margin : 10px 0 0 15px}

/* PARAGRAPHE */	 

h1 {
font-size : 14px ; 
margin : 0 10px 0 5px; 
padding : 10px 10px 0 10px;
color : #ffffff; 
text-transform : uppercase}

h2 {
font-size : 10px ; 
margin : 5px 10px 0 15px ;
padding : 0 ; 
font-family : arial; 
color : #ffffff ; 
}

h3 {
font-size : 14 px ; 
color : #ffffff; 
margin : 5px 10px 0 15px ; 
padding : 0}


h4 {
font-size : 24px ; 
color : #ffffff;
 margin : 5px 10px 0 15px ; 
 padding : 0}	



p {margin : 5px 10px 0 15px }

/*LIENS */ 

a {color : #3A4B76 ; text-decoration : underline ; font-weight : bold}
a:hover {text-decoration : none}

/* hr */ 

div.hr {
height: 1px;
margin : 10px 10px 10px 15px;
padding : 0;   
width : 160px;
background : url(images/hr.jpg) repeat-x}

div.hr hr {
display: none;  padding :0; 
}

/* LOGO */ 

.logo {
margin-left : 500px ; 
margin : 0 0 0 15px ; 
padding : 0 ; 
display: block; 
border : 0;
}

#pub {
position:absolute;
padding: 0; margin: 0;
top: 250px;
margin-top: -224px;
margin-left: 720px;
border: 1px solid #FFF;
background-color : #fff;
width : 145px ;
height:580px;
}


#pub1 {
position:absolute;
top: 250px;
margin-top: 365px;
margin-left: 720px;
border: 1px solid #FFF;
background-color : #fff;
width : 145px ;
height:325px;
}

#produit {background-color : #AAD5FF;
padding : 5px;
width : 690px;
clear : both;}

.afrique {
margin : 5px;
width: 128px;
height: 104px;
background : url(images/afrique.jpg) no-repeat left ; 
}

.asie {
margin : 5px;
width: 128px;
height: 104px;
background : url(images/asie.jpg) no-repeat left ; 
}

.ameriquenord {
margin : 5px;
width: 128px;
height: 104px;
background : url(images/amerique-du-nord.jpg) no-repeat left ; 
}

.france {
margin : 5px;
width: 128px;
height: 104px;
background : url(images/france.jpg) no-repeat left ; 
}

.moyenorient {
margin : 5px;
width: 128px;
height: 104px;
background : url(images/moyen-orient.jpg) no-repeat left ; 
}

.europe {
margin : 5px;
width: 128px;
height: 104px;
background : url(images/europe.jpg) no-repeat left ; 
}

.europesud {
margin : 5px;
width: 128px;
height: 104px;
background : url(images/europe-sud.jpg) no-repeat left ; 
}

.meilleurvente {
margin : 5px;
width: 128px;
height: 160px;
background : url(images/meilleur-vente.jpg) no-repeat left top ; 
}

#destination {
margin-top : 10px;
margin-left : 135px;
padding : 5px;
width : 540px;
text-align: justify;
}

.tableau01 {white-space: nowrap;}
.t12{font-size:12px;}
#tab1 {height:50px;}
#tab1 a {overflow:hidden; height:0; text-decoration:none; color:#664168;}
.tab {float:left;width:270px;padding:0;margin-bottom:2px;}