@charset "UTF-8";
/* CSS Document */
/* UDUDDUDUDUDUDUDUDUDUDUDUD */
/* UDUD URBANDATA UDUDUDUDDU */
/* UDUD www.urbandata.fr UDU */
/* document :: feuille de style du site RELTEX

*/
/* Reserve
font-family: 'Montserrat', sans-serif;
font-family: 'Crimson Text', serif;

color:#949288; /*gris vert reltex
color:#464545; /*gris foncé reltex
color:#a7b807; /*vert reltex
color:#ec8924; /*orange home reltex
color:#fbd034; /*jaune confort reltex
color:#ed7102; /*orange artisant reltex
color:#3e99ca; /*bleu reltex
color:#e73358; /*magenta reltex

border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-shadow: #363636 0px 2px 3px 0px;
	-moz-box-shadow: #363636 0px 2px 3px 0px;
	-webkit-box-shadow: #363636 0px 2px 3px 0px;
	
/* Modern Browsers
	opacity: 0.7;
/* IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/* IE 5-7
filter: alpha(opacity=70);
/* Netscape
-moz-opacity: 0.7;
/* Safari 1
-khtml-opacity: 0.7;
*/


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
paramètres généraux 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* BANDO */
.colorfondbandoHO {
    background-color: #ec8924; /*orange home reltex*/
}

.colorfondbandoNA {
    background-color: #a7b807; /*vert reltex*/
}

.colorfondbandoAR {
    background-color: #ed7102; /*orange reltex*/
}

.colorfondbandoCO {
    background-color: #fbd034; /*jaune confort reltex*/
}

.colorfondbandoIN {
    background-color: #e73358; /*magenta reltex*/
}

/* TEXTE */
.paddindcolor {
    margin-top: 20px;
}

.colortexteHO {
    color: #ec8924; /*orange home reltex*/
}

.colortexteNA, .menu_page ul li.menupageactifNA {
    color: #a7b807; /*vert reltex*/
}

.colortexteAR, .menu_page ul li.menupageactifAR {
    color: #ed7102; /*orange reltex*/
}

.colortexteCO, .menu_page ul li.menupageactifCO {
    color: #fbd034; /*jaune confort reltex*/
}

.colortexteIN, .menu_page ul li.menupageactifIN {
    color: #e73358; /*magenta reltex*/
}

.fontMontserrat {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-size: 0.80em;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden; /* Précaution pour IE 7 */
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #464545;
    text-align: left;
    font-family: 'Crimson Text', serif;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
}

* {
    padding: 0;
    margin: 0;
}

h1 {
    float: left;
    margin: 0 0 5px 0;
    text-align: left;
    font-family: 'Crimson Text', serif;
    font-size: 3.4em;
    font-weight: 400;
    font-style: italic;
    line-height: 1.10em; /*letter-spacing:1px;*/
}

h1 span {
    padding: 30px 0 10px 0px;
    color: #949288; /*gris vert reltex*/
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.4em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.40em; /*letter-spacing:1px;*/
}

h1.home {
    float: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 100px;
    line-height: 1.00em;
    color: #fff;
}

.pageh1 {
    width: 60%;
    padding: 0;
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 110px;
    line-height: 0.9em;
    color: #fff;
}

.content_sansmenu h1 {
    width: 100%;
    font-size: 3.0em;
}

.filet_home {
    margin: 0 auto 15px auto;
    height: 1px;
    border-bottom: #fff 1px solid;
}

h2 {
    padding: 30px 0 10px 15px;
    color: #949288; /*gris vert reltex*/
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.40em; /*letter-spacing:1px;*/
}

h2.home {
    float: none;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.00em;
    text-align: center;
    color: #fff;
}

.content_sansmenu h2 {
    padding: 30px 0 10px 0;
}

.fiche_produit h2 {
    padding: 0 0 10px 0;
}

.pageh2 {
    float: left;
    margin-bottom: 80px;
    width: 95%;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    line-height: 0.9em;
    text-align: center;
    color: #fff;
}

