html,body {

background-color: #4a473e;
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ccdd34;
SCROLLBAR-SHADOW-COLOR: #ccdd34;
SCROLLBAR-3DLIGHT-COLOR: #ccdd34;
SCROLLBAR-ARROW-COLOR:  #999944;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ccdd34;
}

*{
margin: 0px;
padding: 0px
}

/*STRUCTURE de PAGE : forme générique*/

#page
{
   position: absolute;
   left: 50%;
      /* on place le bord gauche de la boîte au centre de la fenêtre*/
   width: 930px;

   margin-left: -465px;
         /* on décale la boîte vers la gauche de la moitié de sa largeur
            -(width + (2 x (padding + border))) */
   margin-top: 60px;
   background-color: #ffffff;
}

.leurre {
font: 1px Verdana;
color:white;
}


.haut {
position: absolute;
width: 930px;
height: 150px;
font: 12px verdana;
background-color: #ffffff;

}

.logo {
position : absolute;
width: 160px;
top: 0px;
left: 0px;
}

.logo2 {
position: absolute;
top: 0px;
left: 160px;
}

.carrevert {
position: absolute;
top: 25px;
left: 890px;
}

.carrebleu {
position: absolute;
top: 25px;
left: 910px;
}

.bandeau {
position: absolute;
left: 195px;
top: 55px;
}

/*La marque de repérage */
.reperage {
position: absolute;
font: 10px Verdana;
left: 195px;
top: 75px;
}

.slogan {
position: absolute;
left: 100px;
top: 80px;
}




/*Le titre de la fiche dans le Quart nord ouest*/
.titre1 {
position: absolute;
font: 16px Verdana;
font-weight: 600;
left: 195px;
top: 92px;
color: #a52a2a;
}



.conteneur {
position : absolute;
width: 930px;

font: 13px verdana;
background-color: #ffffff;

margin-top: 150px;
}


.gauche {
width: 196px;
font: 13px verdana;
background-color: #ffffff;
float: left;
}

.lignevert {
width: auto;
height: auto;
margin-top: 0px;
margin-left: 30px;
}

.lignebleu {
position: absolute;
width: auto;
height: auto;
margin-top: 20px;
margin-left: 20px;
}


.droite {
width: 730px;
font: 13px verdana;
background-color: #ffffff;
float: right;
height : 2130px;
}


/* les pages de catalogue Voyage accessibles à partir du  menu vertical*/


.quartnordouest {
width: 430px;
float: left;
background-color: #ffffff;
}


.titrerubrique {
width: 428px;
height: 15px;
padding: 1px;
border-top: 2px solid #6666BB;
border-bottom: 2px solid #6666BB;
background-color: #ffEFD5;
}

.textetitrerubrique {
font: 11px Verdana;
font-weight: 600;
color: #a52a2a;
text-align: center;
margin: 0px;
padding: 0px;
}

.textevoyage {
width: 425px;
height: auto;
padding: 1px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #ffffff;
}

.imagetexte {
margin-left : 80px;
}

.policetextedescriptif {
font: 11px Verdana;
color: darkblue;
text-align: justify;
padding: 15px;
}

ul.listeactivite {
font: 11px Verdana;
color: darkblue;
text-align: justify;
margin-left: 10px;
display: list-item;

padding: 1px;
}

ul.listeactivite2 {
font: 11px Verdana;
color: darkblue;
text-align: justify;
display: list-item;
margin-left: 25px;

padding: 1px;
}


.rubrique {
width: 428px;
padding: 1px;
background-color: #ffffff;
}

.texterubrique {
font: 11px Verdana;
color: darkblue;
text-align: center;
padding-bottom: 2px;
margin: 0px;
}

.quartnordest {
width: 300px;
float: left;
margin-left: 0px;
text-align: center;
background-color: #ffffff;
}

.quartsudouest {
width: 430px;
background-color: #ffffff;
margin-top: 0px;
float: left;
}

a {
text-decoration: none;
color: brown;
}

a:hover {
text-decoration: underline;
color: brown;
}

.renseignements {
width: 94px;
height: 27px;
margin-left: 170px;
margin-top: 10px;
color: #ffffff;
}

.boutonrens {
border: 0px;
}



.quartsudest {
width: 300px;
float: left;
margin-left: 0px;
text-align: center;
background-color: #ffffff;
}

.h {
margin-left:4px
}

.v {
margin-left:3px
}


/*Pourl'Agence s21 : découpage des 4 quarts des pages voyages +  */

.planluchon1 {
margin-left: 106px;
margin-top: 15px;
border: 0px;
}

.agencerubrique {
width: 310px;
height: auto;
padding: 1px;
background-color: #ffffff;
}

.agencetexterubrique {
font: 11px Verdana;
color: darkblue;
text-align: justify;
padding: 1px;
padding-top: 8px;
}

.agencerenseignements {
width: 94px;
height: 27px;
margin-left: 150px;
margin-top: 40px;
color: white;

}

.agenceboutonrens {
border: 0px;
}


/*Formulaire de contact par e-mail S22*/

