/*----------------INTERFACE---------------*/

body {
	text-align: center;
	background-color: #3B2E28;
	background-image: url(design/background.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	color:#ece5e1;
	font-size:12px;
	margin: 0px;
	padding: 0px;
}

body.admin{
	background-color: #000000;
	background-image: none;
}

table{
	font-family: Arial, Helvetica, sans-serif;
	color:#ece5e1;
	font-size:12px;
	margin: 0px;
	padding: 0px;
}

/*-----------------principaux éléments-------------------*/
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	color: #967969;
	text-decoration: none;
	letter-spacing:0px;
}

a:hover{
	color: #b8a499;
}

p{
	padding:0;
	margin: 0 0 8px 0;
}

hr{
	clear:both;
	border:0;
}


/*------ bloc pour centrer contenant tout le design du site --------*/
#global, #global-intro{
	position:relative;
	width: 790px;
	height: 508px;
	margin: 0px auto 0 auto;
	border: 0px solid #AEAEAE;
	text-align: left;
}

#global-intro{
	text-align: center;
}

/*-----------------g lobal admin -------------------*/
#global-admin{
	position:relative;
	width: 830px;
	margin: 80px auto 0 auto;
	text-align:center;
}

/*-----------------FIN   ADMIN-------------------*/


/*------ image centrale ------*/
img.img-deco{
	float:left;
	height:503px;
	width:334px;
	border: 0px solid #ffcc00;
}

/*--------nom de la rubrique courante (bas de page)---------*/
.name-rub{
	position:absolute;
	bottom:0px;
	left:2px;
	color:#2d251e;
	font-size:19px;
	width:164px;
}


/*---------------IMAGES----------------*/
img, img :hover{
	border: 0px solid #000000;
}

img.cadre-img, img.cadre-img:hover{
	border: 1px solid #30241F;
}

/*--------DIVERS--------*/
.spacer{
	clear: both;
} 

.puce{
	margin-right:5px;
}

.logo{
	margin-top:2px;
	margin-bottom:18px;
}
/*----------------Fin INTERFACE---------------*/


/*-----------------MENU-------------------*/

#box-menu{
	float:left;
	width:168px;
	height:503px;
	border: 0px solid #ffcc00;
	text-align:left;
}

ul{
	padding:0;
	margin: 0;
	list-style-type: none;
	width: 100%;
}

li.menu-titre, li.menu-titre-act { 
	margin-bottom:16px;
}

li.menu-titre a{
	color:#f5f5f5;
}

li.menu-titre a:hover, li.menu-titre-act a, li.menu-titre-act a:hover{
	color:#765f51;
}


/*--------------- options admin --------------------*/
fieldset{
	padding:10px 2px 10px 10px;
	border:1px solid #362c24;
	width:146px!important;
	width:156px;
}

legend{
	margin-bottom:10px;
	color:#362c24;
	font-weight: bold;
}

/*----------------- deconnexion ------------------*/
#box-menu a.deconnexion{
	color:#ff0000;
}

#box-menu a.deconnexion:hover{
	color: #b60000;
}

/*----------------- options ------------------*/
#box-menu a.option{
	font-size: 11px;	
	line-height:20px;
	color: #ece5e1;	
}

#box-menu a.option:hover, #box-menu a.option-act, #box-menu a.option-act:hover{
	font-size: 11px;
	color: #59483E;
}

/*----------------- langues ------------------*/
#box-menu a.lang{
	font-size: 12px;	
	color: #ece5e1;
}

#box-menu a.lang:hover, #box-menu a.lang-act, #box-menu a.lang-act:hover{
	font-size: 12px;
	color: #59483E;
}

/*-----------------FIN MENU-------------------*/


/*-----------------TEXTES   GENERAUX-------------------*/

p.msg-err, p.msg-err-contact{
	text-align:center;
	color: #ff3300;
	margin:22px 0 8px 0;
	font-weight:normal;
	font-size:11px;
}

p.msg-err-contact{
	margin:22px 20px 8px 60px;
}

p.msg-ok, p.msg-ok-contact{
	text-align:center;
	color: #006400;
	margin:22px 0 8px 0;
	font-weight:normal;
	font-size:11px;
}

p.msg-ok-contact{
	margin:22px 20px 8px 60px;
}

/*----------- CONTENU sans images-------------*/

#content-sans-image{
	width:660px;
	float:left;
	font-weight:bold;
}


/*---------GALLERY---------*/

.bloc-admin-gallery{
	float:left;
	width:280px;
	margin:10px 10px 10px 20px;
	text-align:center;
	padding:10px 2px;
	border:1px solid #787878;
}

#galerie-infos{
	float:left;
	width:400px;
	margin:60px 0 30px 60px;
	text-align:left;
	border:0px solid #ff0000;
}

#galerie-infos label{
	float:left;
	width:10em;
	text-align:right;
	padding-right:14px;
	font-weight:bold;
}

/*---------FIN GALLERY ------------*/


/*---------- CONTENT ------------*/
#content, #content-admin{
	float:left;
	width: 240px;
	height: 473px;
	border: 0px solid #ff0000;
	margin-left:25px;
	text-align:justify;
}

#content-admin{
	text-align:center;
}

.htmlarea-content{
	height:360px;
}
/*---------- FIN CONTENT ------------*/


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

