body
{
	background-image: url(../images/fond.jpg);
	background-attachment: fixed;
}

h1
{
	color: white;
	text-align: center;
	margin-top: 3%;
	text-shadow: 5px 5px 5px black;
}

.tete
{
	width:90%;
	border: 10px white ridge;
	border-radius: 10px;
	margin-left: 4.3%;
	margin-top: 0%;
}

.retro
{
	width: 27%;
	border: 10px white ridge;
	border-radius: 10px;
	margin: 2%;
	margin-bottom: 0%;
	position: absolute;
	top: 450px;
	left: 80px;
}

.actu
{
	width: 27%;
	border: 10px white ridge;
	border-radius: 10px;
	margin: 2%;
	margin-bottom: 0%;
	position: absolute;
	top: 450px;
	left: 655px;
}

.futur
{
	width: 27%;
	border: 10px white ridge;
	border-radius: 10px;
	margin: 2%;
	margin-bottom: 0%;
	position: absolute;
	top: 450px;
	left: 1230px;
}

p
{
	width: 50%;
	background-color: white;
	padding: 2%;
	word-wrap: break-word;
	text-align: center;
	box-shadow: 10px 10px 10px black;
	border: 2px black inset;
	opacity:0.9;
	margin-left: 25%;
}

#Right{
	color: black;
	margin-left: 67%;
	text-align: center;
	padding: 1%;
	margin-right: 25%;
	background-color: white;
	border: 2px white inset;
	opacity:0.9;
}

#content div.contact input,
#content div.contact input[type=email] {
    display: block;
    width: 50%;
    font-size: 1.3em;
    background: #f8f8f8;
    padding: 10px;
    margin: 20px auto;
    border: none;
    border-bottom: 2px solid #c9c9c9;
}

#content div.contact input:focus,
#content div.contact input[type=email]:focus {
    outline: 0;
    border-bottom: 2px solid #969696
}

#content div.contact textarea.message {
    display: block;
    width: 50%;
    outline: 0;
    font-size: 1.2em;
    background: #f8f8f8;
    padding: 10px;
    margin: 20px auto;
    resize: none;
    border: none;
    font-family: Arial, sans-serif;
    border-bottom: 2px solid #c9c9c9;
}

#content div.contact textarea.message:focus {
    border-bottom: 2px solid #969696
}

#content div.contact .send-button {
    display: block;
    text-align: center;
    width: 20%;
    padding: 10px;
    cursor: pointer;
    margin: 20px auto;
    font-size: 1.3em;
    background: #fcfcfc;
    border: 1px solid #000;
    border-radius: 3px;
    position: relative;
}

#content div.contact .send-button:hover {
    background: #d3d3d3
}

#voletNav {
	border-right: 5px silver groove;
	border-bottom: 5px silver groove;
	border-left: 5px silver groove;
	border-top: 5px silver groove;
	width: 100%;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background-color: black;	/*couleur d'arriere du bandeau*/
	opacity:1;
	margin-top: 1%;
	box-shadow: 10px 10px 10px white;
	margin-left: 31%;
	width: 39%;
}

.dropdown, .soloLink { 
	float: left;
} 

.dropdown a, .soloLink a, .dropdiv {
    display: inline-block;
    color: #FFF;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropdiv {
    background-color: silver;	/*couleur quand on passe sur l'onglet*/
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: silver; /*couleur de fond des sous volets*/
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	text-align:center;
	border-right: 5px silver groove;
	border-bottom: 5px silver groove;
	border-left: 5px silver groove;
	border-top: 5px silver groove;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	text-align:center;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

footer{
	margin-top: 5px;
	padding: 20px 0 10px;
	border-radius:20px;
	line-height:30px;
	position: absolute;
	bottom: 0;
	color: white;
	left: 850px;	
}