@import url(base.css);
@import url(typo.css);

html {
	text-align: center;
	background: url(img/bg.jpg);
	margin: 0 auto;
	}
body {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(img/bande.jpg) repeat-x 0 50px;
	}
#conteneur {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}
#popup {
	position: relative;
	width: 800px;
	margin: 0 auto;
	background: #EAE5CC;
	}
#introduction {
	position: relative;
	width: 100%;
	margin-top: -20px;
	padding: 5px 0 15px 0;
	background: #76808C;
	}
.menu_langues {
	position: absolute;
	width: 960px;
	height: 66px;
	top: -16px;
	text-align: right;
	z-index: 10;

	}
#entete {
	position: relative;
	width: 960px;
	height: 50px;
	top: 50px;
	background: #2E3237;
	}
#logo {
	position: absolute;
	width: 100px;
	height: 100px;
	left: -40px;
	background: url(img/logo.png) no-repeat;
	z-index: 10;
	}
#menu {
	position: relative;
	width: 250px;
	height: 30px;
	left: 720px;
	top: 30px;
	}
#contenu-principal {
	position: relative;
	width: 956px;
	top: 50px;
	padding: 20px 0px;
	background: #EAE5CC;
	border-left: #2E3237 2px solid;
	border-right: #2E3237 2px solid;
	}
#menup {
	position: relative;
	width: 896px;
	height: 30px;
	top: -37px;
	left: 150px;
	//top: -20px;
	}
.gauche {
	float: left;
	width: 180px;
	margin: 0 20px;
	}
.block {
	position: relative;
	width: 180px;
	border: #FFF 2px solid;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 10px;
	}
.block2 {
	position: relative;
	width: 100%;
	background: #506651;
	text-align: center;
	}
#texte {
	float: left;
	width: 520px;
	margin: left;
	padding: 0 10px;
	}
#texteup {
	position: relative;
	width: 500px;
	margin: left;
	background: #EAE5CC;
	padding: 0 20px;
	}
.droite {
	float: left;
	width: 190px;
	padding: 0;
	text-align: center;
	}
.droite img {
	margin: 0 0 10px 20px;
	}
#tarif {
	position: relative;
	width: 180px;
	height: 40px;
	margin-top: 20px;
	text-align: left;
	}
#cal {
	position: relative;
	width: 100%;
	text-align: center;
	top: 20px;
	}
.contact {
	float: left;
	width: 400px;
	margin: left;
	padding: 0 10px;
	}
.bloc {
    width: 246px;
    height: 400px;
    float: left;
    background: url(img/ombre2.png) no-repeat;
	padding: 10px 9px 0 19px;
	margin: 0 0 0 33px;
    }
img.spip_logos {
	border: #FFF 2px solid;
	background: #FFF;
	}
img.spip_logos:hover {
	border: #2E3237 2px solid;
	}
#footer {
	position: relative;
	width: 956px;
	top: 50px;
	border: #2E3237 2px solid;
	}
#album {
	position: relative;
	width: 916px;
	background: #821428 url(img/bg6.jpg);
	padding: 10px 20px 20px 20px;
	margin: 0 auto;
	text-align: center;
	}
#smoth {
	position: relative;
	width: 500px;
	margin: 0 auto;
	}
#pied {
	position: relative;
	width: 940px;
	height: 50px;
	padding: 10px;
	margin: 0 auto;
	}
a.thickbox img {
	border: #000 2px solid;
	margin: 0 10px 0 10px;
	margin-bottom: 5px;;
	}
a.thickbox img:hover {
	border: #FFF 2px solid;
	}