body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
background-image:  url(../img/degrade.jpg);
background-color: #336600;
background-attachment: fixed;
background-position:top;
background-repeat: repeat-x;
}

/* liens */
a.lien1{
color:#336699;
text-decoration:none;
font-weight:bold;
}


a.lien1:hover{
color:#336699;
text-decoration:underline overline;
font-weight:bold;
} 
/* ---- */
#fond {
position: absolute;
left: 50%; 
top: 0;
width: 812px;
height: 696px;
margin-left: -406px; /* moitié de la largeur */
margin-top: 0px; 
}
	 
#fond_mac {
position: absolute;
left: 50%; 
top: 50%;
width: 812px;
height: 696px;
margin-left: -363px; /* moitié de la largeur */
margin-top: 0px; /* moitié de la hauteur */
}

/*contenu*/
#contenutotal{

position: absolute;
top:0px;
left:-1px;
height: 700px;
width: 820px;
overflow: no
}

#contenutotalbis{

position: absolute;
top: 84px;
left: 260px;
height: 477px;
width: 358px;
overflow: auto;
scrollbar-arrow-color: #B2B2B2;
scrollbar-base-color: white;
scrollbar-face-color: white;
scrollbar-highlight-color: #B2B2B2;
scrollbar-shadow-color: #B2B2B2;
scrollbar-track-color: white;
}




/*medaillon*/
#medaillon01{

position: absolute;
top:-30px;
left:205px;
}
#maxmedaillon01{
z-index: 149;
position: absolute;
top: -6px;
left: 265px;
}
#titremedaillon01{
	position: absolute;
	top: -6px;
	left: 310px;
	z-index: 150;
}
#butclassesvertes01{
	position: absolute;
	top: 137px;
	left: 331px;
	z-index: 150;
}
#butvertleft{

position: absolute;
top: 15px;
left: 219px;
}
#butvertright{

position: absolute;
top: 15px;
left: 502px;
}

/*logo*/
#logo{
position: absolute;
top:607px;
left:340px;
z-index:100;
}


/*elements*/
#sous_news01{

position: absolute;
top:190px;
left:28px;
}

#lpm01{

position: absolute;
top:128px;
left:33px;
}
#kayaks01{

position: absolute;
top:170px;
left:715px;
}
#lola01{

position: absolute;
top:215px;
left:670px;
}

#maxbas01{

position: absolute;
top:500px;
left:677px;
}
#markasbas01{

position: absolute;
top:497px;
left:2px;
}


/*boutons top*/
#boutons_top{
z-index: 160;
position: absolute;
top:37px;
left:32px;
}
#but_dates01{
z-index: 160;
	position: absolute;
	top:5px;
	left:0px;
	
}
#but_messages01{
z-index: 160;
position: absolute;
top:26px;
left:0px;
}
#but_mails01{
z-index: 160;
position: absolute;
top:47px;
left:0px;
}
#but_inscriptions01{
z-index: 160;
position: absolute;
top:68px;
left:0px;
}
#but_mailing01{
z-index: 160;
position: absolute;
top:5px;
left:598px;
}
#but_formation01{
z-index: 160;
position: absolute;
top:26px;
left:598px;
}
#but_infos01{
z-index: 160;
position: absolute;
top:47px;
left:598px;
}
#but_news01{
z-index: 160;
position: absolute;
top:68px;
left:598px;
}

#but_pdf01{
z-index: 160;
position: absolute;
top:70px;
left:598px;
}
#but_mailbox01{
z-index: 160;
position: absolute;
top:90px;
left:598px;
}




/*boutons bas*/
#boutons_bas{
z-index: 153;
position: absolute;
top:193px;
left:30px;
}

#but_lpm01{
position: absolute;
top:0px;
left:0px;
}
#but_galerie01{
position: absolute;
top:154px;
left:0px;
}
#but_ages01{
position: absolute;
top:308px;
left:0px;
}
#but_goodies01{
position: absolute;
top:335px;
left:0px;
}
#but_play01{
position: absolute;
top:370px;
left:114px;
}
#but_play01_fr{
position: absolute;
top:370px;
left:108px;
}
*html #but_play01{
position: absolute;
top:365px;
left:114px;
}
*html #but_play01_fr{
position: absolute;
top:365px;
left:108px;
}
#but_aumenu01{
position: absolute;
top:-3px;
left:577px;
}
#but_anims01{
position: absolute;
top:153px;
left:577px;
}
#but_team01{
position: absolute;
top:260px;
left:577px;
}
#photosteam{
position: absolute;
top:284px;
left:573px;
}
#photosgalerie{
position: absolute;
top:178px;
left:79px;
}
#video{
position: absolute;
top:390px;
left:95px;
}
#case_vide{
position: absolute;
top:391px;
left:572px;
}

#maxmarkas01{
z-index: 160;
position: absolute;
top:372px;
left:602px;
}

/*signature ribs*/
#copy{
z-index: 152;
position: absolute;
top:643px;
left:0px;
}
#ribs{
z-index: 152;
position: absolute;
top:643px;
left:110px;
}

/*textes*/
#bloctexte{
z-index: 150;
position: absolute;
top: 217px;
left: 230px;
height: 390px;
width: 358px;
overflow: no;
}

