html, body{
background-color:#545350;
margin: 0;
padding: 0;
}

#pere{
width:1024px;
padding-top:40px;
margin:auto;
}

#bandeau{
width:1034px;
height:285px;
background-image:url(img/bandeau-fond.gif);
background-repeat:no-repeat;
}

#logo{
width:327px;
height:238px;
padding-top:47px;
margin-left:13px;
float:left;
}

#arbre{
width:87px;
height:238px;
float:left;
}

#noms{
width:240px;
height:237px;
float:left;
}

#guilhot{
width:240px;
height:111px;
}

#ambiance{
width:240px;
height:127px;
}

#texte{
float:left;
width:564px;
margin-left:53px;
padding-top:40px;
float:left;
/*padding-top:80px;*/
}

#texte-rabaisse{/*texte rabaissé pour les pages ou il n'y a pas de carroussel*/
float:left;
width:564px;
margin-left:53px;
padding-top:70px;
float:left;
/*padding-top:80px;*/
}

#texte-rabaisse-bcp{/*texte très rabaissé pour les pages ou il n'y a pas de carroussel*/
float:left;
width:564px;
margin-left:53px;
padding-top:100px;
float:left;
/*padding-top:80px;*/
}

#logo-index{
height:67px;
width:565px;
padding-top:30px;
}

#unep{
width:90px;
margin-left:150px;
float:left;
}

#qualipaysage{
width:90px;
float:left;
margin-left:88px;
}

#img-admin{
width:60px;
height:59px;
float:left;
margin-left:6px;
padding-top:5px;
}

h1{
color:#c2980e;
font-family:verdana;
font-weight:bold;
font-size:14px;
text-align:center;
}

.texteblancgrand{
color:#ffffff;
font-family:verdana;
font-weight:normal;
font-size:12px;
text-align:justify;
}

a:link, a:visited, a:hover{
text-decoration:none;
cursor:pointer;
}

#bas{
width:1024px;
height:400px;
background-color:#1f1b1a;
}

#img-bas{
height:400px;
width:1024px;
}

#societe{
width:168px;
float:left;
}

#fond-soc{
width:168px;
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#fond-soc-up{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-soc{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-soc, a:visited #fond-soc{
width:168px;
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#paysagiste{
padding-left:3.2px;
width:168px;
float:left;
height:28px;
}

#fond-pays{
width:168px;
height:28px;
text-align:center;
background-color:#c2980e;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#fond-pays-up{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#img-pays{
width:168px;
padding-top:28px;
}

#jardinerie{
padding-left:3.2px;
width:168px;
float:left;
}

#fond-jardi{
width:168px;
height:28px;
background-color:#c2980e;
color:#ffffff;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#fond-jardi-up{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-jardi{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-jardi, a:visited #fond-jardi{
width:168px;
height:28px;
text-align:center;
background-color:#c2980e;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}


#piscine{
padding-left:3.2px;
width:168px;
float:left;
}

#fond-piscine{
width:168px;
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#fond-piscine-up{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-piscine{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-piscine, a:visited #fond-piscine{
width:168px;
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#actu{
padding-left:3.2px;
width:168px;
float:left;
height:28px;
}

#fond-actu{
width:168px;
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#fond-actu-up{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}


a:hover #fond-actu{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-actu, a:visited #fond-actu{
width:168px;
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#contact{
padding-left:3.2px;
width:168px;
float:left;
}

#fond-contact{
width:168px;
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#fond-contact-up{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-contact{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-contact, a:visited #fond-contact{
width:168px;
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#pied{
height:28px;
width:1024px;
background-color:#c2980e;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:11px;
text-decoration:none;
}

.calage-pied{
line-height:25px;
}

/**MENU DEROULANT**/
#menuDeroulant1{
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
list-style-type: none;
position: absolute;
top:100;
z-index:1000;
margin: 0;
padding: 0;
border: 0;
cursor:pointer;
}

#menuDeroulant1 li:hover > .sousMenu1 {/*sans ça : plus de menu déroulant*/
display: block;
margin: 0;
padding: 0;
border: 0;
}

