/* page div styles*/
div.colonne_repeat
{
 	position: absolute;
	/* border: 25px solid green; */
	top: 200px;
	left: 0px;
	Height: 100%;
	padding: 0px;
	margin: 0px;
	width: 100%;
/*	min-width: 100%;*/
	background-image:url(Affiche/croche-affiches.JPG);
	background-repeat: repeat-y;
}div.screen
{
	position: absolute;
	top: 0px;	left : 0px;  
}
div.NUMERO { 	display: none;  
	position: absolute; top: 70%; left: 0px; Height: 120px; 
	padding: 0px; margin: 0px; width: 20%;
	color: "red";
	}
/* visibility: visible;  */

div.content
{
	position: relative;
	/* border: 25px solid green; */
	top: 0px;
	left:  0px;
	right: 0px;
	bottom: 0px;
	padding: 0px 2% 0px 2%;
    width : 96%;
	/* overflow: scroll; */

    Background-color: #F0F0F0;
	color: "red";
	z-index:1;

	/* 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.a_droite_2    /* element "left" placé à droite */
{
	/* position: absolute; à droite*/
	position: fixed;
	position: absolute;
	/* border: 25px solid green; */
	/* top: 0px;	left: 0px;	 Width : 150px; */
	top: 0px;	right: 0px;	  width: 15%;
	height: 20%;	
	padding: 0px;
	margin: 0px;
	
	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%;
	/* width: 83%; */
	/* overflow-x: scroll; */
	padding: 0px;
	margin: 0px;
	z-index:-1;
    Background-color: #D0D0D0;
}	
div.left_2 /* element "right" placé à gauche */
{
	/* 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: 20%;
	float:left;
	z-index:-1;
}
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: 15px;
	margin: 0px;
}
div.banner
{
 	position: absolute;
	/* border: 25px solid green; */
	top: 0px;
	left: 0px;
	Height: 120px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	min-width: 100%;
	/* background-image:url(../images/members/Banniere_2018.jpg); */
	background-size: 500px 100px;
	background-repeat: repeat-x;
}
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;
	overflow-y: scroll;
	/* border: 25px solid green; */
	/* top: 150px;	left: 0px;    width: 150px; */
	/* position: absolute; */
	top: 200px;	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;
}
/* html tags styles*/
body
{
	font-size: 14px;
	font-family:"Verdana";
    Background-color: #F0F0F0;
}
/* text styles*/
p.banner
{
	text-align: center;
	font-family: Verdana; /*batavia;*/ 
	font-style: italic;
	font-size: 60px;
	font-weight:bold;
	color:white;
	vertical-align: middle;
	width: 100%;
	white-space: nowrap;
	margin-top: 25px;
}
p.content
{
	font-family: Verdana;
	font-size: 14px;
	margin-left:20px;
}
span.bottom
{
	top:5px;
	position:relative;
	vertical-align:middle;
	padding-left:20px;
	font-weight:bolder;
}
span.lastupdate
{
	padding:10px 10px 0px 10px ;
	top:120px;
}
/* menus buttons styles*/
#mainmenu ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }

#mainmenu ul li 
{
	 margin-left:20px;
	 float:left; /*pour IE*/
 }
 
#mainmenu ul li.sel 
{
	 margin-left:20px;
	 float:left; /*pour IE*/
	 display:block;
	 float:left;   
	 width:150px;
	 background-color:#cc3366;
	 color:Black;
	 text-decoration:none;
	 text-align:center;
	 font-weight: bolder;
	 font-size: 12px;
	 padding:5px;
	 border:3px solid;
	 /*pour avoir un effet "outset" avec IE :*/
	 border-color:#989898 #383838 #383838 #989898;
 }

#mainmenu ul li a 
{
	 display:block;
	 float:left;   
	 width:150px;
	 background-color:#606060;
	 color:White;
	 text-decoration:none;
	 text-align:center;
	 font-weight: bolder;
	 font-size: 12px;
	 padding:5px;
	 border:3px solid;
	/*pour avoir un effet "outset" avec IE :*/
	 border-color:#989898 #383838 #383838 #989898;
 }
