@charset "UTF-8";
/* CSS Document */

/* --- TOUT LE SITE --- */
* {
	margin:0px;
	padding:0px;
	font-family:verdana;
}

/* ---  PAGE --- */
#page {
	margin:auto;
	width:1020px;
	font-size:12px;
}

/* --- HEADER --- */
/* Lien Top Header */
#lien_header {
	background:url(../images/lien_haut.jpg) no-repeat;
	height:64px;
	letter-spacing:1px;
}

#lien_header a {
	color:#7d7d7d;
	text-decoration:none;
}

#lien_header a:hover {
	color:#000;
}

#lien_header ul {
	list-style:none;
}

#lien_header ul li {
	display:inline;
}

/* lien top header rubrique */
#lien_header_rub {
	background:url(../images/lien_haut_rub.jpg) top no-repeat;
	height:64px;
	letter-spacing:1px;
}

#lien_header_rub a {
	color:#7d7d7d;
	text-decoration:none;
}

#lien_header_rub a:hover {
	color:#000;
}

#lien_header_rub ul {
	list-style:none;
}

#lien_header_rub ul li {
	display:inline;
}

/* lien gauche */
#lien_header_gauche {
	float:left;
	margin-left:90px;
	margin-top:38px;
}

#lien_header_gauche li {
	margin-right:104px;
}

/* lien droit */
#lien_header_droit {
	float:left;
	margin-left:695px;
	margin-top:-17px;
}

#lien_header_droit li {
	margin-right:83px;
}

/* Zone Flash */
#espace_flash {
	background:url(../images/place_flash.jpg) no-repeat;
	height:412px;
}

/* Zone image dans le menu haut rubrique */
#espace_image {
	background:url(../images/bandeau_haut_rub.jpg) top no-repeat;
	height:219px;
}

/* Espace Recherche */
#espace_recherche {
	background:url(../images/barre_recherche_ff.jpg) no-repeat;
	height:47px;
}

/* Espace Recherche Rubrique */
#espace_recherche_rub {
	background:url(../images/barre_recherche_rub.jpg) top right no-repeat;
	width:1020px;
	height:41px;
}

#recherche_fov {
	margin-left:717px;
}

#recherche_fov .text {
	width:233px;
	border-left:1px solid #afafaf;
	border-top:1px solid #afafaf;
	border-bottom:1px solid #afafaf;
	float:left;
	height:23px;
	margin-right:-2px;
	font-size:15px;
}

#recherche_fov input:focus {
	border-left:1px solid #88B8E0;
	border-top:1px solid #88B8E0;
	border-bottom:1px solid #88B8E0;
}
	
	
input[type=submit] {
	background:url(../images/bouton_recherche.jpg) no-repeat left top;
	width:36px;
	height:25px;
	border:none;
}

input[type=submit]:hover {
	background:url(../images/bouton_recherche.jpg) no-repeat right top;
	width:36px;
	height:25px;
}


/* --- PRINCIPAL --- */

/* --- COLONNE DE GAUCHE --- */

/* --- CARROUSEL DU MENU DES RUBRIQUES --- */
#carousel_rub {
	height:248px;
	margin-left:-10px;
}
/* Bloc de contenu du carousel de rubrique */
#contenu_carousel_rub {
	background:url(../images/cadre_rub.jpg) no-repeat top;
	width:290px;
	height:175px;
	margin-top:10px;
}

.tab_rub_box {
	height:175px;
	margin-left:11px;
	width:268px;
	position:absolute;
}

/* bouton des carrousels du menu rubriques */
/* Océano */
#bouton_oceano_rub {
	float:right;
	margin-top:2px;
}

#bouton_oceano_rub a {
	background:url(../images/bouton_oceanographique.jpg) left no-repeat;
	color:#FFF;
	display:block;
	width:24px;
	height:25px;
	float:left;
	margin-left:4px;
	margin-top:1px;
	/* pour IE7 */
	text-decoration:none;
}

#bouton_oceano_rub span {
	position:absolute;
	margin-left:8px;
	margin-top:3px;
}

#bouton_oceano_rub a:hover {
	background:url(../images/bouton_oceanographique_on.jpg) no-repeat;
	color:#7ca6af;
}

#bouton_oceano_rub .selected {
	background:url(../images/bouton_oceanographique_on.jpg) no-repeat;
	color:#7ca6af;
}

/* Eolien */
#bouton_eolien_rub {
	float:right;
	margin-top:2px;
}

#bouton_eolien_rub a {
	background:url(../images/bouton_eolien.jpg) left no-repeat;
	color:#FFF;
	display:block;
	width:24px;
	height:25px;
	float:left;
	margin-left:4px;
	margin-top:1px;
	/* pour IE7 */
	text-decoration:none;
}

#bouton_eolien_rub span {
	position:absolute;
	margin-left:8px;
	margin-top:3px;
}

#bouton_eolien_rub a:hover {
	background:url(../images/bouton_eolien_on.jpg) no-repeat;
	color:#4e68aa;
}

#bouton_eolien_rub .selected {
	background:url(../images/bouton_eolien_on.jpg) no-repeat;
	color:#4e68aa;
}

/* Bio */
#bouton_bio_rub {
	float:right;
	margin-top:2px;
}

#bouton_bio_rub a {
	background:url(../images/bouton_bioclimatique.jpg) left no-repeat;
	color:#FFF;
	display:block;
	width:24px;
	height:25px;
	float:left;
	margin-left:4px;
	margin-top:1px;
	/* pour IE7 */
	text-decoration:none;
}

#bouton_bio_rub span {
	position:absolute;
	margin-left:8px;
	margin-top:3px;
}

#bouton_bio_rub a:hover {
	background:url(../images/bouton_bioclimatique_on.jpg) no-repeat;
	color:#89b8e2;
}

#bouton_bio_rub .selected {
	background:url(../images/bouton_bioclimatique_on.jpg) no-repeat;
	color:#89b8e2;
}

/* Solaire */
#bouton_solaire_rub {
	float:right;
	margin-top:2px;
}

#bouton_solaire_rub a {
	background:url(../images/bouton_solaire.jpg) left no-repeat;
	color:#FFF;
	display:block;
	width:24px;
	height:25px;
	float:left;
	margin-left:4px;
	margin-top:1px;
	/* pour IE7 */
	text-decoration:none;
}

#bouton_solaire_rub span {
	position:absolute;
	margin-left:8px;
	margin-top:3px;
}

#bouton_solaire_rub a:hover {
	background:url(../images/bouton_solaire_on.jpg) no-repeat;
	color:#fcdc32;
}

#bouton_solaire_rub .selected {
	background:url(../images/bouton_solaire_on.jpg) no-repeat;
	color:#fcdc32;
}

/* Lien du carrousel du menu rubrique */
#menu_contenu_carousel_rub {
	list-style:none;
	margin-left:9px;
	margin-top:30px;
	width:271px;
	height:33px;
}

#menu_contenu_carousel_rub li {
	float:left;
}

/* Oceano */
#mini_cadre_oceano a {
	background:url(../images/oceano_rub.jpg) left no-repeat;
	width:67px;
	height:33px;
	display:block;
	float:left;
}

#mini_cadre_oceano a:hover {
	background:url(../images/oceano_rub.jpg) right no-repeat;
}

#mini_cadre_oceano .selected {
	background:url(../images/oceano_rub.jpg) right no-repeat;
}

/* Eolien */
#mini_cadre_eolien a {
	background:url(../images/eolien_rub.jpg) left no-repeat;
	width:68px;
	height:33px;
	float:left;
	display:block;
}

#mini_cadre_eolien a:hover {
	background:url(../images/eolien_rub.jpg) right no-repeat;
}

#mini_cadre_eolien .selected {
	background:url(../images/eolien_rub.jpg) right no-repeat;
}

/* Bioclimatique */
#mini_cadre_bio a {
	background:url(../images/bio_rub.jpg) left no-repeat;
	width:68px;
	height:33px;
	display:block;
	float:left;
}

#mini_cadre_bio a:hover {
	background:url(../images/bio_rub.jpg) right no-repeat;
}

#mini_cadre_bio .selected {
	background:url(../images/bio_rub.jpg) right no-repeat;
}

/* Solaire */
#mini_cadre_solaire a {
	background:url(../images/solaire_rub.jpg) left no-repeat;
	width:68px;
	height:33px;
	display:block;
	float:left;
}

#mini_cadre_solaire a:hover {
	background:url(../images/solaire_rub.jpg) right no-repeat;
}

#mini_cadre_solaire .selected {
	background:url(../images/solaire_rub.jpg) right no-repeat;
}

/* -- MENU -- */

/* navigation */
#navigation {
	width:303px;
	float:left;
}

#navigation img {
	border:none;
}

/* navigation Rubrique */
#navigation.rubrique {
	width:303px;
	float:left;
	margin-top:-41px;
}

#navigation.rubrique img {
	border:none;
}

