/****************************************/
/*                                      */
/*            Created by 3WD            */
/*                 2017                 */
/*                                      */
/****************************************/
/*                                      */
/*   1. Général                         */
/*   2. Header                          */
/*   3. Col gauche                      */
/*   4. Col droite                      */
/*   5. Footer                          */
/*   6. Formulaires                     */
/*   7. Boutons                         */
/*   8. Tipsy                           */
/*   9. Popup                           */
/*   10. Wysiwyg                        */
/*                                      */
/****************************************/


/*==============================================================*/
/*                         1. Général                           */
/*==============================================================*/

*{
/*	padding:0;
	margin:0; */
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
	padding:0;
	margin:0;
}

body {
	background: #fff;
	padding: 0;
	margin: 0;
/*	padding-top: 100px; */
	color: #3d3c3f;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	width: 100%;
}

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

a {
	outline: none;
}
:focus {
	outline: none;
	-moz-outline-style: none;
}

object, embed {
	outline: 0;
}
img {
    max-width: 100%;
    height: auto;
}

.cl {
	clear: both
}
.cl1 {
	clear: both;
	height: 1px;
}
.indent {
	text-indent: -9999px;
}

#wrapper {
	position: relative;
	margin: 0px auto;
/*	padding-top: 304px;	*/
	width: 1000px;
	width: 100%;
}
.wrapper_inner {
    width: 100%;
    overflow: hidden;
}
.fl_g {
	float: left;
}
.fl_d {
	float: right;
}
h1 {
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2em;
}



/*========================================================================*/
/*                              2. Header                                 */
/*========================================================================*/

#header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 110;
	 background: #c1b7b1
}
header.fixed, header.fixed_hiding {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 110;
	 background: #c1b7b1
}

.mobile_menu {
	display: none;
}
.main-header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #c1b7b1;
  margin: 0 auto;
  z-index: 50;
  /*min-height: 50px;*/
}


/*========================================================================*/
/*                              3. equipe                                 */
/*========================================================================*/


#col_droite_equipe {
	position: relative;
	float: left;
	background: #fff;
	color: #000;
	width: 750px;
	height: 630px;
	overflow: hidden;
}
#equipe_accueil {
	position: relative;
	width: 750px;
	height: 630px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font: LucidaGrande, Lucida Sans, Arial, Helvetica, sans-serif;
}
#equipe_accueil_old {
	width: 665px;
	height: 580px;
	margin-right: 40px;
	padding-left: 45px;
	overflow: hidden;
	font: LucidaGrande, Lucida Sans, Arial, Helvetica, sans-serif;
}
#equipe_accueil h2 {
	margin-top: 50px;
	margin-bottom: 25px;
	padding: 0;
	font: bold 16px LucidaGrande, Lucida Sans, Arial, Helvetica, sans-serif; 
}
#equipe {
	position: relative;
	max-width: 1200px;
	overflow: hidden;
	padding: 0 20px;
	margin: 0 auto;
}
#equipe .equipe_photo {
	position: relative;
	float: left;
	/*
	width: 140px;
	height: 210px;
	*/
	width: 190px;
	height: 280px;
	overflow: hidden;
	margin: 0 5px;
	text-align: center;
}
#equipe .equipe_photo_h {
	position: absolute;
	left: 0;
	/*
	top: 210px;
	width: 140px;
	height: 210px;
	*/
	top: 280px;
	width: 190px;
	height: 240px;
	overflow: hidden;
}
#equipe a {
	color: #000;
}
#equipe a:hover {
	color: #000;
}
#equipe ul {
	list-style: outside;
	list-style: disc;
	margin-left: 18px;
	padding: 0;
}
#equipe img {
	border: none;
	padding-bottom: 2px;
	margin: 0;
}
#equipe .fonction {
	margin: 0;
	padding: 0;
	line-height: 14px;
}
#equipe .bloc_nom {
	position: relative;
	margin-top: -18px;
	background: url(../imgs/v3_dot_nom_rouge.png) top center no-repeat;
	line-height: 16px;
	text-align: center;
	z-index: 10;
	padding-top: 15px;
}
/*
#equipe .equipe_photo:nth-child(-n+6) .bloc_nom {
	background: url(../imgs/v3_dot_nom_rouge.png) top center no-repeat;
}
#equipe .equipe_photo:nth-child(n+7) .bloc_nom {
	background: url(../imgs/v3_dot_nom_bleu.png) top center no-repeat;
}
*/
#equipe .equipe_photo .bloc_nom {
	background: url(../imgs/v3_dot_nom_rouge.png) top center no-repeat;
}
#equipe .nom {
	font-size: 18px;
	font-weight: 600;
}
#equipe .fonction {
	font-size: 16px;
}


