/* SET COULEURS CSS
bleu > 1F497D 758EAE AAB9CC
gris > 9B9B9B C9C9C9 E3E3E3
rouge > A82122 BF5E5F CD8081
*/

/* ################################### MENU DE GAUCHE */
#navcontainer_left {width: 180px;text-align:left;margin: 0;padding: 0;}
#navcontainer_left ul {margin: 0 0 5px 0;padding: 0;list-style-type: none;}
#navcontainer_left a {margin: 0;display: block;padding:0;padding-left: 3px;width: 175px;font-weight:bold;height:14px;color: #1F497D;text-decoration: none;}

#navcontainer_left a:hover, #navcontainer_left a.current {color: #758EAE;}

/* Niveau 1 */
#navcontainer_left #navlist_left a {padding-top:4px;}
/* Niveau 2 */
#navcontainer_left #navlist_left #navlist_left a {padding:0px;}
#navcontainer_left #navlist_left #navlist_left a {display: block;padding-left: 15px;width: 165px;}
#navcontainer_left #navlist_left #navlist_left #navlist_left a {color:#758EAE;display: block;padding-left: 25px;width: 155px;}
#navcontainer_left #navlist_left #navlist_left #navlist_left #navlist_left a {display: block;padding-left: 30px;width: 150px;font-weight:normal;}


/* ################################### BOX TITRES CONTENU */

#left h1.box_titre {
  font-size:1em;
  font-weight: bold;
  color:#ffffff;
  text-align:center;
  background: #1F497D;
  margin:0;
  padding-top:3px;
  height:18px;
}

#left div.box_contenu{
  text-align:center;
  background: #ffffff;
  padding:0;
  margin:0;
  margin-bottom:5px;
  width:180px;
  border:1px solid #1F497D;
}

#right h1.box_titre {
  font-size:1em;
  font-weight: bold;
  color:#ffffff;
  text-align:center;
  background: #1F497D;
  margin:0;
  padding-top:3px;
  height:18px;
}

#right div.box_contenu{
  text-align:center;
  background: #ffffff;
  padding:0;
  margin:0;
  margin-bottom:5px;
  width:160px;
  border:1px solid #1F497D;
}

/* ################################### MENU DE DROITE */

#navcontainer_right {width: 158px;text-align:left;margin: 0;padding: 0;}
#navcontainer_right ul {margin: 0;padding: 0;margin-left: 0;padding-left: 0;list-style-type: none;}
#navcontainer_right a {display: block;padding:1px 4px;width: 150px;font-weight:bold;}

#navcontainer_right a:link, #navlist_right a:visited {color: #1F497D;text-decoration: none;}
#navcontainer_right a:hover {color: #758EAE;}
#navcontainer_right a.current {font-weight:bold;color: #C32E30;}


/* ################################### CONTENU */

#contenu h1 {
color: #1F497D;
font-size: 1.1em;
font-weight: bold;
border-bottom: 1px dashed #1F497D;
margin:10px 0;
margin-bottom:3px;
}

#contenu h2 {
color: #1F497D;
font-size: 1.1em;
font-weight: bold;
margin:7px 0;
margin-bottom:3px;
background: #F2F2F2;
}

#contenu label {
	font-weight:bold;
}

p.pointsmh_nombre{
color:#1F497D;
margin:0;
padding:0;
font-size:2em;
font-weight:bold;
text-align:center;
}

p.pointsmh_label{
color:#1F497D;
margin:0;
padding:0;
font-size:1.1em;
font-weight:normal;
text-align:center;
}

li.pointsmh_details{
text-align:center;
}

#contenu p {
margin-top:5px;
margin-bottom:5px;
}

#contenu h1#titre_page  {font-size:1.4em;color:#1F497D;margin:0;padding:1px 0;height:21px;border:0;}

/* ################################### TABLEAUX */

th {text-align:center;}

table.accueil th.entete {
	background:#1F497D;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #1F497D;
}
table.accueil td.contenu {
	background:#ffffff;
	color:#000000;
	text-align:left;
	border:1px solid #1F497D;
}

table.stats .entete {
	background:#969696;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	border:1px solid #969696;
}
table.stats .titre {
	background:#C0C0C0;
	color:#000000;
	border:1px solid #969696;
}
table.stats .contenu {
	background:#ffffff;
	color:#000000;
	text-align:center;
	border:1px solid #969696;
}



