@import url(layout.css);
body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	background-color: #fff;
}

/* Pour le menu */
#container {
	width: 100%;
	margin: 0;
	background-color: #fff;
	position: relative;
}
#masthead {
	text-align: right;
	width: 100%;
	/*background-color: #c5d5e5;*/ /*bleu*/
	background-color: #F7F7F7; /*bleu*/
}
#navigation {
	background-color: #ca7;

	overflow: hidden;
		border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCAA77;

}
#page_content {
	position: relative;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCAA77;
}
#column_l {
	position: relative;
	margin: 0 350px 0 0;
	padding: 0 2%;
	background-color: #fff;
	float: none;
}
#column_r {
	float: none;
	width: 330px;
		
	padding: 0px 0px 0px 20px;
	background-color: #ccaa77;
	position: absolute;
	right: 0px;
	top: 0px;
}
#footer {
	background-color: #ca7;
	padding-bottom: 5px;
}
/* Styles pour le titre */
#masthead img {
	float: left;
	margin: 0;
	padding: 0;
}
#masthead p {
	font-size: small;
	text-align: right;
	color: #000;
	margin: 10px 15px 0px 0;
	padding: 0;
}

/* Styles pour les éléments de navigation */
/*html>body #navigation li {border-bottom: none;} */

#navigation ul {
	list-style-type: none;
	width: 100%;
	/*height:35px;*/
	margin: 0;
	padding: 0;
	background:url("../images/bkg_off.gif") repeat-x left top;

}
#navigation li {
	float: left;
}


#navigation a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #ca7;
	background-color: #dc8;
}
#navigation a:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #ed9;
	background-color: #ed9;
		background:url("../images/separator.gif") no-repeat right top;
	}




/* Styles pour le contenu */
h1 {
	font-size: 2em;
	color: #393939;
}
h2 {
	font-size: 1.75em;
	color: #469;
}
h3 {
	font-size: 1.5em;
	color: #469;
}
h4 {
	font-size: 1.25em;
	color: #469;
}
h5 {
	font-size: 0.75em;
	color: #469;
}
h6 {
	font-size: 0.5em;
	color: #469;
}
/* Styles pour le pied de page */

#footer p {
	font-size: x-small;
	text-align: center;
	color: #393939;
	margin: 10px;
	padding: 1px;
}

#footer a {
	color: #393939;
	text-decoration: underline;
	padding: 5px;

}
#footer a:hover {
	color: #000;
	text-decoration: none;
}

#footer ul {
	list-style-type: none;
	/*width: 100%;*/
	margin: 0;
	padding: 0;
}
#footer li {
	float: left;
	
}


/* Styles pour les liens */
a {
	color: #469;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

	#flashcontenu {
		margin: 0 5 0px 0px;
		text-align:left;
	}
	
	
/**************************************************************
   Generic Display 
 **************************************************************/
.block {  display: block;}
.clear { clear: both;}
.marginRight { margin-right: 15px;}
.paddingLeft { padding-left: 5px;}
.paddingRight {  padding-right: 5px;}
.alignLeft {  text-align: left;}
.alignRight {  text-align: right;}
.alignTop {  vertical-align: top;}
.alignMiddle {  vertical-align: middle;}
.alignBottom {  vertical-align: bottom;}
.lightBlueBg {  background-color: #F4F4F4;}
.dark {  color: #383838;}


.floatLeft {  float: left;}
.floatRight {  float: right;}
 
img.floatRight {  margin: 5px 0 10px 10px;}
img.floatLeft {  margin: 5px 10px 10px 0;}*/

/* Blockquote */
blockquote {  margin: 0;  padding: 0 20px;  background: #eee;  border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;}
/*********/

/* Test */
.photo{ background-color:#666666; border:1px solid #333333; margin: 0 0 10px 10px; padding:5px}
.photoadroite {border:5px solid #666666; margin:5px 6px 15px 6px;}
.photoagauche{border: 5px solid #666666; float: left; margin: 5px 15px 6px 15px;}
/*gauche*/
div#photoflot p{margin: 0; padding:0; text-align:justify;}
div#photoflot img {float:left; background-color:#666666; border:1px solid #666666; margin:0 0 10px 10px; padding:5px}
hr{ clear:left;}

/* encadre le texte à droite d'une image */
.rightimg, .leftimg, centreimg img { border::1px solid #333333;
	background-color:#CCCCCC; padding:3px; margin:6px; }
	
	.rightimg {float:right;list-style:none;}
	.leftimg {float:left;list-style:none;}
	div.centreimg{text-align:center;list-style:none;}