/*_____________________________________________________________________________*/
/*                                                                             */
/*                                                                             */
/*         FEUILLE DE STYLES DDASS67-VACCIN - APPLICATION MISE EN PRODUCTION   */
/*                            V1 du 21/09/2009                                 */
/*                                                                             */
/*_____________________________________________________________________________*/



/*_____________________________________________________________________________*/
/*                                                                             */
/*                          Redéfinition des balises HTML                      */
/*_____________________________________________________________________________*/

body {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	background			: #fff url('../images/bg.jpg');
	margin				: 0px;
	color				: #333;
}

#global {
	background			: #fff;
	margin				: 0px;
	width				: 960px;
	padding-bottom		: 15px;
	border-right		: 1px solid #2898bd;
	border-bottom		: 1px solid #2898bd;
}

#header{
	background			: #fff url('../images/header.jpg') no-repeat;
	width				: 960px;
	height				: 154px;
	display				: block;
	margin				: 0px;
}
#header h1 {
	font-size			: 95%;
	padding				: 40px 20px 10px 600px;
	margin				: 0px;
	line-height			: 1.5em;
	text-align			: center;
}

table {
	margin-bottom		: 20px;
        table-layout:fixed;
}

th {
	font-weight			: bold;
	text-align			: center;
	background-color                : #0f83aa;
	color				: #fff;
	vertical-align                  : top;
	padding				: 2px;
	font-size			: 65%;
        word-wrap                       : break-word;
}

#contenu{
	margin				: auto 5px;
}

#contenu td {
	border				: 1px solid #0f83aa;
        word-wrap                       : break-word;
}

#contenu fieldset td {
	border				: 0px solid #0f83aa;
}

legend, td {
	font-size			: 75%;
}

p {
	margin-left			: 15px;
	margin-right		: 15px;
	margin-top			: 2px;
	font-size			: 85%;
}

h1 {
	color				: #333385;
	margin				: 2px;
}

	/* Titre de 2ème niveau, lorsque nécessaire */
h2 {
	color				: #333385;
	margin				: 2px;
	font-size			: 1.2em;
}
	
	/* Titre de 3ème niveau, lorsque nécessaire */
h3 {
	color				: #333385;
	margin				: 8px 2px 20px 2px;
	text-align			: center;
	line-height			: 1.4em;
}

h4 {
	color				: #333385;
	margin				: 5px 10px 0px 10px;
}
	
a {
	color				: #DE0818;
}


.pointeur {
    cursor:pointer;
}

.default {
    cursor:default;
}

.checked{ background: transparent url(../images/chk_on.gif) no-repeat center; }
.unchecked{ background: transparent url(../images/chk_off.gif) no-repeat center;}

fieldset fieldset .checked{ background: transparent url(../images/chk_on.gif) no-repeat left; padding-left:20px; }
fieldset fieldset .unchecked{ background: transparent url(../images/chk_off.gif) no-repeat left; padding-left:20px;}

.ferieHeader {
    background-color: #FF9999;
}

.ferie {
    background-color: #FFCCCC;
}

.pair {
    background-color: #DDDDFF;
}

.impair {}

.succesMessage {
    color: #00DD00;
}

.erreurMessage {
    color: #FF0000;
}

.warningMessage {
    color: #FF9900;
}

.messageWarningHtml {
    color: #FF0000;
    border: #FF0000 1px solid;
    background-color: #FFDDDD;
    padding:5px;
}

.resumeLibelle {
    min-width: 150px;
}

.resumeValeur {
    font-weight: bold;
}

.tableRouge {
    background-color: #FF6666;
}

.tableVert {
    background-color: #66FF66;
}

.bgRouge {
    background-color: #FFCCCC;
}

.bgJaune {
    background-color: #FFFFCC;
}

.bgVert {
    background-color: #CCFFCC;
}

.bgGris {
    background-color: #DDDDDD;
}

.bgGrisClair {
    background-color: #F5F5F5;
}

.remarque {
    font-size: 60%;
}



#menub{
	height				: 120px;
        padding                         : 0px 8px;
}

#menub li{
	display				: block;
	float				: left;
	width				: 100px;
	text-align			: center;
	font-size			: 60%;
}