/* ################################### FORMULAIRES */

#contenu fieldset {
	margin:0;
	padding:0;
	border :1px solid #9E9E9E;
	padding: 0 1em 1em;
}

#contenu legend {
	color:#9E9E9E;
	font-weight:bold;
}

#contenu .itemForm label,
#contenu .itemFormAlt label {
	display: inline;
  float: left;
  width: 200px;
  text-align:right;
	padding: 0 .5em 0 0;
	font-weight:bold;
	line-height:1.8em;
}
#contenu .itemForm label.wtresgrand,
#contenu .itemFormAlt label.wtresgrand {
  width: 300px;
}
#contenu .itemForm label.wgrand,
#contenu .itemFormAlt label.wgrand {
  width: 250px;
}
#contenu .itemForm label.wmoyen,
#contenu .itemFormAlt label.wmoyen {
  width: 100px;
}
#contenu .itemForm label.wpetit,
#contenu .itemFormAlt label.wpetit {
  width: 50px;
}
#contenu .itemForm p,
#contenu .itemFormAlt p {
	display: inline;
	padding: 0 .5em 0 0;
	line-height:1.8em;
}

.itemForm, .itemFormAlt {
	padding: .2em 0;
	margin: 0;
}
.itemFormAlt {
	background-color:#F2F2F2;
}
.itemForm {
	background-color:#FFFFFF;
}

#contenu form {
	margin:5px 0;
}

#contenu .headerForm {
	color:#000000;
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	background-color:#CCCCCC;
	text-align:left;
	padding: .2em;
	padding-left:5px;
}

#contenu .legendForm {
	color:#000000;
	font-size:0.9em;
	margin:0;
	background-color:#D6D6D6;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	text-align:left;
	padding: .1em;
	padding-left:5px;
}

