body {
        background-color: #FFCC99;
        font-family:Helvetica, Verdana, Arial;
        font-size: 17px;
        color: darkred;
        scrollbar-face-color:#FF9933;
        scrollbar-arrow-color:darkred;
        scrollbar-track-color: #FFCC99;
        scrollbar-3dlight-color: #000000;
        scrollbar-darkshadow-color: #000000;
     }



div#TexteIndex
        {
        font-family:Helvetica, Verdana, Arial;
        position: relative ;
        top: -200px ;
        left: 450px ;
        width: 650px;
        font-size: 14px;
        color: darkred;
        }

div#TexteIndexBottom
        {
        font-family:Helvetica, Verdana, Arial;
        position: relative ;
        top: +50px;
        left: 20px ;
        width: 100%;
        font-size: 14x;
        color: darkred;
        }
     
     
div#header
        {
            background-color: #FF9933;
            height: 150px ;
        }

    
        
div#header a
        {
            padding-left: 5px ;
            position: relative ;
            left: 60px ;
            top: 50px ;
            color: darkred;
            text-decoration : none;
            border-bottom: 2px solid #FF6600 ;
            border-left: 3px solid #FF6600 ;
        }
        

        

        
div#footer a
        {
            position: relative ;
            top: 50px ;
            color: darkred;
            text-decoration : none;
            border-bottom: 2px solid #FF6600 ;
            border-left: 3px solid #FF6600 ;
        }
        
div#footer
        {
            background-color: #FF9933;
            height: 100px ;
            text-align:center;
        }

div#footerTop
        {
            position: relative;
            top: 550px;
        }
        
div#Copy
        {
            font-size : 12px;
            color: darkred;
            text-align:center;
        }

div#photo-gestion
        {
        position: relative ;
        margin-left: 15px;
        margin-right: auto; 
        }
        
div#photo-index
        {
        margin-top: -130px;
        margin-left: 330px;
        margin-right: auto; 
        }

div#photo-album
        {
        position: relative ;
        margin-left: 150px; 
        margin-right: auto; 
        }

div#photo-album font
        {
        position: relative ;
        font-family:Helvetica, Verdana, Arial;
        font-size : 12px;
        color: darkred;
        }
        
div#maTable
        {
        }
        
div#maTable table
        {
        margin-left: 150px ;
        width: 500px;
        font-size : 12px;
        color: darkred;
        }

div#maTable table th
        {
        background-color: #FF9933;
        font-size : 12px;
        color: darkred;
        }   
        

        
        
div#frame
        {
            background-color: #FF9933;
            height: 500px ;
            width: 50px;
            position: relative ;
            top: 20px ;
        }
        

        
div#frame Table a
        {
            font-size : 12px;
            color: darkred;
        }
        


/* Position Photo paysage */
div#FicheCartePays
        {
            position: relative ;
            background-color: #FF9933;
            height: 450px ;
            width: 450px;
            top: 5px;
            margin-left: 13px ;
            margin-top: 10px ;
            font-family:Helvetica, Verdana, Arial;
            font-size : 20px;
            color: darkred ;
        }
        
/* Position Photo portrait */   
div#FicheCartePort
        {
            position: relative ;
            background-color: #FF9933;
            height: 450px ;
            width: 450px;
            top: 5px;
            margin-left: 13px ;
            margin-top: 10px ;
            font-family:Helvetica, Verdana, Arial;
            font-size : 20px;
            color: darkred ;
        }
        

/* Position Photo paysage */
div#FicheCartePays A
        {
            position: absolute ;
            top: 18%;
            left: 5%;
            font-family:Helvetica, Verdana, Arial;
            font-size : 17px;
            color: darkred ;
        }
        
/* Position Photo portrait */
div#FicheCartePort A
        {
            position: absolute ;
            top: 5%;
            left: 20%;
            font-family:Helvetica, Verdana, Arial;
            font-size : 17px;
            color: darkred ;
        }
        
/* Texte fiche carte */
div#FicheCarteText 
        {
            position: absolute ;
            top: 300px;
            left: 520;
            font-family:Helvetica, Verdana, Arial;
            font-size : 17px;
            color: darkred ;
        }
        
        
        
