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

body {
	text-align: center;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color:#5f5f5f;
	font-size:13px;
	margin: 0px;
	padding: 0px;
}

/*bloc pour centrer contenant tout le design du site*/
.global{
	width: 800px;
	margin: 35px auto 0 auto;
	text-align: left;
	border: 2px solid #AEAEAE;
	background-color: #f5f7f4;
}

.content{
	margin: auto;
	padding-bottom: 20px;
	width: 800px;
	min-height: 430px!important;
	min-height: 430px;
	height: auto!important;
	height: 430px;
}

.header{
	width: 800px;
	margin-bottom:0px!important;
	margin-bottom:0px;
}


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

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

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

.menu-box{
	width:800px;
	text-align:center;
	border-bottom: 1px solid #1C1A0E;
	border-top: 1px solid #1C1A0E;
	height:27px;
}

ul.menu{
margin: 0;
list-style-type: none;
width: 100%;
text-align: center;
padding: 9 0 3px 0!important;
padding: 0 0 2px 0;
}

li.menu-titre, li.menu-titre-act { 
display: inline;
}

li.menu-titre a{
font-size:13px;
text-decoration: none;
font-weight:bold;
color:#737373;
margin-right:15px;
margin-left:9px;
/*background-color:#ff0000;*/
height:18px;
padding-top:7px!important;
padding-top:9px;
}

li.menu-titre a:hover{
color:#1B1811;
}

li.menu-titre-act a, li.menu-titre-act a:hover{
font-size:13px;
text-decoration: none;
font-weight:bold;
color:#1B1811;
margin-right:15px;
margin-left:9px;
background-image:url(design/menu_picto2.gif);
background-repeat:no-repeat;
background-position:center;
height:18px;
padding-top:7px!important;
padding-top:9px;

}




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

.box-admin{
	position: absolute;
	width: 800px;
	height: 20px;
	margin: -20px auto 0 auto;
	text-align: left;
	color: #BFB0B0;
}

a.option{
	Font-size: 11px;
	font-weight: bold;
	color: #f6eddb;
	text-decoration: none;
	text-align: left;
}

a.option:hover{
	Font-size: 11px;
	color: #dbb76e;
}

a.option_act, .option_act:hover{
	Font-size: 11px;
	font-weight: bold;
	color: #dbb76e;
	text-decoration: none;
	text-align: left;
}



a.deconnexion {
	float: right;
	margin-top: -15px;
	Font-size: 11px;
	font-weight: bold;
	color: #f6eddb;
	text-decoration: none;
	text-align: left;
}

.deconnexion:hover {
	Font-size: 11px;
	color: #A63F48;
}

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

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

/*-----------------TEXTES   GENERAUX-------------------*/
.texte{
	text-align:justify;
	font-size: 13px;
}

.txt-left-1{
	font-weight:bold;
	text-align:left;
	font-size: 13px;
}


.txt-left-2{
	font-weight:normal;
	text-align:left;
	font-size: 13px;
}

.txt-right-1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color: #BFB0B0;
	text-align:right;
}

.txt-center-1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color: #BFB0B0;
	text-align:center;
}


.txt-rubrique{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #BFB0B0;
	text-align:left;
	margin-left: 12px;
}

.txt-clic-plan{
	width: 96%;
	Font-family: Arial, Helvetica, Sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #f3f3f3;
	padding: 2px 5px 8px 8px;
	text-align: center;
	cursor: pointer;
}

.txt-inscription-ok {
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #339900;
	text-align:center;
	padding: 12px 0px 0px 0px;
}

.txt-error-1{
	color: #c80000;
	text-align:center;
	font-size: 11px;
}

/*-----class des textes devant les champs à remplir---------*/
.title-field{                    
	font-size: 13px;
	font-weight: bold;           
	padding-top: 6px!important;
	padding-top: 8px;
	padding-right: 10px;
	text-align: right;
}

.title-field-2{                    
	font-size: 13px;
	font-weight: bold;           
	padding-right: 10px;
	text-align: right;
}


/*----legende utile dans les rubriques et sou-rubriques----*/
a.legende{
	Font-family: Arial, Helvetica, Sans-serif;
	Font-size: 13px;
	color: #636363;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-top: 3px;
	cursor:pointer;
}

a.legende:hover{
	color: #000000;
	Font-size: 13px;
}

/*.link, .link a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align:left;
	color: #B3444D;
	text-decoration: none;
}

.link:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
	color: #BF9391;
	text-decoration: none;
}*/
/*----Fin legende utile dans les rubriques et sou-rubriques----*/

