/* GENERAL  +  ACCUEIL*/


/*-----------------------------------------------------BODY et divers*/          

*      
{
margin:0;
padding:0;
} 

body
{
width:95%;                                              
margin-left:auto;           
margin-right:auto; 
margin-top:10px;               
background:#243D8A;
color:white;
} 

#bodyplus    
{
width:95%;                                                 
margin-left:auto;           
margin-right:auto; 
margin-top:10px;               
background:#243D8A url("../images/fond-y.gif") repeat-y;
color:white;
}

.fond-vert
{
background-color:#156947;
} 

.fond-noir
{
background-color:black;
} 

p
{
font-family:arial,"times new roman",sans-serif;
font-size:0.9em;
margin-left:2%;
margin-right:1%; 
line-height:120%;   
text-align:justify; 
}

h1, h2
{
font-family:"Times New Roman",arial,sans-serif;
} 

h2
{
text-align:center;
margin-top:10px;
font-style:italic;
font-size:1.5em; 
}

.decaler
{ 
margin-left:100px;
} 

.centrer
{
text-align:center;
margin-top:20px;
}

.p-indent
{
text-indent:20px;
}  

.p-indent-gras
{
font-weight:bold;
} 

.retrait     /*pour le bouton css des pages en photo-verticale*/
{
color:#243D8A;
} 

strong                           /*Pour le référencement*/
{
font-weight:normal;
} 

.strong-gras
{
font-weight:bold;
} 

a img 
{
border:none;
}  

#preload                    /*préchargement des boutons hover et active*/
{
display:none;
} 

/*--------------------------------------------fougeres----------------------*/

#fougeres  /*contact,conseils*/
{
width:229px;
height:139px;
position:absolute;
top:492px;
left:0px;

background:url("../images/fougeres.gif");  
}


#fougeres1  /*accueil,milos,skipper,philosophie,croisières,tarifs*/
{
width:229px;
height:139px;
position:fixed;                    
bottom:0px;                                                         
left:0px;
background:url('../images/fougeres.gif');  
}

#fougeres2 /*accueil,milos,skipper,philosophie,croisières,tarifs*/
{
width:137px;
height:139px;
position:fixed;
bottom:0px;             
right:0px;

background:url("../images/fougeres2.gif");  
} 

/*----------------------------------------------------------banniere */

#banniere
{
height:110px;

background:#FFFDDB url('../images/banniere.jpg') no-repeat right;                 
}



/*------------------------------------------------------------ ligne verte dégradée*/

#ligne-verte   
{
height:8px; 
background:url('../images/degrade-vert.gif') right ;
}

#ligne-blanche
{
height:2px; 
background-color:white;
} 

/*------------------------------------------------------------sous banniere menu horizontal*/

#sous-banniere   /*menu horizontal*/
{
height:23px;
background-color:#FFFDDB;
}

.conteneur-liens   /*dans la sous banniere*/
{
width:280px;        /*270px;*/
height:23px;
margin-left: 20%;            
} 

.bt1, .bt2, .bt3, .lien1
{
float:left;
width:87px;
height:22px;
margin-right:0px;
background:url('../images/bts/accueil-a.gif') no-repeat;
}

.bt1, .bt2, .bt3, .lien1:hover
{
margin-right:0px;
background:url('../images/bts/accueil-b.gif') no-repeat;
}

.bt1, .bt2, .bt3, .lien2
{
float:left;
width:87px;
height:22px;
margin-left:0px;
background:url('../images/bts/plan-du-site-a.gif') no-repeat;
}

.bt1, .bt2, .bt3, .lien2:hover
{
background:url('../images/bts/plan-du-site-b.gif') no-repeat;
margin-left:0px;
}

.bt1, .bt2, .bt3, .lien3
{
float:left;
width:87px;
height:22px;
margin-left:0px;
background:url('../images/bts/contact-a.gif') no-repeat;
}

.bt1, .bt2, .bt3, .lien3:hover
{
background:url('../images/bts/contact-b.gif') no-repeat;
margin-left:0px;
} 

/*----------------------------------------------------------------- menu gauche ( logo et sous menu) */

#menu-gauche
{
float:left;
width:17%;                          
height:420px; 
background-color:#FFFDDB;
}

