/* ------------  styles ya ----------- */

body {
	color: #000066;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: justify;
}

table {
	color: #000066;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
}

h1,h2,h3,h4,h5 {margin: 5px;}
h1,h2 {
	color: #020181;
	font: normal bold 14pt verdana, arial, helvetica, sans-serif;
}
h3 {
	color: #993366;
	font: normal bold 12pt verdana, arial, helvetica, sans-serif;
}
h4 {
	color: #000099;
	font: normal bold 10pt verdana, arial, helvetica, sans-serif;
}
h5 {
	color: #636bbc;
	font: normal bold 9pt arial, helvetica, sans-serif;
	text-decoration: underline overline;
}
h6 {
	color: #666699;
	font: normal 11pt arial, helvetica, sans-serif;
	text-decoration: underline overline;
}

a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #0000ff;
	text-decoration: none;
}

.grise { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #808080}
a.grise { font-family:  Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #666666}
a:hover.grise { font-family:  Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #0033cc;TEXT-DECORATION:underline}

.plus {COLOR: #0033cc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal}
A.plus ,A.plus:visited{COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none}
A.plus:hover,A.plus:active {COLOR: #0033cc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION:underline}

.blanc {COLOR: #c9e7fc; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal;TEXT-DECORATION: none}
A.blanc ,A.blanc:visited{COLOR: #00ccff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none}
A.blanc:hover,A.blanc:active {COLOR: #ffffFF; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: underline overline}

.ref { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #660033; TEXT-DECORATION: none}
a.ref { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000099; TEXT-DECORATION: none}
a:hover.ref { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #0033cc; TEXT-DECORATION: underline overline}

.txt {COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal}
A.txt,A.txt:visited {COLOR: #0033cc; FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; TEXT-DECORATION: none}
A.txt:hover,A.txt:active {COLOR: #0000ff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; TEXT-DECORATION: underline }

.actu {COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal}
A.actu,A.actu:visited {COLOR: #000099; FONT-FAMILY:Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; TEXT-DECORATION: none}
A.actu:hover,A.actu:active {COLOR: #0000ff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; TEXT-DECORATION: underline }

.agenda { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #660033; TEXT-DECORATION: none}
a.agenda, a.agenda:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #3333cc; TEXT-DECORATION: none}
a:hover.agenda, a.agenda:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #0033cc; TEXT-DECORATION: underline}

/* ----------- styles hm ------------- */

img {border-style: none}

.alerte {color: red;}
.info {color: #00AA00;}

.navig, .fiche, .formul, .liste, #entete {margin: 10px 5px 10px 5px;}
#menu, #bandeau, #corpus {margin: 0px;}

/* -------------- classe navigation -------------- */
/* pour les listes de lien hors menu principal */
.navig {list-style: url(../images/toR.gif)}
.navig a, .navig a:visited {
	color: #cc0000;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
}

/* -------------- classe fiche -------------- */
/* pour affichage d'une fiche individuelle */
.fiche {background-color: #E1F8FD;}
table.fiche td {
	padding: 10px;
	background-color: #F8F8FA;
	border: 2px solid #E1F8FD
}
table.fiche col.champ,
table.fiche td:first-child {font-weight: bold;}

/* -------------- classe formul -------------- */
/* pour les formulaires */
.formul {list-style: url(../images/carreR.gif)}
.formul a, .formul a:visited {
	color: #cc0000;
	font: 11pt Verdana, Arial, Helvetica, sans-serif;
}
table.formul {
	margin: 0px;
	background-color: #E1F8FD;
}
table.formul td {
	padding: 5px;
	background-color: #F8F8FA;
}
table.formul col.champ,
table.formul td:first-child {color: #993366;}

/* liste de champs verticale */
select.lst, input.lst {
	display: block;
	margin: 5px;
}

/* -------------- classe liste -------------- */
/* pour une liste de fiches */
table.liste th {
	padding: 5px 10px;
	background-color: #E1F8FD;
}
table.liste td {
	padding: 5px 10px;
	background-color: #F8F8FA;
}

.copyright {
	color: #777777;
	font-size: 11px;
}

/* -------------- id menu -------------- */
/* pour le menu de navigation principal */
#menu {
	height: 90px;
	width: 100%;
	text-align: left;
}

#menu.administration {height: 200px}

#menu h1 {
	color: #cccccc;
}

#menu a {
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
}

#menu li {
    /*display: inline;*/
	margin-top: 5px;
	list-style: inside url(../images/toR.gif);
}

#menu #logo {
	margin: 2px 2px;
        width: 150px;
		height: 100px;
        float: left;
	padding: 0 0 0em;
    /*background: yellow*/
}

#menu.administration #logo {height: 160px}

#menu #items {
    /* background: yellow;*/
	height: 100%;
	margin-left: 30px;
	margin-bottom: 20px;
}

#connect {
	float:left;
}

/* -------------- id bandeau -------------- */
/* pour l'en-tête d'une page */
#bandeau {
	width: 100%;
	height: 40px;
	/*background: green;*/
	clear: both;
}

#bandeau dl {
	margin: 0px 5px;
}
#bandeau dt {
	display: inline;
	margin-left: 1em;
	color: #993366;
}
#bandeau dd {
	display: inline;
	margin-left: 5px;
}
#bandeau dt:first-child {margin-left: 0px;}


/* -------------- id corpus -------------- */
/* pour le corps de la page */
#corpus {
	background: transparent;
	/*background-color: blue;*/
}

#corpus p {	margin: 5px 15px 5px 15px;}

#sec1 {
	background: transparent;
	width: 320px;
	float: left;
}
#sec2 {
	background: transparent;
 	margin-left: 340px;
}
#carteFrance {
	background: transparent;
	width: 350px;
	height: 350px;
	margin-left: 500px;
}
#carteOutreMer {
	margin-left: 500px;
}
#carteRegion {
	background: transparent;
	width: 900px;
	height: 500px;
}
#carteResultatsRecherche{
	background: transparent;
	width: 900px;
	height: 500px;
}
#cadreGalerieMedia{
	text-align: center;
	width: 520px;
	height: 420px;
}
#menuGalerieMedia{
	text-align: center;
}
#menuGalerieMedia   a {
	padding: 0 3px 0 3px;
}