/* habillage du site avec un dégradé*/
body {
     overflow-x:hidden;
     overflow-y:auto;
     background-image: url('../../fr/images/bande_degrade.png');
     margin-top: 0;
}

/* div generale permettant de centrer le site sur la page */
.global {
    width: 900px;
    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
    height: 758px
}
/* div en tete comprenant le bouton de changement de langue */
.header {
	width:900px;
	height:27px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

/* div generale du contenu du site */
.content {
	width:896px;
	height:656px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
    background-image: url('../images/content.png');
}

/* div de pied de page */
.footer {
	width:900px;
	height:75px;
    background-image: url('../images/footer.png');
    margin-left:2px;
}

/* div contenant le résumé du texte en savoir plus */
.contenant_text {
    width: 568px;
    height: 129px;
    margin-left:30px;
    float:left;
    position:relative;
    left: 0px;
    top: 145px;
}

/* div contenant la photo de la main*/
.main {
	width: 219px;
	height: 369px;
	float: right;
	position: relative;
	top: 145px;
}

/* div contenant les images, usages et commentaires ... */
.cadre {
    height:310px;
    width: 522px;
    float:left;
    background-image:url('../../fr/images/fond_videos.png');
    background-repeat:no-repeat;
    background-position:left bottom;
    margin-left:30px;
    top: 155px;
    position:relative;
   */
}

/* div contenant les liens vers les pages facebook , twitter techsolcom, flickr ... */
.contenant_partager {
    height: 52px;
    width: 530px;
    margin-left:30px;
    position:relative;
    float:left;
    top: 160px;
}

/* div contenant le lien App store */
.contenant_appstore {
	width: 300px;
	height: 93px;
	margin-left: 0px;
	margin-top: 20px;
	float: right;
	position: relative;
	top: 103px;
}

.contenant_appstore a {
    text-decoration:none;
}

.contenant_phrase {
	width: 150px;
	height: 60px;
	margin-left: 648px;
	position: absolute;
	top: 475px;
}

.contenant_phrase a {
    text-decoration:none;
    color:#518cac;
    font-family:Arial, Helvetica, sans-serif;
    font-size:medium;
    font-style:italic;
}

/* div contenant le bouton en savoir plus*/
.ensavoirplus {
    width: 133px;
    position:relative;
    float:right;
    right: 0px;
    top: 93px;
}

.ensavoirplus a {
	text-decoration:none;
}

/* div contenant le text résumé d en savoir plus*/
.text {
	width: 563px;
	position: relative;
	float: left;
	left: 0px;
	top: -35px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #83837f;
	font-weight: bold;
	text-align: justify;
}

/* Formatage du texte contenu dans le footer */
.footer ul {
	float:left;
	width: 700px;
	position:relative;
	height:25px;
	top:11px;
	}

.footer ul li#lien1 {
	float:left;
	margin-left:30px;
	margin-top:6px;
	list-style:none
} 

.footer ul li#lien2 {
	float:left;
	margin-left:145px;
	margin-top:6px;
	list-style:none
} 

.footer ul li#lien3 {
	float:left;
	margin-left:140px;
	margin-top:6px;
	list-style:none
} 

.footer ul li a {
    color:#518cac;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    }

.globalgris {
	width:900px;
	height:670px;
	position:absolute;
	top:28px;
	left:50%;
    visibility: hidden;
}

.contenu_globalgris {
	background-image:url('../images/fond_texte_ensavoirplus.png');
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	height:653px;
	left:-450px;
	position:absolute;
	top:0;
	width:900px;
}

.texteensavoirplus {
	width: 850px;
	padding-top:145px;
    margin-left: auto;
    margin-right: auto;
    height: 600px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color: #518cac;
    text-align:justify;
    font-weight:bold
}

.texteensavoirplus h1 {
	color:#83837f;
    font-size:14px;	
    font-weight:bolder;
}


.texteensavoirplus h2 {
	color:#83837f;
    font-size:14px;	
    font-weight:bolder;
    text-align:center;
}


.texteensavoirplus a {
	color:#518cac;
    font-size:14px;	
    font-weight:bold;
}