html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin : 0px;
	background-color: #FEF8E2;
	background-image: url(../images/fond_jaune.jpg);
	height: 100%;
	width: 100%;
}

.print_seulement {
	display:none;
}



/* ******************************************* gros blocs de la page *******************************************************/
/* Style du menu */
#logo{
	float:left;
	border: none;
}
/* Style du gros titre dans le bandeau du haut */
#titre{
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 8px;
	font-size: 30px;
	vertical-align: middle;
}

/* Style du bandeau du haut */
#header {
	background-color: #CC3333;
	width: 100%;
	clear:none;
}
#header2 {
}

/* Style du menu de gauche */
#menu {
	background-color : #CC3333;
	height:100%;
	width: 205px;
	/*float:left;*/
	margin-right:25px;
	margin-bottom:50px;
}

/* Style du centre de la page */
#corps{
	/*width:80%;*/
	/*float:left;*/
}

/* couleur de la bare contenant le login */
#log{
	text-align:right;
	font-weight: bold;
	background-color : #CCCCCC;
}
/* couleur de la bare contenant le login => du coté menu */
#logmenu{
	background-color : #FFCCFF;
	width: 205px;
}

#type_menu{
	background-color:#FFCCFF; 
	width:95%; 
	border-color:#7474BB
}

/* *********************************************** Gestion du menu de gauche ***********************************************/
.li_menu {
	list-style-type: none;
	line-height:28px;
	width:100%;
}

.a_menu {
	display:block;
	width:100%;
	color:#FFFFFF;
	text-decoration:none;
/*	border : 1px solid grey;*/
}

.a_menu:hover {
	background-color: #B4B3B6;
	color:#000000;
	font-weight: bold;

}

.titre_menu{
	color:#FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

/***************************************************************************************************************************/
#envoie_mail{
	background-image: url(../images/expedier.gif); 
	width:350px; 
	height:100px; 
	padding-top: 55px; 
	padding-left: 35px; 
	background-repeat:no-repeat
}

/*********************************************** Définition des tag HTML courants ******************************************/
img{
	border:0;
}

h1{
	font-size: 27px;
	font-weight: bold;
	color: #88000A;
	text-align:center;
}

h2{
	font-size: 23px;
	font-weight: bold;
	color: #885050;
	text-align:center;
}

