/*
// Site : http://www.123spresso.com/
// Date : 2006-03-03
*/

body{
	background      : #666;
	text-align      : center;
	padding         : 20px 0 0 0;
}

/*
// Section : Main.
*/
#main, #main-univers{
	background      : #FFF url("../img/gui/bkg/bkg_main.png") repeat-y center top;
	width           : 760px;
	margin          : auto;
	text-align      : left;
}

#main-univers{
	background      : #FFF url("../img/gui/bkg/bkg_main-univers.png") repeat-y 160px top;
}

/*
// Section : Languages
*/
#languages{
	background      : #666; 
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align      : right;
	margin          : 0;
	padding         : 3px;
}

#languages li, #languages li.last{
	display         : inline;
	list-style-type : none;
}

#languages li a, #languages li a.last{
	border-right    : 1px solid #999;
	padding         : 0 8px 0 4px;
	color           : #CCC;
	text-decoration : none;
}

#languages li a.last{
	border          : 0;
	padding         : 0 0 0 4px;
}

#languages li a:hover{
	text-decoration : underline;
}

/*
// Section : Headmaster.
*/
#headmaster{
	background      : #666 url("../img/gui/bkg/bkg_headmaster.jpg") no-repeat right top;
	text-align      : left;
	height          : 71px;
}

#headmaster h1{
	margin          : 0;
	padding         : 0;
	background      : url("../img/gui/lgo/logo_malongo.png") no-repeat left top;
	height          : 71px;
}

#headmaster h1 a{
	display         : block;
	width           : 229px;
	height          : 71px;	
}

#headmaster h1 a span{
	display         : none;
}

/*
// Section : Menu
*/
#menu{
	background      : #666;
	font            : bold 10px Georgia, "Times New Roman", Times, serif;
	display         : block;
	text-transform  : uppercase;
	margin          : 0;
	padding         : 6px 0 6px 10px;
	vertical-align  : middle;
	clear           : both;
}

#menu li{
	display         : inline;
	margin          : 0;
	list-style      : none;
}

#menu li a{
	background      : url(../img/gui/bkg/bkg_li_a.png) no-repeat left center;
	color           : #FFF;
	text-decoration : none;
	padding         : 4px 3px 4px 7px;
}

#menu li a.first{
	background      : transparent;
	padding-left    : 0;
}

#menu li a.contact{
	background      : url(../img/gui/bkg/bkg_li_a_contact.png) no-repeat left center;
	padding         : 4px 3px 4px 13px;
}

#menu li a:hover{
	color           : #FC6;
}

/*
// Section : Contenu
*/
#contenu{
	font            : normal 9px Verdana, Arial, Helvetica, sans-serif;
	margin          : 0 0 10px 0;
}

#contenu #contenu-1, #contenu #contenu-2, #contenu #contenu-3{
}

#contenu #contenu-3{
	padding         : 0 0 0 3px;
}

/*
// Section : Contenu : Navigation
*/

#contenu #navigation{
	width           : 150px;
	background      : #FFE5B2;
	padding         : 5px;
	border-bottom   : 3px solid #666;
}

#contenu #contenu-1 #navigation h1, #contenu #contenu-1 #navigation h1 a{
	color           : #C00;
	font            : bold 11px Georgia, "Times New Roman", Times, serif;
	text-transform  : uppercase;
	margin          : 8px 0;
	padding         : 0 0 0 5px;
	text-decoration : none;
}

#contenu #contenu-1 #navigation h1 a{
	padding         : 0;
}

#contenu #contenu-1 #navigation ul{
	font            : normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin          : 0 0 10px 10px;
	padding         : 0;
}

#contenu #contenu-1 #navigation ul li{
	background      : url(../img/gui/bkg/bkg_li.png) no-repeat left center;
	list-style-type : none;
	padding         : 0 0 0 10px;
	margin          : 0;
	line-height     : 15px;
}

#contenu #contenu-1 #navigation li a{
	text-decoration : none;
	color           : #000;
}

#contenu #contenu-1 #navigation li a:visited{
        color     : #000;
}

#contenu #contenu-1 #navigation li a:hover{
	font-weight     : bold;
	color           : #600;
}

/*
// Section : Contenu : Contenu
*/

#contenu #contenu-2{
	width           : 448px;
	margin          : 0;
	padding         : 0;
}

#contenu #contenu-2 .overidewidth {
	width           : 648px;
	margin          : 0;
	padding         : 0;
}

table.content{
	background      : #FFF;
	width           : 400px;
	margin          : auto;
	border          : 0;
}

table.content td{
	background      : #FFF;
	text-align      : left;
	vertical-align  : top;
}

