* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #989797; 
	font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-size: 12px;
	text-align: center;
	color: #ccc;	
	margin: 0;
	padding: 0;	
}

img {
border:0 none;
}

a {
color:#aaa;
text-decoration:none;
}

a:focus {
color:#fff;
outline:0;
}

#header {
	margin: 0 auto;
	margin-top:5px;
	height: 147px;
	width: 1004px;
	text-align:left;
}

#header-t {
	background-image: url('http://www.sylvaincedat.fr/galerie/images/header-t.jpg');
	height: 116px;
	width: 1004px;
}

#logo, #logo a {
	position:relative;
	left:17px;
	top:18px;
	width: 77px;
	height: 98px;
	float:left;
}


#header-b {
	background-image: url('http://www.sylvaincedat.fr/galerie/images/header-b.jpg');
	height: 31px;
	width: 1004px;
}

#title,  #subtitle{
	position:relative;
	margin-left:100px;
	top:50px;
	width:230px;
	height: 30px;
	font-size:1.8em;
	font-weight:bold;
	color:#fff;	
	text-shadow: 2px 2px 4px black;
}

#subtitle {
	left:10px;
	margin-top:-3px;
	font-size:1.2em;
	width: 300px;
	height: 20px
}

#title a,  #subtitle a{
	color:#fff;
}

#title a:hover, #title a:focus {
	color:#eee;
}

#lg {
	display:block;
	position:relative;
	top:-32px;
	right:15px;
	float:right;
	width: 27px;
}

#fr a {
	display:block;
	width: 27px;
	height: 20px;
	background-image: url('http://www.sylvaincedat.fr/galerie/images/lg-fr.png');
}
	
#fr a:hover, #fr a:focus{
	background-image: url('http://www.sylvaincedat.fr/galerie/images/lg-fr_2.png');
}

#en a{
	display:block;
	width: 27px;
	height: 20px;
	background-image: url('http://www.sylvaincedat.fr/galerie/images/lg-en.png');
}

#en a:hover, #en a:focus{
	background-image: url('http://www.sylvaincedat.fr/galerie/images/lg-en_2.png');
}

#header-menu {
	position:relative;
	left:550px;
	top:0px;
	width:291px;
	height:23px;
}

#header-menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}

#header-menu ul li {
	background:transparent;
	float:left;
	padding:0;
}

#header-menu ul li a{
	background:transparent;
	color:#ddd;
	font-weight:medium;
	display:block;
	padding:4px 8px 5px 8px;
}

#header-menu  ul li ul {
	position:absolute;
	top:23px;
	width:140px;
	padding:2px 2px 2px 2px;
	background:black;
	border:1px #aaa solid;
	display:none;
}

#header-menu  ul li ul li{
	width:140px;
	height:19px;
}

#header-menu  ul li ul li a{
	display:block;
	padding:1px 2px 1px 6px;

}

#header-menu ul li:hover, #header-menu ul li a:focus {
	background:url(http://www.sylvaincedat.fr/galerie/images/menu-over.jpg) repeat-x scroll 0 0;
}

#header-menu ul li:hover a, #header-menu ul li a:focus{
	color:#fff;
}

#header-menu ul li:hover ul {
	display:block;
}

#header-menu ul li:hover ul li:hover, #header-menu ul li a:focus ul li a:focus  {
	background:#444;
	color: #fff;
}

#header-menu  ul li ul li img  {
	display:block;
	padding:2px 4px 1px 2px;
	float:left;
}




#container {
	margin: 0 auto;
	width:1004px;
	background:url(http://www.sylvaincedat.fr/galerie/images/container.jpg) repeat-y scroll 0 0;
	color:black;
	text-align:left;
}

#container-t {
	background:#dcd9d9 url(http://www.sylvaincedat.fr/galerie/images/container-t.jpg);
	width:1004px;
	height:15px;
}

#container-t-l {
	width:15px;
	height:15px;
	background-image:url(http://www.sylvaincedat.fr/galerie/images/container-t-l.jpg);	
	float:left;
}

#container-t-r {
	width:15px;
	height:15px;
	background-image:url(http://www.sylvaincedat.fr/galerie/images/container-t-r.jpg);	
	float:right;
}

#content-menu {
	margin:3px 0px 0px 18px;
	float:left;
}

#random-photo a {
	display:block;
	width: 165px;
	height: 143px;
	background: url(http://www.sylvaincedat.fr/galerie/images/random-photo.jpg);
	color:#000;
}

#random-photo img {
	display: block;
	padding: 12px 10px 5px 13px;
}




	

#content-menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

#content-menu ul li .head {
	width:165px;
	background-image:url(http://www.sylvaincedat.fr/galerie/images/button2.jpg);
}


