body, html {height : 100%}

html {
	font-size: 100%;
}

body {
margin : 0 ; 
padding: 0px 20px;
font-family : arial ; 
font-size : 0.6em ;
text-align : left ;
background : #E2E4E5 ;
overflow-y:scroll;
}

/* SITE
************************************************************************/
html, body {
	height: 100%;
}
#site {
	min-height: 100%;
}
#site {
position : relative ;
width : 860px ;
min-height : 100%; 
background : #fff url(../images/site/bg.jpg);
margin-left:auto;
margin-right:auto;
}
 
/* HEADER
************************************************************************/

#header { 
position : relative ; 
width : 820px ; 
height : 172px;  
background :  url(../images/header2.png)  ;
text-align:right;

}

/* MENU
************************************************************************/

ul#menu {
position : absolute ;
left :100px ;
bottom : 23px; 
list-style : none ; 
margin : 0 ; 
padding : 0;
font-size : 9pt ;
}

ul#menu li{
float : left ; 
padding : 0 10px ; 
}

ul#menu li a{
color : #fff;
text-decoration : none;
}


ul#menu li a:hover {
text-decoration : underline;
}

/* MAIN
************************************************************************/

#main {
width : 820px ; 
overflow: auto;
height:100%;
}
 
/* Présentation
************************************************************************/ 

#presentation  {
width : 420px ; 
height : 179px; 
background :  url(../images/header-bg.png) top left no-repeat  ;
color : #ADA8A4 ;
padding : 10px 0 0 0px ;  
padding-left:300px;
padding-right:100px;
}

#presentation  p {
padding : 0 0px 0 0 ; 
margin : 0 0 0px 0 ;  
}

#textPresentation{
	width:500px;
}

.introMolodoiHeader{
	font-weight:bold;
	font-size:8pt;
}

/* SIDEBAR
************************************************************************/

#right-sidebar {
float : left ; 
width : 250px ; 
background  : transparent ;
padding : 0 0 0 15px  ;
color : #000 ;
min-height:100%;
}

#right-sidebar h1 {
padding : 0 ; 
background  : #fd1b1f ;
color : #fff; 
}

#right-sidebar h2 {
position : relative ; 
margin : 0 0 10px 0; 
padding : 0 ; 
color : #000;
font-size : 120%;
background : url(../images/site/bg-h2-right.jpg) left top no-repeat;  
text-indent : 10px ; 
}


#right-sidebar h2 span  {
position : absolute ; 
right : 0; 
background : #E2E4E5 ; 
padding-right:12px;
}

#right-sidebar p  {
line-height : 15px ;
margin : 7px 0 7px 0 ;  
}

/* left-sidebar
************************************************************************/

#left-sidebar {
float : left ; 
width : 500px ;
padding : 0 10px 100px 20px; 
height:100%;
}
 
#left-sidebar p {
margin : 7px 0 7px 0 ; 
}
 
.evenement{
	min-height:220px;
	line-height:25px;
}
 
/* Footer
************************************************************************/ 
 
#footer {
position : absolute ;
bottom : 0 ; 
height : 82px ; 
width : 820px ;
background :  url(../images/footer.png) no-repeat ;
text-align : right ;
margin : 0px 0 0 0; 
color : #A49E9B
}
 
#footer  p {
margin : 0 ; 
padding : 30px  100px 0 0; 
color : #A49E9B
}

 
#footer span {
margin : 0 ; 
padding-left : 50px;
padding-top : 30px;
color : #A49E9B
}

#footer  a {
color : #A49E9B;
text-decoration : none ;
}
 
#footer  a:hover {
text-decoration : underline ;
}
 
/* Paragrahes, H1 et autres
************************************************************************/

h1 {
color  : #FFF ; 
font-size : 120% ; 
background : #fd1b1f ; 
margin : 20px 0 5px 0 ; 
padding : 0; 
text-indent : 10px ; 
}

p.titre  {
height : 17px;
line-height : 17px; 
padding : 0 ; 
background : #E2E4E5 url(../images/site/bg-sous-h1.jpg) left top no-repeat; 
margin : 0 ;  
text-indent : 10px ; 
border-bottom : 10px solid #fff ; 
font-weight : bold ; 
font-size : 120% ; 
color : #000
}

p.titreOver  {
height : 17px;
line-height : 17px; 
padding : 0 ; 
background : #E2E4E5 url(../images/site/flecheNoire.png) left top no-repeat; 
margin : 0 ;  
text-indent : 10px ; 
border-bottom : 10px solid #fff ; 
font-weight : bold ; 
font-size : 120% ; 
color : #000
}

p.comment {padding : 0 0 20px 0; }
	
a {color : #000; }

/** ACCUEIL */
.labelIndex{
	color:#fd1b1f;
	font-weight:bold;
	display:block;
	width:120px;
	float:left;
	font-size : 9pt ;
	margin-left:10px;
}

.groupes{
	font-weight:bold;
	color:black;
	font-size:9pt;
	margin-left:110px;
}

.groupesInfo{
	font-weight:bold;
	color:black;
	font-size:11pt;
	margin-left:0;
}
/** FIN ACCUEIL */

/** PARTIE CONTACT */
#contenuGaucheContact{
	float : left ; 
	width : 380px ;
	padding : 0 10px 100px 20px; 
}

#contenuDroiteContact{
	float : left ; 
	width : 380px ; 
	background  : transparent ;
	padding : 0 0 0 15px  ;
	color : #000 ;
}

.lblContact{
	display:block;
	width:100px;
	float:left;
	margin-bottom:6px;
	margin-bottom:10px;
}

.txtContact{
	margin-bottom:10px;
}
/** FIN PARTIE CONTACT */



/** FENETRE PROGRAMME */
#infosEvenenemt{
	line-height:25px;
}

.labelInfo{
	color:#fd1b1f;
	font-weight:bold;
	display:block;
	width:160px;
	float:left;
	font-size : 9pt ;
}
/** FIN FENETRE PROGRAMME */

#planMolo{
	clear:both;
}

.evtPresentation{
	border-bottom:1px solid #fd1b1f;
	line-height:17px;
	height:50px;
}