/* Menu */
#menu {
	margin-left:33px;
	font-size:12px;
}

.navigation {
	list-style:none;
}

.navigation .subMenu { 
	list-style:none;
	margin: 0; 
    padding: 0;
	width:270px;
}

.navigation ul.subMenu li {
	height:25px;
	width:270px;
}

.navigation ul.subMenu li .lien_sous_menu {
	margin-left:15px;
}

/* Programme eolien */
/* menu */
.navigation .eolien .lien_menu {
	background:url(../images/menu_eolien.jpg) no-repeat top left;
	width:270px;
	height:41px;
	display:block;
}

.eolien .open .lien_menu {
	background:url(../images/menu_eolien.jpg) no-repeat top right;
}

/* menu rubrique */
.navigation .eolien .lien_menu_rub {
	background:url(../images/menu_eolien_rub.jpg) no-repeat top left;
	width:270px;
	height:41px;
	display:block;
}

.navigation .open .lien_menu_rub {
	background:url(../images/menu_eolien_rub.jpg) no-repeat top right;
}

/* sous-menu */
.navigation ul.eolien a {
	color:#a6b3d4;
	background-color:#4e68aa;
	display:block;
	width:270px;
	height:25px;
	text-decoration:none;
	padding-top:3px;
}

.navigation ul.eolien a:hover {
	color:#000;
	background-color:#a6b3d4;
}

.navigation ul.eolien .selected {
	color:#000;
	background-color:#a6b3d4;
}

/* Programme bioclimatique */
/* menu */
.navigation .bio .lien_menu, .navigation .bio .lien_menu_rub {
	background:url(../images/menu_bioclimatique.jpg) no-repeat left top;
	width:270px;
	height:41px;
	display:block;
}

.bio .open .lien_menu, .bio .open .lien_menu_rub {
	background:url(../images/menu_bioclimatique.jpg) no-repeat top right;
}

/* sous-menu */
.navigation ul.bio a {
	color:#fff;
	background-color:#89b8e2;
	display:block;
	width:270px;
	height:25px;
	text-decoration:none;
	padding-top:3px;
}

.navigation ul.bio a:hover {
	color:#000;
	background-color:#bfd9f1;
}

.navigation ul.bio .selected {
	color:#000;
	background-color:#bfd9f1;
}

/* Programme Solaire */
/* menu */
.navigation .solaire .lien_menu, .navigation .solaire .lien_menu_rub {
	background:url(../images/menu_solaire.jpg) no-repeat top left;
	width:270px;
	height:41px;
	display:block;
}

.solaire .open .lien_menu, .solaire .open .lien_menu_rub {
	background:url(../images/menu_solaire.jpg) no-repeat top right;
}

/* sous-menu */
.navigation ul.solaire a {
	color:#756200;
	background-color:#fcdc32;
	display:block;
	width:270px;
	height:25px;
	text-decoration:none;
	padding-top:3px;
}

.navigation ul.solaire a:hover {
	color:#000;
	background-color:#fdee9e;
}

.navigation ul.solaire .selected {
	color:#000;
	background-color:#fdee9e;
}

/* Programme Oceanographique */
/* menu */
.navigation .oceano .lien_menu, .navigation .oceano .lien_menu_rub {
	background:url(../images/menu_oceano.jpg) no-repeat top left;
	width:270px;
	height:41px;
	display:block;
}

.oceano .open .lien_menu, .oceano .open .lien_menu_rub {
	background:url(../images/menu_oceano.jpg) no-repeat top right;
}

/* sous-menu */
.navigation ul.oceano a {
	color:#d1f6ff;
	background-color:#7ca6af;
	display:block;
	width:270px;
	height:25px;
	text-decoration:none;
	padding-top:3px;
}

.navigation ul.oceano a:hover {
	color:#000;
	background-color:#d1f6ff;
}

.navigation ul.oceano .selected {
	color:#000;
	background-color:#d1f6ff;
}

/* Ressources Pédagogiques */
/* menu */
.navigation .peda .lien_menu, .navigation .peda .lien_menu_rub {
	background:url(../images/menu_peda.jpg) no-repeat top left;
	width:270px;
	height:41px;
	display:block;
}

.peda .open .lien_menu, .peda .open .lien_menu_rub {
	background:url(../images/menu_peda.jpg) no-repeat top right;
}

/* sous-menu */
.navigation ul.peda a {
	color:#ebffa3;
	background-color:#bbd26a;
	display:block;
	width:270px;
	height:25px;
	text-decoration:none;
	padding-top:3px;
}

.navigation ul.peda a:hover {
	color:#000;
	background-color:#ebffa3;
}

.navigation ul.peda .selected {
	color:#000;
	background-color:#ebffa3;
}

/* La fondation Ocean Vital */
/* menu */
.navigation .vital .lien_menu, .navigation .vital .lien_menu_rub {
	background:url(../images/menu_vital.jpg) no-repeat top left;
	width:270px;
	height:41px;
	display:block;
}

.vital .open .lien_menu, .vital .open .lien_menu_rub {
	background:url(../images/menu_vital.jpg) no-repeat top right;
}

/* sous-menu */
.navigation ul.vital a {
	color:#a6b3d4;
	background-color:#4e68aa;
	display:block;
	width:270px;
	height:25px;
	text-decoration:none;
	padding-top:3px;
}

.navigation ul.vital a:hover {
	color:#000;
	background-color:#a6b3d4;
}

.navigation ul.vital .selected {
	color:#000;
	background-color:#a6b3d4;
}

/* Recherche */
/* menu */
.navigation .recherche .lien_menu, .navigation .recherche .lien_menu_rub {
	background:url(../images/menu_recherche.jpg) no-repeat top left;
	width:270px;
	height:42px;
	display:block;
}

.recherche .open .lien_menu, .recherche .open .lien_menu_rub {
	background:url(../images/menu_recherche.jpg) no-repeat top right;
}

/* sous-menu */
.navigation ul.recherche a {
	color:#fff;
	background-color:#89b8e2;
	display:block;
	width:270px;
	height:25px;
	text-decoration:none;
	padding-top:3px;
}

.navigation ul.recherche a:hover {
	color:#000;
	background-color:#bfd9f1;
}

.navigation ul.recherche .selected {
	color:#000;
	background-color:#bfd9f1;
}

/* La médiathèque */
/* menu */
.navigation .media .lien_menu, .navigation .media .lien_menu_rub {
	background:url(../images/menu_media.jpg) no-repeat top left;
	width:270px;
	height:42px;
	display:block;
}

.media .open .lien_menu, .media .open .lien_menu_rub {
	background:url(../images/menu_media.jpg) no-repeat top right;
}

/* sous-menu */
.navigation ul.media a {
	color:#dbdbdb;
	background-color:#afafaf;
	display:block;
	width:270px;
	height:25px;
	text-decoration:none;
	padding-top:3px;
}

.navigation ul.media a:hover {
	color:#000;
	background-color:#dbdbdb;
}

.navigation ul.media .selected {
	color:#000;
	background-color:#dbdbdb;
}

/* ---  LIEN BAS DE COL-GAUCHE  ---*/

/* Liste des trois lien en image cote à cote */
#trois_lien {
	margin-top:20px;
	margin-left:33px;
	width:270px;
	height:69px;
}

#trois_lien li {
	list-style:none;
	float:left;
}

/* Lien Presse */
#lien_presse a {
	display:block;
	background:url(../images/espace_presse.jpg) no-repeat left top;
	width:82px;
	height:69px;
	float:left;
	margin-right:12px;
}

#lien_presse a:hover {
	background:url(../images/espace_presse.jpg) no-repeat right top;
}

/* Lien newsletter */
#lien_newsletter a {
	display:block;
	background:url(../images/newsletter.jpg) no-repeat left top;
	width:82px;
	height:69px;
	float:left;
	margin-right:12px;
}

#lien_newsletter a:hover {
	background:url(../images/newsletter.jpg) no-repeat right top;
}

/* Lien Rapport d'activité */
#lien_rapport a {
	display:block;
	background:url(../images/rapport_activites.jpg) no-repeat left top;
	width:82px;
	height:69px;
	float:left;
}

#lien_rapport a:hover {
	background:url(../images/rapport_activites.jpg) no-repeat right top;
}

/* Lien Soutien à la Fondation */
#lien_soutien {
	display:block;
	background:url(../images/soutenir_fondation.jpg) no-repeat left top;
	width:270px;
	height:33px;
	margin-left:33px;
	margin-top:20px;
}

#lien_soutien:hover {
	background:url(../images/soutenir_fondation.jpg) no-repeat right top;
}

/* Le Blog de Raphael */
/* Transition */
#transition_blog {
	height:100px;;
	width:270px;
	margin-left:33px;
}

/* Blog */
#lien_blog_raphael {
	background:url("../images/blog.jpg") no-repeat left top;
	display:block;
	margin-left:33px;
	width:173px;
	height:143px;
	margin-top:-83px;
	position:absolute;
}

