/*
Theme Name: Bronzo TP
Author: Perfeo
*/

h2.rd-mobilepanel_title {
	display: none;
}

#share_bts img {
	width: 30px;
	height:30px;
}

.page .row ul {
	list-style-type: disc;
}

.page .row img.aligncenter {
	margin-bottom: 20px;
}


input{
	height:48px;
	line-height:48px;
}

body .rights {
	font-weight: 200;
}

body section p, body p.p__mod {
	font-weight: 200;
}

#stuck_container{
	top: 0px !important;
}

.container h1{
	text-align :center;
}

.container:not(.text-center) p:not(.rights){
	text-align: justify;
}

.coldegauche img{
	display: block;
	margin: auto;
}

.camera_wrap{
	top: 76px !important;
}

.article-content{
	height: 350px;
	text-align: justify;
}

.aligncenter, time{
	text-align:center!important;
	margin-left:auto;
	margin-right:auto;
	display:block
}

/* enlève le margin-top sur le logo*/
.navbar-header {
    margin-top: 0px;
    margin-bottom: 0px;
}
/* réduit la marge à gauche du logo */
.navbar-brand {padding-left: 10px;}
/* On rétrécie la largeur du menu */
.navbar-nav li a {text-transform: none; letter-spacing: 0.2px; font-family: 'Roboto'; font-weight: 500; font-size: 14.5px; padding:18px 10px 14px; transition: none;}
@media (min-width: 991px){
	.navbar-nav li a {font-size: 17px; padding: 18px 12px 14px;}
}

ul#menu-menu-horizontal {margin-right: 10px;}
ul.dropdown-menu {margin-left: 0px;}

/* cache la navigation dans le slider */
div.camera_pag {display: none;}
div.camera_nav {display: none;}

#img_bandeau {}

/* Fond de page dans */
main {background-image: url("images/bg_bronzo.jpg"); background-repeat: repeat-y; background-size: 100%;}

/* on supprime le padding-top de 19% sur les éléments icon-block de la home */
main.index div.icon-block {padding-top: 0px;}
main.index div.icon-block span.fa {width: 115px; height: 115px; margin-top: 10%;}
main.index div.icon-block h6 {text-transform: none; margin-top: 10%; line-height: 1.5em;}

/* backgrounds avec les pictos (version intitiale) */
main.index div.icon-block span.reseaux {background-image: url("images/picto_reseaux.jpg"); background-repeat: no-repeat;}
main.index div.icon-block span.voirie {background-image: url("images/picto_voirie.jpg"); background-repeat: no-repeat;}
main.index div.icon-block span.reparation {background-image: url("images/picto_reparation.jpg"); background-repeat: no-repeat;}
/* quand les pictos sont des images */
div.icon-block img {margin-top: 10%;}

section h1, section h2, section h3, section h4, section h5 {font-family: 'Hind';}
section h1 {font-weight: 300; font-size: 48px;}
section h2 {font-weight: 300; font-size: 48px;}
section h5 {font-weight: bold; font-size: 18px;}