a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-align:left;
	color: #636363;
	text-decoration: none;
}

a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:right;
	color: #000000;
	text-decoration: none;
}
/*----------------------------FIN TEXTES GENERAUX---------------------------*/


/*-----------------SECTIONS EN SAVOIR PLUS----------------------*/
.texte-savp{
	font-size: 13px;
	text-align: justify;
	margin-top: 0px;
	margin-right: 1px;
	margin-left: 1px;
	font-weight: normal;
}

.image-savp1{
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 1px;
	margin-bottom: 5px;
	border: 1px solid #a4a4a4;
}

.image-savp2{
	margin-top: 0px;
	margin-right: 1px;
	margin-left: 15px;
	margin-bottom: 5px;
	border: 1px solid #a4a4a4;
}

.ensavoirplus, .ensavoirplus a{
	Font-family: Arial, Helvetica, Sans-serif;
	Font-size: 11px;
	font-weight: bold;
	color: #737373;
	text-decoration: none;
	text-align: left;
}

.ensavoirplus:hover{
	/*Font-family: Arial, Helvetica, Sans-serif;*/
	Font-size: 11px;
	color:#000000;
}

.loca-savp{
	margin: 10px 0px 22px 28px;
}


.loca-puce{
	background-image: url(design/loca_puce.gif);
	margin-right: 4px;
}

/*-----------------FIN SECTIONS EN SAVOIR PLUS----------------------*/

/*---------CONTACT---------*/
.title-societe{
	font-size: 15px;
	font-weight:bold;
	text-align:left;
	color: #636363;
	padding-left:32px;
}


.mail, .mail a{
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	color: #636363;
	text-decoration:underline;
}

.mail:hover{
	font-size: 12px;
	color: #000000;
	text-decoration:underline;
}

.txt-ch-oblig{
	width: 215px;
	Font-family: Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #BFB0B0;
	font-weight: bold;
	margin-top: 5px;
	padding: 2px 5px 12px 4px;
	text-align: center;	
}

.error_message {
	width:210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #ff3300;
	text-align:center;
	padding:12px 0px 0px 0px;
}

.error_message-2 {
	width:210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #BF0000;
	text-align:center;
	padding:12px 0px 0px 0px;
}

.message_ok {
	width:210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #32840a;
	text-align:center;
	padding-top: 10px;
	padding-right: 6px;
	padding-left: 16px;
}

.box-contact-1{
	float: left;
	width: 300px;
	margin-left:44px!important;
	margin-left:26px;
	margin-right:30px;
}

.box-contact-2{
	float: left;
	width: 390px;
}

.box-contact-objet{
width:330px;
cursor:pointer;
padding-top:10px;
margin-left:75px!important;
margin-left:55px;
}

.contact-objet-img{
float:left;
}

.contact-objet-dem-infos{
font-size: 12px;
font-weight:bold;
padding-bottom:12px;
text-decoration:underline;
}

.contact-objet-infos{
float:left;
margin-left:14px;
text-align:left;
}

.contact-objet-ref{
	font-size: 12px;
	font-weight: normal;
}

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

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

.box-ajout-fichier{
	font-size: 13px;
	font-weight: normal;
	color: #BFB0B0;
	text-align: left;
	padding-top: 15px;
	padding-left: 15px;
}

.fichier_error_message {
	width: 350px;
	font-size: 12px;
	font-weight:bold;
	color: #EE0000; /*rouge*/
	text-align: left;
	padding: 12px 0px 0px 0px;
}

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

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

.lst-liens-box{
	width: 800px;
	margin: 0;
	padding: 0;
}

.lien-box {
	float: left;
	width: 370px;
	text-align: left;
	margin-top: 20px;
	margin-left: 20px!important;
	margin-left: 15px;
}

.lien-img-box{
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 10px;
}

.lien-txt-box{
	float: right;
	width: 230px;
}

.lien, a.lien {
	font-size: 13px;
	color: #737373;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 4px;
}

a.lien:hover{
	font-size: 13px;
	color: #000000;
}

.lien-txt, .lien-txt a, .lien-txt:hover{
	font-size: 13px;
	color: #636363;
	text-decoration: none;
	font-weight: normal;
}
/*--------------FIN LIENS------------------*/

/*---------------IMAGES----------------*/
.cadre-img, .cadre-img:hover{
	border: 1px solid #a4a4a4;
}

