@charset "utf-8";

/* Site de Rene Ouellet, design by David N'GUYEN, tous droits résérvés */



/* Mise en forme generale */	
		
* {
	margin:0;
	padding:0;
}

body{
	background-image:url("../design/Fond_stripes.gif");
	color:#2B2B2B;
	font-family:arial;	
	font-size:12px;
	padding:0px;
	text-decoration:none;
}

#conteneur{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#contenu{
	background-color:#FFF;
	border-color:#c5c9c2;
	border-style:solid;
	border-width:3px;
	margin-left:auto;
	margin-right:auto;
	max-width:700px;	
	padding:20px;
}

#contenu span{
	font-weight:bold;	
}

#contenu ol, #contenu ul{
	margin-bottom:20px;
	padding-left:25px;	
}

#contenu ol li, #contenu ul li{
	margin-bottom:5px;
}

a{
	color:#069;
}

form {
	margin:50px auto 0px auto;
	width:480px;
}

form fieldset{
	padding:10px;
}

form fieldset label{
	display:block;
	margin-bottom:5px;
}

form fieldset legend{
	background-color:#fff;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	font-size:12px;
	font-weight:bold;
	margin-left:20px;
	padding:0px 10px 0px 10px;
}

form fieldset p{
	margin:20px 0px 20px 20px;
	padding:0px;	
	text-indent:inherit;
}

form *:focus {
	background-color: #ecf5fc;
	border:1px solid #248;
	color:#000;
}

p{
	text-align:justify;
	text-indent:25px;  
	margin-bottom:10px;
}

h1{
	font-size:16px;
	text-decoration:none;
}

h2{
	color:#7ccc47;
	font-size:14px;
	text-decoration:underline;
	margin-bottom:20px;
	margin-top:10px;
}

h3{
	color:#ffb133;
	font-size:12px;
	text-decoration:underline;
	margin-bottom:20px;
}

/* Mise en forme graphique du bandeau */

#bandeau{
	background-repeat:no-repeat;
	height:120px;
	padding:0;
	width:800px;	
}

#bandeau a img{
	border-style:none;	
}

/* Mise en forme graphique du menu */

#menu{
	background-image:url("../design/Fond_menu.png");
	background-repeat:no-repeat;
	height:23px;
	width:800px;	
}

#menu ul{
	padding-top:2px;
	text-align:center;
}

#menu li{	
	display:inline;
	font-size:17px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

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

/* Mse en forme graphique du centre */

#centrehaut {
	background-image:url("../design/Centre_haut.png");
	background-repeat:no-repeat;		
	height:50px;
	margin-left:5px;
	margin-top:10px;
	width:790px;
}

#centrehaut h1{
	margin-left:15px;
	padding-top:10px;
}

#centremilieu {
	background-image:url("../design/Centre_milieu.png");
	background-repeat:repeat-y;
	margin-left:5px;
	padding-bottom:20px;
	width:790px;	
}

#centrebas {
	background-image:url("../design/Centre_bas.png");
	background-repeat:no-repeat;
	height:41px;
	margin-left:5px;
	width:790px;
}

/* Mse en forme graphique du footer */

#foot{
	background-color:#d9e6f2;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:5px;
	padding-top:5px;
	width:790px;
}

#foot a{
	color:#000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#foot ul{
	text-align:center;	
}
	
#foot li{
	display:inline;
	font-size:10px;
}

#foot span a{
	color:#F00;
}

#foot img {
	border-style:none;
}

/* Mse en forme section "presentation" */

#presentationFR{
	background-color:#FFF;
	border-color:#c5c9c2;
	border-style:solid;
	border-width:3px;
	float:left;
	height:580px;
	margin-left:30px;
	padding:25px 15px 0px 15px;	
	width:310px;	
}

#presentationEN{
	background-color:#FFF;
	border-color:#c5c9c2;
	border-style:solid;
	border-width:3px;
	float:right;
	height:580px;
	margin-right:30px;
	padding:25px 15px 0px 15px;	
	width:310px;	
}

#presentationFR img, #presentationEN img{
	float:right;
	padding:15px;	
}

/* Mse en forme section "photos" */

#diapo{
	background-image:url("../front/images/photos/chargement.png");
	border-color:#FFF;
	border-style:solid;
	border-width:2px;
	height:495px;
	margin:30px auto 0px auto;
	width:730px;
}

/* Mse en forme section "anecdotes" */#menuAnecdotes ul{
	margin-bottom:20px;
	text-align:center;	
}

#menuAnecdotes li{
	display:inline;
}

.image{
	padding:20px;
	text-align:center;
}

/* Mse en forme section "multimedia" */

.fichiers ul{
	text-align:center;
}

.fichiers li{
	display:inline;
}

.fichiers a{
	text-decoration:none;
}

/* Mse en forme section "admin" */

#admin form{
	margin-left:auto;
	margin-right:auto;
	width:270px;

}

/* Cache les calques pour le JS */

.cache{ 
	display:none;
}

/*  Classes mise en forme texte */

.gras{
	font-weight:bold;
}

.rouge{
	color:#f00;
}

.vert{
	color:#7ccc47;
}

.vert2{
	color:#499161;
}

.signature{
	 text-align:right;
	 font-weight:bold;
}
.spacer{
	clear:both;
}