/* CSS Document */
body {
	font-size: 10px;
	width:100%;
	background-color: #6a076b;
}
img{
	border:none;
}	
#site {
	height: 101.8em;
	width: 109.6em;
	position:absolute;
	left:50%;
	margin-left:-54.8em;
	background-repeat: no-repeat;
	background-position: left top;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

li{
	width:7.9em;
	height:1.6em;
	float: left;
	margin-left:2.3em;
	list-style:none;
	background-image: url(image_site/home_btn_menu.jpg);
	background-repeat: no-repeat;
	padding-top:0.5em;	
	background-position: left top;

}
.inver {
	background-image: url(image_site/home_btn_menu.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.inver:hover {
	background-image: url(image_site/home_btn_menu.jpg);
	background-repeat: no-repeat;	
	background-position: left top;
}
li:hover{
	background-image: url(image_site/home_btn_menu.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.lien{
	font-family:tahoma, sans-serif;
	font-weight: normal;
}

a{
	
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 1em;
	padding-left: 0.5em;
}
.couleur_mauve{
	color:#6a076b;
}

.couleur_vert{
	color:#c6c537;
}

#langue{
	font-size:10px;
	width:175px;
	text-align:right;
	position:absolute;
	top:618px;
	left: 18px;
	z-index:500;
	}
#langue a:hover{
	color:#990066;
	}

/*--------------------------------------------------------- page index*/
div [id="titre"] {
	line-height:1.2em;
	}

#index_menu {
	right:3em;
	position:absolute;
	text-align: right;
	top: 8.3em;
}
#news {
	font-size:2em;
	width:39em;
	height:2em;
	top:8.3em;
	left:14.3em;
	position:absolute;
	color:#FFFFFF;
}
#header{
 float:left;
 width:11em;
 margin-right:3em;
 top:-1em;
 margin-top:0em;
 margin-left:0em;	
}

.imgHeader{
	width:13em;
}

#index_menu li{
	padding-top:1.5em;
	font-size: 1.3em;
}

#index_menu_bas {
	position:absolute;
	left: 30em;
	bottom: 0em;
}
#index_menu_bas li{
	width: 8.5em;
	height: 4em;
	margin-left: 3.4em;
	font-size: 1.2em;
	text-align:left;
}
#index_langue{
	font-size:1.2em;
	width: 5em;
	text-align:left;
	position:absolute;
	bottom: 10em;
	right: 8em;
	z-index:500;
	}
#index_langue a:hover{
	color:#990066;
	}
/*cadre page index*/	
#cadre_concept {
	width:17em;
	top: 22em;
	left: 18em;
	position:absolute;
}

#cadre_correction {
	width:31em;
	height:22em;
	position:absolute;
	top:21em;
	left:68em;

}

#cadre_monture {
	width:35em;
	top: 48em;
	left: 24em;
	position:absolute;
}

#cadre_rencontre {
	width:26em;
	height:20em;
	top: 51em;
	left: 72em;
	position:absolute;
}

#cadre_livre {
	width: 31em;
	height: 17em;
	top: 70em;
	left: 56em;
	position:absolute;

}

#cadre_chronique {
	width:30em;
	height:21em;
	top: 78em;
	left: 22em;
	position:absolute;
}

/*titre page index*/
#titre_concept {
	font-size:12px;
	color:#FFFFFF;
	padding:5px 0px 0px 3px;
	height:78px;
	line-height:12px;
	top:-5px;
	position:absolute;
	
}

#titre_correction {
	font-size:12px;
	color:#FFFFFF;
	padding:15px 0px 0px 5px;
	width:73px;
	height:78px;	
	top:-15px;
	position:absolute;
	margin-left:0px;
	line-height:12px;
}

#titre_monture {
	font-size:12px;
	color:#FFFFFF;
	height:78px;
	margin-top:0px;
	margin-left:210px;
	line-height:12px;
}

