html, body {
	height: 100%;
	margin: 0;
	padding:0;
	background-image:url(../images/fond.gif);
	background-repeat:repeat-x;
	background-color:#E7E2DF;
}

a img { border:none; }

div#global {
	min-height: 100%;
	width: 960px;
	padding:0px;
	margin:0px;
	position: relative;
}

div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	margin-left:0px;
}

div#footer {
	background:#740202;
	margin-top:0px;
	
	padding-top:10px;
	padding-left:60px;
}

#footer-texte {
	text-align:center;
}

#footer-logo {
	margin-top:20px;
}

div#baseline {
	width:880px;
	font-size:11px;
}

div#baseline a {
	color:#FFFFFF;
	text-decoration:none;
}

div#baseline a:hover {
	text-decoration:underline;
}

div#sidebar {
	float: left;
	width: 460px;
	height:985px;
	background-image:url(../images/fond-sidebar.gif);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}
div#content {
	float: right;
	width: 470px;
	min-height:985px;
	background-image:url(../images/fond-content.gif);
	background-repeat:no-repeat;
	background-color:#E7E2DF;
	padding:0px;
	margin:0px;
	padding-left:30px;
	margin-bottom:50px;
}

ul#menu {
	position:absolute;
	top:70px;
	left:280px;
	list-style-type:none;
	margin:0;
	padding:0;
	background:transparent url(../images/menu-zoo.gif) no-repeat scroll left top;
	height:174px;
	width:160px;
}

ul#menu li a {
	display:block;
	height:29px;
	line-height:29px;
	text-decoration:none;
	text-indent:-5000px;
	width:160px;
}

li.menu-princ a:hover {
	background:transparent url(../images/menu-zoo.gif) no-repeat scroll left top;
}

a#lien1:hover {
	background-position:0% -174px;
}
a#lien2:hover {
	background-position:0% -203px;
}
a#lien3:hover {
	background-position:0% -232px;
}
a#lien4:hover {
	background-position:0% -261px;
}
a#lien5:hover {
	background-position:0% -290px;
}
a#lien6:hover {
	background-position:0% -319px;
}

li#li-current a {
	background:transparent url(../images/menu-zoo.gif) no-repeat scroll left top;
}
a#lien1.current {
	background-position:0 -174px;
}
a#lien2.current {
	background-position:0 -203px;
}
a#lien3.current {
	background-position:0 -232px;
}
a#lien4.current {
	background-position:0 -261px;
}
a#lien5.current {
	background-position:0 -290px;
}
a#lien6.current {
	background-position:0 -319px;
}

#menu-bas {
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu-bas li {
	display:inline;
	padding-right:10px;
}


#bloc-menu {
	float:right;
	margin-top:40px;
	margin-right:25px;
}
#bloc-menu-bas {
	background-color:#E7E2DF;
	padding-left:50px;
	padding-right:100px;
	float:left;
	height:80px;
}

#sous-menu li {
	display:inline;
	padding-right:10px;
}

#bloc-autruche {
	background-color:#E7E2DF;
	float:left;
}

img.bordure { 
	border:10px solid #FFF;
}

img.bordure-petite { 
	border:5px solid #FFF;
}
#idee-originale {
	margin-top:650px;
	float:right;
	margin-right:15px;
}

#creations-originales {
	margin-top:0px;
	margin-left:5px;
	width:253px;
	float:left;
}

#accueil-accroche {
	float:left;
	width:202px;
	margin-top:75px;
}
#accueil-accroche-texte {
	margin-top:30px;
}

#accueil-image {
	float:left;
	margin-left:15px;
	margin-top:10px;
}

div#bloc-derniere-creation {
	position:absolute;
	margin-top:30px;
}

#titre-derniere-creation {
	margin-left:150px;
}

.derniere-creation-img {
	padding-top:42px;
	padding-bottom:20px;
}

#page {
	padding-top:30px;
}

#menu-bas {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top:25px;
}


#creation-description {
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10px;
	font-size:14px;
	width:254px;
}

#creation-infos {
	font-size:12px;
	margin-bottom:10px;
	margin-left:30px;
	border-left:1px solid #920303;
	padding-left:10px;
	width:224px;
	
}

#creation-etat {
	float:right;
	margin-top:40px;
	margin-right:50px;
}

#creation-precisions {
	font-size:12px;
	margin-bottom:20px;
	margin-top:10px;
}

table {
	font-size:12px;
}
#accueil-texte {
	margin-top:30px;
}

#legende {
	margin-top:10px;
	margin-left:50px;
}
#sous-menu {
	list-style-type:none;
	margin:0;
	padding-top:25px;
	padding-bottom:30px;
	padding-left:0px;
}

.legende-photo {
	width:220px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#F6F2EF;
	margin-top:2px;
}

.creation_nom {
	margin-left:15px;
}

.creation_plus {
	padding-right:5px;
}

.paragraphe {
	padding-top:10px;
}

/********************************************
* Page mes créations
*********************************************/
#bloc-fleche {
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:90px;
	width:30px;
}

.arrow
{
    cursor: pointer;
}

/*#support {
	overflow: hidden; 
	position: relative; 
	float:left;
	height: 450px; 
	top: 20px;
	width:220px;
}
#contenu {
	position: absolute; 
	height:auto;
}
*/
#support {
	overflow: hidden; 
	position: relative; 
	float:left;
	height: 300px; 
	top: 20px;
	width:480px;
}

#contenu {
	position: absolute; 
	width:auto;
}

h2.titre-creations {
	margin:0px;
	padding:0px;
}

.lien-retour-haut {
	float:right; 
	margin-top:20px;
}
.lien-retour-bas {
	margin-top:20px;
	text-align:center;
}

.bloc-titre {
	float:left; 
}


.scroll {
	width : 500px;
	margin-top:5px;
}

.scroll .content {
	overflow : auto; /* Permet au personnes ayant désactivé le javascript de pouvoir lire la suite du texte */
	white-space : nowrap;
}

/* IE6 */
.scroll {
	margin-top:10px;
}
.scroll {
	width : 460px;
}
.content {
	width:400px;
	height:150px;
	border: 10px solid #FFFFFF;
}
.scroll .left {
	float:left;
	width : 20px;
	padding-top:70px;
}

.scroll .right {
	float:right;
	width : 20px;
	padding-top:70px;
}

div.separation {
	border-bottom: 1px solid #8D7371;
	width:460px;
	margin-top:30px;
	margin-bottom:10px;
	padding-bottom:5px;
	text-align:center;
}
