﻿body {
    text-align:center;
	margin:0;
    padding: 0;
    background: #000;
	}
.global {
	position: relative;
	width:980px;
	text-align:center;
	font-size:12px;
	font-family:Century Gothic, Arial, sans-serif;
	color:#313131;
	line-height:16px; 
	margin:0px auto;
	}
#rappel {
    position: fixed;
    z-index: 400;
    right: 0px;
    top: 180px;
    height: 270px;
    font-family: Century Gothic, sans-serif;
    color: #6A6A6A;
    font-size: 14px;
}
#rappel a {
    display: block;
    height: 240px;
    background: url("../images/telephone_rappel.png") #313131 50% 10px no-repeat;
    padding: 60px 0 10px 0;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    width: 50px;
}
#rappel a:hover {
    background: url("../images/telephone_rappel_hover.png") #313131 50% 10px no-repeat;
    color: #d39b3a;
    text-decoration: none;
}

#rappel_info {
    position: absolute;
    top: 0;
    left: 0px;
    background: #e7e7e7;
    height: 350px;
    width: 0px;
    overflow: hidden;
    padding: 0px 0px;
    z-index: 50;
    text-align: left;
}

#rappel_info div {
width: 200px;
padding: 20px 30px 20px 30px;
}

#rappel_info h5 {
text-transform: uppercase;
color: #d39b3a;
font-size: 16px;
font-family: Overlock, sans-serif;
height: 28px;
line-height: 28px;
text-align: center;
margin-bottom: 5px;
margin-top: 0px;
}

#rappel_info .inputext {
border: 1px solid #000;
display: block;
width: 90%;
padding: 5px 10px;
margin-bottom: 5px;
}

#rappel_info .inputradio {
margin-right: 10px;
}

#rappel_info .inputsubmit {
background: #000;
color: #fff;
border: none;
display: block;
width: 100%;
padding: 5px 0;
text-transform: uppercase;
font-weight: bold;
margin-top: 10px;
}
/* ENTETE */
#header {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 136px;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
#telephone {
    background: url("../images/telephone_or.png") #fff 10px 50% no-repeat;
    box-shadow: -2px 0px 2px #000;
    -moz-box-shadow: -2px 0px 2px #000;
    -webkit-box-shadow: -2px 0px 2px #000;
    width: 160px;
    float: right;   
    font-size: 20px;
    line-height: 20px;
    padding: 10px 0 10px 30px; 
}

/* MENU */
#menu {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 20px;
}
#menu ul, #menu li {
    position: relative;
    padding: 0;
    margin: 0;
}
#menu ul.nivo1 {
    position: relative;
    width: 100%;
}
#menu ul.nivo1 li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    float: left;
    padding-bottom: 22px;
}
#menu ul.nivo1 li.menu01 a {padding: 30px 0 0 0; background: url("../images/picto_accueil.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu02 a {padding: 30px 0 0 0; background: url("../images/picto_prestations.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu03 a {padding: 30px 0 0 0; background: url("../images/picto_demande_devis.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu04 a {padding: 30px 0 0 0; background: url("../images/picto_nos_clients.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu05 a {padding: 30px 0 0 0; background: url("../images/picto_societe.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu06 a {padding: 30px 0 0 0; background: url("../images/picto_contact.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu01 a:hover, #menu ul.nivo1 li.menu01:hover a {padding: 30px 0 0 0; background: url("../images/picto_accueil_hover.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu02 a:hover, #menu ul.nivo1 li.menu02:hover a {padding: 30px 0 0 0; background: url("../images/picto_prestations_hover.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu03 a:hover, #menu ul.nivo1 li.menu03:hover a {padding: 30px 0 0 0; background: url("../images/picto_demande_devis_hover.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu04 a:hover, #menu ul.nivo1 li.menu04:hover a {padding: 30px 0 0 0; background: url("../images/picto_nos_clients_hover.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu05 a:hover, #menu ul.nivo1 li.menu05:hover a {padding: 30px 0 0 0; background: url("../images/picto_societe_hover.png") 50% 0% no-repeat;}
#menu ul.nivo1 li.menu06 a:hover, #menu ul.nivo1 li.menu06:hover a {padding: 30px 0 0 0; background: url("../images/picto_contact_hover.png") 50% 0% no-repeat;}
#menu ul.nivo1 li a {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff
}
#menu ul.nivo1 li a:hover, #menu ul.nivo1 li:hover a {
    color: #d39b3a;
    text-decoration: none;
}
#menu ul.nivo1 li.bordure a strong {
    border-left: 1px solid #d39b3a;
    border-right: 1px solid #d39b3a;
}
#menu ul.nivo1 li a strong {
    display: block;
    padding: 0 15px 0 15px;
}
#menu ul.nivo2 {
    display: none;
    position: absolute;
    background: #f2f2f2;
    padding: 20px 10px; 
    margin-top: 22px;
    width: 250px;
}
#menu ul.nivo1 li:hover ul.nivo2 {
    display: block;
}
#menu ul.nivo1 li ul.nivo2 li {
    display: block !important;
    text-align: left;
    width: 100%;
    position: relative;
    padding-bottom: 0px;
}
#menu ul.nivo1 li ul.nivo2 a {
    padding: 0 !important;
    background: none!important;
    color: #d39b3a;
    text-transform: none;
    font-size: 12px;
    font-weight: bold;
}
#menu ul.nivo1 li ul.nivo2 a span {
    color: #313131;
}
#menu ul.nivo1 li ul.nivo2 a:hover span {
    color: #d39b3a;
}
.septid {
    margin-top: -36px;
    margin-bottom: -20px;
}

