

html
{
overflow-y: scroll;
}

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background-color: #EEEEEE;
	margin: 0px;
	margin-left: 160px;
	margin-top: 50px;
	margin-right: 30px;
	padding: 0px;
}

/** titre principal : ECGM Ensemble Choral Georges Migot */
table#titletable
{
	position: absolute;
	top: 1px;
	left: 0px;
	margin: 0pt;
	margin-left: 0px;
	padding: 0pt;
	width: 100%;
}

h1
{
	font-family: serif;
	font-size: 24pt;
	color: #4358ab;
	margin: 0pt;
	padding: 0pt;
	text-align: center;
}

div#titlediv
{
	position: absolute;
	top: 1px;
	left: 0px;
	margin: 0pt;
	padding: 0pt;
	width: 100%;
}


div#titleecgm
{
	position: absolute;
	top: 1px;
	left: 0px;
	width: 160px;
}

div#fulltitle
{
	position: absolute;
	top: 1px;
	left: 160px;
	margin: 0pt;
	margin-left: 0px;
	padding: 0pt;
	width:82%;
}

div#fulltitleIE
{
	position: absolute;
	top: 1px;
	left: 0px;
	margin: 0pt;
	margin-left: 160px;
	padding: 0pt;
	width: 100%;
}



/** Div et table du menu **/

