*
{
	font-family: Amaranth, Arial;
}

html
{
	background-color: #30312f;
	/*text-shadow: -0.3px -0.3px white, 0.3px 0.3px #30312f;*/
}

body
{
	width: 1024px;
	margin: auto;
	color: white;
	box-shadow: 5px 5px 40px #9dd432;
	overflow: visible;
	margin-bottom: 50px;
	
	z-index: 1;
}

table 
{
	display: inline-block;
	padding-right: 5px;
}

header
{
	width: 1024px;
	height: 200px;
	background-image: url('banniere5.png');
	margin-bottom: 3px;
}

fieldset
{
	margin-left: 20px;
	margin-right: 20px;
}

h1
{
	margin-left: 50px;
	margin-top: 0px;
	text-decoration: underline;
}

h3
{
	display: inline-block;
}

u.news
{
	display: inline-block;
	font-size: 12px;
}

nav
{
	width: 100%;
	height: 35px;
	display: inline-block;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	/*background: #9dd432;*/
	background-image: url('deg.png');
	/*
	background: -moz-linear-gradient(top, #9dd432, #349D00);
	background: -o-linear-gradient(top, #9dd432, #349D00);
	background: -webkit-linear-gradient(top, #9dd432, #349D00);
	background: -ms-linear-gradient(top, #9dd432, #349D00);
	background: linear-gradient(top, #9dd432, #349D00);
	*/
	-webkit-box-shadow: 0 10px 5px 0px rgba(0,0,0,.59); 
	-moz-box-shadow: 0 10px 5px 0px rgba(0,0,0,.59); 
	box-shadow: 0 10px 5px 0px rgba(0,0,0,.59);
}

ul.admin
{
	margin-left: 100px;
}

ul.menu 
{
	text-shadow: 0px 2px 0px rgba( 0, 0, 0, 0.2);
	margin-top: 0px;
	display: inline-block;
	height : 25px;
}

