/* --------------- */
/* --- GENERAL --- */
/* --------------- */

body {
        margin: 0px;
	padding: 0px;
	background: url("../images/backgroundmain.png");
}

.pointeur {
    	font-size: 14px;
    	font-family: "arial narrow";
    	font-style: italic;    	
    	font-weight: normal;
    	color:#FFFFFF;
    	cursor: pointer;    
}

.pointeur:hover {
    	color:#000000;
    	cursor: pointer;
}

.img {
	border: 0px solid #FFFFFF;
}

.medium {
    	font-family: "arial narrow";
    	font-size: 11px;
    	font-style: italic;
    	font-weight: normal;
}

.small {
    	font-family: "arial narrow";
    	font-size: 13px;
    	font-style: normal;
    	font-weight: normal;
    	text-decoration: underline;
    	color: #FFFFFF;
}

.boitemodale{ 
         position:absolute;
         top: 0px;
         left: 0px;
         background-image: url(../images/backgroundtransparent.gif);
}

/* ----------------------- */
/* --- EN CONSTRUCTION --- */
/* ----------------------- */

#enconstruction-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -360px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
        background: url("../images/enconstruction.jpg") no-repeat;
}


/* ------------------ */
/* --- NAVIGATION --- */
/* ------------------ */

#navigation {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 220px;
    height: 100%;
    font-size: 13px;
    font-family: "arial narrow";
    color:#FFFFFF;
    background: #49714C;
    padding-top: 0px;
    padding-bottom: 0px;
}

#navigation a{
    display:block;
    padding-top:4px;
    color:#FFFFFF;
    width:150px;
    text-align:left;
    text-decoration:none;
    font-size: 14px;
    font-family: "arial narrow"
}

#navigation a:hover{
    color:#000000;
    font-weight: bold;
    font-size: 14px;    
    font-family: "arial narrow";
    text-decoration: underline;
    cursor: pointer;
}

#navigation ul{
    position: absolute;
    margin-left: 0px;
    width: 150px;
    padding-left: 20px;
    padding-top: 0px;
    font-size: 14px;
    font-family: "arial narrow";
    color:#901000;    
}

#navigation li{
    list-style-type: disc;
    width: 150px;
    font-size: 14px;
    font-family: "arial narrow";
    font-style: italic;
    color:#901000;
}

#navigation p{
    text-align :left;
    padding-left: 10px;
    padding-top: 0px;
    margin: 0px;
    color:#FFFFFF;
    font-size: 13px;
    font-family : "arial narrow";
    font-style: italic;
    font-weight: bold;
}    


/* --------------- */
/* --- ACCUEIL --- */
/* --------------- */

#flash-accueil {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left:-360px;
	height: 360px;
	width:720px;
	border : 1px solid #FFFFFF;
	background-color : #C0DCC0;
}


/* --------------------- */
/* --- PRESENTATION --- */
/* --------------------- */

#presentation-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -360px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
        background: url("../images/backgroundinstall.jpg") no-repeat;
}

#flash-presentation {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left:-360px;
	height: 360px;
	width:720px;
	background-color : #C0DCC0;
	z-index: 1;
}

#presentation-scroll-bg {
        position:absolute;
	top: 107px;
	left:50%;
	margin-left: -408px;
	height: 360px;
	width:294px;
	background-color : #49714C;
	border : 1px solid #FFFFFF;
	color: #000000;
	filter: alpha(opacity=60);
	z-index: 2;
}

#presentation-pause {
        position:absolute;
	top: 468px;
	left:50%;
	margin-left: -408px;
	height: 18px;
	width:289px;
	padding-left: 5px;
	background-color : #B45454;
	border : 1px solid #FFFFFF;	
	color: #000000;
	filter: alpha(opacity=50);
	z-index: 2;
}	

#presentation-pause:hover {
  cursor: wait;
}

#presentation-scroller {
        position:absolute;
	top: 117px;
	left:50%;
	margin-left: -398px;	
	width:275px;
	height: 350px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	z-index: 4;
}


/* --------------------- */
/* --- INSTALLATIONS --- */
/* --------------------- */

#flashinstall {
        position:absolute;
	top: 20px;
	left:50%;
	margin-left:120px;
	height: 180px;
	width:270px;
	border : 1px solid #FFFFFF;
	background-color : #C0DCC0;
}