ul.invisiblelist
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#leftsidebar
{
	position: absolute;
	left:20px;
	top:50px;
	width:120px;
	border-width: 1px;
	border-style: solid;
	border-color: #656556;
	font-family: serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#leftimage
{
	position: absolute;
	left:38px;
	top:370px;
	width:120px;
	border-style: none;
	font-family: serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.leftlink , .leftlink:visited
{
	display: block;
	height: 32px;
	background:  url('../images/leftmenu1.gif');
	text-decoration: none;
	color:#330066;
}

.leftlink:hover
{
	display: block;
	background:  url('../images/leftmenu2.gif');
	text-decoration: none;
	color: #656556;
}

.lefttext
{
	margin: 0px;
	padding: 8px 0px 0px 20px;
	font-family: serif;
	font-size: 12px;
}

/** texte déroulant de la page d'accueil **/
marquee#scroller
{
	font-family: serif;
	font-weight:bold;
	font-size: 15;
	background-color:#EEEEEE;
	position: relative;
	top: 10px;
	border:0px solid black;
	color: #EE0000;
	margin: auto;
}

/** Les div de la page d'accueil **/
div#mainimage
{
	position: relative;
	text-align: center;
	margin: 0pt;
	padding: 0pt;
	margin-top: 50pt;
	border-style: none;
	border-width: 0px;
	border-color: #000000;
	height: 300px;
	overflow: hidden;
}

div#logocachan
{
	margin: 0px;
	padding : 0px;
	position: relative;
	bottom: 50pt;
	right: 125pt;
}

div#aimezvous
{
	font-family: serif;
	font-size: 20pt;
	font-weight:bold;
	font-style: italic;
	color: #a0a0a0;
	margin: 0px;
	padding : 0px;
	position: relative;
	bottom: 135pt;
	right: 110pt;
}


/** sous titre de la page **/
.titrepage
{
font-family: serif;
font-size: 18pt;
font-weight:bold;
background-color: transparent;
color: #4358ab;
text-decoration: none;
text-align: center;
	 margin-bottom: 5px;
}

/** bla bla normal **/
.standardtext
{
font-family: serif;
font-size: 11pt;
background-color: transparent;
color: black;
text-decoration: none;
text-align: left;
border-style: none;
}

ul.standardtext
{
	margin-left: 50px;
	list-style-position: outside;
	list-style-type:circle;
}


.standardlink
{
font-family: serif;
font-size: 11pt;
background-color: transparent;
text-align: left;
border-style: none;
}

/** titres des biographies + A noter **/
h4
{
font-family: serif;
	font-size: 12pt;
	font-weight:bold;
	color: black;
	text-align: left;
text-decoration: underline;
	margin: 1px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
/** maxime du jour **/
h6
{
	margin: auto;
	margin-bottom:0px;
	margin-top:0px;
	font-family: serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	text-decoration: none;
	color: #000000;
}
/** a Noter **/
h5
{
	margin: auto;
	margin-bottom:0px;
	margin-top:0px;
	font-family: serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
}

.footlien
{
	font-family: serif;
	font-size: 12px;
	display: inline;
	margin-left: 2px;
	margin-right: 2px;
	vertical-align: middle;
}

.footimg
{
	vertical-align: middle;
}

div#footmenu
{
	margin: auto;
	text-align: center;
	margin-top: 8px;
	padding-bottom: 8px;
	padding-top: 8px;
	border: #330066;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	vertical-align: middle;
}



	 /** pour debug
table
{
font-family: serif;
font-size: 10pt;
font-weight:normal;
background-color: transparent;
color: black;
text-decoration: none;
border: 0px;
	 margin: 0px;
	 width: 100%;
}
**/

.maintable
{
	width: 100%;
	border-width: 6px;
	border-color: #EEEEEE;
	border-style: ridge;
}

.maintable2row
{
	width: 100%;
	border-width: 6px;
	border-color: #EEEEEE;
	border-style: ridge;
	background-color: #D9DBFF;
}

/** tables dans la vie de l'assoc **/
.unvisiblet
{
	background-color: transparent;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:2px;
	margin-bottom:2px;
	border-style: none;
	padding: 1px;
	vertical-align: top;
}

/** utilisé pour modifier des h6 dans la vie de l'assoc **/
.righttext
{
	text-align: right;
	margin-right: 5px;
}

.tableborder
{
	background-color: transparent;
	border: 4pt #EEEEEE ridge;
 	margin: 0px;
 	padding: 1px;
 	border-spacing: 0px;
 	border-collapse: collapse;
}

.standardrow
{
	border: #000000;
	border-style: solid;
	height: 28px;
	margin: 0px;
	border-width: 1px 1px 1px 1px;
}

.centerthing
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/** liste des membres de la chorale **/
.membrediv
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
}


.blog_div
{
  max-width: 600px;
  background-color: #EEEEEE;
  margin-left: auto;
	margin-right: auto;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-top-style: none;
  border-bottom-style: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}

.blog_divint
{
  max-width: 600px;
  background-color: #b1c3e7;
  margin-left: 0;
	margin-right: 0;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
	border-style: none;
	font-family: serif;
	font-size: 12pt;
	font-weight:normal;
}

.blog_subject
{
  color: #4f4f48;
  border-top-color: #b1c3e7;
  border-bottom-color: #b1c3e7;  
  background-color: #b1c3e7;
  font-family: Arial,Helvetica,Sans-Serif;
  font-size: 14px;
  font-weight: bold;	
  margin: 0px;
  border-top-width: 7px;
  border-bottom-width: 0px;
  border-top-style: solid;
  border-bottom-style: solid;
}

.blog_body
{
  border-top-color: #b1c3e7;
  border-bottom-color: #b1c3e7;
  color: #000000;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
	margin: 0px;
  border-top-width: 7px;
  border-bottom-width: 0px;
  border-top-style: solid;
  border-bottom-style: solid;
  background-color: #ffffff;
}


.blog_comment
{
  background-color: #e5ecf9;
  border-top-color: #b1c3e7;
  border-bottom-color: #b1c3e7;
	margin: 0px;
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  color: #666633;
  border-top-width: 0px;
  border-bottom-width: 7px;
  border-top-style: solid;
  border-bottom-style: solid;
	font-style: italic;
	font-size: 10pt;
	
}

a.blog_comment
{
	font-style: normal;
	margin-left: auto;
	color: #FF3333;
	width: 160px;
}

.majinfosassoctable
{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

