* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

html {
	padding: 0px;
}

body{
	background: url('./images/pattern-background.png');
	font-family: Arial;
	font-size: 14px;
	color: #935217;
}

#conteneur-large{
	background: url('./images/rayons.png') no-repeat top center;
}


/* La bannière */
#header {
	width: 800px;
	height: 275px;
	margin: 0px auto;
	overflow: hidden;
}


/* Le corps */
#corps {
	width: 800px;
	/*height: 500px;*/
	min-height: 400px;
	margin: 0px auto;
	margin-bottom: 20px;
	
	border: 1px solid #000;
	border-top-width: 5px;
	background: url('./images/pattern-background-corps.png');
}

/* le contenu */
#contenu{
	margin: 30px 20px 10px 265px;
}
#contenu .titre-page{
	font-size: 130%;
	font-weight: bold;
	text-align: right;
}
#contenu ul{
	padding: 10px 30px;
	padding-left: 70px;
}
#contenu p{
	margin: 5px 0px;
	margin-top: 20px;
	text-indent: 10px;
	text-align: justify;
}

#contenu .sous-titre-1{
	padding-left: 20px;
	font-weight: bold;
	font-size: 110%;
	color: #632200;
	text-indent: none;
}
.citation-societe{
	font-weight: bold;
	color: #632200;
	font-style: italic;
}
.citation-societe:before{
	content: "«";
}
.citation-societe:after{
	content: "»";
}

/* les menus de gauche */
#conteneur-menus{
	float:left;
	margin-left: 30px;
}

.menu a{
	display: block;
	text-decoration: none;
	color: #935217;
	border-left: 17px solid #935217;
	padding-left: 10px;
}

.menu li a:hover{
	border-left-color: #000;
	font-weight: bold;
}
.menu{
	margin-top: 40px;
	padding: 7px;
	width: 200px;
	
	background: url('./images/background-out-menu.png');
}

.menu-in{
	background: #ffc300;
	padding-bottom: 20px;
}

.menu-label{
	position: relative;
	top:-20px;
	text-align: right;
}

.menu ul{
	position: relative;
	top: -10px;
	list-style-type: none;
	padding-left: 20px;
}
.menu li{
	margin-top: 5px;
}

.menu-contenu{
	padding-left: 20px;
}

/* pour le lien de contact */
#menu-contactez-nous-lien{
	background: #935217;
	padding: 2px;
	text-align: center;
	border: none;
	color: #fff;
	margin-right: 20px;
	margin-top: 5px;
}


/* * * * * * * * * * * * */
/* * * * Galerie * * * * */

.galerie-conteneur{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 150px;
	color: #000;
}
.galerie-categorie{
	text-align:center;
	height:130px;
}
.galerie-conteneur-image{
	background: #000;
	width: 118px;
	height: 88px;
	border: 1px solid #555;
	margin: auto;
}/*
.galerie-conteneur:hover .galerie-conteneur-image{
	background: #935217;
}*/
.galerie-conteneur-image img{
	border: 1px solid black;
	position:relative;
	top: -5px;
	left: -5px;
}
.galerie-conteneur:hover .galerie-conteneur-image img{
	top: -7px;
	left: -7px;
}
.galerie-label{
	display: none;
	position: relative;
	top: -130px;
	left: -40px;
}
.galerie-label-content{
	padding: 3px;
	background: #fff;
	border: 1px solid black;
	z-index: 100;
}
.galerie-bas-bulle{
	height: 30px;
	background: url('images/galerie-bas-bulle.png') no-repeat right center;
	z-index: 101;
	top: -1px;
	position:relative;
}
.galerie-conteneur:hover .galerie-label{
	display: block;
}
.galerie-categorie{
	cursor: pointer;
}
.galerie-conteneur .id-categorie{
	display: none;
}

/* galerie vue fullscreen */
#galerie-background{
	position: absolute;
	background: url("./images/background-galerie-view.png");
}
#galerie-view-fermer{
	position: fixed;
	top: 5px;
	left: 5px;
	padding: 5px 10px;
	background: #fff;
	color: #000;
	cursor: pointer;
}
#galerie-view-conteneur{
	width: 100%;
	position: absolute;
}
#view-contenu{
	width: 800px;
	margin: auto;
	text-align:center;
}
#view-une-photo{
	width: 800px;
	height:600px;
}
#view-photo-description{
	color:#fff;
	text-align:left;
	position:relative;
	top:-33px;
	line-height:20px;
	padding: 5px 10px;
	background: url('./images/background-out-menu.png');
}
#view-conteneur-miniatures{
	float:left;
	width: 650px;
	background: #000;
	margin: 0px;
	padding: 5px 0px;
	height: 90px;
}
.view-une-miniature{
	float: left;
	margin: 0px 5px;
}
#view-go-left{
	float: left;
	margin-right: 35px;
	background: url('images/galerie-fleche-gauche.png') no-repeat center transparent;
}
#view-go-right{
	float: right;

	background: url('images/galerie-fleche-droite.png') no-repeat center transparent;
}
#view-go-left, #view-go-right{
	width: 38px;
	height: 23px;
	margin-top: 40px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	opacity: 0.2;
}




/* * * * * * * * * * * */
/* * NOS REFERENCES  * */
.references-titre{
	padding-left: 40px;
	margin-top: 30px;
	font-size: 120%;
	font-weight: bold;
}
.references-liste{
	margin-top: 20px;
	line-height: 20px;
}
.une-reference{
	font-weight: bold;
}
.une-reference img{
	display: block;
	margin-right: 20px;
	padding: 2px;
	background: #fff;
	border: 1px solid #aaa;
	float: right;
}
.une-reference:hover img{
	border-color: #777;
}



/* * * * * * * * * * * */
/* * CONTACTEZ-NOUS * */
#warningJS{
	color: red;
}

fieldset {
	border: 1px solid #ccc;
	background: url('images/background-blanc-transparent.png');
	padding: 20px 10px;
}
legend{
	margin-left: 40px;
	padding: 0px 5px;
}

label{
	float: left;
	width: 150px;
	clear: left;
	margin-bottom: 20px;
	margin-left: 20px;
}
input{
	float: left;
	border: 1px solid #935217;
	border-left-width: 10px;
	height: 17px;
}
textarea{
	border: 1px solid #935217;
	border-left-width: 10px;
	font-family: "Arial";
	margin-left: 0px;
	width: 300px;
	height: 250px;
}
.bouton{
	border: 1px solid #935217;
	padding: 5px 10px;
	line-height: 20px;
	height: 40px;
	float: right;
	margin-right: 30px;
	margin-top: 20px;
	cursor: pointer;
}
.bouton:hover{
	border: 2px solid #935217;
	font-weight: bold;
	padding: 3px 8px;
}


/* * * * * * * * * * * */
/* * NOS-PARTENAIRES * */
.un-partenaire{
	background: url('images/background-blanc-transparent.png');
	float: left;
	width: 250px;
	margin: 1px 2px;
	height: 300px;
	cursor: pointer;
}
.partenaire-infos{
	text-align: center;
	padding: 10px;
	font-size: 120%;
}
.partenaire-description{
	border-top: 2px solid #935217;
}
.partenaire-url a{
	display: block;
	background: #935217;
	color: #fff;
	padding: 2px;
	text-align: center;
	margin-top: 10px;
	text-decoration: none;
}
.partenaire-url a:hover, .un-partenaire:hover .partenaire-url a{
	background: #834207;
}