/* SLIDER */
#slider {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff;
    /* margin-top: -158px; */
}
#sliderresp {
    width: 100%;
    border-bottom: 2px solid #d39b3a;
    /* min-height: 406px; */
}
#slider p {
    width: 100%;
    padding: 30px 0;
    margin: 0;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
	font-family:Overlock, Arial, sans-serif;
    text-align: center;
}
#slider2 {
    background: none repeat scroll 0 0 #fff;
    height: 320px;
    /*margin-top: -50px;*/
    position: relative;
    width: 100%;
    z-index: 1;
}
#slider2 img {
    bottom: 0%;
    left: 0;
    position: absolute;
    width: 100%;
}

/* DEMANDE */
#demande {
    position: relative;
    width: 98%;
    height: 70px;
    background: #d39b3a;
    padding-left: 1%;
    padding-right: 1%;
}
#demande h2 {
    background: url("../images/fleche_demande_intervention.png") 0% 50% no-repeat;
    padding: 0 0 0 30px;
    font-weight: normal;
    color: #000;
    font-size: 24px;
    line-height: 30px;
    width: 370px;
	font-family:Overlock, Arial, sans-serif;
    display: inline-block;
    text-align: left;
    float: left;
}
#demande form {
    float: left;
    margin-top: 15px;
}
#demande .inputdemadne {
    width: 170px;
    background: url("../images/picto_code_postal.png") #fff 10px 50% no-repeat;
    padding: 10px 0 10px 50px;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    color: #cbcbcb;
    display: inline-block;    
    border: none;
}
#demande .inputsubmit {
    background: none repeat scroll 0 0 #000;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-left: -5px;
    padding: 9px;
    width: 50px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#demande .inputsubmit:hover {
    background: #fff;
    color: #d39b3a;
    cursor: pointer;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#demande span {
    width: 280px;
    display: inline-block;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    margin: 30px 0 0 25px;
    float: left;
} 
#fleche {
    position: relative;
    width: 97px;
    height: 19px;
    display: block;
    margin: 0px 95px -19px 0px;
    z-index: 10;
    float: right;
    background: url("../images/fleche_carte.png") 50% 50% no-repeat;
}


