/* CSS Document */
body {
	width:100%;
	background-color: #6a076b;
	}
	
#site {
	height: 700px;
	width: 900px;
	position:absolute;
	left:50%;
	margin-left:-450px;
	/*background-image: url(image_site/bg.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.attente {
	background-image: url(image_site/attente.gif);
	background-repeat: no-repeat;
	background-position: center center;

}

img{
border:none;
}



#menu {
	left:24px;
	position:absolute;
	width: 100%;
	text-align: right;
	top: 4px;
}

#menu_bas {
	position:absolute;
	left: 340px;
	bottom: -115px;
}
#menu li{
	padding-top:15px;
	font-size: 11px;
}

#menu_bas li{
	padding-top:5px;
	font-size: 10px;
	text-align:left;
}

li{
	width:83px;
	height:27px;
	float: left;
	margin-left:30px;
	list-style:none;
	background-image: url(image_site/btn_menu.jpg);
	background-repeat: no-repeat;
	padding-top:5px;	
	background-position: left top;

}
.inver {
	background-image: url(image_site/btn_menu.jpg);
	background-repeat: no-repeat;
	background-position: -101px top;
}

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

a{
	
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 5px;
}


#contenu {
	top:0px;
	left:0px;
	width: 900px;
	height: 553px;
	position:absolute;
	/*line-height:11.5px;*/
}

#cadre_accueil {
	top:100px;
	left:150px;
	width: 74px;
	height: 55px;
	position:absolute;
}


#gauche {
	top:80px;
	left:230px;
	width: 370px;
	height: 508px;
	position:absolute;
	line-height:11.5px;
}
.texte {
	padding:0px 15px 0px 15px;
	font-size: 10px;
	text-transform: none;
	color: #000;
}

.couleur_mauve{
	color:#6a076b;
}

.couleur_vert{
	color:#c6c537;
}

#droite {
	top:100px;
	left:558px;
	width: 284px;
	height: 509px;	
	position:absolute;
}

#titre {
	width: 237px;
	height: 90px;
	left:40px;
	top:35px;
	position:absolute;
	background-image: url(image_site/titre.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: bottom;	
}

#titre p{
	font-size:14px;
	color:#FFFFFF;
	font-weight: bold;
	margin-top:60px;
	}
	
#titre_autre {
	width: 237px;
	height: 72px;
	left:40px;
	top:-35px;
	position:absolute;
	background-image: url(image_site/titre.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: right;	
}	
#titre_autre p{
	font-size:30px;
	top:10px;
	right:10px;
	position:absolute;
	color:#FFFFFF;
	font-weight: bold;
	}
	
#titre_autre_2 {
	width: 237px;
	height: 72px;
	left:40px;
	top:-35px;
	position:absolute;
	background-image: url(image_site/titre.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: right;	
}	
#titre_autre_2 p{
	font-size:30px;
	margin-top:10px;
	margin-right:10px;	
	color:#FFFFFF;
	font-weight: bold;
	}

h2 {
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top:20px;
	padding-right:5px;
}
/* variation  PT CADRE*/
#pt_cadre {
	width: 261px;
	height: 210px;
	padding:0px 15px 0px 15px;
	position:absolute;
}
#pt_cadre_designers {
	width: 261px;
	height: 170px;
	padding:0px 15px 0px 15px;
	position:absolute;
}
#pt_cadre_designers_navigation{
	width: 290px;
	height: 40px;
	position:absolute;
}
#pt_cadre_designers p{
	color:#851382;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-top:45px;
	padding-right:20px;
	line-height:11.5px;
	margin-left:20px;
}


#pt_cadre p{

	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:45px;
	padding-right:20px;
	padding-left:20px;
	line-height:11.5px;
	margin-left:20px;
	text-align:left;
}


/* variation  CADRE COULEUR*/
#cadre_color, #cadre_color_designers,#cadre_color_presse {
	height:172px;
	position:absolute;
	width:180px;
	background-image: url(image_site/cadre-couleur.gif);
	background-repeat: no-repeat;
	background-position: left center;
	top: 175px;
	left: 95px;
}
#cadre_color p{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left:2px;
	margin-right:10px;
	margin-top:18px;
	color: #FFFFFF;
	line-height:11.5px;
}
#cadre_color_presse p{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left:18px;
	margin-right:10px;
	margin-top:50px;
	color: #FFFFFF;
}

