/* CSS Document */
html{
overflow-x:hidden;
height:100%
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#4882b0;
	background-image:url(images/fond-fabry.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	overflow-x:hidden;
	height:100%
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #d12030;
	padding-left:35px;
	background-image: url(images/puce-titre.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #294680;
	height:100%;
	background-image: url(images/puce-titre-niveau-2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
}
img{
	margin:0;
	padding:0;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #D21F32;
	background-image: url(images/puce-titre-niveau-3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
}
#accueil-fond{
	position:absolute;
	left:0;
	top:50%;
	margin:0;
	padding:0;
	width:100%;
	height:531px;
	margin-top:-265px;
	background-image: url(images/accueil-fond.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	z-index:15;
}
#accueil-couleur-fond{
	position:absolute;
	left:0;
	top:50%;
	margin:0;
	padding:0;
	width:100%;
	height:50%;
	background-color:#4882b0;
	z-index:12;
}
#accueil-gauche{
	position:absolute;
	left:0;
	top:50%;
	margin:0;
	padding:0;
	width:50%;
	height:531px;
	margin-top:-265px;
	background-image: url(images/accueil-gauche.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index:16;
}
#accueil-droite{
	position:absolute;
	left:50%;
	top:50%;
	margin:0;
	padding:0;
	width:50%;
	height:531px;
	margin-top:-265px;
	background-image: url(images/accueil-droite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:17;
}
#accueil-entrer{
	position:absolute;
	left:50%;
	top:50%;
	margin:0;
	padding:0;
	width:200px;
	height:10px;
	z-index:18;
	margin-left:140px;
	margin-top:95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
#accueil-drapeaux{
	position:absolute;
	left:50%;
	top:50%;
	margin:0;
	padding:0;
	width:180px;
	height:10px;
	z-index:19;
	margin-left:320px;
	margin-top:89px;
}
#accueil-adresse{
	position:absolute;
	left:50%;
	top:50%;
	margin:0;
	padding:0;
	width:400px;
	height:100px;
	z-index:20;
	margin-left:-450px;
	margin-top:150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	}
#contenu{
	position:absolute;
	left:50%;
	top:0;
	margin:0;
	padding:0;
	width:580px;
	margin-left:-164px;
	margin-top:269px;
}
#conteneur{
	text-align:justify;
	padding:20px;
	background-color: #FFFFFF;
	background-image: url(images/fond-contenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:520px;
}
#conteneur a{
	color:#CC0000;
	text-decoration:none;
}
#conteneur a:hover{
	color:#CC0000;
	text-decoration:underline;
}
#conteneur .titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #294680;
}
#conteneur input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E7EEF5;
	border: 1px solid #7da4c5;
}

#conteneur .button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #E7EEF5;
	border: 1px solid #7da4c5;	
}

#pied-page{
	text-align:right;
	color: #FFFFFF;	
	height:30px;
	padding-top:12px;
}

#sous-menu{
	position:absolute;
	left:50%;
	top:0;
	margin-top:350px;
	margin-left:-461px;
	width:212px;
}
#menu{
	position:absolute;
	left:50%;
	top:-1px;
	margin:0;
	padding:0;
	width:591px;
	margin-left:-127px;
	margin-top:190px;
}
#menu li{
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
p{
	text-align:justify;
}
#bandeau-gauche{
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:189px;
	background-image: url(images/bandeau-gauche.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index:11;
}
#bandeau-droite{
	position:absolute;
	left:50%;
	top:0;
	width:50%;
	height:189px;
	background-image: url(images/bandeau-droite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:10;
}
#zone-cliquable{
position:absolute;
	left:50%;
	top:0;
	width:337px;
	height:94px;
	margin-left:142px;
	margin-top:47px;

	z-index:16;
}
dl{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
}
dl dt{
	font-size: 18px;
	padding-left:10px;
	background-image: url(images/puce-titre-menu-gauche.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
dl dd{
	padding:10px;
	background-image: url(images/puce-menu-gauche.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7da4c5;
}
#flash{
	position:absolute;
	left:50%;
	top:0;
	width:375px;
	height:377px;
	z-index:20;
	margin-left:-480px;
}
#pictos{
	position:absolute;
	left:50%;
	top:0;
	width:626px;
	height:25px;
	z-index:19;
	margin-left:-175px;
	margin-top:163px;
}
.image-contenu{
	border: 1px solid #065295;

}

/* LIENS */

#menu li a{
	display:block;
	padding:0;
	width:84px;
	height:30px;
	padding-top:20px;
	margin:0;
	vertical-align:middle;
	list-style-type:none;
	list-style-image:none;
	text-align:center;
	background-image:url(images/fond-menu.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
#menu li a:hover{
	display:block;
	padding:0;
	width:84px;
	height:30px;
	padding-top:20px;
	margin:0;
	vertical-align:middle;
	list-style-type:none;
	list-style-image:none;
	text-align:center;
	background-image:url(images/fond-menu-hover.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
#annexes a{
	color: #FFFFFF;
	text-decoration: none;
}
#annexes a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
#actualites a{
	color: #FFFFFF;
	text-decoration: none;
	font-style: italic;
}
#actualites a:hover{
	color: #FFFFFF;
	font-style: italic;
	text-decoration: underline;
}
#contact a{
	color: #FFFFFF;
	text-decoration: none;
}
#contact a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
#pied-page a{
	color: #FFFFFF;
	text-decoration: none;
}
#pied-page a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}