body {
margin-left: auto; 
margin-right: auto;
margin-top: 0px;
padding: 0px;
background-image:url(media/bbg.jpg);
background-repeat:repeat-y;
background-position:center top;
}

*  {
outline:none;
text-decoration: none;
}

#container {
position: relative;
padding: 0px;
margin-left: auto; 
margin-right: auto;
width: 825px;
min-height: 500px;
height: auto; 
}
/* for Internet Explorer */
/*\*/
* html #container {
height: 500px;
}
/**/

#wrapzonecontenu {
background-image:url(media/bgYrepeat.jpg);
background-repeat:repeat-y;
background-position:center top;
width:825px;
min-height: 500px;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html #wrapzonecontenu {
height: 500px;
}
/**/

#zonecontenu {
padding-top: 140px;
background-image:url(media/bg.jpg);
background-repeat:no-repeat;
background-position:center top;
width:825px;
overflow:visible;
z-index:-3;
min-height: 500px;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html #zonecontenu {
height: 500px;
}
/**/

#wrapzonetexte { position: relative; 
top: 0px; 
left: 218px; 
width: 358px;
min-height: 460px; 
height: auto;
}
/* for Internet Explorer */
/*\*/
* html #wrapzonetexte {
height: 460px;
}
/**/

#zonetexte { 
background-image:url(media/bg_fade.jpg);
background-position: -220px -141px;
background-repeat:no-repeat;
background-color:#F6E789;
padding: 4px 8px 24px 8px;
left: 218px;
top: 144px; 
width: 343px; 
padding: 16px;
font-family: 'Comic Sans MS', Trebuchet MS, Arial, sans-serif;
text-align: justify;
font-size: 14px;
line-height:135%;
color: #111;
border: solid 1px #bbb;
min-height: 460px;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html #zonetexte {
height: 460px;
}
/**/


#footer {
background-image:url(media/bgBottom.jpg);
background-repeat:no-repeat;
background-position:center bottom;
position: relative;
margin-left: auto; 
margin-right: auto;
width: 825px;
height:60px;
}

#blocDroite  {
background-image:url(media/bg_fade.jpg);
background-repeat:no-repeat;
background-position: -610px -116px;
position: absolute;
left: 611px;
top: 132px; 
width: 162px; 
padding: 0px 8px;
font-family: 'Comic Sans MS', Trebuchet MS, Arial, sans-serif;
text-align: left;
font-size: 13px;
line-height: 140%;
color: #111;
border: solid 1px #bbb;
z-index:2;
												/*  display: none;  */
min-height: 90px;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html #blocDroite {
height: 90px;
}
/**/


.titr  {
font-size: 16px;
font-weight: bold;
color: #333;
}

.stitr  {
font-size: 15px;
font-weight: bold;
color: #333;
}

#photosDroite  {
position: absolute;
left: 611px;
top: 154px; 
width: 164px; 
height: 370px;
padding: 14px 0px;
z-index:1;
}

#photosDroite img  {
padding: 0px 0px 24px 0px;
}

#pictodanseurs { 
display: block;
position: absolute;
top: 532px; 
left: 72px; 
width: 90px; 
height: 80px 
}

#ccoeur  {
display: block;
position: absolute;
text-align: center;
left: 611px;
top: 100px;
height: 24px; 
width: 175px;
z-index: 4;
font-size: 16px;
font-weight: bold;
color: #333;
font-family: 'Comic Sans MS', Trebuchet MS, Arial, sans-serif;
}

#menuboxwrap  {
visibility: hidden;
position: relative;
width: 175px;
top: 1px;
z-index: 12; 
line-height: 140%;
padding-left: 0px;
border: solid 1px #bbb;
}

#menubox  {
position: relative;
width: 163px;
z-index: 15; 
padding: 8px 8px 12px 8px;
line-height: 140%;
font-size: 14px;
text-align: left;
background-image:url(media/bg_fade.jpg);
background-repeat:no-repeat;
background-position: -612px -116px;
}

#titrenouvelles  {
position: absolute;
left: 28px;
top: 198px; 
width: 172px; 
height: 30px;
font-family: 'Comic Sans MS', Trebuchet MS, Arial, sans-serif;
text-align: left;
padding-left: 8px;
font-size: 14px;
font-weight: bold;
color: #111;
line-height: 120%;
}

#nouvelles  {
background-image:url(media/bg_fade.jpg);
background-repeat:no-repeat;
background-position: -28px -202px;
position: absolute;
left: 28px;
top: 240px; 
width: 160px; 
height: 292px;
line-height: 110%;
border: solid 1px #bbb;
font-family: 'Comic Sans MS', Trebuchet MS, Arial, sans-serif;text-align: left;
font-size: 14px;
color: #111;
}


#navigation  {
position: absolute;
left: 221px;
top: 26px; 
width: 540px; 
font-family: 'Comic Sans MS', Trebuchet MS, Arial, sans-serif;font-size: 17px;
font-weight: bold;
color: #444;
line-height: 160%;
}

#formulaire  {
position: absolute;
left: 29px;
top: 548px; 
width: 174px;
font-family: 'Comic Sans MS', Trebuchet MS, Arial, sans-serif;font-size: 12px;
font-weight: bold;
color: #222;
margin-top: 0px;
margin-bottom: 0px;
line-height:110%;
}

#bulletin  {
position: absolute;
left: 40px;
top: 560px; 
width: 174px;
font-family: 'Comic Sans MS', Trebuchet MS, Arial, sans-serif;font-size: 12px;
font-weight: bold;
color: #222;
margin-top: 0px;
margin-bottom: 0px;
line-height:110%;
}

#formulaire input.visible  {
background-color: #FBEA9A;
padding-left: 4px;
margin-top: 3px; */
/* padding-top: 1px; */
/* height: 16px; */
font-size: 12px;
/* font-style: italic; */
/* color: #333333; */
border: inset 1px #bbb;
/* display: inline; */
/* line-height:180%; */
/* margin-top: 3px; */
/* } */
/*  */
/* .processing  { */
/* width: 10px; */
/* height: 44px; */
}

b {
font-weight: bold;
}

#titre {
position: absolute;
left: 234px;
top: 96px; 
width: 220px; 
height: 27px;
color: #666;
font-family: 'Comic Sans MS', Trebuchet MS, Arial, sans-serif;font-size: 21px;
font-weight: bold;
text-align: left;
}

.soustitre {
color: #444444;
font-size: 17px;
font-weight: bold;
text-align: left;
}

.soustitrec {
color: #444444;
font-size: 17px;
font-weight: bold;
text-align: center;
line-height: 110%;
}

.texte {
font-size: 16px;
text-align: justify;
padding:  8px 0px 8px 0px;
}

.push {
padding-left: 30px;
text-align: left;
}

.pushmore {
padding-left: 60px;
text-align: left;
}

a:link {
	color: #1B3FC7; text-decoration: none; font-weight: bold;  
}
a:visited {
	color: #1B3FC7; text-decoration: none;font-weight: bold;
}
a:hover {
	color: #222222; text-decoration: none;font-weight: bold;
}
a:active {
	color: #222222; text-decoration: none;font-weight: bold;
}

#navigation a:link {
	color: #444444; text-decoration: none; font-weight: bold;  
}
#navigation a:visited {
	color: #444444; text-decoration: none;font-weight: bold;
}
#navigation a:hover {
	color: #1B3FC7; text-decoration: none;font-weight: bold;
}
#navigation a:active {
	color: #1B3FC7; text-decoration: none;font-weight: bold;
}