﻿
/*+++++++++++++++++++++++++++++++++++++++++++ DNN-RADEEMA-Espace-Client ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body{
	/*background-color:#E8E8D4;	*/
/*	background: url(images/bodybg_gradient.jpg) repeat-x; */
	background-color:#F2F2F2;	


}

form {
	padding-left: 50%;
}



#wrap
{
/*background: url(images/shadow_line_bg.gif) repeat-y center top;*/
margin-left:-465px;
width:930px;
}

#topheader{
	width:930px;
	height:41px;

/*	background: url(../../images/bg/header_transparent_pastelrose_bg.png) no-repeat center top;*/
background: url(../../images/bg/top.png) no-repeat center top;

}


.content{
	background: url(../../images/bg/line.png) repeat-y center top;
	background-color:transparent;

}




#dnfooter{
	clear:both;
	width:930px;
	height:40px;
background:url(../../images/bg/bottom.png) no-repeat center top;


	/*background:url(images/footer_bg_blue.gif) 0 0 center top;*/
}


/* ============================== ContentPane  ====================================*/


#middlecontent {
	margin-left:30px;
	margin-top: 0px;
	width:890px;
	/*height:800px;	*/
	/*border:2px blue solid;*/
}


/*----------------------------- leftcontent -------------*/

#leftcontent{
	width:200px;
	/*height:800px;*/
	margin-top:5px;
	margin-left:5px;	
	/*border-right:1px gray dashed;*/
	float:left;	
	/*border:1px green solid;*/
}


#guidediv{
	width: 190px;
	height:154px;
	margin-top:0;
	margin-left:2px;	
	/*border:1px blue solid;*/
	float:left;
	background:url(images/box_bg.jpg) no-repeat center top;		
}








/* =========================================================== left column ======================================================*/

/* ---------------------------------- h2 li  a ------------------------------------*/


h2 {
	margin-top:2px;
	margin-left:13px;	
	color:#fff;
	font-family:Arial, Times, serif;
	font-size:13px; 
	font-weight:bold;	
}



li
{
list-style-type:circle;
list-style-image:url(images/bullet_espace_client.gif);	
}




a
{ 
    text-decoration:none;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-style:normal;
	font-size:12px;
	/*font-weight:bold;*/
	color:#334C6C;	
	/*background-image:url(images/arabi.jpg);*/
	
}


a:hover
{ 
	text-decoration:underline;
    font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:12px;
	/*font-weight:bold;*/
	color:#334C6C; /*#D3C004;*/
}

/* ---------------------------------- second level left menu ------------------------------------*/
/*

.groupul .sousMenu
{
 position:absolute;
 left: 50ex;
border: 1px solid black; 
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
}




.groupul .sousMenu li
{
 list-style-type: none;
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 border: 1px solid gray;
}	


.groupul .sousMenu li a:link,
.groupul .sousMenu li a:visited
{
display: block;
text-indent: 5px;
border: 0 solid #918d8d; 
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;

}

.groupul .sousMenu li a:hover
{
 background-image: none;
 background-color: #AA5F37;
 color:white;
}	

.groupul .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}			

.groupul .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}	

.groupul li:hover > .sousMenu { display: block; }	
*/
/*----------------------------- contentpanetextdiv-------------*/

#contentpanetextdiv{
	width: 615px;	
	margin-top:5px;
	margin-left:7px;	
	float:left;	
	/*border:2px maroon solid;	*/
}


.ContentPane {	
	margin: 1px;
	width: 608px;
	/*border:thin black solid;*/
	float:left;
				
}

/*
#titlecontentdiv{
	width: 608px;
	height:25px;
	margin-top:0px;	
	background:url(images/titlebg.jpg) no-repeat center top;
}
*/
#titlediv
{	
width: 608px;
	height:25px;
	margin-top:0px;	
	background:url(images/titlebg.jpg) no-repeat center top;	
}

h1 {
	margin-top:1px;
	margin-left:13px;	
	color:#fff;
	font-family:Tahoma, Arial, Times, serif;
	font-size:20px; 
	/*font-weight:bold;	*/
}