#installations-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -360px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
        background: url("../images/backgroundinstall.jpg") no-repeat;
}

#installations-scroll-bg {
        position:absolute;
	top: 142px;
	left:50%;
	margin-left: -408px;
	height: 340px;
	width:294px;
	background-color : #49714C;
	border : 1px solid #FFFFFF;
	color: #000000;
	filter: alpha(opacity=60);
	z-index: 2;
}

#installations-pause {
        position:absolute;
	top: 483px;
	left:50%;
	margin-left: -408px;
	height: 18px;
	width:289px;
	padding-left: 5px;
	background-color : #B45454;
	border : 1px solid #FFFFFF;
	color: #000000;
	filter: alpha(opacity=50);
	z-index: 2;
}	

#installations-scroller {
        position:absolute;
	top: 150px;
	left:50%;
	margin-left: -398px;	
	width:275px;
	height: 318px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	z-index: 4;
}


/* ---------------------- */
/* --- GALLERIE VIDEO --- */
/* ---------------------- */
#videoviewer {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left:-120px;
	height: 320px;
	width:400px;
	border: 3px solid #9ED8A1;
	background: url(../images/backgroundvideos.jpg);
}

/* ---------------------- */
/* --- GALLERIE PHOTO --- */
/* ---------------------- */

#galleryphotos-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -250px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
        background: url("../images/backgroundphotos.png") no-repeat;
}

#photoviewer {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left:-240px;
	height: 360px;
	width:640px;
	border : 3px solid #FFFFFF;
	background : #49714C;
}

/* ------------- */
/* --- GITES --- */
/* ------------- */

#flashgites {
        position:absolute;
	top: 20px;
	left:50%;
	margin-left:120px;
	height: 180px;
	width:270px;
	border : 1px solid #FFFFFF;
	background-color : #C0DCC0;
}

#gites-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -360px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
        background: url("../images/backgroundgites.jpg") no-repeat;
}

#gites-scroll-bg {
        position:absolute;
	top: 142px;
	left:50%;
	margin-left: -408px;
	height: 340px;
	width:294px;
	background-color : #49714C;
	border : 1px solid #FFFFFF;
	color: #000000;
	filter: alpha(opacity=60);
	z-index: 2;
}

#gites-scroller {
        position:absolute;
	top: 150px;
	left:50%;
	margin-left: -398px;	
	width:275px;
	height: 318px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	z-index: 4;
}

/* ------------------------ */
/* --- CHAMBRES D'HOTES --- */
/* ------------------------ */

#chambres-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -360px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
        background: url("../images/enconstruction.jpg") no-repeat;
        border: 1px solid #FFFFFF;
}

/* ----------------------- */
/* --- PENSION CHEVAUX --- */
/* ----------------------- */

#flashpension {
        position:absolute;
	top: 20px;
	left:50%;
	margin-left:120px;
	height: 180px;
	width:270px;
	border : 1px solid #FFFFFF;
	background-color : #C0DCC0;
}

#pension-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -360px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
        background: url("../images/backgroundpension.jpg") no-repeat;
}

#pension-scroll-bg {
        position:absolute;
	top: 142px;
	left:50%;
	margin-left: -408px;
	height: 340px;
	width:294px;
	background-color : #49714C;
	border : 1px solid #FFFFFF;
	color: #000000;
	filter: alpha(opacity=60);
	z-index: 2;
}

#pension-scroller {
        position:absolute;
	top: 150px;
	left:50%;
	margin-left: -418px;	
	width:275px;
	height: 318px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	z-index: 4;
}

/* --------------------- */
/* --- PRATIQUE POLO --- */
/* --------------------- */

#flashpolo {
        position:absolute;
	top: 20px;
	left:50%;
	margin-left:120px;
	height: 180px;
	width:270px;
	border : 1px solid #FFFFFF;
	background-color : #C0DCC0;
}

#polo-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -360px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
        background: url("../images/backgroundpolo.jpg") no-repeat;
}

#polo-scroll-bg {
        position:absolute;
	top: 142px;
	left:50%;
	margin-left: -408px;
	height: 340px;
	width:294px;
	background-color : #49714C;
	border : 1px solid #FFFFFF;
	color: #000000;
	filter: alpha(opacity=60);
	z-index: 2;
}

