*{margin:0px;padding:0px;}

.typo{
	font-family:Arial, Helvetica, sans-serif;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.vert{color: #8EA700}

.typo10{font-size:10px;color:#474748;}
.typo11{font-size:11px;color:#474748;}
.typo12{font-size:12px;}
.typologin{
	margin-top: 5px;
	color:#474748;
}
/*pour tout cequi conscerne l'en tete*/


body {
	margin: 0px;
	padding: 0px;
	background-position: center;
	background-image: url(../img/fond.gif);
	background-repeat: repeat-y;
	text-align:center;
}

#page{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	text-align:left;
}

.latin{width: 300px; margin-left: 415px; margin-top: 34px;}
.savoir{margin-left: 640px; margin-top: -3px;}
.pas_bordure{border: none;}
#en_tete  {/*la banderolle*/
	padding-top: 1px;
	height: 261px;
	width: 958px;
	background-image: url(../img/index.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.alignlogin{
	padding-right:20px;
}
/*les boite pour le login et le mot de passe*/
#login_pass {
	text-align:right;
	padding-right: 70px;
	margin-top: 55px;
}
#login_pass label{padding-right: 10px;}

#navigation{
	clear:both;
	float:left;
	padding-left: 47px;
	padding-top: 64px;
	width: 159px;
	background-image: url(../img/barre.gif);
	background-repeat: no-repeat;
	background-position: 170px 0px;
	
}

#navigation ul{list-style-type:none;}
#navigation li{display:inline;}
#navigation img{border:0px solid #000;}
#navigation a{
display:block;
width:159px;
background-repeat: no-repeat;
background-position:top  right;
}

#navigation a.O1on{background-image: url(../img/01_l.gif);}
#navigation a.O1off{background-image: url(../img/01.gif);}
#navigation a.O2on{	background-image: url(../img/02_l.gif);}
#navigation a.O2off{	background-image: url(../img/02.gif);}
#navigation a.O3on{background-image: url(../img/03_l.gif);}
#navigation a.O3off{background-image: url(../img/03.gif);}
#navigation a.O4on{background-image: url(../img/04_l.gif);}
#navigation a.O4off{	background-image: url(../img/04.gif);}
#navigation a.O5on{background-image: url(../img/05_l.gif);}
#navigation a.O5off{background-image: url(../img/05.gif);}

#corps {
	width: 499px;
	padding-top : 60px;
	min-height: 260px;
	background-image: url(../img/cadre.gif);	
	background-repeat: no-repeat;
	background-position: top left;
}

.bord_droite{
	float:left;
	margin-left: 26px;	
	border-right: 1px solid #E2E2E2;
	width: 499px;
}

.image_pres{
	float: left;
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	/*height: 66px;*/
	width: 138px;
}
.texte_prod {
	float: left;
	margin-top: 5px;
	padding-left: 0px;
	width: 335px;
}
.lignebas {
	/*clear:both;*/
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 1px;
	width: 499px;
	background-image: url(../img/pointille.gif);
	background-repeat: repeat-x;
	line-height:0;
}
.savoir_plus {
	border: none;
	margin-top: 5px;
	/*margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 180px;
	height: 17px;
	background-image: url(../img/en_savoir_plus.gif);
	background-repeat: no-repeat;*/
}

#lateral {
	float: left;
	width: 227px;
	background-position: top;
	background-repeat: no-repeat;
}

#t_lateral {
	/*position: relative;*/
	margin-top: 10px;
	width: 135px;
	margin-left: 50px;
	text-align:center;
}

#topounet {clear:both; border-top: 1px solid #E2E2E2; width: 959px; height: 0px;}

#pied_page {
	margin-top: 5px;
	top: 0px;
	width: 959px;
	text-align: center;
	height: 25px;
}	
/*fin de la partie pour la banniére et la croix*/
/*div{border: 1px solid #000}*/
.erreur{color: red;}

#login_pass input.saisie{border:1px solid #646464; width:75px;}
#login_pass fieldset{border:none;}
#login_pass legend{display:none;}