@charset "utf-8";

/* COULEURS */
.marron {color: #96610E;}
.bleu {color: #36C; font-size: 1em;}

/* BALISES GÉNÉRALES */
* {margin: 0; padding: 0;}
body {font-size: 12px;color: #666;}
p {color: inherit; padding: 0 10px;}
ul {margin-left: 50px;}
li {list-style-type: square;}

/* autres */
img.picto {border: 1px #C63 solid;}
img.liseret {border: 0; margin: 10px;}
.cadre {border: 1px #96610E solid; background-color: #F1F1F1; color: black; text-align: center; margin: 10px auto;}
.important {border: 1px #96610E dotted; background-color: #F1F1F1; color: red; text-align: center; margin: 10px auto; width: 60%;}
a.lexique {display: block; background: transparent url(../images/calepin.gif) no-repeat left top; padding-left: 20px; color: #444; text-transform: uppercase; border: 1px #444 dashed; width: 50px; margin: 10px; clear: left;}
a.hautpage {background: none; display: block; margin: 10px auto;}
a.hautpage img {border: 0; height: 18px; width: 18px;}
.msg_user_ok, .msg_ok_user {width: 70%; margin: 20px auto; border: 1px #090 solid; color: #090; background-color: #9F9; padding: 5px; font-weight: bold;}
.msg_err, .msg_err_user {border: 1px #F00 solid; color: #F00; background-color: #FCC; padding: 5px; margin: 5px; width: 70%; margin: 1em auto;}
a.btn_orangeB17 {background-color: #f29200; /* orange vif */display: block;color: #FFF;padding: 5px 10px;font-family: helvetica;text-transform: uppercase;text-decoration: none;}

/* formulaires */
input.valider {color: white; font-weight: bold; font-family: georgia, serif; background-color: #C93; border: 1px #96610E solid;}
input.saisir {color: black; border: 1px #96610E solid; padding: 2px 5px;}
select {color: black; border: 1px #96610E solid;}

/* blocs */
#principal {width: 950px;background-color: #FFF;text-align: left;margin: 20px auto auto auto;}
#bandeau_sup {width: 950px; height: 185px;background: transparent url(../images/bandeau_sup1.jpg) no-repeat center center;color: white;text-align: left;}
#bandeau_sup a {background: none; display: none;}
#logosnoci {margin: 10px 0 0 20px; border: 0;}
#menu_haut {width: 950px; height: 40px; background: transparent url(../images/fond_menuhautcomplet1.jpg) no-repeat top center; text-align: left; color: white; font-weight: bold;}
#menu_haut ul {width: 100%; margin-left: 0;}
#menu_haut li {float: left; text-align: center; padding-top: 3px; padding-left: 6px; color: white; height: 32px; list-style-type: none;}
#menu_haut a {color: white; font-family: inherit; font-size: 12pt; border: 0;}
#menu_haut a:link {text-decoration: none; background: none;}
#menu_haut a:visited {text-decoration: none; background: none;}
#menu_haut a:hover {text-decoration: underline; background: none;}
#btnaccueil {margin-left: 30px;}
#btncontact {margin-left: 295px;}
.btnvalide {background: transparent url(../images/fond_btnvalide.jpg) repeat-x 0 1px;}

div.sousmenu {background: transparent url(../images/fond_menuhaut.png) no-repeat 50% 10px; text-align: left; margin-bottom: 20px;}
div.sousmenu h1 {background: transparent url(../images/fond_titremenu.png) no-repeat center left;color: white; font-size: 11pt; font-family: helvetica;width: 135px; height: 23px;margin: 10px 0 7px 10px; padding: 0 0 0 10px;}
div.sousmenu ul {background: transparent url(../images/fond_menucentre.png) repeat-y 50%; margin-top: 7px; text-align: left;}
div.sousmenu li {text-align: left;list-style-image: url(../images/pucebleue.png);padding-left: 20px; margin-left: 25px;border: 0;border-bottom: 1px #C93 dotted;width: 130px; font-weight: bolder;}
div.sousmenu li>a {color: #C93; text-decoration: none;}
div.sousmenu li>a:hover, li>a:active {color: #09F;}
div.basmenu {background: transparent url(../images/fond_menubas.png) no-repeat 50% 0; width: 100%; height: 20px;}
div.sousmenu h1>a {color: white; text-decoration: none; font-size: inherit; font-weight: inherit;}

#contenus {width: 820px;padding-left: 10px;padding-bottom: 20px;position: relative;margin-left: 9%;}
/* ACCUEIL */

/* POPUP B17 */
#popup {margin: 0; padding: 0;width: 840px;height: 449px;background-color: #009de2; /* bleu roy */position: absolute;top: 0; left: -35px;z-index: 50;box-shadow: 5px 5px 5px #666;}
#popup .btn_fermer {float: right;}
#popup a:hover {background-color: transparent;}

.bloc_accueil {height: 370px; float: left;}
.bloc_accueil ul {margin-left: 0; padding-right: 5px;}
.bloc_accueil li {list-style-type: none; text-align: right; font-weight: bold; letter-spacing: -1px;}
.bloc_accueil a {font-family: verdana; color: #666; font-size: 14px; text-decoration: none;}

#charpentes_industrielles {width: 242px;}

#btnB17 {display: block;margin-top: 30px;padding: 8px 1px 10px 10px;height: 40px;font-family: helvetica;font-size: 16px;background-color: #c76538; /* saumon foncé */color: #FFF;font-weight: normal;}
#charpentes_traditionnelles {width: 259px;}
#ossature_bois {width: 238px;}

/* actualites */
div.bloc_actu {width: 175px; font-family: helvetica, arial; margin-bottom: 5px;}
div.bloc_actu p {text-align: justify; padding: 0; font-family: inherit;}
div.bloc_actu a[class=savoirplus] {background: none; font-size: 8pt; color: #444; font-family: inherit; text-transform: lowercase; font-weight: bolder; font-style: italic;}
span.date {font-size: 0.9em; color: #960; font-style: italic; font-family: inherit;}

/* ACTU */
#actualites a img {border: 0; margin: 5px;}
#date_parution {color: #444; font-style: italic; border-top: 1px #F60 dotted; width: 50%; margin-top: 1.5em;}
#derniers_articles {}
#archives {margin: 10px 0; text-align: left;}
.archiveactive {font-size: 1.5em; border: 1px #999 solid;}

/* REALISATIONS */
#categories_fiches {color: black; margin: 0; width: auto; padding-bottom: 1em;}
#categories_fiches h1 {background: none; display: inline; color: #96610E; text-transform: uppercase; font-size: 1.2em; width: auto; padding: 0 0 0 5px; margin: 0 0 0 5px;}
div.categorie {clear: left; margin-top: 20px;}
div.categorie h1 {background: none; color: #96610E; text-transform: uppercase; font-size: 1.5em; width: auto; padding: 0 0 0 5px; margin: 0 0 0 60px; text-decoration: underline;}
div.categorie img {border: 2px #96610E solid; margin: 5px; float: left;}

/* FICHES */
#fiche {min-height: 250px; width: 98%; margin: 1em auto; border-bottom: 1px #F60 dashed; padding-bottom: 10px;}
#fiche img.image {border: 1px #96610E solid; margin: 8px; max-width: 225px;}
#fiche div.intro_fiche img {max-width: 500px; margin: 10px;}
#fiche .intermediaire {margin: 1em auto;}
#fiche .intermediaire h2 {float: left; width: 45%; height: 36px; line-height: 36px; margin: 0;}
#fiche .intermediaire a.btn_orangeB17 {margin-left: 50%; width: 45%;}
#fiche div.texte {margin: 15px auto;}
#fiche div.texte div {clear: left;}
#fiche div.texte p {margin-left: 50%;}
#fiche div.texte img.gauche {float: left; margin: 10px 20px 10px; width: 45%;}
#autresfiches {text-align: left; width: 80%; margin: 0 auto; font-size: 12px;}
#autresfiches td {vertical-align: top;}
.ficheactive {font-size: 1.5em;}
.catactive {color: black; font-size: 1.5em; text-decoration: none;}

/* PAGE B17: GARAGES ET ABRIS DE JARDINS */
.colonne_realisation {width: 320px; float: left; height: 530px; margin-left: 30px;}
.colonne_realisation h2, #fiche .intermediaire h2 {background-color: #c76538; /* saumon foncé */	background-image: none;color: #FFF; font-size: 14pt; font-family: inherit;font-family: helvetica;font-weight: normal;font-size: 16px;text-transform: uppercase;text-align: left;border: 0;padding: 5px 10px;}
.colonne_realisation img {margin-top: 1em;}
.colonne_realisation p {margin: 1em auto; text-align: justify; height: 100px;}
.colonne_realisation a {height: 30px;}
.colonne_realisation a img {float: left; margin: 0 10px 0 0; height: 30px;}
a.demande_devis {font-size: 1.5em; line-height: 1.5em; width: 240px;}
a.demande_devis img {vertical-align: middle; margin-right: 20px;}

/* TEMOIGNAGES */
.temoignage {background-color: #EEE;color: inherit;clear: both;height: 300px;margin: 1em auto;border-bottom: 2px dashed #F60;padding: 20px;}
.temoignage img {float: left; margin: auto 20px 10px 0; width: 250px;}
.temoignage blockquote {font-size: 1.1em;}
.temoignage .signature {text-align: right; padding-top: 1em; font-weight: bold; font-size: 1.2em;}

/* PIED DE PAGE */
#piedpage {color: white; text-align: right; font-family: inherit; font-size: 10pt;background: transparent url(../images/fond_piedpage.jpg) repeat-x;height: 70px;clear: both;padding: 5px 20px 0 0;}
#piedpage h3 {color: white; text-align: inherit; text-decoration: none; margin-top: 0;}
#piedpage a {color: white; text-decoration: underline;}
#piedpage a:hover {background: none; color: white; text-decoration: none;}

/* COORDONNÉES */
#contact {margin: 1em auto; border: 1px #96610E solid; padding: 5px; background-color: #F1F1F1;}
#coordonnees {}
div.type_coord {width: 200px; margin: 1em 12px 0.5em 12px; float: left; font-size: 1.1em;}
.infos_legales {width: 550px;}
#lien_indebat {display: block; width: 80px; float: left; margin: 5px;}
#lien_indebat img{max-width: 100%;}

/* Ajout du 03/02/2020 + bootstrap par VF */

/* générale */
nav {background-color: rgba(205,117,16,1) !important;}
/* autres */
.couleur_marron {color: rgba(205,117,16,1) !important;}
.couleur_bleu {color: #009ee1 !important;}
.couleur_marron_fonce {color: #630 !important;}
.bg_marron {background-color: rgba(205,117,16,1); }
.bg_bleu {background-color: #009ee1; }
.btn-primary {color: #fff; background-color: #009ee1; border-color: #009ee1;}
.btn-warning {color: #fff; background-color: rgba(205,117,16,1); border-color: rgba(205,117,16,1);}
#accueil_admin a {color: #009ee1; font-size: 1.4em;}
.table-insertion { color: black !important; font-size: 1.4em;}
.page-item.active .page-link {z-index: 1; color: #fff; background-color: #009ee1; border-color: #009ee1;}


/* Media Query ajouté par VF le 04/02/2020 */
@media screen and (max-width: 1091px) 
{
    h5 {font-size: 1.2em;}
}

@media screen and (max-width: 885px) 
{
    #infos_menu_nav .btn-primary {margin-top: 10px;}
}