#lien_blog_raphael:hover {
	background:url("../images/blog.jpg") no-repeat right top;
}

/* Liste à coté du blog */
#liste_blog {
	font-size:12px;
	font-weight:bold;
	height:143px;
	list-style:none outside none;
	margin-left:213px;
	margin-top:-62px;
	position:absolute;
	width:100px;
}

#liste_blog li {
	margin-bottom:8px;
	width:100px;
}

#liste_blog .barre_blog {
	background:url(../images/barre_blog.jpg) no-repeat;
	width:36px;
	height:1px;
	margin-bottom:5px;
}

#liste_blog span {
	margin-left:10px;
}

#liste_blog a {
	background:url(../images/puce_blog.jpg) no-repeat left ;
	height:5px;
	color:#cccccc;
	text-decoration:none;
}

#liste_blog a:hover {
	background:url(../images/puce_blog_on.jpg) no-repeat left;
	color:#000;
}
/* Liens bas de la colonne gauhe sur la page rubrique et article */
#basdepage_rub {
	margin-left:33px;
	width:270px;
	height:28px;
	margin-top:80px;
}

#basdepage_rub a {
	color:#7D7D7D;
	position:relative;
	text-decoration:none;
	top:5px;
}

#basdepage_rub a:hover {
	color:#000;
}

#actu_col_rub {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	float:left;
	height:28px;
	text-align:center;
	width:135px;
}

#agenda_col_rub {
	border-right:1px solid #000000;
	height:28px;
	text-align:center;
}

/* --- CONTENU ACCUEIL --- */
#contenu {
	margin-left:303px;
	width:717px;
}

/* BLOC ACTUALITES */
#actus {
	background:url(../images/actus.jpg) no-repeat;
	width:343px;
	height:225px;
	float:left;
	margin-left:32px;
	font-size:12px;
}

#actus {
	margin-bottom:5px;
}

.date_actu {
	color:#7D7D7D;
	margin-bottom:5px;
}

.texte_actu {
	margin-top:5px; 
	margin-bottom:5px;
}

.lire_suite_actu {
	color:#7d7d7d;
}

/* changement de couleur du titre en fonction du mot clé associé à l'article actualités */
.liste_actu_all {
	font-size:13px;
	font-weight:bold;
}

.liste_actu_bioclimatique {
	color:#89b8e2;
}

.liste_actu_eolien {
	color:#4e68aa;
}

.liste_actu_oceanographie {
	color:#7ca6af;
}

.liste_actu_solaire {
	color:#fcdc32;
}

.liste_actu_rub_solaire {
	color:#756200;
}

/* lien bas de Actualité */
#bloc_lien_actus {
	border-left:1px solid #AFAFAF;
	border-right:1px solid #AFAFAF;
	height:25px;
	margin-left:85px;
	text-align:center;
	width:178px;
}

#lien_touslesarticlesActus {
	color:#7d7d7d;
}

#lien_touslesarticlesActus:hover {
	font-weight:bold;
}

/* Bloc agenda */
#agenda {
	background:url(../images/agenda_sstrait.jpg) no-repeat;
	width:270px;
	height:225px;
	margin-left:416px;
	font-size:10px;
}

#agenda ul {
	height:159px;
	padding-top:39px;
}

#agenda li {
	list-style:none outside none;
	margin-bottom:10px;
	margin-left:20px;
}

#agenda .titre_agenda a {
	font-weight:bold;
	color:#7ca6af;
}

#agenda .date_agenda span {
	color:#FFF;
}

/* lien bas de Agenda */
#bloc_lien_agenda {
	border-left:1px solid #AFAFAF;
	border-right:1px solid #AFAFAF;
	font-size:12px;
	height:25px;
	margin-left:63px;
	text-align:center;
	width:136px;
}

#lien_touslesarticlesAgenda {
	color:#7D7D7D;
}

#lien_touslesarticlesAgenda:hover {
	font-weight:bold;
}

/* BLOC APPLICATION */
/* box qui est modifié */
#appli_box {
	background:url(../images/applications.jpg) no-repeat;
	width:664px;
	height:177px;
	margin-left:35px;
	margin-top:40px;
}

/* Liste des catégories d'applications */
#liste_appli {
	margin-left:48px;
	margin-top:30px;
	height:149px;
}

#liste_appli li {
	list-style:none;
	float:left;
}

#liste_appli a {
	display:block;
	width:154px;
	height:149px;
	float:left;
	margin-right:7px;
}

/* cadre Oceanographie */
#liste_appli #cadre_oceano a {
	background:url(../images/cadre_oceano.jpg) no-repeat left top;
}

#liste_appli #cadre_oceano a:hover {
	background:url(../images/cadre_oceano.jpg) no-repeat right top;
}

#liste_appli #cadre_oceano .selected {
	background:url(../images/cadre_oceano.jpg) no-repeat right top;
}

/* cadre Eolien */
#liste_appli #cadre_eolien a {
	background:url(../images/cadre_eolien.jpg) no-repeat left top;
}

#liste_appli #cadre_eolien a:hover {
	background:url(../images/cadre_eolien.jpg) no-repeat right top;
}

#liste_appli #cadre_eolien .selected {
	background:url(../images/cadre_eolien.jpg) no-repeat right top;
}

/* cadre Bio */
#liste_appli #cadre_bio a {
	background:url(../images/cadre_bio.jpg) no-repeat left top;
}

#liste_appli #cadre_bio a:hover {
	background:url(../images/cadre_bio.jpg) no-repeat right top;
}

#liste_appli #cadre_bio .selected {
	background:url(../images/cadre_bio.jpg) no-repeat right top;
}

/*  cadre Solaire */
#liste_appli #cadre_solaire a {
	background:url(../images/cadre_solaire.jpg) no-repeat left top;
}

#liste_appli #cadre_solaire a:hover {
	background:url(../images/cadre_solaire.jpg) no-repeat right top;
}

#liste_appli #cadre_solaire .selected {
	background:url(../images/cadre_solaire.jpg) no-repeat right top;
}

/* box modifié */
.tab_box {
	height:140px;
	margin-left:20px;
	margin-top:35px;
	position:absolute;
	width:622px;
}

/* Contenu Carousel Application */
.contenu_carousel_application {
	height:140px;
	width:622px;
}

.contenu_carousel_application img {
	border:1px solid #000;
	float:left;
}

.contenu_carousel_application h3 {
	color:#000;
	margin-left:221px;
	width:400px;
	font-size:16px;
	padding-bottom:8px;
}

.contenu_carousel_application p {
	color:#000000;
	margin-left:221px;
	padding-bottom:8px;
	width:400px;
}

.contenu_carousel_application a {
	color:#7d7d7d;
}

.contenu_carousel_application a:hover {
	color:#000;
}

/* Compteurs */

/* Boutons Oceano */
#bouton_oceano {
	float:right;
}

#bouton_oceano span {
	margin-left:8px;
	margin-top:4px;
	position:absolute;
}

#bouton_oceano a {
	background:url(../images/bouton_oceanographique.jpg) left no-repeat;
	color:#FFF;
	width:24px;
	height:25px;
	display:block;
	float:left;
	margin-left:4px;
}

#bouton_oceano a:hover {
	background:url(../images/bouton_oceanographique_on.jpg) right no-repeat;
	color:#7ca6af;
}

#bouton_oceano .selected {
	background:url(../images/bouton_oceanographique_on.jpg) right no-repeat;
	color:#7ca6af;
}

/* Boutons Eolien */
#bouton_eolien {
	float:right;
}

#bouton_eolien span {
	margin-left:8px;
	margin-top:4px;
	position:absolute;
}

#bouton_eolien a {
	background:url(../images/bouton_eolien.jpg) left no-repeat;
	color:#FFF;
	width:24px;
	height:25px;
	display:block;
	float:left;
	margin-left:4px;
}

#bouton_eolien a:hover {
	background:url(../images/bouton_eolien.jpg) right no-repeat;
	color:#4e68aa;
}

#bouton_eolien .selected {
	background:url(../images/bouton_eolien.jpg) right no-repeat;
	color:#4e68aa;
}

/* Boutons Bioclimatique */
#bouton_bioclimatique {
	float:right;
}

#bouton_bioclimatique span {
	margin-left:8px;
	margin-top:4px;
	position:absolute;
}

#bouton_bioclimatique a {
	background:url(../images/bouton_bioclimatique.jpg) left no-repeat;
	color:#FFF;
	width:24px;
	height:25px;
	display:block;
	float:left;
	margin-left:4px;
}

#bouton_bioclimatique a:hover {
	background:url(../images/bouton_bioclimatique.jpg) right no-repeat;
	color:#89b8e2;
}

#bouton_bioclimatique .selected {
	background:url(../images/bouton_bioclimatique.jpg) right no-repeat;
	color:#89b8e2;
}

/* Boutons Solaire */
#bouton_solaire {
	float:right;
}

