/*----------------INTERFACE---------------*/

body {
	margin: 0;
	padding: 0;
	background: url(design/background.gif) repeat-x #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #606060;
}

.global {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 720px;
	text-align: left;
}

.box-top {
	height: 125px;
	background: url(design/background_top.gif) no-repeat;
}

.box-banner {
	height: 175px;
	background: url(design/background_banner.gif) no-repeat;
	padding-left: 25px;
}

.box-content {
	background: url(design/background_content.gif);
	padding-top: 15px;
	padding-left: 25px;
}

.box-bottom {
	height: 25px;
	background: url(design/background_bottom.gif) no-repeat;
}

.box-admin {
	position: absolute;
	margin-left: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 11px;
}

/* Refer */
.ref_titre{
border-bottom:2px dotted #CCCCCC;
margin:5px 0;
}

.form-ref label{
display:block;
width:25px;
float:left;
}

.form-ref .input-admin{
width:570px;
}

/*----------------LANG----------------*/
.box-lang {
	width: 670px;
	height: 25px;
	margin-left: 25px;
	text-align: right;
	line-height: 25px;
}

a.lang {
	color: #606060;
	text-decoration: none;
}

a.lang:hover{
	color: #2E9726;
}

a.lang-act, a.lang-act:hover{
	font-weight: bold;
	color: #2E9726;
	text-decoration: none;
}

/*------------FIN LANG----------------*/


/*----------------LOGO----------------*/
.box-logo {
	width: 670px;
	text-align: left;
	margin-left: 25px;
}
/*------------FIN LOGO----------------*/


/*----------------MENU----------------*/
ul.menu{
	margin: 0;
	padding-left: 25px;
	height: 35px;
	width: 670px!important;
	width: 695px;
}

li.menu-titre, li.menu-titre-act { 
	display: inline;
	padding-right: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 35px;
}

li.menu-titre a{
	color: #707070;
	text-decoration: none;
}

li.menu-titre a:hover{
	color: #2E9726;
	text-decoration: underline;
}

li.menu-titre-act a, li.menu-titre-act a:hover{
	color: #2E9726;
	text-decoration: underline;
}
/*------------FIN MENU----------------*/


/*----------------MENU ADMIN----------------*/

a.option {
	color: #707070;
	text-decoration: none;
}

a.option:hover{
	color: #2E9726;
	text-decoration: underline;
}

a.option_act, .option_act:hover{
	color: #2E9726;
	text-decoration: underline;
}

a.deconnexion {
	color: #BF0000;
	font-weight: bold;
	text-decoration: none;
}

/*------------FIN MENU ADMIN----------------*/


/*----------------CONTENT----------------*/
.content {
	width: 670px;
	min-height: 430px!important;
	min-height: 430px;
	height: auto!important;
	height: 430px;
	padding-bottom: 10px!important;
	padding-bottom: 0px;
}

.spacer {
	clear: both;
}
/*------------FIN CONTENT----------------*/


/*------------------NEWSLETTER---------------*/
.txt-newsletter, .txt-newsletter a{
	font-size: 13px;
	text-align: center;
	margin-bottom: 50px;
}

.txt-newsletter a:hover{
	text-decoration: none;
}

.box-newsletter{
	width: 500px;
	margin-left: 85px;
}

/*------------------FIN NEWSLETTER---------------*/


