/* CSS Document */

@import url(fontSheet.css);

/* Disposition mobile : 480px et moins. */

body{
	background:#eee;
}

#bannerImage{
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;	
	height:476px;
	margin-top:416px;
	width:100%;
/*	border:1px solid black;*/
	background-image:url(../images/bgHomePageNewSmall.jpg);
}

#header{
	position:fixed;
	background:white;
	z-index:1000;
}

a#logo{
	/* padding:0.25em 0;*/
}

#footer{
	background:#383636; /*url(../images/logoCIP.png) top left no-repeat;*/
/*	height:80px;*/
	bottom:0;
}

#navBar{
	width:98%;
	position:relative;
	min-height:40px;
	background-color:#383636;
	margin:50px 0 0;
	padding:0;
	/*box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.4);*/
}

body{
	font-family:"Montserrat Medium";
	font-size:1em;
}

h1{
	font-family:"Montserrat ExtraBold";
	color:black;
	font-size:1.5em;
	margin-bottom:0.5em;
}

h2{
	font-family:"Montserrat ExtraBold";
	color:black;
	font-size:1.25em;
}

p{
	margin-bottom:0.5em;
}

.hide{
	display:none;
}

p.spacer05{
	padding-top:5em;
}

p.spacer10{
	padding-top:10em;
}

p.spacer15{
	padding-top:15em;
}

p.spacer20{
	padding-top:20em;
}

p.spacer30{
	padding-top:30em;
}

a {
	text-decoration:none;
	color:#ff805e;
}

a:visited {
	color: #ff805e;
	text-decoration:underline;
}

a:hover {
	color: #ff805e;
	text-decoration:none;
}

dl{
	margin:0;
	paddung:0;
}

dt{
	font-family:"Montserrat Bold";
	margin:1em 0 0.5em;
}

dd{
	font-family:"Montserrat";
	line-height:1.5em;
	margin:0;

}

#content ul li{
	margin-bottom:0.5em;
}

#demandeDevis{
	background:url(../images/icnDevisNew2.png) transparent left center no-repeat;
	display:block;
	width:300px;
	height:51px;
}

.hiddenText{
	visibility:hidden;
}

/* ====================== RESEAUX SOCIAUX =================================*/

#reseauxSociaux{
	position:absolute;
	right:25px;
	top:125px;
}

#reseauxSociaux ul{
	padding:0;
	margin:0;;
}

#reseauxSociaux ul li{
	display:inline;
}

#reseauxSociaux ul li a{
	width:41px;
	height:41px;
	display:block;
	float:left;
	margin-right:10px;
}

a#twitter{
	background:transparent url(../images/btnTwitterOut.png) top left no-repeat;
}

a#twitter:hover{
	background:transparent url(../images/btnTwitterOver.png) top left no-repeat;
}

a#linkedin{
	background:transparent url(../images/btnLinkedInOut.png) top left no-repeat;
}

a#linkedin:hover{
	background:transparent url(../images/btnLinkedInOver.png) top left no-repeat;
}

a#facebook{
	background:transparent url(../images/btnFacebookOut.png) top left no-repeat;
}

a#facebook:hover{
	background:transparent url(../images/btnFacebookOver.png) top left no-repeat;
}

a#instagram{
	background:transparent url(../images/btnInstagramOut.png) top left no-repeat;
}

a#instagram:hover{
	background:transparent url(../images/btnInstagramOver.png) top left no-repeat;
}


img.photo{
	display:block;
	margin:2em auto;
	border:1px solid black;
/*	box-shadow:#999 0 0 20px;*/
}

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media only screen and (min-width: 481px) {
#navBar{
	width:100%;
}

#footer{
	position:fixed;
}

#bannerImage{
	margin-top:416px;
	background-image:url(../images/bgHomePageNewMid.jpg);
}


}

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */

@media only screen and (min-width: 769px) {

#navBar{
	margin:0;
	width:100%;
}

p{
	text-align:justify;
}

#reseauxSociaux{
	top:70px;
	right:0;
}

#bannerImage{
	margin-top:167px;
	background-image:url(../images/bgHomePageNew.jpg);
}

}