#menuDeroulant1 .sousMenu1{/*le menu déroulant s'ouvre qd on passe dessus*/
display: none;
margin: 0;
padding: 0;
border: 0;
}

#menuDeroulant1 li{/*enlève les puces devant les rubriques*/
list-style-type: none;
margin-top:10px;
margin: 0;
padding: 0;
border: 0;
}

#menuDeroulant1 li a:link, #menuDeroulant1 li a:visited{/*style des blocs, couleur, typo*/
display: block;
height: 28px;
width: 168px;
color: #FFFFFF; 
background: #c2980e; 
text-decoration: none;
font-weight:bold;
margin: 0;
padding: 0;
border: 0;
line-height:25px;
}

#menuDeroulant1 li a:hover {
background-color: #ffffff;
font-weight:bold;
color:#1f1b1a;
line-height:25px;
margin: 0;
padding: 0;
border: 0;
}

#menuDeroulant1 .sousMenu1 li a:link,#menuDeroulant1 .sousMenu1 li a:visited{/*style des déroulés*/
color: #1f1b1a; 
text-decoration: none; 
background-color:#ffffff;
font-weight:bold;
/*margin-top:10px;*/
margin:0;
padding: 0;
border: 0;
line-height:25px;
}

#menuDeroulant1 .sousMenu1 li a:hover{/*style des déroulés qd on passe dessus avec la souris*/
background-color: #5c735c;
font-weight:bold;
color: #ffffff; 
/*margin-top:10px;*/
margin:0;
padding: 0;
border: 0;
line-height:25px;
}

/**CONCEPTION**/
#gauche{
float:left;
}

#droite{
float:left;
width:513.6px;
}

#sous-menu{/*div contenant les sous menu de paysagiste pour les pages : conception, réalisation, entretien, galerie, pour pouvoir faire un a href à l'image du dessous*/
width:168px;
height:84px;
}

#img-pays-coupe-conc{/*image 2 paysagiste qui est coupée et calée sous le menu pour pouvoir lui attribuer un a href*/
width:168px;
height:288px;
}

a:link #img-pays-coupe-conc,a:visited #img-pays-coupe-conc{
width:168px;
height:288px;
background-image:url(img/conception/conc-trait3.jpg);
background-repeat:no-repeat;
}

a:hover #img-pays-coupe-conc{
width:168px;
height:288px;
background-image:url(img/paysagiste/pays3coupe.jpg);
background-repeat:no-repeat;
}

#img-pays-conc{
width:168px;
height:372px;
margin-top:28px;
}

a:link #img-pays-conc,a:visited #img-pays-conc{
width:168px;
height:372px;
background-image:url(img/conception/conc-trait2.jpg);
background-repeat:no-repeat;
}

a:hover #img-pays-conc {
width:168px;
height:372px;
background-image:url(img/paysagiste/pays2.jpg);
background-repeat:no-repeat;
}

#img-soc-conc{
width:168px;
height:372px;
}

a:link #img-soc-conc,a:visited #img-soc-conc {
width:168px;
height:372px;
background-image:url(img/conception/conc-trait1.jpg);
background-repeat:no-repeat;
}

a:hover #img-soc-conc {
width:168px;
height:372px;
background-image:url(img/paysagiste/pays1.jpg);
background-repeat:no-repeat;
}


#bas-conception{
width:510px;
height:372px;
margin-top:28px;
background-color:#1f1b1a;
}

a:link #bas-conception, a:visited #bas-conception{
width:510px;
height:372px;
margin-top:28px;
background-color:#1f1b1a;
background-image:url(img/conception/compo-trait.jpg);
background-repeat:no-repeat;
}

a:hover #bas-conception{
width:510px;
height:372px;
margin-top:28px;
background-color:#1f1b1a;
background-image:url(img/conception/compo-conception.jpg);
background-repeat:no-repeat;
}

