*{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

html, body, #global{ 
	width:100%;
	height:100%;
	border:0;
	margin:0;
	padding:0;
	background: url(../images/background.jpg) repeat-y center #fff;	
	
	

}	
	
body > #global{
	width:100%;
	height:auto;
	min-height:100%;
	font-size: 100%;
	 
}

/* ---------------------
Styles generaux
--------------------- */

h1 { font-size : 2.1em; }
h2 { font-size : 1.2em; }
h3 { font-size : 1.1em; margin : 0; padding: 0; }
p { margin : 0; padding: 0; }
a { color : #333; text-decoration : none;}
a:hover { color : #96bf0d; }
.center { text-align : center; }
.clearer { clear : both; visibility : hidden; margin : 0; padding : 0;}


/* --------------------- 
Zone de contenu (#content)  
--------------------- */

#page {
	width: 100%;
	height: 100%;
	padding:0;
	margin:0;
	overflow:auto;
	overflow-x:hidden;
	position:relative;

}

#centrage{
	margin-left: auto;
    margin-right: auto;
	width: 1150px;
	min-width: 1000px;
	height:100%;
	height: auto;
	bottom:0;
	margin-bottom:0;
	padding-bottom:0;
	overflow:auto;
	position: relative;
	background:url(../images/back_simonefleurs.jpg) no-repeat top;
	
	}
	
#top{
	width:780px;
	height:176px;
	margin: 0 0 0 80px;
} 
.logo{
	width:507px;
	height:176px;
	float:left;
	}
#menu{
	width: 220px ;
	height:176px;
	background:url(../images/fond_menu.png) no-repeat top right;
	float: left;
}

#titre_page {
	width :793px;
	height: 26px;
	font-family:Arial, Helvetica, sans-serif;
	color: #161f2d;
	font-size: 12px;
	text-transform:uppercase;
	background:url(../images/titre_page.png) no-repeat center;
}
.titre_page_txt{
	margin-left: 145px;
	padding-top: 5px;
	text-transform: uppercase;
	font-size: 13px;
	color: #333;
}

#content{
	width:790px;
	min-height:100%;
	height:auto;
	padding-bottom: 50px;
	float:left;
	margin-left: 85px;
	
}
.slide{
	margin: 15px 0 15px 30px;}
	
	
 /*ROLLOVER DU MENU LIEN--------------------------------------------------------------------------------------------------------------------------------------------------*/


#menu ul {list-style:none;margin:0;padding:10px 0 0 25px;}
#menu li {height:25px;margin:0;padding:0;text-align:left; float:left;}
#menu li a {display:block; height:25px; color:#FFF;text-decoration:none;}
#menu li a:hover, li a:focus, li a:active {background-position:-25px 0px;}

.bt1 a {background: url(../images/bt_1.png) no-repeat 0 0;}
.bt2 a {background: url(../images/bt_2.png) no-repeat 0 0;}
.bt3 a {background: url(../images/bt_3.png) no-repeat 0 0;}
.bt4 a {background: url(../images/bt_4.png) no-repeat 0 0;}
.bt5 a {background: url(../images/bt_5.png) no-repeat 0 0;}


/* FIN BANDEAU TOP & MENU------------------------------------------------------------------------------ */ 


/*ELEMENTS PLUXML------------------------------------------------------------------------------------------------------------------------------------*/

#content .title { /* Titre de l'article */
	color : #333;
	font-size : 1.75em;
	margin : 0 0 0 0;
	padding : 0;
	letter-spacing : 2px;
	font-weight : lighter;
	max-width: 600px;
}
#content .static { /* Titre de l'article */
	color : #555;
	font-size : 1.75em;
	margin : 0 0 10px 0;
	padding : 0;
	letter-spacing : 2px;
	font-weight : lighter;
	max-width: 600px;
}
#content .title a { /* Lien sur le titre de l'article */
	color : #333;
	text-decoration : none;
	max-width: 600px;
}
#content .title a:hover {
	color : #2365b0;
}
#content .post {
	background : #FFF;
	border : 1px solid #CCC;
	margin : 5px 0 8px 0;
	clear : both;
	padding : 5px 7px 5px 7px;
}
#content .post p {
	padding : 4px 0 4px 0;
}
#content p.date {
	float : right;
	margin : -20px 0 2px 0;
}
#content p.date span {
	font-size : 2.75em;
}
#content p.info_top {
	float : left;
	margin : 0;
	padding : 3px 0 0 0;
}
#content p.info_bottom{
	background : url("img/icons.png") no-repeat 0 -414px;
	padding: 0 0 16px 19px;
	margin: 0 0 16px 0;
	border-bottom: 1px solid #bbb;
	}
#content p.info_bottom a{
	padding: 0 5px;
	}
#content p.info_bottom span a{
	background : url("img/icons.png") no-repeat 0 -158px;
	float: right;
	padding: 0 0 0 19px;
	}
#content .infos {
	padding : 10px 10px 10px 70px;
	border: 1px #dedede solid;
	margin: 10px 0 10px 0;
	background: #FFF url('img/bg_author_info.png') no-repeat left;
	min-height: 48px;
}

#content p.cat span a, #content p.cat span{ color: #66993F; }
#content p.cat  a.active { font-weight:bold;}
#content .feed_categorie, #content .feed_article {
	clear : both;
	padding : 0;
	text-align : center;
}
#content .feed_categorie a, #content .feed_article a {
	color : #333;
	background : url("img/icons.png") no-repeat 0 -190px;
	padding : 4px 0 4px 20px;
	height : 20px;
}
#content .feed_categorie a:hover, #content .feed_article a:hover {
	text-decoration: underline;
	}