#bloctexte_scroll{
z-index: 150;
position: absolute;
top: 217px;
left: 230px;
height: 390px;
width: 355px;
padding-right:3px;
overflow: auto;
}

#bloctextelpm{
z-index: 155;
position: absolute;
top: 255px;
left: 50px;
height: 85px;
width: 155px;
overflow: no;
font-family: Arial, Helvetica, sans-serif;
	font-size: 09px;

	font-weight:bold;
	color: #336699;
    line-height: 11px;
	padding: 0px 0px;
	text-align:left;
	letter-spacing:0px;
}
#bloctextemenu{
z-index: 155;
position: absolute;
top: 220px;
left: 610px;
height: 65px;
width: 78px;
overflow: no;
font-family: Arial, Helvetica, sans-serif;
	font-size: 09px;
	font-weight: bold;
	color: #336699;
    line-height: 11px;
	padding: 0px 0px;
	text-align:left;
	letter-spacing:0px;
}



/* titrestop */
.titre {
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:20px;
font-weight:normal;
length: ex;
padding: 0px 0px;
letter-spacing:1px;
text-align:left;
line-height: 22px;
display:inline;
}
.titreclair {
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size:17px;
font-weight:normal;
padding: 0px 0px;
letter-spacing:1px;
text-align:left;
display:inline;
}

/* TEXTES */
.texte1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
    line-height: 14px;
	padding: 0px 0px;
	text-align:left;
	letter-spacing:0px;
}

.texte1gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
    line-height: 14px;
	text-align:justify;
	letter-spacing:0px;
	margin:5px 0px 10px 0px;
	padding:0px;
}

.texte1bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #336699;
    line-height: 14px;
	text-align:justify;
	letter-spacing:0px;
}
.texte1blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
    line-height: 14px;
	text-align:justify;
	letter-spacing:0px;
	margin:0px;
	padding:0px;
}

.textehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
    line-height: 14px;
	text-align:left;
	letter-spacing:0px;
	padding:0px;
	margin:0px;
}
.texteretrait{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
    line-height: 14px;
	text-align:left;
	letter-spacing:0px;
padding: 50px 10px;
}

.lettrine {
font-family: Arial, Helvetica, sans-serif;
color:#333333;
font-size:13px;
font-weight:normal;
line-height:80%;
letter-spacing:-1px;
}

.commentaires {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
    line-height: 14px;
	letter-spacing:0px;
}




/* liens bas de pages */

#liensbas1{
	position: absolute;
	top:360px;
	left:250px;
	overflow: no;
	width: 106px;
	height: 14px;
}
*html #liensbas1{
	top:373px;
}
#liensbas2{
	position: absolute;
	top:440px;
	left:230px;
	overflow: no;
	width: 106px;
	height: 14px;
}
*html #liensbas2{
	top:465px;
}

#liensbas2_nl{
	position: absolute;
	top:425px;
	left:230px;
	overflow: no;
	width: 106px;
	height: 14px;
}
*html #liensbas2_nl{
	top:450px;
}

#liensbas_prix
{
position: absolute;
top:350px;
left:200px;
overflow: no;
width: 150px;
}

*html #liensbas_prix
{
top:370px;
}

#liensbas_andere
{
	position: absolute;
	top:335px;
	left:230px;
	overflow: no;
	width: 106px;
	height: 14px;
}

*html #liensbas_andere
{
	top:355px;
}

li.first {
        display: inline;
        padding-left: 0px;
        padding-right: 3px;
        border-right: 1px solid #066;
 }

li.inline {
        display: inline;
        padding-left: 3px;
        padding-right: 3px;
        border-right: 1px solid #066;
 }

li.last {
        display: inline;
        padding-left: 3px;
        padding-right: 0px;
        border-right: 0px;
 } 
 
 
 
/* txt illus */
#bloctxt1  {
position: absolute;
top: 290px;
left: 71px;
height: 70px;
width: 259px;
overflow: no; 
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #336699;
line-height: 12px;
text-align:left;
letter-spacing:0px;
padding: 5px 6px;
}
*html #bloctxt1{
top:300px;
}

#bloctxt2  {
position: absolute;
top: 276px;
left: 181px;
height: 70px;
width: 164px;
overflow: no; 
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #336699;
line-height: 12px;
text-align:left;
letter-spacing:0px;
padding: 5px 6px;
}

#bloctxt4{
position: absolute;
top: 230px;
left: 170px;
height: 70px;
width: 170px;
overflow: no; 
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #336699;
line-height: 12px;
text-align:left;
letter-spacing:0px;
padding: 5px 6px;
}

#bloctxt3{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #336699;
line-height: 12px;
text-align:left;
letter-spacing:0px;

position: absolute;
top: 200px;
left: 100px;

width: 200px;

overflow: no;

padding: 5px 6px;
margin:0px;
}

*html #bloctxt3{
top: 230px;
}

.para_liste{
margin:10px 0px;
padding:0px;
}

table p{
margin:0px;
padding:0px;
}

/*News*/

.titre_news
{
margin:10px 0px 0px 0px;
font-weight:bold;
font-size:15px;
}

.texte_news
{
font-size:12px;
}