#bouton_solaire span {
	margin-left:8px;
	margin-top:4px;
	position:absolute;
}

#bouton_solaire a {
	background:url(../images/bouton_solaire.jpg) left no-repeat;
	color:#FFF;
	width:24px;
	height:25px;
	display:block;
	float:left;
	margin-left:4px;
}

#bouton_solaire a:hover {
	background:url(../images/bouton_solaire.jpg) right no-repeat;
	color:#fcdc32;
}

#bouton_solaire .selected {
	background:url(../images/bouton_solaire.jpg) right no-repeat;
	color:#fcdc32;
}

/* --- CONTENU RUBRIQUE / ARTICLE --- */
#contenu_rub, #contenu_article {
	margin-left:353px;
	padding:10px 0 10px 0;
	width:637px;
}

#contenu_rub h2, #contenu_article h2 {
	font-weight:normal;
	text-transform:uppercase;
	font-size:12px;
}

/* titre éolien */
#contenu_rub h1.eolien, #contenu_article h1.eolien {
	color:#4e68aa;
	font-size:30px;
	margin-bottom:20px;
}

/* titre bioclimatique */
#contenu_rub h1.bio, #contenu_article h1.bio, #contenu_rub h1.bioclimatique, #contenu_article h1.bioclimatique {
	color:#89b8e2;
	font-size:30px;
	margin-bottom:20px;
}

/* titre solaire */
#contenu_rub h1.solaire, #contenu_article h1.solaire {
	color:#fcdc32;
	font-size:30px;
	margin-bottom:20px;
}

/* titre oceano */
#contenu_rub h1.oceano, #contenu_article h1.oceano, #contenu_rub h1.oceanographie, #contenu_article h1.oceanographie {
	color:#7ca6af;
	font-size:30px;
	margin-bottom:20px;
}

/* titre vital */
#contenu_rub h1.vital, #contenu_article h1.vital {
	color:#4e68aa;
	font-size:30px;
	margin-bottom:20px;
}

/* titre peda */
#contenu_rub h1.peda, #contenu_article h1.peda {
	color:#bbd26a;
	font-size:30px;
	margin-bottom:20px;
}

/* titre recherche */
#contenu_rub h1.recherche, #contenu_article h1.recherche {
	color:#89B8e2;
	font-size:30px;
	margin-bottom:20px;
}

/* titre media */
#contenu_rub h1.media, #contenu_article h1.media {
	color:#afafaf;
	font-size:30px;
	margin-bottom:20px;
}

/* --- TEXTE RUBRIQUE --- */
.page_rubrique p {
	margin-bottom:20px;
}

/* Traitement de la bordure des photos en fontion de s'ils sont placé à gauche ou à droite */ 
.page_rubrique p span.spip_documents_right {
	margin-bottom:20px;
	border-right:1px solid #000;
}

.page_rubrique p span.spip_documents_center {
	margin-bottom:20px;
}

.page_rubrique p span.spip_documents_center img {
	
	border-right:1px solid #000;
}

.page_rubrique p span.spip_documents_left{
	border-left:1px solid #000;
	padding-right:20px;
	margin-bottom:20px;
}

.page_rubrique h3.spip {
	margin-bottom:20px;
}

.page_rubrique ul.spip {
	list-style:disc outside none;
	margin-left:34px;
	padding-bottom:20px;
}
	
/* --- TEXTE ARTICLE --- */
#contenu_article .chapo {
	font-weight:bold;
	margin-bottom:20px;
}

#contenu_article h3.spip {
	margin-top:20px;
	margin-bottom:20px;
}

#contenu_article p, #contenu_article ul {
	margin-bottom:20px;
}

#contenu_article ul {
	list-style:disc inside none;
}

/* --- PIED DE PAGE --- */
#footer {
	background:url(../images/footer.jpg) no-repeat;
	height:300px;
	clear:both;
	margin:auto;
	width:1020px;
}

/* Lien pied de page */
#lien_footer {
	float:left;
	margin-left:198px;
	margin-top:161px;
}

#lien_footer img {
	float:left;
	margin-top:-3px;
}

#lien_footer #last_img_lien_footer {
	float:right;
}

#lien_footer a {
	font-size:11px;
}

#lien_footer li {
	display:block;
	float:left;
	list-style:none;
	line-height:2em;
}

#lien_footer #lien_footer_first a {
	color:#4e68aa;
	font-weight:bold;
}

#lien_footer a {
	color:#000;
	text-decoration:none;
	margin-left:9px;
	margin-right:9px;
}

#lien_footer a:hover {
	text-decoration:underline;
}

/* Bloc boutons sociaux */
#bloc_bouton_sociaux {
	height:31px;
	list-style:none outside none;
	margin-left:835px;
	padding-top:154px;
	width:200px;
}

#bloc_bouton_sociaux li {
	float:left;
}

#bloc_bouton_sociaux a {
	margin-left:5px;
	margin-right:5px;
}

/* facebook */
#bloc_bouton_sociaux #facebook a {
	background:url(../images/facebook.jpg) no-repeat left top;
	display:block;
	float:left;
	width:31px;
	height:31px;
}

#bloc_bouton_sociaux #facebook a:hover {
	background:url(../images/facebook.jpg) no-repeat right top;
}

/* delicious */
#bloc_bouton_sociaux #delicious a {
	background:url(../images/delicious.jpg) no-repeat left top;
	display:block;
	float:left;
	width:31px;
	height:31px;
}

#bloc_bouton_sociaux #delicious a:hover {
	background:url(../images/delicious.jpg) no-repeat right top;
}

/* twitter */
#bloc_bouton_sociaux #twitter a {
	background:url(../images/twitter.jpg) no-repeat top left;
	display:block;
	float:left;
	width:31px;
	height:31px;
}

#bloc_bouton_sociaux #twitter a:hover {
	background:url(../images/twitter.jpg) no-repeat top right;
}

/* rss */
#bloc_bouton_sociaux #rss a {
	background:url(../images/rss.jpg) no-repeat top left;
	display:block;
	float:left;
	width:31px;
	height:31px;
}

#bloc_bouton_sociaux #rss a:hover {
	background:url(../images/rss.jpg) no-repeat top right;
}

/* ------------------- */
/* --- PAGE AGENDA --- */
/* ------------------- */

#liste_agenda {
	list-style:none;
}

.liste_page_agenda {
	padding:38px 0px;
}

.liste_page_agenda h3 {
	color:#7CA6AF;
	padding-bottom:10px;
	font-size:18px;
}

.liste_page_agenda a {
	color:#7CA6AF;
	text-decoration:none;
}

.date_page_agenda span {
	color:#7CA6AF;
}

.pagination_agenda {
	color:#7D7D7D;
	height:26px;
	line-height:21px;
	margin-top:40px;
	text-align:center;
}

.pagination_agenda #barre_pagination_gauche {
	padding-right:30px;
}

.pagination_agenda #barre_pagination_droit {
	padding-left:30px;
}

.pagination_agenda a {
	color:#7D7D7D;
}

.pagination_agenda span.on {
	color:#525252;
	font-weight:bold;
}

/* ------------------------------- */
/* --- PAGE SOMMAIRE ACTUALITE --- */
/* ------------------------------- */

#liste_sommaire_actu {
	list-style:none;
}

.item_sommaire_actu {
	padding:38px 0px;
	height:113px;
}

.dashed {
	border-bottom:1px dashed #c6c5c6;
}

.item_sommaire_actu img {
	padding-right:10px;
	border-left:1px solid #000;
	float:left;
	border-bottom:none;
	border-right:none;
	border-top:none;
}

#contenu_article .item_date_actu, #contenu_article .item_texte_actu a {
	color:#7d7d7d;
	margin-bottom:0px;
}

.titre_sommaire_actu {
	font-size:14px;
	font-weight:bold;
	padding:6px 0;
}

.item_texte_actu {
	padding-bottom:5px;
	font-size:11px;
}

.lire_suite_sommaire_actu {
	color:#7d7d7d;
	font-size:11px;
}

/* ------------------------------ */
/* --- PAGE ARTICLE ACTUALITE --- */
/* ------------------------------ */

.titre_article_actu {
	font-size:17px;
	padding:0px 0px 20px 0px;
}

.logo_dans_article img {
	float:left;
	border:none;
	margin-right:15px;
	margin-bottom:15px;
	border-left:1px solid #000;
}

#contenu_article .chapo_article {
	font-weight:bold;
	margin-top:0px;
}

#contenu_article #retour_sommaire_actu, #contenu_article #retour_sommaire_actu a {
	color:#7d7d7d;
	font-size:11px;
}

/* ------------------------ */
/* --- PAGE VIDEOTHEQUE --- */
/* ------------------------ */

#contenu_rub #liste_video {
	list-style:none;
}

/* Liste Article */
#contenu_rub #liste_video li {
	width:637px;
	min-height:260px;
	padding:38px 0;
}

