body{ margin: auto;	background-image : url("../img/fond-gris.png");	background-repeat : repeat ; font-family: 'Open Sans', sans-serif; }
.fond { 	background-color : white;	box-shadow : 3px 3px 5px #aaa;	position : relative ;}
.container{ margin-left : auto; margin-right : auto;}	
#page-header { background-color : white;}

		/*** Textes ***/
.center { text-align : center;}
.center2 { margin-left : auto; margin-right : auto; 	display : block; }	
p { 	text-align : justify ; }	
h1 { font-size : 20px; color : #1B6D96 ;}
.portfolio_price { font-size : 14px;}
a:link { text-decoration : none;}
.number { color : #2DAFB2 ;}
.text-ref { font-size : 25px; font-weight : bold; }

		/*** marges ***/
.pad-l {	padding-left : 25px;}
.pad-r { padding-right : 25px;}
.no-pad { padding-left : 0px !important;	padding-right : 0px !important;}
pad-search { padding-left : 10px; padding-right : 10px;	padding-top : 5px;	padding-bottom : 5px; }
.marg-btn { 	margin-top : 10px;}
.marg-bottom { margin-bottom : 15px;}

		/* MENU + Recherche */
.form-inline { padding : 10px;}
.nav { font-weight: 600; }
	
		/*** Pour centrer texte ***/
.navbar .navbar-nav { display: inline-block; float: none; vertical-align: top;}
.navbar .navbar-collapse { text-align: center;}
	/***/
	
.navbar-default { margin-bottom : 0px; border : 0px ; background-image : url("../img/back-menu.png"); background-repeat : repeat ; }
.navbar { border-radius : 0px;}
.navbar-default .navbar-nav > li > a { color : white ;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover { background-color : rgba(255, 255, 255, 0.2); color : white;}
.navbar-toggle { margin-top : 19px;}

label {	position : relative !important; vertical-align : middle ; padding-top : 7px; }
.label-contact { position : absolute !important; padding : 5px; }

	/*** Section ***/
section { background-color : white;	margin-left : 0px !important;	margin-right : 0px !important;	}

		/*** Images ***/
.miniature { width : 25px !important; height : 25px !important;	margin : 1px;}
#searchsubmit > img { width : 17px !important; height : 17px !important;}
.img-banner { width : 100%; height : 300px !important;}
.banner { margin-left : -15px !important; margin-right : -15px !important; }


		/*** Boutons et icone ***/
.btn-menu { background-color: rgba(255, 255, 255, 0.2); border: medium none transparent;}
.glyphicon-menu-hamburger { 	color : #1B6D96; }
.btn-blue { background-color : #1B6D96;	border-color : #1B6D96; }
.btn-blue:hover { background-color : #19668d !important; border-color : #19668d !important;}
.btn-center { display : block; margin-left : auto; margin-right : auto; }
.size-btn { 	width : 160px; }
.portfolio_price{ display:block;font-size:16px;font-weight:bold;text-align:center; }

		/* FOOTER */
footer { background : url("../img/back-menu.png") 0 0 repeat; color : white ; padding-top : 10px; margin-left : 0px !important;	margin-right : 0px !important; }
footer a { color : white ;}
.text-footer { text-align : center; padding : 10px; }

		/** Contact flottant **/
.contact { position : absolute ; background-color : #1B6D96;	color : white ; border-radius : 5px; height : 140px; width : 65px; padding : 5px; left : 100%; }
.contact a { color : white; }

.rotate {
/* Safari */
-webkit-transform: rotate(+90deg);
/* Firefox */
-moz-transform: rotate(+90deg);
/* IE */
-ms-transform: rotate(+90deg);
/* Opera */
-o-transform: rotate(+90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}


		/***Accordéon***/
.panel-default { border-color : transparent; }
.panel-default > .panel-heading { background-color : transparent; border-color : transparent; border-bottom : solid 1px rgba(27, 109, 150, .4); }
.panel { margin-top : 20px; }

		/***Bouton***/
.button { background-color : transparent; padding-top : 0px; padding-bottom : 0px; }

		/*** Liste ***/
ul { list-style-type: none;	padding-left : 0px; }

		/*** titre et texte pour accordeons ***/
.texte-affiche { display : none ; }
.titre { font-size : 17px; color : #1B6D96 ; border-bottom : solid 1px rgba(27, 109, 150, .4) !important; padding : 5px;}

		/*** Formulaire ***/
.form-group { text-align : center; margin-left : 20px;	margin-right : 20px; }
.grey { 	background-color : #eeeded !important; border: solid 1px #eeeded; box-shadow: 1px 1px 10px 0px #BDBDBD;	margin-left : -15px; margin-right : -15px;	margin-bottom : 5px;}

		/*** Boutons ***/
.btn-primary { text-align : center; }
.btn-ind { background-color : #2DAFB2; border-color : #2DAFB2; }
.btn-see { display:block; margin-left:auto; margin-right:auto; margin-top:10px;}
.btn-primary:hover { background-color : #29a0a3; 	border-color : #29a0a3; }

		/***Images***/
.img-loc { width : 100%;	height : 300px; background-color : #eeeded; }
.banner-pdt { margin-bottom : 10px;	float : left ;	padding-top : 15px;	padding-bottom : 15px;	width : 100%;	border: solid 1px #FAFAFA;	box-shadow: 1px 1px 10px 0px #D8D8D8;margin-top: 10px;}
.chevron { width : 20px; 	margin-right : 15px; }
.reginput{width:242px}
.fancyinput{outline:0;font-size:12px;text-indent:8px}
.fancyinputarea{padding:9px;outline:0;font-size:12px}
:active,a:active{outline:0}
.fancy_input{margin:20px}
.min-ref {width : 60px;}

	/* Small devices (tablets, 768px and up) */
		@media screen and (min-width: 768px){
.similar { width : 100%; height: 110px; 	margin-bottom : 20px;}
.langues { text-align : right; }
.size { 	width : 180px; }
.img-ref-pdt { display : block;	height : 320px;	width : 100%;	}
.img-contact {	display : block; margin-left : auto;	margin-right : auto; margin-bottom : 10px; width : 100%; }
.size-input { 	width : 100% ; height : 200px ; margin-bottom : 10px; }
.clear-height { 	height : 10px; 	line-height : 10px; }
.margin-search { margin-right : 43px; }
}
		
		@media screen and (max-width : 768px) {
.similar { width : 80%; height: auto; margin-bottom : 20px; margin-left : auto; margin-right:auto; display:block; }	
.number { padding-top : 10px; color : #2DAFB2 ;	text-align : center ;	}
.size { width : 100% !important;		}
.img-ref-pdt {	display : block; height : auto;	width : 100%;	}
.img-contact {	display : block; margin-left : auto; margin-right : auto; margin-bottom : 10px; width : 100%; }
.size-input {	width : 100% ; height : 200px ; margin-bottom : 10px; }
.clear-height {	height : 30px; line-height :30px; }
.margin-search { margin-right : 43px; }
}	

		@media screen and (max-width : 992px) {
.form-control { 	margin-bottom : 15px;	}
}

/* Medium devices (desktops, 992px and up) */
		@media screen and (min-width: 992px) {
.similar { width : 100%; height: 200px;}
.langues { text-align : center; }
.img-contact { 	display : block; margin-left : auto; margin-right : auto; margin-bottom : 10px;	width : auto !important; }
.size-input {	width : 400px ;	height : 200px ; margin-bottom : 10px; }
.clear-height { 	height : 40px; line-height :40px;}
.margin-search { margin-right : 58px;}
}