/* CONTENEUR */
#conteneur {
    position: relative;
    z-index: 1;
    width: 98%;
    background: url("../images/background.png") 0% 0% repeat;
    padding: 40px 0;
    padding-left: 1%;
    padding-right: 1%;
}
#bonus {
    background: #000;
    padding: 0 20px;
    width: 360px;
    display: inline-block;
    float: left;
}
#bonus h3 {
    background: url("../images/picto_titre_reseaux.png") 0% 50% no-repeat;
    padding: 0 0 0 40px;
	font-family:Overlock, Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    text-transform: uppercase;
    color: #d39b3a;
    text-align: left;
}
#bonus p a {
    text-transform: uppercase;
    color: #d39b3a;
    font-size: 13px;
    font-weight: bold;
}
#bonus p {
    color: #fff;
    font-size: 11px;
    text-align: justify;
    line-height: 14px;
}
#bonus .suite {
    display: block;
    background: #d39b3a;
    padding: 10px 20px;
    margin: 0 auto -20px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    border: 2px solid #d39b3a;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#bonus .suite:hover {
    background: #000; 
    text-decoration: none;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#carte {
    padding: 60px 0 20px 20px;
    width: 560px;
    display: inline-block;
}
.jqvmap-region:hover {
    cursor: pointer;
}
#pub {
    width: 980px;
    margin: 60px 0 40px 0;
    margin-left: -10px;

}
#pub a {
    background: url("../images/publicite_7id.jpg") 0% 0% no-repeat;
    width: 980px;
    height: 149px;
    display: block;
}
#pub a:hover {
    background: url("../images/publicite_7id_hover.jpg") 0% 0% no-repeat;
}
#pub a .texte {
    font-size: 39px;
    line-height: 45px;
    width: 600px;
    margin: 44px 80px 0 119px;
	font-family:Overlock, Arial, sans-serif;
    color: #fff;
    display: inline-block;
    float: left;
}
#pub a .lien {
    color: #fff;
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    margin: 96px 0 0 5px;
    text-align: left;
    text-transform: uppercase;
    width: 150px;
}
#pub a:hover .texte {
    color: #fff;
}
#pub a:hover .lien {
    color: #d39b3a;
}

#video {
    width: 980px;
    vertical-align: top;
}
.video {
    position: relative;
    width: 200px;
    display: inline-block;
    margin: 0 20px -10px 20px;
    padding-bottom: 30px!important;
}
.video a {
    position: absolute;
    bottom: 0;
    width: 200px;
    left: 0;
    color: #313131;
    font-weight: bold;
    text-align: right;
    display: none;
}
.video a:hover {
    color: #d39b3a;
    text-decoration: none; 
}

/* DEMANDE DEVIS REGION */
#filariane {
    position: relative;
    width: 100%;
    margin-bottom : 20px;
    margin-top : -30px;
    text-align: left;
    color: #d39b3a;
    font-weight: bold;
}
#filariane a {
    color: #313131;
    text-decoration: underline;
}
#filariane span {
    color: #313131;
}
#contenu {
    position: relative;
    width: 98%;
    text-align: center;
}
#contenu h1 {
    position: relative;
    margin: 10px auto 40px;
    color: #313131;
    font-size: 35px;
    line-height: 40px;
    display: inline-block;
	font-family:Overlock, Arial, sans-serif;
    padding-left: 40px;
}
.demandededevis h1 {background:url("../images/picto_demande_devis_hover.png") left center no-repeat; }
.prestations h1 {background:url("../images/picto_prestations_hover.png") left center no-repeat; }
.contact h1 {background:url("../images/picto_contact_hover.png") left center no-repeat; }
.clients h1 {background:url("../images/picto_nos_clients_hover.png") left center no-repeat; }
.societe h1 {background:url("../images/picto_societe_hover.png") left center no-repeat; }
#carte_region {
    position: relative;
    width: 320px;
    float: left;
}
#mapdepartement2 {
    display: inline-block;
    height: 500px;
    margin-right: 5%;
    vertical-align: top;
    width: 520px;
    position: relative;
    overflow: hidden;
}