/* barre de pointiller */
#contenu_rub #liste_video li.dashed {
	border-bottom:1px dashed #C6C5C6;
}

/* Titre de l'article */
#contenu_rub #liste_video h3.media {
	color:#000;
	margin-bottom:25px;
}

/* Descriptif */
#contenu_rub #liste_video .descriptif_media_videotheque {
	color:#afafaf;
	font-weight:bold;
	margin-bottom:20px;
}

/* Vidéo */
#contenu_rub #liste_video .chapo_media_videotheque {
	float:left;
	margin-right:20px;
	background:url(../images/fond_video.jpg) top left;
	width:295px;
	height:217px;
}

#contenu_rub #liste_video .chapo_media_videotheque object {
	margin-left:23px;
	position:relative;
	top:21px;
}

/* Texte */
#contenu_rub #liste_video p {
	width:637px;
}

/* ----------------------------------- */
/* --- SPECIFICITE PAGE LES ENJEUX ---  *
/* ----------------------------------- */

/* --- Sous-titre --- */
/* Commun */
#contenu_rub .soustitre_commun {
	font-weight:bold;
	text-transform:none;
	font-size:13px;
	margin-bottom:20px;
	width:637px;
}

/* Eolien */
#contenu_rub #soustitre_eolien, #contenu_rub .soustitre_eolien {
	color:#2f3e6a;
}

/* Bio */
#contenu_rub #soustitre_bioclimatique, #contenu_rub #soustitre_bio, #contenu_rub .soustitre_bioclimatique, #contenu_rub .soustitre_bio {
	color:#53718b;
}

/* Solaire */
#contenu_rub #soustitre_solaire, #contenu_rub .soustitre_solaire {
	color:#000000;
}

/* Oceano */
#contenu_rub #soustitre_oceanographie, #contenu_rub #soustitre_oceano, #contenu_rub .soustitre_oceanographie, #contenu_rub .soustitre_oceano {
	color:#4a666e;
}

/* Pédagogique */
#contenu_rub #soustitre_pedagogique, #contenu_rub #soustitre_peda, #contenu_rub .soustitre_pedagogique, #contenu_rub .soustitre_peda {
	color:#343b1c;
}

/* Vital */
#contenu_rub #soustitre_vital, #contenu_rub .soustitre_vital {
	color:#2f3e6a;
}

/* Recherche */
#contenu_rub #soustitre_recherche, #contenu_rub #soustitre_recherche, #contenu_rub .soustitre_recherche, #contenu_rub .soustitre_recherche {
	color:#53718b;
}

/* --- CHAPEAU --- */
/* Commun */
.chapo_commun {
	margin-bottom:20px;
	font-weight:bold;
	width:637px;
}

/* Eolien */
#chapo_eolien, .chapo_eolien {
	color:#4e68aa;
}

/* Bioclimatique */
#chapo_bioclimatique, #chapo_bio, .chapo_bioclimatique, .chapo_bio {
	color:#89b8e2;
}

/* Solaire */
#chapo_solaire, .chapo_solaire {
	color:#756200;
}

/* Océanographie */
#chapo_oceanographie, #chapo_oceano, .chapo_oceanographie, .chapo_oceano {
	color:#7ca6b0;
}

/* Pédagogie */
#chapo_pedagogique, #chapo_peda, .chapo_pedagogique, .chapo_peda {
	color:#768540;
}

/* Vital */
#chapo_vital, .chapo_vital {
	color:#4e68aa;
}

/* Recherche */
#chapo_recherche, .chapo_recherche {
	color:#89b8e2;
}

/* --- Block Descriptif --- */
/* Commun à tous les blocks descriptif */
.page_rubrique .descriptif_commun {
	/*margin-bottom:20px;*/
	width:637px;
}

.page_rubrique .descriptif_commun ul {
	font-size:15px;
	font-style:italic;
	list-style:none inside none;
}

.page_rubrique .descriptif_commun img {
	margin-top:20px;
	border-right:1px solid #000;
}

/* Eolien */
#descriptif_eolien ul, #descriptif_eolien ul a, .descriptif_eolien ul, .descriptif_eolien ul a  {
	color:#2f3e6a;
}

/* Bioclimatique */
#descriptif_bioclimatique ul, #descriptif_bio ul, #descriptif_bioclimatique ul a, #descriptif_bio ul a, .descriptif_bioclimatique ul, .descriptif_bio ul, .descriptif_bioclimatique ul a, .descriptif_bio ul a {
	color:#53718b;
}

/* Solaire */
#desciptif_solaire ul, #descriptif_solaire ul a, .desciptif_solaire ul, .descriptif_solaire ul a {
	color:#000000;
}

/* Océanographie */
#descriptif_oceanographie ul, #descriptif_oceanographie ul a, #descriptif_oceano ul, #descriptif_oceano ul a, .descriptif_oceanographie ul, .descriptif_oceanographie ul a, .descriptif_oceano ul, .descriptif_oceano ul a {
	color:#4a666e;
}

/* Pédagogique */
#descriptif_pedagogique ul, #descriptif_pedagogique ul a, #descriptif_peda ul, #descriptif_peda ul a, .descriptif_pedagogique ul, .descriptif_pedagogique ul a, .descriptif_peda ul, .descriptif_peda ul a {
	color:#343b1c;
}

/* Vital */
#descriptif_vital ul, #descriptif_vital ul a, .descriptif_vital ul, .descriptif_vital ul a {
	color:#2f3e6a;
}

/* Bioclimatique */
#descriptif_recherche ul, #descriptif_recherche ul, #descriptif_recherche ul a, #descriptif_recherche ul a, .descriptif_recherche ul, .descriptif_recherche ul, .descriptif_recherche ul a, .descriptif_recherche ul a {
	color:#53718b;
}

/* ------------------- */
/* --- BLOCK LISTE --- */
/* ------------------- */

/* Commun aux blocks GAUCHE, DROITE et CENTRE */
.commun_liste_gauchedroite ul {
	list-style:inside;
}

.commun_liste_gauchedroite li {
	padding:5px 20px 5px 0;
}

.page_rubrique #centre_block_centre p {
	padding-left:20px;
	padding-top:10px;
	width:597px;
	margin-bottom:0;
	padding-bottom:5px;
}

/* --- block de la liste de GAUCHE --- */
#liste_gauche {
	float:left;
	width:339px;
}

/* Titre du block GAUCHE */
/* Commun */
#liste_gauche h3 {
	display:table-cell;
	padding-bottom:5px;
	vertical-align:bottom;
	width:295px;
}

#liste_gauche h3 span {
	font-weight:normal;
}

/* Eolien */
#liste_gauche h3.eolien {
	color:#4E68AA;
}

#liste_gauche h3.eolien span {
	color:#a6b3d4;
}

/* bioclimatique */
#liste_gauche h3.bioclimatique {
	color:#53718b;
}

#liste_gauche h3.bioclimatique span {
	color:#89b8e2;
}

/* Solaire */
#liste_gauche h3.solaire {
	color:#000;
}

#liste_gauche h3.solaire span {
	color:#fcdc33;
}

/* Océanographie */
#liste_gauche h3.oceanographie {
	color:#4a666e;
}

#liste_gauche h3.oceanographie span {
	color:#7ca6b0;
}

/* Pédagogique */
#liste_gauche h3.pedagogique {
	color:#768540;
}

#liste_gauche h3.pedagogique span {
	color:#bad169;
}

/* bioclimatique */
#liste_gauche h3.recherche {
	color:#53718b;
}

#liste_gauche h3.recherche span {
	color:#89b8e2;
}
/* Images des blocks GAUCHE en fonction de leur couleur */

/* Eolien */
#top_liste_gauche_eolien {
	background:url(../images/top_liste_gauche_eolien.jpg) top left no-repeat;
	width:295px;
	height:39px;
}

.centre_liste_gauche_eolien {
	background-color:#4e68aa;
	color:#FFF;
	width:295px;
}

#bottom_liste_gauche_eolien {
	background:url(../images/bottom_liste_gauche_eolien.jpg) top left no-repeat;
	width:295px;
	height:40px;
}

/* Bioclimatique */
#top_liste_gauche_bioclimatique {
	background:url(../images/top_liste_gauche_bio.jpg) top left no-repeat;
	width:295px;
	height:40px;
}

.centre_liste_gauche_bioclimatique {
	background-color:#53718b;
	color:#FFF;
	width:295px;
}

#bottom_liste_gauche_bioclimatique {
	background:url(../images/bottom_liste_gauche_bio.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

/* Solaire */
#top_liste_gauche_solaire {
	background:url(../images/top_liste_gauche_solaire.jpg) left top no-repeat;
	width:295px;
	height:39px;
}

.centre_liste_gauche_solaire {
	background-color:#fcdc33;
	color:#000;
	width:295px;
}

