@import url(reset.css);


/*
body {
	background-image: url('../images/fond_formulaire.jpg');
	background-repeat: repeat-x;
	text-align: left;
	padding: 30px;
}

#entete {
	border-bottom: none;
}
*/


/* ==============================================
   A partir d'une feuille de style de
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	background: #DAF4F3;
}


#global {
	background-color: #DAF4F3;
	background-image: url(img/fd_global.png);
	background-repeat: repeat-x;
}

/* Conteneur central */
#centre {
}

/* Ombre gauche */
#og {
	background-image: url(img/ombre_gauche.png);
	background-position: top left;
	background-repeat: no-repeat;
}

/* Contenu principal */
#principal {
	border: solid 1px #AAD7D2;
	background-image: url(img/fd_principal.png);
	background-repeat: repeat-x;
}

#menu a.racine {
		background-image: url(img/hublot.png);
		background-position: top left;
		background-repeat: no-repeat;
}

#menu a.vert {
	color: #669933;
}

#menu a.vert:hover {
	color: #99cc66;
}

#menu li ul.vert {
	background-color: #99cc66;
}

#menu a.bleu {
	color: #339999;
}

#menu a.bleu:hover {
	color: #33cccc;
}

#menu li ul.bleu {
	background-color: #33cccc;
}

#menu a.rose {
	color: #ff0066;
}

#menu a.rose:hover {
	color: #ff3399;
}

#menu li ul.rose {
	background-color: #ff99cc; /* #ff0066; */
}

#menu a.violet {
	color: #330066;
}

#menu a.violet:hover {
	color: #9966cc;
}

#menu li ul.violet {
	background-color: #9966cc;
}

#menu a.orange {
	color: #ff9933;
}

#menu a.orange:hover {
	color: #f8ab4f; /* #ff9966; */
}

#menu li ul.orange {
	background-color: #f8ab4f; /* #ff9966; */
}

#menu li ul li a {
	color: white;
}

#contenu #bateau {
	background-image: url(../images/bateau.png);
	background-position: 0 32px;
	background-repeat: no-repeat;
}

#contenu #progmanif {
	background-image: url(../images/france.png);
	background-position: 0 32px;
	background-repeat: no-repeat;
}

/* Contenu Rubrique et article */
#rubsoeurs {
	border: 1px solid #b1b1b1;
}

#rubsoeurs li {
	background:url(img/separateurmenuinterne.jpg) no-repeat left bottom;
}

#rubsoeurs li.dernier {
	background:none;
}

#rubsoeurs a {
	background: none;
}

#rubsoeurs .active a { 
	color:#fff;
}

#rubsoeurs .active > a {
	color: #fff;
}

