/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
h1,h2,h3,h4 {margin:0;}
body,html{
	scrollbar-base-color:#424242;
}
body{
	margin:0;
	padding:0;
	background-color:#50514C;
	background-attachment: scroll;
	background-image:url(../images/charte/bg-body-introduction.gif);
	background-repeat: repeat-x;
	background-position: left top;
}




#container{
	margin:0px auto 0px auto;
	padding:0;
	width:673px;
}
#flash{
margin:0;
	padding:0;
	width:540px;
	height:499px;
	float:left;
}
#login{
	margin:0;
	padding:0;
	padding-top:240px;
	padding-left:20px;
	width:113px;
	background-image:url(../images/charte/bg-login.gif);
	background-repeat:no-repeat;
	background-position: left top;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:11px;
	font-weight:normal;
}
form{
display:inline-table;
margin:0;
padding:0;
}
.titre{
font-size:13px;
display:block;
font-weight:bold;
padding-left:20px;
height:22px;
background-image:url(../images/charte/puce1.gif);
	background-repeat:no-repeat;
	background-position: left top;
	}
.titre3{
font-size:14px;
display:block;
font-weight:bold;
padding-left:20px;
height:22px;
background-image:url(../images/charte/puce2.gif);
	background-repeat:no-repeat;
	background-position: left top;
	letter-spacing:-1px;
}
.titre2{
font-size:15px;
display:block;text-align:center;
margin-bottom:10px;
padding:2px;
color:#FFF;
border:1px solid #626262;
	}
.anglais{
font-size:10px;
display:block;
font-weight:bold;
padding-left:30px;
padding-top:3px;
margin-top:0px;
background-image:url(../images/charte/bg-anglais.gif);
	background-repeat:no-repeat;
	background-position: left top;
	height:15px;
}
.espagne{
	font-size:10px;
	display:block;
	font-weight:bold;
	padding-left:30px;
	padding-top:3px;
	background-image:url(../images/charte/bg-espagne.gif);
	background-repeat:no-repeat;
	background-position: left top;
	height:20px;
	float:left;
	clear:left;
}
.francais{
	font-size:10px;
	float:left;
	font-weight:bold;
	padding-left:30px;
	padding-right: 10px;
	padding-top:3px;
	margin-top:18px;
	background-image:url(../images/charte/bg-francais.gif);
	background-repeat:no-repeat;
	background-position: left top;
	height:19px;
}	
a{
text-decoration:none;
color:#CCC;
}
a:hover{
text-decoration:none;
color:#FFF;
}
.petit{
font-size:10px;
font-weight:bold;
}
input{
	margin:0;
	padding:1px;
	width:105px;
	margin-bottom:10px;
	border:1px solid #424242;
	background-color:#B5B5B3;
	font-size:11px;
	color:#000;
}
#visiteur{
	margin:0;
	padding:100px 320px 0px 60px;
	width:160px;
	height:399px;
	background-image:url(../images/charte/bg-visiteur.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:11px;
	font-weight:normal;
	}
	#adresse{
		margin:0px auto 0px auto;
	padding-left:133px;
	width:540px;
	text-align:center;
	}
	.idep{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:8px;
	font-weight:bold;
	}
	.idep a{
	color:#999;
	}
	.idep a:hover{
	color:#666;
	}
	#separateur{
	display:block;
	border-bottom:2px dotted #666666;
	margin-top:5px;
	margin-bottom:5px;
	}