h3 {
    padding: 5px 0 10px 0;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.10em; /*letter-spacing:1px;*/
    color: #949288; /*gris vert reltex*/
}

.fiche_produit h3 {
    padding: 0px 0 10px 0;
}

h4 {
    margin-bottom: 15px;
    text-align: left;
    font-family: 'Crimson Text', serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1.10em; /*letter-spacing:1px;*/
}

h5 {
    text-align: left;
    font-family: 'Crimson Text', serif;
    font-size: 0.8em;
    font-weight: 400;
    font-style: italic;
    line-height: 1.10em; /*letter-spacing:1px;*/
}

p {
    text-align: left;
    font-family: 'Crimson Text', serif;
    font-weight: 400;
    font-style: italic;
    line-height: 1.00em; /*letter-spacing:1px;*/
    margin: 0 0 6px 0;
}

em {
    font-size: 0.75em;
}

a {
    color: #949288; /*gris vert reltex*/
}

a img {
    border: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

.legende {
    font-size: 0.8em;
}

.alerte {
    color: #e73358; /*magenta reltex*/
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.10em; /*letter-spacing:1px;*/
}

/* XXXXXXXXXXXXXXXXXXXXX
BLOCS PRINCIPAUX
XXXXXXXXXXXXXXXXXXXXX */
#page {
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.wrapper {

    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
}

#background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1000;
}

img.superbg {
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1000;
}

/*#background .inner {width:100%;height:100%;}*/
.fond_ajustable {
    /*background-image: url(../images/fonds/fond_home.jpg);*/
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

    /*-moz-background-size: 100% 100%;     /* Gecko 1.9.2 (Firefox 3.6) */
    /*-o-background-size: 100% 100%;        /* Opera 9.5 */
    /*-webkit-background-size: 100% 100%;   /* Safari 3.0 */
    /*background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) > CSS3 */
}

.fond_blanc {
    position: absolute;
    z-index: -10;
    width: 50%;
    height: 100%;
    background-color: #FFF;
    top: 0;
    right: 0;
}

.wrapper_content {
    width: 1024px;
    margin: 0 auto;
    padding: 0;
}

.header1 {
    position: relative;
    background-color: #000;
    height: 35px;
}

.header2 {
    background-color: #949288;
    height: 40px;
}

/* blocs menus */
.bando_menu1 {
    float: left;
    height: 35px;
    width: 39%
}

.bando_menucrea {
    float: left;
    height: 35px;
    width: 134px;
}

.bando_menumise {
    float: left;
    height: 35px;
    width: 142px;
}

.bando_menuandyou {
    float: left;
    height: 35px;
    width: 135px;

}

.bando_menu2 {
    /*float:left;
        height:40px;
        width:100%;
        margin-top:1px;*/
}

#bugie7 {
    position: relative;
    float: left;
}

/*
.bando_menu3 {
	position: absolute;
	right:20px;
	z-index: 1000; /* pour IE7
	height: 35px;
	width: 12%;
	background: url("../images/iconographie/btn-fleche-bas.png") no-repeat right top;
}
*/
.bando_menu3 {
    position: relative;
    float: right;
    height: 35px;
    width: 11%;
    background: url("../images/iconographie/btn-fleche-bas.png") no-repeat right top;
}

.bando_menu4 {
    position: relative;
    float: right;
    width: 88px;
    margin: 4px 0 0 10px;
}

.btn_facebook {
    float: left;
    height: 26px;
    width: 26px;
    color: transparent;
    cursor: pointer;
    background: url("../images/iconographie/btn_facebook_off.png") no-repeat 0 0;
}

.btn_youtube {
    float: left;
    margin-left: 5px;
    height: 26px;
    width: 26px;
    color: transparent;
    cursor: pointer;
    background: url("../images/iconographie/btn-youtube-off.png") no-repeat 0 0;
}

.btn_linkedin {
    float: left;
    margin-left: 5px;
    height: 26px;
    width: 26px;
    color: transparent;
    cursor: pointer;
    background: url("../images/iconographie/btn_li_off.png") no-repeat 0 0;
}

