/*
Design Application SARA
Réalisé par Groupe HELICE
*/

body
{
    width: 860px;
    margin: auto;
    margin-top: -0px;
    margin-bottom: 20px;
    background-image: url("../img/fond.gif");
    background-repeat: repeat-x;
    background-color: #B3F5F4;
    font-family: "verdana", Arial, "Arial Black", "Times New Roman", Times, serif;
    font-size: 12px;
}
.fond2 {
    background-color: white;
}
/* L'en-tête */

#en_tete
{
    width: 960px;
    height: 384px;
    background-image: url("../img/logo.jpg");
    background-repeat: no-repeat;
    border: 0px solid white;
    border-bottom : none;
}


/* Le menu */

#menu
{
    float: left;
    width: 142px;
    background-color: white;
    border: 3px solid white;
}

.element_menu
{
    border-left:none;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
    color: #003300;
    font-size: 15px;
    text-align: center;
    background-image: url("../img/menu_haut.jpg");
    background-repeat: no-repeat;
    background-color: #CBEA10;
    margin-top : 0px;
    margin-bottom: 0px;
}

.bas_element_menu {
    color: #B0C2E9;
    font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
    text-align: center;
    background-image: url("../img/menu_bas.jpg");
    background-repeat: no-repeat;
    font-variant: small-caps;
    margin-top: -5px;
}

.element_menu ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    background-color: #CBEA10;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
}

.element_menu ul :hover
{
    background-color: #669900;
}
.element_menu li
{
    padding: 2px;
    border: 1px solid #CCFF00;
}

.element_menu a
{
    color:#336600;
    font-weight:normal;
    text-decoration:none;
}

.element_menu a:hover
{
    color: #CCFF00;
    text-decoration: none;
}


/* Le corps de la page */

#corps
{
    margin-top: -260px;
    margin-left: 142px;
    padding: 10px;
    padding-top: 0px;
    background-color: white;
    background-repeat: repeat-x;
    border: 1px solid white;
    border-bottom: none;
    min-height: 355px;
}

#corps h1
{
    color: #444EAD;
    text-align: center;
    font-size: 30px;
    font-family: verdana, "Arial Black", "Times New Roman", Times, serif;
    padding-left: 5px;
}

#corps h2
{
    margin-left: 40px;
    color: #666666;
    /* background-image: url("../img/fondH3.png");*/
    background-repeat: no-repeat;
    padding-left: 5px;
    text-align: left;
    background-color: #DEDEDE;
}


/* Le pied de page */

#pied_de_page
{
    padding: 0px;
    margin-top: 10px;
    text-align: center;
    background-color: white;
    border-left:none;
    font-size: 9px;
	border-top:1px solid #CCCCCC;
}

#pied_de_page a 
{
    color: #669999;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
}
#pied_de_page a:hover 
{
    color: #669999;
    font-weight: normal;
    text-decoration: underline;
}

.p_pied_de_page {
    padding:0px;
    margin:0px;
}

/* Fin du pied de page */