#bottom_liste_gauche_solaire {
	background:url(../images/bottom_liste_gauche_solaire.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

/* Océanographie */
#top_liste_gauche_oceanographie {
	background:url(../images/top_liste_gauche_oceano.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

.centre_liste_gauche_oceanographie {
	background-color:#4a666e;
	color:#FFF;
	width:295px;
}

#bottom_liste_gauche_oceanographie {
	background:url(../images/bottom_liste_gauche_oceano.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

/* Pédagogique */
#top_liste_gauche_pedagogique {
	background:url(../images/top_liste_gauche_peda.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

.centre_liste_gauche_pedagogique {
	background-color:#768540;
	color:#FFF;
	width:295px;
}

#bottom_liste_gauche_pedagogique {
	background:url(../images/bottom_liste_gauche_pedago.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

/* Recherche */
#top_liste_gauche_recherche {
	background:url(../images/top_liste_gauche_bio.jpg) top left no-repeat;
	width:295px;
	height:40px;
}

.centre_liste_gauche_recherche {
	background-color:#53718b;
	color:#FFF;
	width:295px;
}

#bottom_liste_gauche_recherche {
	background:url(../images/bottom_liste_gauche_bio.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

/* --- block de la liste de DROIT --- */
#liste_droite {
	margin-left:339px;
	width:339px;
	margin-bottom:20px;
}

/* Titre du block DROIT */
/* Commun */
#liste_droite h3 {
	display:table-cell;
	padding-bottom:5px;
	vertical-align:bottom;
	width:295px;
}

#liste_droite h3 span {
	font-weight:normal;
}

/* Eolien */
#liste_droite h3.eolien {
	color:#A6B3D4;
}

#liste_droite h3.eolien span {
	color:#4e68aa;
}

/* Bioclimatique */
#liste_droite h3.bioclimatique {
	color:#89b8e2;
}

#liste_droite h3.bioclimatique span {
	color:#53718b;
}

/* Solaire */
#liste_droite h3.solaire {
	color:#000;
}

#liste_droite h3.solaire span {
	color:#fcdc33;
}

/* Océanographie */
#liste_droite h3.oceanographie {
	color:#7ca6b0;
}

#liste_droite h3.oceanographie span {
	color:#4a666e;
}

/* Pédagogique */
#liste_droite h3.pedagogique {
	color:#bad169;
}

#liste_droite h3.pedagogique span {
	color:#768540;
}

/* Recherche */
#liste_droite h3.recherche {
	color:#89b8e2;
}

#liste_droite h3.recherche span {
	color:#53718b;
}

/* Images des blocks DROIT en fonction de leur couleur */
/* Eolien */
#top_liste_droite_eolien {
	background:url(../images/top_liste_droite_eolien.jpg) top left no-repeat;
	width:295px;
	height:39px;
}

.centre_liste_droite_eolien {
	background-color:#a6b3d4;
	width:295px;
	color:#000;
}

#bottom_liste_droite_eolien {
	background:url(../images/bottom_liste_droite_eolien.jpg) top left no-repeat;
	width:295px;
	height:40px;
}

/* Bioclimatique */
#top_liste_droite_bioclimatique {
	background:url(../images/top_liste_droite_peda.jpg) left top no-repeat;
	width:295px;
	height:39px;
}

.centre_liste_droite_bioclimatique {
	background-color:#89b8e2;
	width:295px;
	color:#000;
}

#bottom_liste_droite_bioclimatique {
	background:url(../images/bottom_liste_droite_bio.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

/* Solaire */
#top_liste_droite_solaire {
	background:url(../images/top_liste_droite_solaire.jpg) top left no-repeat;
	width:295px;
	height:39px;
}

.centre_liste_droite_solaire {
	background-color:#fcee9d;
	width:295px;
	color:#000;
}

#bottom_liste_droite_solaire {
	background:url(../images/bottom_liste_droite_solaire.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

/* Océanographie */
#top_liste_droite_oceanographie {
	background:url(../images/top_liste_droite_oceano.jpg) top left no-repeat;
	width:295px;
	height:39px;
}

.centre_liste_droite_oceanographie {
	background-color:#7ca6b0;
	width:295px;
	color:#000;
}

#bottom_liste_droite_oceanographie {
	background:url(../images/bottom_liste_droite_oceano.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

/* Pédagogique */
#top_liste_droite_pedagogique {
	background:url(../images/top_liste_droite_peda.jpg) left top no-repeat;
	width:295px;
	height:39px;
}

.centre_liste_droite_pedagogique {
	background-color:#bad169;
	width:295px;
	color:#343b1c;
}

#bottom_liste_droite_pedagogique {
	background:url(../images/bottom_liste_droite_peda.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

/* Recherche */
#top_liste_droite_recherche {
	background:url(../images/top_liste_droite_peda.jpg) left top no-repeat;
	width:295px;
	height:39px;
}

.centre_liste_droite_recherche {
	background-color:#89b8e2;
	width:295px;
	color:#000;
}

#bottom_liste_droite_recherche {
	background:url(../images/bottom_liste_droite_bio.jpg) left top no-repeat;
	width:295px;
	height:40px;
}

/* --- block de la liste de CENTRE --- */

#liste_centre {
	margin-bottom:20px;
	padding-top:20px;
}

/* Titre du block CENTRE */
/* Commun */
#liste_centre h3 {
	padding-bottom:5px;
	width:637px;
}

#liste_centre h3 span {
	font-weight:normal;
}
/* Eolien */
#liste_centre h3.eolien {
	color:#A6B3D4;
}

#liste_centre h3.eolien span {
	color:#4e68aa;
}

/* Bioclimatique */
#liste_centre h3.bioclimatique {
	color:#89b8e2;
}

#liste_centre h3.bioclimatique span {
	color:#53718b;
}

/* Solaire */
#liste_centre h3.solaire {
	color:#000;
}

#liste_centre h3.solaire span {
	color:#fcdc33;
}

/* Océanographie */
#liste_centre h3.oceanographie {
	color:#7ca6b0;
}

#liste_centre h3.oceanographie span {
	color:#4a666e;
}

/* Pédagogique */
#liste_centre h3.pedagogique {
	color:#bad169;
}

#liste_centre h3.pedagogique span {
	color:#768540;
}

/* Océan Vital */
#liste_centre h3.vital {
	color:#4e68aa;
}

#liste_centre h3.vital span {
	color:#a6b3d4;
}

/* Bioclimatique */
#liste_centre h3.recherche {
	color:#89b8e2;
}

#liste_centre h3.recherche span {
	color:#53718b;
}

/* Images des blocks CENTRE en fonction de leur couleur */

/* Eolien */
#top_liste_centre_eolien {
	background:url(../images/top_liste_center_eolien.jpg) left top no-repeat;
	width:637px;
	height:38px;
}

.centre_liste_centre_eolien {
	background-color:#a6b3d4;
	width:637px;
	color:#000;
}

#bottom_liste_centre_eolien {
	background:url(../images/bottom_liste_center_eolien.jpg) left top no-repeat;
	width:637px;
	height:41px;
}

/* Bioclimatique */
#top_liste_centre_bioclimatique {
	background:url(../images/top_liste_center_bio.jpg) left top no-repeat;
	width:637px;
	height:38px;
}

.centre_liste_centre_bioclimatique {
	background-color:#89b8e2;
	width:637px;
	color:#000;
}

#bottom_liste_centre_bioclimatique {
	background:url(../images/bottom_liste_center_bio.jpg) left top no-repeat;
	width:637px;
	height:41px;
}

/* Solaire */
#top_liste_centre_solaire {
	background:url(../images/top_liste_center_solaire.jpg) top left no-repeat;
	width:637px;
	height:38px;
}

.centre_liste_centre_solaire {
	background-color:#fcee9d;
	width:637px;
	color:#000;
}

#bottom_liste_centre_solaire {
	background:url(../images/bottom_liste_center_solaire.jpg) left top no-repeat;
	width:637px;
	height:41px;
}

/* Océanographie */
#top_liste_centre_oceanographie {
	background:url(../images/top_liste_center_oceano.jpg) left top no-repeat;
	width:637px;
	height:38px;
}

.centre_liste_centre_oceanographie {
	background-color:#7ca6b0;
	width:637px;
	color:#000;
}

#bottom_liste_centre_oceanographie {
	background:url(../images/bottom_liste_center_oceano.jpg) left top no-repeat;
	width:637px;
	height:41px;
}

/* Pédagogique */
#top_liste_centre_pedagogique {
	background:url(../images/top_liste_center_pedago.jpg) left top no-repeat;
	width:637px;
	height:38px;
}

.centre_liste_centre_pedagogique {
	background-color:#bad169;
	width:637px;
	color:#343b1c;
}

#bottom_liste_centre_pedagogique {
	background:url(../images/bottom_liste_center_peda.jpg) left top no-repeat;
	width:637px;
	height:41px;
}

/* Pédagogique */
#top_liste_centre_vital {
	background:url(../images/top_liste_center_vital.jpg) left top no-repeat;
	width:637px;
	height:38px;
}

