@CHARSET "ISO-8859-1";
/* ##### GENERAL ##### */
body {
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	margin-top: 5px;
}
dl{
	padding:0 0 10px 0;
}
a img {
	border:0px;
}
#page {
	width: 1000px;
	margin: 0 auto;
}
#header {
	width: 1000px;
	height: 25px;
	background: url(/images/shape/bleu_haut.jpg) no-repeat;
	margin: 5px auto;
}
#gauche {
	width: 338px;
	float: left;
}
#centre {
	margin-left: 12px;
	width: 650px;
	float: left;
}
#menu {
	width: 338px;
}
#footer {
	width: 1000px;
	height: 26px;
	color: #004494;
}

/* ##### PERSONNALISATION ##### */
#header .presentation {
	color: #FFFFFF;
	padding: 5px 0 0 20px;
	font-weight: bold;
}
#header .jour {
	float: right;
	color: #FFFFFF;
	padding: 5px 20px 0 0;
	font-weight: bold;
	font-size: 11px;
	text-transform: lowercase;
}
#centre h1 {
	color: #004494;
}
#centre hr {
	margin: 20px 0;
	color: #255FA2;
}
/*
#centre .top-centre {
	width: 650px;
	height: 147px;
	background: ;
}*/
#centre .content {
	background: #F2F6F9 url(/images/shape/degrade.jpg) top left no-repeat;
	width: 630px;
	min-height:480px;
	padding: 10px 10px 50px 10px;
}
#centre .bottom-centre {
	width: 650px;
	height: 21px;
	background: url(/images/shape/b_bleuclair_grand.gif) no-repeat;
}
#centre a {
	color: #255FA2;
}
#centre a:hover {
	text-decoration: underline;
}
#centre .liens-edl {
	color: #76B856;
	text-decoration: none;
	text-transform: capitalize;
	cursor: pointer;
	font-weight: bold;
}
#centre .liens-edl:hover {
	text-decoration: underline;
}
#centre .liens-edl-inactive {
	color: #76B856;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: bold;
}
#menu .liens-menu {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	width: 318px;
	height: 18px;
	display: block;
	padding: 3px 0 0 20px;
	margin: 0;
}
#menu .onglet-top {
	background: url(/images/shape/b_bleu.gif) no-repeat;
}
#menu .onglet-top:hover {
	background: url(/images/shape/b_vert.gif) no-repeat;
}
#menu .onglet {
	background: #255FA2;
}
#espace-menu {
	width: 338px;
}
.espace-menu {
	background: #F2F6F9 repeat-y;
	width: 338px;
}
#menu .bottom-menu {
	width: 338px;
	height: 18px;
	background: url(/images/shape/b_bleuclair2.gif) no-repeat;
        margin: 0 0 10px;
}
.bottom-menu a {
    width:98%;
    display:block;
    font-size: 11px;
    text-align:right;
    color:black;
}
#info-perso a {
	font-size: 11px;
	color: #76B856;
} 
#footer img {
	float: left;
}
#footer h4 {
	float: left;
	height: 20px;
	padding: 6px 0 0 5px;
	margin: 0;
}
#footer .informations {
	float: right;
	height: 20px;
	padding: 6px 0 0 5px;
	margin: 0;
}
#footer .liens-edl {
	font-size: 11px;
	color: #004494;
	text-decoration: none;
}
#footer .liens-edl:hover {
	text-decoration: underline;
}
#centre h4 {
	font-size: 14px;
	margin: 0 0 5px 0;
	color: #024593;
}
#centre h5 {
	font-size: 12px;
	margin: 0 0 5px 0;
	text-align: center;
}
#centre ul {
	list-style: none;
}
#centre legend {
	font-weight: bold;
}
.liste td {
	text-align: center;
	height: 25px;
}
.liste label {
	text-decoration: underline;
	margin: 0 0 5px 5px;
	display: block;
	float: left;
	width: 200px;
}
.liste span {
	font-weight: bold;
	display: block;
}
.liste span:hover {
	background: #DBEFD1;
}
.elements dl {
	margin: 0;
}
.elements dt {
	font-weight: bold;
	margin: 0 0 0 10px;
}
#info-perso hr {
	border: 0.1em #B0B0B0 solid;
	clear: both;
}
#tab-stat td {
	text-align: center;
}
#tab-stat th {
	background: #024593;
	color: #FFFFFF;
}

