body{
	margin:0;
	background: white url("../img/background.jpg") repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#page{
	margin: 0 auto;
	width: 100%;

}

div#background_homepage{
	width: 100%;
	height: 605px;
	margin:0 auto;
	text-align: center;
	background: url("../img/godacom-background.jpg") center top no-repeat;
}

div#text_homepage{
	/* width:1041px;  #original size#
	height: 259px; */  
	width:950px;
	height: 236px;
	background: url("../img/godacom.png") center top no-repeat;
	background-size: cover;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

p {
	margin: 0;
	padding:0;
	border: 0px solid;
}

.ie7 a:link, a:visited, a:hover, a:active {
	/* ref couleur "lightgray" non comprise par IE (7) */
	color: #d3d3d3;
}

.invisible{
	display:none;
}

div#focusintro{
		text-align: center;
		z-index: 5;
		position: absolute;
		width: 220px;
		height: 22px;
		margin: 0;
		left: 50%;
		top: 75%;
		transform: translate(-50%, -50%);
		background: lightgray;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;		
	
	/* TRANSITIONS CSS3 */
		/* Chrome */
		-webkit-transition-property: all;
		-webkit-transition-duration: 300ms;
				
		/* Bientôt supporté par Firefox */
        -moz-transition-property: all;
		-moz-transition-duration: 300ms;
				
		/* Opera */
        -o-transition-property: all;
		-o-transition-duration: 300ms;
				
		/* … et lorsque ce sera standardisé */
		transition-property: all;
		transition-duration: 300ms;
		
	/*  */	
}


.ie7 div#focusintro{
	background: #d3d3d3;
}

div#focusintro:hover{
	background:#2a2e46;
	
	/* Affectation des propriétés de transition : ZOOM au survol */
	-webkit-transform: scale(3); /*multiplication de la taille de départ*/
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
	
    -webkit-transform-origin: 65% 50%; /*origine de l'animation*/
    -moz-transform-origin: 65% 50%;
    -o-transform-origin: 65% 50%;
    transform-origin: 65% 50%;
}


p.commentaire{
	color: white;
	line-height: 23px;
	padding: 0px 10px 0px 10px;
	white-space:nowrap;
	text-align: center;
}


div#footer{
	position: fixed;
	bottom:0;
	height:20px;
	width:100%;
	background: #2a2e46;
	border-top: 3px double lightgray;
	
	/* TRANSITIONS CSS3 */
		/* Chrome */
		-webkit-transition-property: all;
		-webkit-transition-duration: 500ms;
				
		/* Bientôt supporté par Firefox */
        -moz-transition-property: all;
		-moz-transition-duration: 500ms;
				
		/* Opera */
		/* mal pris en charge pour le moment ==> timing mis à zéro */
        -o-transition-property: all;
		-o-transition-duration: 0ms;
				
		/* … et lorsque ce sera standardisé */
		transition-property: all;
		transition-duration: 500ms;
		
	/*  */	
}

div#footer:hover{
	height:42px;
}

/* Hack CSS via css_browser_selector.js" */
/* => utiliser le préfixe de classe selon navigateur */
/* Bidouille ici pour corriger le bug d'affichage sous Opera (trainées) */
/* en créant un rafraichissement de l'affichage le long du trajet */
.opera div#footer:hover{
	width: 101%;
}


p.footer{
	font-size: 12px;
	line-height: 18px;
	text-align:center;
	margin-top:1px;
	color: lightgray;
}

.ie7 p.footer{
	/* ref couleur "lightgray" non comprise par IE (7) */
	color: #d3d3d3;
}


#footer a{
	color : lightgray;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}




@media only screen and (max-device-width: 600px) {



div#focusintro{
		font-size: 24px;
		padding-top: 6px;
		width: 420px;
		height: 32px;

}


.ie7 div#focusintro{
	background: #d3d3d3;
}

div#focusintro:hover{
	background:#2a2e46;
	
	/* Affectation des propriétés de transition : ZOOM au survol */
	-webkit-transform: scale(2); /*multiplication de la taille de départ*/
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -webkit-transform-origin: 100% 50%; /*origine de l'animation*/
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}



	
div#footer{

	height:40px;

}

div#footer:hover{
	height:80px;
}


p.footer{
	font-size: 24px;
	line-height: 32px;
	text-align:center;
	margin-top:1px;
	color: lightgray;
}
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
}