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

body {
	background-color:#7e765f;
	background-image:url(design/symbole.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	Font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#332e26;
	margin:0;
	padding:0;
	padding-bottom:5px;
	width:100%;
	text-align:center;
}

table, td, th{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*border-collapse:collapse;*/
}

a{
	Font-family:Verdana, Arial, Helvetica, Sans-serif;
	Font-size:12px;
	color:#332e26;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:#ffffff;
}

.spacer{
	clear:both;
}

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

h1{
	font-size:13px;
	color:#332e26;
	text-align:center;
}
h2{
	font-size:12px;
	color:#332e26;
	text-align:center;
	margin-top:10px;
}

h3{
	font-size:13px;

}
span{
	font-weight:bold;
}
hr{
	width:750px;
	border : 1px solid #332e26;
}
.bold{
	font-weight:bold;
}

.justify{
	text-align:justify;
}

#global{
	width:100%;
	margin:0 auto;
}
#tableau{
	margin-left:33px;
}

/*------------ LANGUES -------------*/
#box-top{
	width:960px;
	margin:0 auto;
}
/*------------ HEAD (menu + logo) -------------*/
#box-head{
	border:0px solid #ffcc00;
	width:100%;
	margin:0 auto;
	height:106px;
	position:relative;
	text-align:center;
}
.newsletter{
	position:absolute;
	top:10px;
	left:10px;
}
.logo{
	padding-top:15px;
}
#box-menu{
	background-color:#665f4d;
	color:#ffffff;
	font-size:14px;
	width:100%;
	height:24px;
	text-align:center;
	padding-top:2px;
}
#box-menu a.menu-titre{
	font-size:15px;
	color:#ffffff;
	margin-left:5px;
	font-weight:normal;
}

#box-menu a.menu-titre:hover{
	color:#332e26;
}

#box-menu a.menu-titre-act{
	color:#332e26;
	font-size:14px;
	font-weight:bold;
	margin-left:5px;
}

#box-menu a.menu-titre-act:hover{
	color:#ffffff;
}

#content{
	height:425px;
	width:735px;
	/*border:1px solid red;*/
	margin:0 auto;
	margin-top:25px;
	position:relative;
	text-align:center;
}
body>#content{
	min-height:425px; 
	height:auto;
	/*border:1px solid green;*/
}
.chemin{
	color:#332e26;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	top:-10px;
	left:11px;
}
.chemin a{
	color:#332e26;
	font-size:11px;
	font-weight:bold;
}
.chemin a:hover{
	color:#ffffff;
	font-size:11px;
}

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

/*-----------------TEXTES   GENERAUX-------------------*/
p.msg-err, p.msg-err-contact, p.msg-err-inscription, p.infos-imp{
	text-align:center;
	color: #ff3300;
	margin:22px 0 8px 0;
	font-weight:bold;
	font-size:11px;
}

p.msg-err-contact{
	margin:26px 16px 8px 90px;
}

p.msg-err-inscription{
	margin:6px 0 16px 0;
}

p.infos-imp{
	font-weight:normal;
}

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

p.msg-ok-contact{
	margin:26px 16px 8px 90px;
}

/*-------------------FIN TEXTES----------------------*/

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

/*--------------- catalogue admin --------------*/
.box-rub-admin{
	float:left;
	width:235px;
	border:1px solid #332e26;
	font-weight:bold;
	margin:4px;
}
/*---------------- rubrique et objet -----------*/
a.box-rub{
	float:left;
	width:33%;
	text-align:center;
	margin:10px 0 20px 0;
	font-weight:bold;
}

img.cadre-img-rub{
	border:none;
	margin-bottom:5px;
}

.img-rub-vide{ /* si pas d'image */
	height:142px;
	width:200px;
}

