@font-face {
font-family:'font-h2';
src:url(../fonts/nexa-webfont.eot);
src:url(../fonts/nexa-webfont_162a16fe.eot#iefix) format("embedded-opentype"),url(../fonts/nexa-webfont.woff) format("woff"),url(../fonts/nexa-webfont.ttf) format("truetype"),url(../fonts/nexa-webfont.svg#font-h2) format("svg");
font-weight:400;
font-style:normal
}

.bandeau_haut img {
margin-top:5px
max-height:258px;
}

#up {
position:fixed;
top:80%;
right:5%;
background-color:#FFF;
opacity:.9;
width:50px;
height:50px;
border:1px solid #EBEBEB;
box-shadow:1px 1px 7px #CCC;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px
}

#up p {
margin:0
}

.bebas {
font-family:'bebas_neueregular'
}

.bebas_texte {
margin:0 0 15px;
font-family:'bebas_neueregular';
font-size:30px;
line-height:25px;
color:#900
}

body {
margin:auto;
height:auto;
font-family:Arial,Helvetica,sans-serif;
color:#292929;
font-size:14px;
line-height:2
}

 
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
.link-radiant a{
  color: yellow;  /*#15497d;     blue  */ 
  font: bold 3em/1.5 'Fjalla One', sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: .2s;
  font-size: 18px;
}
.link-radiant a:hover {
  color: red;
}
@media (-webkit-min-device-pixel-ratio:0) {
  .link-radiant a {
    background-color: #15497d;
    background-image: -webkit-linear-gradient(left, red 0%, hotPink 50%, transparent 50%);
    background-position: 100% 0;
    background-size: 200% 200%;
    color: transparent;
    -webkit-transition: .1s .2s;
    -webkit-background-clip: text;
  }
  .link-radiant a:hover {
    background-position: 0 0;
    color: transparent;
    transition: .4s 0;
  }
}



.texte-h1 {
width:100%;
margin-left:2%;
float:left;
margin-bottom:10px
}

.h1-rouge {
color:#a20000;
}

.h1-bleu {
color:#03416a;
}

.h1-bleu2 {
color:#2c6dd5;
}

.h1-jaune {
color:#ea9214
}

.h1-vert {
color:#004f39
}

.bloc_central {
margin:auto;
max-width:1150px;
height:100%
}

.bloc_image {
color:#292929;
text-align:left;
font-size:14px;
margin:0;
padding-left:30px
}

.bloc_image li {
list-style-type:none;
display:inline-block;
width:19.5%
}

.bloc_sous_texte {
text-align:left;
color:#292929;
font-size:14px;
margin:0;
padding-left:30px
}

.bloc_sous_texte li {
list-style-type:none;
display:inline-block;
width:19.5%;
vertical-align:top;
text-align:left;
font-size:13px;
line-height:1.8
}

.bloc_sous_texte li p {
margin-top:0;
width:165px
}

.bloc_sous_texte a:link {
color:#292929;
text-decoration:underline
}

.bloc_sous_texte a:hover {
color:#000;
text-decoration:underline
}

.bloc_sous_texte a:visited {
color:#292929
}

#artisanat {
text-align:center
}

.colonnes {
display:inline-block;
padding:0 20px;
width:100%;
list-style:none
}

.colonnes ul li {
list-style:none;
padding-left:0
}

.colonne_droite {
float:right;
width:48%;
text-align:left
}

.colonne_droite p {
text-align:left
}

.colonne_gauche {
float:left;
text-align:left;
width:51%
}

.colonne_gauche p {
text-align:justify
}

.colonne_gauche ul li {
list-style-image:url(../img/logo-liste-bleu.png)
}

.colonne_gauche a:link {
color:#292929;
text-decoration:none
}

.colonne_gauche a:hover {
color:#292929;
text-decoration:underline
}

.colonne_gauche a:visited {
color:#292929
}

.colonne_gauche_slide {
float:left;
text-align:left;
width:53%
}

.colonne_droite_slide {
float:right;
width:29%
}