#rubsoeurs .active > a.vert { 
	background-color: #669933;
	background-image: url(img/flechemenu_vert.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#rubsoeurs li.inactive a.vert:link, #rubsoeurs li.inactive a.vert:hover, #rubsoeurs li.inactive a.vert:visited {
	color: #669933;
	background-image: url(img/poisson_vert.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#rubsoeurs .active > a.bleu { 
	background-color: #339999;
	background-image: url(img/flechemenu_bleu.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#rubsoeurs li.inactive a.bleu:link, #rubsoeurs li.inactive a.bleu:hover, #rubsoeurs li.inactive a.bleu:visited { 
	color: #339999;
	background-image: url(img/poisson_bleu.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#rubsoeurs .active > a.rose { 
	background-color: #ff0066;
	background-image: url(img/flechemenu_rose.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#rubsoeurs li.inactive a.rose:link, #rubsoeurs li.inactive a.rose:hover, #rubsoeurs li.inactive a.rose:visited { 
	color: #ff0066;
	background-image: url(img/poisson_rose.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#rubsoeurs .active > a.violet { 
	background-color: #330066;
	background-image: url(img/flechemenu_violet.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#rubsoeurs li.inactive a.violet:link, #rubsoeurs li.inactive a.violet:hover, #rubsoeurs li.inactive a.violet:visited { 
	color: #330066;
	background-image: url(img/poisson_violet.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#rubsoeurs .active a.orange { 
	background-color: #ff9933;
	background-image: url(img/flechemenu_orange.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#rubsoeurs li.inactive a.orange:link, #rubsoeurs li.inactive a.orange:hover, #rubsoeurs li.inactive a.orange:visited {
	color: #ff9933;
	background-image: url(img/poisson_orange.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

/* Contenu Rubrique */

body.rubvert h2 {
	background-image: url(img/flechetitrub_vert.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #669933;
}

body.rubbleu h2 {
	background-image: url(img/flechetitrub_bleu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #339999;
}

body.rubrose h2 {
	background-image: url(img/flechetitrub_rose.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #ff0066;
}

body.rubviolet h2 {
	background-image: url(img/flechetitrub_violet.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #330066;
}

body.ruborange h2 {
	background-image: url(img/flechetitrub_orange.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #ff9933;
}

body.rubvert p.affdate {
	color: #669933;
}

body.rubbleu p.affdate {
	color: #339999;
}

body.rubrose p.affdate {
	color: #ff0066;
}

body.rubviolet p.affdate {
	color: #330066;
}

body.ruborange p.affdate {
	color: #ff9933;
}

body.rubvert h3, body.rubbleu h3, body.rubrose h3, body.rubviolet h3, body.ruborange h3 {
	color: #333;
}

body.rubvert a {
	color: #669933;
}

body.rubbleu a {
	color: #339999;
}

body.rubrose a {
	color: #ff0066;
}

body.rubviolet a {
	color: #330066;
}

body.ruborange a {
	color: #ff9933;
}

#articles #ariane a,
#articles #ariane span,
#article #ariane a,
#article #ariane span {
	color: #555;
}

#pagination a {
		background-color: #086262;
		color: white;
}

body.rubvert #pagination .on {
		background-color: #669933;
}

body.rubbleu #pagination .on {
		background-color: #339999;
}

body.rubrose #pagination .on {
		background-color: #ff0066;
}

body.rubviolet #pagination .on {
		background-color: #330066;
}

body.ruborange #pagination .on {
		background-color: #ff9933;
}

/* Contenu Formulaire "Ca se passe près de chez vous" */

#texte div form {
	border: solid 1px #339999;
	background-color: white;
	background-image: url(img/fd_form.jpg);
	background-repeat: repeat-x;
}

#texte div#formrech h3,
#texte div#carto h3,
div#result h3 {
	color: #339999;
}

#result table tr.tab_altern {
	
}

#result a.noir,
#result a.noir:hover {
	color: black;
}

/* Contenu détail Structure et projet */


#detail {
	border: solid 4px #339999;
}


/* Contenu Article */

#article #milieu #credits {
	background-color: #ccc;
	background-image: url(img/credits.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


body.artvert #article #milieu #memerub h2,
body.artvert #article #milieu #memerub ul li {
	background-color: #669933;
	color: white;
}

body.artbleu #article #milieu #memerub h2,
body.artbleu #article #milieu #memerub ul li {
	background-color: #339999;
	color: white;
}

body.artrose #article #milieu #memerub h2,
body.artrose #article #milieu #memerub ul li {
	background-color: #ff0066;
	color: white;
}

body.artviolet #article #milieu #memerub h2,
body.artviolet #article #milieu #memerub ul li {
	background-color: #330066;
	color: white;
}

body.artorange #article #milieu #memerub h2,
body.artorange #article #milieu #memerub ul li {
	background-color: #ff9933;
	color: white;
}


#memerub ul li a:link,
#memerub ul li a:hover,
#memerub ul li a:visited {
	color: white;
	background-image: url(img/poisson_blanc.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}


body.artvert #memerub .tsarticles:link,
body.artvert #memerub .tsarticles:hover,
body.artvert #memerub .tsarticles:visited {
	color: #669933;
}

body.artbleu #memerub .tsarticles:link,
body.artbleu #memerub .tsarticles:hover,
body.artbleu #memerub .tsarticles:visited {
	color: #339999;
}

body.artrose #memerub .tsarticles:link,
body.artrose #memerub .tsarticles:hover,
body.artrose #memerub .tsarticles:visited {
	color: #ff0066;
}