#region22 {width: 1200px;margin-left: -776px;margin-top: -604px;}
#region10 {width: 2000px;margin-left: -952px;margin-top: -380px;}
#region2 {width: 1200px;margin-left: -267px;margin-top: -708px;}
#region14 {width: 1100px;margin-left: -371px;margin-top: -729px;}
#region11 {width: 1200px;margin-left: -567px;margin-top: -806px;}
#region21 {width: 1200px;margin-left: -830px;margin-top: -785px;}
#region3 {width: 1400px;margin-left: -676px;margin-top: -658px;}
#region12 {width: 1600px;margin-left: -595px;margin-top: -817px;}
#region20 {width: 1400px;margin-left: -327px;margin-top: -600px;}
#region18 {width: 1200px;margin-left: -200px;margin-top: -330px;}
#region6 {width: 1200px;margin-left: -437px;margin-top: -283px;}
#region4 {width: 1400px;margin-left: -788px;margin-top: -411px;}
#region9 {width: 1600px;margin-left: -1140px;margin-top: -540px;}
#region1 {width: 1600px;margin-left: -1254px;margin-top: -350px;}
#region13 {width: 1400px;margin-left: -1007px;margin-top: -225px;}
#region7 {width: 1400px;margin-left: -824px;margin-top: -142px;}
#region19 {width: 1200px;margin-left: -514px;margin-top: -85px;}
#region17 {width: 1600px;margin-left: -500px;margin-top: -170px;}
#region16 {width: 1200px;margin-left: -207px;margin-top: -167px;}
#region5 {width: 1100px;margin-left: 4px;margin-top: -259px;}
#region15 {width: 1200px;margin-left: -513px;margin-top: 2px;}


#text_region {
    position: relative;
    width: 580px;
    float: left;
    margin: 0 30px 30px;
    color: #313131;
    line-height: 24px;
    text-align: justify;
}
#text_region p {
    display: inline;
}
#text_region h3 {
    color: #d39b3a;
    font-size: 18px;
    font-weight: bold;
	font-family:Overlock, Arial, sans-serif;
    /*display: inline;*/
    margin-bottom: 0px;
}
#text_region h2 {
    color: #d39b3a;
    font-size: 24px;
    font-weight: bold;
	font-family:Overlock, Arial, sans-serif;
    /*display: inline;*/
    margin-bottom: 0px;
}
#expertise {
    position: relative;
    width: 100%;
    background: #fff;
    border-top: 3px solid #d39b3a;
    padding: 20px 0 40px 0;
}
#expertise h2 {
    position: relative;
    margin: 20px auto;
    color: #313131;
    font-size: 35px;
    line-height: 40px;
	font-family:Overlock, Arial, sans-serif;
}
.expertise {
    position: relative;
    border: 2px solid #d39b3a;
    padding: 10px;
    line-height: 30px;
    width: 13%;
    margin: 20px 4px 10px;
    text-transform: uppercase;
    color: #d39b3a;
    display: inline-block;
    font-size: 14px;
    height: 170px;
    font-weight: bold;
    vertical-align: top;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
.expertise:hover {
    border: 2px solid #313131;
    color: #313131;
    text-decoration: none;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
.plusdetail {
    position: absolute;
    width: 100%;
    bottom: 10px;
    text-transform: lowercase;
    color: #e0e0e0;
    left: 0;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
.expertise:hover .plusdetail {
    color: #313131;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}

/* DEPARTEMENT */
#etape {
    position: relative;
    width: 100%;
    text-align: left;
    height: 44px;
    margin-bottom: 30px;
}
#etape1 {
    display: inline-block;
    float: left;
    background: url("../images/fil_ariane1.png") right center #dddddd no-repeat;
    padding: 5px 15px 5px 3px;
    font-size: 14px;
    color: #313131;
    text-align: center;
    height: 34px;
    /* border-left: 1px solid #d39b3a; */
}
#etape2 {
    display: inline-block;
    float: left;
    background: url("../images/fil_ariane2.png") right center #d39b3a no-repeat;
    padding: 5px 18px 5px 1px;
    font-size: 14px;
    color: #fff;
    height: 34px;
    text-align: center;
}
#etape3 {
    display: inline-block;
    float: left;
    background: url("../images/fil_ariane3.png") right center #dddddd no-repeat;
    padding: 5px 18px 5px 1px;
    font-size: 14px;
    color: #313131;
    height: 34px;
    text-align: center;
}
#etape4 {
    display: inline-block;
    float: left;
    background: url("../images/fil_ariane4.png") right center no-repeat;
    padding-right: 24px;
    color: #313131;
    height: 44px;
    font-size: 14px;
    text-align: center;
}
#etape4 span {
    display: block;
    background: #dddddd;
    width: 100%;
    height: 34px;
    padding: 5px 3px 5px 5px;
}
#carte_departement {
    position: relative;
    width: 350px;
    float: left;
}
#text_departement {
    position: relative;
    width: 520px;
    float: left;
    margin-left: 30px;
    background: #fff;    
    box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px #000;
    -webkit-box-shadow: 0px 0px 4px #000;
    padding: 0px 30px 20px;
    color: #313131;
    font-size: 14px;
    line-height: 20px;
    text-align:  left;
}
#text_departement h2 {
    color: #d39b3a;
    font-size: 24px;
    line-height: 30px;
    text-align:  left;
	font-family:Overlock, Arial, sans-serif;
}
.colonne {
    width: 48%;
    float: left;
}
#text_departement .inputformu, #formulairerapide .inputformu {
    border: 1px solid #313131;
    padding: 5px 10px;
    background: #fff;
    width: 90%;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#text_departement .inputformu:focus, #formulairerapide .inputformu:focus {
    border: 1px solid #d39b3a;
    padding: 5px 10px;
    background: #e0e0e0;
    font-weight: bold;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#text_departement .inputsubmit, #formulairerapide .inputsubmit {
    background: none repeat scroll 0 0 #d39b3a;
    border: 2px solid #d39b3a;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 10px auto;
    padding: 5px 20px;
    text-transform: uppercase;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#text_departement .inputsubmit:hover, #formulairerapide .inputsubmit:hover {
    background: #313131;
    color: #fff;
    border: 2px solid #d39b3a;
    cursor: pointer;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#formulairerapide  .textareaformu {
    border: 1px solid #313131;
    padding: 5px 10px;
    background: #fff;
    width: 90%;
    height: 150px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#formulairerapide  .textareaformu:focus {
    border: 1px solid #d39b3a;
    padding: 5px 10px;
    background: #e0e0e0;
    font-weight: bold;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