table.content td.Separateur{
	height          : 20px;
	background      : url("../img/gui/bkg/bkg_separateur.png") repeat-x center center;
}

table.content td.Illustration{
	width           : 140px;
}

table.content td.Illustration img{
	padding         : 0;
	margin          : 0 0 10px 0;
	width           : 120px;
	height          : auto;
}

#contenu #contenu-2 h1{
	font            : bold 15px Georgia, "Times New Roman", Times, serif;
	text-transform  : uppercase;
	color           : #9C3200;
	padding         : 17px 0 10px 17px;
	margin          : 0;
	width           : 400px;
}

#contenu #contenu-2 h2{
	font            : bold 9px Verdana, Arial, Helvetica, sans-serif;
	color           : #C00;
	text-align      : justify;
	padding         : 10px 20px 10px 20px;
	margin          : 0;
}

#contenu #contenu-2 table.content{
	font            : normal 11px Arial, Helvetica, sans-serif;
	line-height     : 14px;
}

#contenu #contenu-2 table.content h2{
	font            : bold 12px Georgia, "Times New Roman", Times, serif;
	color           : #900;
	text-align      : left;
	text-transform  : uppercase;
	line-height     : 13px;
	padding         : 0;
	margin          : 0;
}

#contenu #contenu-2 table.content h3{
	font            : bold 11px Georgia, "Times New Roman", Times, serif;
	text-transform  : uppercase;
	line-height     : 15px;
	color           : #993130;
	padding         : 10px 0 0 0;
	margin          : 0;
}

#contenu #contenu-2 table.content p{
	font            : normal 11px Arial, Helvetica, sans-serif;
	line-height     : 14px;
	padding         : 0;
	margin          : 0;
}

#contenu #contenu-2 table.content a{
	text-decoration : underline;
	color           : #C00;
}

#contenu #contenu-2 table.content a img{
	border          : 0;
}

#contenu #contenu-2 table.content ul, #contenu #contenu-2 table.content ol{
	margin          : 10px 0;
	padding         : 0;
}

#contenu #contenu-2 table.content ul li, #contenu #contenu-2 table.content ol li{
	font            : normal 11px Arial, Helvetica, sans-serif;
	line-height     : 14px;
	margin          : 0 0 0 20px;
	padding         : 0;
}

#contenu #contenu-2 table.content address{
	font            : normal 11px Arial, Helvetica, sans-serif;
	letter-spacing  : 1px;
	line-height     : 14px;
	padding         : 0;
	margin          : 0 0 10px 0;
}

#contenu #contenu-2 #illustration{
	display         : block;
	width           : 400px;
	height          : 116px;
	float           : none;
	margin          : auto;
	padding         : 0;
}

#contenu #contenu-2 td.horizontale{
	padding         : 10px auto;
	text-align      : center;
}

#contenu #contenu-2 td.horizontale img{
	padding         : 10px 0 10px 0;
	width           : 400px;	
}

#contenu #contenu-2 hr{
	width           : 93%;
	padding         : 4px 0 8px 0;
	margin          : auto;
	text-align      : center;
	border          : 0;
	border-bottom   : 1px solid #666;
	clear           : both;
	display         : none;
}

#contenu #contenu-2 table.content td.Tableau table{
	border          : 1px solid #900;
	border-right    : 1px solid #944C4C;
	border-bottom   : 1px solid #944C4C;
	margin          : 10px auto;
	width           : 90%;
}

#contenu #contenu-2 table.content td.Tableau table td{
	padding         : 4px;
	font            : normal 9px Arial, Helvetica, sans-serif;
	border-bottom   : 1px solid #666;
	border-right    : 1px solid #666;
	letter-spacing  : 1px;
	line-height     : 14px;
	color           : #333;
	text-align      : center;
}

#contenu #contenu-2 table.content td.Tableau table thead td{
	background      : #666;
	padding         : 4px;
	font            : bold 11px Arial, Helvetica, sans-serif;
	border-bottom   : 1px solid #666;
	border-right    : 1px solid #666;
	letter-spacing  : 1px;
	line-height     : 14px;
	color           : #FFC;
	text-align      : center;
}

#contenu #contenu-2 table.content td.Tableau table tbody td{
	background      : #FFE;
	padding         : 4px;
	font            : normal 9px Arial, Helvetica, sans-serif;
	border-bottom   : 1px solid #666;
	border-right    : 1px solid #666;
	letter-spacing  : 1px;
	line-height     : 14px;
	color           : #333;
	text-align      : center;
}


#contenu #contenu-2 table.content td.Tableau table td img{
	width           : auto;
	height          : auto;
	padding         : 0;
	margin          : 0;
}