form {
background-color: #ffEFD5;
padding: 10px;
width: 660px;
font: 10px verdana;
color: darkblue;
}

label {
display: inline;
float: left;
font-family: verdana;
font-weight: 600;
width: 200px;
color: brown;
}

input {
border: 1px solid black;
background-color: white;
color: darkblue;
font: 10px Verdana;
}

.boutonradio {
border: 0px;
background-color: #ffEFD5;
}

.select, option {
background-color: #ffEFD5;
color: darkblue;
}

.textarea {
border: 1px solid black;
background-color: white;
font: 10px Verdana;
color: darkblue;
}

input.commandes {
background-color: #999944;
color : #ffffff;
margin-left: 250px;
}

/*structure des pages services moitié haut et moitié bas*/

.moitiehaut {
width: 600px;
height: 250px;
}

.moitiebas {
width: 720px;
height: 250px;
}

.immoitiehaut {
margin-left: 98px;
}

.immoitiebas {
margin-left: 98px;
}


/*structure spécifique pour la page EXPLORATIONS avec les canyons sahariens*/

.s4moitiehaut {
width: 720px;
height: ;
}

.s4imagevvgauche {
margin-left: 66px;
}

.s4imagevvdroite {
margin-left: 175px;
}

.s4imagehhgauche {
margin-left: 33px;
}

.s4imagehhdroite {
margin-left: 110px;
}

.s4imagehvgauche {
margin-left: 33px;
}

.s4imagehvdroite {
margin-left: 143px;
}

.s4imagevhgauche {
margin-left: 66px;
}

.s4imagevhdroite {
margin-left: 142px;
}


.s4moitiebas {
width: 720px;
height: ;

}

.ouverturegauche {
width: 530px;
height: ;
float: left;
}

.ouverturedroite {
width: 170px;
height: ;
margin-left:25px;
margin-top:5px;
float: left;
}

.fleche {
border : 0px;
}

.policetextenavigation {
font: 11px  Verdana;
font-weight : 600;

color: #a52a2a;
}

.policetextenavigationblanche {
font: 11px  Verdana;
font-weight : 600;

color: white;
}

.policetexteordinaire {
font: 12px Verdana;
color: darkblue;
text-align: justify;
padding: 3px;
}

ul.listeaordinaire {
font: 11px Verdana;
color: darkblue;
text-align: justify;
margin-left: 10px;
display: list-item;

padding: 1px;
}

.policetexteordinaire2 {
font: 11px Verdana;
color: darkblue;
text-align: justify;
margin-left: 12px;
padding: 3px;
}


ul.listeordinaire2 {
font: 11px Verdana;
color: darkblue;
text-align: justify;
display: list-item;
margin-left: 40px;

padding: 1px;
}



/*Page Prochains départs */

.bloc1 {
width: 680px;
background-color: #ffEFD5;
margin-left: 10px;
padding: 6px;
}

.bloc2 {
width: 680px;
background-color: #E9DBC3;
margin-left: 10px;
padding: 6px;
}

.prochainsoustitre {
font: 15px Verdana;
font-weight: 600;
color: darkblue;
margin-left: 30px;
}

.prochainsoustitre2 {
font: 13px Verdana;
font-weight: 600;
color: brown;
margin-left: 10px;
}




/*Page d'accueil : présentation de Patrick et de son pédigree*/


.policetexteaccueil {
font: 12px Verdana;
color: darkblue;
text-align: justify;
padding: 10px;
}



.accueilgauche {
width: 430px;
margin-top: 20px;
padding-left: 4px; 
padding-right: 4px;
background-color: #ffffff;
float: left;
font: 11px Verdana;
color: darkblue;
text-align: justify;
}

.accueiltitre1 {
font: italic 13px Verdana;
text-align: center;
color: #a52a2a;
}

.listeaccueil {
font: 11px Verdana;
list-style-type: none;
display : list-item;
list-style-position: inside;
padding-left: 10px;
}

.accueildroit {
width: 270px;
background-color: #ffffff;
margin-top: 20px;
float: right;
font: 13px Verdana;
font-weight: 600;
text-align: center;
color: #a52a2a;
padding-left: 2px;
}



/*Page du programme de la semaine*/

table {
margin-top: 10px;
border : 0px;
width: 100%;
}

th {
font: 11px Verdana;
color: darkblue;
font-weight: strong;
vertical-align: top;
}

.date {
font: 11px Verdana;
color: darkblue;
font-weight: 600;
border-style: solid;
border-color: #ffffff;
border-width: 5px ;
text-align: left;
vertical-align: top;
}

td {
font: 11px Verdana;
color: darkblue;
border-color: #ffffff;
border-style: solid;
border-width: 5px ;
text-align: center;
vertical-align: top;
}

.livre {
font: 11px Verdana;
color: darkblue;
border-color: #ffffff;
border-style: solid;
border-width: 5px ;
text-align: left;
vertical-align: top;
}

/*Page des séjours jeunes*/
.montagejeunes {
margin-left: 140px;
}

/*Page des séjours familles*/
.montagefamille {
margin-left: 140px;
}