/* CSS Document */

body{
	background-color:#001f54;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
	padding-top:0px;
}

#site{
	position:absolute;
	width:860px;
	background:url(image_css_sup/fond.gif) repeat-y;
	left:50%;
	margin-left:-430px;
}

#titre{
	position:absolute;
	top:125px;
	left:275px;
	width:500px;
}

#titre h1{
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#soustitre{
	position:absolute;
	top:147px;
	left:295px;
	width:500px;
}

#soustitre h2{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#titrepage{
	width:640px;
	background-color:#fff100;
}

#titrepage h3{
	margin:0px;
	padding-left:120px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#fff100;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


#bandeau{
	width:860px;
	height:170px;
	background:url(image_css_sup/bandeau.jpg) top no-repeat;
}


#contenu{
	margin-left:195px;
}

#texte{
	padding-top:20px;
	padding-bottom:20px;
	margin-left:57px;
	width:525px;
	height:300px;
	text-align:justify;
}

HTML>BODY #texte{
	height:auto;
	min-height:300px;
}

#retour_haut{
	width:520px;
	text-align:right;
}

#bandebleuclair{
	width:860px;
	height:20px;
	background-color:#94bbff;
}

#lien_bas{
	width:860px;
	text-align:right;
	background-color:#001f54;
	padding-top:5px;
}

#posmenu1{
	position:absolute;
	top:170px;
	left:0px;
}

#decomenu{
	width:76px;
	height:64px;
	background:url(image_css_sup/image_menu.jpg) no-repeat top;
	position:absolute;
	top:420px;
	left:118px;
}


#lien_accueil{
	position:absolute;
	top:0px;
	left:0px;
	width:260px;
	height:170px;
}

#lien_pref{
	position:absolute;
	left:560px;
	top:20px;
	width:124px;
	height:74px;
}

#lien_europe{
	position:absolute;
	left:463px;
	top:20px;
	width:97px;
	height:75px;
}

#lien_region{
	position:absolute;
	left:686px;
	top:20px;
	width:94px;
	height:74px;
}

#lien_departement{
	position:absolute;
	left:784px;
	top:20px;
	width:70px;
	height:74px;
}


/* STYLE */


/*taille du texte*/
#lien_bas, #lien_bas a, #retour_haut a{
	font-size:9px;
}

#intro, #posmenu1, #posmenu1 a, #acces_direct{
	font-size:10px;
}

#texte, #texte td{
	font-size:11px;
}

#titrepage h3{
	font-size:15px;
}

#soustitre h2{
	font-size:17px;
}

#titre h1{
	font-size:17px;
}

.titreparagraphe{
	line-height:22px;
}


/*blanc*/
#intro a, #acces_direct, #acces_direct a, #titre h1{
	color:#ffffff;
}

/*jaune*/
#soustitre h2{
	color:#fff100
}

/*bleuclair*/
#intro, #lien_bas, #lien_bas a{
	color:#94bbff;
}

/*bleutresclair*/
#intro a:hover{
	color:#d2e2ff;
}

/* bleu semi foncé */
#texte a, #texte td a, .titreparagraphe{
color:#008fd7
}

/*bleu foncé*/
#acces_direct a:hover, #titrepage h3, #texte, #texte td, #retour_haut a{
	color:#0d3f96;
}

/* en gras */
#intro a, #acces_direct, #acces_directa, #posmenu1, #posmenu1 a, .titreparagraphe{
	font-weight:bold;
}


/* sans soulignement */
#intro a, #acces_direct a, #lien_bas a:hover, #texte a:hover, #texte td a:hover{
	text-decoration:none;
}

/* mettre en majuscule */
#acces_direct, #acces_direct a, #titre h1, #titrepage h3, #soustitre h2, .titreparagraphe{
	text-transform:uppercase;
}

.bordure{
	border-collapse:collapse;
}

.bordure td{
	border: solid 1px #0c3e95;
	padding:5px;
}

input{
	border:solid 1px #008993;
	font-size:11px;
	color:#008993;
}

.bouton{
	border:solid 1px #03a4b0;
	background-color:#008993;
	color:#ffffff;
	font-weight:bold;
}