/*--------------------LIENS----------------*/
a {
	color: #2E9726;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
/*----------------FIN LIENS----------------*/


/*--------LOGIN--------*/
.login_box{
	padding-top: 70px;
	margin-left: 135px;
	width: 400px;
	text-align: center;
}

.login{
	float:left;
	font-weight: bold;
	width: 150px;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
}

.login_2{
	float:left;
	margin-bottom: 2px;
}

.box-btn-login{
	float:left;
	width: 100%;
	margin-top: 20px;
}

/*--------FIN LOGIN--------*/


/*-----------------TEXTES   GENERAUX-------------------*/
.texte{
	text-align:justify;
	font-size: 12px;
}

.txt-left-1{
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}


.txt-left-2{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.txt-right-1{
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}

.txt-right-2{
	font-weight: bold;
	text-align: right;
}

.txt-center-1{
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.txt-center-1{
	font-size: 12px;
	font-weight: bold;
	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;
}

a.txt-clic-plan {
	font-size: 10px;
	color: #2E9726;
	padding: 2px 0 0 0;
	text-decoration: none;
}

a.txt-clic-plan:hover {
	text-decoration: underline;
}

.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: #BF0000;
	text-align:center;
	font-weight: bold;
}

/*-----class des textes devant les champs à remplir---------*/
.title-field{                    
	font-size: 12px;
	font-weight: bold;
	padding-top: 6px;
	padding-right: 10px;
	text-align: right;
}

.title-field-2{                    
	font-size: 12px;
	font-weight: bold;           
	padding-right: 10px;
	text-align: right;
	color: #696969;
}

/*----Fin legende utile dans les rubriques et sou-rubriques----*/


/*----------BOUTONS-------------*/
form{
	padding: 0;
	margin: 0;
}

textarea{
	width: 96%;
	height: 120px;
	text-align: left;
	margin: 3px 0px 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;
}

.input-admin{
	border: 1px solid #969696;
	background-color: #fffffff;
	margin: 0 0 0 10px;
}

input.bouton {
	border: 1px solid #969696;
	background-color: #f0f0f0; 
	color: #505050;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor:pointer;
}

input.bouton:hover {
	color: #2E9726;	
}

select.input-admin{
	background-color: #fffffff;
	border: 1px solid #969696;
	margin: 2px 10px 0px 15px;
}

.input-field{
	background-color: #fffffff;
	border: 1px solid #969696;
	width: 240px;
	margin-top: 3px;
}

.bouton_save_3 {
	border: 1px solid #7B7B7B;
	background-color: #efefef; 
	color: #222222;
	font-size:11px;
	font-weight:bold;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	text-align:center;
	text-decoration: none;
}

.bouton_delete_3{
	border: 1px solid #000000;
	background-color: #FF3300; 
	color: #FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding-bottom:1px;
	cursor:pointer;
	text-align:center;
	text-decoration: none;
}

/*----------FIN BOUTONS-------------*/


/*--------------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-4{
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

.bloc-admin-intro{
	float: left;
	width: 325px;
	border: 1px solid #808080;
	margin-bottom: 10px;
	margin-left: 10px;
	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;
	padding-bottom: 10px;
}

.new-rubriq{
	Font-size:10px;
	color:#666666;
	text-decoration:underline;
	text-align:center;
	padding-bottom:8px;
}


/*--------------Fin  DIv ADMIN-------------------*/


/*-----------------SECTIONS EN SAVOIR PLUS----------------------*/
.texte-savp{
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
}

.image-savp1{
	margin: 0 10px 5px 0;
	border: 1px solid #a0a0a0;
}

.image-savp2{
	margin: 0 0 5px 10px;
	border: 1px solid #a0a0a0;
}

.ensavoirplus, .ensavoirplus a{
	font-size: 12px;
	font-weight: normal;
}

.ensavoirplus:hover{
	text-decoration: underline;
}

.loca-savp{
	margin: 5px 0 5px 0;
}


.loca-puce{
	margin-right: 5px;
}

/*-----------------FIN SECTIONS EN SAVOIR PLUS----------------------*/


/*-------------------------CATALOGUE-------------------------*/

	/*------admin---*/
.box-admin-clg-img{
	float:left;
	width:260px;
}

.box-admin-clg-description{
	float:left;
	width:400px;
	margin-left:10px;
}

/*------non admin---*/
.box-clg-img{
	float: left;
	width: 340px;
	text-align:center;
}

.box-clg-vignette{
	margin-top:15px;
	margin-bottom: 15px;
}

.clg-img-th{
	margin-right: 2px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #808080;
}

.box-clg-description{
	float: left;
	width: 320px;
	margin-left: 10px;
	text-align: center;
}

.box-clg-description-gd{
	float: left;
	width: 100%;
	text-align: center;
}

.box-agrandir-img, .box-agrandir-img a{
	font-size: 10px;
	color: #2E9726;
	margin-top: 2px;
	text-decoration: none;
}

.box-agrandir-img a:hover{
	text-decoration: underline;
}

.clg_designation{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: left;
	color: #696969;
}

.clg-description-description{
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: justify;
	line-height: 18px;
}

.clg-description-description-gd{
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: justify;
	line-height: 18px;
}

/*----------------------FIN CATALOGUE-------------------------*/


/*--------------LIENS------------------*/

.lien-box {
	float: left;
	width: 335px;
	text-align: left;
	margin-top: 20px;
}

.lien-img-box{
	float: left;
	width: 110px;
	text-align: right;
	margin-right: 10px;
}

.lien-txt-box{
	float: left;
	width: 205px;
}

.lien, a.lien {
	font-size: 12px;
	margin-bottom: 2px;
	color: #2E9726;
	text-decoration: none;
}

a.lien:hover{
	text-decoration: underline;
}

.lien-txt, .lien-txt a, .lien-txt:hover{
	color: #606060;
	font-size: 12px;
	text-align: justify;
	text-decoration: none;
}
/*--------------FIN LIENS------------------*/


/*---------CONTACT---------*/

.box-contact-1{
	float: left;
	width: 300px!important;
	width: 270px;
	margin-left: 30px;
	margin-right: 10px;
}

.box-contact-2{
	float: left;
	width: 330px;
}

.box-contact-objet{
	width: 100%;
	cursor: pointer;
	padding-top: 10px;
}

.contact-objet-img{
	float:left;
}

.contact-objet-dem-infos{
	font-size: 12px;
	font-weight:bold;
	padding-bottom:12px;
	text-decoration:none;
	color: #696969;
}

.contact-objet-infos{
	float:left;
	margin-left:10px;
	text-align:left;
}

.contact-objet-ref{
	font-size: 12px;
	font-weight: normal;
}

.title-societe{
	font-size: 15px;
	font-weight:bold;
	color: #2E9726;
	text-align: center;
}

.mail, .mail a{
	font-size: 11px;
	text-decoration: none;
}

.mail:hover{
	text-decoration: underline;
}

.txt-ch-oblig{
	width: 215px;
	font-size: 10px;
	color: #a0a0a0;
	font-weight: bold;
	margin-top: 5px;
	padding: 2px 0 15px 0;
	text-align: center;	
}

.error_message {
	width: 230px;
	font-size: 11px;
	font-weight: bold;
	color: #BF0000;
	text-align:center;
	padding:15px 0px 0px 0px;
}

.error_message-2 {
	width: 230px;
	font-size: 11px;
	font-weight:bold;
	color: #BF0000;
	text-align:center;
	padding:15px 0px 0px 0px;
}

.message_ok {
	width: 230px;
	font-size: 11px;
	font-weight:bold;
	color: #32840a;
	text-align:center;
	padding:15px 0px 0px 0px;
}

/*-------------------------FIN page contact--------------------------------*/


/*----legende utile dans les rubriques et sou-rubriques----*/
a.legende {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 206px;
	display: block;
	color: #707070;
	text-decoration: none;
}

a.legende:hover{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 206px;
	display: block;
	color: #2E9726;
}

/*---------------IMAGES----------------*/
.cadre-img, .cadre-img:hover{
	border: 1px solid #a0a0a0;
}


/*-----------------------FICHIERS------------------------*/

.box-ajout-fichier{
	width: 670px;
	font-size: 13px;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #2E9726;
}

.fichier_error_message {
	width: 670px;
	font-size: 11px;
	font-weight:bold;
	color: #BF0000; /*rouge*/
	text-align: center;
	padding: 10px 0px 0px 0px;
}

/*-----------------------FIN FICHIERS------------------------*/


/*-----------------MENTIONS LEGALES---------------------*/
.ml-titre{
	font-size: 14px;
	font-weight: bold;           
	color: #2E9726;
	text-align: left;
}

.ml-description{
	font-size: 12px;          
	text-align: justify;
}
/*-----------------FIN MENTIONS LEGALES---------------------*/


/*--------------------Netwebcity----------------*/

.netwebcity{
	padding-bottom: 5px;
	color: #a0a0a0;
}

.net, .net a{
	font-size: 9px;
	color: #a0a0a0;
	text-decoration: none;
}

.net:hover{
	color: #2E9726;
}
/*-------------Fin Netwebcity-------------------*/

.tags{
font-size:80%;
color:#cccccc;
margin:0 auto;
padding:0;
width: 670px;
text-align:center;
}


.tags{
color:#cccccc;
width:670px;
margin:0 auto;
text-align:center;
}