body.artviolet #memerub .tsarticles:link,
body.artviolet #memerub .tsarticles:hover,
body.artviolet #memerub .tsarticles:visited {
	color: #330066;
}

body.artorange #memerub .tsarticles:link,
body.artorange #memerub .tsarticles:hover,
body.artorange #memerub .tsarticles:visited {
	color: #ff9933;
}

body.artvert #article #droite h1 {
	color: white;
	background-color: #669933;
	background-image: url(img/titarthaut_vert.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body.artbleu #article #droite h1 {
	color: white;
	background-color: #339999;
	background-image: url(img/titarthaut_bleu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body.artrose #article #droite h1 {
	color: white;
	background-color: #ff0066;
	background-image: url(img/titarthaut_rose.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body.artviolet #article #droite h1 {
	color: white;
	background-color: #330066;
	background-image: url(img/titarthaut_violet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body.artorange #article #droite h1 {
	color: white;
	background-color: #ff9933;
	background-image: url(img/titarthaut_orange.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body.artvert #article #droite div#decotitre {
	width: 100%;
	height: 12px;	
	background-image: url(img/titartbas_vert.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

body.artbleu #article #droite div#decotitre {
	width: 100%;
	height: 12px;	
	background-image: url(img/titartbas_bleu.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

body.artrose #article #droite div#decotitre {
	width: 100%;
	height: 12px;	
	background-image: url(img/titartbas_rose.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

body.artviolet #article #droite div#decotitre {
	width: 100%;
	height: 12px;	
	background-image: url(img/titartbas_violet.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

body.artorange #article #droite div#decotitre {
	width: 100%;
	height: 12px;	
	background-image: url(img/titartbas_orange.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

body.artvert p.affdate {
	color: #669933;
}

body.artbleu p.affdate {
	color: #339999;
}

body.artrose p.affdate {
	color: #ff0066;
}

body.artviolet p.affdate {
	color: #330066;
}

body.artorange p.affdate {
	color: #ff9933;
}


body.artvert #ps {
	background-color: #99cc66;
	color: white;
}

body.artbleu #ps {
	background-color: #33cccc;
	color: white;
}

body.artrose #ps {
	background-color: #ff99cc;
	color: white;
}

body.artviolet #ps {
	background-color: #9966cc;
	color: white;
}

body.artorange #ps {
	background-color: #f8ab4f;
	color: white;
}

/* Contenu formulaire "Faites labelliser vos projets"  */

#contenu #formulaire h1 {
	color: #ff0066;
}

#contenu #formulaire .fond_gris {
	background-color: #DDD;
}

/* Ombre droite */
#od {
	background-image: url(img/ombre_droite.png);
	background-position: top left;
	background-repeat: no-repeat;
}

/* Contenu Pied de page */
#pied {
	background-color: #d5f3f3;
}

body.rubvert #pied,
body.rubbleu #pied,
body.rubrose #pied,
body.rubviolet #pied,
body.ruborange #pied,
body.artvert #pied,
body.artbleu #pied,
body.artrose #pied,
body.artviolet #pied,
body.artorange #pied {
	background-color: #daf4f3;
	background-image: url(img/pied_mer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

body.rubvert #pied p a, body.rubvert #pied p a:hover, body.rubvert #pied p a:visited,
body.rubbleu #pied p a, body.rubbleu #pied p a:hover, body.rubbleu #pied p a:visited,
body.rubrose #pied p a, body.rubrose #pied p a:hover, body.rubrose #pied p a:visited,
body.rubviolet #pied p a, body.rubviolet #pied p a:hover, body.rubviolet #pied p a:visited,
body.ruborange #pied p a, body.ruborange #pied p a:hover, body.ruborange #pied p a:visited {
	color: black;
}




/* --- POSITIONNEMENT --- */

/* Page */

body {
	margin: 0;
	padding: 0;
}

#global {
	/* width: 900px; */
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


/* Bloc central */
#centre {	
	width: 980px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

/* Ombre gauche */
#og {
	float: left;
	width: 19px;
	height: 846px;
}


