/* CSS Document */

* {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.espacement{
margin:20px 0 0 0;
padding:20px 0 0 0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #F0EDE8;
	text-align: center;
	color: #4D4D4D;
}

th {
	color: #D03926;
}

th a { color: #D03926; }

/*---------------CONTENT----------------*/
#global {
	width: 901px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-left: 1px;
	background: #ffffff url(design/background-content.png) bottom right no-repeat;
}

#banniere {
	width: 900px;
	height: 153px;
	text-align: left;
}

#left {
	float: left;
	/*width: 195px;*/
	width: 175px;
}

#right {
	float: left;
	width: 725px;
}

#pub {
	margin-top: 45px;
	text-align: center;
}

#content {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;		
	width: 680px;
	min-height: 460px!important; 
	min-height:0px; 
	height: auto!important;
	height: 460px;
	text-align: left;
}

#footer {
	width: 901px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	padding-bottom: 8px;
	background-image: url(design/footer.png);
	background-repeat: no-repeat;
}

#chemin {
	margin-bottom: 15px;
	color: #D03926;
	font-size: 11px;
}

#chemin a.chemin{
	color: #4E4E4E;
	font-size: 11px;
}

#chemin a.chemin:hover{
	color: #D03926;
}

/*--------------------MENU--------------------*/
#menu-box {
	background: url(design/menu.png) top left no-repeat;
	width: 175px;
	height: 366px;
}

#menu-box ul.menu{
	float: left;
	width: 175px;
	margin: 0 0 0 -10px!important;
	margin: 0;
	padding-left: 10px;
	list-style-type: none;
}

#menu-box li.menu, #menu-box li.menu-act { 
	margin: 0 5px 0 0;
	height: 25px;
	line-height: 25px;
	text-align: right;
}

#menu-box li.menu a{
	color: #E6AEAD;
}

#menu-box li.menu a:hover{
	color: #ffffff;
	text-decoration: none;
}

#menu-box li.menu-act a, li.menu-act a:hover{
	color: #ffffff;
	text-decoration: none;
}

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

#menu-box-admin{
	width: 900px;
	margin: 0 auto 0 auto;
}

#menu-box-admin ul.menu{
	float: left;
	width: 225px;
	margin: 5px 0 0 -40px!important;
	margin: 5px 0 0 0;
	list-style-type: none;
	text-align: left;
}

#menu-box-admin li.menu, #menu-box-admin li.menu-act { 
	margin: 0;
}

#menu-box-admin li.menu a{
	font-size: 12px;
	color: #a0a0a0;
}

#menu-box-admin li.menu a:hover{
	color: #202020;
	text-decoration: none;
}

#menu-box-admin li.menu-act a, li.menu-act a:hover{
	font-size: 12px;
	color: #202020;
	text-decoration: none;
}

/*---------------deconnexion----------------*/

#menu-box-admin li.menu-deconnexion { 
	margin: 0;
}


#menu-box-admin li.menu-deconnexion a{
	font-size: 12px;
	color: #e00000;
}

#menu-box-admin li.menu-deconnexion a:hover{
	color: #101010;
	text-decoration: none;
}

/*-----------------TOP-------------------*/
#lang {
	float: left;
	margin-left: 20px;
	color: #6D6D6D;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
}

a.lang{
	color: #6D6D6D;
}

a.lang:hover{
	color: #D03926;
}

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

#ma_selection {
	float: left;
	margin-left: 150px;
	color: #4D4D4D;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
}

#recherche {
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	color: #4D4D4D;
	vertical-align: middle;
}

#recherche label {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

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

a:hover{
	color: #a0a0a0;
}