#contact, #contact-admin{
	float:left;
	width: 267px;
	height: 473px;
	border: 0px solid #ff0000;
	margin-left:7px;
}


#contact-admin label, #contact label{
	float:left;
	width:7em;
	text-align:right;
	padding-right:6px;
	font-weight:bold;
}

.htmlarea-contact{
	height:190px;
	margin-top:5px;
	margin-bottom:5px;
}


p.title-contact{
	margin-left:6.3em;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}


p.info-contact{
	margin-left:7.3em;
	margin-bottom:10px;
}

p.info-contact a{
	font-size:12px;
	font-weight:normal;
	color:#ECE5E1;
}

p.plan-contact{
	margin-left:7.3em;
	margin-top:16px;
	margin-bottom:42px;
}

p.plan-contact a{
	font-size:11px;
	font-weight:normal;
}

p.box-btn-contact, p.ch-oblig{
	float:right;
	width:204px!important;
	width:208px;
	text-align:center;
	border: 0px solid #a4a4a4;
}

p.ch-oblig{
	font-size:10px;
	color:#554538;
}

/*-------------------------FIN page contact--------------------------------*/

/*----------BOUTONS-------------*/
form{
	padding: 0;
	margin: 0;
}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	width: 96%;
	height: 98%;
	text-align: left;
	margin: 3px 10px 0px 0px;
	padding: 0;
	color: #f5f5f5;
	background-color: #000000;
	border: 1px solid #969696;
}

input{
	margin:0;
	padding:0;
}

/*-------- bouton admin--------*/
.btn_delete {
	border: 2px solid #333333;
	background-color: #FF3300; 
	color: #FFFFFF;
	cursor:pointer;
	margin-bottom:4px;
	font-size:12px;
	font-weight:bold;
}

.btn_save, a.btn_save  {
	border: 1px solid #888888;
	background-color: #efefef; 
	color: #222222;
	cursor: pointer;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight:bold;
}

a.btn_save  {
	padding:0px 3px;
}


/*-------- bouton --------*/
input.bouton {
	background-color: #130F0C; 
	color: #4e3b33;
	border: 1px solid #30241f;
	height:20px;
	font-size: 12px;
	font-weight: bold;
	cursor:pointer;
	margin-left:0px;
}

input.bouton:hover {
	color: #4e3b33;	
}

/*------- champs input en admin ---------*/
input.input-admin{
	color: #f5f5f5;
	background-color: #191410;
	border: 1px solid #30241f;
	font-size: 12px;
	font-weight: normal;
	margin-top: 4px!important;
	margin-top: 3px;
}

/*------- champs input en non admin ---------*/
.input-field{
	color: #f5f5f5;
	background-color: #191410;
	border: 1px solid #30241f;
	font-size: 12px;
	width: 146px;
	margin-top: 3px!important;
	margin-top: 2px;
}

textarea.input-field{	
	margin-bottom: 12px;
	height:75px;
	font-size: 12px;
}

/*----------FIN BOUTONS-------------*/


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

p.newsletter{
margin-top:120px;
text-align:center;
}

p.newsletter a{
color:#59483E;
}

p.newsletter a:hover{
color:#7b6356;
}

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

/*-------------------- PASSWORD ADMIN -----------------------*/


#password-admin{
	width:500px;
	margin-top:120px;
}

#password-admin label{
	float:left;
	width:24em;
	text-align:right;
	padding-right:6px;
	font-weight:bold;
}
/*------------------ FIN PASSWORD ADMIN --------------------*/


/*-----------------------FICHIERS------------------------*/

.box-ajout-fichier{
	text-align: center;
	border-bottom:1px solid #524337;
	margin:50px auto 20px auto;
	padding-bottom:20px;
}

.intitule-fichier{
	font-weight:bold;
	font-size:13px;
}
/*-----------------------FIN FICHIERS------------------------*/

/*-------------PAGES------------------*/

.box-page{
	margin-bottom:5px;
	margin-top:14px;
	font-weight:bold;
	color: #4c3e33;
	text-align:center;
}

.box-page a{
	font-weight:normal;
	color:#aa9595;
}

.box-page a:hover{
	font-weight:normal;
	text-decoration: none;
	color:#4c3e33;
}

/*-------------FIN PAGES------------------*/

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

.box-login{
	margin:100px 0px 70px 275px;
	width:280px;
	text-align:center;
	padding:40px 0px;	
}

.box-login label{
	float:left;
	width:8em;
	text-align:right;
	padding-right:6px;
	font-weight:bold;
}
/*--------FIN LOGIN--------*/


/*---------INTRO--------*/
.anim{
	width:600px;
	height:200px;
	margin:80px auto 0px auto;
	text-align:center;
}

.anim li{
	display:inline;
}

.anim li a{
	margin:0 50px;
	color:#dbcdc9;
	font-size:12px;
}

.anim li a:hover{
	color:#f5f1f0;
}
/*--------FIN INTRO--------*/


/*--------------------Netwebcity----------------*/
.netwebcity{
	position:absolute;
	bottom:0px;
	right:5px;
	color: #524337;
}

.netwebcity a{
	font-size: 9px;
	font-weight:normal;
	color:#524337;
}

.netwebcity a:hover{
	color: #826a57;
}
/*-------------Fin Netwebcity-------------------*/