#conception-up{
width:168px;
height:28px;
background:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#conception{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #conception {
width:168px;
height:28px;
background-color:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #conception, a:visited #conception{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#realisation-up{
width:168px;
height:28px;
background-color:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#realisation{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #realisation {
width:168px;
height:28px;
background-color:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #realisation , a:visited #realisation{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#entretien-up{
width:168px;
height:28px;
background-color:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#entretien{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #entretien {
width:168px;
height:28px;
background-color:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #entretien, a:visited #entretien {
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#menu-droite{
height:28px;
width:513.6px;
}

#partie-droite{
float:left;
width:513.6px;
height:377px;
}


h2{
color:#c2980e;
font-family:verdana;
font-weight:normal;
font-size:12px;
line-height:20px;
}

.vert{/*style attribué page conception sur le chiffre des puces*/
color:#1a4a22;
font-family:verdana;
font-weight:normal;
font-size:12px;
}

.vertclair{/*style attribué page conception sur le chiffre des puces*/
color:#55a062;
font-family:verdana;
font-weight:normal;
font-size:12px;
}

.texteblancpetit{
color:#ffffff;
font-family:verdana;
font-weight:normal;
font-size:11.4px;
text-align:justify;
}

#texte-droite{
width:453.6px;
margin-left:30px;
margin-top:30px;
height:332px;
}

#une-visite{
background-image:url(img/puce.gif);
background-repeat:no-repeat;
}

#une-presentation{
background-image:url(img/puce.gif);
background-repeat:no-repeat;
margin-top:20px;
}

#un-conseil{
background-image:url(img/puce.gif);
background-repeat:no-repeat;
margin-top:20px;
}

#un-devis{
background-image:url(img/puce.gif);
background-repeat:no-repeat;
margin-top:20px;
}

#un-choix{
background-image:url(img/puce.gif);
background-repeat:no-repeat;
margin-top:20px;
}

#carroussel{
width:564px;
height:117px;
padding-top:20px;
width:580px;
}

/**ENTRETIEN**/

#troisimages{
height:117px;
padding-top:30px;
}

#petite-img1{
width:156px;
height:117px;
float:left;
}

#petite-img2{
width:228px;
height:117px;
float:left;
margin-left:10px;
}

#petite-img2-centre{/*calage pour quand les fois ou la photo à les mêmes dimensions que les autres*/
width:156px;
height:117px;
float:left;
margin-left:48px;
}

#petite-img3{
width:156px;
height:117px;
float:left;
margin-left:10px;
}

#petite-img3-centre{/*calage pour quand les fois ou la photo à les mêmes dimensions que les autres*/
width:156px;
height:117px;
float:left;
margin-left:48px;
}

/**PISCINE**/
#logo_teichmeister{
width:190px;
height:66px;
margin-top:50px;
}

a:link #logo_teichmeister, a:visited #logo_teichmeister{
width:190px;
height:66px;
margin-top:50px;
background-image:url(img/piscine/logo_teichmeister.jpg);
background-repeat:no-repeat;
}

a:hover #logo_teichmeister{
width:190px;
height:66px;
margin-top:50px;
background-image:url(img/piscine/logo_teichmeister-up.jpg);
background-repeat:no-repeat;
}

/**REALISATIONS**/

#prestations{
line-height:25px;
}

#prestations a:link, #prestations a:visited{
color:#ffffff;
font-family:verdana;
font-weight:normal;
font-size:12px;
text-align:justify;
}

#prestations a:hover{
color:#c2980e;
font-family:verdana;
font-weight:normal;
font-size:12px;
text-align:justify;
}

#sous-menu a:link #realisationocre {/*Style appliqué au menu réalisations qd on est dans les pages contenu dedans (tels qu'arrosage, plantation ou bassin...) pour nous indiquer que ces pages font parties de cette rubrique, mais qu'on peut clicquer dessus pour y retourner*/
width:168px;
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#sous-menu a:visited #realisationocre {
width:168px;
height:28px;
background-color:#c2980e;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#sous-menu a:hover #realisationocre {
width:168px;
height:28px;
background-color:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