#content-menu ul li .head:hover, .head:focus   {
	background-image:url(http://www.sylvaincedat.fr/galerie/images/button2-hover.jpg);
}

#content-menu ul li a {
	display:block;
	font-family:Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	background:transparent;
	font-size:0.8em;
	font-weight:bold;
	color:#000;
	padding:9px 2px 8px 40px;
}

#content-menu ul li a:focus {
	color:red;

}

#content-menu ul li img  {
	position:absolute;
	margin:8px 5px 8px 11px;
}

#content-menu ul li ul {
	margin:5px 0px 5px 0px;

}

#content-menu ul li ul li a {
	font-size:0.8em;
	font-weight:bold;
	color:#000;
	margin:0px 10px 0px 10px;
	padding:3px 10px 3px 10px;
}

#content-menu ul li ul li a:hover {
	font-size:0.8em;
	font-weight:bold;
	background-color:#aaa;
	color:#fff;
	padding:3px 10px 3px 10px;
}


#content {
	height:500px;
	margin:2px 16px 0px 190px;
	background:transparent;
	text-align:center;
}

html>body #content {
height: auto;
min-height: 500px; /*hauteur mini pour les autres*/
} 
.album{
	padding: 5px 5px 5px 5px;
}

h2 {
text-align:center;
font-size: 1.6em;
margin:0px 5px 10px 5px;
padding:2px 2px 2px 2px;
color:#333;
background:#bbb;
border:3px #888 solid;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
}

h2 a {
color:#333;
}

.title2 {
padding:2px 5px 2px 15px;
text-align:left;
}

.title2 a{;
color:#666;
}


		.album h3{
		width:100%;
		text-align:center;
		letter-spacing:1px;
		font:normal 400 96% Georgia,Bookman,Palatino,"Times New Roman",serif}

		.album ol {
		overflow:hidden;
		padding-left:10px;}

		.album li {
		margin:0px;
		list-style:none;
		float:left;
		text-align:center}

		.album li a {
		color:#fff;
		width:188px;
		height:190px;
		display:block;
		overflow:hidden;
		padding-left:2px;
		background:url(http://www.sylvaincedat.fr/galerie/images/miniature2.gif);
		font:80% Georgia,Bookman,Palatino,"Times New Roman",serif}

		.album li a:hover,.album li a:active,.album li a:focus {
		color:#016;
		background-position:-190px 0}

		.album li img {
		padding:2px;
		display:block;
		border:1px solid #CCC;
		background:#FFF url(http://www.sylvaincedat.fr/galerie/images/loading.gif) no-repeat 50% 50%}

		.album li img.h {margin:41px 23px 19px}
		.album li img.v {margin:24px 40px 2px}

		.album li a:hover img.h,.album ol li a:active img.h,.album ol li a:focus img.h {margin-top:41px;border-color:#AAF}
		.album li a:hover img.v,.album ol li a:active img.v,.album ol li a:focus img.v {margin-top:24px;border-color:#AAF}


		.highslide-caption {
			text-align:left;
		}



#pages {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
overflow:auto; 
padding:4px;
float:right;
margin:5px 17px 0px 0px;
}

#pages a{
display:block;
float:left;
border:1px #BBBBBB solid;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
margin:2px;
width:13px;
height:13px;
padding:2px;
text-align:center;
text-decoration: none;
font:normal 700 85% sans-serif;
background:#EEEEEE;
color:#999999;
}

#pages a:hover {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#3366FF;
color:white;
font-weight: bold;
}
#pages a:focus, #pages a:visited 
{
   text-decoration: none;
}

#bottom {
	margin: 0 auto;
	background-image:url(http://www.sylvaincedat.fr/galerie/images/bottom.jpg);
	width:1004px;
	height:15px;
}

#bottom-l {
	background-image:url(http://www.sylvaincedat.fr/galerie/images/bottom-l.jpg);
	width:15px;
	height:15px;
	float:left;
}

#bottom-r {
	background-image:url(http://www.sylvaincedat.fr/galerie/images/bottom-r.jpg);
	width:15px;
	height:15px;
	float:right;
}



#alexguestbook{
background-color: #555; 
}

