/* CSS Document */

body {
	margin:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(img/background.jpg);
	background-repeat:repeat-x;
	background-color:#f5f5f5;
}

@font-face {
    font-family: 'Museo300';
    src: url('museopolice/museo300-regular-webfont.eot');
    src: url('museopolice/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('museopolice/museo300-regular-webfont.woff') format('woff'),
         url('museopolice/museo300-regular-webfont.ttf') format('truetype'),
         url('museopolice/museo300-regular-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********** MISE EN PAGE **********/

#page {
	width:900px;
	margin:auto;
}

#entete {
	width:900px;
	height:160px;
	background:url(img/banniere.jpg) no-repeat;
	z-index:1;
}

#menu {
	width:210px;
	background:url(img/bg-menu.png) no-repeat;
	margin:-30px 0 0 0;
	z-index:2;
	float:left;
}

#menu ul li {
	list-style-image:url(img/puce.png);
	font-size:13px;
	line-height:35px;
}

#menu ul li a {
	color:#ececec;
	text-decoration:none;
}

#menu .filetmenu {
	border-bottom:1px dotted #97bf0d;
}

#menu a {
	font-size:13px;
	color:#97bf0d;
	text-decoration:none;
}

#contenu-accueil {
	width:440px;
	padding-top:5px;
	margin:0 15px 0 15px;
	float:left;
}

#contenu {
	width:665px;
	padding:10px;
	float:left;
}

#pied_page {
	width:100%;
	height:25px;
	background-color:#003d58;
	text-align:center;
	line-height:25px;
	clear:both;
}

.description {
	width:70%;
	float:left;
}

.image {
	width:30%;
	float:left;
}

.cadre {
	background:#97bf0d;
	color:#fff;
	padding:3px;
	width:auto;
}

#droite {
	width:210px;
	float:right;
}

.ombre {
	width:210px;
	height:10px;
	background:url(img/ombre.jpg);
}

/* specifique à l'index */

#recherche_alpha {
	width:440px;
	height:180px;
	float:left;
}

#domaine_int {
	width:210px;
	margin:15px 0 0 0;
	background:#e4e4e4;
	padding-bottom:5px;
}

#recherche_globale {
	width:210px;
	height:70px;
	background-color:#e4e4e4;
	margin:30px 0 0 0;
}

#motcle {
	width:151px;
	height:16px;
	background:url(img/chp_recherche.jpg) no-repeat;
	border:none;
	padding:5px 5px 5px 10px;
	float:left;
}

#rec {
	width:24px;
	height:26px;
	background:url(img/btn_recherche.jpg) no-repeat;
	border:none;
	cursor:pointer;
	float:left;
}

#news {
	width:440px;
	padding:20px 0 0 0;
	color:#7a7a7a;
	float:left;
}

#acteurs {
	width:210px;
	background-color:#e4e4e4;
	margin:30px 0 0 0;
}

#carte {
	border: 1px solid black;
	width: 500px; 
	height: 500px;
	float:right;
}

#carte_organisme {
	border: 1px solid black;
	width: 350px; 
	height: 350px;
	float:right;
}

#cartegen {
	border: 1px solid black;
	width:600px;
	height:500px;
}

.flotteG {
	float:left;
}

/********** LIENS **********/

.lien_10px {
	font-size:10px;
	text-decoration:none;
}

.lien_12px {
	font-size:12px;
	text-decoration:underline;
}

.lien_12px_ns {
	font-size:12px;
	text-decoration:none;
}

.lien_14px {
	font-size:14px;
	text-decoration:none;
}

/********** COULEUR **********/

.bleu_fonce {
	color:#343434;
}

.bleu_texte {
	color:#005ea8;
}

.orange {
	color:#97bf0d;
}

.blanc {
	color:#FFFFFF;
}

.noir {
	color:#000000;
}

.violet {
	color:#dbd9ef;
}

.rouge {
	color:#ff0000;
}

.filet {
	border:thin solid red; 
}

/********** TEXTE **********/

.centre {
	text-align:center;
}

.gras {
	font-weight:bold;
}

.ann_p {
	 line-height:0px;
}

.justif {
	text-align:justify;
}

.texte_10px {
	font-size:10px;
}

