html {
    height: 100%;
}

body {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(101,101,101,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(101,101,101,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(101,101,101,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(101,101,101,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(101,101,101,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(101,101,101,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#777777', GradientType=0 );
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-size: 0.8em;
}

/*entete*/

head {
}


header {
height:30px;
width:100%;
margin:auto;
}

#bloc_header {
margin:auto;
max-width: 1000px;
}

#logo {
display: inline-block;
position: relative;
float: left;
background-image:url(../images/logo.png);
height:100px;
width:108px; 
background-repeat:no-repeat;
margin-top: 6px;
margin-left: 0px;
}

#slogan {
display: inline-block;
position: relative;
color: white;
vertical-align: top;
margin-top: 40px;
margin-right: 20px;
}


.dropdown {
display: inline-block;
position: relative;
font-weight: bold;
color: white;
height: 30px;
width:75px;
padding: 10px 25px;
text-align: center;
margin-top: 30px;
}

.dropdown a {
color: white;
text-decoration: none;
}

.dropdown:hover {
background: #bb0000;
}


.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 0px 10px 0px 10px;
margin: 5px 0px 0px -30px;
z-index: 1;
font-weight: normal;
color: black;
text-align: left;
}

.dropdown-content a {
color: black;
text-decoration: none;
}

.dropdown-content p {
margin: 5px 0px 5px 0px;
}
.dropdown-content a:hover {
color: white;
}

.dropdown-content p:hover {
background-color: #bb0000;
}

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

#bandeau {
height:50px;
width:100%;
background: #8b8b8b;
position: absolute;
top:30px;
z-index: -1;
}

/*corps de la page */

a {
text-decoration: none;
color: black;
}

section {
display: block;
position: relative;
margin: auto;
top:80px;
max-width: 1000px;
border-style: solid;
border-width: 3px;
border-color: #8b8b8b;
background-color: #ffffff;
}

section img {
display: inline-block;
position: relative;
max-width: 100%;
height: auto;
margin: auto;
}


#center {
display: block;
position: relative;
margin: auto;
max-width: 650px;
}


.bloc_assurance {
display: block;
width:100%;
overflow: hidden;
}

.bloc_gauche {
float: left;
width: 50%;

}

.bloc_droite  {
float: right;
width: 50%;
}

.bloc_qui_gauche {
float: left;
width: 35%;

}

.bloc_qui_droite  {
float: right;
width: 65%;
}

.equipe {
display: block;
}

table {
border-collapse: collapse;
}


td {
padding:10px;
border-bottom:2px solid #8b8b8b;
}


.bandeau3 {
height:25px;
width:100%;
background: #cccccc;
position: relative;
display: inline-block;
top:20px;
font-size: 1.5em;
padding: 0px 10px 0px 10px;
}

.texte {
width:95%;
display: inline-block;
padding: 0px 10px 0px 10px;
text-align: justify;
}

.temp {
display: block;
position: relative;
width: 600px;
height: auto;
margin: auto;
}

#cadreform {
display: block;
width: 300px;
height: 500px;
padding: 20px;
height: auto;
margin: auto;

}

img.virgule {
position: relative;
display: block;
top: 20px;
left: 133px;
z-index: 5;
}

input {
position: relative;
display: inline-block;
float: right;
}

iframe {
margin-left: 20px;
}
/*pied de page*/

footer {
height:35px;
max-width:1000px;
position: fixed;
display: inline-block;
bottom: 0px;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
z-index: 4;
}

footer a {
color: white;
font-size: 1.2em;
}

.footer-content {
display: inline-block;
position: relative;
margin: auto;
padding-top: 5px
}

.footer-content img {
height: 25px;
margin: 0px 10px
}

#bandeau2 {
height:40px;
width:100%;
background: #8b8b8b;
position: fixed;
bottom: 0px;
z-index: 3;
}

#bandeau3 {
height:40px;
width:100%;
background: #8b8b8b;
position: fixed;
bottom: 0px;
z-index: 3;
}

#bandeau4 {
height:40px;
opacity: 0.0;
display: inline-block;
position: relative;
margin-top: 100px;
}