div#contenu h1
        {
            margin-left: 15px ;
            margin-top: 10px ;
            padding-left: 25px ;
            border-bottom: 3px solid #FF6600 ;
            border-left: 5px solid #FF6600 ;
            font-family:Helvetica, Verdana, Arial;
            font-size : 20px;
            color: darkred ;
            height: 30px ;
        }
        
        
div#contenu A
        {
            position: relative ;
            top: 5px;
            margin-left: 15px ;
            margin-top: 10px ;
            padding-left: 25px ;
            font-family:Helvetica, Verdana, Arial;
            font-size : 20px;
            color: darkred ;
            height: 30px ;
        }


        
div#albumcat h1
        {
            position: relative ;
            top: 5px;
            margin-left: 15px ;
            margin-top: 10px ;
            padding-left: 25px ;
            font-family:Helvetica, Verdana, Arial;
            font-size : 16px;
            color: darkred ;
            height: 30px ;
        }
        
        
div#albumcat A
        {
            position: relative ;
            top: 5px;
            margin-left: 15px ;
            margin-top: 10px ;
            padding-left: 25px ;
            font-family:Helvetica, Verdana, Arial;
            font-size : 16px;
            decoration: none;
            color: darkred ;
            height: 30px ;
        }
        

        
Div#FormLibel
        {
        font-family:Helvetica, Verdana, Arial;
        padding-left: 150px ;
        font-size : 16px;
        decoration: bold;
        color: darkred ;
        }
        
Div#FormLibel a
        {
        color: darkred;
        position: absolute ;
        left: 830px ;
        font-size : 14px;
        font-weight:bold;
        font-style: italic;
        }
        
Div#FormLibel select
        {
        font-family:Helvetica, Verdana, Arial;
        position: absolute ;
        left: 410px ;
        font-size : 12px;
        background-color: #FFFFCC;
        height: 25px ;
        width: 250px ;  
        }       
    
Div#FormLibelMultiple
        {
        font-family:Helvetica, Verdana, Arial;
        padding-left: 150px ;
        font-size : 16px;
        decoration: bold;
        color: darkred ;
        }
        
        
Div#FormLibelMultiple select
        {
        font-family:Helvetica, Verdana, Arial;
        position: absolute ;
        left: 410px ;
        font-size : 12px;
        background-color: #FFFFCC;
        width: 250px ;  
        }

Div#FormLibelMultiple a
        {
        color: darkred;
        position: absolute ;
        left: 830px ;
        font-size : 14px;
        font-weight:bold;
        font-style: italic;
        }
            

Div#FormLibel input
        {
        font-family:Helvetica, Verdana, Arial;
        text-decoration: none;
        position: absolute ;
        left: 410px ;
        font-size : 12px;
        background-color: #FFFFCC;
        height: 25px ;
        width: 250px ;  
        }   
        

        
Div#FormLibel textarea
        {
        font-family:Helvetica, Verdana, Arial;
        text-decoration: none;
        position: absolute ;
        left: 410px ;
        font-size : 14px;
        background-color: #FFFFCC;
        height: 200px ;
        width: 500px ;  
        }   

Div#FormLibelRubrique a
        {
        font-family:Helvetica, Verdana, Arial;
        position: absolute ;
        left: 410px ;
        font-size : 16px;
        color: darkred;
        decoration: bold;
        }       

Div#FormLibel2
        {
        font-family:Helvetica, Verdana, Arial;
        padding-left: 150px ;
        font-size : 16px;
        decoration: bold;
        color: darkred ;
        }
        
        

Div#FormLibel2 input
        {
        font-family:Helvetica, Verdana, Arial;
        text-decoration: none;
        position: absolute ;
        left: 400px ;
        font-size : 12px;
        }


Div#FormLibel3
        {
        font-family:Helvetica, Verdana, Arial;
        padding-left: 150px ;
        font-size : 16px;
        decoration: bold;
        color: darkred ;
        }


Div#FormLibel3 textarea
        {
        font-family:Helvetica, Verdana, Arial;
        text-decoration: none;
        position: absolute ;
        left: 410px ;
        font-size : 14px;
        background-color: #FFFFCC;
        width: 500px ;
        }   

Div#FormLibel3 a
        {
        color: darkred;
        position: absolute ;
        left: 950px ;
        font-size : 14px;
        font-weight:bold;
        font-style: italic;
        }
        


Div#FormLivre
        {
        font-family:Helvetica, Verdana, Arial;
        padding-left: 150px ;
        font-size : 16px;
        decoration: bold;
        color: darkred ;
        }