/*========================================================================*/
/*                             4. clients                                 */
/*========================================================================*/

.main.bloc_clients_gris {
	margin-top: 20px;
	padding: 20px 0;
}
.sbloc_clients_gris1,
.sbloc_clients_gris2 {
	display:table-cell;
	width: 31%;
}
.sbloc_clients_gris3 {
	display:table-cell;
	width: 31%;
}
#sbloc_clients1,
#sbloc_clients2,
#sbloc_clients3 {
	display: inline-block;
	width: 100%;
	max-width: 1200px;
	text-align: left;
	font-size: 17px;
	font-weight: 600;
	margin: 0 auto;
}
#bloc_clients h2 {
	font-size: 17px;
	padding: 5px 0 15px;
}
#sbloc_clients_contenu_1 {
	width: 100%;
	display: table;
}
.sbloc_logo_2,
.sbloc_logo_3 {
	display: table;
	width: 100%;
}
.sbloc_logo_2_tr,
.sbloc_logo_3_tr {
	display: table-row;
}
.sbloc_logo_2_td {
	display: inline-block;
/*	display: table-cell;
	vertical-align: middle; */
	text-align: center;
	width: 195px;
	height: 170px;
}
.sbloc_logo_3_td {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 33%;
}
.sbloc_logo_2_td img,
.sbloc_logo_3_td img {
	margin: 10px 0;
	vertical-align: middle;
	line-height: 100px;
}
.sbloc_logo_2_td a,
.sbloc_logo_3_td a {
	display: block;
}
.logo_off {
	display: block;
	display: none;
}
.logo_on {
	display: none;
	display: block;
	-webkit-transition: filter .4s; /* Safari */
   transition: filter .4s;
}
.sbloc_logo_2_td:hover .logo_off,
.sbloc_logo_3_td:hover .logo_off {
	display: none;
}
.sbloc_logo_2_td:hover .logo_on,
.sbloc_logo_3_td:hover .logo_on {
	display: block;
}
.logo_on:hover {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   filter: grayscale(100%) brightness(105%);
}
.filter_100 {
	-webkit-transition: filter .4s; /* Safari */
   transition: filter .4s;
}
.filter_100:hover {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   filter: grayscale(100%) brightness(105%);
}
.filter_60 {
	-webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */
   filter: grayscale(60%);
}

/*========================================================================*/
/*                              5. Contact                                */
/*========================================================================*/

#bloc_contact {
/*	background: #1a171b; */
	background: #e64152;
	border-top: 45px solid #e64152;
}
#bloc_contact .container_inner {
	padding: 2% 7% 4%;
	color: #fff;
}
#bloc_contact .container_inner h2 {
	font-size: 25px;
	padding: 0 0 15px;
}
#bloc_contact td {
	font-size: 20px;
}
#bloc_contact td a {
	color: #fff;
	text-decoration: none;
}
#bloc_contact td a:hover {
	color: #fff;
	text-decoration: underline;
}

/*========================================================================*/
/*                               4. main                                  */
/*========================================================================*/

#main_content {
	position: relative;
	z-index: 40;
	font-family: Arial, 'Work Sans', Helvetica, Arial, sans-serif;
/*	padding-top: 600px; */
}
.container {
	position: relative;
	z-index: 40;
	background: #fff;
	color: #3d3c3f;
}
.container_inner {
	position: relative;
    margin: 0 auto;
    max-width: 1440px;
}
.container_inner img {
  vertical-align: middle;
}
.agence_img {
	display: inline-block;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
#bloc_realisations .container_inner {
    max-width: 1230px;
}
#bloc_realisations h1 {
    padding: 50px 0 70px;
}
.bloc_contenu p {
	padding-top: 5px;
	line-height: 1.2em;
}
.bloc_contenu ul {
	padding-left: 40px;
}
.bloc_contenu ul li {
	list-style-position: outside;
	padding: 5px 0px;
}
 #bloc_realisations,
 #bloc_equipe {
	 padding-bottom: 2em;
 }

