
body 
{	
	background-color: #ECF7FB;
    width: 918px;
    height: 667px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	z-index:-1;	
	
}





.panel_connection
{
	position:absolute;
	top:150px; 
	left:300px;
	/*display:table-cell; */
	vertical-align:middle; 
	text-align:left; 
	margin:auto; 
	border-style:solid; 
	border-width:1px; 
	height:142px; 
	width:300px; 
	background-color:White;
}


.test_zone
{
	background-color:Green;
	z-index:30;
}
/* Zone EN-TETE*/
.header
{
	background-image: url(Images/header.gif);
	background-repeat: no-repeat;
	background-position: center;
	/*background-color:Green;*/
	text-align:center;
	width: 920px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0px;
	z-index:0;
}
.bouton_head
{
	margin-left: 0px;
    margin-top: 0px;  
}	

.pb_rotator
{
	width: 858px;
	height: 133px;
	margin-left: 17px;
	margin-right: auto;
	margin-top: 0;
	background-repeat:no-repeat;
		position: absolute;
		background-color: #ECF7FB;
	top: 78px;
    padding: 0px ;
	z-index:0;
}

.rotator
{
	width: 858px;
	height: 133px;
	margin-left: 17px;
	margin-right: auto;
	margin-top: 0;
	background-repeat:no-repeat;
	background-color: #ECF7FB;
	position: absolute;
	top: 0px;
    padding: 0px ;
	z-index:10;    
}

/* Zone CENTRE DE PAGE */
.page
{
	width: 920px;
	height: 412px;	   
    margin-left: auto;
    margin-right: auto;
    padding: 0px ;
    /*background-color:White;*/
    background-image:url(Images/body.gif);
    background-repeat:no-repeat;
	background-position:center;
	position: absolute;
	top: 210px;/*213px;*/
	z-index:0;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #00568B;
}
/* Back office */

#content_prod
{
	/*background-image: url(Images/page.gif);*/
	background-repeat: no-repeat; 
	background-color: #ECF7FB;	
	width: 865px;/*672*/
	max-width: 865px;
	height: 565px;
	max-height: 565px;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	padding: 0px;
	position: absolute;
	top: 0px;
	/*left: 25px;*/
	padding: 0;
	z-index:10;
	border-color:White;
	border-style:solid;
}
.TabContainer_prod
{
	background-image: url(Images/page.gif);
	background-repeat: no-repeat; 
	background-color: #ECF7FB;	
	width: 865px;/*672*/
	max-width: 865px;
	height: 565px;
	max-height: 565px;
	margin-left: 0;
	margin-right: 0;
	padding: 0px;
	position: absolute;
	overflow: auto;
	top: 0px;
	left: 35px;
	padding: 0;
	z-index:10;
}

.page_back_office
{
	width: 920px;
	height: 565px;	   
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 0px ;
    /*background-color:blue;*/
    background-image:url(Images/body.gif);
    background-repeat:no-repeat;
	background-position:center;
	position: absolute;
	top: 60px;/*213px;*/
	z-index:0;
}

.sidebar
{
	background-image: url(Images/menu_lateral.gif);
	background-position:center;
    background-repeat: no-repeat;
	border-color:White;
	border-right-width:3px;
	text-align:center;
	width: 217px;
	min-height: 412px;
	left:15px; 
    margin-left: 0;
    position: absolute;
    top: 0;
    z-index:20;
}

.bouton_lat
{
    margin-left: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-top: 0px;   
}
.menu_coulissant
{ 
	background-color: white;
	/*background-color: #ECF7FB;*/
	border-color:White;
	height:auto;
	width:auto;
	/*border-width:1px;*/
	
 }
.menu_coulissant_un
{ 
	background-color: white;
	/*background-color: #ECF7FB;*/
	border-color:White;
	margin:auto;
	height:auto;
	width:155px;
	/*border-width:1px;*/
 }
 
 .menu_coulissant_un_selectionne
{ 
	background-color: white;
	background-color: #ECF7FB;
	border-color:White;
	margin:auto;
	height:auto;
	width:147px;
	/*border-width:1px;*/
 }
 
 
 
 
 
 
 
 
 .test_bouton_menu
{
	background-color: yellow;
	margin:0;
}

 .content
{
	background-color: white;
	position: absolute;
	margin: 20px;
	left: 0px;
	font-size:14px;
}

#content
{
	background-image: url(Images/page.gif);
	background-repeat: no-repeat; 
	background-color: #ECF7FB;	
	width: 675px;/*669*/
	max-width: 675px;
	min-height: 412px;
	max-height: 412px;
	margin-left: 0;
	margin-right: 0;
	text-align: justify;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	position: absolute;
	top: 0;
	left: 210px;
	padding: 0;
	overflow: auto;
	z-index:10;
	border-color:White;
	border-style:solid;
}
#content2
{
	background-color: #ECF7FB;
	/*background-color:Fuchsia;*/
	width: 470px;
	max-width: 470px;
	height: 412px;
	/*max-height: 412px;*/
	margin-left: 0;
	margin-right: 0;
	text-align: justify;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	position: absolute;
	top: 0;
	left: 210px;
	padding:0;
	overflow: hidden;
	z-index:10;
	border-color:White;
	border-style:solid;
	/*border-left:none;
	border-top:none;*/
}