a.red { color: #D03926; font-weight: normal;}
a.red:hover { color: #000000;}
a.underline { text-decoration: underline; }
a.tri { font-weight: bold; }
a.succes {color: #139913; }
img.tri { margin-right: 3px; height: 12px; line-height: 18px; vertical-align: middle; }

p{ padding: 0;	margin: 0 0 10px 0;	text-align: justify;}

.spacer{ clear:both; }
.bold{ font-weight:bold; }
.italic{ font-style: italic; }
.normal{ font-weight:normal; }
.small { font-size: 11px; }
.err { font-size: 11px; color: #CC1A1A; }
.succes { font-size: 11px; color: #139913; }
.no { color: #CC1A1A; font-weight: bold; }
.yes { color: #139913; font-weight: bold; }
.justify { text-align: justify; }
.red { color: #D03926; font-weight: bold;}
.gray { color: #949391;}
.red-txt { color: #D03926; font-weight: bold; }

hr {
	margin: 10px 0 0 0;
	width: 680px;
	color: #DBDBDB;
}

h1, h2 {
	font-size: 20px;
	color: #D7D7D7;
	border-bottom: 1px solid #DBDBDB;
	margin: 0;
	padding: 0;
}

h2 {font-size: 16px;}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #D03926;
	margin: 2px 0 0 0;
}

label { color: #949391; }

/*-----------------IMAGES-------------------*/
img {
	margin: 0;
	padding: 0;
}

img.pub {
	border: 1px solid #C5C7C6;
}

img.cadre-img {
	border: 1px solid #C5C7C6;
}
/*---------------FIN IMAGES-----------------*/

.box-page {
	margin-top: 5px;
	text-align: right;
}

/*----------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 #E8E8E8;
	background-color: #BEBDBB; 
	color: #6D6D6D;
	cursor:pointer;
	font-weight:bold;
	margin: 5px 0 5px 0;
	padding: 0 10px 0 10px!important;
	padding: 0;
}

.bouton {
	border: 1px solid #E8E8E8;
	background-color: #BEBDBB;
	color: #6D6D6D;
	cursor: pointer;
	height: 20px;
	padding: 2px 10px 2px 10px;
	letter-spacing: 1pt;
	font-size: 11px;
	font-weight: normal;
}

.bouton_cmd {
	border: none;
	background: none;
	cursor: pointer;
	color: #D03926;
	font-weight: bold;
	margin: 2px 0 2px -12px;
	padding: 0 10px 0 10px!important;
	padding: 0;
}

input.bouton{
	border: 1px solid #E8E8E8;
	background-color: #BEBDBB;
	color: #6D6D6D;
	cursor: pointer;
	margin: 5px 0 5px 0;
	padding: 0 10px 0 10px!important;
	padding: 0;
	letter-spacing: 1pt;
	text-align: center;
}

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

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

.input-field {
	color: #6D6D6D;
	background-color: #F9F9F9;
	border:1px solid #E8E8E8;
	font-size: 13px!important;
	font-size: 12px;
	margin:2px 0px 2px 0px;
	width:140px;
}

textarea.input-field{
	height:90px;
}

.btn_search {
	color: #6D6D6D;
	background: none;
	border: none;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	width: 30px;
}
/*----------FIN BOUTONS-------------*/

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

.image-entete-1 { float: left;  width: 180px; margin-right: 15px; margin-bottom: 5px; text-align: center;}
.image-entete-2 { float: right;  width: 180px; margin-left: 15px; margin-bottom: 5px; text-align: center;}
.txt-savp{ text-align: justify; }
.txt-savp a { color: #4D4D4D; text-decoration: underline; }
a.ensavoirplus { font-weight: bold; color: #D03926; }
a.ensavoirplus:hover{ color: #000000; }
.image-savp, .image-savp:hover { border: 1px solid #C5C7C6; margin-left: 0!important; margin-left: -3px; margin-bottom: 15px!important; margin-bottom: -5px; }
.image-savp1, .image-savp1:hover { margin: 0 15px 0 0; border: 1px solid #C5C7C6; }
.image-savp2, .image-savp2:hover { margin: 0 0 0 15px; border: 1px solid #C5C7C6; }
.loca-savp{ text-align: left; margin: 0 5px 30px 0; }
a.legende { font-size: 11px; color: #949391; }
a.legende:hover { color: #4D4D4D; }

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


/*-----------------A LA UNE-------------------*/
#a_la_une { margin: 20px 0 0 0; padding: 0;}
#a_la_une .image-entete-1 { float: left;  width: 180px; margin-right: 15px; margin-bottom: 5px; text-align: center;}
#a_la_une .image-entete-2 { float: right;  width: 180px; margin-left: 15px; margin-bottom: 5px; text-align: center;}
#a_la_une .add_event { position: absolute; width: 680px; text-align: right; margin-top: -5px!important; margin-top: 0; }
#a_la_une .event { margin-top: 10px;}
#a_la_une .event .image { float: left; width: 100px; margin-right: 20px; }
#a_la_une .event .infos { float: left; }
#a_la_une .event .infos .titre { margin-bottom: 5px; }
#a_la_une .event .infos .titre a { font-size: 12px; font-weight: bold; }
#a_la_une .event .infos .left { float: left; width: 225px; }
#a_la_une .event .infos .left a { text-decoration: underline; }
#a_la_une .event .infos .left .lieu { float: left; margin-left: 0!important; margin-left: 3px; width: 140px; }
#a_la_une .event .infos .right { float: left; margin-left: 10px; width: 320px; }
#a_la_une .event .infos .right a { text-decoration: underline; }
#a_la_une .event .infos label.lbl { float: left; width: 75px; margin-top: 0!important; margin-top: -1px; }
/*---------------FIN A LA UNE-----------------*/


/*-----------------ABONNEMENT-------------------*/
#abonnement, #abonnement-admin { margin: 20px 0 0 0; padding: 0;}
#abonnement .image-entete-1 { float: left;  width: 180px; margin-right: 15px; margin-bottom: 5px; text-align: center;}
#abonnement .image-entete-2 { float: right;  width: 180px; margin-left: 15px; margin-bottom: 5px; text-align: center;}
#abonnement .recap { margin-left: 50px; }
#abonnement .pdf { position: absolute; width: 680px; text-align: right; margin-top: -15px; }
#abonnement .select { background-color: #D9D5D2; }
#abonnement .an { float: left; width: 125px; cursor: default; }
#abonnement .eu { float: left; width: 160px; cursor: default; }
#abonnement .us { float: left; width: 210px; cursor: default; }
#abonnement .autre { float: left; cursor: pointer; }
#abonnement .btn { margin: 10px 0 0 190px!important; margin: 10px 0 0 182px; width: 250px;}
#abonnement label, #abonnement-admin label {
	float:left;
	width:17.5em;
	text-align:left;
	padding-right:10px;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
#abonnement label.right, #abonnement-admin label.right { width: auto; }
/*---------------FIN ABONNEMENT-----------------*/


/*-----------------ABONNEMENT-------------------*/
#panier { margin: 20px 0 0 0; padding: 0;}
#panier .etape_2 .btn { margin: 10px 0 0 135px!important; margin: 10px 0 0 127px; width: 250px;}
#panier .etape_2 label {
	float:left;
	width:15em;
	text-align:left;
	padding-right:10px;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
#panier .etape_3 .cohord_banc { float: left; width: 340px; padding: 0 10px; }
#panier .etape_3 .imprimer { font-weight: bold; }
#panier .etape_3 label { width:12em;}

/*---------------FIN ABONNEMENT-----------------*/


/*-----------------PROPOSER EVENTS-------------------*/
#proposer_events {margin: 20px 0 0 0; padding: 0; }
#proposer_events .event .image { float: left; width: 100px; margin-right: 20px; }
#proposer_events .event .infos { float: left; }
#proposer_events .event .infos .titre { margin-bottom: 5px; color: #D03926; font-size: 12px; font-weight: bold;}
#proposer_events .event .infos .left { float: left; width: 225px; }
#proposer_events .event .infos .left a { text-decoration: underline; }
#proposer_events .event .infos .left .lieu { float: left; margin-left: 0!important; margin-left: 3px; width: 140px; }
#proposer_events .event .infos .right { float: left; margin-left: 10px; width: 320px; }
#proposer_events .event .infos .right a { text-decoration: underline; }
#proposer_events label {
	float:left;
	width:10em;
	text-align:left;
	padding-right:10px;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
#proposer_events .event .infos label.lbl { float: left; width: 70px; padding: 0; margin-top: -2px!important; margin-top: -1px; }
/*---------------FIN PROPOSER EVENTS-----------------*/


/*-----------------PROPOSER EVENTS-------------------*/
#expo {margin: 20px 0 0 0; padding: 0; }
#expo label {
	float:left;
	width:13em;
	text-align:left;
	padding-right:10px;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
#expo img.thumb {
	cursor: pointer;
	margin-right: 5px;
	width: 50px;
	height: 50px;
	border: 1px solid #C5C7C6;
}
#expo .thumbs { float: left; width: 65px; }
#expo .images { float: left; margin-right: 10px; width: 360px; text-align: center;}
#expo .infos { float: left; width: 245px; }
#expo .partenaire { float: right; margin-top: -15px; margin-bottom: 10px; color: #D03926; }
#expo .event { margin-top: 10px;}
#expo .event .image { float: left; width: 150px; margin-right: 20px; }
#expo .event .infos { float: left; }
#expo .info { float: left; height: 16px; line-height: 16px; vertical-align: middle;}
#expo .info a { text-decoration: underline; }
#expo .event .image { float: left; width: 100px; margin-right: 20px; }
#expo .event .infos { float: left; width: auto; }
#expo .event .infos .titre { margin-bottom: 5px; }
#expo .event .infos .titre a { font-size: 12px; font-weight: bold; }
#expo .event .infos .left { float: left; width: 225px; }
#expo .event .infos .left .lieu { float: left; margin-left: 0!important; margin-left: 3px; width: 140px; }
#expo .event .infos .right { float: left; margin-left: 10px; width: 320px; }
#expo .event .infos .right a { text-decoration: underline; }
#expo .event .infos label.lbl { float: left; width: 70px; margin-top: -2px!important; margin-top: -1px; }
#expo img.ico { float: left; width: 16px; height: 16px; margin-bottom: 3px; margin-right: 7px; }

/*---------------FIN PROPOSER EVENTS-----------------*/

#rechercher .partenaire { float: right; color: #D03926; }

/*-----------------COMMANDER-------------------*/
#commander {margin: 20px 0 0 0; padding: 0; }
#commander .partenaire { float: right; margin-bottom: 10px; color: #D03926; }
#commander .add_elem { float: right; margin-top: 5px; }
#commander .choix {margin-top: 10px; margin-bottom: 20px;}
#commander .livre { margin-top: 10px;}
#commander .livre .left { float: left; width: 290px;}
#commander .livre .right { float: left; width: 382px!important; width: 390px; padding-left: 8px; }
#commander .livre .image { float: left; width: 150px; margin-right: 20px; }
#commander .livre .infos { margin-top: 10px; }
#commander .livre .titre { margin-bottom: 10px; height: 30px;}
#commander .livre .titre a { font-size: 14px; font-weight: bold; }
#commander .livre .infos label.lbl { float: left; width: 13em; }
#commander label {
	float:left;
	width:15em;
	padding-right:10px;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
#commander a.item_added { font-size: 11px; color: #139913; }
#commander a.item_added:hover { color: #4D4D4D; }

#commander .item { float: left; width: 135px; }
#commander .item .titre { margin-left: 6px; margin-bottom: 5px; font-weight: bold; color: #6D6D6D;}
#commander .item label { width: auto; }

/*---------------FIN COMMANDER-----------------*/

/*-----------------LIENS-------------------*/
#liens { margin: 20px 0 0 0; padding: 0;}

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

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

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

#liens .htmlarea-liens { width: 480px; height: 190px; }

#liens label{
	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 { margin-bottom: 20px;}

#liens .lien-box .image { float: left; width: 110px; text-align: right;}
#liens .lien-box .text { float: left; width: 550px; margin-left: 15px;}
#liens .lien-box .text .description, #liens .lien-box .text .description a, #liens .lien-box .text .description:hover { color: #4D4D4D; text-align: justify };

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


/*-----------------CONTACT-------------------*/
#contact, #contact-admin { margin: 20px 0 0 0; padding: 0;}
#contact .eu, #contact .us { float: left; width: 320px; text-align: left; margin-top: 20px!important; margin-top: 0; margin-bottom: 20px!important; margin-bottom: 0;}
#contact .us { margin-left: 40px; }
#contact .eu p, #contact .us p { text-align: justify; }
#contact a { text-decoration: underline; }
#contact .btn { margin: 10px 0 0 120px!important; margin: 10px 0 0 110px; width: 250px;}
#contact p { text-align: center; }
#contact label{
	float: left;
	width: 10.5em;
	text-align:right;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
#contact-admin label.admin{
	float: none;
	width: auto;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

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

#administrateur { width: 380px; margin: 0 150px;}
#administrateur label {
	width: 18em;
	text-align: left;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

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

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

#fichiers .ajout{
	width: 460px;
	margin: 0 0 0 110px;
	border: 0px solid #009900;
}

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

/*--------LOGIN--------*/
#login{
	margin: 100px auto 0 auto;
	width: 280px;
	text-align: center;
}

#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--------*/

#netwebcity { color: #B8B7B3; font-size: 11px; }
#netwebcity a.netweb { color: #B8B7B3; font-size: 11px; }
#netwebcity a.netweb:hover { color: #D03926;}