.centre_liste_centre_vital {
	background-color:#4e68aa;
	width:637px;
	color:#FFF;
}

#bottom_liste_centre_vital {
	background:url(../images/bottom_liste_center_vital.jpg) left top no-repeat;
	width:637px;
	height:41px;
}

/* Recherche */
#top_liste_centre_recherche {
	background:url(../images/top_liste_center_bio.jpg) left top no-repeat;
	width:637px;
	height:38px;
}

.centre_liste_centre_recherche {
	background-color:#89b8e2;
	width:637px;
	color:#000;
}

#bottom_liste_centre_recherche {
	background:url(../images/bottom_liste_center_bio.jpg) left top no-repeat;
	width:637px;
	height:41px;
}

/* --- Block Renseignement --- */
/* Titre Block Renseignement */

/* Eolien */
.couleur_titre_renseignement_eolien {
	color:#4e68aa;
}

.couleur_titre_renseignement_eolien span {
	color:#a6b3d4;
}

/* Bioclimatique */
.couleur_titre_renseignement_bioclimatique {
	color:#89b8e2;
}

.couleur_titre_renseignement_bioclimatique span {
	color:#53718b;
}

/* Solaire */
.couleur_titre_renseignement_solaire {
	color:#000000;
}

.couleur_titre_renseignement_solaire span {
	color:#fcdc33;
}

/* Océanographie */
.couleur_titre_renseignement_oceanographie {
	color:#4a666e;
}

.couleur_titre_renseignement_oceanographie span {
	color:#7ca6b0;
}

/* Pédagogique */
.couleur_titre_renseignement_pedagogique {
	color:#768540;
}

.couleur_titre_renseignement_pedagogique span {
	color:#bad169;
}

/* Fondation Océan Vital */
.couleur_titre_renseignement_vital {
	color:#4e68aa;
}

.couleur_titre_renseignement_vital span {
	color:#a6b3d4;
}

/* Contenu Block Renseignement */
.contenu_renseignement {
	width:636px;
	height:180px;
}

/* Eolien & Vital */
.centre_liste_renseignement_eolien, .centre_liste_renseignement_vital {
	background:url(../images/cadre_nous_soutenir.jpg) left top no-repeat;
	color:#FFF;
}

.centre_liste_renseignement_eolien a, .centre_liste_renseignement_vital a {
	color:#FFF;
}

/* Bioclimatique */
.centre_liste_renseignement_bioclimatique {
	background:url(../images/nous_soutenir_bio.jpg) left top no-repeat;
	color:#FFF;
}

.centre_liste_renseignement_bioclimatique a {
	color:#FFF;
}

/* Solaire */
.centre_liste_renseignement_solaire {
	background:url(../images/nous_soutenir_solaire.jpg) left no-repeat;
	color:#000;
}

.centre_liste_renseignement_solaire a {
	color:#000;
}

/* Océanographie */
.centre_liste_renseignement_oceanographie {
	background:url(../images/nous_soutenir_oceano.jpg) left top no-repeat;
	color:#FFF;
}

.centre_liste_renseignement_oceanographie a {
	color:#FFF;
}

/* Pédagogique */
.centre_liste_renseignement_pedagogique {
	background:url(../images/nous_soutenir_pedago.jpg) left top no-repeat;
	color:#FFF;
}

.centre_liste_renseignement_pedagogique a {
	color:#FFF;
}

#liste_centre .contenu_renseignement h3 {
	font-size:17px;
	font-weight:normal;
	margin-bottom:0;
	padding-left:20px;
	padding-top:20px;
	width:596px;
}

/* ------------------------------- */
/* --- PAGE FORMULAIRE CONTACT --- */
/* ------------------------------- */

#formulaire_contact {
	margin-top:40px;
}

#formulaire_contact label {
	font-weight:bold;
	font-size:14px;
	color:#4e68aa;
}

#formulaire_contact input {
	border:1px solid #a6b3d4;
	width:376px;
	height:23px;
	font-size:12px;
}

#formulaire_contact input:focus {
	border:1px solid #4e68aa;
}

#formulaire_contact #theme_selecteur {
	height:26px;
	width:378px;
	border:1px solid #A6B3D4;
	color:#4e68aa;
	font-size:13px;
	padding-left:5px;
}

#formulaire_contact #theme_selecteur option {
	padding-left:5px;
}

#formulaire_contact #message_form {
	border:1px solid #a6b3d4;
	width:635px;
	font-size:12px;
}

#formulaire_contact #message_form:focus {
	border:1px solid #4e68aa;
}

#formulaire_contact #bouton_validation_contact #submit_contact {
	background:url(../images/bouton_contact.jpg) top left no-repeat;
	width:120px;
	height:25px;
	border:none;
	margin-left:514px;
}

#formulaire_contact #bouton_validation_contact #submit_contact:hover {
	background:url(../images/bouton_contact.jpg) top right no-repeat;
}

.formulaire_erreur, #formulaire_contact span {
	font-size:14px;
	color:#fc6232;
	font-style:italic;
}

#formulaire_contact span {
	margin-left:30px;
}

.formulaire_ok {
	font-size:20px;
	text-align:center;
	color:#a6b3d4;
	margin-top:100px;
}

/* ---------------- */
/* --- PAGE FAQ --- */
/* ---------------- */

/* liste ancre rubrique */
.contenu_rub_faq ul.spip {
	list-style:none;
	font-style:italic;
	font-size:15px;
	margin-bottom:55px;
	margin-top:35px;
}

.contenu_rub_faq ul.spip li {
	margin:2px 0px;
}

.contenu_rub_faq ul.spip li span {
	font-style:normal;
}

.contenu_rub_faq ul.spip li a {
	color:#000;
}

/* Liste faq */
#liste_faq {
	list-style:none;
}

.item_faq {
	margin-bottom:55px;
}

.item_faq h3.titre_faq {
	margin-bottom:12px;
	font-size:15px;
	width:637px;
}

.item_faq h3.titre_faq span {
	color:#afafaf;
}

.item_faq p {
	width:637px;
}

/* ---------------------------- */
/* --- PAGE NOS PARTENAIRES --- */
/* ---------------------------- */

/* Titre Nos Parteanires */
#descriptif_titre_partenaire {
	color:#4e68aa;
	font-weight:bold;
	margin-bottom:20px;
	width:637px;
}

/* Liste ancre dans la zone texte */
.contenu_rub_partenaire ul.spip {
	list-style:none;
	font-style:italic;
	font-size:15px;
	margin-bottom:55px;
}

.contenu_rub_partenaire ul.spip li {
	margin:2px 0px;
}

.contenu_rub_partenaire ul.spip li span {
	font-style:normal;
}

.contenu_rub_partenaire ul.spip li a {
	color:#2f3e6a;
}

/* LISTES DES PARTENAIRES */
#liste_des_partenaires {
	list-style:none;
}

/* sous-titres partenaires */
#liste_des_partenaires .sous_rubriques_partenaire h2 {
	font-size:15px;
	font-weight:bold;
	color:#2f3e6a;
	margin-bottom:25px;
}

/* Liste articles des sous-titres */
.liste_partenaire {
	list-style:none;
	margin-bottom:40px;
}

.liste_partenaire .item_partenaire {
	width:637px;
	height:103px;
	margin-bottom:20px;
}

/* Titres des articles */
.item_partenaire h3.titre_partenaire {
	color:#2f3e6a;
	font-size:15px;
	margin:3px 0px;
}

.item_partenaire p {
	margin-bottom:10px;
}

.item_partenaire .lien_partenaire {
	color:#afafaf;
	font-size:11px;
}

/* Logo Partenaires */
.logo_partenaire {
	background:url(../images/logo_partenaire.jpg) top left no-repeat;
	width:160px;
	height:103px;
	float:left;
	padding-right:20px;
}

/* -------------------------------- */
/* --- PAGE RAPPORT D'ACTIVITES --- */
/* -------------------------------- */
/* liste rapports d'activités */
#liste_rapport_activites {
	list-style:none;
}

#liste_rapport_activites .item_rapport_activites {
	padding-bottom:20px;
}

/* Sur-titre */
#liste_rapport_activites .item_rapport_activites .surtitre_rapport_activites {
	margin-bottom:10px;
	margin-top:40px;
}

/* Titres articles */
#liste_rapport_activites .item_rapport_activites h3 {
	margin-bottom:10px;
	font-size:15px;
}

/* Texte */
#liste_rapport_activites .item_rapport_activites p {
	width:637px;
	margin-bottom:10px;
}

/* Liste document */
.document_article_rapport {
	list-style:none;
	margin-bottom:20px;
}

.document_article_rapport li a {
	color:#afafaf;
	font-size:11px;
}

/* ----------------------- */
/* --- PAGE RESSOURCES --- */
/* ----------------------- */

#liste_rapport_activites .item_rapport_activites h3.titre_ressource {
	margin-top:40px;
}