/* Contenu principal */
#principal {
	float: left;
	width: 942px;
	/* height: 846px; */
}

/* En-tête */
#entete {
	overflow:hidden;
	padding: 5px 10px;
}

/* Ombre droite */
#od {
	margin-left: 961px;
	height: 846px;
}

/* logo "Les Journées de la Mer" */
#logosite {
	float:right;
}

/* Navigation */
#nav {
	width: 98%;
	margin: auto;
	overflow: hidden;
	padding-left: 40px;
	margin-top: 10px;
	margin-bottom: 25px;
}

#menu, #menu ul {
		overflow: hidden;
        padding : 0;
        margin : 0;
        list-style : none;
        line-height : 21px;
        text-align : center;
}


#menu a racine {
		display: block;
		margin-left: 20px;
        padding-top : 50px;
		padding-left : 20px;
		padding-right: 20px;
        text-decoration : none;
        width : 90px;
		height: 80px;
}


#menu li { 
        float : left; 
		width: 180px;
}


#menu li ul
{ 
        position: absolute;
		z-index: 1000;
        width: 185px;
		padding-left: 15px;
        left: -999em;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
}

#menu li ul li
{ 
	padding-top: 2px;
	padding-bottom: 2px;
}

#menu li ul ul 
{
    margin    : -22px 0 0 144px ;
	/* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */     
}



#menu li:hover ul ul, #menu li.sfhover ul ul
/* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
    left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul 
/* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	top: 262px;
    left: auto;
    min-height: 0;
    margin-left: -30px;
}


/* contenu page d'accueil */
#contenu {
	top: 500px;
	margin-bottom: 5px;
	z-index: 10;
}

#contenu #bateau {
	float: left;
	width: 294px;
	height: 300px;
}

#contenu #alaune {
	float: left;
	width: 312px;
	height: 300px;
}

#contenu #progmanif {
	margin-left: 620px;
	height: 300px;
}

#contenu #progmanif div {
	position: relative;
	top: 180px;
	padding: 3px;
}

#contenu #mer {
	position: absolute;
	top: 570px;
}

/* contenu rubrique et article */
#contenu #gauche {
    width : 180px;
    float:left;
	margin-left: 10px;
}


#rubsoeurs {
	margin-top: 35px;
	padding: 0;
	list-style: none;
	color: #fff;
	width: 180px;	
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}


#rubsoeurs li {
	padding: 4px 0px;
}

#rubsoeurs a {
	display: block;
	padding-top : 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 28px;
}

#rubsoeurs .active > a {
	width: 144px;
	padding-top: 4px;
	padding-right: 16px;
	padding-bottom: 4px;
	padding-left: 28px;
}

/* Contenu rubrique */

#contenu #articles {
    width: 710px;
	min-height: 400px;
    margin-left:210px;
}

#articles #ariane {
	padding-bottom: 20px;
}

#articles form {
	padding-top: 10px;
}

#articles ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;	
}

#articles ul li.art {
	padding: 10px;
	min-height: 135px;	
}

#articles ul li.art p {
	padding-top: 8px;
}
	
#articles .art img.spip_logos {
	float: left;
	padding-right: 5px;
}

#pagination {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
}

#pagination a, #pagination .on {
		padding: 2px;
}

/* Contenu galerie */

#articles #texte p {
	padding-top: 5px;
	padding-bottom: 5px;
}

#articles #galerie {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

#galerie ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	width: 137px;
	z-index: 50;
}

#galerie ul li a {
	height: 126px;
	overflow: hidden;
	display: block;
}

.vignette span img {
	position: absolute;
	z-index: 1;
	top: 0;
}

/* Contenu Formulaire "Ca se passe près de chez vous" */

div#formrech {
	float: left;
}

#texte form {
	padding-left: 3px;
	padding-right: 3px;
}

#texte form p select,
#texte form p input {
	margin-top: 3px;
}

#carto {
	margin-left: 328px;
	text-align: center;
	overflow: hidden;
}

#carte_i {
	float:left; 
}

#result {
	clear:both;
}

#result table {
	width: 100%;
	margin-bottom: 10px;
}

