/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #F0E39E;
	background: #FFFFFF;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #A1B55D;
}

/* Page */
#global {
	background: #FFFFFF;
}

/* Navigation */
#navigation {
	background: #181A12;
}
#navigation a {
	color: #FF6533;
}
#navigation a:hover, #navigation a:focus {
	background: #000000;
}

/* Contenu principal */
#contenu {
	color: #333333;
	background: #FFFFFF;
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #181A12;
}

/* Pied de page */
#pied {
	color: #E6A948;
}


/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	height: 100%; /* Voir -> Note 1 ci-dessous */
}
body {
	padding: 0;
}
#global {
	min-height: 100%; /* -> 1 */
	width: 800px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

/* En-tête */
#entete {
	padding: 0px;
	height: 45px;
	background-color: #e4ded3;
	background-image: url(top_bg.png);
	margin-bottom: 3px;
}

#entete2 {
	padding: 0px;
	height: 116px;
	background-color: #000000;
	margin-bottom: 3px;
	background-image: url(top2_bg.png);
}




#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Menu de navigation */
#navigation {
	padding: 12px 15px;
}
#navigation ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#navigation li {
	display: inline;
}
#navigation a {
	padding: 6px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	padding-top: 0px;
	padding-bottom: 10px;
	overflow:hidden;
}

#contenu p, #contenu li {
	line-height: 1.5;
}

/* Pied de page */
#pied {
	padding: 0px;
	font-size: 0.85em;
	height: 58px;
	background-image: url(bot_bg.png);
	background-position:top;
}
#pied p {
	margin: 0;
	
}
#copyright {
	text-align: center;
	font-size: 1em;
	padding-top: 1.8em;
}

#logo
{
	float: left;
	padding-top: 17px;
	padding-left: 25px;
	
}


#banner
{

	margin-left: 221px;

}

#primary
{
	float: left;
	background-color: #e4ded3;
	width: 172px;
	overflow:hidden;
}

#secondary
{

	margin-left: 175px;
	

}

#title
{

	width: 630px;
	height: 77px;
	background-image: url(bg_title.png);
	
}

#titlearrow
{ 
	padding-left: 27px;
	background-image: url(title_arrow.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 32px;
	height: 79px;

}

.menulvl1
{
	padding-left: 27px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#sepselected
{

	background-image:url(menu_sel_down.png);
	background-position:bottom;
	height: 7px;

}

.menulvl2
{
	padding-left: 0px;
	background-color:#3f3f3f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#e4ded3;
	padding-bottom: 5px;
	padding-top: 5px;
	
}

.menulvl2:hover
{ 

	background-image: url(submenu_sel.png);
	color:#FFFFFF;
	
}

.currentsub
{ 

	background-image: url(submenu_sel.png);
	color:#FFFFFF;
	
}



.sep
{background-image:url(menu_sep.png);
background-position:bottom;
background-repeat:repeat-x;
height:4px;
}


#inleft
{ 
	margin-left:13px;
	float:left;
	width: 300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;

}


#inright
{ 
	margin-left:330px;
	width: 290px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;

}




.dot
{

margin-top: 7px;
margin-bottom: 5px;
 background-image:url(dot.png);
background-position:bottom;
background-repeat:repeat-x;
width: 304px;
height: 1px;



}

h2
{font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#805646;
}


#contactus
{
	float: left;
	margin-left: 600px;
	background-image:url(contact_us.png);
	width: 88px;
	height: 45px;
	cursor:pointer;
	

}


#langselect
{
padding-top: 3px;
padding-left: 10px;
margin-left: 695px;
height: 42px;
background-color:#e4ded3;
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
color:#777159;
text-align:center;
}



#inall
{ 
	margin-left:13px;
	
	width: 580px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;

}

#subtilte
{

padding-top: 17px;
margin-left: -13px;
}