#text_plein {
    position: relative;
    width: 100%;
    text-align: justify;
    margin: 40px 0;
}
#text_plein h2 {
    color: #d39b3a;
    font-size: 24px;
    font-weight: bold;
	font-family:Overlock, Arial, sans-serif;
    display: inline;
}
#text_plein h3 {
    color: #d39b3a;
    font-size: 18px;
    font-weight: bold;
	font-family:Overlock, Arial, sans-serif;
    display: inline;
}
#text_departement fieldset {
    border:none;
    height:27px;  
}
#conteneurFile #divFile {
    position : relative;
    width : 220px;
    height:27px;
    margin: 0 0 0 -8px;
    text-align : right;
}
#conteneurFile .inputFile {
    opacity : 0; /* for !IE */
    filter : alpha(opacity=0); /* for IE */
    position : absolute;
    right : 0;
    top : 0;
}
 .parcourir {
    width: 98% !important;
    margin: -1px 0 0 0px;
    background: none !important;
    font-size: 12px;
    font-style: italic;
 }
#conteneurFile span {
    background: url("../images/parcourir.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 26px;
    margin: -27px 0 0 149px;
    width: 88px;
}
.error_message{
    font-weight: bold;
}
/* PRESTATIONS */
.contenu {
    position: relative;
    width: 100%;
    text-align: justify;
    font-size: 14px;
    line-height: 20px;
}
.contenu h2 {
    color: #d39b3a;
    font-size: 24px;
    font-weight: bold;
	font-family:Overlock, Arial, sans-serif;
    display: inline;
}
.contenu h3 {
    color: #d39b3a;
    font-size: 18px;
    font-weight: bold;
	font-family:Overlock, Arial, sans-serif;
    display: inline;
}
#formulairerapide {
    position: relative;
    width: 60%;
    margin: 20px auto 40px;
    background: #fff;    
    box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px #000;
    -webkit-box-shadow: 0px 0px 4px #000;
    padding: 20px 100px;
    color: #313131;
    font-size: 14px;
    line-height: 20px;
}
#formulairerapide h2 {
    color: #d39b3a;
    font-size: 24px;
    font-weight: bold;
	font-family:Overlock, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 40px;
}
#formulairerapide .colonne {
    text-align: left;
}
#autresinformations {
    position: relative;
    width: 100%;
    background: #fff;
    border-top: 3px solid #d39b3a;
    padding: 20px 0 40px 0;
    border-bottom: 3px solid #d39b3a;
}
#autresinformations h2 {
    position: relative;
    margin: 20px auto;
    color: #d39b3a;
    font-size: 30px;
    line-height: 40px;
	font-family:Overlock, Arial, sans-serif;
}
.prestationdetection {
    color: #9a9a9a;
    display: inline-block;
    text-decoration: underline;
    width: 35%;
    margin: 0 0 0 15%; 
    float: left;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}