.texte_16px {
	font-size:16px;
}

.titre_15px {
	font-size:15px;
}

.titre_18px {
	font-size:18px;
}

.titre_24px {
	font-size:24px;
}

.fond_orange {
	background-color:#97bf0d;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px;
}

.fond_violet {
	background-color:#e1e5e7;
	padding:5px;
}

.clear {
	clear:both;
}

.label50 {
	width:50px; 
	display:inline-block
}

.label100 {
	width:100px; 
	display:inline-block
}

.label150 {
	width:150px; 
	display:inline-block
}

.label200 {
	width:200px; 
	display:inline-block
}

/********** BORDURES **********/

.ligne_orange {
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#97bf0d;
}

/********* FORMULAIRES **********/

.largeur_220 {
	width:220px;
}

/********* IMAGES **********/

.img_gauche {
	float:left;
	margin:5px;
}

/********* LETTRES *******/

.a {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) 0 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.a:hover {
	background:url(img/lettres.jpg) 0 -40px no-repeat;
}

.b {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -40px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.b:hover {
	background:url(img/lettres.jpg) -40px -40px no-repeat;
}

.c {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -80px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.c:hover {
	background:url(img/lettres.jpg) -80px -40px no-repeat;
}

.d {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -120px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.d:hover {
	background:url(img/lettres.jpg) -120px -40px no-repeat;
}

.e {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -160px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.e:hover {
	background:url(img/lettres.jpg) -160px -40px no-repeat;
}

.f {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -200px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.f:hover {
	background:url(img/lettres.jpg) -200px -40px no-repeat;
}

.g {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -240px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.g:hover {
	background:url(img/lettres.jpg) -240px -40px no-repeat;
}

.h {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -280px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.h:hover {
	background:url(img/lettres.jpg) -280px -40px no-repeat;
}

.i {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -320px 0 no-repeat;
	margin:0 0 10px 0; 
	float:left;
}

.i:hover {
	background:url(img/lettres.jpg) -320px -40px no-repeat;
}

.j {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -360px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.j:hover {
	background:url(img/lettres.jpg) -360px -40px no-repeat;
}

.k {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -400px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.k:hover {
	background:url(img/lettres.jpg) -400px -40px no-repeat;
}

.l {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -440px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.l:hover {
	background:url(img/lettres.jpg) -440px -40px no-repeat;
}

.m {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -480px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.m:hover {
	background:url(img/lettres.jpg) -480px -40px no-repeat;
}

.n {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -520px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.n:hover {
	background:url(img/lettres.jpg) -520px -40px no-repeat;
}

.o {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -560px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.o:hover {
	background:url(img/lettres.jpg) -560px -40px no-repeat;
}

.p {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -600px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.p:hover {
	background:url(img/lettres.jpg) -600px -40px no-repeat;
}

.q {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -640px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.q:hover {
	background:url(img/lettres.jpg) -640px -40px no-repeat;
}

.r {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -680px 0 no-repeat;
	margin:0 0 10px 0; 
	float:left;
}

.r:hover {
	background:url(img/lettres.jpg) -680px -40px no-repeat;
}

.s {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -720px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.s:hover {
	background:url(img/lettres.jpg) -720px -40px no-repeat;
}

.t {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -760px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.t:hover {
	background:url(img/lettres.jpg) -760px -40px no-repeat;
}

.u {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -800px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.u:hover {
	background:url(img/lettres.jpg) -800px -40px no-repeat;
}

.v {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -840px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.v:hover {
	background:url(img/lettres.jpg) -840px -40px no-repeat;
}

.w {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -880px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.w:hover {
	background:url(img/lettres.jpg) -880px -40px no-repeat;
}

.x {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -920px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.x:hover {
	background:url(img/lettres.jpg) -920px -40px no-repeat;
}

.y {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -960px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.y:hover {
	background:url(img/lettres.jpg) -960px -40px no-repeat;
}

.z {
	display:block; 
	width:40px; 
	height:40px; 
	background:url(img/lettres.jpg) -1000px 0 no-repeat;
	margin:0 10px 10px 0; 
	float:left;
}

.z:hover {
	background:url(img/lettres.jpg) -1000px -40px no-repeat;
}