/*------- objet final----------*/
.box-obj-final{
	width:730px;
	height:466px;
	margin:10px auto;
	border:1px solid #332e26;
	padding:10px;
	text-align:center;
	font-weight:bold;
}
form>.box-obj-final{
	min-height:466px;
	height:auto;
}
.box-obj-img-admin{
	float:left;
}
.box-obj-infos-admin{
	float:right;
	font-weight:bold;
	width:360px;
	text-align:center;
}

.box-obj-final label{
	float:left;
	width:14em;
	text-align:right;
	padding-right:12px;
	font-weight:bold;
}
.obj{
	margin-right:5px;
}

/*------- non-admin ------*/

.box-obj-infos{
	width:334px;
	text-align:center;
}
div>.box-obj-infos{
	margin-left:200px;
}

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

/*------------------SECTION EN SAVOIR PLUS-------------------*/
.txt-savp{
	text-align:justify;
	padding-right:6px;
	padding-left:6px;
	line-height:18px;
}
a.ensavoirplus {
	font-weight: bold;
	color:#322f26;
	font-size:11px;
}
a.ensavoirplus:hover{
	color:#ffffff;
	font-weight: bold;
}

.image-savp1, .image-savp2{
	margin:0 18px 8px 3px;
}

.image-savp2{
	margin:0 3px 8px 18px;
	margin-right:4px;
}

.loca-savp{
	clear:both;
	text-align:right;
	margin:0px 15px 20px 0px;
}

td.td-savp-admin, td.td-savp-admin-act{
	width:33%;
	border: 1px solid #332e26;
	text-align:center;
	font-weight:bold;
}

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


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

/*------admin-liens------*/
.lien-box-admin {
	float: left;
	width: 330px;
	text-align: center;
	border:1px solid #332e26;
	margin-left:19px;
	margin-bottom:20px;
}
div>.lien-box-admin{
	margin-left:23px;
}
.lien-box-admin .cadre-img{
	width:110px;
	height:83px;
}
/*-------liens-int---------*/
.liens_table{
	font-weight:bold;
}
.lien-box {
	float: left;
	width: 310px;
	text-align: left;
	margin:0px 0px 30px 30px;
}
div>.lien-box {
	float: left;
	width: 310px;
	text-align: left;
	margin:0px 0px 30px 55px;
}
.lien-img-box{
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 16px;
}

.lien-txt-box{
	float: left;
	width: 170px;
}

.lien, .lien a{
	margin-bottom: 4px;
	color:#332e26;
}

.lien-txt, .lien-txt a, .lien-txt a:hover{
	color:#332e26;
	font-weight: normal;
}
/*--------------FIN LIENS------------------*/

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

.box-contact-01{
	width:270px;
	text-align:center;
}
div>.box-contact-01{
	margin-left:215px;
}
.box-contact-02{
	width:735px;
	text-align:center;
}
.box-contact-03{
	float:left;
	width:325px;
	text-align:center;
	height:300px;
	margin-left:5px;
}
div>.box-contact-03{
	margin-left:15px;
}
.box-contact-03 a{
	color:#332e26;
	font-weight:normal;
}
.box-contact-03 a:hover{
	font-weight:bold;
}
.box-contact-04{
	float:left;
	width:325px;
	text-align:center;
	height:300px;
	margin-left:50px;
}
div>.box-contact-04{
	float:right;
	margin-top:-13px;
	margin-right:20px;
}
.box-contact-01 label{
	display:block;
	width:95px;
	float:left;
	margin-left:32px;
}
div>.box-contact-01 label{
	display:block;
	width:95px;
	float:left;
	margin-left:65px;
}
li{
	list-style:none;
}
.champobligatoire{
	font-size:10px;
}
.obli{
	color:red;
}
div>.cadre-map{
	padding-left:120px;
}

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

.input-admin{
	color:#332e26;
	background-color:#bfb799;
	border:1px solid #665c4c;
	margin:2px 0px 2px 0px;
	vertical-align:middle;
}
.input-envoi{
	color:#332e26;
	background-color:#89836d;
	border:1px solid #665c4c;
	font-weight:bold;
}

