body    {
	font-family: Verdana,Arial,sans-serif;
	font-size: 9pt;
	color: #000000;
}

a:link    {
	color: black;
	background: transparent;
	text-decoration: none;
}

a:visited    {
	color: black;
	background: transparent;
	text-decoration: none;
}

a:active    {
	color: #FF0000;
	background: transparent;
	text-decoration: none;
}

a:hover    {
	text-decoration: underline;
	color: gray;
}

h1    {
	background: transparent;
	border-style: none;
	margin: 0px;
	color: black;
	font-weight: bold;
	text-align: left;
	width: 100%;
	font-size: 12pt;
	font-size-adjust: 0;
}

pre{
	font-size: x-small;
	color: black;
	border-color: #ffffff;
	font-family: Verdana,Arial,sans-serif;
}

*.normal    {
	font-size: 9pt;
	text-align: left;
}

*.error    {
	font-size: normal;
	font-weight: bold;
	color: #ff0000;
}

*.actif    {
	font-size: normal;
	font-weight: normal;
	color: #000000;
}

*.inactif    {
	font-size: italic;
	font-weight: bold;
	color: gray;
}

*.ctrans {
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
}

*.cel    {
	font-size: 8pt;
	padding: 5px;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
}

*.cel a:link {
	color: black;
	background: transparent;
	text-decoration: underline;
}

*.cel a:visited {
	color: gray;
	background: transparent;
	text-decoration: underline;
}

*.cel2    {
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	background: #cecfff;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
}

*.TR1   {
	font-size: 9pt;
	background: #ffffff;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
}

*.TR2   {
	font-size: 9pt;
	background: #cee6ff;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
}

*.com {
	font-size: 9pt;
	font-weight: bold;
	color: black;
	background: #cecfff;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
}

*.petitgris    {
     font-size: 8pt;
     color: #aaaaaa;
} 

*.help    {
    font-size: 8pt;
    color: black;
    font-weight: bold;
    border-color: black;
    border-style: inset;
    padding: 2px;
    border-width: 0px 1px 1px 0px;
} 

*.encadregris {
	border-color: black;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	font-size: 8pt;
	color: black;
	background: #cccccc;		
}

*.encadrejaune {
	border-color: black;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	font-size: 8pt;
	color: black;
	background: #fdffcf;		
}

*.col1 {
	z-index: 20;
	position:absolute;
	top:25;
	left: 10;
	background: transparent;
}

*.col2 {
		z-index: 10;
		position:absolute;
		top:25;
		left: 200;
		background: transparent;
}

*.menu {
	border-color: #cccccc;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	width: 170px;
	height: 500px;
	padding-left: 10px;
	padding-right: 5px;
	font-size: 10pt;
	color: black;
}

*.menuItem    {
        color: gray;
        font-weight: bold;
		font-size: 10pt;
}

*.menuItemHover    {
        background-color: #cecfff;
        color: black;
		font-size: 10pt;
        font-weight: bold;
}

*.formulaire    {
        border-color: black;
        border-style: inset;
        border-width: 1pt;
        margin: 0;
        padding: 0;
        background-color: #ffffff;
}

*.formulaireNeed    {
        border-color: black;
        border-style: inset;
        border-width: 1pt;
        margin: 0;
        padding: 0;
        background-color: #cecfff;
}

*.formulaireSELF    {
        border-color: black;
        border-style: none;
        border-width: 0pt;
        margin: 0;
        padding: 0;
        background-color: #394445;
	color: #f5821f;
	font-size: 8pt;
}

*.login	{
		z-index: 30;
		position:absolute;
		top:5;
		right: 25;
		color : #cccccc;
		font-weight: bold;
		font-family: Verdana,Arial,sans-serif;
		font-size: 9pt;
}

*.titre	{
		color : #cccccc;
		font-weight: bold;
		font-family: Verdana,Arial,sans-serif;
		font-size: large;
}
	
#logo {
		z-index: 1;
		position:absolute;
		top:10;
		right: 10;
}

*.popup {
	font-size: 8pt;
	font-family: Verdana,Arial,sans-serif;
    z-index:125;
}

*.infon {
    font-size: 8pt;
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
    z-index:125;
}

*.infog {
	font-size: 8pt;
	font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
    z-index:125;
}

*.loginbox {
	z-index: 30;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	padding: 50px;
	font-size: 8pt;
	color: black;
	position: absolute;
	top: 180;
	left: 250;
	background-image: url(images/login2.png) no-repeat;
}