#mainmenu ul li a:hover 
{
	 background-color:#909090;
	 border-color:#989898 #383838 #383838 #989898;
 } 
 
 #leftmenu ul {
	 padding: 0px;
	 margin-top: 25px;
	 margin-left: 10px;
	 list-style-type:none;
}

#leftmenu ul li 
{
	 margin-top:5px;
	 float:left; /*pour IE*/
 }
 
#leftmenu ul li.sel 
{
	 float:left; /*pour IE*/
	 display:block;
	 float:left;   
	 width:100px;
	 background-color:#cc3366;
	 color:Black;
	 text-decoration:none;
	 text-align:center;
	 font-weight: bolder;
	 font-size: 12px;
	 padding:5px;
	 border:3px solid;
	 /*pour avoir un effet "outset" avec IE :*/
	 border-color:#989898 #383838 #383838 #989898;
 }
#leftmenu ul li a 
{
	 display:block;
	 float:left;   
	 width:100px;
	 background-color:#606060;
	 color:White;
	 text-decoration:none;
	 text-align:center;
	 font-weight: bolder;
	 font-size: 12px;
	 padding:5px;
	 border:3px solid;
	 /*pour avoir un effet "outset" avec IE :*/
	 border-color:#989898 #383838 #383838 #989898;
 }
#leftmenu ul li a:hover 
{
	 background-color:#909090;
	 border-color:#989898 #383838 #383838 #989898;
}
#leftmenu ul li.blank 
{
	 float:left; /*pour IE*/
	 display:block;
	 float:left;   
	 width:100px;
	 background-color: #B7C7F8;
	 padding:10px;
	 border: none;
}
/* links styles*/
a 
{
	 color:black;
	 text-decoration:none;
}
a:hover 
{
    Background-color : #383838;
	 color:White;
	 font-weight:bold;
	 text-decoration:none;
}
a img 
{
	border: 0;
	vertical-align:middle;
}
/*-------- [[  celui-ci  --------*/	
/* tables & cells  styles*/
th
{
	background-color:#606060;
	color:White;
	/* padding:2px 10px 2px 10px; */
	padding:2px 2px 2px 2px;
}
td
{
	background-color:#D0D0D0;
	padding:1px 1px 1px 2px;
}

table.tablecalendar
{
	background-color:#F0F0F0;
	empty-cells:show;
}
td.calendarWE
{
	white-space:nowrap;
	background-color:#B8B8B8;
	padding:2px 10px 2px 10px;
}
table.printtable
{
	empty-cells:show;
	background-color:White;
	max-width:1000px;
	width:1000px;
	border-collapse:collapse;
}
td.calendarWeek
{
	white-space:nowrap;
	background-color:#D0D0D0;
	padding:2px 10px 2px 10px;
}
#print table, #print th, #print td
{
	max-width:1000px;
	border:1px;
	border-color:Black;
	border-style:solid;
	empty-cells:show;
	background-color:White;
	color:Black;
}
#print td.calendarWE
{
	white-space:nowrap;
	background-color:#E8E8E8;
	padding:2px 10px 2px 10px;
}
#print th
{
	border:1px;
	border-color:Black;
	border-style:solid;
	white-space:nowrap;
	background-color:#D8D8D8;
	padding:2px 10px 2px 10px;
}
td.printtable
{
	border:1px;
	border-color:Black;
	border-style:solid;
	background-color:white;
	padding:2px 10px 2px 10px;
}
th.printtable
{
	border:1px;
	border-color:Black;
	border-style:solid;
	background-color:white;
	color:Black;
	white-space:normal;
	padding:2px 10px 2px 10px;
}
td.button
{
	margin:5px;
		background-color:white;
}
/* iframes popup styles*/
iframe.photopopup
{
	padding:0px;
	margin: 0px;
    Background-color: #D0D0D0;
	position:absolute;
	height:360px;
	width:220px;
	left:400px;
	top:100px;
	border-color:#989898 #383838 #383838 #989898;
	border:3px solid;
}