ul.menu li 
{
	font-size: 20px;
	padding: 5px;
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: -3px;
	display: inline-block;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

ul.menu li.preums
{
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

ul.menu li:hover 
{
	color: #9dd432;
	background: #444444;
    background: -webkit-linear-gradient(left,#222,#555 5%,#555 95%,#222 100%);
    background: -moz-linear-gradient(left,#222,#555 5%,#555 95%,#222 100%);
    background: -o-linear-gradient(left,#222,#555 5%,#555 95%,#222 100%);
    background: -ms-linear-gradient(left,#222,#555 5%,#555 95%,#222 100%);
    background: linear-gradient(to right,#222,#555 5%,#555 95%,#222 100%);	
}

a
{
	color: #FFFFFF;
}

p
{
	margin-left: 20px;
}

textarea
{
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

section
{
	width: 100%;
	display: inline-block;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	vertical-align: top;
}

aside
{
	width: 27%;
	display: inline-block;
	margin-top: 20px;
}

footer
{
	width: 100%;
	margin-top: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
}

fieldset.inscription
{
	margin-left: 200px;
	margin-right: 200px;
}

legend
{
	color: #FFFFFF;
}

.sep
{
	width: 600px;
	height: 10px;
	text-align: center;
	margin: auto;
	background-image: url('sep1.png');
	background-repeat: repeat-x;
	box-shadow: 1px 1px 4px black;
	border-radius: 2px;
}

.newsdiv
{
	background: #575757;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 0px;
	border-radius: 8px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59); 
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59); 
	-o-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
	-ms-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
}

.naffiche
{
	display: none;
}

.affiche
{
	display: block;
}

a.menu
{
	display: block;
	color: #000000;
	height: 35px;
	text-decoration : none;
	color: #FFFFFF;
	margin-top: 0px;
	padding: 0px;
	/*
	border-radius: 10px 10px 10px 10px;
	box-shadow: 1px 1px 2px #360,
            	0px 0px 1px black,
            	0px -1px 1px white;      	
	-moz-transition: padding 0.3s,border-radius 0.3s ease-out 0.1s;
	-o-transition: padding 0.3s, border-radius 0.3s ease-out 0.1s;
	-ms-transition: padding 0.3s, border-radius 0.3s ease-out 0.1s;
	-webkit-transition: padding 0.3s, border-radius 0.3s ease-out 0.1s;
	*/
}

a.menu:hover
{
	/*
	border-radius: 0px 0px 10px 10px;
	padding: 7px;
	box-shadow: 1px 1px 2px #360 inset,
           		0px 0px 1px black,
            	0px -1px 1px white;
	-moz-transition: padding 0.3s ease-out 0.1s, border-radius 0.3s ease-out 0.1s;
	-o-transition: padding 0.3s ease-out 0.1s, border-radius 0.3s ease-out 0.1s;
	-ms-transition: padding 0.3s ease-out 0.1s, border-radius 0.3s ease-out 0.1s;
	-webkit-transition: padding 0.3s ease-out 0.1s, border-radius 0.3s ease-out 0.1s;
	*/
}

a.footer
{ 
	color: #FFFFFF;
}

a.footer:hover
{
	color: #9dd432;
}

form
{
	display: inline-block;
	width: 100%;
}

form.admin
{
	margin-left: 20px;
	width: 90%;
}

input
{
	padding-left: 5px;
	display: inline-block;
}

input.champs
{
	height: 22px;
	min-width: 150px;
	margin-top: 10px;
	border-radius: 0px 5px 5px 0px;
	border: none;
	padding-left: 5px;
	vertical-align: top;
}

input.champs:hover
{
	min-width: 148px;
	height: 20px;
	padding-left: 4px;
	border: 1px solid #9dd432;
}

input.bouton
{
	color: #FFFFFF;
	background: #000000;
	background: -moz-linear-gradient(top, #1A1C1B, #000000);
	background: -o-linear-gradient(top, #1A1C1B, #000000);
	background: -webkit-linear-gradient(top, #1A1C1B, #000000);
	background: -ms-linear-gradient(top, #1A1C1B, #000000);
	background: linear-gradient(top, #1A1C1B, #000000);
	border: none;
	border-radius: 5px;
	padding: 3px;
}

input.premier
{
	margin-left: 90px;
}

input.image
{
	margin-top: 10px;
}

input.bouton:hover
{
	background: -moz-linear-gradient(top, #2A2927, #000000);
	background: -o-linear-gradient(top, #2A2927, #000000);
	background: -webkit-linear-gradient(top, #2A2927, #000000);
	background: -ms-linear-gradient(top, #2A2927, #000000);
	background: linear-gradient(top, #2A2927, #000000);
}

input.bouton:active
{
	background: -moz-linear-gradient(top, #000000, #2A2927);
	background: -o-linear-gradient(top, #000000, #2A2927);
	background: -webkit-linear-gradient(top, #000000, #2A2927);
	background: -ms-linear-gradient(top, #000000, #2A2927);
	background: linear-gradient(top, #000000, #2A2927);
}

label
{
	background-image: url('deg2.png');
	/*
	background: #E1B401;
	background: -moz-linear-gradient(top, #E1B401, #A68500);
	background: -o-linear-gradient(top, #E1B401, #A68500);
	background: -webkit-linear-gradient(top, #E1B401, #A68500);
	background: -ms-linear-gradient(top, #E1B401, #A68500);
	background: linear-gradient(top, #E1B401, #A68500);
	*/
	text-align: center;
	vertical-align: top;
	display: inline-block;
	height: 22px;
	width: 100px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	margin-top: 10px;
	border-radius: 5px 0px 0px 5px;
}

#compte
{
	display: block;
	text-align: center;
	font-size: 16px;
	width: 250px;
	margin: auto;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: #575757;
	color: #FFFFFF;
	border-radius: 20px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59); 
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59); 
	-o-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
	-ms-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);

	z-index: 1;
}

#connexion
{
	display: block;
	text-align: center;
	font-size: 16px;
	width: 350px;
	margin: auto;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: #575757;
	color: #FFFFFF;
	border-radius: 20px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59); 
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59); 
	-o-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
	-ms-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);

	z-index: 1;
}

img.compte
{
	max-width: 150px;
	max-height: 300px;
	border-radius: 10px;
	margin: 5px;
}

img.annonce
{
	display: inline-block;
	margin-top: 0px;
	max-width: 100px;
	max-height: 100px;
	vertical-align: middle;
	border: none;
}

img.annonce:hover
{
	cursor: pointer;
}
/*
img.annonce:active
{
	display: block;
	max-width: 500px;
	max-height: 500px;
	background: #575757;
	cursor: pointer;
	
	-moz-transition: max-height 0.6s ease-out 0s;
	
	-o-transition: max-height 0.6s ease-out 0s;
	
	-ms-transition: max-height 0.6s ease-out 0s;
	
	-webkit-transition: max-height 0.6s ease-out 0s;
	
	transition: max-height 0.6s ease-out 0.1s;

}
*/

table.annonce
{
	width: 80%;
	padding: 0px;
}

td.annonce
{
	min-width: 110px;
	max-width: 110px;
}

#prix
{
	display: inline-block;
	vertical-align: top;
	text-align: right;
	color: #9dd432;
	font-size: 18px;
	width: 15%;
	margin-top: 10px;
}

#textannonce
{
	margin-left: 10px;
}

#annonces
{
	background: #575757;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 0px;
	border-radius: 8px;
	min-height: 110px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59); 
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59); 
	-o-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
	-ms-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
}

img.site
{
	border-radius: 20px;
	max-width: 600px;
	max-height: 600px;
	margin-left: 40px;
	border: none;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59); 
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59); 
	-o-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
	-ms-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,.59);
}

td.textannonce
{
	text-align: left;
	width: 85%;
}

form.inscr
{
	display: block;
	margin: auto;
}

#photos
{
	display: inline-block;
	height: 300px;
	width: 360px;
	max-height: 300px;
	max-width: 360px;
	margin-left: 40px;
	margin-top: 30px;
	padding: 20px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	border: solid 1px #000000;
	border-radius: 10px;
}

img.upload
{
	max-width: 340px;
	max-height: 200px;
	vertical-align: center;
}

a.news
{
	text-decoration: none;
}