/*----------------IMAGES--------------------*/
.cadre-img{
	border:none;
	margin-bottom:5px;
}
.cadre-img2{
	width:83px;
	height:116px;
}
/*----------------FIN  IMAGES--------------------*/

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

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

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

/*--------------DIv ADMIN-------------------*/
.img1-admin-height-max{
height:190px;
margin:10px 0px 2px 0px;
}

.img-section-admin-height-max{
height:230px;
margin:10px 0px 2px 0px;
}
/*--------------Fin  DIv ADMIN-------------------*/

/*-------------- INTRO -------------------*/
.bloc-admin-intro{
	float:left;
	width:320px;
	border:1px solid #332e26;
	margin:0px 10px 10px 20px;
	text-align:center;
	font-weight:bold;
	padding:10px 4;
}
div>.bloc-admin-intro{
	margin-left:23px;
}

/*-------------- INTRO -------------------*/


/*--------------OPTIONS---------------*/

#box-option{
	Font-family:Verdana, Arial, Helvetica, Sans-serif;
	color:#332e26;
	text-align:right;
	margin-right:5px;
	margin-top:-80px;
}

#box-option a.option{
	color:#332e26;
	font-weight:normal;
	font-size:11px;
}

#box-option a.option:hover{
	color:#332e26;
	font-weight:bold;
}

#box-option a.option_act, a.option_act:hover {
	font-weight:bold;
}

/*--------------FIN OPTIONS---------------*/

/*------------------NEWSLETTER---------------*/
.txt-newsletter, .txt-newsletter a{
	font-size: 13px;
	text-align:center;
	padding-left:30px;
	padding-right:30px;
	margin:30px auto 40px auto;
	width:480px;
}

.txt-newsletter a:hover{
	color: #ffffff;
	font-size: 13px;
	font-weight:bold;
}

.box-newsletter{
	width:500px;
	margin:0 auto;
}

img.img-newsletter{
	margin-top:20px;
	margin-bottom:40px;
	border:1px solid #333333;
}

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

/*--------LOGIN--------*/
.box-login{
	margin:60px auto 70px auto;
	width:280px;
	text-align:center;
	padding:40px 0px;
}

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

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

#password-admin{
	margin:60px auto 0px auto;
	width:280px;
	text-align:center;
}
#password-admin label{
	float:left;
	width:23em;
	text-align:center;
	font-weight:bold;
}

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

/*---------------------FICHIERS-----------------------*/
.box-ajout-fichier{
	width:715px;
	text-align:center;
	font-weight:bold;
	margin:0px auto 20px auto;
	padding-bottom:15px;
	border-bottom:1px solid #332e26;
}
/*---------------------FIN FICHIERS-----------------------*/

/*-----------------MENTIONS LEGALES---------------------*/
.box-global-ml{
	width:795px;
	margin:0 auto;
	text-align:center;
}


/*-----  admin  -------*/
.box-ml-admin{
	font-weight:bold;
	width:795px;
	text-align:center;
}
.box-ml-admin label{
	width:795px;
	float:none;
	text-align:center;
	font-weight:bold;
}
/*-----  non-admin  -------*/
.box-ml{
	font-weight:normal;
	width:790px;
	text-align:left;
}
.ml-titre{
	font-weight:bold;
	width:795px;
	text-align:center;
}
.ml-des{
	margin-left:15px;
}

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

/*--------------------Netwebcity----------------*/
.netwebcity{
	text-align:center;
	color: #665c4c;
	width:100%;
}

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

.netwebcity a:hover{
	font-weight:bold;
}
/*-------------Fin Netwebcity-------------------*/

#navigation{
margin-bottom:8px;
width:100%;
margin:0 auto;
margin-bottom:10px;
text-align:center;
}

#navigation span{
display:block;
width:33%;
float:left;
}