html, body {
	margin: 0;
    padding 0;
	text-align:justify;
	font-family: verdana, arial, 'Bitstream Vera Sans', helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
}
.accueil {
    font: normal 13px verdana,arial,'Bitstream Vera Sans', helvetica,sans-serif;
    margin: 0;
    padding 0;
	text-align:justify;
	color:#CCCCCC;
}
a.accueil {
    color: #CCCCCC;
    text-decoration:none;
    border-bottom:1px dotted;
}
.clearboth {
    clear: both;
}

img {
    border: none;
}

h1 {
    margin: 0.5em;
}

h1 {
	margin-top: 0px;
	padding-bottom: 0.5em;
	border-bottom: 0px solid #ddd;
	font-family: Verdana, "Trebuchet MS", Arial, Sans-serif;
	font-size: 16px;
	font-weight: bold;
}

h2 {
    margin: 0em;
}

h2 {
    font: 100% Verdana,"Trebuchet MS",Arial,Sans-serif;
    font-weight: bold;
	margin-top: 0em;
    padding-bottom: 1em;
    border-bottom: 0px solid #ddd;
}

a {
    color: #660901;
    text-decoration:none;
    border-bottom:1px dotted;
}

a:hover, a:active {
    color: #660901;
    border-bottom-style: solid;
}

#conteneur {
	width: 974px;
	text-align:justify;
}

#top-left,
#left,
#bottom-left { 
	float: left;
	width: 91px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;	
	border: 0 0 0 0px;
}

#top {
float:left;
	width:786px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	border: 0 0 0 0px;	
}

#center {
	width: 786 px;
	
}

#top-right,
#right,
#bottom-right { 
	float: right;
}

/* GESTIONS DES PHOTOS */


#container {
    width: 786px;
}

.warning {
    margin: 0.5em;
    padding: 0.2em;
    border: 2px solid #ff3300;
    color: #b32400;
    background-color: #ffccbf;
    font-weight: bold;
}

.comment0 {
    padding: 0.5em;
	margin-top: 0.5em;
    border: 1px dotted #000000;
    background-color: #CCC;
}

.comment1 {
    padding: 0.5em;
	margin-top: 0.5em;
    border: 1px dotted #000000;
    background-color: #DDD;
}

/** parents barre *************************************************************/

ul#parents {
    padding: 0;
    width: 100%;
    /*margin: 0 0 1.5em 0;*/
    margin: 0;
    background-color: #eee;
    float: left;
}

ul#parents li {
    display: inline;
}

ul#parents li a {
    padding: 0.2em 0.5em;
    text-decoration: none;
    float: left;
    color: black;
    border: none;
    border-right: 1px solid #333;
}

ul#parents li a:hover {
    background-color: yellow;
}

/** albums table **************************************************************/

table#albums {
    width: 100%;
    border-spacing: 0;
    margin: 2em 0;
}

table#albums .name {
    width: 100%;
}

table#albums .name,
table#albums .nb_sub_albums,
table#albums .date,
table#albums .nb_images {
    border-right: 1px solid #ddd;
}

table#albums th {
    text-align: left;
    padding: 0.2em 0.5em;
    border-bottom: 1px solid #aaa;
}

table#albums td {
    padding: 0.2em 0.5em;
}

/** thumbnails ****************************************************************/

div#thumbnails {
    margin-top: 2em;
}

#thumbnails a {
    text-decoration: none;
    border: none;
}

#thumbnails dl {
    float: left;
    width: 148px;
    height: 130px;
    text-align: center;
}

#thumbnails dd {
    font-size: 0.8em;
    margin: 1em;
}

img.image {
    padding: 2px;
    border: 1px solid #aaa;
}

img.image:hover {
    background-color: black;
    /*border: 3px solid #333;
    margin: -2px 0;*/
}

#thumbnails img.video {
    padding: 0 10px;
    background-color: #222;
}

/** pages ********************************************************************/

.pages {
    margin: 1em;
    font-size: 0.9em;
    font-style:italic;
}

/** image ********************************************************************/

div#image {
    margin: 2em 0;
    text-align: center;
}

#image a {
    text-decoration: none;
    border: none;
}

#image img {
    padding: 4px;
    border: 1px solid #aaa;
}

/* infos *********************************************************************/

div#infos {
    margin: 1em 44px;
}

#infos p {
    width: 500px;
}

#infos img {
    float: right;
    margin-left: 10px;
}

#infos .pages {
    margin: 0;
    padding: 0.5em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/** about ********************************************************************/

div#about {
    padding: 0.2em;;
    background-color: #eee;
    text-align: center;
    color: #444;
}
/**fin gestion des photos */