#logo
{
width:102px;
height:98px;
background-image:url('../images/logosite.gif') ;
margin-left:auto;
margin-right:auto
}

#sous-menu
{
height:230px;
width:120px;
background:url("../images/fond-g.gif") no-repeat;               
margin-top:5px;
padding-top:3px;
margin-left:auto;
margin-right:auto;
}

.bt4, .bt5, .bt6, .bt7, .bt8, .bt9
{
display:block;
width:100px;
height:30px;
margin:auto;
}

.bt5, .bt6, .bt7, .bt8, .bt9
{
margin-top:5px;
} 

.bt4
{
margin-top:10px;
background:url('../images/bts/le-bateau-a.gif');
}
.bt5
{
background:url('../images/bts/le-skipper-a.gif');
}
.bt6
{
background:url('../images/bts/philosophie-a.gif');
}
.bt7
{
background:url('../images/bts/les-croisieres-a.gif');
}
.bt8
{
background:url('../images/bts/conseils-a.gif');
}
.bt9
{
background:url('../images/bts/les-tarifs-a.gif');
}

.bt4:hover
{
background:url('../images/bts/le-bateau-b.gif');
} 
.bt5:hover
{
background:url('../images/bts/le-skipper-b.gif');
} 
.bt6:hover
{
background:url('../images/bts/philosophie-b.gif');
} 
.bt7:hover
{
background:url('../images/bts/les-croisieres-b.gif');
} 
.bt8:hover
{
background:url('../images/bts/conseils-b.gif');
} 
.bt9:hover
{
background:url('../images/bts/les-tarifs-b.gif');
} 

.bt4:active
{
background:url('../images/bts/le-bateau-c.gif') no-repeat; 
} 
.bt5:active
{
background:url('../images/bts/le-skipper-c.gif') no-repeat; 
} 
.bt6:active
{
background:url('../images/bts/philosophie-c.gif') no-repeat; 
} 
.bt7:active
{
background:url('../images/bts/les-croisieres-c.gif') no-repeat; 
} 
.bt8:active
{
background:url('../images/bts/conseils-c.gif') no-repeat; 
} 
.bt9:active
{
background:url('../images/bts/les-tarifs-c.gif') no-repeat; 
} 

.snsm
{
width:129px;
height:127px;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}

.seashepherd
{
width:120px;
height:120px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
}

.onevoice
{
width:140px;
height:96px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}


.logo-ff
{
width:150px;
height:64px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
}

.text-ff
{
width:150px;
margin-left:auto;
margin-right:auto;
font-size:0.6em;
color:#cf3208;
text-align:center;
font-weight:bold;
} 

.f
{
font-size:1.1em;
} 

/*dmoz dans croisières*/

.secuser
{
width:88px;
height:31px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
}

.mandragore
{
margin-top:200px;
width:110px;
height:33px;
margin-left:auto;
margin-right:auto;
} 

.photos-voyages
{
margin-top:100px;
width:152px;
height:36px;
margin-left:auto;
margin-right:auto;
}



/*------------------------------------------------------------------------menu photos cliquables*/
.degrade           /*float a droite */
{
float:right;
width:150px;
height:420px; 
  
background-image:url('../images/menu-photos.png');
} 

