@charset "utf-8";

/***********************************************************************
 * Ces règles définissent les styles pour certaines balises HTML.
 */

a:link { 
 color :#0000FF;
 text-decoration : none;
 } 

a:visited { 
 color :#0000FF;
 text-decoration : none;
 } 

a:hover { 
 color :#660099;
 text-decoration : underline;
 } 


.haut { 
 text-align : right;
 font-size : 12px;
 padding : 0px;
 } 

/***********************************************************************
 * Ces règles définissent les styles pour la mise en forme.
 */

.left {
 text-align: left ; 
 }

.right {
 text-align: right ;
 }

.center{
 text-align: center ; 
 }

.justify {
 text-align: justify ;
 }


h1 { 
 font : bold 12px arial, helvetica, sans-serif;
 color : #000099;
 text-align: left;
 text-decoration:underline;
 font-style: italic ;
 } 

h2 { 
 font : bold 14pt arial, brush, sans-serif;
 color : #000099;
 text-align : center;
 padding-top:10px;
 } 

h3 { 
 font : bold 12pt arial, brush, sans-serif;
 color : #000099;
 text-align : left;
 }

h4 {
 font : bold 12pt arial, helvetica, sans-serif;
 text-align :center;
 color :#0000FF;
 }

h5{
 font : bold 12px Verdana;
 text-align : center;
 color :#0000FF;
 } 

h6{
 font : bold 12px arial, helvetica, sans-serif;
 text-align : center;
 color :#0000FF; 
 }



td { 
 vertical-align : middle;
 text-align : left;
 font : bold 12px, verdana;
 border-style:solid;
 border-width:0px;
 color: #000099;
 margin:10px; 
 } 

img {
 vertical-align:middle;
 border:0px;
 }

.span {
 border-style:solid;
 border-width:1px;
 text-align: center;
 margin:15px;
 padding:0px;
 background-color:#FFD700;
 }

.span_1{
 font : bold 16px arial, helvetica, sans-serif;
 text-align:center;
 background-color:#ADFF2F;
 }

.span_2{
 font : bold 16px arial, helvetica, sans-serif;
 text-align:center;
 color : #ffffff;
 background-color:#0000ff;
 }

 .span_3 {
 font : bold 16px arial, helvetica, sans-serif;
 text-align: left;
 margin:5px;
 padding:0px;
 background-color:#FFD700;
 }

.retrait {
 margin-left:30px;
 }

.Style2 {
 color: #0000FF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
.Style3 {
 font-size: 12px;
 }
 
.Style4 {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 } 
 
.Style5 {
 color: #FF0000;
 }
 
.Style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
 }
 
.Style7 {
 font-size: 12px;
 }
 
.Style8 {
 color: #0000FF; font-weight: 
 font-size: bold 12px; 
 }
 
.Style9 {
 font-size: 14px;
 }
 
.Style10 {
	font-size: 14px;
	font-weight: bold;
	}
	
.Style11 {
 font-size: 10px;
 }
 
.Style12 {
 font-size: 14px;
 } 
 
.Style13 {
 font-size: 12px;
 font-weight:bold; 
 background-color:#FFFF00;
 text-align:center;
 }
 
.Style14 {
 font : 14px arial, helvetica, sans-serif;; 
 vertical-align : middle;
 text-align : left;
 padding:5px;
 border-style:solid;
 border-width:2px;
 border-color:#C0C0C0;
 }

/***********************************************************************
 * Ces règles définissent les styles pour les miniatures.
 */

#idDivImage{
 border: 0px; 
 padding: 3px;
 position: absolute;
 float: left;
 display: none;
 z-index: 100;
 }
 
.miniature{
 width:90px;
 }

/***********************************************************************
 * Ces règles définissent les styles pour les fils d'Ariane.
 */

#filariane { 
 font : 10pt arial, helvetica, sans-serif;
 width : 100%;
 margin-left : auto;
 margin-right : auto;
 text-align : left;
 } 


#filariane b { 
 font : bold 15pt arial, helvetica, sans-serif;
 } 

#filariane span { 
 font-weight : bold;
 } 

#filariane a:hover { 
 text-decoration : underline;
 } 

/***********************************************************************
 * Ces règles définissent la banderole
 */

#bande {
height:20px;
 width:100%; 
 margin-top: 2px;
 margin-left : auto;
 margin-right : auto;
 margin-bottom: 0px;
 border:0; 
 overflow: hidden;
} 

#banderole { 
 font:  bold 12pt arial, helvetica, sans-serif; 
 color:#990000;
 text-decoration:underline;
 position:relative; 
 width:100%;
 height:18px;
 margin: 0px; 
 overflow:hidden;
 } 

#defile {
  position:absolute; 
 background-color:transparent; 
 }

/***********************************************************************
* Ces règles définissent les styles pour les différentes sections
 */

#page { 
margin-left : auto;
margin-right : auto;
width : 750px;
height: 100%;
text-align : left;
padding:0px;
} 

#corps { 
width : 100%;
height : 77%;
margin-left : auto;
margin-right : auto;
padding:0px;
} 

#comp_gauche { 
width : 26%;
height: 100%;
float : left;
background-color:#C0C0C0;
margin-left: 0px;
margin-right: 0px;
} 

#comp_centre { 
float: right;
width: 74%;
height:100%;
margin:0px;
padding:0px;
} 

#contenu { 
width:100%;
height:100%;
margin: 0px;
padding: 0px;
text-align:left;
} 

#frame {
 width: 98%;
 height:100%;
 text-align:left;
 }

#pied{ 
font : 10pt arial, helvetica, sans-serif;
color: #0000FF;
width : 100%;
margin-top: 5px;
margin-left : auto;
margin-right : auto;
text-align : center;
background-color:#C0C0C0;
}

.formulaire {
margin:0px;
width:95%;
padding: 5px; 
border-color : #C0C0C0;
border-style:solid;
border-width:2px;
background-color:#F5F5F5;
}

.cadre_a {
 width:30%;
 text-align:center; 
 height:100px;
 float:left;
 }

.cadre_b {
 margin:0px; 
 width:300px;
 overflow:auto;
 margin-right:10px;
 }

.cadre_c {
 margin-left:30px;
 width:50%; 
 float:left;
 }

.cadre_d {
 margin-left:10px; 
 width:100%;
 }

.cadre_e {
 margin-left:30px; 
 width:50%;
 text-align:center; 
 margin-top:15px;
 float:left;
 }

.cadre_f {
 margin-left:10px; 
 width:100%;
 text-align:center;
 }
 
 
/***********************************************************************
 * Ces règles définissent les styles pour les onglets
 */

#menu { 
font :12px Verdana;
list-style-type : none;
text-align : left;
height: 100%;
background-color:#F5F5F5;
padding-top:20px;
padding-right: 0px;
padding-bottom:0px;
padding-left: 0px;
border-style:solid;
border-width:3px;
border-color : #A9A9A9;
} 

#menu ul { 
font : 12px Verdana;
list-style-type : none;
text-align : left;
padding : 5px;
margin : 0;
} 

#menu li { 
font : bold 12px Verdana;
text-align : left;
border-bottom: 3px groove #A9A9A9;
margin-top : 2px;
padding : 5px;
} 



/***********************************************************************
 * Ces règles définissent les styles pour le calendrier
 */


.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}