.txt-blanc {color: #fff;}
.txt-bleu {color: #109ae8;}

section p, p.p__mod {
   	font-family: 'Hind'; 
   	font-weight: 400;
    line-height: 1.1em;
}

p.p__mod {
	margin-left: 40px;
    margin-right: 40px;
}	

a.btn-primary.blanc {
	font-family: 'Roboto'; 
	background-color: #FFF; 
	text-transform: none; 
	color: #109ae8;
	font-size: 20px;
	padding
}
.btn-primary.blanc:hover,
.btn-primary:active,
.btn-primary:focus {
  background: #106aA8;
  color: #FFF;
}

.parallax a.btn-primary.blanc {
	padding: 15px 40px 16px;
}

body .icon-block h6 a span.plus {
	color: #9ad5f6;
	font-weight: 700;
	font-size: 14px;
}

/* ci-dessous, on aligne le texte à droite ou à gauche quand on affiche 2 colonnes */
.col-md-6.coldegauche, col-sm-6.coldegauche {text-align: right;}
.col-md-6.coldedroite, col-sm-6.coldedroite {text-align: left;}
.coldegauche p, .coldedroite p {margin-left: 10px; margin-right: 10px;}

/* On réduit le padding des images parallax pour les images utilisées dans le bas des pages expertises qui est sinon 
celui par défut et qui d'environ 100px en bas et en haut ce qui fait des images prenant beaucoup de place */
section.parallax.bas_page div.parallax_cnt {padding-top: 50px; padding-bottom: 50px;}

#realisations div.nomargintop {margin-top: 0px;}
#realisations ul.flex-list {width: auto;}
#realisations ul.flex-list li {width: auto; padding: 1px;}
/* Galeries de photos */
/* On supprime la flèche positionné par la css bootstrap sur les miniatures au survol. On change aussi la police, 
la flèche étant remplacée par nos descriptions
*/
.thumb_overlay:before {
	content: '';
	font-family: 'Hind';
  	font-size: 18px;
  	line-height: 1.2em;
}


.bg-bleu-bronzo {background-color: #109ae8;}
.bg-bleu-bronzo h2 {color: #ffffff;}
/* Important car sinon les lien seront bleu sur fond bleu au survol */
.bg-bleu-bronzo a:hover {color: #ffffff;}

#section_contact {padding-bottom: 10px;}

/* Footer en home page */
.front_page footer {padding-top: 0px; padding-bottom: 0px;}
.front_page footer section {padding-top: 50px; padding-bottom: 50px;}

/* Carte google Map */

#section_contact #map_canvas {width: 100%; height: 350px;}
footer #map_canvas {width: 100%; height: 250px;}
#map_canvas p{margin-top: 0px; line-height: 1.2;}
#map_canvas h6{line-height: 1.6;}


/* Liste des actualités */
section.listeactualites div.row {margin-bottom: 60px;}
section.listeactualites div.row p, article.actualite p {line-height: 1.5em;}
section.listeactualites .pagination {margin-top: 0px;}

/* Page recrutement */
section.annonces h6 a {color: #fff; letter-spacing: normal;}
section.annonces h6 a:hover {color: #353535!important;}

/* Formulaires Gravity Forms */
.gform_body li {clear:none!important; float: left!important; margin-right : 1%!important; margin-bottom: 1%!important;}
li.clear {clear: both!important;}
li.gfield input {width: 100%!important;} /* les champs prennent 100% du li */

.gform_body label {display: none!important;}
.gform_body input, .gform_body textarea {padding: 5px!important; padding-left: 10px!important;}

/* Styles pour jfilestyle */
div.jfilestyle {background-color: #109ae8; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
div.jfilestyle input[type=text] {
	width: 80%!important; 
	background-color: #fff; 
	border: solid 1px #A9A9A9;
}
div.jfilestyle label {display: inline!important;}
div.jfilestyle label:hover { cursor: pointer; opacity: 0.9;}
div.jfilestyle img.btnupload {margin-left: 10px;}

div.gform_footer {clear: both;}
div.gform_footer button {float: left;}

li.gfield.gfield_error {margin-top: inherit!important; margin-bottom: inherit!important;}
.gfield_error input, .gfield_error textarea {margin-bottom: inherit!important;}

div.renvoi_required {font-size: 0.8em; text-align: right;}

/* Spécifique au form de candidature */
li#field_1_6, li#field_1_3 {width: 27%!important;}
li#field_1_7, li#field_1_9 {width: 33%!important;}
li#field_1_8 {width: 32%!important; float: right!important; margin-right: 0px!important;}
li#field_1_4 {width: 32%!important;}
li#field_1_5 {width: 11%!important; float:right!important; margin-right: 0px!important;}

/* textarea message*/
li#field_1_10, #input_1_10 {width: 100%!important;}
#input_1_10 {height: 200px!important;}

.gform_wrapper .top_label input.medium#input_1_8 {
    width: 85%!important;
}

/* Spécifique au form de contact */
li#field_2_1, li#field_2_2, li#field_2_3, li#field_2_4 {width: 49%;}
li#field_2_5, #input_2_5 {width: 100%;}
#input_2_5 {height: 200px;}


input[placeholder], [placeholder], *[placeholder] {
    color: #000 !important;
}

body .btn-primary:hover,
body .btn-primary:active,
body .btn-primary:focus {
  background-color: #106aA8;
  color: #fff;
}



/*body .well {
	padding: 0 !important;
}

body #realisations.well {
	padding: 10px !important;
}
*/

body .gform_wrapper label.gfield_label+div.ginput_container {
	position:relative;
}