body {
font-family: 'Sintony', sans-serif;
background-image:url("../images/bg.jpg");
background-size: cover;
background-attachment: fixed;
color:#555555;
}


h2{
	color: #ffffff;
	padding-left:0.5em;
	padding-right:0.2em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:1.5em;

		}


.logo{
	position: absolute;
	top:4.5em;
	left:5em;
	width: 168px;
	height: 168px;
	background: url("../images/logo.png") no-repeat;
	
}
#titre {
	font-family: 'Oleo Script Swash Caps', cursive;
	background-color:transparent;
	color:#ffffff;
	font-size:6em;
	margin-top:0px;
	margin-bottom:0em;
	text-align:center;
}
#sous-titre {
	background-color:transparent;
	color:#ffffff;
	font-size:2em;
	margin-top:0px;
	margin-bottom:2em;
	text-align:center;
}


#globalContainer{
	position: relative;
	width:100%;
	height:100%;
	margin-top:5em;	
}


#globalOutils{
	width: 285	px;
	background-color:#ffffff;
	border-color: #000000;
	border:1px;
	margin-left:2%;
	position: absolute;
	z-index: 6;
}
#globalOutils h2{
	cursor: move;
}


#globalImage{
	background-color:#ffffff;
	width: 700px;
	height:1060px;
	margin:auto;
	position: relative;
	padding-bottom:0.2em;
	z-index: 5;
}
@media screen and (max-width: 1320px) {
  #globalImage{
    margin-right: 10%;
  }
}
@media screen and (max-width: 1120px) {
  #globalImage{
    margin-right: 1%;
  }
}


/* boite à outils */
#entreeText{
	margin: 1em;}

.majBTN, #imprimBTN{
	margin-bottom:1em;
	cursor:pointer;	
}
h3{
	
	font-size: 18px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:10px;
	padding:0px;
}
input{
	margin-bottom:10px;
	}

label{
	margin-top:10px;
}

/* choix image fond */
#choixModel{
margin-top:5px;
}

#choixModel li{
	float:left;
	text-align:center;
	margin:2px;
	cursor:pointer;
	position: relative;
	}

#choixModel li:hover{
	background-color:#FF4C00;
	border:1px;
	border-color:#000000;
	border-style:dotted;
	border-collapse:collapse;
	border-spacing: -1;
	}