h4
{
	font-family:Tahoma, Arial, Times, serif;
	font-size:15px; 
	margin-bottom:3px;
	width:550px;
	margin-top:4px;


}



/*---------- text -------------*/
/*
#contentpanetextdiv.Normal{
	font-family: Arial,"Times New Roman", Times, serif;
	font-style:normal;
	font-size:14px;
	margin-top:5px;  
	color:navy;	
}


#contentpanediv .Normal{
	font-family: Arial,"Times New Roman", Times, serif;
	font-style:normal;
	font-size:14px;
	margin-top:50px;  
	color:#334C6C;
}*/








/* ============================== BottomPane ====================================*/

#spacerdiv{
	clear:both;
	width:930px;
	height:20px;
	/*border:2px gray solid;*/

}

.BottomPane{	
	width:930px;
	height:20px;
	margin-top:10px;
	/*border:2px red solid;*/
}


#footerlinks
{	
	width:210px;
	height:20px;
	/*border:1px blue solid;*/
	

	
}

/* ----------- footer links decoration -----------*/

ul#fterul
{	
	width:380px;
	height:20px;
	padding: 0;
	margin:0;
	list-style: none;
	/*border:1px red solid;*/

}

li.footerli
{
	float: left;
	margin-left: 1px;
	list-style-type:none;
	list-style-image:none;
}

a.footera
{
	float: left;
	display: block;
	height: 15px;
	text-align: center;	
	color:gray;	
	font-size: 10px;
	padding: 0px 4px 0 4px;
	font-weight:normal;
}


a.footera:hover
{ 
	text-decoration:underline;
    font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:10px;
	/*font-weight:bold;*/
	color:#76A904; /*#D3C004;*/
}







.Normal{
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	font-size:15px;
	margin-top:20px;  
   }



h2 .Head {
	margin-top:2px;
	margin-left:10px;	
	color:#fff;
	font-family:Arial, Times, serif;
	font-size:13px; 
	font-weight:bold;	
}


#textcontent{	
	width: 600px;	
	float : left;	
	/*border:1px gray solid;*/
	margin-left:3px;
	margin-top:0px;	
	
}


/*+++++++++++++++++++++++++++++++++++++++++++ DNN-RADEEMA-Cont-Text ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* --------------------------- p ----------------------------*/

div#textcontent p, div#textcontent table{	
	float:left;
	margin-left:0px;
	/*border:1px red solid;*/
	padding-top:0px;
	/*font:13px Arial,Verdana,Tahoma,sans-serif;*/
	/*font:13px Verdana,Arial,Tahoma,sans-serif;*/
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;


	/*font:14px 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;*/
	color:#333333;	
	margin-bottom:6px;
}


/* ---------------------------------- table donwload decoration ------------------------------------*/


div#textcontent table#dnload {
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 608px;
}

div#textcontent th {
	padding: 0 0.5em;
	text-align: left;
}


div#textcontent tr.SubHead td {
	border-top: 1px solid #AC6037; /*#6EAD04 ;*/
	border-bottom: 1px solid #AC6037; /*#6EAD04 ;*/
	background: #F2EFDE;
	font-weight:bold;
}


div#textcontent td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
}
	
	
	

div#textcontent table#dnload a:link, div#textcontent table#dnload a:active, div#textcontent table#dnload a:visited
{ 
    text-decoration:none;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-style:normal;
	font-size:12px;
	/*font-weight:bold;*/
	color:#334C6C;	
}

div#textcontent table#dnload a:hover
{    
	/*text-decoration:underline;*/
    font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:12px;
	/*font-weight:bold;*/
	color:#6EAD04;
}



/* --------------------------------------  ul#firstlevelul ul#insidecontentul li -------------------------------------------*/

div#textcontent ul#insidecontentul, 
div#textcontent ul#firstlevelul
{
	width:580px;
	/*float:left;*/
	margin-left:20px;
	margin-bottom:15px;
	margin-top:5px;	
	/*border:1px red solid;*/
	list-style-image:url(images/gray_bullet.gif);	
	/*list-style-type:disc;*/
	
}

