/* CSS Document */

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

html, body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: 100%;
	background-color: #b4aa9e;
	background-image: url(design/top-band.png);
	background-repeat: repeat-x;
	text-align: center;
	color: #6B5B4B;
}

th{
	text-align: left;
}

h1 {margin: 0; padding: 0;}

/*---------------CONTENT----------------*/
#global {
	position: relative;
	width: 910px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
}

#global #left {
	float: left;
	width: 622px;
	min-height: 100%;
	height: 100%;
	background-color: #EBEAE6;
}

#global #left #top {
	height: 29px;
	color: #6A5A4A;
	font-size: 9px;
	text-align: right;
	margin-top: 20px;
	margin-right: 20px;
}

#global #left #banner { height: 223px; }

#global #right {
	float: left;
	width: 288px;
	min-height: 100%;
	height: 100%;
}

#global #right #logo { margin-top: 49px; height: 223px; }

#content{
	padding: 20px;
}

#chemin{
	text-align: right;
	margin-right: 5px;
	font-size: 10px;
}

#chemin a {
	font-size: 10px;
}

#ref_titre {
	padding: 20px;
	border-bottom: 1px solid #B4AA9E;
}

#ref_titre label {
	float: left;
	width: 3.5em;
	text-align:left;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*-----------------principaux éléments-------------------*/
p{
	padding:0;
	margin: 0 0 10px 0;
}

hr{
	clear: both;
	text-align: center;
	margin-bottom: 10px;
}