p{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table{
	font-size: 12px;
	border:0px;
	background-image: url(../images/fond_jaune_cut.png);
}

tr{	
}

td{	
	border:0px;
}


th{
	font-size: 14px;
	border:0px;
	background-color:#BBDDBB;
	color:#000000;

}
a{
	text-decoration :none;
	border:none;
}

a:hover{
}

/************************************************ Style du calendrier *************************************************************/
.th_calendar{
	font-size: 14px;
	background-color: #FEF8E2;
	color: #000000;
}

.a_calendar{
	display:block;
	width:100%;
}
.a_calendar:hover{
	display:block;
	width:100%;
	background-color: #B4B3B6;
}

.a_calendar_select{
	display:block;
	width:100%;
	background-color: #B4B3B6;
}


/**************************************** Définition des styles personalisés ******************************************************/
.textecentre{
	text-align:center;
}
.textegras{
	font-weight: bold;
}
.texteitaliquecentre{
	text-align:center;
	font-style: italic;
	
}
a.rouge {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}
a.rouge:hover {
	color: #AA0000;
}


.link{
	width:50%;
}
a.link {
	display:block;
	width:100%;
	background-color:#CCCCCC;
	font-weight: bold;
	font-size: 12px;
	border:1px solid #666666;
	margin:1px;
	padding:2px 10px;
	color:#0000FF;
}
a.link:hover {
	color:#FFFFFF;
	background-color:grey;
}

.erreur {
	text-align: center;
	font-weight: bold;
	color: red;
}

.warning {
	text-align: center;
	font-weight: bold;
	color: red;
	font-style: italic;
}

.amelioration{
	font-weight: bold;
	font-size: 17px;
}


/****************************************** FORMULAIRE *******************************************************/

table.fond_formulaire {
	background-color:#A1B1B2;
	width:90%;
	border:0px;
}
tr.fond_formulaire {
	 background-color:#F1F8FB;
}

/* Lignes normales */

tr.pair {
	 background-color:#F1F8FB;
}

tr.impair {
	background-color:#E7E9E9; 
}

tr.pair:hover {
	 background-color:#D2D2D2; 
}

tr.impair:hover {
	background-color:#D2D2D2;
}

/* Survol des champs */

input:hover {
	 background-color:#FFFF99;
}

textarea:hover {
	background-color:#FFFF99;
}

select:hover {
	background-color:#FFFF99; 
}

/* Lignes requises */

tr.requis_pair {
	 background-color:#CDFDCD;
}

tr.requis_impair {
	 background-color:#D3EBC2; 
}

tr.requis_pair:hover {
	background-color:#FF9999;
	border-color:#FF0000;
}

tr.requis_impair:hover {
	background-color:#FF9999;
	border-color:#FF0000;
}


a.onglet{
	background-color: #88E1FF;
	border:           2px outset silver;
	border-color:     #FFB55F;
	border-width:     2px;
	border-style:     outset;
	color:            #009;
	text-align:       center;
	width:            auto;
	margin-right:     0;
	margin-top:       0.5em;
	padding:          0.2em 0.5em;
	text-decoration:  none;
	font-size:        10px;
	font-weight:      bold;
	}

a.onglet:hover{
	background-color: #3cf;
	border-color:     #FFB55F;
	border-width:     2px;
	color:            #fff;
	border-style:     outset;
	text-align:       center;
	width:            auto;
	margin-right:     0;
	margin-top:       0.5em;
	padding:          0.2em 0.5em;
	text-decoration:  none;
	font-size:        10px;
	border:           2px inset silver;
	}

	
/* -----------------------
Style pour les onglets
   ---------------------*/
.headerOnglets {
    float:left;
	}

.headerOnglets ul {
    margin:0px;
    padding-left:10px;
    list-style:none;
    }

.headerOnglets li {
    float:left;
	background:url("../images/onglets/unselected_top_left.png")
      no-repeat left top;
    margin:0px;
 	padding:0px 0px 0px 9px;
	}
.headerOnglets li:hover {
    float:left;
    background:url("../images/onglets/hover_top_left.png")
      no-repeat left top;
    margin:0px;
 	padding:0px 0px 0px 9px;
	}

.headerOnglets a {
    display:block;
	background:url("../images/onglets/unselected_top_right.png")
      no-repeat right top;
    padding:5px 15px 4px 6px;
    }
.headerOnglets a:hover {
	color:#EEE;
    display:block;
    background:url("../images/onglets/hover_top_right.png")
      no-repeat right top;
    padding:5px 15px 4px 6px;
    }

.headerOnglets li.selected {
    background-image:url("../images/onglets/selected_top_left.png");
 	padding:3px 2px 0px 9px;
	margin:-3px 0px 0px 1px;
    }
.headerOnglets li.selected a {
    padding:8px 17px 4px 6px;
	margin:-3px 0px 0px 0px;
	font-weight:bold;
	//font-size: medium;
	color:#EEE;
	text-decoration: none;
    background-image:url("../images/onglets/selected_top_right.png");
	}

.headerOnglets a, .headerOnglets strong, .headerOnglets span {
	color:#000;
    display:block;
    float:left;
	background:url("../images/onglets/unselected_top_right.png")
      no-repeat right top;
    padding:5px 15px 4px 6px;
    }

/* style pour les onglets du bas*/

.headerOngletsBas {
    background:transparent;
    font-size:100%;
    line-height:normal;
    margin-left:1px;
	}

.headerOngletsBas ul {
    margin:0px;
    padding:0px 10px 0px;
    list-style:none;
	}

.headerOngletsBas li {
    float:left;
	background:url("../images/onglets/unselected_bottom_left.png")
      no-repeat left bottom;
    margin:0;
 	padding:0 0 0 9px;
	}

.headerOngletsBas li:hover {
    float:left;
	background:url("../images/onglets/hover_bottom_left.png")
      no-repeat left bottom;
    margin:0;
 	padding:0 0 0 9px;
	}

.headerOngletsBas a {
    display:block;
	background:url("../images/onglets/unselected_bottom_right.png")
      no-repeat right bottom;
    padding:5px 15px 4px 6px;
    }

.headerOngletsBas a:hover {
	color:#EEE;
    display:block;
    background:url("../images/onglets/hover_bottom_right.png") no-repeat right bottom;
    padding:5px 15px 4px 6px;
    }

.headerOngletsBas li.selected {
    background-image:url("../images/onglets/selected_bottom_left.png");
 	padding:3px 2px 0px 9px;
	margin:0px 0px 0px 1px;
    }

.headerOngletsBas li.selected a {
    padding:8px 17px 4px 6px;
	margin:-3px 0px 0px 0px;
	font-weight:bold;
	color:#FFF;
	text-decoration: none;
    background-image:url("../images/onglets/selected_bottom_right.png");
	}

.headerOngletsBas a, .headerOngletsBas strong, .headerOngletsBas span {
	color:#000;
    display:block;
    float:left;
	background:url("../images/onglets/unselected_bottom_right.png")
      no-repeat right bottom;
    padding:5px 15px 4px 6px;
	}
/* -----------------------
fin Style pour les onglets fin
   ---------------------*/


/* ---------------------------------
STYLE DES FORMULAIRE / QUESTIONNAIRES
   --------------------------------*/
.container_table{
	float:left;
	width:100%;
	margin:0px;
}

.container_group{
	-moz-border-radius:6px;
	margin: 0px;
	border: 10px;
}

.fond_champ{
	background-color: transparent;
	}

.table_formulaire{
	-moz-border-radius:6px;
	width:            100%;
	background-color: #FFB55F;
	margin-top:       0;
	margin-bottom:    0;
	padding-top:      0;
	padding-bottom:   0;
	}

.table_presentation{
	-moz-border-radius:6px;
	background-color: #FFB55F;
	margin-top:       0;
	margin-bottom:    0;
	padding-top:      0;
	padding-bottom:   0;
	}

/* Lignes normales */
tr.pair {
	background-color: #88E1FF;}
tr.impair {
	background-color: #33CCFF;}
td.pair {
	background-color: #88E1FF;}
td.impair {
	background-color: #33CCFF;}

/* Lignes dépendantes */
tr.dep_pair {
	background-color: #FFEBCD;}
tr.dep_impair {
	background-color: #7CFC00;}
td.dep_pair {
	background-color: #FFEBCD;}
td.dep_impair {
	background-color: #7CFC00;}

/* Lignes en survol */
tr.pair:hover {
	background-color: #FFFF70;}
tr.impair:hover {
	background-color: #FFFF33;}

/* Lignes dépendantes en survol */
tr.dep_pair:hover {
	background-color: #DEB887;}
tr.dep_impair:hover {
	background-color: #66CDAA;}


/* Survol des champs */
input:hover {
	background-color: #FFFF99;}
textarea:hover {
	background-color:#FFFF99;
	background-color: #FFFF99;}
select:hover {
	background-color: #FFFF99;}


/* Lignes requises */
tr.requis_pair {
	background-color: #60ff80;}
tr.requis_impair {
	background-color: #06B262;}
tr.requis_pair:hover {
	background-color: #F8DC9F;	border-color:#FF0000;
}
tr.requis_impair:hover {
	background-color: #FF8660;	border-color:#FF0000;
}
/* ---------------------------------
fin STYLE DES FORMULAIRE / QUESTIONNAIRES fin
   --------------------------------*/