/* ##### DIVERS ##### */
.marginauto {
	width: 450px;
	margin: 5px auto;
}
.ajax {
	cursor: pointer;
}
#centre .infos-supplementaire {
	width: 600px;
	text-align: center;
}
#centre .elements {
	margin: 0 0 15px 0;
}
#centre .liste {
	width: 455px;
}
#centre .liste-brochure {
	width: 600px;
	color: #000;
	text-align : center;
}
#centre .liste-brochure td{
	padding:5px;
}
#centre .liste-brochure a{
	color: #000;
}
.checkbox {
	width: 10px !important;
}
.pagination {
	/*width: 300px;*/
	margin: 5px auto;
	border: 1px solid #000000;
	padding: 2px;
}
.bg-gris {
	background: #C9C9C9;
}
#centre .content-submit {
	text-align: center;
}
.petit {
	font-size: 11px;
}
.petit ul {
margin: 0;
}
.gras {
	font-weight: bold;
}
.centre {
	text-align: center !important;
}
.souligne {
	text-decoration: underline;
}
.gauche {
	text-align: left !important;
}
.inactif {
	color: #FF0000;
}
.actif {
	color: #76B856;
	font-weight: bold;
}
.clear {
	clear: both;
}
.togglersmenu, .togglers{
	cursor: pointer;
}
#menu .liens-edl {
	color: #000000;
}
#menu .liens-edl:hover {
	text-decoration: none;
}
#info-perso {
	margin: 10px auto;
	padding: 5px;
	width: 324px;
	border: 1px solid #B0B0B0;
	background: #FFFFFF;
}
#info-perso .info-title {
	font-size: 12px;
	font-weight: bold;
	color: #B0B0B0;
}
#info-perso .info-value {
	padding: 5px 0 0 20px;
}
.annonces-edl {
	font-weight: bold;
	color: #76B856;
	width: 400px;
	text-align: center;
	margin: 10px auto;
}
#list-pub {
	width: 640px;
}
#list-pub .list-element {
	float: left;
	margin: 10px 0 0 2px;
	padding-top: 5px;
	text-align: center;
	background: #FFFFFF;
	width: 100px;
	height: 30px;
	overflow: hidden;
}
#list-pub .list-element-border {
	float: left;
	margin: 10px 0 0 2px;
	padding-top: 5px;
	text-align: center;
	width: 100px;
	height: 30px;
	overflow: hidden;
}
#list-pub .anchor {
	width: 16px;
	background: #E6E6E6;
	cursor: move;
}
.pub-content {
	width: 620px;
}
.menu-publicite {
	border: 1px #CFCFCF solid;
	width: 170px;
	height: 30px;
	float: left;
	margin: 10px 0 0 2px;
	padding: 2px;
}
#tab-stat {
	width: 400px;
	margin: 10px auto;
}
#tab-stat .libelle {
	background: #76B856;
	color: #FFFFFF;
}
.bleu {
	background-color: #6699CC;
	color: #FFFFFF;
}
.jaune {
	background-color: #CCCC33;
}
.orange {
	background-color: #CC9999;
}
.page{
	float:left;
}
#abo-title {
	padding: 5px;
	margin-top: 5px;
	background-color: #024593;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.custom_tip .tip {
	background-color: #7A9EC6;
	padding: 5px;
}
 
.custom_tip .tip-title {
	color: #fff;
	background-color: #AFC5DC;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}
 
.custom_tip .tip-text {
	color: #fff;
	padding: 5px;
}

.commande td {
	padding-top: 10px;
	vertical-align: top;
}
.titre {
	vertical-align: top;
	font-style: italic;
	/*width: 170px;*/
        width: 120px;
}
.reglement {
	vertical-align: middle !important;
	width: 90px;
}
.commande div {
	margin: 0;
	padding: 0;
}
fieldset{
	border: #DFDFDF solid 1px;
}
.help {
	cursor: help;
}
#synchronisation {
	width: 200px;
	margin: 10px auto;
	text-align: center;
	display: none;
	font-weight: bold;
	color: #76B856;
}
.aide {
	width: 300px;
	margin: auto;
}
.aide ol {
	padding: 0;
}
.aide li {
	margin-bottom: 10px;
	padding: 3px;
	width: 300px;
	border: 1px solid #000000;
}
.erreur li {
	margin-bottom: 10px;
	padding: 3px;
	width: 450px;
	border: 1px solid #FFFFFF;
}
.couverture {
	width: 700px;
	margin: auto;
}

.logo-haut{
	width:198px;
	margin:20px auto;
}
#close {
	width: 906px;
	text-align: right;
}
#altbrowser {
	margin-bottom: 5px;
	width: 906px;
	margin: auto;
}

.altbrowser img{
	padding-right: 2px;
}
.browser {
	display: block;
	height: 75px;
	text-decoration: none;
}
.browser img {
	padding-right: 5px;
}
.browserdesc {
	width: 225px;
}
.browsername {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.browserinfo {
	font-size: 10px;
	color: #7F7F7F;
}
.tabBrowser {
	widht: 906px;
	vertical-align: top;
}
#list-brochure {
	width: 650px;
}
#list-brochure h3{
	font-size: 12px;
	margin: 0;
}
#list-brochure .brochure{
	float: left;
	width: 100px;
	height: 157px;
	margin: 5px;
	padding: 3px 5px 5px 5px;
	border: 1px solid #000000;
}
#list-brochure .brochure-new{
	float: left;
	width: 100px;
	height: 157px;
	margin: 5px;
	padding: 3px 5px 5px 5px;
	border: 1px solid #000000;
	background-color: #AEC4DB;
	color: #FFFFFF;
}
#list-brochure .couv{
	text-align: center;
	height: 129px;
        overflow: hidden;
}
#list-brochure .libelle{
	text-align: center;
	height: 16px;
}
#list-brochure .date{
	text-align: center;
	height: 20px;
}
#list-brochure a {
	color: #000000;
	text-decoration: none;
	text-transform: none;
}

