/*
 foncé : #022859
 moins foncé:#275D8C
 moins clair:#5E9FF2
 clair: #79C4F2

*/
html {
    height: 100%;
    /*
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
    background: #fafcfc;
    background-repeat:no-repeat;
    
    background: -webkit-linear-gradient(to top, #f4f0e9, #fafcfc);
    background: -moz-linear-gradient(to top, #f4f0e9, #fafcfc);
    background: -ms-linear-gradient(to top, #f4f0e9, #fafcfc);
    background: -o-linear-gradient(to top, #f4f0e9, #fafcfc);
    background: linear-gradient(to top, #f4f0e9, #fafcfc);
    background-attachment: fixed;
}

body 
{
    height:100%;
    margin:0;
    padding:0;
    font:12px Helvetica Neue,Verdana,Arial,Sans-serif;
    color:black;
}
p
{
	margin:1.4em 0;/*default:1.12em 0*/
}
h2
{
	padding:0;
	margin:0;
}
.code
{
	font-family:"Courier New";
}
#header 
{
	/*position:absolute;*/
    text-align:center;
    width:100%;
/*    height:130px;*/
/*    background-color:#022859; 
    background-color:#f4f0e9;*/
    color:#f4f0e9;
    text-align:left;
   
   /* border-bottom:solid white 3px;*/
    
}
html>body #header /*for other browsers*/
{
/*	text-shadow: 0 0 8px white;/*#5E9FF2;*/
}
#container-top
{
	position:relative;/* for childdren placement */
/*	height:36px;*/
	/*border-bottom:solid white 3px;*/
	border-left:solid white 3px;
	border-right:solid white 3px;
	width:75%;
	overflow:hidden; 
	background-color:#5E9FF2;
	float:left;/*temp*/
	margin-left:20px;
}

#container-left
{
	position:absolute;/*just to be able to set position of the children*/
	width:660px;
	/*top:200px;*/
	margin-left:50px;
	margin-right:18px;
	/*border-left:solid white 3px;*/

}
#container-right
{
	position:absolute; /* allow overflow hidden to hide the black header */
	/*left:730px;*/
	/*top:200px;*/
	width:230px;
	left:750px;
}
#container-right-menu
{
	/*background-color:#275D8C;*/
/*	border:solid white 3px;*/
}
#container-social
{
	margin-top:20px;
}
#content-social
{
	float:right;
	margin-right:8px;
}

#container-bottom
{

}

#site-title
{
	font-size:3em;
	font-weight:800;
	letter-spacing:3px;
	margin-left:50px;
	/*border-bottom:solid 1px #FFFFFF;*/
	/*margin-left:100px;*/
	margin-right:100px;
	padding-top:20px;
	color:#4a4a4a;
}
#site-title span
{
	color:#4a4a4a;
	display:inline-block;
	vertical-align:middle;
}
#waiting
{
	position:absolute;
	left:45%;
	top:45%;
	background-color:white;
	visibility:hidden;
}
#flags
{
	position:absolute;
	left:750px;
	top:5px;
	
}
#top-title
{
	position:absolute;
	/*text-align:center;*/
	padding-left:20px;
	padding-right:20px;
	font-size:2.2em;
	font-weight:bold;
	background-color:#5E9FF2;
//	color:white;
	color:black;
	z-index:10;			
	width:auto;
	text-shadow: 0 0 2px #022859;/*#5E9FF2;*/
}


a.pageLink,
a.pageLink:visited,
a.pageLink:hover
/*#page-prev > a, #page-next > a, #page-next>a:hover, #page-next>a:visited, #page-prev > a, #page-prev>a:hover, #page-prev>a:visited*/
{
	color:black;
	text-decoration:none;
}

#menu-list
{
   width:160px;
/*   margin:auto;*/
}

#menu-article-div
{
    background-color:transparent;
}

#menu-article-list
{
	list-style-type:none;
	margin-top:20px;
	margin-bottom:3px;
	padding:0;
	background-color:transparent;
	
}

#menu-article-list > li
{
	padding-left:1px;
	margin-top:-1px;
	cursor:default;
}
.title-article-list
{
	padding:0;
	margin:0;
	font-size:large;
	/*text-shadow: 0px 1px 1px #797979;/*#79C4F2;/*#275D8C;*/
}
.size-article-list
{
	padding:0;
	margin:0;
}
.date-article-list
{
	padding:0;
	margin:0;
	font-size:x-small;
}
.tags-article-list
{
	padding:0;
	margin:0;
	display:none;
}	
.tag-article-list, .section-article-list
{
	padding:0;
	margin:0;
	font-size:x-small;
	font-style:italic;
	padding-right:5px;
	display:none;
}	

.li-article-highlight
{
	color:black;
}

.ss_thumb
{
	/*padding:5px;*/
	border:1px solid black;
}

.sections
{
	list-style-type:none;	
	margin-top:40px;
	width:420px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.section
{

	display:inline;
	list-style-type:none;	
	border-bottom:solid white 1px;
	float:left;/*we need float so that width is taken into account for an inline element*/
	width:120px;
	margin-right:20px;
}

a.section-link,
a.section-link:visited,
a.section-link:hover
{
	text-decoration:none;
	text-align:center;
	/*border:1px solid black;*/
}
	
.section-icon
{
	display:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;              
	border-radius: 5px; 
    -webkit-box-shadow: 1px 4px 3px black;
    -moz-box-shadow: 1px 4px 3px black;
}
.section-icon-text
{
	display:inline;
	padding:4px  0 0 0;
	text-shadow: 1px 1px 2px black;
	font-weight:600;/*700=bold*/
	font-size:small;
}


a.white-link,
a.white-link:visited,
a.white-link:hover
{
	color:black;
	/*text-decoration:none;*/
	/*border:1px solid black;*/
}

a.white-link-nodec,
a.white-link-nodec:visited,
a.white-link-nodec:hover
{
	color:black;	
	text-decoration:none;
	/*border:1px solid black;*/
}
	
#content-noscript
{
	padding:10px 5px 10px 10px;
	/*background-color:#F5F5FF;*/
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}	

#container-reviews
{
	color:black;
}

span.star
{
	color:#FFCC00;
}
img.poiviewer_icon
{
	width:128px;
	height:128px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
img.poiviewer_icon_title
{
	width:50px;
	height:50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	vertical-align:middle;	
}

site-title>span
{
	display:inline-block;
	vertical-align:middle;
}

h3.country>span, h3.country img 
{
	display:inline-block;
	vertical-align:middle;
}