.btn_facebook:hover {
    background: url("../images/iconographie/btn_facebook_ovr.png") no-repeat 0 0;
}

.btn_youtube:hover {
    background: url("../images/iconographie/btn-youtube-ovr.png") no-repeat 0 0;
}

.btn_linkedin:hover {
    background: url("../images/iconographie/btn_li.png") no-repeat 0 0;
}


.btn_facebook img, .btn_youtube img {
    width: 100%;
}

#left {
    position: relative;
    float: left;
    width: 256px;
    height: 100%;
    margin: 10px 32px 0 0;
}

.bloc_logo_petit {
    height: 42px;
    border-bottom: #949288 1px solid;
    margin: 10px 0 0 15px;
}

.bloc_menugauche {
    height: 256px;
}

.bloc_menugauche_fond {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    /*height:280px;*/
    height: 100%;
    background-color: #fff;
    opacity: 0.8; /* Modern Browsers*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8*/
    filter: alpha(opacity=80); /* IE 5-7*/
    -moz-opacity: 0.8; /* Netscape*/
    -khtml-opacity: 0.8; /* Safari 1*/
}

.bloc_menugauche > .inner {
    padding: 10px 0;
}

#center, #centerSousFooter {
    float: left;
    width: 736px;
    padding: 10px 0 0 0;
}

#centerSousFooter {
    margin-left: 288px;
}

#center > .inner {
    padding: 0 0 0 0;
}

.logo_grand img {
    margin-top: 0px;
}

.content_home {
    margin: 10px 20px 20px 244px;
    text-align: center;
}

.content_home p {
    text-align: center;
    font-size: 18px;
}

.content_home_img {
    margin-top: 20px;
}

.home_img {
    width: 185px;
    height: 185px;
    background: #949288;
    margin: 0 auto;
}

.home_img img {
    width: 185px;
    height: 185px;
}

.content_pagedegarde {
    text-align: center;
    margin: 0 0 60px -32px;
    padding: 40px 0 0 0;
}

.content {
}

.content_sansmenu {
    margin: 0 0 0 280px;

}

