body.custom-background {
	margin-top: 20px;		
}
#flag-container{
	position: absolute;
	top: 125px; 
	left:0;	
	width:100%;
	z-index:99;
}
#flag-content {
	max-width: 1038px;
	width:89%;	
	margin: 0 auto;	
}
.flag { width: 112px; float:right;}

.wrapper {
	max-width: 1038px;
	width:100%;
	margin: 0 auto;
	border:1px solid #333333; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
}
.entete{
height:124px;
background:gray;
border-bottom:1px solid #333;											
}

.menutiny{
	position:absolute;
	top:146px;	
	background:purple;		
	border-bottom:1px solid #333333;
	display:none;
	margin:0 auto;
	width:100%;
	z-index:999;	
	text-transform: uppercase;
	text-align:center;
	
}

.row{
width: 100%;
display: table;
}

.entete #site-logo img{
padding-top:1%;
padding-bottom:1%;
display: none;
}

#site-logo.actif img {cursor:default;}

.entete #site-titre1 {
float:left;
padding-top: 42px;
padding-left:1%;
text-align:center;
}
.entete #site-titre2 {
float:left;
padding-top: 26px;
padding-left:1%;
text-align:center;
}

.entete #site-titre1 h1,.entete #site-titre2 h1 {
font: 36px 'Philosopher', sans-serif;
line-height: 36px;
}

.entete #site-title a, #site-title.actif a:hover {color: #000;text-decoration:none;}

.entete #site-title a:hover {color: blue;}

.entete #site-description {
font: 13px 'PT Sans', sans-serif;
line-height: 20px;
color: #000;
}
.entete select { 
	display: none;
	margin:0 auto;
	z-index:10;	
	}

/*  Menu
-------------------------------------------------------------- */
#access {
	position: relative; 
	top: 0; 
	border: 0px none; 
	background: purple; 
	width: 15%; 
	display: table-cell; 
	vertical-align: top;	
	}
#accessContent{
	position: relative;
	left:0;
	top:0;	
	}	
#access div#site-logo img{
	float:left;
	margin-top: 0;
	width:98%;
	height:auto;
	padding:1%;
	}
	
#access ul, #access li{
	list-style-type: none;
	display:block;
	}
	
#access ul{border-bottom:1px solid silver;}

#access ul ul{border-bottom:0px none;}

#access ul ul {display:none;}

#access ul ul ul{display:none;}

#access ul ul.children{
margin-top:5px;
margin-bottom:-5px;
/*ouverture a droite*/
margin-left:100%;
z-index:999;
position:absolute;
top:-6px;
width:100%;	
}
	
#access ul ul ul.s_children{
margin-top:5px;
margin-bottom:-5px;
/*ouverture a droite*/
margin-left:100%;
z-index:999;
position:absolute;
top:-6px;
width:100%;
}	
	
#access li {	
	border-top:1px solid silver;	
	position:relative;	
	height:auto;	
	padding:0;
	padding-top:5px;
	padding-bottom:5px;	
	text-align:center;
	text-transform: uppercase;	
	}
#access li li {		
	border-top:1px solid transparent;
	border-right:1px solid silver;
	border-left:1px solid silver;
	/*ouverture a droite/*
	border-top:1px solid silver;
	border-left:1px solid silver;
	*/	
	position:relative;	
	height:auto;	
	padding:0;
	padding-top:5px;
	padding-bottom:5px;			
	text-align:center;
	text-transform: none	
	}
#access li li:first-child {	
	border-top:1px solid silver;	
	border-left:none;
}

#access li li:last-child {	
	border-bottom:1px solid silver;	
}

#access li {background: black;}

#access li:hover, #access li li:hover {background: gray;}

#access li.s_menu_actif, #access li.actif, #access li.actif:hover, #access li li.actif, #access li li.actif:hover {background: gray;}

#access li a{
	padding:0;	
	color:cyan;
	}
#access li li a, #access li.actif li a{
	padding:0;
	padding-left:6%;
	color:cyan;
	text-transform: uppercase;	
	}
	
#access li a:hover, #access li.actif li a:hover {
	color:yellow; 	
	}	

#access li.actif a, #access li.actif a:hover, #access li li.actif a, #access li li.actif a:hover {
	color:lime; 
	cursor:default;
	text-decoration:none;	
	}

#access li.actif li a:hover	{text-decoration:underline;}

#container {
height:100%;
padding:10px;
padding-top:10px;
padding-bottom:10px;

display: table-cell;
background: silver;
border-bottom:1px solid #333;
border-left:1px solid #333;
}
#content {min-height: 20px;}

#site-generator {position:relative;height:40px;
background: purple;
border: 0px none;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-bottom-right-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
color: black;
padding-left: 0px;
padding-right: 0px;
padding-top: 20px;

}
#site-generator .copyright {
float: left;
padding-left:1%;
}
#site-generator .auteur {
float: right;
padding-right:3%;
}
/*firefox
.entry-content img { max-width: 80%;}*/
/*----------------------------// Menu---------------------------------- */

@media only screen and (max-width: 1078px) {
	
	.wrapper { max-width: 89%; }

}
/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) {
	.flag {float:none;margin: 0 auto;}
	
	#access {display:none;}
	
	.menutiny{display:block;}
	
	.menutiny select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;  
	 	display: block;
	 	max-width:200px;
		width: 100%;		
		background:url('../../../images/responsive-menu-nexus.png') no-repeat right center,black;				
		border:1px solid silver;
		text-transform: uppercase;
	text-align:center;
		color: cyan;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		height: 33px;
		margin: 0 auto; 
		font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; font-family:PT Sans, sans-serif
	}
		
	.entete #site-logo img{
	display: block;
	float:right;
	margin-top: 0;
	height: 114px;
	width:auto;
	padding: 5px;
	}
	#container {
	border-left:0 none;
	margin-top:34px;
	display:block;	
	}	
	#site-generator .copyright {
    	float: none;
    	width: 96%;		
    	text-align: center;
	}
	#site-generator .auteur {
    	float: none;
    	width: 96%;		
    	text-align: center;
	}	
}
@media only screen and (max-width: 567px) {
	.entete #site-logo img{	display: none;}	
	
	.entete #site-titre1,.entete #site-titre2{
		float:none;
		margin:0 auto;
		padding-right:0;		
	}
	
}	
/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */
@media only screen and (max-width: 479px) {

	.wrapper {max-width: 95%;}
	
	#flag-content {	width:95%;}	
	
	.entete #site-titre1 h1,.entete #site-titre2 h1{		
	font: 30px 'Philosopher', sans-serif;
	line-height: 36px;	
	}	
}

	
@media only screen and (max-width: 319px) {
	.wrapper { max-width:98%; }

	.entete #site-titre1 h1,.entete #site-titre2 h1{		
	font: 22px 'Philosopher', sans-serif;
	line-height: 36px;	
	}		
}
/* All Mobile size smaller than standard 230 (devices and browsers) */
@media only screen and (max-width: 229px) {

	.entete #site-titre1 h1,.entete #site-titre2 h1{		
	font: 20px 'Philosopher', sans-serif;
	line-height: 36px;	
	}	
}