/****************/
/*    GENERAL   */
/****************/
* { border: 0; margin: 0; padding: 0; } 

html, body {
    font		: 	normal 13px verdana,arial,'Bitstream Vera Sans', helvetica,sans-serif;
	background	: 	#eee url(gradiant.png) repeat-x; /* forme courte */
	color		: 	#000; /* ajout */
	}

hr { clear: both; visibility: hidden; }

h1 {
    padding			: 	0.5em 0 2em 0.5em;
    background-color: 	#333;
    color			: 	#eee;
	}

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

form, input, textarea {
    margin : 0.3em 0;
}

/*************************/
/*  LIENS SUR VIGNETTES  */
/*************************/
dl.slides a {
    text-decoration	:	none;
	}

dl.slides a:hover, dl.slides a:visited:hover, dl.slides a:active {
    border-bottom	: 	3px solid #551000;
	}

/**********************************/


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

form#login_form { margin: 1em; }

label {
    display: block;
	} 

input { border: 1px solid #888; }

textarea {
    width 	: 	99%;
    border	: 	1px solid #888;
    padding	: 	0.2em;
    height  :   6em;
	}

.left {
    width	: 	47%;
    float	: 	left;
    margin-left : 15px;
	}

.right {
    width	: 	47%;
    float	: 	right;
    margin-right : 15px;
	}

/*******************/
/*  PARENTS BARRE  */
/*******************/

ul#parents {
    width			: 	100%;
    margin-bottom	: 	1em;
    background-color: 	#333;
    float			: 	left;
    border-bottom	: 	3px solid #999;
	}

ul#parents li { display: inline; }

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

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

ul#logout { float: right; }

ul#logout li a:hover { color: orange; }

/****************/
/*    ADMIN     */
/****************/

div#admin { margin: 1em; }

#admin ul {
    list-style-type :   square;
    margin-left     :   2em;
    margin-top      :   1em;
}

/****************/
/*    ALBUMS    */
/****************/

div#albums {
    margin			: 	17px;
    margin-left		: 	117px;
	}

div#albums img { padding: 3px; }

div#albums img:hover { background-color: white; }

#albums p {
    margin-left		: 	-100px;
    margin-bottom	: 	-1em;
    font-size		: 	180%;
    line-height		: 	1em;
    color			: 	#333;
	}

#albums div p {
	margin-bottom	: 	1em;
    border			: 	none;
    text-align		: 	left;
    font-size		: 	100%;
    color			: 	black;
	}

#albums div h3 {
    text-align		: 	left;
    font-size		: 	100%;
	}

#albums div h3 a, #albums div h3 a:hover, #albums div h3 a:visited, #albums div h3 a:active, #albums div h3 a:visited:hover {
    color: black;
	} 
* html #albums div h3 a, * html #albums div h3 a:hover, * html #albums div h3 a:visited, * html #albums div h3 a:active, * html #albums div h3 a:visited:hover {
    display		: 	inline;
	padding		: 	O;
    border		: 	none;
    background-color: transparent;
	}
		
div.year {
}

div.album {
    width			: 	250px;
    height			: 	18em;
    float			: 	left;
    margin			: 	0 2em 2em 0;
	}

/****************/
/*  THUMBNAILS  */
/****************/

.slide a {
    text-decoration: 	none;
	}

dl.slide {
    margin-top	: 	2em;
    float		: 	left;
    width		: 	148px;
    height		:	130px;
    text-align	: 	center;
	}

.slide dd {
    font-size	: 	0.8em;
    margin		: 	1em;
	}

.slide img { 
	padding		: 	2px;
    border		: 	1px solid #aaa;
    background-color: 	white;
    -moz-border-radius: 4px;
	}

dl.slide img.image:hover, ul.slide img.image:hover {
    background-color: #222;
}

dl.slide img.no_thumb { 
	padding		: 	0;
    border		: 	0;
	}

* html .year div.album a { 
	display		: 	block;
	padding		: 	3px;
    border		: 	1px solid #aaa;
    background-color: 	white; 
	}

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

/****************/
/*    PAGES     */
/****************/

.pages {
    margin		: 	1em;
    font-size	: 	0.9em;
    font-style	:	italic;
	}
	
.pages a {
    color			: 	black;
    text-decoration	:	none;
    border-bottom	:	1px dotted;
	} /* ajout */

/****************/
/*    IMAGE     */
/****************/

p#image {
    text-align	: 	center;
    display		: 	block;
    position	: 	relative;
    float		: 	left;
    width		: 	650px;
    margin		: 	17px 0 10px 0;
}

#image a {
    text-decoration: 	none;
	}

#image img {
    padding		: 	7px;
    border		: 	1px solid #aaa;
    background-color: white;
	}

/****************/
/*    INFOS     */
/****************/

div#infos {
    position	:	relative;
    margin-top	: 	17px;
    margin-left	:	650px;
    max-width	:	350px;
	}

#infos dl.nav {    
    float	: 	none;
    width	: 	110px;
    height	: 	130px;
	}

#infos ul.nav {
    margin-bottom	: 1em;
	}

#infos ul.nav li {
    display			: 	inline;
    margin-right	: 	10px;
	}

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

#infos p {
    margin-top      :   1em;
}