#m1 a{
	background 			: transparent url(../images/icones/1modifier.jpg) no-repeat top center;
	padding-top			: 60px;
	display				: block;
}
#m2 a{
	background 			: transparent url(../images/icones/2inscription.jpg) no-repeat top center;
	padding-top			: 60px;
	display				: block;
}
#m3 a{
	background 			: transparent url(../images/icones/3equipes.jpg) no-repeat top center;
	padding-top			: 60px;
	display				: block;
}
#m4 a{
	background 			: transparent url(../images/icones/6recap.jpg) no-repeat top center;
	padding-top			: 60px;
	display				: block;
}
#m5 a{
	background 			: transparent url(../images/icones/5valider.jpg) no-repeat top center;
	padding-top			: 60px;
	display				: block;
}
#m6 a{
	background 			: transparent url(../images/icones/4voir.jpg) no-repeat top center;
	padding-top			: 60px;
	display				: block;
}
#m7 a{
	background 			: transparent url(../images/icones/7utilisateurs.jpg) no-repeat top center;
	padding-top			: 60px;
	display				: block;
}
#m8 a{
	background 			: transparent url(../images/icones/8deconnection.jpg) no-repeat top center;
	padding-top			: 60px;
	display				: block;
}
#m9 a{
	background 			: transparent url(../images/icones/9motdepasse.jpg) no-repeat top center;
	padding-top			: 60px;
	display				: block;
}
#m10 a{
	background 			: transparent url(../images/icones/10ecrou.jpg) no-repeat top center;
	padding-top			: 60px;
	display				: block;
}

.boutonRetourFormulaire {
	background 			: transparent url(../images/retour.jpg) no-repeat left;
	padding-left                    : 24px;
}

.boutonAjouterFormulaire {
	background 			: transparent url(../images/ajouter.gif) no-repeat left;
	padding             		: 10px 2px 10px 24px;
}

.boutonExporterFormulaire {
	background 			: transparent url(../images/exporter.gif) no-repeat left;
	padding             		: 10px 2px 10px 24px;
}

.boutonExporterPdfFormulaire {
	background 			: transparent url(../images/pdf.gif) no-repeat left;
	padding             		: 10px 2px 10px 24px;
}

.boutonImprimerFormulaire {
	background 			: transparent url(../images/imprimer.gif) no-repeat left;
	padding             		: 10px 2px 10px 24px;
}

.boutonModifierFormulaire {
	background 			: transparent url(../images/modifier.gif) no-repeat left;
	padding             		: 10px 2px 10px 24px;
        line-height                     : 3em;
}

.boutonRegulariserFormulaire {
	background 			: transparent url(../images/regulariser.gif) no-repeat left;
	padding             		: 10px 2px 10px 24px;
        line-height                     : 3em;
}

.boutonSupprimerFormulaire {
	background 			: transparent url(../images/supprimer.gif) no-repeat left;
	padding             		: 10px 2px 10px 24px;
        line-height                     : 3em;
}

.boutonRetourAccueil{
	background 			: transparent url(../images/home.gif) no-repeat center top;
	padding				: 25px 2px 2px 2px;
	font-size			: 75%;
	position			: relative;
	z-index				: 10;
}
.boutonAide{
	background 			: transparent url(../images/aide.gif) no-repeat center top;
	padding				: 25px 2px 2px 2px;
	font-size			: 75%;
	position			: relative;
	z-index				: 10;
}

/*_____________________________________________________________________________*/
/*                                                                             */
/*                          Composants de formulaires                          */
/*_____________________________________________________________________________*/

fieldset {
	width			: 930px;
	padding-top		: 5px;
	padding-bottom	: 5px;
	padding-right	: 5px;
}

fieldset fieldset {
	width			: auto;
	padding-top		: 5px;
	padding-bottom	: 5px;
	padding-right	: 5px;
}

bouton {
	width				: 6em;
}

input, label {
}

textarea {
}

select {
	width				: auto;
}

#ajouterPersonne_personne{
	width				: 209px;
}

.erreur {
	color				: #FF0000;
        font-weight			: bold;
}

#tooltip {
     position:absolute;
     width:320px;
}

/*_____________________________________________________________________________*/
/*                                                                             */
/*                       Bandeau supérieur - Titre                             */
/*_____________________________________________________________________________*/

	/* Première ligne du bandeau */
.titreApplication {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.4em;
	font-variant: small-caps;
	vertical-align: top;
	padding-top: 5px;
}