#result caption {
	display: none
}

#result h4 {
	padding-bottom: 10px;
}


#result table th {
	padding-bottom: 8px;
}


#result table td {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* Contenu détail Structure et projet */
#detail {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
}

#detail p {
	padding-top: 10px;
	padding-bottom: 10px;
}

#detail ul {
	list-style-type: square;
	list-style-position: inside;
}


/* Contenu article */

#contenu #article {
    width: 710px;
	min-height: 400px;
    margin-left: 210px;
	overflow: hidden;
}

#article #milieu {
	width: 240px;
	float: left;
}

#article #ariane {
	padding-bottom: 20px;
}

#article #milieu img {
	margin-bottom: 6px;
}

#article #milieu #credits {
	margin-top: 5px;
	margin-bottom: 10px;
	width: 234px;
	padding-top: 17px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	
}


#article #milieu #memerub h2 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
}

#article #milieu #memerub a {
	display: block;
	padding-left: 28px;
}


#article #milieu #memerub ul li {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#article #milieu #memerub ul li.dernier {
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
}

#memerub .tsarticles {
	padding-top: 5px;
}

#article #droite {
	width: 445px;
	margin-left: 260px;
}

#article #droite h1 {
	padding-top: 8px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
}

#article #droite h2.soustitre {
	padding-top: 7px;
	padding-bottom: 4px;
}

#article #droite h2 {
	padding-top: 10px;
	padding-bottom: 10px;
}

#article #droite .affdate {
	padding-top: 5px;
	padding-bottom: 5px;
}


#article #droite h3 {
	padding-top: 15px;
	padding-bottom: 15px;
}


#article #droite #ps {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

#article #droite #ps h2 {
	padding-top: 3px;
	padding-bottom: 3px;
}

.chapoart p {
	padding-top: 5px;
}

.texteart {
	padding-bottom: 5px;
}


.texteart p {
	padding-top: 12px;
}

/* Contenu formulaire "Faites labelliser vos projets" */

#contenu #formulaire {
    width: 710px;
	min-height: 400px;
    margin-left: 100px;
	overflow: hidden;
}

#contenu #formulaire form {
	margin-top: 10px;
}

/* Contenu formulaire */

#contenu #formulaire h1 {
	padding-top: 5px;
	padding-bottom: 5px;
}

#contenu #formulaire h3 {
	padding-top: 15px;
	padding-bottom: 5px;
}

#contenu #formulaire p {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Contenu Erreur 404 */

div#err404 {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Pied de page */
#pied {
	width: 920px;
	text-align: center;
	margin: 0;
	padding: 10px;
	height: 61px;
}

#pied #biodiv2010 {
	float: left;
	width: 167px;
	height: 61px;
}

#pied #grenellemer {
	float: right;
	width: 167px;
	height: 61px;
}

body.rubvert #pied,
body.rubbleu #pied,
body.rubrose #pied,
body.rubviolet #pied,
body.ruborange #pied,
body.artvert #pied,
body.artbleu #pied,
body.artrose #pied,
body.artviolet #pied,
body.artorange #pied {
	padding-top: 15px;
	height: 46px;
}

body.rubvert #pied #biodiv2010,
body.rubbleu #pied #biodiv2010,
body.rubrose #pied #biodiv2010,
body.rubviolet #pied #biodiv2010,
body.ruborange #pied #biodiv2010,
body.artvert #pied #biodiv2010,
body.artbleu #pied #biodiv2010,
body.artrose #pied #biodiv2010,
body.artviolet #pied #biodiv2010,
body.artorange #pied #biodiv2010 {
	visibility: hidden; 
}


body.rubvert #pied #grenellemer,
body.rubbleu #pied #grenellemer,
body.rubrose #pied #grenellemer,
body.rubviolet #pied #grenellemer,
body.ruborange #pied #grenellemer,
body.artvert #pied #grenellemer,
body.artbleu #pied #grenellemer,
body.artrose #pied #grenellemer,
body.artviolet #pied #grenellemer,
body.artorange #pied #grenellemer {
	visibility: hidden; 
}

/* --- TYPO --- */