div#textcontent ul#insidecontentul li, 
div#textcontent ul#firstlevelul li{
	list-style-image:url(images/gray_bullet.gif);	
/*font:15px 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;*/
	/*font:13px Arial,Verdana,Tahoma,sans-serif;*/
	/*font:13px Verdana,Arial,Tahoma,sans-serif;*/
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;

	

	width:580px;
	/*border:1px green solid;*/
	margin-left:0;

	/*float:left;*/

/*list-style-image:url(images/gray_bullet.jpg);	*/
	
}

div#textcontent ul#decimalul
{
	width:550px;
	/*float:left;*/
	margin-left:30px;
	margin-bottom:10px;
	margin-top:15px;
	/*border:1px red solid;*/
	
}


div#textcontent ul#decimalul li{
list-style-type:decimal;
/*font:15px 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;	*/
/*font:13px Arial,Verdana,Tahoma,sans-serif;*/
/*font:13px Verdana,Arial,Tahoma,sans-serif;*/
font: 12px/24px Verdana, Arial, Helvetica, sans-serif;



}


/*
 ul#insidecontentul li ul, div#textcontent ul#firstlevelulli ul{
	width:500px;
	float:left;
	margin-left:30px;
	margin-bottom:10px;
	margin-top:10px;
	border:1px red solid;	

}
*/
div#textcontent  ul.secondlevelul{
	width:500px;
	float:none;
	margin-left:30px;
	margin-bottom:7px;
	margin-top:7px;
	/*border:1px red solid;*/
}

div#textcontent ul#firstlevelul ul li{
list-style-type:circle;
/*font:15px 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;	*/
/*font:13px Arial,Verdana,Tahoma,sans-serif;*/
font:13px Verdana,Arial,Tahoma,sans-serif;


}


/* ---------------------------------- tarifs table decoration ------------------------------------*/

col { display: table-column }

div#textcontent table#tarifselect {
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 608px;
}

div#textcontent table#tarifselect th {
	padding: 0 0.5em;
	text-align: left;
}


div#textcontent table#tarifselect tr.SubHead td{
	/*border-top: 3px solid #AC6037;*/ /*#6EAD04 ;*/
	border: 1px solid #AC6037; /*#6EAD04 ;*/
	border-bottom: 2px solid #AC6037;
	background: #F2EFDE;
	font-weight:bold;
	padding-left:4px;	

}


div#textcontent table#tarifselect .col1 {
width:250px;
background-color:#F2EFDE;
}

div#textcontent table#tarifselect .col2 {
width:100px;


}


div#textcontent table#tarifselect .col3 {
width:250px;

}




div#textcontent table#tarifselect td {
	border: 1px solid #CCC;
	padding: 0 0.5em;
	padding:5 5 5 20px;
}
	
	
div#textcontent table#tarifselect ul#tbfirstlevelul
{
	width:240px;
	/*float:left;*/
	
	margin-bottom:5px;
	margin-top:2px;	
	list-style-image:url(images/gray_bullet.jpg);	
	
}

div#textcontent table#tarifselect ul li{
/*list-style-type:circle;*/
list-style-image:url(images/gray_bullet.jpg);	
/*font:15px 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;	*/
/*font:13px Arial,Verdana,Tahoma,sans-serif;*/
font:13px Verdana,Arial,Tahoma,sans-serif;

width:240px;


}


div#textcontent table#tarifselect h4
{
	font-family:Tahoma, Arial, Times, serif;
	font-size:13px; 
	margin-bottom:3px;
	width:240px;
	margin-top:4px;
	color:#AA5F37;


}


/* ---------------------------------- tarif eau  table decoration ------------------------------------*/

col { display: table-column }

div#textcontent table#tarifeau {
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 608px;
}

div#textcontent table#tarifeau th {
	padding: 0 0.5em;
	text-align: left;
}


div#textcontent table#tarifeau tr.SubHead td{
	/*border-top: 3px solid #AC6037;*/ /*#6EAD04 ;*/
	border: 1px solid #AC6037; /*#6EAD04 ;*/
	border-bottom: 2px solid #AC6037;
	background: #F2EFDE;
	font-weight:bold;
	padding-left:4px;	

}


