a {
color : white;
}

input, textarea {
width: 379px;
background: #efefef;
border: 1px solid #ddd;
font-size: 0.9em;
color: black;
height: 25px;
padding: 10px;
margin-top: 1px;
}

input:focus, textarea:focus {
border:1px solid #99cc66;
}

#submit {
width:90px;
height:40px;
margin-top:20px;
cursor:pointer;
}

#submit:hover {
opacity:0.9;
}

textarea {
height: 213px;
}

label {
display: block;
margin-top: 10px;
}

#wrapper {
margin: 50px auto; /* 50px from the top and auto centered */
width: 960px;
}

#form {
margin:0 auto;
width:400px;
}

align_center {
align : center;
}

player {
border : 0;
cellpadding : 5;
cellspacing : 5;
margin-left : 20%;
margin-right : auto;
text-align : center;
align : center;
}

a.w3c {
float : right;
margin-right : 10%;
background-color : transparent;
}

a.header_flag {
float : right;
margin-right : 1em;
}

a:hover {
text-decoration : underline;
}

img.bio {
float : left;
margin-left : 1em;
margin-right : 1em;
}

img.index_poster {
float : center;
margin-left : 1em;
margin-top : 1em;
}

img.header_logo {
position : center;
margin-left : 1em;
}

iframe {
border : 0;
}

p {
color : white;
text-align : justify;
padding-right : 3em;
padding-left : 3em;
font-size : 16px;
overflow : hidden;
margin-bottom : 0;
}

p.bio {
color : white;
text-align : justify;
padding-left : 0;
padding-right : 1em;
font-size : 16px;
overflow : hidden;
margin-bottom : 0;
}

body {
color : white;
margin : 0 auto;
padding : 0;
background-color : #6a6665;
}

h1 {
color : white;
text-align : center;
font-size : 18px;
padding-bottom : 1em;
background-color : black;
}

header {
text-align : center;
display : block;
margin-left : auto;
margin-right : auto;
padding-top : 1em;
width : 80%;
background-color : black;
}

footer {
text-align : center;
margin-top : 0em;
}

#menu {
font-family: Times New Roman,sans-serif;
font-size: 14px;
color: #c0c0c0;
background-color: black;
height: 1.1em;
position: absolute;
left:10%;
right:10%;
width: 80%;
}

.outer {
background-color: black;
color: #c0c0c0;
display: block;
float: left;
height: 1.5em;
overflow: hidden;
width: 14%;
text-align: center;
}

.outer:hover {
color: #c0c0c0;
height: auto;
width: 14%;
background-color: black;
z-index: 100;
}

a.inner:hover, a.inner-1:hover {
color: black;
background-color: #c0c0c0;
}

a.inner {
color: #c0c0c0;
display: block;
text-decoration: none;
width: auto;
font-size: 13px;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
padding : 0.3em;
position : relative;
top : 0.4em;
}

a.inner-1 {
color: #c0c0c0;
display: block;
text-decoration: none;
font-size: 13px;
border-bottom: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
width: auto;
padding : 0.3em;
}

a.menutag {
display: block;
color: #c0c0c0;
text-decoration: none;
cursor: pointer;
}

#content {
color : #c0c0c0;
background-color : black;
width : 80%;
margin-left : auto;
margin-right : auto;
text-align : center;
overflow : hidden;
z-index : 50;
padding-top : 2em;
padding-bottom : 1em;
}

#index {
background-image : url('img/fond_index_500px.jpg');
background-repeat : no-repeat;
background-size : 100%;
width : 80%;
margin-left : auto;
margin-right : auto;
text-align : center;
overflow : hidden;
z-index : 50;
padding-top : 2em;
padding-bottom : 0em;
height : 550px;
}

#actualite.img {
    max-width:100%;
    height: auto;
    width: auto; /* ie8 */
}

td {
text-align : left;
color : white;
}

@media (max-width:640px) {
body, element1, element2 {
width : auto;
margin : 0;
padding : 0;
}

img, table, blockquote, code, pre, iframe, object, embed, video {
max-width : 100%;
}

img {
height : auto;
width : auto;
box-sizing : border-box;
}

textarea, table, th, code, pre, samp {
overflow-wrap : break-word;
hyphens : auto;
}

code, pre, samp {
white-space : pre-wrap;
}

element1, element2 {
float : none;
width : auto;
}

.hide_mobile {
display : none !important ;
}

body:before {
content : "Version mobile du site";
color : white;
display : block;
text-align : center;
font-style : italic;
background-color : #c0c0c0;
}

#content {
width : 100%;
margin-left : auto;
margin-right : auto;
text-align : center;
overflow : hidden;
z-index : 50;
padding-top : 2em;
padding-bottom : 0em;
position : relative;
}

#index {
width : 100%;
text-align : center;
padding-top : 2em;
background-image : url('img/fond_index_200px.jpg');
height : 260px;
}

header {
text-align : center;
display : block;
margin-left : auto;
margin-right : auto;
padding-top : 1em;
width : 100%;
background-color : black;
color : #c0c0c0;
}

footer {
text-align : center;
padding-top : 0;
margin-top : 0;
}

#menu {
font-family : "Times New Roman", serif;
font-size : 14px;
color : #c0c0c0;
background-color : black;
position : relative;
width : 100%;
left : 0;
height : auto;
}

.menu_overlay {
position : relative;
}

.outer {
background-color : black;
color : #c0c0c0;
display : inline;
float : left;
height : 1.15em;
overflow : hidden;
width : 50%;
}

.outer:hover {
color : #c0c0c0;
background-color : black;
z-index : 50;
width : 50%;
height : 1.15em;
}

a.inner:hover, a.inner-1:hover {
color : black;
background-color : #c0c0c0;
}

p {
color : white;
text-align : justify;
padding-right : 0;
padding-left : 0;
font-size : 16px;
overflow : hidden;
margin-bottom : 0;
background-color : black;
}

p.bio {
color : white;
background-color : black;
text-align : justify;
padding-left : 0;
padding-right : 0;
font-size : 16px;
overflow : hidden;
margin-bottom : 0;
}

a.w3c {
float : right;
margin-right : 0;
background-color : transparent;
}

a.header_flag {
float : right;
margin-right : 0;
}

img.header_logo {
position : center;
margin-left : 0;
}
}