Div#FormLivre textarea
        {
        font-family:Helvetica, Verdana, Arial;
        text-decoration: none;
        position: absolute ;
        left: 410px ;
        font-size : 14px;
        background-color: #FFFFCC;
        height: 100px ;
        width: 250px ;  
        }   

Div#FormNews
        {
        font-family:Helvetica, Verdana, Arial;
        padding-left: 150px ;
        font-size : 16px;
        decoration: bold;
        color: darkred ;
        }

Div#FormNews textarea
        {
        font-family:Helvetica, Verdana, Arial;
        text-decoration: none;
        position: absolute ;
        left: 410px ;
        font-size : 14px;
        background-color: #FFFFCC;
        height: 300px ;
        width: 450px ;
        }   
        
Div#FormAide
        {
        font-family:Helvetica, Verdana, Arial;
        padding-left: 50px ;
        font-size : 16px;
        decoration: bold;
        color: darkred ;
        }


        
        
            
Div#FormSubmit 
        {
        background-color:#FF9933;
        border-color:#FFFFCC;
        position: absolute ;
        left: 410px ;
        font-family:Helvetica, Verdana, Arial;
        }

Div#FormSubmitTelecharge
        {
        background-color:#FF9933;
        border-color:#FFFFCC;
        position: absolute ;
        left: 410px ;
        length: 200px
        font-family:Helvetica, Verdana, Arial;
        }
        
Div#FormSubmitTelechargeReset
        {
        background-color:#FF9933;
        border-color:#FFFFCC;
        position: absolute ;
        left: 650px ;
        length: 200px
        font-family:Helvetica, Verdana, Arial;
        }


        
Div#FormLibelheader1
        {
        position: relative ;
        top: -60px ;
        left: 250px ;
        font-family:Helvetica, Verdana, Arial;
        font-size : 14px;
        text-decoration: bold;
        color: darkred ;
        }


Div#FormLibelheader1B
        {
        position: absolute ;
        top: 25px ;
        left: 250px ;
        font-family:Helvetica, Verdana, Arial;
        font-size : 14px;
        text-decoration: bold;
        color: darkred ;
        }
        
Div#FormLibelheader2
        {
        position: relative ;
        top: -107px ;
        left: 480px ;
        font-family:Helvetica, Verdana, Arial;
        font-size : 14px;
        text-decoration: bold;
        color: darkred ;
        }


Div#FormLibelheader2B
        {
        position: absolute ;
        top: 25px ;
        left: 480px ;
        font-family:Helvetica, Verdana, Arial;
        font-size : 14px;
        text-decoration: bold;
        color: darkred ;
        }

Div#FormIdentification
        {
        position: absolute ;
        top: 10px ;
        left: 15px ;
        font-family:Helvetica, Verdana, Arial;
        font-size : 14px;
        text-decoration: bold;
        color: darkred ;
        }

Div#Newsletter
        {
        position: absolute ;
        top: 125px ;
        left: 100px ;
        font-family:Helvetica, Verdana, Arial;
        font-size : 14px;
        text-decoration: bold;
        color: darkred ;
        }

Div#Facebook
        {
        position: absolute ;
        top: 125px ;
        left: 450px ;
        font-family:Helvetica, Verdana, Arial;
        font-size : 14px;
        text-decoration: bold;
        color: darkred ;
        }
Div#Twitter
        {
        position: absolute ;
        top: 125px ;
        left: 600px ;
        font-family:Helvetica, Verdana, Arial;
        font-size : 14px;
        text-decoration: bold;
        color: darkred ;
        }

Div#PaddTopindex
        {
        position: relative ;
        top: -100px ;
        }
                
Div#PaddTop
        {
        height: 150px ;
        }
        
Div#PaddTopMoteur   
        {
        height: 100px ;
        }
        
Div#PaddBottom
        {
        height: 300px ;
        }
        
Div#AdminMembre
        {
        position: relative ;
        top: 50px ;
        left: 100px ;
        font-size : 16px;
        text-decoration: bold;
        color: darkred ;
        }
        
Div#Suivantes
        {
            position: absolute;
            left: 850px ;
            font-size : 12px;
            color: black;
            Background: #FF6600;
        }   
        
