html, body{
width: 100%;
height:100%;
margin: 0;
padding:0;background-color: #151515;
min-width:1100px;
}

#canevas {
min-height: 100%;
height:auto;
margin:0 auto -60px auto;
width: 100%;
min-width:1100px;
}

header{
width: 100%;
margin-left: auto;
margin-right: auto;height: 80px;margin-bottom: 0;
background-color: #000000;
min-width:1100px;}

#header_signature
{
float:left;
}

.header_signature img
{
border: 0px solid #ffffff;
}

.header_signature a
{
border: 0px solid #ffffff;
text-decoration: none;
}

#header_login
{
float:right;
margin-right:30px;
margin-top:50px;
}

.login
{
color: #ffffff;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;
}

a.login
{
color: #959595;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;
text-decoration:none;
}

a.login:hover
{
color: #ffffff;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;
text-decoration:none;
}

nav{
width: 100%;
margin-left: auto;
margin-right: auto;
height: 40px;
padding-top: 0px;background-color: #222222;
background-image:url('decor/Bandeau_nav.png');
background-repeat:repeat-x;}

#menu_horizontal{width: 1100px;
margin-left: auto;
margin-right: auto;
position:relative;
border: 0px solid #ffffff;
height: 40px;}


.tablo_nav{
border-left:1px solid #181818;
border-right:1px solid #181818;
width:125px;
height:40px;
}


.tablo_nav_s{
background-color:#393939;
border-left:1px solid #181818;
border-right:1px solid #181818;
width:125px;
height:40px;
text-align:center;
color:#ffffff;
}

.tablo_nav_g
{
border-left:1px solid #181818;
border-right:1px solid #181818;
}

.text_menu_hor
{color: #959595;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;
font-weight:normal;
margin:5px;
text-decoration:none;}

.text_menu_hor:hover
{color: #ffffff;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;
font-weight:normal;
margin:5px;
text-decoration:none;}
a.menu_horizontal{color: #959595;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;
font-weight:normal;
margin:5px;
text-decoration:none;}
a.menu_horizontal:hover{color: #ffffff;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;
font-weight:normal;
margin:5px;
}

#page-table 
{
    height: 100%;
    width: 100%;
    margin-left: auto;
	margin-right: auto;
    border-collapse: collapse;
    text-align: center;
    border:0px solid #ffffff;
}

#page-td 
{
    height: 100%;
    padding: 0;
    vertical-align: middle;
}


div#photo_accueil
{
text-align:left;
margin:60px auto;
width:1100px;
border:0px solid #ffffff;
}

.table_accueil
{
border:0px solid #ffffff;
border-collapse:collapse;
margin : auto auto auto auto;
vertical-align: middle;
background-color:#ffffff;
height:auto;
}

.cell_table_ac
{
border:0px solid #ffffff;
}
.table_accueil img
{
border:4px solid #ffffff;
margin:0px;
width:264px;
}

section{
height:100%;
margin-left: auto;
margin-right: auto;
color: #B3B3B3;
width: 1100px;}

.push{
width: 100%;
height: 60px;
background-color: #151515;
}




#copyright
{
width: 1100px;	
text-align: center;
margin-left: auto;
margin-right: auto;
}

h3.nav{color: #ffffff;font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 17px;text-align: center;
margin-top: 10px;}
ul.nav{
list-style-type:none;padding: 0px;padding-left: 20px;margin: 0px;margin-bottom: 5px;}
a.nav{color: #ffffff;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
text-decoration:none;}
a.nav:hover{color: #ffffff;}

#corps_gallery{
margin: 0px auto 20px auto;
color: #B3B3B3;
width: 980px;}

.image_gallery img
{
margin-left: 40px;
margin-right: 40px;
margin-top: 40px;
border: 4px solid #ffffff;
max-width:158px;
}


#bloc_diapo
{
margin: 20px auto;
width:980px;
}


.tablo_nav
{
text-align:center;
}

.grand-tablo img
{
border: 0px solid #ffffff;
}

.grand-tablo img:hover
{
visibility:visible;
border: 0px solid #ffffff;
}

.petit-tablo img
{
border: 10px solid #ffffff;
margin-top: 20px;
max-width:780px;
}

.tablo_nav_droite img
{
filter : alpha(opacity:10);
border: 0px solid #ffffff;
opacity:0.1;
}

.tablo_nav_droite img:hover
{
filter : alpha(opacity:100);
border: 0px solid #ffffff;
opacity:1;
}

.tablo_nav_gauche img
{
filter : alpha(opacity:10);
opacity:0.1;
border: 0px solid #ffffff;
}

.tablo_nav_gauche img:hover
{
filter : alpha(opacity:100);
opacity:1;
border: 0px solid #ffffff;
}

#titre_photo
{
float:left;
margin-left:50px;
margin-top:10px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;
}

.tablo-titre
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:16px;	
}

.tablo-login ul
{
list-style-type:none;
margin-left:0;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:16px;
}



.tablo-login
{
margin-top:30px;
}

#tablo-register
{
margin-top:30px;
}


#FC_select
{
float:left;
margin-left:30px;
max-height:60px;
position:relative;
top:-2px;	
}

#facebook
{
float:right;
margin-right:30px;
max-height:60px;
position:relative;
border-left:1px solid #181818;
border-right:1px solid #181818;
vertical-align:middle;
text-align:center;
width:40px;
}

#facebook:hover
{
float:right;
margin-right:30px;
max-height:60px;
position:relative;
border-left:1px solid #181818;
border-right:1px solid #181818;
vertical-align:middle;
text-align:center;
width:40px;
background-color:#393939;
}

#contact
{
float:right;
height:60px;
position:relative;
border-left:1px solid #181818;
border-right:1px solid #181818;
vertical-align:middle;
text-align:center;
width:40px;
}

#contact:hover
{
float:right;
height:60px;
position:relative;
border-left:1px solid #181818;
border-right:1px solid #181818;
vertical-align:middle;
text-align:center;
width:40px;
background-color:#393939;
}

footer{
width: 100%;
min-width:1100px;
height: 60px;
max-height:60px;
margin-left: auto;
margin-right: auto;color: #959595;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 15px;
/*background-color: #121212;*/ 
background-image:url('decor/Bandeau_foooter.png');
background-repeat:repeat-x;
}

#table_list_album_famille
{
margin-top:20px;
}

.list_album_famille
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.list_album_famille th{
color: #ffffff;	
}
.list_album_famille a{color: #959595;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:15px;
text-decoration:none;}

.list_album_famille a:hover{
color: #ffffff;
}




/*-------------------ancien code CSS---------------------------*/

/* L'en-tête */
/* Le menu */


/* Le menu */

.element_menu_horizontal, .element_menu_horizontal ul /* Liste */    
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 10px; /* on définit une hauteur pour chaque élément */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
        background-color: #121212;
}

.element_menu_horizontal li /* Éléments des listes */     
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
 
/* IE ne reconnaissant pas le sélecteur ">" */
html>body .element_menu_horizontal li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

.element_menu_horizontal li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 160px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}

.element_menu_horizontal li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #ffffff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}
 
/* IE ne reconnaissant pas le sélecteur ">" */
html>body .element_menu_horizontal li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

.element_menu_horizontal li:hover ul ul, .element_menu_horizontal li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
 
.element_menu_horizontal li:hover ul, .element_menu_horizontal li li:hover ul, .element_menu_horizontal li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


/* Le corps de la page des photos */


/* Le corps de la page des index */




/* Le corps de la page d'accueil */


/* block en haut page accueil */


/* block à gauche page accueil */


/* block à droite page accueil */

	/* Pied de page */