.prestationdetection:hover {
    color: #313131;
}
#generalprestation a {
    display: block;
    background: #d39b3a;
    padding: 0px 20px;
    margin: 0 auto -20px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    border: 2px solid #d39b3a;
    float: right;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#generalprestation a:hover {
    background: #000; 
    text-decoration: none;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; 
}
#full {
    position: relative;
    width: 106%;
    float: left;
    text-align: left;
}

/* REASSURANCE */
#reassurance {
    position: relative;
    width: 100%;
    background: #000;
    padding: 20px 0;
}
.assurance {
    width: 17%;
    display: inline-block;
    margin: 0 4% 20px 4%;
    padding-bottom: 70px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
}
.assurance:hover {
    color: #d39b3a;
    text-decoration: none; 
}
.assurance1 {background:url("../images/calculatrice_footer.png") 50% 100% no-repeat;}
.assurance2 {background:url("../images/telephone_footer.png") 50% 100% no-repeat;}
.assurance3 {background:url("../images/horloge_footer.png") 50% 100% no-repeat;}
.assurance4 {background:url("../images/drone_footer.png") 50% 100% no-repeat;}
.assurance1:hover {background:url("../images/calculatrice_footer_hover.png") 50% 100% no-repeat;}
.assurance2:hover {background:url("../images/telephone_footer_hover.png") 50% 100% no-repeat;}
.assurance3:hover {background:url("../images/horloge_footer_hover.png") 50% 100% no-repeat;}
.assurance4:hover {background:url("../images/drone_footer_hover.png") 50% 100% no-repeat;}

/* PIED DE PAGE */
#footer {
    position: relative;
    width: 98%;
    background: #d39b3a;
    padding: 40px 0 5px 0px;
    padding-left: 1%;
    padding-right: 1%;
}
#piedpage {
	width:980px;   
}
.piedpage {
    width: 20%;
    text-align: left;
    margin: 0;
    font-size: 11px;
    display: inline-block;
    float: left;
}
.reseausociaux {
    width: 16%;
    text-align: center;
    margin: 0;
    font-size: 11px;
    display: inline-block;
    float: left;
}
.piedpage strong {
    text-transform: uppercase;
}
.piedpage a { 
	color:#000;
	text-decoration:none; 
	}
.piedpage a:hover { 
	color:#000;
	text-decoration:none;
	}