/**JARDINERIE**/
#prestations-jardi{
line-height:25px;
}

#prestations-jardi a:link, #prestations-jardi a:visited{
color:#c2980e;
font-family:verdana;
font-weight:normal;
font-size:12px;
text-align:justify;
}

#prestations-jardi a:hover{
color:#f8ea54;
font-family:verdana;
font-weight:normal;
font-size:12px;
text-align:justify;
}

/**CONTACT**/

#img1cont{
width:168px;
height:372px;
float:left;
background-image:url(img/contact/cont1.jpg);
background-repeat:no-repeat;
}

#img2cont{
width:168px;
height:372px;
float:left;
background-image:url(img/contact/cont2.jpg);
background-repeat:no-repeat;
margin-left:3.2px;
}

#img3cont{
width:168px;
height:372px;
float:left;
background-image:url(img/contact/cont3.jpg);
background-repeat:no-repeat;
margin-left:3.2px;
}

.ocre{
color:#c2980e;
font-family:verdana;
font-weight:normal;
font-size:12px;
line-height:20px;
}

#plan{/*div contenant le petit plan sur la page contact*/
width:130px;
height:103px;
margin-left:340px;
margin-top:-15px;
text-align:center;
}

#plan a:link, a:visited{
color:#c2980e;
font-family:verdana;
font-weight:normal;
font-size:12px;
line-height:20px;
cursor:pointer;
}

#plan a:hover {
color:#ffffff;
font-family:verdana;
font-weight:normal;
font-size:12px;
line-height:20px;
cursor:pointer;
}

#texte-contact{
float:left;
width:564px;
margin-left:53px;
padding-top:10px;
}

/**FORMULAIRE DE CONTACT**/

#messageErreur{
text-align:center;
width:564px;
height:30px;
line-height:20px;
}

#formu{/*mise en page de la div formu pour la page contact*/
width:564px;
color:#ffffff;
font-family:verdana;
font-size:12px;
font-weight:normal;
}

.champdetexte{/*style pour les champs de texte pour le formulaire de la page contact*/
font-family:verdana;
font-size:12px;
color:#1f1b1a;
font-weight:normal;
background:#ffffff;
border:none;
}

.calage{/*calage pour le formulaire de la page contact*/
display:inline;
float:left;
width:75px;
margin-left:46px;
font-family:verdana;
font-size:12px;
}

.calage2{/*calage pour le formulaire de la page contact*/
display:inline;
float:left;
width:185px;
margin-left:46px;
font-family:verdana;
font-size:12px;
}

#valider{/*div contenant le btn envoyer et effacer du formulaire de contact*/
width:82px;
margin-left:463px;
margin-top:-55px;
}

#envoyercontact{/*bouton envoyer de la page contact*/
}

#effacercontact{
margin-top:15px;
}

.btn-formu{
width:82px;
height:20px;
background-color:#c2980e;
border-color:#c2980e;
border-style:solid;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
cursor:pointer;
}

.StyleErreur{
color:#7ca13a;
font-family:verdana;
font-size:12px;
font-weight:bold;
}

/*ACTUALITES*/

#img-actu{
width:168px;
padding-top:28px;
}

#galerie-up{
width:168px;
height:28px;
background-color:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#galerie{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #galerie {
width:168px;
height:28px;
background-color:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link#galerie, a:visited#galerie {
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#sous-menu-actu{/*div contenant les sous menu de paysagiste pour les pages : conception, réalisation, entretien, galerie, pour pouvoir faire un a href à l'image du dessous*/
width:168px;
height:56px;
}

#conseil-up{
width:168px;
height:28px;
background-color:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

#conseil{
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #conseil {
width:168px;
height:28px;
background-color:#5b735c;
text-align:center;
color:#ffffff;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #conseil, a:visited#conseil {
width:168px;
height:28px;
background-color:#ffffff;
text-align:center;
color:#1f1b1a;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

/**ADMINISTRATEUR**/
#modif-conseil{/*style appliqué au btn "modifier la page conseil" de la page administrateur.php*/
width:180px;
float:left;
}