Div#Precedentes
        {
            position: absolute;
            left: 250px ;
            font-size : 12px;
            color: black;
            Background: #FF6600;
        }   
        
        
Div#Compteur
        {
            position: absolute;
            left: 15px ;
            top: 125px ;
            font-size : 18px;
            color: black;
            Background: #FF6600;
        }   

Div#CarteDuJour table
        {
            position: absolute;
            left: 850px;
            top: 720px;
            font-size: 15px;
            color: darkred;
            font-weight: bold;
            Background: #FF9933;
        }   

Div#CarteDuJour a
        {
            font-size: 15px;
            color: darkred;
            font-weight:bold;
            text-decoration: underline;
        }   

Div#DerCartes table
        {
            position: absolute;
            left: 30px ;
            top: 650px ;
            font-size : 10px;
            color: darkred;
            font-weight:bold;
        }

Div#DerCartes table th
        {
            font-size : 15px;
            color: darkred;
            font-weight:bold;
        }

Div#News table
        {
            position: absolute;
            left: 450px ;
            top: 240px ;
            font-size : 10px;
            color: darkred;
            font-weight:bold;
        }

Div#News table th
        {
            font-size : 15px;
            Background: #FF9933;
            color: darkred;
            font-weight:bold;
        }

Div#Logo
        {
/*            position: relative;
            top: 35px ;            */
            margin-top: 40px;
            margin-left: 50px;
        }

Div#Meteo
        {
            font-size : 17px;
            margin-top: 40px;
            margin-left: 0px;        }

        
.FormulaireValide
        {
        color: darkred;
        position: absolute ;
        left: 150px ;
        font-size : 18px;
        }       

/* etoile champs obligatoire */     
.etoile
        {
        color: darkred;
        position: absolute ;
        left: 680px ;
        font-size : 25px;
        font-weight:bold;
        }
        
/* hauteur et largeur photo en cm */        
.commentairecm
        {
        color: darkred;
        position: absolute ;
        left: 680px ;
        font-size : 14px;
        font-weight:bold;
        font-style: italic;
        }
        
.CommentaireObigatoire
        {
        font-family:Helvetica, Verdana, Arial;
        color: darkred;
        font-size : 20px;
        font-style: italic;
        font-style: bold;
        position: absolute ;
        left: 150px ;
        }

.ErreurInscription
        {
        color: darkred;
        position: absolute ;
        left: 150px ;
        font-size : 18px;
        }
        
.ErreurLogin
        {
        font-family:Helvetica, Verdana, Arial;
        color: darkred;
        position: absolute ;
        left: 20px ;
        top: 220px;
        font-size : 17px;
        }
        
.ErreurLogin  a
        {
        decoration: none;
        font-size : 17px;
        color: darkred;
        }

.AccueilAdmin
        {
        font-family:Helvetica, Verdana, Arial;
        color: darkred;
        position: absolute ;
        left: 70px ;
        font-size : 17px;
        }
        
.AccueilAdmin  a
        {
        decoration: none;
        font-size : 17px;
        color: darkred;
        }


.FormLibelinput
        {
        font-family:Helvetica, Verdana, Arial;
        font-size : 12px;
        background-color: #FFFFCC;
        width: 70px ;
        }   
        
        
.FormLibelinputCategories
        {
        font-family:Helvetica, Verdana, Arial;
        font-size : 12px;
        background-color: #FFFFCC;
        }   
        
        
.TableIdentification
        {
            position: relative ;
            top: 10px ;
            background_color: #FFCC99;
            border: 2px solid #FF6600 ;
            font-size : 12px;
            color: darkred;
        }       
        
        
        
.Deconnection
        {
            position: relative ;
            top: 10px ;
            background-color: #FF9933;
            border: 2px solid #FF6600 ;
            font-size : 14px;
            color: darkred;
        }       

.TableSansBorder
        {
            position: relative ;
            top: 10px ;
            background_color: #FFCC99;
        }
        
.FondPlein
        {
            Background: #FF6600;
        }

        
.Actif
        {
            position: absolute ;
            left: 580px ;
            font-size : 18px;
            color: black;
            Background: #FF6600;
        }
        
.DroitAmin
        {
            position: absolute ;
            left: 650px ;
            font-size : 18px;
            color: black;
            Background: #FF6600;
        }
        
.ModifMembre
        {
        position: absolute;
        left: 750px ;
        }
        