.devis {
margin-right:2%;
padding-top:20px;
color:#FFF;
float:right
}

.paragraphe-texte {
display:block
}

.texte_map {
margin:auto;
padding:0;
padding-right:15px;
padding-top:0;
text-align:left;
text-align:justify;
height:auto
}

.texte {
margin:auto;
padding:20px;
padding-top:0;
text-align:left;
text-align:justify;
height:auto;
clear:left
}

.texte p {
margin-top:-5px;
text-align:justify
}

.texte a:link {
color:#292929;
text-decoration:none
}

.texte a:hover {
color:#292929;
text-decoration:underline
}

.texte a:visited {
color:#292929
}

.titre_hasterico {
font-weight:700;
font-family:'font-h2';
color:#333;
font-size:24px
}

.titre_hasterico img {
display:inline
}

h2 {
display:inline;
font-weight:700;
font-family:'font-h2';
font-size:23px
}

h3 {
display:inline;
font-weight:700;
font-family:'font-h2';
font-size:15px
}

h4 {
display:inline;
font-weight:700;
font-family:'font-h2';
font-size:15px
}

.titre_hasterico2 {
padding-left:0
}

.titre_hasterico2 li {
display:inline-block
}

h1 {
font-weight:700;
font-family:'font-h2';
color:#333;
font-size:24px;
vertical-align:middle;
display:table-cell
}

.image_center {
text-align:center
}

.liste {
list-style-type:none;
text-align:center;
margin:auto;
background-color:#FFF;
height:100%
}

.cent {
list-style-type:none;
height:100px;
width:auto
}

.liste-deroulante {
list-style-type:none;
width:240px;
height:40px;
border-radius:10px 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px 10px;
border:1px solid #dedede;
font-size:13px;
outline:none;
float:left;
margin-left:50px
}

#competences-serrurier {
padding-left:20px
}

#competences-chauffagiste {
padding-left:20px
}

#competences-plombier {
padding-left:20px
}

#competences-vitrier {
padding-left:20px
}

#competences-electricien {
padding-left:20px
}

#competences-serrurier li {
list-style-image:url(../img/logo-liste-rouge.png);
font-family:Arial,Helvetica,sans-serif;
color:#292929;
font-size:14px;
text-align:left;
line-height:2;
list-style-type:none
}

#competences-chauffagiste li {
list-style-image:url(../img/logo-liste-jaune.png);
font-family:Arial,Helvetica,sans-serif;
color:#292929;
font-size:14px;
text-align:left;
line-height:2;
list-style-type:none
}

#competences-plombier li {
list-style-image:url(../img/logo-liste-bleu2.png);
font-family:Arial,Helvetica,sans-serif;
color:#292929;
font-size:14px;
text-align:left;
line-height:2;
list-style-type:none
}

#competences-vitrier li {
list-style-image:url(../img/logo-liste-vert.png);
font-family:Arial,Helvetica,sans-serif;
color:#292929;
font-size:14px;
text-align:left;
line-height:2;
list-style-type:none
}

#competences-electricien li {
list-style-image:url(../img/logo-liste-bleu.png);
font-family:Arial,Helvetica,sans-serif;
color:#292929;
font-size:14px;
text-align:left;
line-height:2;
list-style-type:none;
padding:0
}

.colonnes_services a:link {
color:#292929;
text-decoration:none
}

.colonnes_services a:hover {
color:#292929;
text-decoration:underline
}

.colonnes_services a:visited {
color:#292929
}

.colonnes_services {
display:inline-block;
padding:0;
width:100%;
list-style:none
}

.colonnes_services p {
text-align:justify
}

.colonnes_services ul li {
list-style:none;
padding-left:0;
height:200px
}

.colonne_droite_services {
float:right;
width:49%;
text-align:left;
padding:0
}

.colonne_droite_services p {
text-align:justify
}

.colonne_gauche_services {
float:left;
text-align:left;
width:50%;
padding:0
}

.alignement {
padding-left:0;
vertical-align:top
}

.alignement li {
display:inline-block;
vertical-align:top
}