body {
	font-family:"Verdana","Arial",sans-serif;
	font-size: .85em;
}

h1 {
	font-size: 1.7em;
	color: #086262;
}

h1.invisible {
	position: absolute;
	top: -3000em;
	height: 1%;
}

h2 {
	font-size: 1.25em;

}

h3 {
	font-size: 1.14em;

}


h2.acc {
	color: #086262;
	line-height: 1.8em;
}


a,
a div#progmanif h2,
a div#progmanif div,
a div#progmanif div span {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#menu {
    font-weight : bold;
    font-family : Arial;
}

#menu a {
	font-size: .70em;
	line-height: 14px;
}

#menu li ul {
	font-size: 1.2em;
}

#contenu #progmanif div {

	font-size: .85em;
	color: #056061;
	font-weight: bold;
	text-align: center;
}

#contenu #progmanif a:hover {
	text-decoration: none;
}

#contenu #progmanif div span {
	font-size: 1.5em;
}

/* Contenu Rubrique et Article */
#rubsoeurs {
	font-size: .9em;
}

#rubsoeurs a {
	text-decoration: none;
}

#rubsoeurs a:hover {
	text-decoration: underline !important ;
}

/* Contenu Rubrique */

body.rubvert h2, body.rubbleu h2, body.rubrose h2, body.rubviolet h2, body.ruborange h2 {
	line-height: 26px;
	text-indent: 30px;
}

body p.affdate {
	font-size: .8em;
}

body.rubvert h3, body.rubbleu h3, body.rubrose h3, body.rubviolet h3, body.ruborange h3 {
	line-height: 26px;
	font-weight: bold;
}

body.rubvert h4, body.rubbleu h4, body.rubrose h4, body.rubviolet h4, body.ruborange h4 {
	line-height: 20px;
}

body p.chapo {
	font-size: .83em;
}


#articles #ariane a,
#articles #ariane span,
#article #ariane a,
#article #ariane span {
	font-size: .80em;
}

body.rubvert a.suite, body.rubvert a.suite:hover, body.rubvert a.suite:visited,
body.rubbleu a.suite, body.rubbleu a.suite:hover, body.rubbleu a.suite:visited,
body.rubrose a.suite, body.rubrose a.suite:hover, body.rubrose a.suite:visited,
body.rubviolet a.suite, body.rubviolet a.suite:hover, body.rubviolet a.suite:visited,
body.ruborange a.suite, body.ruborange a.suite:hover, body.ruborange a.suite:visited {
	font-size: .85em;
	font-weight: bold;
}

#pagination {
	color: white;
	font-weight: bold;
}

/* Contenu galerie */

#articles #texte p {
	font-size: .85em;
}

/* Contenu Formulaire "Ca se passe près de chez vous" */
#texte div form {
	font-size: .85em;
}

#texte div form p select,
#texte div form p input {
	font-size: 1.1em;
}


/* Contenu formulaire "Ca se passe pres de chez vous" */

#result table th {
	font-size: .9em;
}


#result table td {
	font-size: .8em;
}

/* Contenu détail Structure et projet */
#detail {
	font-size: .85em;
}

#detail .petit {
	font-size: .85em;
}

/* Contenu Article */

#article #ariane a,
#article #ariane span {
	font-size: .80em;
}

#article #milieu #credits {
	font-size: .78em;
}


#article #milieu #memerub a {
	font-size: .85em;
}

#article #droite h1 {
	font-size: 1.5em;
}


body div.chapoart p {
	font-size: .95em;
	font-weight: bold;
}

body div.texteart p {
	font-size: .9em;
}

#notes,
#notes p,
#notes p a {
	font-size: .85em;
}

#ps {
	font-size: .9em;
}

#ps h2 {
	font-size: 1.4em;	
	font-weight: bold;
}


/* Contenu formulaire "Faites labelliser vos projets" */

#contenu #formulaire p,
#contenu #formulaire form,
#contenu #formulaire form p  {
	font-size: .9em;
}

.erreur {
	font-weight: bold;
	color: red;
}


/* contenu pied */
#pied {
	font-size: .80em;
	line-height: 15px;
}