.spacer{ clear:both; }
.bold{ font-weight:bold; }
.italic{ font-style: italic; }
.normal{ font-weight:normal; }
.small { font-size: 10px; }
.err { font-size: 10px; color: #CC1A1A; }
.succes { font-size: 10px; color: #139913; }
.red {color: #954705; }
.justify { text-align: justify; }

/*-----------------liens-------------------*/
a{
	text-align: left;
	text-decoration: none;
	color: #954705;
	font-weight: bold;
}

a:hover{
	text-decoration: none;
	color: #6B5B4B;
}

a.categorie { font-weight: normal; color: #807265; }
a.categorie:hover { color: #954705; }

/*---------------admin----------------*/
.menu-admin {
	float: left;
	text-align: left;
	margin: 0 30px 0 20px;
}

a.admin {
	color: #6B5B4B;
	font-weight: normal;
}

a.admin:hover, a.admin-act, a.admin-act:hover {
	font-weight: normal;
	color: #954705;
}

a.admin-act, a.admin-act:hover {font-weight: bold; }

/*----------------deconnexion----------------*/
a.deconnexion {
	font-weight: normal;
	color: #CC1A1A;
}

/*-----------------menu-------------------*/
ul.menu {
	margin-top: 25px;
}

ul.menu li { list-style: none; margin-left: -20px;}

ul.menu li a.item {
	padding: 5px 0 0 0;
	font-size: 17px;
	font-weight: normal;
	display: block;
	color: #EDEAE5;
}

ul.menu li a.item:hover { color: #695949; }

ul.menu li a.item-act {
	padding: 5px 0 0 0;
	font-size: 17px;
	font-weight: normal;
	color: #695949;
	display: block;
}

/*-----------------lang-------------------*/
a.lang, a.lang-act {
	font-size: 10px;
	font-weight: normal;
	color: #6A5A4A;
}

a.lang:hover, a.lang-act, a.lang-act:hover { color:#B2ABA1; }

/*--------------CATALOGUE VIRTUEL------------------*/

.bloc-flipbook-page{
	padding: 5px;
	width: 100%;
	border: 1px solid #787878;
	text-align: center;
}

.bloc-flipbook-image{
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	width: 360px;
	border: 1px solid #787878;
}


.bloc-flipbook-image-spread{
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	border: 1px solid #787878;
}

/*--------------FIN CATALOGUE VIRTUEL------------------*/

/*---------------images----------------*/
img, img:hover{
	margin: 0;
	padding: 0;
}

img.cadre-img{
	border: 1px solid #B4AA9E;
}

img.news {
	border: none;
	margin: 0 5px 0 0;
}

img.picto {
	float: left;
}

/*----------CLIENTS----------*/
#clients {
	margin: 0 0 0 0;
}

#clients .titre {
	margin: 0 0 5px 0;
	font-weight: bold;
}

#clients label{
	float:left;
	width:12em;
	text-align:left;
	padding-right:10px;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*------------------SECTION EN SAVOIR PLUS-------------------*/
.txt-savp{
	text-align: justify;
	line-height: 18px;
}

a.ensavoirplus {
	font-weight: bold;
}

a.ensavoirplus:hover{
	text-decoration: none;
}

.image-savp1, .image-savp1:hover   {
	margin: 0 15px 0 0;
	border: 1px solid #B4AA9E;
}

.image-savp2, .image-savp2:hover {
	margin: 0 0 0 15px;
}

.loca-savp{	margin-bottom: 20px; }

img.loca-puce { margin-right: 5px; }

/*------------------FIN SECTION EN SAVOIR PLUS-------------------*/

/*-------------------LISTE MEMBRES----------------------*/
.box_list_objet{/*box listing comprenant l'alphabet puis la liste des membres*/
	width: 580px;
}

.box_membre{
	font-weight: bold;
	background-color: #7D6F62;
	padding: 3px 0px 3px 10px;
}

.box_membre a {color: #EBEAE6;}

.box_membre_1 {
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	width: auto!important;
	width: 100%;
	font-weight: normal;
	background-color: #C6BFB7;
	cursor: pointer;
}

.box_membre_2 {
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	width: auto!important;
	width: 100%;
	font-weight: normal;
	background-color: #E4E1DC;
	cursor: pointer;
}

a.box_membre_1, a.box_membre_2 { color: #6B5B4B; }
a.box_membre_1:hover, a.box_membre_2:hover { color: #954705; }

.membre-name {
	float: left;
	padding: 3px 0;
	width: 250px;
}

.membre-specialites {
	float: left;
	padding: 3px 5px;
	border-left: 2px solid #DBD6D0;
}

#membre {
	margin: 0 0 20px 0;
}

#membre .titre {
	font-weight: bold;
}

#membre .left {
	float: left;
	width: 238px;
}

#membre .left p {
	text-align: justify;
}

#membre .left .txt-picto {
	float: left;
	margin: 0 0 5px 5px;
	text-align: justify;
}

#membre .right {
	float: left;
	width: 322px;
	margin: 0 0 0 18px;
}

#membre .right .image {
	float: left;
	width: 322px;
	text-align: center;
}

#membre .right .thumbs {
	margin-bottom: 10px;
}

#membre .right .thumbs .thumb {
	float: left;
	margin: 0 8px 0 0!important;
	margin: 0 11px 0 0;
}

#membre .agrandir {
	text-align: center;
	margin: 2px 0 0 0;
}

#membre a.agrandir {
	font-size: 10px;
}

#membre a.map {
	font-size: 10px;
	margin: 0 5px 0 0;
}

#plan {
	margin: 0 40px 0 40px;
	width: 500px;
}

#plan .adresse {
	float: left;
}

#plan .adresse .titre {
	font-weight: bold;
}

#plan .retour {
	float: right;
}

#plan .retour a.back {
	font-size: 10px;
}

#plan_interactif {
	margin: 0;
	padding: 0;
}

/*----box alphabet----*/
.box-alphabet{
	width: 580px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 10px 0;
	text-align: center;
	background-color: #E4E1DC;
}

.lettre-nor {
	padding-left: 1px;
}

.lettre-act, .lettre-act a, .lettre-act:hover{
	font-weight: bold;
	padding-left: 1px;
}

/*---------GALLERY---------*/
#gallery { margin: 0 0 20px 0; }