#liste_rapport_activites .item_rapport_activites a.lien_ressource {
	color:#afafaf;
	font-size:11px;
	text-transform:none;
}

#liste_rapport_activites .item_rapport_activites .document_article_rapport li a {
	text-transform:none;
	color:#AFAFAF;
}

/* -------------------------- */	
/* --- PAGE ESPACE PRESSE --- */
/* -------------------------- */	

/* --- LOGIN --- */
/* formulaire entier */
#login_espace_presse #formulaire_login {
	width:295px;
	height:368px;
	background:#89b8e2 url(../images/login_presse.jpg) top left no-repeat;
	margin-left:160px;
	margin-top:100px;
}

#login_espace_presse a {
	color:#000;
	text-transform:uppercase;
}

#login_espace_presse #spip_pass {
	text-transform:none;
}

/* fieldset */
#login_espace_presse #formulaire_login fieldset {
	border:none;
	padding-top:84px;
}

/* titre du formulaire */
#login_espace_presse #formulaire_login fieldset legend {
	display:none;
}

/* liste du formulaire avec tous les champs */
#login_espace_presse #formulaire_login fieldset ul {
	list-style:none;
}

/* champ qui permet de rester logger pendant plusiseurs jours */
#login_espace_presse #formulaire_login fieldset ul .editer_session {
	display:none;
}

/* Champ nom de l'utilisateur */
#login_espace_presse #formulaire_login fieldset ul .editer_login, #login_espace_presse #formulaire_login fieldset ul .editer_password {
	margin-left:24px;
	color:white;
	font-size:16px;
	margin-bottom:35px;
}

#login_espace_presse #formulaire_login fieldset ul .editer_login #var_login, #login_espace_presse #formulaire_login fieldset ul .editer_password #password {
	width:246px;
	height:25px;
	border:1px solid white;
	font-size:16px;
}

/* Image du cadena */
#login_espace_presse #formulaire_login fieldset ul .editer_password #pass_securise img {
	display:none;
}

/* Lien "mot de passe oublié" */
#login_espace_presse #formulaire_login fieldset ul .editer_password span {
	margin-left:24px;
}

#login_espace_presse #formulaire_login fieldset ul .editer_password span a {
	color:#FFF;
}

/* bouton de validation */
#login_espace_presse #formulaire_login .boutons input[type="submit"] {
	background:url(../images/login_entrer.jpg) left top no-repeat;
	width:102px;
	height:31px;
	margin-left:92px;
}

#login_espace_presse #formulaire_login .boutons input[type="submit"]:hover {
	background:url(../images/login_entrer.jpg) right top no-repeat;
}

/* TEXTE */
#liste_rapport_activites .item_rapport_activites h3.espace_presse {
	color:#89b8e2;
}

/* ---------------------- */
/* --- PAGE RECHERCHE --- */
/* ---------------------- */

/* formulaire dans la page */
#formulaire_recherche_page {
	margin-bottom:10px;
	margin-top:30px;
}

#formulaire_recherche_page span {
	color:#53718B;
	float:left;
	font-size:15px;
	font-weight:bold;
	line-height:23px;
	margin-right:20px;
}

#formulaire_recherche_page #recherche_fov {
	margin-left:0px;
}

#formulaire_recherche_page #recherche_fov #bouton_presse {
	border:medium none;
	height:25px;
	width:36px;
	background:url(../images/bouton_recherche_page.jpg) left top no-repeat;
}

#formulaire_recherche_page #recherche_fov #bouton_presse:hover {
	background:url(../images/bouton_recherche_page.jpg) left top no-repeat;
}

/* Phrase nombre de résultats */
#resultat_recherche {
	color:#53718B;
	font-size:15px;
	font-style:italic;
}

/* Liste résultats */
#liste_resultat_recherche {
	list-style:none;
}

#liste_resultat_recherche li h3 {
	margin-bottom:10px;
	font-size:15px;
}

#liste_resultat_recherche li h3 a {
	color:#53718B;
	font-size:15px;
}

#liste_resultat_recherche li h3 span {
	color:#89b8e2;
}

#liste_resultat_recherche li h3 span.spip_surligne {
	color:#53718B;
}

#liste_resultat_recherche .item_resultat_recherche {
	padding:30px 0px;
}

#contenu_rub #liste_resultat_recherche #no_reponse_recherche {
	font-size:16px;
	color:#53718B;
	margin-top:30px;
	text-transform:none;
}

/* ------------ */
/* --- PLAN --- */
/* ------------ */

/* Titre Rubriques */
.plan_h2 a {
	color:#afafaf;
	font-size:15px;
	margin-bottom:10px;
}

.plan_h3 {
	color:#afafaf;
}

.liste_plan {
	list-style:none outside none;
	margin-bottom:20px;
	margin-left:20px;
}

.liste_plan li a {
	color:#4e68aa;
	font-weight:normal;
}

/* ------------------------ */
/* --- PAGE NEWSLETTERS --- */
/* ------------------------ */

#formulaire_newsletter {
	padding-bottom:20px;
}

#texte_formulaire_newsletter {
	color:#7ca6af;
	font-size:15px;
	font-weight:bold;
}

#formulaire_newsletter input[type=text], #formulaire_desinscrire input[type=text] {
	border-bottom:1px solid #7CA6AF;
	border-left:1px solid #7CA6AF;
	border-top:1px solid #7CA6AF;
	float:left;
	height:23px;
	width:376px;
	font-size:12px;
	text-align:right;
}

#formulaire_newsletter input[type=text]:focus, #formulaire_desinscrire input[type=text]:focus {
	text-align:left;
}

#formulaire_newsletter input[type=submit], #formulaire_desinscrire input[type=submit] {
	border:medium none;
	height:25px;
	width:36px;
	background:url(../images/bouton_recherche_page.jpg) left top no-repeat;
	margin-left:-1px;
}

#formulaire_newsletter input[type=submit], #formulaire_desinscrire input[type=submit] {
	background:url(../images/bouton_recherche_page.jpg) left top no-repeat;
}

#desinscription_newsletter {
	font-size:15px;
	margin-top:10px;
}

#desinscription_newsletter span {
	color:#afafaf;
}

#desinscription_newsletter a {
	color:#7ca6af;
}

.formulaire_newsletter_ok {
	font-size:20px;
	text-align:center;
	color:#7ca6af;
	margin-top:100px;
}

/* --- BOUTON APPLICATION --- */
#bouton_navigation_applications {
	float:right;
}

/* Commun */
.commun_appli {
	display:block;
	float:left;
	height:25px;
	width:24px;
	margin-left:5px;
}

.commun_appli span {
	margin-left:8px;
	margin-top:3px;
	position:absolute;
}

/* Solaire */
.solaire_appli {
	background:url(../images/bouton_solaire.jpg) top left no-repeat;
	color:#FFFFFF;
}

.solaire_appli:hover {
	background:url(../images/bouton_solaire.jpg) top right no-repeat;
	color:#FCDC32;
}

#bouton_navigation_applications .solaire_selected {
	background:url(../images/bouton_solaire.jpg) top right no-repeat;
	color:#FCDC32;
}

/* Bioclimatique */
.bio_appli {
	background:url(../images/bouton_bioclimatique.jpg) top left no-repeat;
	color:#FFFFFF;
}

.bio_appli:hover {
	background:url(../images/bouton_bioclimatique.jpg) top right no-repeat;
	color:#89B8E2;
}

#bouton_navigation_applications .bio_selected {
	background:url(../images/bouton_bioclimatique.jpg) top right no-repeat;
	color:#89B8E2;
}

/* Eolien */
.eolien_appli {
	background:url(../images/bouton_eolien.jpg) top left no-repeat;
	color:#FFFFFF;
}

.eolien_appli:hover {
	background:url(../images/bouton_eolien.jpg) top right no-repeat;
	color:#4E68AA;
}

#bouton_navigation_applications .eolien_selected {
	 background:url(../images/bouton_eolien.jpg) top right no-repeat;
	color:#4E68AA;
}
	 
/* Oceano */
.oceanographie_appli {
	background:url(../images/bouton_oceanographique.jpg) top left no-repeat;
	color:#FFFFFF;
}

.oceanographie_appli:hover {
	background:url(../images/bouton_oceanographique.jpg) top right no-repeat;
	color:#7CA6AF;
}

#bouton_navigation_applications .oceano_selected {
	background:url(../images/bouton_oceanographique.jpg) top right no-repeat;
	color:#7CA6AF;
}

/* MODIF FRANCK DU 16/09/2010
------------------------------------------------------------------------------------- */
#contenu_article p span {
	margin-left:10px;
}

.lien_organisation_agenda {
	color:#7D7D7D;
}

/* MODIF FRANCK DU 15/12/2010
------------------------------------------------------------------------------------- */
ul.subMenu {
	display:none;
}

#menu ul.navigation li.open ul.open_at_load {
	display:block;
}