#pagination { /* Conteneur des liens 'page suivante' et 'page precedente' */
	text-align : center;
	margin : 10px 0 0 0;
	padding : 0;
}
#pagination a { color : #333; }
#pagination a:hover { color : #777; }

 /*---------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* ANNONCES  ------------------------------------------------------------------------------ */ 

#accueil{
	height: 350px;
	margin-left: 20px;
}

div#photoflot p{ 
  margin:10px; 
  padding:10px; 
  text-align:justify; 
} 
div#photoflot img{ 
  float:left; 
  background-color:#fafbfc; 
  border:1px solid #b0b0b0; 
  margin:15px ; 
  padding:5px; 
} 
hr{ 
  clear:left; 
}

#annonce{
	width:90%;
	float:left;
	margin-left:20px;
	margin-top: 25px;
	border-bottom: 1px dotted #2f3c4e;
}
	
.annonce_txt{
	float:left;
	margin:15px;
	font-size:12px;
}
.annonce_txt li{
	margin-left:30px;
	padding-bottom:10px;
	
}
#produits{
	border:1px solid #E9E9E9;
	box-shadow: 2px 2px 2px #CCC;  
	background-color:#fff;
	float:left;
	text-align:right;

}
.prod_photo{
	padding: 5px;
	float:left;
	
	}


.photo{
	width:303px;
	height: 260px;
	margin:15px;
	float:left;
	position:relative;
	background: url(../images/photo_encart.png) no-repeat center center;
}
#charte{
	width: 80%;
	font-size:13px;
	color:#666;
	
}
.photo_dyn{
	width:240px;
	height: 160px;
	margin: 30px 35px 30px 35px;
}

#descriptif{
	background-color:#CCC;
	padding: 5px;
	margin:2px;
	border: 1px dotted #fff;
	color:#333;
	

}
#contact_formulaire{
	width:30%;
	height:100%;
	float:left;
	margin: 10px 0 0 50px;
		
}

#coordonnee{
	width:50%;
	height:100%;
	margin-left: 50px;
	padding: 10px;
	float:left;
	border-left:1px dashed #999;

	
}

/* FORM CONTACT  ------------------------------------------------------------------------------ */ 


.formcontainer{
	font-size:15px;
	text-transform:uppercase;
	margin-left:auto;
	margin-right:auto;
	
	}
#contact{
	width:340px;
	margin:10px 10px 10px 50px;
	float:left;
}
.contact_img{
	width:260px;
	margin-left: 40px;
	float:left;}
	
.contact_txt{
	width: 260px;
	font-size:12px ;
	text-transform:uppercase;
	margin: 15px 0 0 25px;
	
	}
.contact-form{
	padding: 3px;
	
	}
.form-label{
	padding: 3px;
	color:#003;
	size: 14px;
	text-transform: uppercase;
}
.bt_envoyez{
	margin-top:20px;
	margin-right: 5px;
}

.bt_envoyez a { 
	color : #333;
	font-size: 15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.bt_envoyez a:hover { color :#F09; text-decoration:underline; font-style:normal; }	

.information{
	font-weight:bold;
	text-transform:uppercase;
	color:#003;
	
	}

/* FOOTER  ------------------------------------------------------------------------------ */ 
#footer {
	clear: right;
	position: fixed;
	width: 843px;
	min-width: 843px;
	height: 43px;
	background: url(../images/foot.png) no-repeat left bottom;
	bottom:0;
	background-position: left bottom;
	overflow:hidden;
}

#footer p {
	float: right;
	margin: 0;
	padding: 0px 15px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}


.copyright  a:link, .copyright a:visited{
	color: #dcd6cc;
	text-decoration:none;
	margin: 35px 5px 0 0;
	float:right;

}
.copyright a:hover {
	color: #a80700;
	text-decoration:underline;
	margin: 35px 5px 0 0;
	float:right;
}
.cristeal{
	margin: 0 40px 0 0;
	float:right;}

#footer ul {
	float: left;
	padding: 5px 5px 5px 0;

}

#footer li {
	color:#dcd6cc;
	font-size: 10px;
	text-transform: uppercase;
	display: inline;
	margin: 0 2px 0 0;
	padding: 0 6px 0 5px;
	border-left: solid 1px #333;
}
#footer li a:link, #footer li a:visited {
	text-decoration: none;
	color: #666;
}
#footer li a:hover {
	text-decoration: underline;
	color: #ce08a1;
}
#footer li.first {
	border-left: 0;
}
.url_footer{
	width:254px;
	height: 42px;
	background:url(../images/url_footer.png) no-repeat bottom;
	float:left;
	
	
	}

/*FIN FOOTER  ------------------------------------------------------------------------------ */ 
.puce{
	
	margin: 5px;
	display: inline;
	float: left;}
.txt{
	font-size:13px;
	color:#303030;

	
}
.txt2{
	font-size:13px;
	color:#303030;
	padding: 13px;
	text-decoration:none;
	border:none;
	
}
.txt3{
	font-size:13px;
	color: #CCCCCC;
	padding: 15px;
	
}
.titre{
	font-size:13px;
	text-transform: uppercase;
	color:#3E3E3E;
	
}
.titre2{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	color:#213044;
	text-align:left;
	padding: 5px;
	
}
.titre3{
	font-size:25px;
	text-transform: uppercase;
	color:#333;
	padding: 0 10px;
	
}
.legende{
	font-size:10px;
	color:#000000;
	text-transform:uppercase;
	font-weight:600;
	text-align:left;
	
}


.bordure{
	border-bottom:1px dotted #FFFFFF;
	padding-bottom:5px;
}
.bordure2{
	border-left:1px dotted #a79f83;
}
.space{
	margin:4px;
	
}