#cadre_color_designers p{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	top:60px;
	position:absolute;
	left: 20px;
	height: 79px;
	text-transform: capitalize;
}

/* autre*/
.lbOn {
	cursor:pointer;
	margin-left:-10px;
}
.s_pic {
	margin-left:120px;
	margin-top:20px;
}
#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:9px;
	}

#index_menu {
	left:24px;
	position:absolute;
	width: 100%;
	text-align: right;
	top: 50px;
}
#news {
	width:600px;
	height:27px;
	top:118px;
	left:232px;
	position:absolute;
	color:#FFFFFF;
}

#index_menu li{
	padding-top:15px;
	font-size: 11px;
}

#index_menu_bas {
	position:absolute;
	left: 340px;
	bottom: 80px;
}
#index_menu_bas li{
	padding-top:5px;
	font-size: 10px;
	text-align:left;
}
#index_langue{
	font-size:10px;
	width:50px;
	text-align:left;
	position:absolute;
	bottom:140px;
	right: 106px;
	z-index:500;
	}
#index_langue a:hover{
	color:#990066;
	}
/*cadre page index*/	
#cadre_concept {
	height:172px;
	top:158px;
	left:160px;
	position:absolute;
}

#cadre_correction {
	width:318px;
	height:224px;
	position:absolute;
	top:158px;
	left:515px;

}

#cadre_monture {
	width:350px;
	height:230px;
	top:318px;
	left:210px;
	position:absolute;
}

#cadre_rencontre {
	width:258px;
	height:203px;
	top:358px;
	left:530px;
	position:absolute;
}

#cadre_livre {
	width:228px;
	height:155px;
	top:555px;
	left:463px;
	position:absolute;

}

#cadre_chronique {
	width:250px;
	height:143px;
	top:575px;
	left:230px;
	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 {
	font-size:9px;
	line-height:10px;
	color:#000000;
	width:200px;
	height:170px;
	top:5px;
	left:10px;
	position:absolute;
}

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

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

#contenu_rencontre {
	font-size:9px;
	color:#000000;
	width:180px;
	height:auto;
	top:20px;
	left:100px;
	position:absolute;
}

#contenu_livre {
	font-size:9px;
	color:#000000;
	width:225px;
	height:80px;
	margin-top:-34px;
	margin-left:0px;
}

#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 {
	width:230px;
	height:115px;

}
#correction_activisu_texte {
	width:230px;
	height:auto;
	font-size:12px;
	left:10px;
	top:0px;
	position:absolute;
	padding:0px;
}

#correction_activisu_image {
	left:10px;
	top:35px;
	position:absolute;
}

#correction_activisu_legende {
	width:75px;
	height:68px;
	font-size:9px;
	position:absolute;
	top:45px;
	left:130px;
}

#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:242px;
	height:45px;
	position:absolute;
	top:120px;
	font-size:9px;
}

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

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

#monture_lien{
	color:#851382;
	font-size:10px;
	width:128px;
	height:20px;
	position:absolute;
	left:80px;
	top:205px;
}

#livre_gauche{
font-size:11px;
	width:70px;
	height:auto;
	position:absolute;
	top:95px;
	left:5px;
	}
	
#livre_droite{
	font-size:9px;
	width:150px;
	height:auto;
	position:absolute;
	left:80px;
	top:90px;
	}
#compteur {
	font-size:12px;
	width:70px;
	height:auto;
	position:absolute;
	left:22px;
	top:15px;
	}
	
/*--------------------------------------------------------- page presse*/

#presse{
	background-image:url(image_site/fond_presse.jpg) ;
	background-repeat: no-repeat;
	background-position:top left;
	width:60px;
	height:48px;
	float:left;
	padding-left:5px;
	padding-top:15px;
}
/*--------------------------------------------------------- page contact*/
INPUT {
     color:#6a076b;
     font-size:9px;
     font-family:arial;
	 border:thin #6a076b solid;
}
SELECT {
     color:#6a076b;
     font-size:9px;
     font-family:arial;
	 border:thin #6a076b solid;
}