/********************************************************
* Feuille de styles pour le site maniez   		*					
********************************************************/

* {padding: 0; margin: 0;}

body {
color : #500000; /* couleur de la police */
text-align: center ;
background-color: #1b2026 ;  /* couleur d'arriére plan */
background-image: url(images/logo_v5.jpg);
background-repeat: repeat-x;
background-position: bottom left;
background-attachment: fixed; /* ne défile pas avec la page*/
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small; /* Taille de la police*/
}


/*========================================================
	1. Zone DIV
========================================================*/

#wrapper{
color: black;
text-align: left ;
background-color: #f3c600;
width: 900px;
margin-top: 10px;
margin-right: auto; /*marge droite automatique */
margin-bottom: 10px ;
margin-left: auto; /* Marge gauche automatique */
}

#bandeau{
position: relative; /* positionné, mais dans le flux */
color: #500000 ;
background-color: #f3c600;
border-left: 0px solid #8c8c8c;
border-right: 0px solid #8c8c8c;
border-top: 0px solid #8c8c8c;
padding-top: 0px ;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}


/* Sélecteur imbriqué : uniquement l'image du bandeau */
#bandeau img {
padding: 5px;
border: 0px solid #d9d9d9;
margin: 0px 10px 10px -15px;
}

#coinbd, #coinbg {
border:0; 
margin:0 0 0 0;
padding:0 0 0 0;
}

#coinbd{
height: 40px;
width: 40px;
float:right;
background-image: url(images/bandeau-coin-haut-droit-fonce.png) ;
} 

#coinbg{
height: 40px;
width: 40px;
background-image: url(images/bandeau-coin-haut-gauche-fonce.png) ;
}

#bandeau p{
position: absolute;
top: 20px;
right: 10px;
font-weight: bold; /*gras*/
padding: 0px 0 5px 0;
margin-bottom: 0; /* était 1em */
}

#bandeau p span { font-size: 150% ;}

#zone_de_navigation {
text-align: right; /* aligné à droite */
color: black;
background-color: #f3b100;
border-left: 0px solid #8c8c8c;
border-right: 0px solid #8c8c8c;
padding: 5px 10px 4px 10px;
border-bottom: 1px solid #8c8c8c;
}

#zone_de_navigation ul{
margin-bottom: 0; /* pas de bord inférieur */
}

#zone_de_navigation li{
display: inline; /* placer li côte à côte */
list-style-type: none; /* sans points d'énumération */
margin: 0 ;
}

#zone_de_navigation a{ 
color: black; 
background-color: #ffeda0;
padding: 4px 8px 4px 8px;
border: 1px solid #8c8c8c;
}

#zone_de_navigation a:active { background-color: white; }

#zone_de_navigation a:hover, #accueil #navi01 a, #activite #navi02 a, #equipe #navi03 a,  #album #navi05 a, #reference #navi04 a, #album_listing #navi05 a, #contact #navi06 a {
text-decoration: none; /*soulignement désactivé */
color: black;
background-color: white;
padding-bottom: 5px; /* un pixel de plus su'en haut */
border-bottom: none; /* ligne de cadre inférieure désactivée */
}

#zone_de_texte {
color: #500000;
background-color: white;
padding-top: 20px;
padding-right: 80px;
padding-bottom: 20px;
padding-left: 90px;
}

#zone_de_texte span {
font-weight: bold; 
}

#pied_de_page {
color: #500000;
padding: 20px;
padding-top: 10px; /* Marge interne supérieure, au dessous de la bordude */
border-top: 1px solid #8c8c8c; /* Bordure supérieure */
margin-top: 20px; /* Marge externe supérieure, au dessus de la bordure */
}

#logoCSS {
text-align: right;
}
#phpmv {
float: left;
padding-top: 15px;
}


/*========================================================
	2. Eléments HTML généraux
========================================================*/

h1 { 
font-size: 160% ;
margin: 0;
padding: 0;
}

h2 { 
font-size: 140% ;
margin-bottom: 1em;
}

h3 {
font-size: 120% ;
margin-bottom: 1em;
margin-top: 2em;
}

table {
text-align: center;
width: 100% ;
}

address {
text-align: center; /*centrer*/
font-size: 80% ;/* un peu plus petit */
font-style: normal; /*police normal, pas en italique*/
letter-spacing: 2px; /* espacement entre les lettres*/
line-height: 1.5em; /* espacement entre les lignes*/
}

img {
border: 0px solid #d9d9d9;
}


a { text-decoration: none; } /*supprimer le soulignement */
a:link { color: #d90000; }

a:hover, a:focus { text-decoration: underline; }
a:active { color: white; background-color: #d90001; }

.skiplink {display: none; }

p, ul {
margin-top: 0;
margin-right: 0;
margin-bottom:1em;
margin-left: 0;
}

ul ul {
margin: 0;
}

li {
margin-top: 8px;
margin-right: 0;
margin-bottom:0;
margin-left: 1em;
}

#reference #zone_de_texte ul, #album #zone_de_texte ul {
padding-bottom: 50px;
margin-left: 40px;
}

#reference #zone_de_texte li #ralbum #zone_de_texte li{
margin-top: 12px;
}

/*========================================================
	3. Le formulaire de contact
========================================================*/

form {
background-color: #eee ;
width: 500px; /* Largeur du formulaire */
padding: 20px;
margin-left: auto;
margin-right: auto;
margin-top: 30px; 
border: 1px solid #8c8c8c;
}

label {display: block; } /* Titre sur une ligne à part */

/*Même longueur pour les deux champs de saisie */

input, select, textarea {
width: 300px;
border: 1px solid #8c8c8c;
margin-bottom: 1em;
}

textarea {
height: 7em;
width: 480px;
}

#destination {
width: 180px;
}

input:focus, textarea:focus {background-color: #d9d9d9;}

/*========================================================
	4. Equipe
========================================================*/

#equipe table img {
margin: 10px;
}

#equipe td {
color: #500000 ;
border-top: 1px solid #d9d9d9;
}

/*========================================================
	5.Album
========================================================*/

#album_listing #zone_de_texte p {
text-align: center ;
}


#album_listing #zone_de_texte img {
	background-color:#eee ;
	border: 1px solid #eef;
}

#album_listing H3 {
font-size: 120% ;
text-align: center;
margin-bottom: 1em;
margin-top: 2em;
}

#album #zone_de_texte a{ 
color: #500000; 
text-decoration: underline;
border: none ;
padding: 4px 8px 4px 8px;
}

#album #zone_de_texte a:active { background-color: white;}

#album #zone_de_texte a:hover {
text-decoration: none; /*soulignement désactivé */
color: black;
background-color: white;
padding-bottom: 5px; /* un pixel de plus su'en haut */
border-bottom: none; /* ligne de cadre inférieure désactivée */
}

/*========================================================
	6. Activite
========================================================*/

#activite #zone_de_texte p {
}

#activite td {
padding-top: 20px;
padding-bottom: 10px;
border-top: 0px solid #d9d9d9;
}

#activite #zone_de_texte p {
margin-bottom: 10px;
font-weight: normal ;
}

/*========================================================
	6. References
========================================================*/

#listing_annee {
text-align: left;
}

#reference #zone_de_texte img {
float: right;
border: 0px solid #d9d9d9;
margin: 0;
padding: 0;
margin-top: -20px ;
}

#reference #zone_de_texte img.gauche  {
margin-right: 100px ;
}