.alignement li p {
margin-left:10px;
line-height:1.8;
margin-top:-30px
}

.alignement li:last-child {
width:67%
}

-->Ici commence le css des deux colonnes des pages
.deux_ul {
padding:0;
width:100%
}

.deux_ul ul {
display:inline-block;
list-style:none
}

.deux2_ul {
padding:0;
width:100%
}

.deux2_ul ul {
display:inline-block;
list-style:none
}

.premier2_ul {
padding:0 0 0 25px;
width:63%;
vertical-align:top
}

.premier2_ul li {
margin-bottom:0
}

.premier2_ul li p {
margin-top:0;
margin-bottom:15px;
text-align:justify
}

.second2_ul {
padding:0 15px;
width:30%;
height:100%;
vertical-align:top
}

.second2_ul li {
margin-bottom:0;
box-shadow:4px 4px 3px #CCC
}

.premier_ul {
padding:0 15px 0 25px;
width:70%;
vertical-align:top
}

.premier_ul li {
margin-bottom:15px
}

.premier_ul li p {
margin-top:0;
margin-bottom:15px;
text-align:justify
}

.second_ul {
padding:0 15px;
width:22%;
vertical-align:top
}

.second_ul li {
margin-bottom:15px
}

.second_ul li img {
border-radius:0 0;
-moz-border-radius:0;
-webkit-border-radius:0 0
}

.premier_ul a:link {
color:#292929;
text-decoration:none
}

.premier_ul a:hover {
color:#292929;
text-decoration:underline
}

.premier_ul a:visited {
color:#292929
}

.liste_gauche {
padding:0 10px;
border-radius:0 0;
-moz-border-radius:0;
-webkit-border-radius:0 0
}

.second_ul a:link {
color:#292929;
text-decoration:none
}

.second_ul a:hover {
color:#292929;
text-decoration:underline
}

.second_ul a:visited {
color:#292929
}

.4_colonnes ul {
display:inline-block;
padding:0;
margin:0;
vertical-align:top
}

.ul_4_colonnes {
margin:0 1% 0 0;
padding:0;
vertical-align:top
}

.interventions_recentes {
display:inline-block;
list-style:none;
padding-left:0;
font-size:10px;
width:100%;
padding-bottom:10px
}

.interventions_recentes li {
display:inline-block;
text-align:center;
margin:auto;
margin-right:0;
width:49%
}

.interventions_recentes2 {
display:inline-block;
list-style:none;
padding-left:0;
font-size:10px;
width:100%;
padding-bottom:10px
}

.interventions_recentes2 li {
display:inline-block;
text-align:center;
margin:auto;
margin-right:0;
width:95%
}

.ile_de_france {
display:inline-block;
list-style:none;
padding-left:0;
clear:left;
list-style:none;
text-align:left;
margin-top:0
}

.ile_de_france li {
display:inline-block;
font-size:10px;
background-color:#F0F0F0;
padding:3px 6px;
margin:5px 6px 5px 0;
border-radius:5px
}

.liste2_gauche {
margin-top:30px;
padding:0 10px;
border-radius:0 0;
-moz-border-radius:0;
-webkit-border-radius:0 0
}

.liste2_gauche p {
margin-top:0;
padding-bottom:0
}

.liste2_gauche a:link {
color:#FFF
}

.liste2_gauche a:hover {
color:#FFF
}

.liste2_gauche a:visited {
color:#FFF
}

span.ValidationErrors {
display:inline-block;
font-size:12px;
color:#D00;
padding-left:0;
font-style:italic;
padding-bottom:8px;
width:281px
}

.blockreturn {
background-color:#00C07E;
color:#FFF;
border:1px solid #C7C7C5;
padding:10px;
text-align:center;
margin-bottom:15px;
margin-top:15px;
font-weight:700;
font-size:12px
}

.ValidField
.Validprenom
.ValidNumber
.Email
.Validmessage {
color:#000;
font-family:"Arial"
}

.block_textarea {
padding:5px;
font-size:12px;
font-family:"Arial";
color:#000
}