/***********************/
/*   ALEX-GUESTBOOK    */
/***********************/
.body_txt {
 width: 620px;
 margin-left: auto;
 margin-right: auto;
}
a, img, abbr, acronym, frame { 
 border: none; 
}
a.a_info_code:link       { text-decoration: none;      color: #cccccc; }
a.a_info_code:visited    { text-decoration: none;      color: #cccccc; }
a.a_info_code:hover      { text-decoration: underline; color: #cccccc; }

a.a_copyright:link       { text-decoration: none;      color: #cccccc; }
a.a_copyright:visited    { text-decoration: none;      color: #cccccc; }
a.a_copyright:hover      { text-decoration: underline; color: #cccccc; }

input, textarea, select {
 font-family: Verdana, Arial, Tahoma; 
 font-size: 12px;
}
input.i_text {
 font-family: Verdana, Arial, Tahoma; 
 font-size: 12px;
 width: 200px;
}
input.i_focus {
 padding-left: 2px;
 background-color: #e4e4e4; 
 width: 200px;
}
input.btn_add {
 font-size: 12px;
 cursor: pointer;
 font-weight: bold;
 color: #000000;
}
input.btn_search {
 cursor: pointer;
 font-weight: bold;
 color: #000000;
}
input.i_nbre_car {
 font-size: 12px; 
 background-color: transparent; 
 border: 0px none; 
 font-weight: bold; 
 color: #000000;
}
input.i_nbre_car_focus {
 font-size: 12px; 
 background-color: #e4e4e4; 
 border: 0px none; 
 font-weight: bold; 
 color: #000000;
}
textarea.i_comment {
 font-family: Verdana, Arial, Tahoma; 
 font-size: 12px;
 width: 430px;
}
textarea.i_comment_focus {
 padding-left: 2px; 
 background-color: #e4e4e4; 
 width: 430px;
}
form {
 margin: 0px;
 padding: 0px;
}
img.img_left{
 float: left;
}
.d_title {
 font-family: Verdana, Arial, Tahoma; 
 font-weight: bold;
 color: #a6d2ff; 
 font-size: 12px;
 text-align: center;
}
.d_note {
 font-family: Verdana, Arial, Tahoma; 
 color: #cccccc; 
 font-size: 12px;
 text-align: center;
}
.d_add_msg {
 text-align: center;
}
.d_f_add_msg {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 padding-top: 1px;
 padding-bottom: 1px;
 color: #cccccc;
 border: 2px solid #cccccc;
 background: #272727;
}
.d_add_msg_h {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 height: 0px;
 background: #cccccc;
}
.d_add_msg_b {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 height: 0px;
 background: #cccccc;
}
.add_msg_left {
 float: left;
 width: 160px;
 text-align: left;
 margin-top: 1px;
 padding-left: 10px;
 height: 23px;
 clear: both;
}
.add_msg_right {
 text-align: left;
 height: 25px;
}
.reponse {
 border: 1px solid #cccccc;
 background-color: #191919;
 padding: 5px;
}
.code_sec {
 font-family: Verdana, Arial, Tahoma;
 font-size: 12px;
 text-align: center;
}
.d_center {
 text-align: center;
}
.copyright {
 padding: 2px 1px 5px 1px;
 line-height: 1.5;
 color: #444;
 font-family: Verdana, Arial, Tahoma; 
 font-size: 11px;
 text-align: center;
}
.copyright a {
 color: #888;
}
.copyright a:hover {
 color: #444;
}
.d_nbre_car {
 text-align: center;
 margin: -18px 0 0 16px;
}
.d_smileys {
 text-align: center;
 padding: 3px;
}
.body_all {
 text-align: center;
}
.d_nb_mess_page {
 background-color: #666666;
 font-weight: bold;
 padding: 1px;
 height: 15px;
}
span.color_d_nb_mess_page1 {
 color: #dddddd;
}
span.color_d_nb_mess_page2 {
 color: #cccccc;
}
.three1 { 
 float: left;
 width: 35%;
 text-align: left;
 padding-left: 3px;
}
.three2 { 
 float: left;
 width: 29%;
 text-align: center;
}
.three3 { 
 float: right;
 width: 35%;
 text-align: right;
 padding-right: 3px;
}
.d_liste_page {
 padding: 1px;
 height: 15px;
}
.three1_2 { 
 float: left;
 width: 25%;
 text-align: left;
}
.three2_2 { 
 float: left;
 width: 49%;
 text-align: center;
}
.three3_2 { 
 float: right;
 width: 25%;
 text-align: right;
}
span.Gris_prec_suiv {
 color: #CCCCCC;
}
.d_corps_msg {
 background-color: #272727;
 border: 1px solid #cccccc;
 padding: 4px;
 text-align: left;
}
.d_pseudo {
 color: #a6d2ff;
 font-weight: bold;
}
.d_date {
 color: #a6d2ff;
 float: right;
 width: 145px;
 text-align: right;
}
.d_code1{
 display: inline;
 float: left;
 text-align: right;
 height: 20px;
 width: 238px;
}
.d_code2{
 display: inline;
 float: left;
 text-align: left;
 height: 20px;
}
.d_submit_msg {
 color: #ffffff;
 text-align: center;
 clear: both;
}
.d_note_user {
 font-weight: bold;
 color: #a6d2ff;
 text-align: left;
}