#fond-conseil{
height:28px;
width:180px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-conseil{
width:180px;
height:28px;
color:#1f1b1a;
background-color:#ffffff;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-conseil, a:visited #fond-conseil{
width:180px;
height:28px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#modif-galerie{/*style appliqué au btn "modifier la page galerie" de la page administrateur.php*/
width:180px;
float:left;
margin-left:20px;
}

#fond-galerie{
height:28px;
width:180px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-galerie{
width:180px;
height:28px;
color:#1f1b1a;
background-color:#ffffff;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-galerie, a:visited #fond-galerie{
width:180px;
height:28px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#bas-admin{
width:1024px;
height:430px;
background-color:#1f1b1a;
}


#bas-admin-galerie{
width:1024px;
background-color:#1f1b1a;
}

#ligne-ocre{/*bandeau ocre dans la page administrateur posant les question à l'internaute*/
width:1024px;
height:28px;
background-color:#c2980e;
color:#ffffff;
font-family:verdana;
font-weight:normal;
font-size:12px;
text-align:center;
line-height:25px;
}

#explication{/*div contenant l'explication avant les div des boutons, dans la ligne ocre de la page administrateur*/
width:400px;
height:28px;
float:left;
margin-left:35px;
}

/**ADMINISTRATEUR CONSEILS**/

#mod{/*style appliqué au btn "modifier" de la page administrateur-conseil.php*/
width:130px;
float:left;
}

#fond-mod{
height:28px;
width:130px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-mod{
width:130px;
height:28px;
color:#1f1b1a;
background-color:#ffffff;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-mod, a:visited #fond-mod{
width:130px;
height:28px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#supp{/*style appliqué au btn "supprimer" de la page administrateur-conseil.php*/
width:145px;
float:left;
margin-left:10px;
}

#fond-supp{
height:28px;
width:145px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-supp{
width:145px;
height:28px;
color:#1f1b1a;
background-color:#ffffff;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-supp, a:visited #fond-supp{
width:145px;
height:28px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#modif{/*style appliqué au btn "supprimer" de la page administrateur-conseil.php*/
width:145px;
float:left;
margin-left:10px;
}

#fond-modif{
height:28px;
width:145px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-modif{
width:145px;
height:28px;
color:#1f1b1a;
background-color:#ffffff;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-modif, a:visited #fond-modif{
width:145px;
height:28px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#ajout{/*style appliqué au btn "ajouter un conseil" de la page administrateur-conseil.php*/
width:125px;
float:left;
margin-left:10px;
}

#fond-ajout{
height:28px;
width:125px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-ajout{
width:125px;
height:28px;
color:#1f1b1a;
background-color:#ffffff;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-ajout, a:visited #fond-ajout{
width:125px;
height:28px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

#retour-choix{/*style appliqué au btn "retour au choix de page" un conseil de la page administrateur-conseil.php et administrateur-galerie.php*/
width:115px;
float:left;
margin-left:10px;
}

#fond-retour-choix{
height:28px;
width:115px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-retour-choix{
width:115px;
height:28px;
color:#1f1b1a;
background-color:#ffffff;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-retour-choix, a:visited #fond-retour-choix{
width:115px;
height:28px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

.contenu{
width:874px;
margin-left:50px;
margin-top:15px;
text-align:justify;
}

.contenutitre{
width:874px;
height:15px;
margin-left:50px;
margin-top:15px;
text-align:justify;
}

.contenulegende{
width:874px;
margin-left:50px;
margin-top:10px;
text-align:justify;
}

.contenutexte{
width:874px;
margin-left:50px;
margin-top:5px;
text-align:justify;
z-index:10000;
}

#tableau{
width:425px;
margin-left:298px;
margin-top:15px;
text-align:justify;
}

#retour{/*style appliqué au btn retour des pages admin*/
width:425px;
float:left;
margin-top:15px;
margin-bottom:15px;
}

#fond-retour{
height:28px;
width:80px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
}