#titre_rencontre {
	font-size:12px;
	color:#FFFFFF;
	padding:25px 0px 0px 10px;
	width:75px;
	height:80px;
	margin-top:0px;
	margin-left:0px;
	line-height:12px;
}

#titre_livre {
	font-size:12px;
	color:#FFFFFF;
	padding:25px 0px 0px 10px;
	width:76px;
	height:80px;
	top:-15px;
	position:absolute;
	margin-left:48px;
	line-height:12px;
}

#titre_chronique {
	font-size:12px;
	color:#FFFFFF;
	padding:10px 0px 0px 5px;
	height:76px;
	margin-top:0px;
	margin-left:120px;
	line-height:12px;
}
#titre_second {
	font-size:12px;
	color:#FFFFFF;
	padding:25px 0px 0px 5px;
	width:74px;
	height:76px;
	margin-top:0px;
	margin-left:0px;
	line-height:12px;
}

/*contenu page index*/
#contenu_concept {
	color:#000000;
	width: 23em;
	top:2em;
	left: 0;
	position:absolute;
	line-height: 1.2em;
	font-size: 1.1em;
}

#contenu_correction {
	line-height:10px;
	font-size:9px;
	color:#000000;
	width:28em;
	height:224px;
	top:-4px;
	left:9em;
	position:absolute;
}

#contenu_monture {
	font-size:9px;
	color:#000000;
	width:210px;
	height:195px;
	margin-top:-53px;
	margin-left:0px;
}

#contenu_rencontre {
	font-size:1.3em;
	color:#000000;
	width: 17em;
	top:0em;
	left: 6em;
	position:absolute;
}

#contenu_livre {
	color:#000000;
	height:8em;
	margin-top:6em;
}

#contenu_chronique {
	font-size:9px;
	color:#000000;
	width:120px;
	height:128px;
	top:20px;
	left:0px;
	position:absolute;
}
#contenu_second {
	font-size:9px;
	color:#000000;
	width:226px;
	height:auto;
	position:absolute;
	top:80px;
	left:25px;
}
/*contenu-index page index*/
#correction_activisu_texte {
	width:18em;
	height:auto;
	line-height:1.2em;
	font-size:1.4em;
	left:3em;
	top:0px;
	position:absolute;
	padding:0px;
}

#correction_activisu_image {
	left:2.5em;
	top:6.9em;
	position:absolute;
}

#correction_activisu_legende {
	width:12em;
	font-size:1.2em;
	position:absolute;
	top:6em;
	left:11.5em;
}

#correction_savoir {
	color:#FFFFFF;
	font-size:10px;
	width:190px;
	height:auto;
	background-color:#851382;
	position:absolute;
	top:100px;
	left:46px;
	padding:3px;
	}

#correction_equipe {
	width:20.3em;
	position:absolute;
	top:12em;
	font-size: 1.3em;
	line-height: 1.2em;
}
#lien_correction{
	position:absolute;
	color:#fff;
	width: 6em;
	font-size: 1.3em;
	line-height: 1.1em;
	top: 11.5em;
	left: 19.3em;
}

#monture_texte {
	color:#851382;
	padding-left:10px;
	font-size:1.4em;
	width:210px;
	height:30px;
}

#monture_designers {
	width:130px;
	height:120px;
	position:absolute;
	left:25px;
}

#monture_lien{
	color:#851382;
	font-size:1.5em;
	position:absolute;
	left:3em;
	top:18em;
}

#livre_gauche{
font-size:1.2em;
	width:7em;
	height:auto;
	position:absolute;
	top:10em;
	left:0.5em;
	}
	
#livre_droite{
	font-size:1.2em;
	width: 18em;
	height:auto;
	position:absolute;
	left:7.5em;
	top:9.5em;
	}
#compteur {
	font-size:1.6em;
	width:6em;
	height:auto;
	position:absolute;
	left:1.8em;
	top:2.3em;
	}