/* page div styles*/
div.colonne_repeat
{
 	position: absolute;
	/* border: 25px solid green; */
	top: 12000px;
	left: 200px;
	Height: 50%;
	/*padding: 0px;*/
	margin: 0px;
	width: 100%;
/*	min-width: 100%;*/
	background-image:url(croche-affiches.JPG);
	background-repeat: repeat-y;
}
div.banner_logo
{
 	position: absolute;
	/* border: 25px solid green; */
	top: 0px;
	left: 0px;
	Height: 150px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	min-width: 100%;
	background-image:url(../images/global/logo.png);
	background-repeat: repeat-x;
}
p.banner
{
	text-align: center;
	font-family: Verdana; /*batavia;*/ 
	font-style: italic;
	font-size: 6EM;
	font-weight:bold;
	color:white;
	vertical-align: middle;
	max-width: 100%;
/* 	white-space: nowrap; */
	margin-top: 25px;
}
div.screen
{
	position: absolute;
	top: 0px;	left : 0px;  
}
div.content
{
	position: absolute;
	/* border: 25px solid green; */
	top: 120px;
	left:  0px;
	right: 0px;
	bottom: 0px;
	padding: 0px 2% 0px 2%;
    width : 96%;
    /* max-width:880px; */
    Background-color: #F0F0F0;
	z-index:1;
	overflow:visible;
	/* margin: 15px 0px 15px 15px; */
}
/*  colonne MENU ----------- */
div.a_droite    /* element "left" placé à droite */
{
	position: absolute; /*à droite*/
	/* position: fixed;
	/* border: 25px solid green; */
	/* top: 0px;	left: 0px;	 Width : 150px; */
	top: 0px;	right: 0px;	  width: 15%;
		bottom: 0px;
	padding: 0px;
	margin: 0px;
	height: 100%;
	float:left;
	z-index:-1;
}
div.left
{
	/* position: absolute; à gauche */
	position: fixed;
	/* border: 25px solid green; */
	top: 0px;	left: 0px;	  width: 15%;
	/* top: 0px;	right: 0px;	 Width : 120px; */
	padding: 0px;
	margin: 0px;
	height: 100%;
	float:left;
	z-index:-1;
}
/* colonne DATA  -------------- */
div.a_gauche /* element "right" placé à gauche */
{
	position: absolute;
	/* border: 25px solid green; */
	/* top: 0px;	right: 0px;	left: 150px; */
	top: 0px;	left: 0px; 	right:  15%;
	padding: 0px;
	margin: 0px;
	z-index:-1;
    Background-color: #D0D0D0;
}div.right
{
	position: absolute;
	/* border-style: solid; */
	/* top: 0px;	right: 0px;	left: 150px; */
	top: 0px;	right: 0px;	 left:  15%;
	padding: 0px;
	margin: 0px;
	z-index:-1;
    Background-color: #D0D0D0;
}
/* -----------------------------*/
div.logo
{
	position: absolute;
	/* border: 25px solid green; */
	top: 0px;
	left: 0px;
    /* Height : 150px;     Width : 150px; */
    Height : 120px;     Width : 120px;
	padding: 0px;
	margin: 0px;
}
div.banner
{
 	position: absolute; Height: 100%;
	/* border: 25px solid green; */
	top: 0px;
/* 	left: 30%; 	Height: 400px;*/
	padding: 0px;
	margin: 0px;
/* 	width: 70%;	max-width: 70%; */
	background-image:url(../images/global/banner.jpg);
/* 	background-repeat: repeat-x; */
	background-repeat: repeat;
}
div.top_right /* 20180105 Francine */
{
 	position: absolute;
	top: 0px;
	right: 0px;
	Height: 150px;    
	Width : 50px;
	margin: 0px;
	background-image:url(images/global/App-Opera-icon1.png);
}
div.mainmenu
{
  	position: absolute;
	top: 120px;
	left: 0px;
	right: 0px;
    Height: 30px;
	padding: 0px;
    width: 100%;
	margin: 0px;
    Background-color : #D0D0D0;
}
div.leftmenu
{
  	position: absolute;
	/* border: 25px solid green; */
	/* top: 150px;	left: 0px;    width: 150px; */
	top: 150px;	left: 0px;    width: 100%;
    Background-color : #D0D0D0;
	padding: 0px;
	margin: 0px;
	bottom: 0px;
}

div.copyright
{
    Height : 30px;
    width: 100%;
    color: White;
    Background-color : #cc3366;
	padding: 0px;
	margin:0px;
}
div.photopopupclosebutton
{
	position: absolute;
	right:5px;
	bottom:5px;
	height:22px;
	left:5px;
	display:block;
	margin: 0px;
	text-align:right;
}