/* Tableau de brochures mais sert aussi pour l'affichage des publicites */
#table-brochure {
	font-size: 11px;
	border: 1px solid #CFCFCF;
	border-bottom: 0px;
	width: 630px;
}
#table-brochure tr {
	height: 0px;
}
#table-brochure tr.inactive {
	height: 30px;
        color: #777777;
        background-color: #DFDFDF;
}
#table-brochure tr.inactive {
	height: 30px;
        color: #777777;
        background-color: #DFDFDF;
}
#table-brochure th {
	text-align: center;
	background-color: #AEC4DB;
	padding: 2px;
}
#table-brochure td {
	text-align: center;
	border-bottom: 1px #AEC4DB solid;
}

/* Tableau de facturation des publicite */
#table-facturation {
	font-size: 11px;
	border: 1px solid #CFCFCF;
	border-bottom: 0px;
	width: 630px;
}
#table-facturation tr {
	height: 33px;
}
#table-facturation tr.inactive {
	height: 30px;
        color: #777777;
        background-color: #DFDFDF;
}
#table-facturation tr.inactive {
	height: 30px;
        color: #777777;
        background-color: #DFDFDF;
}
#table-facturation th {
	text-align: center;
	background-color: #AEC4DB;
	padding: 2px;
}
#table-facturation td {
	text-align: center;
	border-bottom: 1px #AEC4DB solid;
}


#brochure-menu {
	border: 1px #AEC4DB solid;
	padding: 10px;
	width: 604px;
	margin: 10px auto;
	text-align: center;
}
#form-abonne input {
	margin: 10px 0;
	width: 200px;
	font-family: verdana;
}
.form-abonne-submit {
	width: 100px;
}

#info-util-brochure {
	width: 300px;
}
#info-util-brochure th {
	text-align: center;
	background-color: #AEC4DB;
	padding: 2px;
}
#info-util-brochure td {
	text-align: center;
	border: 1px solid #000000;
}
#newmenu {
	height: 50px;
	background-color: #CFCFCF;
}
.nouvelle-brochure {
	position: absolute;
	background-color: #EFCC2C;
	font-weight: bold;
	color: #FF0000;
	width: 100px;
	text-align: center;
        margin-top: 16px;
}

.align_left {
    width:100%;
    text-align:left;
}
#formUtilisateurDejaClient {
    display: none;
}
input[type=radio] {
  width:13px!important;
}
.mentions_hebergeur {
    float:left;
    margin-right:6px;
}
.float130pxbold {
    width:133px;
    float:left;
    font-weight:bold;
}
.float240pxbold {
    width:248px;
    float:left;
    font-weight:bold;
}
.nounderline {
    text-decoration: none !important;
}
.valignmiddle {
    vertical-align: middle;
}
.paginationBrochures {
    width:100%;
    text-align:center;
    margin:10px 0 10px;
}
.tableImportUsers {
    border-width:1px;
    border-style:solid;
    border-collapse:collapse;
    width: 1200px;
}
.tableImportUsers td {
    border-width:1px;
    border-style:solid;
    vertical-align:middle;
    background-color: #AEC4DB;
}
.tableImportUsers .bright td {
    background-color: #CEDCE9;
}
.couleur-rouge {
    color:#FF0000;
}
.couleur-vert {
    color:#006600;
}
.couleur-orange {
    color: #CC6600;
}
.hidden {
    display: none;
}
.cursor {
    cursor:pointer;
}
.tableauAccueil {
    border-width:1px;
    border-style:solid;
    border-collapse:collapse;
    width: 100%;
}
.tableauAccueil th {
    background-color: #7A9EC6;
    font-weight: bold;
    text-align: left;
}
.tableauAccueil td {
    color:#3D3D3D;
    padding:6px;
    vertical-align:top;
}
.tableauAccueil td.inactive {
    background-color: #AFC5DC;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.msg_ok {
    margin: 20px;
    padding: 15px 15px 15px 15px;
    color: #006600;
    width: 89%;
    border: 1px solid #006600;
    background-color:#E8FFE8;
}
.msg_bad {
    margin: 20px;
    padding: 15px 15px 15px 15px;
    color: #FF0000;
    width: 89%;
    border: 1px solid #FF0000;
    background-color:#FFE8E8;
}
.width_full {
    width: 100% !important;
}
.max_width_300px {
    max-width:300px;
}

/* Tableau de donnees */
.table-donnees {
	font-size: 11px;
	border: 1px solid #CFCFCF;
	border-bottom: 0px;
	width: 630px;
}
.table-donnees tr {
	height: 28px;
}
.table-donnees tr.inactive {
	height: 30px;
        color: #777777;
        background-color: #DFDFDF;
}
.table-donnees tr.inactive {
	height: 30px;
        color: #777777;
        background-color: #DFDFDF;
}
.table-donnees th {
	text-align: center;
	background-color: #AEC4DB;
	padding: 2px;
}
.table-donnees td {
	text-align: center;
	border-bottom: 1px #AEC4DB solid;
}