#polo-scroller {
        position:absolute;
	top: 150px;
	left:50%;
	margin-left: -398px;	
	width:275px;
	height: 318px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	z-index: 4;
}

#polo-pause {
        position:absolute;
	top: 483px;
	left:50%;
	margin-left: -408px;
	height: 18px;
	width:289px;
	padding-left: 5px;
	background-color : #B45454;
	border : 1px solid #FFFFFF;
	color: #000000;
	filter: alpha(opacity=50);
	z-index: 2;
}	

/* ------------------------- */
/* --- ANJOU POLO PLAYER --- */
/* ------------------------- */

#flashanjoupoloplayer {
        position:absolute;
	top: 20px;
	left:50%;
	margin-left:120px;
	height: 180px;
	width:270px;
	border : 1px solid #FFFFFF;
	background-color : #C0DCC0;
}

#anjoupoloplayer-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -360px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
        background: url("../images/backgroundanjoupoloplayer.jpg") no-repeat;
}

#anjoupoloplayer-scroll-bg {
        position:absolute;
	top: 110px;
	left:50%;
	margin-left: -464px;
	height: 355px;
	width:350px;
	background-color : #49714C;
	border : 1px solid #FFFFFF;
	color: #000000;
	filter: alpha(opacity=60);
	z-index: 2;
}

#anjoupoloplayer-scroller {
        position:absolute;
	top: 118px;
	left:50%;
	margin-left: -450px;	
	width:330px;
	height: 332px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	z-index: 4;
}

#anjoupoloplayer-pause {
        position:absolute;
	top: 465px;
	left:50%;
	margin-left: -464px;
	height: 20px;
	width:350px;
	background-color : #900100;
	border : 1px solid #FFFFFF;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}
	
#anjoupoloplayer-connexion {
        position:absolute;
	top: 380px;
	left:50%;
	margin-left: 170px;
	width:210px;
	background: #78967A;
	color: #FFFFFF;
}

.select {
	font-family: helvetica;
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border: 0px solid #ffffff;
}

.select:hover {
	background-color: #A9967B;
	color: #FFFFFF;
}

.membre {
	font-family: helvetica;
	font-style: normal;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right:10px;
}

.membre:hover {
	color: #A9967B;
	text-decoration: underline;
}
	
/* ------------------- */
/* --- INSCRIPTION --- */
/* ------------------- */

#inscription-scroller {
        position:absolute;
	top: 140px;
	left:50%;
	margin-left: -455px;	
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 2px solid #FFFFFF;
}

#inscription-message {
        position:absolute;
	top: 50px;
	left:50%;
	margin-left: -200px;	
	width:400px;
	height: 200px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 3px solid #FFFFFF;
	z-index: 10;
}

.inscription {
	width: 30px;
	font-family: sans-serif;
	font-size: 9pt;
	color:#FEFFA9;
	padding-left:10px;
}

.input {
	font-family: Arial;
	font-size: 9pt;
	border: 1px solid;
	background: #C0CEC1;
}	
	

/* ---------------------- */
/* --- NOUS CONTACTER --- */
/* ---------------------- */

#contact-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -250px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
	background: #49714C;
	border: 4px solid #FFFFFF;
}

/* ------------------------ */
/* --- CONFIRMER MEMBRE --- */
/* ------------------------ */

#confirmer-connexion {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -225px;
	width:450px;
	background: #78967A;
	color: #FFFFFF;
}

#confirmer-message {
        position:absolute;
	top: 50px;
	left:50%;
	margin-left: -225px;	
	width:450px;
	height: 200px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 3px solid #FFFFFF;
	z-index: 10;
}

/* --------------------- */
/* --- ESPACE MEMBRE --- */
/* --------------------- */

#espacemembre-bg {
        position:absolute;
	top: 70px;
	left:50%;
	margin-left: -360px;
	height: 360px;
	width:720px;
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	text-align: justify;
        background: url("../images/backgroundespacemembre.jpg") no-repeat;
}


/* ---------------- */
/* --- PLANNING --- */
/* ---------------- */