.SupprMembre
        {
        position: absolute;
        left: 840px ;
        }
        
.LibActif
        {
            position: absolute ;
            left: 570px ;
            font-size : 18px;
            color: black;
        }

.LibOk
        {
            position: absolute ;
            left: 630px ;
            font-size : 18px;
            color: black;
        }

.LibOkZ
        {
            position: absolute ;
            left: 660px ;
            font-size : 18px;
            color: black;
            Background: #FF6600;
        }
        
.LibDroitAmin
        {
            position: absolute ;
            left: 630px ;
            font-size : 18px;
            color: black;
        }
        
        
.LibModifier
        {
            position: absolute ;
            left: 730px ;
            font-size : 18px;
            color: black;
        }
        
        
.LibSupprMembre
        {
        position: absolute;
        left: 820px ;
        font-size : 18px;
        color: black;
        }
        
.LibMembre
        {
        position: absolute;
        left: 380px ;
        }
        
.DateMembre
        {
        position: absolute;
        left: 460px ;
        }
        
.LibPhoto
        {
        position: absolute;
        left: 230px ;
        }
        
.Datephoto
        {
        position: absolute;
        left: 460px ;
        }

        
.MaFont
        {
        font-family:Helvetica, Verdana, Arial;
        font-size : 14px;
        color: darkred;
        }
        
.MaFontFiche
        {
        font-family:Helvetica, Verdana, Arial;
        font-size : 17px;
        font-weight: bold;
        color: darkred;
        }

.MaFontFicheTexte
        {
        padding-left: 15px;
        font-family:Helvetica, Verdana, Arial;
        font-size : 17px;
        }

.MaFontFiche2
        {
        font-family:Helvetica, Verdana, Arial;
        font-size : 17px;
        color: darkred;
        position: relative;
        left: 70px;
        }

.MaFontFiche2 a
        {
        font-family:Helvetica, Verdana, Arial;
        font-size : 15px;
        color: darkred;
        position: relative;
        left: 70px;
        }

.LiensAccueil1
        {
        font-family:Helvetica, Verdana, Arial;
        font-size : 15px;
        color: darkred;
        position: relative;
        left: +150px;
        }

.LiensAccueil2
        {
        font-family:Helvetica, Verdana, Arial;
        font-size : 15px;
        color: darkred;
        position: relative;
        left: +150px;
        }


.LiensAlbumBord
        {
        color: darkred;
        position: absolute ;
        left: 50px ;
        font-size : 15px;
        color: darkred;
        font-style:italic;      
        }



.LiensAlbum a 
        {
        color: darkred;
        position: absolute ;
        left: 50px ;
        font-size : 15px;
        color: darkred;
        font-style:italic;      
        }

.JourDate
        {
        position: absolute;
        left: 410px;
        }
        
.MoisDate
        {
        position: absolute;
        left: 480px;
        }
        .AnneeDate
        {
        position: absolute;
        left: 600px;
        }

.ChoixSousRubriquesLib
        {
        position: absolute;
        left: 100px;
        }
.ChoixSousRubriquesBox
        {
        position: absolute;
        left: 350px;
        }

.NomTelecharge
        {
        font-family:Helvetica, Verdana, Arial;
        position: absolute ;
        left: 410px ;
        font-size : 14px;
        }

.ficheproduitretour
        {
        position:absolute;
        bottom:105px;
        left:400px;
        }

a.info
        {
        text-decoration:none;
        }

a.info:hover
        {
        text-decoration:none;
        }

a.info span
       {
       display:none;
       width:150px;
       margin-top:1px;
       text-align:center;
       font-size:15px;
       background-color:#FF9933;
       color:darkred;
       }

a.info:hover span
       {
       position:absolute;
       top:-15px;
       left:580px;
       width:500px;
       display:inline;
       border-style:solid;
       border-width:2px;
       background-color:darkred;
       border-color:darkred
       }

/*  table Confirmation    */
#confirmation-table  {
width: 400px;
border: 0.15em solid darkred;
padding: 0px;
spacing: 0px;
text-align: center;
font-size:15px;
color: darkred;
background-color:#FFFFFF;
}

/*  Erreur table     */
#erreur-table  {
width: 400px;
border: 0.15em solid darkred;
padding: 0px;
spacing: 0px;
text-align: center;
font-size:15px;
color: darkred;
background-color:#FFFFFF;
}