html, body
{
    margin : 0px;
    padding : 0px;
    text-align: center;
    height: 100%;
    overflow:auto;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #52697E;
}

#ppale
{
    position: relative;
    width:1000px;
    margin-left : auto;
    margin-right : auto;
    min-height: 100%;
}

#fixe-haut
{
    position:absolute;
    height : 120px;
    width : 1000px;
    background-image:url(../image/banner.jpg);
    top:0px;
    overflow:hidden;
    z-index:20;
}

#logo
{
    position:absolute;
    height : 120px;
    width : 384px;
    background-color:#8B2322;
    z-index:10;
}

#menu
{
    position:absolute;
    width : 150px;
    top:120px;
    z-index:50;
}

.menu2Fond
{
    position:absolute;
    background-color:#8B2322;
    background-repeat:no-repeat;
    width:150px;
    height:79%;
    top:120px;
    right:0px;
    z-index:15;
}

.menu2Fond2
{
    position:absolute;
    background-color:#8B2322;
    background-repeat:no-repeat;
    width:150px;
    height:79%;
    top:120px;
    left:0px;
    z-index:15;
}

.menuFresque
{
    position:absolute;
    background-color:#8B2322;
    background-image:url(../image/fresque11.jpg);
    background-position:center;
    background-repeat:no-repeat;
    width:150px;
    height:300px;
    top:520px;
    left:0px;
    z-index:15;
}

.menuFresque2
{
    position:absolute;
    background-color:#8B2322;
    background-image:url(../image/fresque21.jpg);
    background-position:center;
    background-repeat:no-repeat;
    width:150px;
    height:300px;
    top:520px;
    right:0px;
    z-index:15;
}

#menu2
{
    position:absolute;
    width:150px;
    top:-500px;
    right:0px;
    z-index:50;
    display:none;
}

#fixe-bas
{
    position: absolute;
    bottom: 0px;
    left: 0;
    height : 40px;
    width : 1000px;
    z-index:16;
    line-height:3;
}

#footRL
{
    position: absolute;
    bottom: 0px;
    right: 0;
    height : 40px;
    width : 150px;
    background-image:url(../image/menu.jpg);
    background-repeat:repeat-y;
    z-index:11;
    line-height:1;
}

#footLL
{
    position: absolute;
    bottom: 0px;
    left: 0;
    height : 40px;
    width : 150px;
    background-image:url(../image/menu.jpg);
    background-repeat:repeat-y;
    z-index:11;
    line-height:1;
}

#footR
{
    position: absolute;
    bottom: 40px;
    right: 0;
    height : 290px;
    width : 150px;
    background-image:url(../image/menu.jpg);
    background-repeat:repeat-y;
    z-index:14;
}

#footL
{
    position: absolute;
    bottom: 40px;
    left: 0;
    height : 290px;
    width : 150px;
    background-image:url(../image/menu.jpg);
    background-repeat:repeat-y;
    z-index:14;
}

#bas
{
    height:120px;
}

#content
{
    position:relative;
    left:150px;
    width : 700px;
    top:120px;
    padding-bottom:45px;
    z-index:2;
    min-height:700px;
}

.contenu
{
   
    width : 690px;
    left:150px;
    z-index:2;
    text-align:left;
    margin-left:10px;

}

#recapComm{
    width : 670px;
    border:2px solid #8B2322;
    padding:5px;
}

.bouton{
    color:#ffffff;
    background-color:#8B2322;

}

ul.tabs2
{
    padding:0px;
}

ul.tabs2 li
{
    list-style:none;
    width:150px;
    height:23px;
    background-repeat:repeat-y;

}

ul.tabs2 li a
{
    color:#ffffff;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:underline;
}

ul.tabs2 a li
{
    color:#ffffff;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:underline;
}

ul.tabs2 li:hover
{
    color:#8B2322;
    background-color:#8B2322;
    background-image:url(../image/fondMenu2.jpg);
}

ul.tabs2 li:hover a
{
    color:#8B2322;
}

ul.tabs2 li.active
{
    background-image:url(../image/fondMenu2H.jpg);
    color:#ffffff;
    background-color:#8B2322;
}

ul.tabs2 li.active a
{
    color:#ffffff;
}

ul.tabs
{
    padding:0px;
}

ul.tabs li
{
    list-style:none;
    width:150px;
    height:23px;
    background-repeat:repeat-y;
   
}

ul.tabs a li
{
    color:#ffffff;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:underline; 
}

ul.tabs li a
{
    color:#ffffff;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:underline; 
}

ul.tabs li:hover
{
    background-image:url(../image/fondMenu.jpg);
    color:#8B2322;
    background-color:#8B2322;
}

ul.tabs li:hover a
{
    color:#8B2322;
}

ul.tabs li.active
{
    background-color:#ffffff;
    color:#ffffff;
    background-image:url(../image/fondMenuH.jpg);
}

ul.tabs li.active a
{
    
    color:#ffffff;
    
}

.inputPrix{
    text-align:right;
    background-color:#ffffff;
    border:none;
}




.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	color: white;
	background-color: #8B2322;
	border: 2px solid #2C0B06;
	}


/* 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 #2C0B06;
	}


/* 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;
	color:#8B2322;
	}


/* 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 {
	color:#8B2322;
	background-color: white;
	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: #8B2322;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: white;
	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: Arial ;
	font-size: 10px;
	color: white;
	background: #8B2322;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
    font-family: Arial;
    font-size: 10px;
    color: white;
    background: #8B2322;
    font-weight: bold;
}


.cadre{
    padding: 3px;
    border: solid;
    border-color:#929DA2;
    border-width: 1px;
    margin-left:10px;
    margin-right:10px;
}

a img{
    border: none;
    border: 0;
    color:#ffffff;
}

select{

    color:#8B2322;
}


a.info{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{
z-index:25;
background-color:white
}

a.info span{
    display: none
}

a.info:hover span{
    display:block;
    position:absolute;
    top:15px; left:15px; width:140px;
    text-align:center;
    font-size:12px;
    border:1px solid white;
    background-color:#8B2322;
    color:white;
    font-weight:none;
    padding:15px;
}


div.chgmonth a {
	width: 20px;
	float:left;
	background-color: #F3C200;
	display:block;
	border: solid black 1px;
}


div.rangepicker table {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;
	background-color: #ffffff;
	margin:1px;
}
div.rangepicker table th {
	font-size:9pt;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #F3C200;
}
div.rangepicker table td {
	text-align:center;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #ffffff;
	font-size:9pt;
}
div.rangepicker table td.sel1 {
	background-color: #FFAE89;
}

div.rangepicker table td.sel2 {
	background-color: #197BDE;
}

div.rangepicker table th a,div.rangepicker table th a:visited {
	background-color: #FFFFAA;
	color:#000000;
	font-size:9pt;
}

div.rangepicker a.a_sm {
	font-size:80%;
}

div.rangepicker a {
	text-decoration: none;
}

div.rangepicker table a {
	display:block;
}

div.rangepicker table a {
	display:block;
}
div.rangepicker table a:hover {
	background-color:#759CFF;
}