.aw-image-ferme {background:url(../images/billes.png) 0px -8px}  	/*noir*/
.aw-image-infirme {background:url(../images/billes.png) -33px -8px}  	/*rouge*/
.aw-image-reserve {background:url(../images/billes.png) -67px -8px}  	/*gris*/
.aw-image-confirme {background:url(../images/billes.png) -101px -8px} 	/*vert*/
/*.aw-image-undefine {background:url(../images/billes.png) -135px -8px}	/*bleu*/
.aw-image-un {background:url(../images/billes.png) -202px -8px}	/*un*/
.aw-image-deux {background:url(../images/billes.png) -236px -8px}	/*deux*/
.aw-image-trois {background:url(../images/billes.png) -270px -8px}	/*trois*/
.aw-image-quatre {background:url(../images/billes.png) -304px -8px}	/*quatre*/

#mygrid {
	position: absolute;
	top: 30px;
	left: 280px;
	width: 960px;
	height: 450px;
	text-align: center;
	background: #990100;
}

#attente-planning {
	position : absolute;
	border:solid 1px #000;
	left: 50%;
	margin-left:0px; 
	margin-top:250px;
	width:180px; 
	background-color:#FFF;
	padding-bottom:10px;
}

#planning-userguide {
	position: absolute;
	margin-top:10px;
	left: 50%;
	margin-left: -250px;
        width: 700px;
        height: 500px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 1px solid #FFFFFF;
	background: #69916C;
}

#planning-avertir {
        position: absolute;
	margin-top:20px;
	left:50%;
	margin-left: -220px;
        width: 695px;
        height: 210px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 1px solid #FFFFFF;
	background: #69916C;
}

.info {
 	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
}


/* ---------------------- */
/* --- ADMINISTRATION --- */
/* ---------------------- */

#admin-selectclosedate {
	position: absolute;
	top:40px;
	margin-left: 240px;
	width: 316px;
	height: 128px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 1px solid #49714C;
	background: #FFFFDD;
}

#admin-selectopendate {
	position: absolute;
	top:40px;
	margin-left: 240px;
	width: 316px;
	height: 128px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 1px solid #49714C;
	background: #FFFFDD;
}

#admin-creditsessions {
	position: absolute;
	top:40px;
	margin-left: 240px;
	width: 316px;
	height: 128px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 1px solid #49714C;
	background: #FFFFDD;
}

.inputtitle {
	color: #000000;
	font-size: 14px;
	font-family: "arial narrow";
	font-style: normal ;
	padding-left:7px;
}

.inputsessions {
	font-family: "arial narrow";
	font-size: 10pt;
	border: 1px solid;
	background: #CCCCCC;
	height: 13px;
	padding-left:2px;
}

/* ------------------ */
/* --- MON COMPTE --- */
/* ------------------ */

#moncompte-sessionspanel {
	position: absolute;
	top:40px;
	margin-left: 450px;
	width: 294px;
	height: 311px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 1px solid #49714C;
	background: #78967A;
}

.imprimer {
        height:18px;
	font-family: "arial narrow";
	font-size: 10pt;
	color: #FFFFFF;
	border: 0px solid #000000;
	background: #900100;
}

.mesinfos {
	width: 130px;
	font-family: sans-serif;
	font-size: 10pt;
	color:#FEFFA9;
	padding-left:10px;
}

.info {
    	font-family: "arial narrow";
    	font-size: 13px;
    	font-style: normal;
    	font-weight: normal;
    	color: #FFFFFF;
}

#moncompte-infoplayer {
	position: absolute;
	top:40px;
	margin-left: 70px;
	width: 360px;
	height: 311px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 1px solid #49714C;
	background: #78967A;
}

#moncompte-photo {
	position: absolute;
	top:40px;
	margin-left: 770px;
	width: 270px;
	height: 311px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 1px solid #49714C;
	background: #FFFFDD;
}

/* --------------------- */
/* --- LISTE MEMBRES --- */
/* --------------------- */

#memberlist {
	position: absolute;
	top:40px;
	margin-left: 100px;
	width: 700px;
	color: #FEFFA9;
	font-size: 16px;
	font-family: "arial narrow";
	font-style: italic ;
	text-align: justify;
	border: 1px solid #49714C;
	background: #FFFFDD;
}