#Zone_actu
{
	/*background-color: Aqua;*/
	/*background-image: url(Images/actualites.gif);*/
	width: 195px;
	height: 412px;
	min-height : 412px;
	left: 685px;
	margin-left: 0;
	text-align: left;
	font-family: Arial;
	font-size: 10px;
	position: absolute;
	z-index:10;
	/*border-color:White;
	border-style:solid;*/
}

#Menu_actu
{
	background-image: url(Images/actualites.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 192px;
	height: 225px;
	min-height: 225px;
	left:2px;
	top: 12px;
	position: absolute;
	z-index:10;
	border-color:White;
	border-style:solid;
}
.Zone_bouton_actu
{
    /*background-color: Green;*/
	text-align:center;
	width: 192px;
	height: 150px;
	min-height: 150px;
    position: absolute;
    left:0px;
    top: 226px;
    z-index:30;
    border-color:White;
	border-style:solid;
}

/* Zone PIED DE PAGE */
.footer
{
	background-image: url(Images/footer+texte.gif);
	background-repeat: no-repeat;
	background-position:center;
	/*background-color:Blue;*/
	width: 920px;
	height: 42px;
	margin-left: auto;
	margin-right: auto;
	position:fixed;

	top: 623px;
	z-index:10;	
}

#liensEspaceMembre
{
    margin-left: 2em;
    margin-top: 1.0em;
}

.gridcontent
{
    margin-top: 1.0em;
    width:460px;
    border-right: #7b9ebd 1px solid;
    border-top: #7b9ebd 1px solid;
    border-left: #7b9ebd 1px solid;
    border-bottom: #7b9ebd 1px solid;
}
.menu
{
    margin-bottom: 0.3em;
    text-transform: uppercase;
}
.treeview
{
    margin-left: 2em;
    margin-top: 1.0em;
    margin-bottom: 1.12em;
    line-height: 2.1em;
}
.headercell
{
    color: #003063;
    font-weight:bold;
    vertical-align:text-top;
    text-align:right;
    width:150px;
}

/* BARRE DE FRACTIONNEMENT */
hr {
	border: 0;
	border-top: 1px solid #efeff7;
	height: 1px;
}


/* LISTE */

/*ul {
	list-style-type: none;
	list-style-image: url(images/bullet-2.gif);
	list-style-position: outside;
	vertical-align:text-top;
	line-height: normal;
	padding-top: 0.5em;
	margin-left: 1.25em;
}*/
.link {
	list-style-image: url(images/bullet-1.gif);
}

/* TITRES et CORPS DE TEXTE */
police {
    margin: 0;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
}

.Titre_rubrique
{
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #00568B;
}

.H1 /*Sous-titre*/
{
    margin-top: 0px;
 	margin-bottom: 0px;
 	font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #00568B;
    margin-left: 0px;
	margin-right: 0px;
}
.H2 /*Sous-titre orange*/
{
	margin-top: 0px;
 	margin-bottom: 0px;
 	font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
 	font-size: 11px;
    font-weight: bold;
    color: #FF9900;

}
.Style1 /*corps texte*/
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: normal;
	font-size: 11px;
	color: #00568B;
   
}
.Style2 /*corps texte orange*/
{
	margin-top: 0px;
 	margin-bottom: 0px;
 	font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
 	font-size: 11px;
    font-weight: bold;
    color: #FF9900;

}
.Style3 /*corps texte retrait noir*/
{
	margin-top: 0px;
 	margin-bottom: 0px;
 	font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
    margin-left: 40px;
	margin-right: 0px;

}
.Style4 /*corps texte retrait bleu*/
{
	margin-top: 0px;
 	margin-bottom: 0px;
 	font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #00568B;
    margin-left: 40px;
	margin-right: 0px;
}
.Legende
{
    margin-top: 0px;
 	margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
	font-size: 10px;
	Font-style: normal;
	font-weight: normal;
	color: #00568B;
}
.Tableau_titre
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	color: #00568B;
}
.Tableau /*corps texte*/
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: normal;
	font-size: 11px;
	color: #00568B;
}
/*.ul.puce /*alignement paragraphe avec puce
{
    list-style-image:  url("App_Themes/Default/images/bullet_orange.gif");
}*/


/* LIENS HYPERTEXTE */
a {
	text-decoration: underline;
	color: #003063;
	font-weight:normal ;
}
.a:link {
	text-decoration: underline;
	color: #003063;
	font-weight:normal ;
}
a:visited {
	text-decoration: underline;
	color: #003063;
	font-weight:normal ;
}

a:hover {
	text-decoration: underline;
	color: #BA4F1B;
	font-weight:normal;
}

a:active {
	text-decoration: underline;
	color: #003063;
	font-weight:normal;

}
.Style1 a /*Corps texte liens*/
{
	text-decoration: underline;
	color: #003063;
	font-weight: normal;
}
.Style2 a:hover{
	text-decoration: none;
	color: #BA4F1B;
	font-weight:normal; 	
}
.divcentrage
{
   	margin-left: auto;
	margin-right: auto;
	width: 601px;
	text-align: center;    
} 
