* {margin: 0; padding: 0;}
body {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
   background-color: #ACA899;
   color: #353129;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; display: block;}

a {
	font-weight: bold;
	text-decoration: none;
   color: #353129;}
a:hover { color: #FF1C02; }

#allContent {
	margin: 10px;
	padding: 10px;
	width: 750px;
	position: relative;
   background-color: #fff;
   border: 1px #ACA899 solid;}

.avecFrame #allContent {width: 590px;}
.iframe #allContent {width: 520px;}

h1 {font-size: 20px; padding-left: 5px; margin-bottom: 10px; background-color: #ACA899; color: #fff;}
h2 {font-size: 16px; margin-bottom: 8px; color: #FF8800;}
h3 {font-size: 12px; margin-bottom: 8px; clear: both; padding-left: 5px; background-color: #EFEBCE; color: #77715B;}
h3 a { color: #ffffff; }

.colonne { width: 50%; float: left; }
.colonne label { width: 140px; color: #fff; }

#enTete {width: 750px; position: relative;}

#enTete img,
#enTete h6 {float: left;}

#enTete img {margin-right: 10px;}

#enTete {padding-bottom: 10px; }

#enTete h6 {font-size: 20px; margin-right: 60px; font-weight: normal;}

#btnTarifs {
    display: block; width: 80px; height: 36px; float: left; line-height: 12px; border: 1px #EFEBCE solid;
    background: #F5F3E8 url(../../images/pictoExcel.gif) no-repeat 10px 3px; padding: 12px 5px 0 60px;}
#noTarifs {
    display: block; width: 160px; height: 36px; float: left; line-height: 12px; border: 1px #EFEBCE solid;
    background: #F5F3E8 10px 3px; padding: 5px 5px 0 0; margin-right: 10px;}


/************************************************************************************************************/
/* 																												   		 Page login */
/************************************************************************************************************/

#pageLogin #allContent { width: 350px; margin: 15px auto; padding: 30px 30px 30px 30px; position: relative;}
#pageLogin .center {text-align: center;}
#pageLogin .logoLogin { text-align: center; padding: 15px 0 25px 0;}
#pageLogin .powered { position: absolute; right: 8px; bottom: 8px; height: 19px; line-height: 19px;}
#pageLogin .powered img { float: left; margin-left: 5px;}
#pageLogin .powered span { font-size: 10px; display: block; float: left; }
label.blanc {background-color: #FFFFFF; }
#errMsg {color: #cc0000; font-size: 1.4em; font-weight: bold; text-align: center;}

#blocReferent {
    width: 280px; border: 1px #EFEBCE solid;
    float: right; padding: 5px; margin-left: 20px;}
#blocReferent ul {list-style: none;}
#blocReferent ul li {margin-top: 5px;}
#blocReferent ul li strong {
    display: block; background-color: #FF8800; padding-left: 5px;
    font-size: 12px; color: #fff; margin-bottom: 2px;}
#blocReferent ul li a {
    background: transparent url(../../images/email.png) no-repeat 0 1px;
    padding-left: 22px;}
#blocReferent ul li span {
    background: transparent url(../../images/telephone.png) no-repeat;
    padding-left: 22px;}
#blocReferent p {margin-bottom: 10px;}

/************************************************************************************************************/
/* 																												   			  Iframe */
/************************************************************************************************************/

body.iframe { background-color: #fff; }
/*body.iframe select { width: 90%; }*/

/************************************************************************************************************/
/* 																												          Actualités */
/************************************************************************************************************/

.actu { width: 350px; float: left; margin: 15px 12px 0 12px; padding-bottom: 5px; border-bottom: 1px #ACA899 solid;}
.actu img { float: left; margin-right: 10px; padding: 2px; background-color: #fff; border: 1px #ACA899 solid;}
.actu h4 { font-size: 14px; font-weight: normal; }
.actu h5 { font-size: 11px; margin-bottom: 5px;}
.suite { position: relative; height: 20px; }
.suite a { position: absolute; right: 0; bottom: 0; background: transparent url(../../images/fleche.gif) no-repeat 0 4px;}
.suite a,
#navActus li a { padding-left: 12px; display: block; background: transparent url(../../images/fleche.gif) no-repeat 0 4px;}

#navActus,
#zoneActus { float: left; }

#navActus {
   width: 160px;
   padding-right: 20px;
   list-style: none;}
#zoneActus {width: 550px; }
#detailActu .actu { margin-top: 0; margin-bottom: 10px; width: auto;}

/************************************************************************************************************/
/* 																												   Lien haut de page */
/************************************************************************************************************/

.hautPage {
	text-align: right;
	padding-top: 5px;
	margin-top: 10px;
   border-top: 1px #ACA899 solid;}
.hautPage a {
	font-weight: bold;
	text-decoration: none;
	padding-left: 13px;
   color: #353129;
   background: transparent url(../../images/flecheHaut.gif) no-repeat 0 3px;}
.hautPage a:hover { color: #FF1C02; }

/************************************************************************************************************/
/* 																												         Lien retour */
/************************************************************************************************************/

.btnRetour {
	text-align: right;
	position: absolute; top: 15px; right: 15px;}
.btnRetour a {
	font-weight: bold;
	text-decoration: none;
   padding-left: 12px;
   color: #353129;
   background: transparent url(../../images/flecheRetour.gif) no-repeat 0 4px;}
.btnRetour a:hover { color: #FF1C02; }

/************************************************************************************************************/
/* 																															 Pagination */
/************************************************************************************************************/

.pagination {
	height: 20px; margin-top: 10px;
	list-style: none;
   background-color: #ACA899;}
.pagination li {
	width: 33%;
	float: left;
	text-align: center;
	padding-top: 3px; }
.pagination li.btnPrecedent {text-align: left;}
.pagination li.btnSuivant {text-align: right; width: 34%;}

/************************************************************************************************************/
/* 																													Liste des actions */
/************************************************************************************************************/

ul.listeActions {
	height: 20px;
	list-style: none;
	margin: 5px 0;}
ul.listeActions li {
	float: left;
	text-align: center;
	height: 20px;
	line-height: 20px;
	padding-left: 15px;
	padding-right: 20px;}

/************************************************************************************************************/
/* 																													        Bouton OK */
/************************************************************************************************************/

img { border: 0; }

table {border-collapse: collapse; background-color: #fff;}
td, th {
   font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
   font-size: 11px;
   padding: 2px 5px 2px 5px;
   border: 1px #ACA899 solid;}

th {text-align: left; background-color: #EFEBCE;}
th a:hover { color: #353129; }

legend {font-weight: bold; font-size: 14px; color: #353129;}
fieldset {padding: 5px; margin-bottom: 10px; border: 1px #ACA899 solid;}
fieldset label {
	display: block;
	float: left;
	width: 160px;
	text-align: right;
	padding-right: 5px;
	margin-right: 5px;
	font-weight: bold;
   background-color: #ACA899;}
fieldset p { clear: both; margin-bottom: 8px;}
fieldset .tableau_wysiwyg { margin: 2px 0 2px 170px; border:1px solid #FFFFFF; padding: 2px;background-color:#F9F9F9;}
fieldset .tableau_wysiwyg div { background-color: transparent;}
.actions { text-align: right; }

fieldset table { border-collapse: collapse; margin-bottom: 10px; width: 100%;}
fieldset table td {padding: 0 5px; border: 1px #ACA899 solid;}
fieldset table td.question { width: 320px; }

.btn { 
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif; 
	font-size: 11px; font-weight: bold;
   text-align: center;
	padding: 0 3px;
   color: #ffffff;
   border: 1px #67645A solid;
	background-color: #67645A;
	cursor: pointer;}
.btn:hover, .btn:visited {text-decoration: none; color: #ffffff;}

.smallBtn { 
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif; 
	font-size: 10px; font-weight: bold;
   text-align: center;
	padding: 0 3px;
   color: #ffffff;
   border: 1px #FF1C02 solid;
	background-color: #FFC079;
	cursor: pointer; }
.smallBtn:hover, .smallBtn:visited {text-decoration: none; color: #ffffff;}

/* Calendrier */

#pageCalendrier #allContent { width: 205px; }
#pageCalendrier .labelCalendar { width: 100px; }

/* Classes s'appliquant aux champs de saisie */
.champs {font-size: 11px; color: #353129; border: 1px #ACA899 solid; background-color: #F9F9F9;}
.champs_desactive {font-weight: bold; border-style: none; background-color: #ACA899;}

/************************************************************************************************************/
/* 																				   Menu principal (onglets) */
/************************************************************************************************************/

body#frameMenu {margin: 5px 0 0 0; background: #ACA899 url(../../images/bgFrameMenu.gif) repeat-x;}
body#frameMenu img {margin: 0 5px 0 5px;}

#logo { float: left; padding: 0 5px; height: 60px; background: transparent url(../../images/bgLogo.png) no-repeat right bottom;}
#logo img { display: block; margin-bottom: 5px !important;}

/***************************** entete outils */

#outils {list-style: none; width: auto !important; height: 16px;}
#outils li {float: left; padding-right: 10px;}
#outils li a {display: block; padding-left: 20px;}
#outils li#btnEditerCompte a { background: transparent url(../../images/editerCompte.png) no-repeat;}
#outils li#btnBanqueImage a { background: transparent url(../../images/banque_image.png) no-repeat;}
#outils li#btnDeconnexion a {background: transparent url(../../images/deconnexion.png) no-repeat;}

/**************/

#menu {
   height: 48px; width:660px;
   position: relative; margin-top: 15px;
   float: left;}

#menu dl {float: left; margin-right: 6px;}
#menu dl dt a { 
   float: left;
   display: block;
   height: 28px;
   text-decoration: none;
   font-weight: bold;
	text-decoration: none;
   color: #353129;
   background: transparent url(../../images/btnGaucheOff.png) no-repeat;}
#menu dl dt a.noLnk { cursor: default }
#menu dl dt a span { 
   display: block; padding: 5px 8px 0 4px;
   height: 23px; position: relative; left: 5px;
   background: transparent url(../../images/btnDroiteOff.png) no-repeat top right;}

#menu dl dt a:hover,
#menu dl dt a:active,
#menu dl dt a:focus {background: transparent url(../../images/btnGauche.png) no-repeat;}

#menu dl dt a:hover span,
#menu dl dt a:active span,
#menu dl dt a:focus span { 
   background-image: none;
   background: transparent url(../../images/btnDroite.png) no-repeat top right; }
   
/* Addon Rv */
#oSpanActif {text-decoration: underline }
/* Fin addon Rv */
  
#menu dd {
   width: 100%; height: 20px; line-height: 20px;
   position: absolute; left: 0; top: 28px;
   background-color: #ACA899;}
   
#menu ul { list-style: none; }
#menu ul li {
   float: left;
   margin-right: 0 !important;
   padding: 0 0 0 10px;}
#menu ul li a {
   display: block;
   height: 20px;
   padding-left: 12px !important;
   font-weight: normal !important;
   text-decoration: none;
   background: #ACA899 url(../../images/fleche.gif) no-repeat 0 6px !important;}

.mentions {
   position: absolute;
   bottom : 300px;
   left : 10px;
   background-color: #ACA899;}

/**** Menu arborescent **/

.pageArbre { margin: 5px 0 0 5px; }
.pageArbre table { background-color: #ACA899; }
.pageArbre table td { border: 0; padding: 0; }

/************************************************************************************************************/
/* 																											    Fabtabulous - Rôles */
/************************************************************************************************************/

#tabs {list-style: none;}
#tabs li {float: left;}
#tabs a {
	float: left;
   padding: 5px 10px;
	margin-right: 6px;
	text-decoration: none;
   background-color: #ACA899;
   color: #353129;}
#tabs a.active-tab { background-color: #EFEBCE; color: #ffffff;}

.panel {
	clear: both;
	display: none;
	padding: 10px;
   margin-bottom: 10px;
   border: 1px solid #EFEBCE;}

.panel.active-tab-body {display: block;}

/************************************************************************************************************/
/* 																													Liste des actions */
/************************************************************************************************************/

ul.listeActions {
	border-top: 1px #ACA899 solid;
	border-bottom: 1px #ACA899 solid;}
ul.listeActions li {background: transparent url(../../images/fleche.gif) no-repeat 0 6px;}
ul.listeActions li a:hover { color: #317CA1; }

/************************************************************************************************************/
/* 																						      Catalogue pro */
/************************************************************************************************************/

#cataPro #allContent p {margin-bottom: 10px;}

#scrollbox {float: left; width: 180px; height: 400px; border: 1px #ACA899 solid;}
#scrollbox ul {list-style: none; width: 180px;}
*html #scrollbox ul li { height: 17px;}
#scrollbox ul li a {
    display: block; padding: 2px 5px;
    background-color: #ACA899;
    border-bottom: 1px #958F7A solid;
    border-top: 1px #CFCCC3 solid;
    color: #FFF;}
#content {
    float: left; padding: 0 10px 10px 10px;  width: 540px; }
#content h3 {margin-top: 10px;}

#lstFichiers {list-style: none;}
#lstFichiers li {float: left; position: relative;}
#lstFichiers li a.fichier {
    display: block;
    width: 110px; height: 90px; padding: 5px;
    text-align: center; border: 1px #ACA899 solid; margin: 0 5px 5px 5px;}
#lstFichiers li a.fichierOff {background-color: #EEEEEE;font-weight:lighter;font-style:italic;}
#lstFichiers li img {display: block; margin: auto auto 5px auto;}

.tools {list-style: none; position: absolute; right: 8px; top: 5px; width: 16px; display: none;}
.tools li {float: none !important; margin-bottom: 2px;}
.tools li a {display: block; width: 16px; height: 16px;}
.tools li a span {display: none;}
.tools li.btnVisibiliteOff a {background: transparent url(../../images/btnVisibiliteOff.png) no-repeat;}
.tools li.btnVisibiliteOn a {background: transparent url(../../images/btnVisibiliteOn.png) no-repeat;}
.tools li.btnSupprimer a {background: transparent url(../../images/btnSupprimer.gif) no-repeat;}

#lstFichiers li:hover .tools {display: block;}


/** Message d'attente du chargement de page */
#loadWait {
	position: absolute; left: 280px; top: 290px;
	background-color: #FFFFFF;
	background-image: url(../../images/load_wait.gif);
	background-position: 2px;
	background-repeat: no-repeat;
	border: 2px solid #353129;
	padding: 10px;
	padding-left: 35px;
	color: #666; z-index: 5000;}


.iframe #loadWait {
	position: absolute; left: 160px; top: 20px;
}

/** Styles de validation des formulaires */
input.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
input.required, textarea.required, fieldset .required {border: 1px solid #FF1C02;}
input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300;}
input.validation-passed, textarea.validation-passed {border: 1px solid #C3D1DE;color : #000;}
.validation-advice {margin: 0px;padding: 0px;color : #FF0000;font-weight: normal;}
.custom-advice {margin: 1px;padding: 0px;color : #FF3300;font-weight: normal;}

/* conseil champs obligatoires */
div.mainColor {
	font-weight: bold;
	border: 0;
	padding: 0 0 4px 0;
	color: #FF1C02; }

/* confirmation creation categ */
#okMsg {
	background-color: #B22222;
	color: #FFFFFF;
	font-weight: bold;	
	margin: 2px;
	padding: 2px;
	width: 200px; text-align: center;}
	
/* erreur */

#pageErreur ul {margin-left: 30px;}


/*	EditInPlace -  */
.eip_mouseover { background-color: #ff9; padding: 2px; border: 1px dotted #FFB400;}
.eip_savebutton {width: 16px; background-color: transparent; background-image: url('../../images/save.png');background-repeat: no-repeat; border:0;}
.eip_cancelbutton {width: 16px; background-color: transparent; background-image: url('../../images/cancel.png');background-repeat: no-repeat; border:0;}
.eip_saving { background-color: #DC143C  ; color: #fff; padding: 3px; }
.eip_empty { color: #afafaf; }