/* pages du site aller-grece.com */
/* fichier "lien2.css" */
#content { 
   position: absolute;
   left: 50%;
   margin-left: -480px; /* moitié de la valeur de la largeur */
   width : 980px ;
   top: 10px;  
}

body { font-family : "arial sans-serif" , Georgia , serif ; background-color : #b5dbfb ; font-size : 16px ;} /* texte et fond page générique */
body.taille { width : 980px; } /* taille générique des pages  */
body.taillephoto { background-color : #060606 ; width : 900px ; } /* taille et fond spécial  page photo du mois */
body.fond { background-color : #060606 ; } /* fond spécial des pages photos */

.cnil { font-family : "arial sans-serif" , Georgia , serif ; color : #ffffff ; font-size : 9px ; text-align : center ; } /* texte loi CNIL */
.valid{ padding-left : 12px ; padding-top : 6px ; padding-bottom : 6px ; } /* position logo W3C */
p { position : static; font-size : 16px ;} /* position et taille du texte générique */
p.p3{ position : relative; font-size : 16px ;} /* position et taille du texte générique de la page 3 seulement */


img.centre { position : relative ; top : 5px ;  left : 9% ;} /* position générique centrale de l'image - 13  */
img.position { float : right ; margin : 17px ; text-align : justify; border : 2px outset white ;} /* position spécifique de l'image - bas page et autres 7*/
.droite { float : right ; border : 2px outset white ; width : 50% ; margin : 30px ; padding : 20px ;  } /* position à droite de l'image - 2  - width porté de 37% à 50%  pour édito spécial*/
.pubdroite { float : right ; border : 2px outset white ; width : 31% ; margin : 30px ; padding : 20px ;  } /* position de l'mage de pubfiliation dans page harley*/
.deux { float : left ; margin : 10px ; border : 2px outset white ; } /* position à gauche de l'image - 22 */
.deuxbis { float : left ; } /* position à droite de l'image pour les formats puce- 28 */
.trois { float : right ; margin : 10px ; border : 2px outset white ; } /* position à droite de l'image  variante de "droite"- 3 */
.aucentre { position : relative ; left : 45% ; ; border : 2px outset white ; width : 9% ; } /* position au centre de l'image astuces & FAQ - 9 */
.centredr{ position : relative ; top : 5px ;  left : 9% ; border : 2px outset white ; } /* position à droite des photo verticales du diaporama- 1  */
.pubgauche { position : relative ; top : 5px ;  left : 3px ; } /* position PUB HELIAS*/


.footer {  margin-left: 80px; padding-left : 18px ; padding-top :33px ; width : 900px ; } /* position pour mes futurs sites*/

.lienfoot { text-decoration : none ; color : #0366cb ; }

.titre { text-align : center ; }
.titresite { text-align : center ;color : #f8f800 ; }
.titrecol { color : #7dfdfd ; }
.titrecolv2 { color : #f9f8f8 ; }
.quest { color : green ; font-weight: bold;}


.bord  { border-style : none ; }


/* taille générique des titres  */

h1 { font-size : 12px ; } 
h2 { font-size : 20px ; }  
h3 { font-size : 18px ; }  
h4 { font-size : 16px ; } 
 



/* Menu vertical */


#navcontainer
{
float: left;
width: 123px;
background: #83b4dd;
margin: 0px;
padding: 18px 3px 0 0;
font-family:  Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0px 0px 15px 3px;
margin: 0px 3px 3px 3px;
}

ul#navlist li
{
display: block;
padding-top: 0px;
margin: 0px;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 2px 0px 2px 2px;
margin-top: 5px;
border-bottom: 1px solid #36F;
text-decoration: none;
background: #fcfcc8;
color: #000099;
}

#navcontainer>ul#navlist li a
{ 
color: #000099;
width: auto; 
}


ul#navlist li#active a
{
background:  #CCD9FF;
color: #000099;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
background: #CCD9FF;
color: #000099;
border-bottom-color: #660099;
}

#xiti
{
position: absolute;
top: 0;
left: 0;
}

ul#navlist2
{
text-align: left;
list-style: none;
padding: 0px 0px 15px 3px;
margin: 0px 3px 3px 3px;
}

ul#navlist2 li
{
display: block;
padding-top: 0px;
margin: 0px;
}

ul#navlist2 li a
{
display: block;
width: 100%;
padding: 2px 0px 2px 2px;
margin-top: 5px;
border-bottom: 1px solid #36F;
text-decoration: none;
background: #fcfcc8;
color: #000099;
}

#navcontainer>ul#navlist2 li a
{ 
color: #000099;
width: auto; 
}


ul#navlist2 li#active a
{
background:  #CCD9FF;
color: #000099;
}

ul#navlist2 li a:hover, ul#navlist2 li#active a:hover
{
background: #CCD9FF;
color: #000099;
border-bottom-color: #660099;
}

ul#navlist3    /* code n'ayant plus d'utilité */
{
text-align: center;
list-style: none;
padding: 0px 0px 15px 3px;
margin: 0px 3px 3px 3px;
}