/*
// Section formulaire hotellerie
*/

#contenu #contenu-2 #form_hotellerie p{
	font            : normal 11px Arial, Helvetica, sans-serif;
	line-height     : 14px;
	padding         : 2px 0 10px 0;
	margin          : 0;
}

#contenu #contenu-2 #form_hotellerie p a{
	text-decoration : none;
	color           : #900;
}

#contenu #contenu-2 #form_hotellerie p a:hover{
	text-decoration : underline;
	color           : #F00;
}

#contenu #contenu-2 #form_hotellerie p input,
#contenu #contenu-2 #form_hotellerie p textarea{
	width           : 100%;
	background      : #FFE;
	border          : 1px solid #CCC;
	padding         : 2px;
	overflow        : auto;
}

#contenu #contenu-2 #form_hotellerie p input:hover,
#contenu #contenu-2 #form_hotellerie p textarea:hover{
	background      : #FFC;
}

#contenu #contenu-2 #form_hotellerie p input.nowidth {
	width 			: auto;
}

/*
// Section accueil hotellerie
*/

#contenu-3 #accueil_hotellerie {
	width 			: 100%;
	margin 			: 0;
	padding 		: 0;
}

#contenu-3 #accueil_hotellerie td {
	width 			: 50%;
	padding 		: 10px;
}

#contenu-3 #accueil_hotellerie td.host1 {
	background 		: #DEDEDE;
}

#contenu-3 #accueil_hotellerie td.host2 {
	background 		: #E8E8E8;
}

#contenu-3 #accueil_hotellerie h2{
	font            : bold 12px Georgia, "Times New Roman", Times, serif;
	color           : #900;
	text-align      : left;
	text-transform  : uppercase;
	line-height     : 13px;
	padding         : 0;
	margin          : 0;
}

#contenu-3 #accueil_hotellerie h3{
	font            : bold 11px Georgia, "Times New Roman", Times, serif;
	text-transform  : uppercase;
	line-height     : 15px;
	color           : #993130;
	padding         : 10px 0 0 0;
	margin          : 0;
}

#contenu-3 #accueil_hotellerie p{
	font            : normal 11px Arial, Helvetica, sans-serif;
	line-height     : 14px;
	padding         : 0;
	margin          : 0;
}

#contenu-3 #accueil_hotellerie a{
	text-decoration : underline;
	color           : #C00;
	display 		: block;
	margin-bottom 	: 10px;
}

#contenu-3 #accueil_hotellerie a img{
	border          : 0;
}



/*
// Section : Module
*/

#contenu #modules{
	width           : 157px;
	text-align      : left;
	line-height     : 0;
	vertical-align  : top;
}

#contenu #modules a img{
	display         : block;
	border          : 0;
	border-bottom   : 3px solid #666;
}


/*
// Section : Alternatif
*/
#alternatif{
	width           : 760px;
	height          : 79px;
}

#alternatif a img{
	padding         : 0;
	margin          : 0;
	border          : 0;
	line-height     : 0;
}

/*
// Section : Footer
*/
#footer{
	background      : #666;
	font            : bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin          : 0;
	padding         : 5px 0 5px 15px;
}

#footer li{
	display         : inline;
	list-style      : none;
	margin          : 0;
	padding         : 0;
}

#footer li a{
	color           : #FFF;
	text-decoration : none;
	padding         : 0 6px 0 6px;
	border-right    : 1px solid #FFF;
}

#footer li a.last{
	border          : 0;
}

#footer li a:hover{
	text-decoration : underline;
}




/*
// Section : Search.
*/

#searchBox {
	/*display			: none;*/
	display			: block;
	width			: 132px;
	height			: 20px;
	padding 		: 2px 0 0;
	margin 			: 0;
	float 			: right;
}

#searchBox form {
	padding 		: 0;
	margin 			: 0;
}

#searchBox input {
	display			: block;
	float			: left;
}

#searchBox input.search_box {
	border 			: 1px solid #9E9D85;
	padding			: 1px;
	margin			: 0;
	height			: 14px;
	font-size 		: 10px;
}

#searchBox input.search_submit {
	padding			: 0;
	margin			: 0 0 0 5px;
	display: block;
	float: right;
}

#main div.menu-box,
#main-homepage div.menu-box,
#main-univers div.menu-box,
#main-pays div.menu-box {
	clear 			: both;
	width 			: 100%;
	height 			: 24px;
	background      : #666666;
	margin 			: 0;
	padding 		: 2px 0;
}


.clearnone {
	clear           : none;
	float 			: left;
}