html, body {
	background: transparent url(images/rompimiento/sisal-coco.jpg) 0 0;
	height: 100%;
	margin: 0;
	border: 0;
	}

div#fond01 {
	background: url(images/rompimiento/sisal-coco-01.jpg) 0 0 repeat-x;
	height: 40px;
	border: 0;
	}

div#global {
	width: 800px;
	min-height: 80%;
	margin: 40px auto;
	position: relative;
	background: none;
	}

div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 22px;
	overflow: auto;
	}

/* Boîte boutons */

div#b_box {
		position: absolute;
		top: 24px;
		right: 1px;
		z-index: 1;
		height : 36px;
		width: 107px;
		margin: 3px 12px 0 0;
		background: transparent url(images/b_rack.png) 0 0 no-repeat;
		}

div#b_menu {
		width: 160px;
		position: relative;
		z-index: 1;
		}

div#b_menu li {
		float: left;
		position: relative;
		list-style-type: none;
		}

div#b_menu li a {
		display: block;
		height : 32px;
		width: 32px;
		border-width: 0;
		text-decoration: none;
		outline: none;
		}

div#b_menu-01 a {
		margin: -11px 0 0 -35px;
		background: transparent url(images/b_pre.png) 0 0 no-repeat;
		}

div#b_menu-02 a {
		margin: -11px 0 0 0;
		background: transparent url(images/b_nex.png) 0 0 no-repeat;
		}

div#b_menu-03 a {
		margin: -11px 0 0 0;
		background: transparent url(images/b_clo.png) 0 0 no-repeat;
		}

div#b_menu-01 a:hover {
		background: transparent url(images/b_pre_over.png) 0 0 no-repeat; color: #ff4142;
		}

div#b_menu-02 a:hover {
		background: transparent url(images/b_nex_over.png) 0 0 no-repeat; color: #ff4142;
		}

div#b_menu-03 a:hover {
		background: transparent url(images/b_clo_over.png) 0 0 no-repeat; color: #ff4142;
		}

* html div#b_menu ul {float: left;}

/* fin boîte boutons */

div#texto {
		width: 780px;
		margin: 24px 0 0 10px;
		background: white;
		float: left;
		padding-bottom: 15px;
		font: 16px Verdana,sans-serif;
		color: #527b9f;
		border: none;

		}

div#texto p {
		margin: 3em 2em 1em;
		text-align: justify;
		}
div#texto a:link {
		color: #f5975f;
		text-decoration: none;
		outline: none;
		}
div#texto a:visited {
		color: #77afde;
		text-decoration: none;
		}
div#texto a:link:hover {
		color: #3e4f5e;
		text-decoration: none;
		}
div#texto a:visited:hover {
		color: #3f9ded;
		text-decoration: none;
		}


div.foto {
	float: left;
	margin: 16px;
	}

div.foto img {
	border: none;
	}

div#pied {
		width: 780px;
		padding: 12px 0;
		clear: both;
		position: relative;
		font: 0.8em sans-serif;
		text-align: justify;
		color: white;
		}

div p {
	padding : 1em 2em;
	}


div#pied a:link {
		color: black;
		text-decoration: none;
		}
div#pied a:link:hover {
		color: #ff4142;
		text-decoration: none;
		}
div#pied img {
		border: none;
		}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/*backslash hack hides from IE mac\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack*/