.photo-cl
{ 
width:90px;
height:60px;
margin-top:25px;  
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.photo-cl-v
{ 
width:60px;
height:90px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.zapa
{
font-family:"Times New Roman",sans-serif;
font-size:0.9em;
font-weight:bold;
}

/*---------------------------------------------------------- arrondi jaune  , en haut à gauche*/

#arj
{
height:22px;
margin-left:17%;        
margin-right:25%;                  
              
background:url('../images/arj.gif') no-repeat top left !important;        /*Pas cet arrondi pour IE6*/  
}  

/*-------------------------------------------------------------------Corps de texte---contact--conseils--*/

#corps-central   
{
margin-top:20px;
margin-left:18%;                                
margin-right:16%;  
height:360px;              
} 

.photo-de-texte
{
float:left;
margin-left:1%;           
margin-top:20px; 
margin-right:15px;
} 

.texte1
{ 
margin-top:25px; 
text-align:justify;          
} 

.texte2
{
border-left:1px solid red;
margin-top:40px;          
font-style:italic; 
text-align:justify;   
}

/*------------------------------------------------------------menu horizontal en pied de page*/

.menu-pied         /*pour accessibilité*/
{
height:20px;
margin-left:18%;
margin-right:17%; 
} 

.liens-menu-pied
{
text-align:center;
}

.liens-menu-pied a:hover
{
color:#243D8A;
background-color:#FFFDDB;
} 

a
{
font-family:"Times New Roman",Georgia,"trebuchet MS",Verdana,sans-serif;
color:#FFFDDB;
font-style:italic;
font-weight:bold;
font-size:0.9em;
text-decoration:underline;
}

.espace-
{
color:#243D8A;
} 

/*----------------------------------------------INDEX--accueil------------------------------*/

#menu-gauche-index
{
float:left;
width:17%;                          
height:487px;   
background-color:#FFFDDB;
}

.degrade-index            /*float a droite */
{
float:right;
width:150px;
height:465px;    
  
background-image:url('../images/menu-photos.png');
} 

#corps-central-index 
{
width:66%;
height:450px;
margin-left:18%;
background:url(../images/accueil.jpg) no-repeat;  
} 

#texte-index
{
margin-top:15px;
height:430px;
margin-left:20%;
} 

.h1-a
{
text-align:center;
font-family:"times new roman",arial,sans-serif;
font-size:1.6em;
font-style:italic;
} 


.p-a-1
{
margin-top:15px;
text-align:center;
font-size:1.2em;
font-weight:bold;
font-family:"Comic Sans MS",arial,"times new roman",sans-serif;
} 

.remise
{
color:yellow;
margin-top:15px;
text-align:center;
font-size:1.2em;
font-weight:bold;
font-family:"Comic Sans MS",arial,"times new roman",sans-serif;
} 

.h2-a
{
margin-top:15px;
margin-bottom:0px;
font-size:1em;
text-align:center;
font-style:normal;
font-family:arial,"times new roman",sans-serif;
} 

.p-a-2
{
margin-top:2px;
text-align:center;
font-family:arial,"times new roman",sans-serif;
font-size:0.9em;
} 

.p-a-3
{
margin-top:15px;
text-align:center;
font-size:1.2em;
font-weight:bold;
font-style:italic;
font-family:"times new roman",arial,sans-serif;
} 

.p-a-4
{
margin-top:15px;
text-align:justify;
font-style:italic;
font-size:0.8em;

} 

/*--------------------------------------------------------------PAGES PHOTOS---------------*/

.pages-photos, .pages-photos2
{
text-align:center;
font-family:"comic sans ms",arial,sans-serif;
} 

.pages-photos
{
margin-top:20px;
} 

.pages-photos2
{
margin-top:10px;
} 

.pages-photos-amenagement
{
margin-top:100px;
text-align:center;
font-family:"comic sans ms",arial,sans-serif;
} 

em
{
text-decoration:underline;
font-weight:bold;
} 

.bouton-css
{
text-align:center;
background-color:#243D8A;        
color:#FFFDDB;
text-decoration:none;  
font-weight:bold;
padding:2px;
border:3px outset #c0c0c0; 
} 

.bouton-css:hover 
{
background-color:#FFFDDB;  
color:#243D8A;
} 

.bouton-css:active  
{
border:3px inset #c0c0c0;
} 

.bouton-css-vert
{
text-align:center;
background-color:#156947;       
color:#FFFDDB;
text-decoration:none;  
font-weight:bold;
padding:2px;
border:3px outset #c0c0c0; 
} 

.bouton-css-vert:hover 
{
text-align:center;                               
text-decoration:none;  
font-weight:bold;
padding:2px;
border:3px outset #c0c0c0; 

background-color:#FFFDDB; 
color:#156947;
}

.bouton-css-vert:active  
{
border:3px inset #c0c0c0;
} 

.bouton-css-noir
{
text-align:center;
background-color:black;        
color:#FFFDDB;
text-decoration:none;  
font-weight:bold;
padding:2px;
border:3px outset #c0c0c0; 
} 

.bouton-css-noir:hover 
{
text-align:center;                               
text-decoration:none;  
font-weight:bold;
padding:2px;
border:3px outset #c0c0c0; 

background-color:#FFFDDB; 
color:black;
}

.bouton-css-noir:active  
{
border:3px inset #c0c0c0;
} 

/*----------------------------------------------------------PLAN DU SITE-------------*/

#plan-menu
{
float:left;
width:48%;
height:530px;
border-left:#FFFDDB solid 2px; 
}

.menu
{
font-size:1.3em;
width:80%;
height:460px;
margin-top:10px;
margin-left:16%;
padding-left:2%;
} 

.lien1-menu-gauche
{
margin-top:40px;
} 

.liens-menu-sous-banniere, .liens-menu-gauche
{
margin-top:10px;
margin-bottom:10px;
} 

.ancre
{
margin-top:3px;
} 
.ancre a
{
color:#FFFC6B;
margin-left:50px;
} 


#degrade-plan-site
{ 
width:49%;
margin-left:51%;                              
height:530px;

background:url('../images/degrade-plan-site.png') no-repeat right;
}

.lucie
{
margin-top:100px;
} 

/*------------------------------MILOS (le bateau)----*/

.milos
{
width:250px;
height:174px;  

background-image:url('../photos/capote-milos.jpg');  
}

#menu-gauche-milos
{
float:left;
width:17%;                          
height:1475px; 
background-color:#FFFDDB;
}

.degrade-milos
{
float:right;
width:150px;
height:1475px; 

background-image:url('../images/menu-photos.png');
} 

#corps-central-milos
{
margin-left:18%;                                    
margin-right:16%;                  
height:1425px;
} 

.texte1-bateau
{ 
margin-top:40px; 
text-align:justify;    
font-weight:bold;   
} 

ul
{
font-family:arial,"times new roman",sans-serif;
font-size:0.9em;
margin-left:50%;
margin-top:20px;
} 

.equipement
{
margin-top:20px;
margin-left:30%;
font-weight:bold;
}

.ul2
{
margin-left:40%;
margin-top:5px;
} 

.photo-cl-bateau
{ 
width:90px;
height:60px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.photo-cl-bateau-v
{ 
width:60px;
height:90px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.fleche
{
width:50px;
height:50px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
} 

/*-------------------------------------LE SKIPPER-----------*/

.photo-cl-v-skipper
{ 
width:60px;
height:90px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.le-skipper
{
width:250px;
height:167px;  

background-image:url('../photos/le-skipper.jpg');  
}

#menu-gauche-skipper
{
float:left;
width:17%;                          
height:725px; 
background-color:#FFFDDB;
}

.degrade-skipper
{
float:right;
width:150px;
height:725px; 

background-image:url('../images/menu-photos.png');
} 

#corps-central-skipper
{
margin-left:18%;                                    
margin-right:17%;               
} 

.texte2-skipper
{
margin-top:40px;
font-size:1em;
font-style:italic;
} 

/* ----------------------------------------------PHILOSOPHIE------*/

.philosophie
{
width:250px;
height:174px;  

background-image:url('../photos/philosophie.jpg');  
}

#menu-gauche-philosophie
{
float:left;
width:17%;                          
height:870px; 
background-color:#FFFDDB;
}

.degrade-philosophie
{
float:right;
width:150px;
height:870px; 

background-image:url('../images/menu-photos.png');
} 

#corps-central-philosophie
{
margin-left:18%;                                    
margin-right:16%;                  
height: 818px;                   
} 

.texte1-philosophie
{ 
margin-top:20px; 
margin-bottom:10px;   
font-weight:bold;   
} 

.photo-cl-philosophie
{ 
width:90px;
height:60px;
margin-top:120px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 



/*-----------------------------------------CONSEILS-----*/
.photo-de-texte-conseils
{
float:left;         
margin-top:20px; 
margin-right:10px;
} 

.conseils
{
width:250px;
height:168px;  

background-image:url('../photos/conseils.jpg');  
}



.ul-conseils
{
margin-left:43%;
line-height:120%;
list-style-position:inside;
} 

.photo-cl-conseils
{ 
width:90px;
height:60px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

/*----------------------------------CONTACT------------*/

.photo-de-texte-contact
{
float:left;
width:200px;
height:138px;  
margin-left:8%;           
margin-top:80px;    
margin-right:15px;
} 

.contact
{
width:200px;
height:138px;  
background-image:url('../photos/biche.jpg');  
} 

.photo-cl-v-contact
{
width:60px;
height:90px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
}

.photo-cl-contact 
{
width:90px;
height:60px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.adresse
{
font-weight:bold;
font-size:1em;
width:200px;
margin-left:50%;
text-align:center;
font-family:"comic sans ms",arial,sans-serif;
border:3px outset white;              
padding-top:2px;
padding-bottom:4px;
}

.p-contact
{
font-weight:bold;
margin-top:40px;
margin-left:40%;
font-family:arial,"times new roman",sans-serif;
font-size:1em;  
}

.texte2-contact
{
margin-top:30px;  
margin-left:50%;
}
 
.mail
{
text-decoration:underline; 
font-weight:bold;
font-size:120%;         
font-style:italic; 
font-family:arial,"times new roman",sans-serif; 
color:#FFFC6B;
} 

.mail:hover
{
font-size:110%;   
color:white;
} 


/*---------------------------------TARIFS--------------*/

#menu-gauche-tarifs
{
float:left;
width:17%;                          
height:1000px;            /*965px; */
background-color:#FFFDDB;
}

.photo-cl-tarifs
{
width:90px;
height:60px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.degrade-tarifs
{
float:right;
width:150px;
height:1000px;   /*965px; */

background-image:url('../images/menu-photos.png');
} 

#corps-central-tarifs
{
margin-left:18%;                                    
margin-right:16%;                  
height:907px;                         
} 

.d1
{
font-size:1.4em;
} 
.d2
{
font-size:1.2em;
}  

.jour-darrivee
{
margin-top:10px;
font-style:italic;
text-align:center;
} 

.mouette
{
float:left;
width:120px;
height:219px;  
background-image:url('../images/mouette.jpg');
margin-left:1%;
margin-top:35px  
}

.antoinette
{
text-align:center;
margin-top:20px;
} 

.mouette2
{
font-size:0.7em;
} 

.saison
{
width:550px;
margin-left:auto;
margin-right:auto;
margin-top:40px;
padding:5px;
border:1px solid white;
} 

.prix
{
margin-left:10%;
margin-right:10%;
margin-top:10px;
line-height:150%;
}

.prix2
{
margin-left:10%;
margin-right:10%;
margin-top:35px;
font-size:0.8em;
}

.prix2bis
{
margin-left:10%;
margin-right:10%;
margin-top:10px;
font-size:0.8em;
} 


.prix3
{
margin-left:22%;
margin-right:10%;
margin-top:15px;
font-size:0.8em;
} 

.corps-central2
{ 
height:258px;
}

/*------------------------------------- CROISIERES-------*/
.photo-cl-croisieres
{
margin-top:120px; 
width:90px;
height:60px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 


.photo-cl-croisieres-grenadines
{
margin-top:20px;
width:90px;
height:60px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.photo-cl-croisieres-dominique
{
margin-top:20px;
width:90px;
height:60px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.photo-cl-v-croisieres-dominique
{ 
margin-top:20px;
width:60px;
height:90px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.photo-cl-croisieres-antigua
{
margin-top:20px;
width:90px;
height:60px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.photo-cl-croisieres-vierges
{
margin-top:20px;
width:90px;
height:60px;
margin-left:auto;
margin-right:auto;
border:1px solid white;
} 

.croisieres
{
width:250px;
height:168px;  
background-image:url('../photos/croisieres.jpg');  
}

h3
{
margin-left:2%;
margin-bottom:20px;
margin-top:40px;
font-family:arial,"times new roman",sans-serif;
font-size:1.1em;
} 

.p-indent-gras-croisieres
{
margin-top:20px;
font-weight:bold;
font-style:italic;
}

#carte
{
height:620px;
background:url("../images/carte.jpg") right no-repeat; 
margin-top:50px;
} 

.carte
{
padding-top:250px;
} 

.ul-croisieres
{
margin-left:10%;
margin-top:50px;
line-height:250%;
font-size:1.2em;
color:#FFFC6B;
list-style-type:none;
}

.ex-croisieres
{
font-weight:bold;
color:#FFFC6B;
text-decoration:underline;
} 

.fleche-croisieres
{
width:50px;
height:50px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:40px;
} 
 
#menu-gauche-croisieres
{
float:left;
width:17%;                          
height:4467px;                           
background-color:#FFFDDB;
}

.degrade-croisieres
{
float:right;
width:150px;
height:1600px;                                             
                    
background-image:url('../images/menu-photos.png');
} 

.cr-1-intro
{
height:1600px;                        
margin-right:19%;    
} 
                 
#arj-cr2
{
height:22px;
margin-left:17%; 
background:url('../images/arj.gif') no-repeat top left !important;  /*pour IE6*/
}  

#degrade-arj
{
float:right;
width:150px;
height:22px;
background-image:url('../images/menu-photos.png');
} 

.h2-cr
{
margin-top:0px;
padding-top:20px;
} 

#cr-1, #cr-2, #cr-3, #cr-4, #cr-5
{
margin-left:18%;
} 

.cr-2-grenadines
{
height:650px;
margin-right:19%;
} 

.degrade-croisieres-grenadines
{
float:right;
width:150px;
height:650px; 
background-image:url('../images/menu-photos.png');
} 

h4
{
margin-left:2%;
margin-top:10px;
font-family:arial,"times new roman",sans-serif;
font-size:1em;
}

h4
{
margin-left:2%;
margin-top:10px;
font-family:arial,"times new roman",sans-serif;
font-size:1em;
}

.description
{
margin-left:2%;
margin-top: 0px;       
margin-bottom:20px;
font-family:arial,"times new roman",sans-serif;
font-size:1em;
font-style:italic;
}

.degrade-croisieres-dominique
{
float:right;
width:150px;
height:630px;                       
background-image:url('../images/menu-photos.png');
} 

#cr-3-dominique
{
margin-right:19%;
height:630px;
}

.degrade-croisieres-antigua
{
float:right;
width:150px;
height:640px; 
background-image:url('../images/menu-photos.png');
} 

#cr-4-antigua
{
margin-right:19%;
height:640px;
} 

.degrade-croisieres-vierges
{
float:right;
width:150px;
height:925px;                                        
background-image:url('../images/menu-photos.png');
} 

#cr-5-vierges
{
margin-right:19%;
height:865px;                         
}

.dmoz
{
width:125px;
margin-right:auto;
margin-left:auto;
margin-top:30px;
}  

/*---------------------------------------------MENU-INFERIEUR-----------------------*/

.menu-inferieur
{
clear:both;
height:25px;
}

.bg-gauche
{
width:17%;
height:25px;
float:left;
background:#FFFDDB;
} 

.degrade-droit
{
width:150px;
height:25px;
float:right;
background-image:url("../images/menu-photos.png");
} 

.liens-menu-inferieur
{
height:25px;
margin-left:18%;
margin-right:16%;
text-align:center;
} 

.liens-menu-inferieur a:hover
{
color:#243D8A;
background-color:#FFFDDB;
} 


/*------------------------------------------------------------pied de page ----*/
#liens-pied-page
{
float:right;
margin-right:10%;
margin-top:4px;
} 

#liens-pied-page a
{
padding-left:10px;
margin-right:30px;
} 

#pied-de-page
{
height:26px;
background:#FFFDDB url('../images/ar-pied.gif') no-repeat bottom right;
margin-bottom:10px;
} 

.w3c
{
margin-left:20%;
}

.liens-ref
{
color:#243D8A;                     
font-size:1em; 
font-style:italic;
font-weight:bold;
text-decoration:underline;
} 

.liens-ref:hover
{
color:#c33682;
} 

#liens-bannière
{
margin-left:14%;
margin-right:8%;
text-align:center;
} 

/*-------------------------------------------Partenaires-----------------------*/

#bloc-partenaires
{
border-left:solid white 3px;
border-right:solid white 8px;
height: 600px;                 /*400px;*/
} 



.liste
{
margin-left:1%;
padding-top:15px;
}

.liste a 
{
font-size:1.2em;
font-weight:bold;
} 

.liste a:hover
{
color:fuchsia;
}