*.demform {
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	padding: 15px;
}

*.compiltime{
	position:absolute;
	bottom:1;
	right: 1;
	font-size: 9px;
}

*.tab{
	width: 700;
	}

#fr {
        width: 15em;
        padding: 2px 2px 2px 20px;
        background: #fff url(images/fr.png) no-repeat 3px center;
}

#en {
        width: 15em;
        padding: 2px 2px 2px 20px;
        background: #fff url(images/en.png) no-repeat 3px center;
}

#de {
        width: 15em;
        padding: 2px 2px 2px 20px;
        background: #fff url(images/de.png) no-repeat 3px center;
}

*.barre {
		text-decoration: line-through;
	}

*.nonbarre {
		text-decoration: none;
	}

/* --------------------------------------------------------------- */

.petit {font-family: Verdana,Arial,sans-serif; font-size: 10pt; font-style: normal;}


.normal {color: black; font-family: "Helvetica"; font-size: 10pt; font-weight: normal}
.hotel {color: #4775a8; font-family: "Helvetica"; font-size: 12pt; font-weight: bold}
.traitdroit {border-style: solid; border-width: 0px 1px 0px 0px; border-color: #4775a8; }
.petitgris {font-family: Verdana,Arial,sans-serif; font-size: 8pt; color: #aaaaaa; font-style: italic;}
.petitblanc {font-family: Verdana,Arial,sans-serif; font-size: 10pt; color: #ffffff; font-style: normal;}
.moyengris {font-family: Verdana,Arial,sans-serif; font-size: 10pt; color: #555555; font-style: normal;}
.moyenblanc {font-family: Verdana,Arial,sans-serif; font-size: 12pt; color: #ffffff; font-style: normal; font-weight: bold}
.moyennoir {font-family: Verdana,Arial,sans-serif; font-size: 12pt; color: #000000; font-style: normal; font-weight: bold}
.moyenbleu {font-family: Verdana,Arial,sans-serif; font-size: 12pt; color: #4775a8; font-style: normal; font-weight: bold}
.grand {font-size: 12pt; color: #000000; font-family: "MS Sans Serif"}

.bas { position: fixed; left: 0; bottom:0; }

.itemHotel    {
        color: black;
        font-weight: normal;
		font-size: 10pt;
}

.itemHotelHover    {
        background-color: #c8e2ff;
        color: black;
		font-size: 10pt;
        font-weight: normal;
}

.centre {
		color: black;
		font-size: 10pt;
		font-weight: normal;
		background-image: url(../commun/images/1.jpg) no-repeat;
}


.titprog {color: #000080; font-family: "Helvetica"; font-size: 12pt; font-weight: bolder; text-align: center; border: thin solid #000080 }
.refprog { text-align: center; text-transform: uppercase; color: #FFFFFF; background-color: #000080; font-family: "Arial Black"; font-size: larger }
.nogrdr { font-size: 8pt; color: #000000; font-family:  Helvetica, sans-serif; background: #FFFFFF; font-weight: bold; font-style: normal; text-align: right; vertical-align:top}
.prog { text-align: center; color: #FFFFFF; background-color: #000080; font-family: "Arial Black"; font-size: 10pt }
.soustitprog{color: #000080; font-family: "Helvetica"; font-size: 9pt; font-weight: bold;}
.backbl{background-color: #99CCFF;text-align: justify; font-size: 8pt; font-family: "Arial" ; color: #000000}
.sousdescprog {text-align: justify; font-size: 8pt; font-family: "Arial" ; color: #000000; font-weight: normal; font-style: italic }

.grbl { color: #000080; font-family: "Helvetica"; font-size: 10pt; font-weight: bold }
.tit { font-size: 15pt; color: #000000; text-decoration: none; font-family:  Helvetica, sans-serif; background: #FFFFFF; font-weight: bold; font-style: italic }
.cond {text-align: justify; font-size: 8pt; font-family: "Arial" ; color: #000000; font-weight: normal}
.cond2 {text-align: center; font-size: 8pt; font-family: "Arial" ; color: #000000; font-weight: normal;vertical-align:bottom}

.tabcol {text-align: center; font-size: 8pt; font-family: "Arial" }
.tabref{ background-color: #6666FF;color: #FFFFFF;text-align:center}
.tabprog{ background-color: #000080;color: #FFFFFF;text-align:center; font: bolder; font-family: "MS Sans Serif" }
.tabprog a:link {color: white;background: transparent;text-decoration: none; font-weight: bold }
.tabprog a:visited {color: orange;background: transparent;text-decoration: none; font-weight: bold}
.tabprog a:active {color: red;background: transparent;text-decoration: none; font-weight: bold}
.tabprog a:hover {text-decoration: underline;color: #00FF00; font-weight: bold}
.tabprog2{ background-color: ;color: #CCCCCC;text-align:center; font: bolder; font-family: "MS Sans Serif" }
.tabprog2 a:link {color: blue;background: transparent;text-decoration: none; font-weight: bold}
.tabprog2 a:visited {color: green;background: transparent;text-decoration: none; font-weight: bold}
.tabprog2 a:active {color: red;background: transparent;text-decoration: none; font-weight: bold}
.tabprog2 a:hover {text-decoration: underline;color: #00FF00;}
.bl{color:#4775a8; font-size: 7pt;}

.bli{color:#4775a8; font-size: 8pt; font-style: italic;}
.bli10{color:#4775a8; font-size: 10pt; font-style: italic;}
.bli12{color:#4775a8; font-size: 12pt; font-weight: bold;}


.tabColTitreBleu { text-align: center; color: white; font-weight: bold; background-color: #4775a8; }
.tabColTitre { text-align: center; color: black; font-weight: bold; background-color: white; }
.tabCol { text-align: center; color: black; font-weight: normal; background-color: white; }
/*.titre { font-weight: bold; font-size: larger ; color: #4775a8; }*/
.titre { font-weight: bold; font-size: x-large ; color: black; font-style: italic;}
.titre_normal { font-weight: bold; font-size: large; color: black; font-style: normal;}
.titre_contact { font-weight: bold; font-size: large; color: black; font-style: normal;}
.titre_coupec { font-weight: bold; font-size: normal; color: #4775a8; font-style: normal;}
.petit { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: x-small ; color: black; }
.trespetit { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: xx-small ; color: black; }

/*.tab { color: black; font-weight: normal; background-color: white; border-color : #00207b; border-style: solid; border-width: 1px; padding: 10px 10px 10px 10px;}*/

.entourageFondBlanc {
        border-style: solid;
        border-width: 1px;
        margin: 0px;
        padding: 10px 10px 10px 10px;
        border-color: black;
        background: white;
}

.entourageFondBlanc2 {
        border-style: solid;
        border-width: 2px;
        margin: 0px;
        padding: 10px 10px 10px 10px;
        border-color: black;
        background: white;
		font-weight: bold; 
		font-size: large ;
		width: 600px;
}

.leftdashed {
        border-style: dashed;
        border-width: 0px 0px 0px 1px;
        margin: 0px;
        padding: 10px 10px 10px 10px;
        border-color: #4775a8;
        background: white;
}

.rightdowndashed {
        border-style: dashed;
        border-width: 0px 1px 1px 0px;
        margin: 0px;
        padding: 10px 10px 10px 10px;
        border-color: #4775a8;
        background: white;
}

.rightdashed {
        border-style: none;
        border-width: 0px 1px 0px 0px;
        margin: 0px;
        padding: 3px 3px 3px 3px;
        border-color: #4775a8;
        background: white;
}

*    {font-family: Verdana,Arial,sans-serif;	font-size: 10pt;color: #000000;}

a:link    {color: #4775a8;background: transparent;text-decoration: none; font-size: 8pt}
a:visited    {color: #4775a8;	background: transparent;	text-decoration: none; font-size: 8pt}
a:active    {color: red;	background: transparent;	text-decoration: none; font-size: 8pt}
a:hover    {text-decoration: underline;color: #4775a8; font-size: 8pt}

.ol_titre {color: #08519e; font-weight: bold; font-size: larger;}

*.ImageDroite    {
	float: right;
	margin: 0px 0px 2px 15px;
}

/* + -----------------------------------------------------
	Styles appliqués au Calendrier
   + ----------------------------------------------------- */

hr {
	clear: both;
	display: block;
	visibility: hidden;
}

#ap-calendrier {
	margin-left: 25px;
	padding: 5px;
	width: 350px;
	border: 1px solid #777;
	margin-top: 20px;
}

#ap-calendrier ul {
	margin: 0;
	padding: 0;
}

#ap-libelle {
	width: 350px;
	padding: 0;
}
ul.ap-ligne {
	clear: left;
	width: 350px;
	padding: 0 5px;
} 
#ap-libelle li, ul.ap-ligne li  {
	border: 1px solid #fff;
	list-style-type: none;
	margin: 1px 1px 0 0; 
	padding: 0;
	width : 47px; 
	float : left;
	text-align: center;
	line-height: 20px;
}
#ap-libelle li {
	background: #DDDDDD;
	list-style-type: none;
	color: #443C60;
}
ul.ap-ligne li {
	background: #fff;
	color: #443C60;
}

ul.ap-ligne li.ap-itemSelectedItem {
	background-color: #DDDDDD;
	border: 1px solid #0080C0;	
}

ul.ap-ligne li.ap-itemExistingItem {
	background-color: #DBE9CD;
	border: 1px solid #90D454;
}

ul.ap-ligne li.ap-itemExistingItem a{
	display: block;
	text-decoration: none;
}

ul.ap-ligne li.ap-itemExistingItem a:hover{
	background-color: #E4EFDA;
}

ul.ap-ligne li.ap-itemCurrentItem {
	background-color: #FCF1E2;
	border: 1px solid #EAB159;
}

.footer {
	background-color: #000;
	padding: 0px;
	height: 25px;
}

div.simpleDropPanel {
   width    : 200;
   height   : 80px;
   padding  : 2px;
   border   : 1px solid #5b5b5b;
}

div.box {
   font-family   : Arial;
   font-size     : 12px;
   width         : 240px;
/*   height        : 20px; */
/*   cursor        : hand; */
   text-align    : left;
   /*border-bottom : 1px solid #6b6b6b;*/
   /*border-right  : 1px solid #6b6b6b;*/
/*   background-image: url(images/mplayer.png) no-repeat; */
}

div.dropzone {
	width:150px;
	height:60px;
	background-color:#eee;
}

div.dropzone-active {
	width:150px;
	height:60px;
	background-color:#fff;
	border   : 1px solid #5b5b5b;
}

div.dropzone-small {
	width:150px;
	height:60px;
	background-color:#eee;
}

div.dropzone-active-small {
	width:150px;
	height:60px;
	background-color:#fff;
	border   : 1px solid #5b5b5b;
}



#list3 {margin-top:10px;}
#list3 th {height:25px; vertical-align:middle; border-top:1px solid #056A8C; border-bottom:1px solid #86ADC7; text-align:left; background:#F3F7FA; padding:2px 8px;}
#list3 th.bg {background:#F3F7FA;}
#list3 th.tot {border-bottom:1px solid #056A8C; border:1px solid #86ADC7; border-top:0px;}
#list3 td {padding:1px; padding-left:10px; border-bottom:1px solid #86ADC7; height:10px;}
#list3 td.bg {background:#f7f8e5;}
#list3 td.bg2top {background:#F3F7FA; font-weight:bold;border-top:1px solid #056A8C;}
#list3 td.bg2 {background:#F3F7FA; font-weight:bold;}
#list3 td.tot {border-bottom:1px solid #056A8C; border:1px solid #86ADC7; border-top:0px; border-right:0px;}
#list3 tr.bg {background:#f7f8e5;}
#list3 tr.bgrouge {background:#ffd7d7;}
#list3 td.utiDetail_tab_head{padding-top:5px;border-left:1px dotted #CFDFE8;padding-bottom:5px;}
#list3 #pagenav {padding:7px; text-align:center; border-bottom:0 none #000;}
#list3 #pagenav strong { margin:0 5px;}
#list3 #pagenav a {text-decoration:none; color:#056A8C; margin:0 5px;}
#list3 #pagenav a:hover {text-decoration:underline;}

.txtblue {color:#056A8C;}
.font12 {font-size:12px;}
.font10 {font-size:10px;}
.font9 {font-size:9px;}
.white {color:#ffffff;}
.bold {font-weight:bold;}
.leftborder { border-left:1px dotted #CFDFE8; }
.charlotte {height:25px; vertical-align:middle; border-top:1px solid #056A8C; border-bottom:1px solid #86ADC7; text-align:left; background:#F3F7FA; padding:2px 8px;}

.arial10grisc {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666666}
.arial10grisf {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: lighter; color: #999999}
.arial10jaune {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: lighter; color: #FFFF00}
.Blanc_gris_fond {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666666 ; background-color: #cccccc}