/*---------------FIN IMAGES----------------*/

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

	/*------admin---*/
.box-admin-clg-img{
	float:left;
	width:310px;
	margin-top:1px;
	margin-left:3px;
}

.box-admin-clg-description{
	float:left;
	width:430px;
	margin-top:24px;
	margin-left:18px;
}

	/*------non admin---*/
.box-clg-img{
width:100%;
padding-top:12px;
text-align:center;
}

.box-clg-vignette{
width:100%;
margin-top:12px;
margin-bottom:8px;
text-align:center;
}

.box-clg-description{
width:100%;
margin-top:12px;
margin-left:22px!important;
margin-left:12px;
}

.clg-img-th{
margin-right:2px;
margin-bottom:16px;
margin-top:12px;
border: 1px solid #a4a4a4;
}

.clg-img{
border: 1px solid #a4a4a4;
margin-left:0px;
margin-right:0px;
}

.box-agrandir-img, .box-agrandir-img a{
font-size:10px;
color:#888888;
font-weight:normal;
width:100%;
margin-top:2px;
text-align:center;
}

.box-agrandir-img a:hover{
font-size:10px;
color:#000000;
width:100%;
text-align:center;
}

.clg_designation{
font-size:14px;
font-weight:bold;
margin-bottom:12px;
text-align:center;
}

.clg-description-description{
font-size:13px;
font-weight:normal;
margin-top:8px;
margin-bottom:18px;
text-align:justify;
width:420px;
}

.info-objet-visible{
width:100%;
font-size:13px;
font-weight:bold;
margin-top:6px;
margin-left:20px;
text-decoration:underline;
}


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



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

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

.bouton_delete {
	border: 2px solid #000000;
	background-color: #FF3300; 
	color: #FFFFFF;
	cursor:pointer;
	margin-bottom:4px;
	font-size:12px;
	Font-family:Verdana, Arial, Helvetica, Sans-serif;
}

.bouton_save {
	border: 1px solid #7B7B7B;
	background-color: #efefef; 
	color: #222222;
	cursor: pointer;
	margin-bottom: 4px;
	font-size: 12px;
	Font-family: Arial, Helvetica, Sans-serif;
}

.bouton_save_2 {
	border: 1px solid #7B7B7B;
	background-color: #efefef; 
	color: #222222;
	cursor: pointer;
	margin-bottom: 1px;
	font-size: 11px;
	Font-family: Arial, Helvetica, Sans-serif;
	font-weight: normal;
	margin-top: 3px;
}

.input-admin{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #fffffff;
	border: 1px solid #969696;
	font-size: 12px;
	margin: 2px 10px 0px 15px;
	font-weight: normal;
}

input.bouton {
	background-color: #efefef; 
	color: #7B7B7B;
	border: 1px solid #7B7B7B;
	height:18px;
	font-size: 12px;
	font-weight: bold;
	cursor:pointer;
	margin-left:0px;
}

input.bouton:hover {
	color: #696969;	
}

select.input-admin{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #949494;
	font-size: 12px;
	margin: 2px 10px 0px 15px;
	font-weight: normal;
	margin: 2px 10px 0px 15px;
}



.input-field{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #949494;
	font-size: 12px;
	width: 250px;
	margin-top: 3px;
}



.bouton_save_3 {
border: 1px solid #4c4c4c;
background-color: #E6E6E6; 
color: #000000;
font-size:11px;
Font-family:Arial, Helvetica, Sans-serif;
font-weight:bold;
margin-right:10px;
cursor:pointer;
text-align:center;
}

.bouton_delete_3{
border: 1px solid #000000;
background-color: #FF3300; 
color: #FFFFFF;
font-size:11px;
Font-family:Arial, Helvetica, Sans-serif;
font-weight:bold;
padding-bottom:1px;
cursor:pointer;
text-align:center;
}
/*----------FIN BOUTONS-------------*/

/*-----------------MENTIONS LEGALES---------------------*/
.ml-titre{
	font-size: 15px;
	font-weight: bold;           
	color: #f3f3f3;
	text-align: left;
	padding-left: 8px;
}

.ml-description{
	font-size: 13px;
	font-weight: normal;           
	color: #BFB0B0;
	text-align: justify;
	padding-left: 18px;
	padding-right: 16px;
}
/*-----------------FIN MENTIONS LEGALES---------------------*/

