/* CHOIX DES COULEURS */
/* Pour changer les couleurs : faire remplacer sur les numeros precedes de # */
/* fond menu E0D7CE */

/* Choix gris + rouge (2009) */
/* lettres 333333 */
/* anglais 666666 */
/* lettres titres 555555 */
/* lettres titres anglais 888888 */
/* ref cc0012 */
/* ref ang 996666 */

/* Choix gris + bleu (2010) */
/* lettres 333333 */
/* anglais 666666 */
/* lettres titres 555555 */
/* lettres titres anglais 888888 */
/* ref 334466 */
/* ref ang 778899 */

/* CORPS DE LA PAGE */
body {
	margin-left:0px;
	margin-top:0px;	
}

/* BARRE POUR DELIMITER */
hr {
	background-color: #333333;
   	left:-20px;
	height: 2px;
	border: 0px;	
}

/* TITRE PRINCIPAL DE LA PAGE */
h1 {
	text-align:left;
	padding-left:25px;	
	padding-right:40px;
	padding-bottom:2px;	
	font-family:verdana;
	font-size:20px;
	background-color:#E0D7CE;
	color:#555555;
}

h2 {
	text-align:left;
	padding-left:25px;	
	padding-right:40px;
	padding-bottom:2px;	
	font-family:verdana;
	font-size:16px;
	background-color:#E0D7CE;
	color:#555555;
}

h2 .en {
	text-align:left;
	padding-left:0px;	
	padding-right:40px;
	padding-bottom:2px;	
	font-family:verdana;
	font-size:16px;
	background-color:#E0D7CE;
    font-style:italic;
	color:#888888;
}

h3 {
	text-align:left;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;	
	color:#555555;
}

h3 .en {
	text-align:left;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;	
 	font-style:italic;
	color:#888888;
}

.titre {
	text-align:center;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;	
	color:#555555;
}

.en .titre {
	text-align:center;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;	
    	font-style:italic;
	color:#888888;
}

.en hr {
	background-color: #888888;
    	left:-20px;
	height: 2px;
	border: 0px;	
}

/* FOND */
.fond {
	background-image: url("Images/Motif.JPG");
	position:absolute;
	display:block;
	left:0px;
	right:0px;
	top:0px;
    	bottom:0px;
}

.liserehaut {
	position:absolute;
	display:block;
	left:0px;
	right:0pt;
	top:0px;
	height:5px;
	border-bottom:6px #334466 double;
}

.entete {
	position:absolute;
	display:block;
	left:350px;
	right:80px;
	top:26px;
	bottom:0px;
}
.enteteIco {
	position:absolute;
	display:block;
	right:10px;
	top:35px;
	bottom:0px;
}
.enteteIcoUnebande {
	position:absolute;
	display:block;
	right:10px;
	top:10px;
	bottom:0px;
}
.photo {
	position:absolute;
	display:block;
	left:10px;
	width:300px;
	top:20px;
	bottom:100px;
}

/* MENU */
.menu {
	position:absolute;
	display:block;
	left:0px;
	width:350px;
	top:245px;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;	
    	text-align:justify; 
}

.menu ul {
	font-weight:bold;	
	list-style-type:none;
	margin-left:-20px;
	margin-right:25px;
}

.menu a {
	text-decoration:none;
	color:#334466;
}

.menu a .en{
	color:#778899;
}

.menu a:hover {
    color:#ffffff
}

.menu a .en:hover {
   	color:#ffffff
}

.menu a:active {
    	color:#ffffff
}

.menu a .en:active {
    	color:#ffffff
}

.menu li {
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:3px;
	margin-bottom:13px;
	background-color:#E0D7CE;
}

/* CONTENU */
.contenu {
	background-color:#FFFFFF;
	position:absolute;
	display:block;
	left:350px;
    	right:15px;
	top:150px;
    bottom:15px;
	text-align:justify;
	padding-top:10px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:10px;
	font-family:verdana;
	font-size:12px;
	line-height:145%;
    color:#333333;
	list-style-type:dot;
	float:left;
	overflow: auto;
	border:1px #333333 solid;
}

.en {
    font-style:italic;
	color:#666666;
}

a .en {
	color:#778899;
    text-align:right; 
}

.en a{
	color:#778899;
}

.contenu ul{
	font-weight:normal;	
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:5px;
}

/* TEXTE EN RETRAIT */
.retrait {
	margin-left:20px;
	border-left:10px #E0D7CE solid;	
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
}

/* LIENS SURVOLES DANS LE CONTENU */
/* IMAGE */
img {
	margin-top:5px;
	margin-left:15px;
}

/* LIENS (normaux, visites, survoles, actifs) */
.contenu a {
	color:#334466;
	text-decoration:none;
}

.contenu a:visited {
	color:#334466;
}

.contenu a:hover {
	font-weight:bold;	
	color:#334466;
	text-decoration:underline;	
}

.contenu a:active {
	font-weight:bold;	
	color:#334466;
	text-decoration:underline;	
}

/* IMAGES LIVRES */
.legende {
	font-size:10px;
    	width:500px
}