a:hover #fond-retour{
width:80px;
height:28px;
color:#1f1b1a;
background-color:#ffffff;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

a:link #fond-retour, a:visited #fond-retour{
width:80px;
height:28px;
color:#ffffff;
background-color:#495c4a;
text-align:center;
font-family:verdana;
font-weight:bold;
font-size:12px;
line-height:25px;
text-decoration:none;
cursor:pointer;
}

/**CARROUSSEL TEL QUIL EST**/

*{
margin:0;
padding:0;
}

#navigation{
width:564px;
height:117px;
}

#thumb{
width: 500px;
height:117px;
margin-left:17px;
overflow:hidden;
position:relative;
float:left;
}

#defileur {
position:absolute;
left:0px;
top:0px;
}

#defileur li {
float:left;
list-style:none;
width:156px;
height:117px;
margin-right:10px;
overflow:hidden;
border:none;
}
.last,.first{
visibility:hidden;
}

a:link #prev, a:visited #prev{
background-image:url(img/left.jpg);
background-repeat:no-repeat;
width:10px;
height:10px;
margin-top:25px;
float:left;
margin-left:10px;
}

a:hover #prev{
background-image:url(img/left-up.jpg);
background-repeat:no-repeat;
width:10px;
height:10px;
margin-top:25px;
float:left;
margin-left:10px;
}

a:link #next, a:visited #next{
background-image:url(img/right.jpg);
background-repeat:no-repeat;
width:10px;
height:10px;
margin-top:25px;
float:left;
}

a:hover #next{
background-image:url(img/right-up.jpg);
background-repeat:no-repeat;
width:10px;
height:10px;
margin-top:25px;
float:left;
}

/**GALERIE**/

a:link #fleche-gauche, a:visited #fleche-gauche{
background-image:url(img/left.jpg);
background-repeat:no-repeat;
width:10px;
height:10px;
margin-left:50px;
margin-top:100px;
float:left;
}

a:hover #fleche-gauche{
background-image:url(img/left-up.jpg);
background-repeat:no-repeat;
width:10px;
height:10px;
margin-left:50px;
margin-top:100px;
float:left;
}

a:link #fleche-droite, a:visited #fleche-droite{
background-image:url(img/right.jpg);
background-repeat:no-repeat;
width:10px;
height:10px;
float:left;
margin-left:40px;
margin-top:100px;
}

a:hover #fleche-droite{
background-image:url(img/right-up.jpg);
background-repeat:no-repeat;
width:10px;
height:10px;
float:left;
margin-left:40px;
margin-top:100px;
}

#diaporama{
width:300px;
float:left;
margin-left:40px;
margin-top:20px;
}

#compo-trait{
height:97px;
width:565px;
padding-top:30px;
}

#copyright{
text-align:center;
}

/*MENTIONS*/
#propriete{
width:452px;
margin-left:40px;
margin-top:20px;
float:left;
height:357px;
}

#responsabilite{
width:452px;
margin-left:40px;
margin-top:20px;
float:left;
height:357px;
}

#copyright a:link, #copyright a:visited{
color:#c2980e;
font-family:verdana;
font-size:12px;
}

#copyright a:hover{
color:#ffffff;
font-family:verdana;
font-size:12px;
}

strong{
font-family:verdana;
font-weight:normal;
}

/***************LIGHTBOX***************/

#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 1500;
text-align: center;
line-height: 0;
}

#lightbox img{
width: auto;
height: auto;
}

#lightbox a img{
border: none;
}

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#imageContainer>#hoverNav{
left: 0;
}

#hoverNav a{
outline: none;
}


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%	;
}

#imageData{
padding:0 10px;
color: #666;
}

#imageData #imageDetails{
width: 70%;
float: left;
text-align: left;
}	

#imageData #caption{
font-weight: bold;
}

#imageData #numberDisplay{
display: block;
clear: left;
padding-bottom: 1.0em;
}			

#imageData #bottomNavClose{
width: 66px;
float: right;
padding-bottom: 0.7em;
outline: none;
}	 	

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}