html, body {
	height: 100%;         /* required */
	color:#4b4b4b;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	background-image:url(../images/fond_V2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
a, a:link, a:active, a:visited {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#4b4b4b;
	text-decoration:underline;
}
div#distance { 
	margin-bottom: -275px; /* half of content height */
	background: none;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */
}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 550px;         /* required - desired height */
	width: 100%;          /* required - desired width */
	background: white;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}
div#content_align {
	width:100%;
	height:550px;
	text-align:center;
}
div#content_site {
	margin: 0 auto;
	width:800px;
	height:520px;
}
div#bas {
	margin: 0 auto;
	width:800px;
	height:20px;
}

#logo {
	float: left;
}
#top_menu {
	float: right;
	margin-top:10px;
	height:80px;
	text-align:right;
}
#texte {
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
}
#articles {
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	overflow: auto;
	height: 380px;
}

#content_left {
	float: left;
	text-align:left;
	width:290px;
	padding-left:20px;
}
ul, #content_left ul {
	padding-left:15px;
	margin-left:15px;
	/* list-style-type: circle; */
	color:#b53030;
}
#content_right {
	float:right;
	text-align:left;
	width:470px;
	padding-right:20px;
}
#content_right ol {
	padding-left:0px;
	margin-left:30px;
}

#photos_padding {
	margin-left: 40px;
	margin-top: 50px;
}


/* Section details porte-folio */
#fleche_gauche {
	float:left;
	width:80px;
	height:300px;
	text-align:center;
	/* background-color:#009900; */
}
#fleche_droite {
	float:right;
	width:80px;
	height:300px;
	text-align:center;
	/* background-color:#666666; */
}
#image_client {
	float:left;
	width:320px;
	height:300px;
	position:relative;
	/* background-color:#0066FF; */
}
#texte_client {
	float:left;
	width:300px;
	height:278px;
	/* background-color:#CCFF00; */
	text-align:justify;
	padding-top:22px;
}
/* Fin Section details porte-folio */

#copyright {
	float: left;
	line-height:30px;
}
#adresse {
	float: right;
	line-height:30px;
}


/* Panneau de droit */
#panneau_droite {
	float:right;
	width:220px;
	text-align:center;
	margin-left:10px;
}
#panneau_droite_contenu {
	width:220px;
	background-image:url(../images/fond_right_panel.gif);
	background-repeat:no-repeat;
}
#panneau_droite_contenu p {
	font-size: 14px;
	margin-left:20px;
}
#panneau_droite_contenu_bas {
	width:220px;
	background-image:url(../images/bas_right_panel.gif);
	background-repeat:no-repeat;
	height:11px;
}
/* Fin Panneau de droit */