div#textcontent table#tarifeau .col1 {
width:300px;
background-color:#F2EFDE;
}

div#textcontent table#tarifeau .col2 {
width:100px;


}


div#textcontent table#tarifeau .col3 {
width:100px;

}



div#textcontent table#tarifeau .col4 {
width:100px;
font-weight:bold;

}



div#textcontent table#tarifeau td {
	border: 1px solid #CCC;
	padding: 0 0.5em;
	padding:5 5 5 20px;
}
	
	
div#textcontent table#tarifeau ul#tbfirstlevelul
{
	width:240px;
	/*float:left;*/
	
	margin-bottom:5px;
	margin-top:2px;	
	list-style-image:url(images/gray_bullet.jpg);	
	
}

div#textcontent table#tarifeau ul li{
/*list-style-type:circle;*/
list-style-image:url(images/gray_bullet.jpg);	
/*font:15px 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;	*/
/*font:13px Arial,Verdana,Tahoma,sans-serif;*/
font:13px Verdana,Arial,Tahoma,sans-serif;

width:240px;


}


div#textcontent table#tarifeau h4
{
	font-family:Tahoma, Arial, Times, serif;
	font-size:13px; 
	margin-bottom:3px;
	width:300px;
	margin-top:4px;
	color:#AA5F37;


}


div#textcontent table#tarifeau h3
{
	font-family:Tahoma, Arial, Times, serif;
	font-size:16px; 
	margin-bottom:3px;	
	margin-top:4px;
	color:black;
	font-weight:bold;
}


/*----------------------- decoration download table --------------------------------------------------*/

/*
div#textcontent table a:link, div#textcontent table a:active, div#textcontent table a:visited
{ 
    text-decoration:none;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-style:normal;
	font-size:12px;	
	color:#334C6C;	
}

div#textcontent table a:hover
{    
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:12px;	
	color:#6EAD04;
}

*/
/*----------------------- decoration of links or menu inside content --------------------------------------------------*/

div#textcontent h3
{
	font-family:Tahoma, Arial, Times, serif;
	font-size:18px; 
	margin-bottom:3px;
	
	margin-top:4px;
	color:gray;
	font-weight:bold;
}


li
{
list-style-type:circle;
list-style-image:url(images/bullet_espace_client.gif);	
}


div#textcontent a
{ 
    text-decoration:none;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-style:normal;
	font-size:16px;
	/*font-weight:bold;*/
	color:#7D411F;
	/*background-image:url(images/arabi.jpg);*/
	
}


div#textcontent a:hover
{ 
	text-decoration:underline;
    font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:16px;
	/*font-weight:bold;*/
	color:white; /*#D3C004;*/
	background-color:#AA5F37;

	
}



/* ----------------------------------------- print div --------------------------------------------*/

#actionsdiv{
	clear:both;
	/*border:1px red solid;*/
}

#actionsdiv div#printdiv{
	float:right;
}


/*++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#middlecontent table{
width:600px;
border:1px gray solid;
padding-top:10px;
padding-left:40px;
	
}

/*++++++++++++++++++++++++++++++++++++++++++++++SOLPARTMENU ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#middlecontent .MainMenu_MenuBar td{
}

/*
div#middlecontent .MainMenu_MenuItem a{
	
	color:#007DBF;
	font-family:Verdana, Tahoma, Arial, Times, serif;
	font-size:15px; 
	font-weight:bold;
	
}

div#middlecontent .MainMenu_MenuItem a:hover{	
	text-decoration: underline;
	color:#007DBF;	
	font-family:Verdana, Tahoma, Arial, Times, serif;
	font-size:16px; 
	font-weight:bold;
	
	
}
*/

.rootmenuitem{
	
	color:#007DBF;
	font-family:Verdana, Tahoma, Arial, Times, serif;
	font-size:17px; 
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px gray solid;
	
}

.submenu {
	color:#333;
	font-family:verdana, Arial, Times, serif;
	font-size:14px; 
	font-weight:normal;

}


.contentpane{
	margin-left:80px;
}

a  .submenu:hover{
	color:#2C65FC;
	text-decoration:underline;
}