#gallery .bloc-admin{
	float: left;
	width: 270px;
	margin: 10px;
	text-align: center;
	padding: 10px;
	border: 1px solid #978777;
}

/*--------LIENS--------*/

#liens {
	margin: 0 0 20px 0;
	border: 0px solid #009900;
}

#liens .box-left {
	float: left;
	width:200px;
	text-align: center;
}

#liens .box-right {
	float: left;
	width: 380px;
}

#liens .box-center {
	float: left;
	width: 580px;
	text-align: center;
	margin-bottom: 10px;
}

#liens .htmlarea-liens {
	float: left;
	width: 380px;
	height: 190px;
}

#liens label{
	float:left;
	width:10em;
	text-align:left;
	padding-right:10px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

#liens .lien-box {
	float: left;
	margin: 0 0 20px 0;
	border: 0px solid #CC9900;
}

#liens .lien-box .image {
	float: left;
	width: 110px;
	margin: 0 30px 0 0;
	text-align: right;
}

#liens .lien-box .text {
	float: left;
	width: 440px;
	border: 0px solid #00CC66;
}

#liens .lien-box .text .description, #liens .lien-box .text .description a, #liens .lien-box .text .description:hover {
	margin-top: 5px;
	color: #6B5B4B;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
}

/*--------FIN LIENS--------*/

/*--------CONTACT--------*/

#contact { margin: 0 0 20px 0; }

#contact #admin .formulaire { width: 300px; text-align: left; }
#contact #admin .area { width: 580px; margin-top: 5px; }

#contact .left {
	float: left;
	width: 270px;
	border: 0px solid #CC6600;
}


#contact .right {
	float: left;
	width: 295px;
	margin: 0 0 0 15px;
	border: 0px solid #CCCC33;
}

#contact p.titre_societe {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}

#contact p.infos {
	margin: 0 0 0 0;
}

#contact p.form {
	margin: 40px 0 0 0;
}

#contact p.ch_obligatoires {
	margin: 2px 0 0 102px;
	width: 180px;
	font-size: 9px;
	text-align: center;
}

#contact p.btn {
	margin: 10px 0 10px 88px;
	text-align: center;
}

#contact p.msg {
	margin: 0 0 0 102px;
	width: 180px;
	text-align: center;
}

#contact label{
	float: left;
	width: 7.7em!important;
	width: 8.5em;
	text-align:right;
	font-size: 12px;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

#contact #admin label{
	float:left;
	width:11em;
	text-align:right;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
/*--------FIN CONTACT--------*/


/*----------NEWSLETTER-------------*/
#newsletter {
	margin-top: 20px;
	margin-left: 140px;
	width: 300px;
	text-align: justify;
}

#newsletter .ch_obligatoires {
	margin: 5px 0 0 0;
	width: 300px;
	color: #4A3E3A;
	font-size: 9px;
	text-align: center;
}

#newsletter label{
	float: left;
	width: 9em;
	text-align:right;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*--------FIN NEWSLETTER-----------*/

/*----------MENTIONS LEGALES----------*/

#mentions_legales { margin: 0 0 20px 0; }
#mentions_legales .area { width: 580px; margin-top: 5px; }
#mentions_legales .titre { color: #716059; font-weight: bold; }
#mentions_legales .description { text-align: justify; font-weight: normal; }
#mentions_legales label {
	float: left;
	width: 5em;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*----------FIN MENTIONS LEGALES----------*/

/*----------PASSWORD ADMIN----------*/
#password-admin {
	margin: 20px 0;
	border: 0px solid #009900;
}

#password-admin label {
	float: left;
	width: 25em;
	font-weight:bold;
	margin: 0 0 0 85px;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
/*----------FIN FICHIERS----------*/

/*----------FICHIERS----------*/
#fichiers {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#fichiers .ajout{
	float: left;
	width: 440px;
	margin: 0 0 0 70px;
	border: 0px solid #009900;
}