/*------------------NEWSLETTER---------------*/
.txt-newsletter, .txt-newsletter a{
font-size: 13px;
font-weight:normal;
color: #636363;
text-align:center;
padding-left:30px;
padding-right:30px;
margin-top:0px;
margin-bottom:50px;
border:0px solid #ffffff;
}

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

.lien-newsletter{
font-size: 13px;
font-weight:normal;
color: #BFB0B0;
text-align:center;
padding-top:36px;
}

.box-newsletter{
width:420px;
margin-left:120px;
}

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

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

.box-ajout-fichier{
	font-size: 13px;
	font-weight: normal;
	color: #8C776F;
	text-align: center;
	padding-top: 27px;
	padding-bottom: 27px;
	margin-left: 27px;
	border-bottom:1px solid #E6E6E6;
}

.fichier_error_message {
	width: 350px;
	font-size: 11px;
	font-weight:bold;
	color: #EE0000; /*rouge*/
	text-align: left;
	padding: 12px 0px 0px 0px;
}

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

/*---------------CHEMIN-------------------*/
.chemin{
width:100%;
font-size:12px;
font-weight:normal;
padding-top:4px;
text-align:right;
}

.chemin-txt, .chemin-txt a{
font-size:12px;
font-weight:normal;
color:#737373;
margin-left:5px;
margin-right:5px;
}

a.chemin-txt:hover, .chemin-txt a:hover{
color:#000000;
font-size:12px;
}

.chemin-txt-act,.chemin-txt-act a{
font-size:12px;
font-weight:normal;
color:#000000;
margin-left:5px;
margin-right:5px;
}

a.chemin-txt-act:hover, .chemin-txt-act:hover{
color:#000000;
font-size:11px;
}
/*---------------FIn CHEMIN-------------------*/

/*--------------DIv ADMIN-------------------*/
.bloc-admin-1{
	border: 1px solid #888888;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
}

.bloc-admin-2{
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

.bloc-admin-3{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	width: 80px;
}

.bloc-admin-4{
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	margin-bottom:8px;
}

.bloc-admin-5{
	text-align:left;
	font-weight:bold;
	margin-bottom:8px;
}

.bloc-admin-7{
	text-align:left;
	font-weight:bold;
	margin-left: 10px;
	margin-bottom:8px;
}

.bloc-admin-intro{
	float:left;
	width:300px;
	margin-top:30px;
	border:1px solid #BFB0B0;
	margin-left:18px;
	text-align:center;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}

.new-item{
	margin-bottom:20px;
}

.nouvel_enr{
	Font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-bottom:4px;
	margin-top:3px;
}

.new-rubriq{
Font-size:10px;
color:#666666;
text-decoration:underline;
text-align:center;
padding-bottom:8px;
}


/*--------------Fin  DIv ADMIN-------------------*/


/*--------------LANGUES ADMIN------------------*/


a.lang {
	font-size: 12px;
	color: #faf5eb;
	text-decoration: none;
	font-weight: normal;
}

a.lang:hover{
	color: #dbb76e;
	font-size: 12px;
}

a.lang-act, a.lang-act:hover{
	font-size: 12px;
	color: #dbb76e;
	text-decoration: none;
	font-weight:bold;
}

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

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

.link_page, .link_page a{
font-weight:bold;
font-size: 12px; 
text-decoration: none;
color:#aa9595;
font-variant:small-caps;
}

.link_page:hover{
font-weight:bold;
text-decoration: none;
color:#E6E6E6;
font-variant:small-caps;
font-size: 12px; 
}

.page{
margin-bottom:5px;
margin-top:8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color: #aa9595;
text-align:center;
}

.page_activ{
font-weight:bold;
color:#E6E6E6;
}
/*-------------FIN PAGES------------------*/

/*--------LOGIN--------*/
.login_box{
	padding-top: 70px;
	margin-left: 200px;
	width: 400px;
	text-align: center;
}

.login{
	float:left;
	font-weight: bold;
	width: 150px;
	text-align: right;
	padding-right: 15px;
	padding-top: 3px;
	margin-bottom: 3px;
}

.login_2{
	float:left;
	margin-bottom: 3px;
}

.box-btn-login{
margin-top:32px;
}

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

/*--------------------Netwebcity----------------*/

.netwebcity{
	margin-top: 2px;
	padding-bottom: 16px;
}

.net, .net a{
	font-size: 9px;
	font-weight:normal;
	color: #444444;
	text-align:center;
	text-decoration: none;
}

.net:hover{
	font-size: 9px;
	color: #888888;
}
/*-------------Fin Netwebcity-------------------*/