html{height:100%;margin:0px;}

body{
    height:100%;
    margin:0px;
    background: #9E9E9E url(../images/fond_site.jpg);
    background-repeat:no-repeat;
}
/*=======================================*/
#vue_photo_conteneur{
    width: 1500px;
    min-height:900px;
    height:auto;
    background-color: rgb(50, 50, 50);
    background-color: rgba(0, 0, 0, 0.5);
    margin:auto;
    position:relative;
}
#vue_photo_descriptif{
    float:right;
    width: 500px;
    height:auto;
    position:relative;
}
#vue_photo_image{
    float:left;
    text-align:center;
    vertical-align:middle;
    height:auto;
    position:relative;
}
.vue_photo_normal{max-height:800px;max-width:900px;}

#fleche_gauche{
    background-color: rgb(50, 50, 50);
    background-color: rgba(0, 0, 0, 0.1);
    width:75px;
    height:100px;
    top:350px;
    left:50px;
    position:absolute;
}
#fleche_gauche:hover{
    background-image: url("../images/fleche_gauche.gif");
    width:75px;
    height:100px;
    top:350px;
    left:50px;
    position:absolute;
}
#fleche_gauche_dur{
    background-image: url("../images/fleche_gauche.gif");
    width:75px;
    height:100px;
    top:350px;
    left:50px;
    position:absolute;
}
#fleche_droite{
    background-color: rgb(50, 50, 50);
    background-color: rgba(0, 0, 0, 0.1);
    width:75px;
    height:100px;
    top:350px;
    left:850px;
    position:absolute;
}
#fleche_droite:hover{
    background-image: url("../images/fleche_droite.gif");
    width:75px;
    height:100px;
    top:350px;
    left:850px;
    position:absolute;
}
#fleche_droite_dur{
    background-image: url("../images/fleche_droite.gif");
    width:75px;
    height:100px;
    top:350px;
    left:850px;
    position:absolute;
}

.lien_fleche_photo{display:block;width:100%;height:100%;}

/*=======================================*/
#Conteneur {
    width: 1200px;
    height:auto;
    margin: 0 auto;
}
#Entete {
    background-color: #222222;
    height: 150px;
    width: 1200px;
    float: left;
    background: black url(../images/toiture_2.jpg);
}
#BarreGauche {
    background-color: #333333;
    float: left;
    width: 200px;
    height:auto;
}
#Corps {
    background-color: #444444;
    float: right;
    width: 1000px;
    min-height:630px;
    padding-top:10px;
    background: black url(../images/crepi_jaune.jpg);
}
#Pied {
    background-color: #555555;
    float: right;
    height: 50px;
    width: 1000px;
    text-align:center;
    background: black url(../images/crepi_gris.jpg);
}
#ModuleConnexionDec{
    background-color: #666666;
    height: 170px;
    width: 175px;
    float: left;
    padding-left:25px;
    padding-top:10px;
    background: black url(../images/module_connexion_1.jpg);
    color:white;
    font-weight:bold;
}
#ModuleConnexionCon{
    background-color: #777777;
    width: 175px;
    height: 60px;
    float: left;
    padding-left:25px;
    padding-top:20px;
    padding-bottom:10px;
    background: black url(../images/module_connexion_2.jpg);
    font-family:arial;
}
#MenuGauche{
    background-color: #888888;
    width: 200px;
    height:auto;
    float: left;
    background: black url(../images/menu.jpg);
    font-family:arial;
}
#MenuGauche_bas{
    background-color: #888888;
    width: 200px;
    height:10px;
    float: left;
    background: black url(../images/menu_bas.jpg);
}

#corps_formulaire{
    padding-left:50px;
}

.input_calendar{text-align:center;font-weight:bold;color:black;}

.titre_page{text-align:center;font-weight:bold;color:black;font-size:20pt;margin-top:0px;padding-top:0px;}

.phrase_pb{font-weight:bold;text-align:center;}

.FontPied{font-style:italic;font-weight:bold;padding-top:15px;font-family:Arial;font-size:10pt;}
.FontEntete{color:white;text-align:center;font-size:48pt;margin-top:0px;margin-bottom:0;font-weight:bold;font-family:"comic sans MS"}
.FontEntete2{color:yellow;text-align:center;font-size:32pt;margin-top:0;margin-bottom:0;font-style:italic;margin-left:350px;font-weight:bold;}
.fontbonjour{font-weight:bold;color:white;}

.lien_menu{color:yellow;text-decoration:none;font-weight:bold;}
.lien_menu:hover{color:white;text-decoration:none;font-weight:bold;}

.lien_img{text-decoration:none;}

.lien_depense{text-decoration:none;color:brown;font-weight:bold;padding-left:30px;font-size:14pt;}
.lien_depense:hover{text-decoration:none;color:darkorange;font-weight:bold;padding-left:30px;}