a 
{
    color: #669999;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
a:hover 
{
    color: #669999;
    font-weight: normal;
    text-decoration: underline;
}

fieldset 
{
    padding: 1em;
    border:1px solid #828183;
    margin-top : 35px;
    padding-bottom : 35px;   
}

.tabDonnees
{
    padding: 1em;
    border:1px solid #E0E0E0;
    height: 270px;
    overflow: auto;
}
  
label 
{
    margin-top: 5px;
    float:left;
    width:25%;
    margin-right:15px;
    padding-top:0px;
    text-align:right;
}

.choixUtilisateur{
	   width:-10%;
	  text-align:center;
	  margin-left:70px;
}

legend 
{
    padding: 0.2em 0.5em;
    color: #666666;
    font-size:12px;
    text-align:right;
    background-color:#FFEEDD;
    padding-left: 5px;
    border:1px solid #828183;
}

legend a 
{
    font-size:12px;
}

/* CSS formulaire */
input
{
    margin-top: 5px;
    color: #354285;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    padding: 2px;
}

input, select
{
    color:#354285;
    font-size:12px;
    margin-top: 5px;
    border: 1px solid #666666;
}

/* barre bouton form */
.barreBoutonForm
{
    border:1px solid #828183;
    border-top:none;
    padding: 1em;
    margin-right: 2px;
    margin-left: 2px;
    text-align: center;
    background-color: #DEDEDE;
    margin-bottom: 15px;
}

/* CSS tableau */
table
{
    text-align:center;
    width: 100%;
    border-collapse: collapse;
    margin-top:10px;
}
td, th
{
   border: 1px solid black;
}
tr:hover
{
    background-color: #FFEEDD;
    color:#000000;
}

th
{
    background-color: #FFEEDD;
}

.tri
{
    background-image: url("../img/puce_fleche_haut.png");
    background-repeat: no-repeat;
    background-position:right center;
}
.gris
{
    background-color: #006699;
    color: #FFFFFF;
}
.grisClair
{
    background-color: #339900;
    color: #FFFFFF;
}

/* Message d'information */
.erreur 
{
    background-image: url("../img/interdit.jpg");
    background-repeat: no-repeat;
    background-position:left center;
    padding: 0px;
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #FDF3F3;
    border: 1px solid #E01616;
    margin-bottom: 10px;
    font-size: 12px;
}

.erreur p 
{
    color: #E01616;
    font-size: 10px;
    margin-top: -8px;
    margin-bottom : 2px;
    font-weight:bold;
}

.warning 
{
    background-image: url("../img/attention.jpg");
    background-repeat: no-repeat;
    background-position:left center;
    padding: 0px;
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #FEF8F2;
    border: 1px solid #F57900;
    margin-bottom: 10px;
    font-size: 12px;
}

.warning p 
{
    color: #F57900;
    font-size: 11px;
    margin-top: -8px;
    margin-bottom : 2px;
    font-weight:bold;
}

.ok 
{
    background-image: url("../img/ok.jpg");
    background-repeat: no-repeat;
    background-position:left center;
    padding: 0px;
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #F6FCF3;
    border: 1px solid #47C518;
    margin-bottom: 10px;
    font-size: 12px;
}

.ok p 
{
    color: #47C518;
    font-size: 11px;
    margin-top: -8px;
    margin-bottom : 2px;
    font-weight:bold;
}

.erreurForm
{
    background-image: url("../img/interdit.jpg");
    background-repeat: no-repeat;
    background-position:left center;
    padding: 0px;
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #FDF3F3;
    border: 1px solid #E01616;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 115px;
    font-size: 10px;
}

.erreurForm p 
{
    color: #E01616;
    font-size: 10px;
    margin-top: -8px;
    margin-bottom : 2px;
    font-weight:bold;
}

.warningForm 
{
    background-image: url("../img/attention.jpg");
    background-repeat: no-repeat;
    background-position:left center;
    padding: 0px;
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #FEF8F2;
    border: 1px solid #F57900;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 115px;
    font-size: 10px;
}

.warningForm p 
{
    color: #F57900;
    font-size: 10px;
    margin-top: -8px;
    margin-bottom : 2px;
    font-weight:bold;
}

.okForm 
{
    background-image: url("../img/ok.jpg");
    background-repeat: no-repeat;
    background-position:left center;
    padding: 0px;
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #F6FCF3;
    border: 1px solid #47C518;
    margin-bottom: 10px;
    font-size: 10px;
}

.okForm p 
{
    color: #47C518;
    font-size: 10px;
    margin-top: -8px;
    margin-bottom : 2px;
    font-weight:bold;
}

.orange 
{
    color: #F57900;
    font-weight:bold;
}

.flash 
{
    padding-top: 15px;
    padding-bottom: 5px;
    margin-top: -27%;
    margin-bottom: 10px;
}

.lienFlash
{
    /*background-image: url("../img/ok.jpg");*/
    background-repeat: no-repeat;
    background-position:left center;
    padding: 0px;
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #F6FCF3;
    border: 1px solid #47C518;
    margin-bottom: 10px;
    font-size: 12px;
	text-align:center;
}
.lienFlash p
{
    color: #47C518;
    font-size: 11px;
    margin-top: -8px;
    margin-bottom : 2px;
    font-weight:bold;
}

.barreNavigation {
    padding: 5px;
    margin-bottom: 10px;
    font-size: 11px;
}

/* erreur debug cakephp */
.cake-debug
{
    margin-top: 40px;
    background-color: #FEF8F2;
    border: 1px solid #F57900;
    padding: 10px;
    font-size:12px;
}

.cake-stack-trace
{
    padding:10px;
    background-color: #FDF3F3;
    border: 1px solid #E01616;
    font-size:12px;
}
.cake-code-dump
{
    background-color: #FDF3F3;
    border: 1px solid #E01616;
    font-size:12px;

}

/* lien en forme de bouton */
.bouton
{
    margin-top: 5px;
    color: #FFFFFF;
    background-color: #339900;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    padding: 2px;
    width: 100px;
}

.bouton:hover
{
    text-decoration:none;
    color: #FFFFFF;
}

.boutonBleu
{
    margin-top: 5px;
    color: #FFFFFF;
    background-color: #006699;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    padding: 4px;
    width: 100px;
}

.boutonBleu:hover
{
    text-decoration:none;
    color: #FFFFFF;
}

.formBouton
{
    margin-top: 5px;
    color: #FFFFFF;
    background-color: #006699;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    padding: 2px;
    width: 100px;
	cursor: pointer;
}
.formBoutonGrand
{
    margin-top: 5px;
    color: #FFFFFF;
    background-color: #006699;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    padding: 2px;
    width: 200px;
	cursor: pointer;
}

.aide
{
    float: right;
    margin-top:7px;
    margin-right:-6px;
}

/* Css Calendrier */
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
	width: 250px;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_tbl:hover
{
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

/* Fin css calendrier */

.rapport{
	margin-left: 120px;
	width: 42%;
	border:0;
}

table.rapport th, table.rapport tr, table.rapport td{
	border:0;
}

table.rapport tr:hover{
	background-color: white;
}

.genererPassword
{
	margin-left: 180px;	
}

.critereTrie{
	background-color:#339900;
	color: white;
}

.critereTrie:hover{
	background-color:#339900;
	color: white;
}

.boutonFlash
{
    color: #FFFFFF;
    background-color: #006699;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    padding: 6px;
    width: 100px;
}

.boutonFlash:hover
{
    color: #FFFFFF;
	text-decoration:none;
}

a img {
	border:0;
}

.centrer
{
	text-align:center;
}

.celluletab
{
	width:10px;
}

.main
{
    cursor:hand;
}

.voirSignalement {
	width: 100%;
	text-align: left;
}

table.voirSignalement th, table.voirSignalement tr, table.voirSignalement td {
	border:0;
	padding: 5px;
}

table.voirSignalement tr:hover {
	background-color: white;
}

td.centerTd {
	text-align: center;
}

td.voirSignalementLabel {
	width: 20%;
}

.rechercheSignalement {
	overflow:auto;
	width: 640px;
	padding-left: 10px;
}

.tabSignalement {
	font-size: 10px;
}

.box {
	border : none;
}

.auto_complete {
	position: absolute;
	background: white;
	border: 1px solid #ccc;
}
.auto_complete ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.auto_complete ul li {
	padding: 5px;
}
.selected {
	background-color: #ffc;
}