.content_titre {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.content_img {
    float: left;
    width: 185px;
    margin-right: 40px;
}

.content_img img {
    float: left;
    width: 185px;
    margin-bottom: 20px;
}

.content_text {
    float: left;
    width: 500px;
    padding: 0 0 30px 0;
}

.content_text ul, .content_sansmenu ul {
    margin: 0;
    padding: 0;
    list-style-position: outside;
    line-height: 1.05em;
}

.content_text ul li, .content_sansmenu ul li {
    margin: 0 0 5px 0;
    padding: 0 0 0 15px;
    list-style-type: none;
    background: url(../images/iconographie/puce_tiret.jpg) 0px 10px no-repeat;
}

/* FOOTER */

.bando_color {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -10;
    height: 220px;
    opacity: 0.9; /* Modern Browsers*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8*/
    filter: alpha(opacity=90); /* IE 5-7*/
    -moz-opacity: 0.9; /* Netscape*/
    -khtml-opacity: 0.9; /* Safari 1*//*background-color:#ed7102; /*orange reltex*/
}

.logo_grand {
    float: left;
    width: 512px;
    height: 228px;
    text-align: center;
}

.titre_pagedegarde {
    float: left;
    width: 512px;
    height: 228px; /*198*/
    text-align: center;
    padding-top: 30px;
}

.bando_bloc_menu {
    float: right;
    width: 512px;
    height: 34px;
    margin-top: 20px;
}

.bloc_menugauche > .inner {
    padding: 10px 0;
}

.bando_bloc_img {
    position: relative;
    width: 100%;
}

.bando_visuel {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -10; /*-40*/
    height: 228px;
}

.titre_pagedepage {
    float: left;
    width: 100%;
    height: 228px;
}

.content_diapo, .content_diapo_carousel {
    margin: 0 0 20px 225px;
}

.content_diapo ul, .content_diapo_carousel ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

.content_diapo ul li, .content_diapo_carousel ul li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

.content_diapo ul li img {
    width: 15%;
    margin: 2%;
}

.content_diapo_carousel ul li img {
    width: 100%;
    margin: 2%;
}

.content_diapo ul li img:hover {
}

/* DIAPORAMA */

.stepcarousel {
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 475px;
    height: 90px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel {
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 10px 15px 10px 15px; /*margin around each panel*/
    width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel img {
    width: 80px;
}

.content_catalogue {
    float: left;
    width: 500px;
    margin: 0 0 20px 0px;
}

.content_catalogue_homme, .content_catalogue_femme, .content_catalogue_plaque {
    border-top: #949288 1px solid;
}

.img_catalogue, .img_catalogue_plaque {
    float: left;
    /*width: 15%;*/
    height: 200px;
    margin: 2%;
    text-align: center;
}

.img_catalogue img {
    /*width: 15%;*/
    height: 170px;
}

.img_catalogue_plaque {
    float: left;
    /*width: 15%;*/
    height: 150px;
    margin: 2%;
    text-align: center;
}

.img_catalogue_plaque img {
    /*width: 15%;*/
    height: 130px;
}


/* FICHES PRODUITS */
/* blocs principaux */
.fiche_produit {
    width: 100%;
}

.fiche_inner {
    width: 100%;
    padding: 10px 0;
}

.fiche_visuels {
    float: left;
    width: 40%;
    margin: 0 3% 0 0;
}

.fiche_visuels_inner {
    position: relative;
}

.tablo {
    float: left;
    width: 56%;
}

.tablo_inner {
}

.viewer {
    position: relative;
    width: 99%; /*400px;*/
    height: 360px; /*400px;*/
    text-align: center;
    border: #949288 1px solid;
}

.viewer img {
    width: 99%; /*400px;*/
    /*height: auto;*/
    object-fit: contain;
    height: 99%;
    /*max-height: 100%; /*400px;*/
}

.coloris {
    float: left;
    width: 56%;
    margin: 20px 0 0 0;
}

.coloris_inner {
}

.coloris_vignette {
    float: left;
    width: 24%;
    text-align: center;
    font-size: 0.8em;
}

/* blocs contenus */

.loupe {
    position: absolute;
    z-index: 20000;
    top: 290px;
    left: 10px;
    width: 43px;
    height: 43px;
}

.loupe:hover {
    cursor: pointer;
}

.loupe2 {
    float: left;
    width: 33%;
    text-align: center;
}

.loupe2 img {
    width: 16px;
}

/*
.visuels_zoom {
	width: 396px;
	height: 396px;
	margin-bottom: 10px;
	border: #949288 2px solid;
}
.visuels_lesVignettes {
	width: 100%;
	paddding: 10px 0;
}
.visuels_vignette {
	width: 96px;
	height: 96px;
	border: #949288 2px solid;
}
*/
/* galerie */
.fiche_visuels ul {
    width: 100%;
    margin: 0;
}

.thumbs img {
    vertical-align: middle;
    border: none;
    max-width: 100%;
    max-height: 100%;
}

.thumbs {
    overflow: auto;
    list-style: none;
    margin: 20px 0 0 20px;
    padding: 0;
    /*height:130px;*/
}

.thumbs li {
    float: left;
    text-align: center;
    width: 33%;
}

.thumbs a {
    width: 115px;
    height: 115px;
    display: block;
    border: #fff 2px solid;
    outline: none;
}

.thumbs a.thumblinks {
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbs .loupe2 a {
    height: auto;
}

/*
.thumbs a:hover, .thumbs a:focus {
	border: #949288 2px solid;
}
.thumbs a.active {
	border: #fff 2px solid;
}
*/
.viewer img[src*="loader"] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: auto;
}

/* TABLO */
/*#949288; /*gris vert reltex*/
/*#464545; /*gris foncé reltex*/
/*#e73358; /*magenta reltex*/
.tablo_titre {
    width: 90%;

}

.bloc_separator {
    clear: both;
    height: 1px;
    overflow: hidden; /* Précaution pour IE 7 */
    margin: 10px 0 20px 0;
}


.tablo_entete {
    float: left;
    width: 100%;
}

.tablo_entete_libelle {
    float: left;
    width: 100%;
    color: #fff; /*gris vert reltex*/
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.20em; /*letter-spacing:1px;*/
}

.tablo_entete_col1, .tablo_entete_col2, .tablo_entete_col3 {
    float: left;
    width: 16%;
}

.tablo_entete_col4 {
    float: left;
    width: 22%;
}

.tablo_entete_col5 {
    float: left;
    width: 27%;
}

.tablo_entete_col1b, .tablo_entete_col2b, .tablo_entete_col3b {
    float: left;
    width: 25%;
}

.tablo_entete_col1, .tablo_entete_col2, .tablo_entete_col3, .tablo_entete_col4, .tablo_entete_col5, .tablo_entete_col1b, .tablo_entete_col2b, .tablo_entete_col3b, .tablo_entete_col1c, .tablo_entete_col2c, .tablo_entete_col3c, .tablo_entete_col4c, .tablo_entete_col5c, .tablo_entete_col6c {
    margin: 0 0 4px 0;
    padding: 2px 0 2px 0;
    border-right: #e73358 /*magenta reltex*/ 1px solid;
    background-color: #e73358; /*magenta reltex*/
    font-size: 0.9em;
}

.tablo_entete_col1 {
    border-left: #e73358 /*magenta reltex*/ 1px solid;
}

.tablo_lignes {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.tablo_ligne_valeurs {
    width: 100%;
    padding: 0;
    color: #464545; /*gris foncé reltex*/
    text-align: center;
    font-family: 'Crimson Text', serif;
    font-size: 1.00em;
    font-weight: 400;
    font-style: italic;
    line-height: 1.10em; /*letter-spacing:1px;*/
}

.tablo_ligne_col1, .tablo_ligne_col2, .tablo_ligne_col3 {
    float: left;
    width: 16%;
    border-right: #949288 1px solid;
}

.tablo_ligne_col4 {
    float: left;
    width: 22%;
    border-right: #949288 1px solid;
}

.tablo_ligne_col5 {
    float: left;
    width: 27%;
    border-right: #949288 1px solid;
}

.tablo_ligne_col1, .tablo_ligne_col1b {
    border-left: #949288 1px solid;
}

.tablo_ligne_col1b, .tablo_ligne_col2b, .tablo_ligne_col3b {
    float: left;
    width: 25%;
    border-right: #949288 1px solid;
}


.tablo_entete_col1c, .tablo_entete_col2c, .tablo_ligne_col1c, .tablo_ligne_col2c {
    float: left;
    width: 14%;
}

.tablo_entete_col1c, .tablo_ligne_col1c {
    width: 11%;
}

.tablo_entete_col2c_lili, .tablo_ligne_col2c_lili {
    width: 15%;
}

.tablo_ligne_col1c, .tablo_ligne_col2c {
    border-right: #949288 1px solid;
}

.tablo_ligne_col1c {
    border-left: #949288 1px solid;
}

.tablo_entete_col3c, .tablo_ligne_col3c {
    float: left;
    width: 20%;
    border-right: #949288 1px solid;
}

.tablo_entete_col4c, .tablo_entete_col5c, .tablo_entete_col6c, .tablo_ligne_col4c, .tablo_ligne_col5c, .tablo_ligne_col6c {
    float: left;
    width: 17%;
}

.tablo_ligne_col4c, .tablo_ligne_col5c, .tablo_ligne_col6c {
    border-right: #949288 1px solid;
}

.coloris_titre {
    width: 100%;
}

.coloris_vignette img {
    width: 60%;
    margin: 0 auto;
}

/*------------------POPUPS------------------------*/
#fade {
    display: none;
    background: #fff; /*#e73358; /* #000; */
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 9999;
}

.popup_block {
    display: none;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
    overflow: auto;
    padding: 1em;
    box-sizing: border-box;
}

.popup_block-in {
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    width: 950px !important;
    margin: auto;
}

img.btn_close {
    float: right;
    width: 30px;
    height: 30px;
    margin: 20px -35px 0 0;
    /*background: url("../images/close.png") no-repeat left top;*/
}

.popup p {
    padding: 5px 10px;
    margin: 5px 0;
}

.bloc_zoom {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
}

.zoom {
    max-height: 100%;
}

/*--Making IE6 Understand Fixed Positioning--*/
* html #fade {
    position: absolute;
}

* html .popup_block {
    position: absolute;
    max-width: 100%;
}

/* CONTACT */
/* formulaire */
.formulaire {
    margin: 20px 0 20px 0;
}

.form_ligne {
    float: left;
    width: 100%;
}

.form_textarea {
    float: left;
    width: 100%;
    height: 120px;
}

.form_libelle {
    float: left;
    width: 25%;
    height: 30px;
}

.form_champ {
    float: left;
    width: 75%;
    height: 30px;
}

.inputText {
    width: 100%;
}

.inputTextarea {
    width: 100%;
}

.form_valid {
    float: left;
    padding: 8px 0 10px 25%;
    width: 100%;
}

.form_valid img {
    width: 180px;
}

.numvalid {
    width: 174px;
}

.valide {
    background: url("../../reltext/images/iconographie/boutons/btn_off.png") repeat scroll 0 0 #ed7102; /*orange reltex*/
    border: medium none;
    color: #fff;
    height: 24px;
    overflow: hidden;
    width: 180px;
    font-family: 'Montserrat', sans-serif;
}

.valide:hover {
    cursor: pointer;
}

/* visite */
.visite, .map {
    margin: 20px 0 20px 0;
}


.form-horizontal .form-group::after {
    clear: both;
}

.form-horizontal .form-group::before, .form-horizontal .form-group::after {
    content: " ";
    display: table;
}

.form-horizontal .form-group::after {
    clear: both;
}

.form-horizontal .form-group::before, .form-horizontal .form-group::after {
    content: " ";
    display: table;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.form-group {
    margin-bottom: 5px;
}

.form-group {
    margin-bottom: 15px;
}

*, *::before, *::after {
    box-sizing: border-box;
}


.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 7px;
}

.form-horizontal .control-label {
    text-align: left;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
    float: left;
}

.col-sm-12 {
    width: 100%;
}

.col-sm-9 {
    width: 75%;
}

.col-sm-8 {
    width: 66.6667%;
}

.col-sm-6 {
    width: 50%;
}

.col-sm-3 {
    width: 25%;
}

.form-control {
    border: 1px solid #ccc;
    color: #555;
    font-size: 13px;
    height: 26px;
    line-height: 1.2em;
    padding: 3px 12px;
    width: 100%;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

.text-danger {
    color: #e2001a;
}

.btn-primary {
    background-color: #e2001a;
    border-color: #e2001a;
    color: #fff;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

input:-moz-read-write, textarea:-moz-read-write {
    -moz-user-modify: read-write !important;
}

.form-control::-moz-placeholder {
    color: #999;
}

textarea > .anonymous-div, input > .anonymous-div, input::-moz-placeholder, textarea::-moz-placeholder, *|*::-moz-button-content, *|*::-moz-display-comboboxcontrol-frame, optgroup::before {
    text-overflow: inherit;
    unicode-bidi: inherit;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    display: inline-block !important;
    opacity: 0.54;
    overflow: hidden !important;
    pointer-events: none !important;
    resize: none !important;
}

input > .anonymous-div, input::-moz-placeholder {
    white-space: pre;
}

textarea > .anonymous-div, input > .anonymous-div, input::-moz-placeholder, textarea::-moz-placeholder {
    -moz-control-character-visibility: visible;
    border: 0 none !important;
    display: inline-block;
    ime-mode: inherit;
    margin: 0;
    overflow: auto;
    padding: inherit !important;
    resize: inherit;
    text-decoration: inherit;
}

input > .anonymous-div, input::-moz-placeholder {
    line-height: -moz-block-height;
    word-wrap: normal !important;
}

textarea.form-control {
    height: auto;
}