.facebook {display: inline-block; width: 32px; height: 34px; background: url("../images/facebook_footer.png") 50% 50% no-repeat;}
.twitter {display: inline-block; width: 32px; height: 34px; background: url("../images/twitter_footer.png") 50% 50% no-repeat;}
.linkedin {display: inline-block; width: 32px; height: 34px; background: url("../images/linked_in.png") 50% 50% no-repeat;}
.viadeo {display: inline-block; width: 29px; height: 34px; background: url("../images/viadeo.png") 50% 50% no-repeat;}
.youtube {display: inline-block; width: 32px; height: 34px; background: url("../images/youTube_footer.png") 50% 50% no-repeat;}
.dailymotion {display: inline-block; width: 115px; height: 34px; background: url("../images/dailymotion_footer.png") 50% 50% no-repeat;}
.facebook:hover {display: inline-block; width: 32px; height: 34px; background: url("../images/facebook_footer_hover.png") 50% 50% no-repeat;}
.twitter:hover {display: inline-block; width: 32px; height: 34px; background: url("../images/twitter_footer_hover.png") 50% 50% no-repeat;}
.linkedin:hover {display: inline-block; width: 32px; height: 34px; background: url("../images/linked_in_hover.png") 50% 50% no-repeat;}
.viadeo:hover {display: inline-block; width: 29px; height: 34px; background: url("../images/viadeo_hover.png") 50% 50% no-repeat;}
.youtube:hover {display: inline-block; width: 32px; height: 34px; background: url("../images/youTube_footer_hover.png") 50% 50% no-repeat;}
.dailymotion:hover {display: inline-block; width: 115px; height: 34px; background: url("../images/dailymotion_footer_hover.png") 50% 50% no-repeat;}
#copyright {
    width: 100%;
    margin-top: 20px;
    font-size:11px;
    line-height:16px;
}
#copyright a {
    color: #313131;
}


/* GENERALITE */
::-moz-selection { /* Pour firefox */
    background: #d39b3a;
    color:white;
}
::selection { /* Pour les autres */
    background: #d39b3a;
    color:white;
}
.vam {
	vertical-align:middle;
	margin-top: 0px;
	margin-bottom: 0px;
	}
a { 
    outline-style:none;
	text-decoration:none; 
	}
a:hover { 
    outline-style:none;
	text-decoration:underline;
	}
.bold {
    font-weight:bold;
}
.underline {
    text-decoration:underline;
}
.italic {
    font-style:italic;
}
.underlinebold {
    font-weight:bold;
    text-decoration:underline;
}
.referencement {
    float: left;
    width:0px;
    height: 0px;
    overflow: hidden;
}
.left {
    float:left;
}
img {
    border: none;
}
.arrondi {
    -moz-border-radius: 10px ;
    -webkit-border-radius: 10px ;
    -khtml-border-radius: 10px ;
    border-radius : 10px ;
}
.arrondi5 {
    -moz-border-radius: 5px ;
    -webkit-border-radius: 5px ;
    -khtml-border-radius: 5px ;
    border-radius : 5px ;
}
.arrondi20 {
    -moz-border-radius: 20px ;
    -webkit-border-radius: 20px ;
    -khtml-border-radius: 20px ;
    border-radius : 20px ;
}
.arrondi40 {
    -moz-border-radius: 40px ;
    -webkit-border-radius: 40px ;
    -khtml-border-radius: 40px ;
    border-radius : 40px ;
}
.arrondi_bas {
    -moz-border-radius: 0px 0px 10px 10px ;
    -webkit-border-radius: 0px 0px 10px 10px ;
    -khtml-border-radius: 0px 0px 10px 10px ;
    border-radius : 0px 0px 10px 10px ;
}
.arrondi_haut {
    -moz-border-radius: 10px 10px 0px 0px ;
    -webkit-border-radius: 10px 10px 0px 0px ;
    -khtml-border-radius: 10px 10px 0px 0px ;
    border-radius : 10px 10px 0px 0px ;
}
.arrondi_droite {
    -moz-border-radius: 0px 10px 10px 0px ;
    -webkit-border-radius: 0px 10px 10px 0px ;
    -khtml-border-radius: 0px 10px 10px 0px ;
    border-radius : 0px 10px 10px 0px ;
}
.arrondi_gauche {
    -moz-border-radius: 10px 0px 0px 10px ;
    -webkit-border-radius: 10px 0px 0px 10px ;
    -khtml-border-radius: 10px 0px 0px 10px ;
    border-radius : 10px 0px 0px 10px ;
}