/*========================================================================*/
/*                               5. Footer                                */
/*========================================================================*/



/*========================================================================*/
/*                            6. Formulaires                              */
/*========================================================================*/

[disabled] {
}
.formulaire {
	margin: 1px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #555;
	border: solid #f3f1f0 1px;
	background: #f3f1f0;
	padding: 8px 5px;
}
.formulaire.l100 {
	width: 95%
}
#bt_valid {
	margin: 20px 33%;
	width: 113px;
	height: 112px;
}


/*========================================================================*/
/*                         7. Notifications                               */
/*========================================================================*/


.notification {
	position: relative;
	margin: 0 10px 15px 10px;
	padding: 0;
	border: 1px solid;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	width: 97%;
	}
.attention {
	background: #fffbcc url('../imgs/ico_notif_warning.png') 10px 11px no-repeat;
	border-color: #e6db55;
	color: #666452;
	}
.information {
	background: #dbe3ff url('../imgs/ico_notif_info.png');
	border-color: #a2b4ee;
	color: #585b66;
	}
.success {
	background: #d5ffce url('../imgs/ico_notif_ok.png');
	border-color: #9adf8f;
	color: #319731;
	}

.error {
	background: #ffcece url('../imgs/ico_notif_error.png');
	border-color: #df8f8f;
	color: #665252;
	}
.notification div {
	display:block;
	font-style:normal;
	padding: 10px 10px 10px 36px;
	line-height: 1.5em;
	}
.notification .close {
	color:#990000;
	font-size:9px;
	position:absolute;
	right:5px;
	top:5px;
	}




/*========================================================================*/
/*                               8. Tipsy                                 */
/*========================================================================*/

.tipsy { 
	padding: 10px; 
	font: bold 11px Arial, Helvetica, sans-serif; 
	opacity: 0.80; 
	filter: alpha(opacity=80); 
	background-repeat: no-repeat;  
	background-image: url(../imgs/tipsy.gif);
}
.tipsy-inner { 
	padding: 5px 8px 4px 8px; 
	background-color: #000; 
	color: white; 
	max-width: 200px; 
	text-align: center; 
}
.tipsy-inner { 
	border: solid 1px #000;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px;
}
.tipsy-north { 
	background-position: top center; 
}
.tipsy-south { 
	background-position: bottom center;
	padding-bottom: 5px;
}
.tipsy-east { 
	background-position: right center; 
}
.tipsy-west { 
	background-position: left center;
}



/*========================================================================*/
/*                               9. Popup                                 */
/*========================================================================*/

.pop {
	font: 10px Arial, Helvetica, sans-serif;
	color: #555;
	text-transform: uppercase;
}
.pop_body {
	background: #fff;
	margin-top: 20px;
}
.pop_close {
	float: right;
	margin-right: 3px;
	width: 13px;
	cursor: pointer;
	text-align: center;
	border: transparent 1px solid;
}
.pop_close:hover {
	border: #fff 1px solid;
}
.pop_div {
	/*behavior: url(css/border-radius.htc); */
	border: solid #ccc1ba 1px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3); 
	background: #fff;
	margin: 0 auto;
}

#fd_gris {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #666666 50% 50% repeat; 
	opacity: .60;
	filter: Alpha(Opacity=60);
	display: none;
	z-index:10;
}
.pop_content {
	border: solid #ddd 1px;
	background-color:#fafafa;
	padding: 5px;
}



/*========================================================================*/
/*                              10. Wysiwyg                               */
/*========================================================================*/

.chapo {
	padding-bottom: 25px;
	line-height: 1.8em;
}
.chapo_normal {
	line-height: 1.8em;
}
.txt_rouge {
	color: #db001b;
}
.txt_gros,
.bloc_contenu p.txt_gros {
	font-size: 48px;
	font-weight: bold;
	padding: 20px 0 5px;
}
.txt_moyen {
	font-size: 24px;
	line-height: 30px;
}
.titre_article,
h1 {
	font-size: 45px;
	font-weight: bold;
	padding: 35px 0 10px;
}