/*
style.css
---------------
par Jéro 
*/
body
{
width:1050px;
margin-left:auto;
margin-right:auto;
background-color:#e2f8b1;
font-family: Arial, sanserif, verdana;
color:#214021;
}
header
{
display: block;
background-color: #b3b3b3;
width:640px;
height:140px;
margin-left:auto;
margin-right:auto;
border:1px solid grey;
border-radius:8px;
box-shadow:6px 6px 6px grey;	
}
header h1
{
	color:#ff1515;
	font-family:Comic sans MS;
	text-align:center;
	margin-top: 10px;
	text-shadow:2px 4px 6px black ;
	font-size: 2.5em;
	
}
header h2
{
text-align: center;
margin-top: -10px;
color:#704c60;
font-size: 1em;	
}
h2
{
	font-family: arial,georgia,verdana,trebuchet;
	text-align: center;
}
h2 small
{
	color:red;
}
h3
{
	text-align: center;
}
p
{
font-family: arial, verdana, georgia;
color: #214021;	
}
nav
{
display:inline-block;
width:1000px;
text-align: center
	
	
}
nav ul
{
	list-style-type: none;
	
}
nav a
{
font-family: Arial, sanserif, verdana;
font-size:1em;
font-weight: bold;
color:#113366;
padding-right: 12px;	
padding-left: 12px;	
padding-bottom: 2px;
text-decoration: none;
}
nav a:hover
{
	color:#ff4040;
	border-bottom: 2px solid #ee8070;
	background-color: #d9d6a4;
}
aside
{
display: block;
width:250px;
height: auto;
margin-top:50px;
font-size: 0.9em;
color:#dbdbe9;
border: 1px solid grey;
background-color:#773060;	
padding: 15px;	
border-radius:6px;
box-shadow:5px 5px 6px grey;

}
aside p
{
	color:#dbdbe9;
	}

section
{
display:inline-block;
width: 750px;
background-color: #ddffdd;
border: 1px solid grey;
border-radius:8px;
margin-left: 300px;	
margin-top: -400px;
padding-left: 20px;
box-shadow:6px 6px 6px grey;
text-decoration: none;	
	
}
.liensv  a
{
	
    text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-size: 0.8em;
	font-family: Arial;
    color:#999900;
    
	}
em
{
	color:#104499;
	font-size: 0.9em;
	font-weight:bold;
}
.liensv a:hover
{
color:#ff99cc;
border-bottom: 2px solid #ee8070;
}
figure
{
display:block;
width:260px;
margin-top:-300px;
margin-left:0px;
font-size: 0.8em;
color:#dbdbe9;
border: 1px solid grey;
background-color:#773060;	
padding: 10px;	
border-radius:6px;
box-shadow:5px 5px 6px grey;
}
.Joelettes
{
	display:inline-block;
width:260px;	
	
}

.comments
{
	color: red;
	font-size:1em;
}
article.rando
{
	display:inline-block;
	width:800px;
	margin-left: 100px;
	margin-top: 20px;
	font-size: 0.9em;
	line-height:1.1em;
color:#eeeeee;
border: 1px solid grey;
background-color:#808080;	
padding: 10px;	
border-radius:6px;
box-shadow:5px 5px 6px grey;

}
.rando a
{
text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	font-family: Arial;
    color:#99ff50;	
}
.rando a:hover
{
color:#ff99cc;
border-bottom: 2px solid #ee8070;	
}
.rando em
{
color: #eeeeee;
font-weight:bold;	
	
}

article.photos
{
display:inline-block;
width: 900px;
background-color: #ddffdd;
border: 1px solid grey;
border-radius:8px;
margin-left: 75px;	
margin-top: 25px;
padding: 10px;
box-shadow:6px 6px 6px grey;
	
	
}
article th
{
	border-bottom:none;
	text-align:center;
	
}
article td
{
	border-bottom:none;
	text-align:center;
	padding-left:25px;
	
}
.photos img
{
	height: 260px;
	
	}
	.imglarge
	{
		width: 400px;
		text-align:left;
	}
.titrephoto
{
	text-align: center;
	margin-top:-10px;
	font-style: italic;
	font-size:0.8em;
	color:blue;
}
section table
{
	width:680px;
	display:inline-block;
	border-collapse: collapse;
	margin:20px;
	
	
}
.photojournal
{
text-align: center;
font-size: 0.9em;
color : purple;	
}
.ajout
{
display:block;
width: 260px;
background-color: #ddffdd;
border: 1px solid grey;
border-radius:8px;
margin-left: 0px;	
margin-top: 15px;
padding: 10px;
box-shadow:6px 6px 6px grey;
		
	
}
.menomblet
{
display:block;
width: 260px;	
	
}

  section td
{
	border-bottom: 1px solid green;
	text-align:left;
	height: 32px;
	}
	section th
	{
		border-top:1px solid green;
		border-bottom: 1px solid green;
	text-align:left;
	height: 36px;
	background-color:#ccccff;
	}
	.col1
	{
	width:170px;
	padding-left: 10px;
	
	
	}
		.col2
	{
	width:220px;
	
	}
		.col3
	{
	width:250px;
	
	}
	div.comments
	{
		font-size:0.9em;
		margin-left: 100px;
		margin-right: 100px;
		color: purple;
		
	}
	footer
	{
		font-size:0.8em;
	}