.lien_titre_post{text-decoration:none;color:black;}
.lien_titre_post:hover{text-decoration:none;color:grey;}

.lien_post_album{text-decoration:none;color:black;font-weight:bold;}
.lien_post_album:hover{text-decoration:none;color:grey;font-weight:bold;}

.lien_post_commentaire{text-decoration:none;color:brown;font-weight:bold;}
.lien_post_commentaire:hover{text-decoration:none;color:darkorange;font-weight:bold;}

.tab_post{width:80%;border:1px solid white;background-color:grey;}
.cel_post_titre{border:1px solid white;font-weight:bold;background-color:white;padding-left:5px;font-family:Arial;}
.cel_post_date{border:1px solid white;width:260px;text-align:center;font-style:italic;background-color:white;font-weight:bold;font-family:Arial;}
.cel_post_corps{border:1px solid white;padding-left:15px;padding-right:15px;padding-top:30px;padding-bottom:30px;background-color:white;font-size:12pt;font-family:Arial;}
.cel_post_sous_titre{border:1px solid white;font-style:italic;background-color:white;font-weight:bold;font-family:Arial;}
.cel_post_nb_com{border:1px solid white;font-style:italic;background-color:white;text-align:center;width:210px;font-family:Arial;}

form {margin:0px;}
img{vertical-align:middle;}
p{padding:0px; margin:0px;}

.img_avatar{height:30px;}

li{list-style-type:none;padding-bottom:5px;}

#boutonConnexion{font-weight:bold;width:130px;color:brown;}
.boutonParcourir{font-weight:bold;width:350px;color:brown}

.gras{font-weight:bold;}
.italic{font-style:italic;}
.fontBleu{color:blue;font-weight:bold;}
.fontRouge{color:red;font-weight:bold;}

.date_commentaire{font-style:italic;font-size:10pt;}

.tab_album{width:90%;border: black 0px solid;border-collapse:collapse;}
.cel_album_titre{border: black 0px solid;width:25%;text-align:center;padding:5px;font-weight:bold;}
.cel_album_photo{border: black 0px solid;width:25%;text-align:center;padding:10px;font-weight:bold;vertical-align:top;}
.cel_album_item{border: black 0px solid;width:25%;text-align:center;padding:5px;padding-bottom:25px;;font-weight:bold;}

.tab_liste_aj_alb{width:60%;background-color:black;}
.cel_liste_aj_alb{background-color:white;text-align:center;}

.tab_new_commentaire{width:50%;border: black 1px solid;border-collapse:collapse;background-color:white;}
.cel_new_commentaire_avatar{border: black 1px solid;text-align:center;background-color:white;width:40px;}
.cel_new_commentaire_login{border: black 1px solid;text-align:center;background-color:white;}
.cel_new_commentaire_valid{border: black 1px solid;text-align:center;background-color:white;width:40%;}
.cel_new_commentaire_texte{border: black 1px solid;text-align:center;background-color:white;}


.tab_old_commentaire{width:70%;border:1px solid white;background-color:grey;}
.cel_old_commentaire_titre{border:1px solid white;font-weight:bold;background-color:white;padding-left:5px;font-family:Arial;}
.cel_old_commentaire_pseudo{border:1px solid white;font-weight:bold;background-color:white;padding-left:5px;font-family:Arial;vertical-align:top;width:28%;}
.cel_old_commentaire_corps{border:1px solid white;background-color:white;padding-left:5px;font-family:Arial;vertical-align:top;}

.tab_vue_album{width:80%;border:1px solid white;background-color:grey;}
.cel_vue_album_titre{border:1px solid white;font-weight:bold;background-color:white;padding-left:5px;font-family:Arial;}
.cel_vue_album_date{border:1px solid white;width:260px;text-align:center;font-style:italic;background-color:white;font-weight:bold;font-family:Arial;}
.cel_vue_album_nb_com{border:1px solid white;font-style:italic;background-color:white;text-align:right;width:210px;font-family:Arial;padding-right:30px;}
.cel_vue_album_corps{border:1px solid white;padding:15px;background-color:white;font-size:12pt;font-family:Arial;}

/*.cel_vue_album_photo{border:1px solid white;padding:15px;background-color:white;text-align:center;}           */

.tab_dep{border:solid 1px black;background-color:#ece0ba    ;}

.td_dep_titre_reel{background-color:#386950  ;color:#ece0ba  ;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;}
.td_dep_titre_prev{background-color:gray    ;color:white ;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;font-style:italic;}         /*#889e9d ; #2b2d2a */

.td_dep_reel{background-color:#689e7f  ;color:white;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;}
.td_dep_prev{background-color:#ebf9ff  ;color:#002F2F;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;font-style:italic;}

.td_case_total_projet{background-color:#8fd1cd    ;color:#2a2802 ;border:solid 1px black;text-align:center;font-weight:bold;padding-right:10px;padding-left:10px;}