#contenu .contenuForm {
	margin:0;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#contenu .footerForm {
	color:#FFFFFF;
	font-size:0.9em;
	margin:0;
	background-color:#4F7098;
	text-align:right;
	padding: .1em;
}
#contenu .footerForm p {
	margin:0;
	padding:.1em;
	font-size:1em;
	color:#FFFFFF;
	font-weight:normal;
}
.bouton {
	border:1px solid #FFFFFF;
	background: #1F497D;
	font-size:1em;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
.bouton:hover{
	background: #4F7098;
}

.menurapidezcd {
	font-size:0.8em;
	width:100%;
}

/* ################################### BOUTONS */

.bouton_ico {
    background: transparent url('../img/bouton_ico.png') no-repeat;
    color: #808080;
    font: bold 12px arial, sans-serif;
    height: 23px;
    padding: 5px 23px 4px 23px;
    text-decoration: none;
    margin:5px;
    cursor:pointer;
}

.bouton_ico.add {
    background: transparent url('../img/bouton_ico_add.png') no-repeat;
}
.bouton_ico.copy {
    background: transparent url('../img/bouton_ico_copy.png') no-repeat;
}
.bouton_ico.delete {
    background: transparent url('../img/bouton_ico_delete.png') no-repeat;
}

.bouton_ico:active {
    background-position: bottom left;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    padding: 5px 24px;
}

/* ################################### MESSAGES */


.msgko {
	background: #FFD2D3 url(../ico/ico_delete.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 1px solid #F5302D;
	font-size:small;
	margin:3px 30px;
}
.msgok {
	background: #C3E4BE url(../ico/ico_check.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 1px solid #00CB00;
	font-size:small;
	margin:3px 30px;
}
.msginfo {
	background: #FFEDA2 url(../ico/ico_warning.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	border: 1px solid #FFCF33;
	font-size:small;
	margin:3px 30px;
	padding: 5px 20px 5px 45px;
}


/* ################################### MESSAGERIE */

div.message{
	margin:2px 0 5px 0;
	padding:0;
	border:1px solid #CCCCCC;
	border-top:0;
	padding:0;
}



div.message span{
  margin:0;
}

div.message div.sujet, div.message div.sujetSuivi{
	border:1px solid #CCCCCC;
	border-left:none;
	border-right:none;
	background-color:#FFFFFF;
	margin:0;
	padding:2px;
}

div.message div.entete {
	border:1px solid #C0C0C0;
	border-left:none;
	border-right:none;
	background-color:#C0C0C0;
	margin:0;
	padding:2px;
}

div.message span.date {
	background-color:#F2F2F2;
	margin:0;
	margin-right:5px;
	text-align:center;
}

div.message div.contenu {
	margin:0;
	padding:5px;
}

/* ################################### LIVEVALIDATION */

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
    display:block;
    /*margin-left:210px;*/
    text-align:center;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

textarea.editeurHtml {
width: 99%;
height: 450px;
margin:1px 3px;

}

textarea.editeurHtmlFull {
width: 99%;
height: 800px;
margin:1px 3px;

}

/* **** ICONE RACOURIS *** */

a.raccourcis_ico, a.raccourcis_ico:link, a.raccourcis_ico:visited {
margin:2px 5px;
border:1px solid white;
padding:3px;
}
a.raccourcis_ico:hover {
margin:2px 5px;
border:1px dashed gray;
padding:3px;
}


div.Rcontainer {
  border: 1px dashed #333;
  background-color: #ffe;
  }
div.Rspacer {
  clear: both;
  }
div.Rfloat {
  float: left;
  }
div.Rfloat p {
   text-align: center;
   }
   
/* *** BOUTONS LINK *** */
/*
<a href="#" class="button positive">
<img src="/images/icons/application_form_add.png" alt="" />
Customize and Use this Form</a>

class="button positive"
class="button"
class="button negative"
*/

.buttons a, .buttons button, a.button{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
float:left;
margin:0 .7em 0 0;
text-decoration:none;
background-color:#f5f5f5;
border:1px solid #dedede;
border-right:1px solid #bbb;
border-bottom:1px solid #BFBFBF;
padding:5px 10px 6px 10px;
display:block;
cursor:pointer;
font-size:100%;
line-height:130%;
color:#333;
font-weight:bold;
-webkit-border-radius:12px;
}

a.button{
float:none;
display:inline;
display:inline-block;
}

.buttons button{
width:auto;
overflow:visible;
font-weight:bold;
padding:4px 10px 3px 7px;
}

.buttons button[type]{
width:auto;
padding:5px 10px 5px 7px;
line-height:17px;
}

*:first-child+html .buttons button[type]{
padding:4px 10px 3px 7px;
}

.buttons button img, .buttons a img, a.button img{
margin:0 3px -3px 0 !important;
}

.buttons button:hover, .buttons a:hover, a.button:hover{
background-color:#dff4ff;
border:1px solid #A7CEDF;
color:#336699;
}

.buttons a:active, a.button:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}

button.positive, a.positive{
color:#529214;
}

a.positive:hover, button.positive:hover{
background-color:#E9EFD1;
border:1px solid #AACF81;color:#529214;
}

a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#fff;
}

a.negative, button.negative{
color:#d12f19;
}

a.negative:hover, button.negative:hover{
background:#fbe3e4;
border:1px solid #EF959B;
color:#d12f19;
}

a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}

.buttons a em, .buttons button em, a.button em{
font-weight:normal;
font-style:normal;
}

.info .buttons{
float:right;
margin:6px 0 0 0;padding:0;
}

.info .buttons a, .info .buttons button{
margin:0 0 0 .7em;
}


/* *** PREVISUALISATION BBRY *** */

#previsu {
text-align:center;
}

#previsu_bbry {
width:320px;
height:240px;
border:1px solid gray;
overflow:auto;
margin:2px auto;
font-family:"Arial Narrow", sans-serif;
font-size:12px;
line-height:1em;
padding:0;
color:#000;
text-align:left;
}
#previsu_bbry h1,
#previsu_bbry h2,
#previsu_bbry h3,
#previsu_bbry h4,
#previsu_bbry h5,
#previsu_bbry h6,
#previsu_bbry ul,
#previsu_bbry li,
#previsu_bbry ol,
#previsu_bbry p {
margin:0;
font-family:Arial, sans-serif;
line-height:1em;
padding:0;
color:#000;
}

/* *** BARRE MNINAVE *** */
.mininav{
padding:0;
line-height:16px;}
.mininav a , .mininav img{
padding:0;
margin:0;
width:10px;
text-decoration:none;}