#fichiers label {
	float: left;
	width: 20em;
	padding-right:10px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
/*----------FIN FICHIERS----------*/

/*----------REFERENCEMENTS----------*/
#referencements {
	border: 0px solid #009900;
}

#referencements label {
	float: left;
	width: 5.5em!important;
	width: 7em;
	text-align:left;
	padding-right:10px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

#referencements .bold{
	font-weight:bold;
}

/*--------LOGIN--------*/

#login{
	margin: 100px auto 100px auto;
	width: 300px;
	text-align: center;
	padding: 0 0;
}

#login label{
	float:left;
	width:8em;
	text-align:right;
	padding-right:6px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
/*--------FIN LOGIN--------*/

#espace_administration { margin: 0 0 20px 0;}
#espace_administration .login { width: 320px!important; margin-left: 130px!important; width: 280px; margin-left: 150px; }
#espace_administration label {
	float:left;
	text-align: left;
	width:10em;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

.espace { margin-top: 40px; margin-left: -20px!important; margin-left: 0; font-weight: bold; }
.disconnect { border: 0; background: none; cursor: pointer; color: #954705; font-weight: bold;}

#inscription label{
	float: left;
	width: 16em!important;
	width: 17em;
	font-size: 12px;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*----------BOUTONS-------------*/
form, input{
	margin:0;
	padding:0;
	font-size:12px;
}

textarea{
	width:96%;
	height:140px;
	font-family:Arial, Helvetica, Sans-serif;
}

.bouton_delete{
	border: 1px solid #000000;
	background-color: #FF3300; 
	color: #FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin: 5px 0 5px 0;
	padding: 0 10px 0 10px!important;
	padding: 0;
}

.bouton_save {
	border: 1px solid #776758;
	background-color: #B4AA9E; 
	color: #EAE9E5;
	cursor:pointer;
	font-weight:bold;
	margin: 5px 0 5px 0;
	padding: 0 10px 0 10px!important;
	padding: 0;
}

.bouton, .bouton:hover{
	border: 1px solid #776758;
	background-color: #B4AA9E;
	color: #EAE9E5;
	cursor: pointer;
	height: 20px;
	padding: 2px 10px 2px 10px;
	letter-spacing: 1pt;
	font-size: 11px;
	font-weight: normal;
}

input.bouton{
	border: 1px solid #776758;
	background-color: #B4AA9E;
	color: #EAE9E5;
	cursor: pointer;
	margin: 5px 0 5px 0;
	padding: 0 10px 0 10px!important;
	padding: 0;
	letter-spacing: 1pt;
}

.input-checkbox {
	height: 20px;
	vertical-align: middle;
}

.input-admin{
	color: #161616;
	background-color: #FFFFFF;
	border: 1px solid #6A5B48;
	font-size: 13px!important;
	font-size: 12px;
	margin: 2px 0px 2px 0px;
}

.input-field {
	color: #161616;
	background-color: #FFFFFF;
	border:1px solid #6A5B48;
	font-size: 13px!important;
	font-size: 12px;
	margin:2px 0px 2px 0px;
	width:180px;
}

textarea.input-field{
	height:90px;
}
/*----------FIN BOUTONS-------------*/

.intro-admin {
	float: left;
	width: 580px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	border: 1px solid #978777;
	text-align: center;
}

/*----------Pages----------*/
.box-page {
	margin: 10px 0 0 0;
	text-align: center; 
}

/*----------NETWEBCITY----------*/
#netwebcity {
	position:absolute;
	font-size: 9px;
	color: #EDEAE5;
	margin-left: 20px;
	bottom: 5px;
}

#netwebcity a.netweb { font-size: 9px; font-weight: normal;	color: #EDEAE5; }
#netwebcity a.netweb:hover { color: #6A5A4A; }
#netwebcity a.netweb-act, #netwebcity a.netweb-act:hover{ font-size: 9px; font-weight: normal; color: #6A5A4A; }