/* CSS Document */

body {
	background: url(../images/fondsite.jpg);
	background-attachment:fixed;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font-family: Verdana;
	text-align: left;
	font-size: 8px;
	color: #3F8EC7;
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	scrollbar-face-color: #3F8EC7;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #babcbc;
	scrollbar-arrow-color: #FFFFFF;
	height: 100%;
}
/* tableau central */
.cadre_centre {
	width:1000px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
	color: #C6D4DF;
}
#cadre_centre {
	width:1000px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
}
/* bloc des news */	
#news {
	background-image:url(../images/fond_bloc_droit_actus.png);
	font-family: Verdana;
	color: #071e2d;
	font-size:8pt;
	height:178px;
	text-align:justify;
}
/* bloc découvrez l'effet colibri */	
#qui_sommes_nous {
	background-image:url(../images/fond_decouvrez_lassociation.png);
	font-family: Verdana;
	color: #071e2d;
	font-size:10pt;
	height:220px;
width=529px;
	text-align:justify;
}
/*  recherche */	
#recherche {
	background-image:url(../images/fond_page.png);
	font-family: Verdana;
	color: #071e2d;
	font-size:8pt;
	height:521px;
	text-align:justify;
}
/*  page confirm newsletter */
#newsletter {
	width:700px;
	height:495px;
	font-size:12px;
	color:#003;
	margin: 0;
}
#texte_newsletter {
	width:476px;
	height:35px;
	top:123px;
	right: 270px;
	position:absolute;
}
/*  éléments formulaire de contact */
.error {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#F00
}
.textes_formulaire_contact {
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#0E4870
}
.bouton {
	background-color:#3F8EC7;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-size:11px;
	margin:10px 0;
	padding:5px 10px
}
.champ_formulaire {
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#ffffff;
	background-color:#3F8EC7
}
/*  liens Qui sommes nous */
.liens_actions {
	font-family: verdana;
	font-size: 12px;
	color: #2D2C13;
	text-decoration: none;
}
a.liens_actions:hover {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#2D2C13;
}
/*  liens Vie du projet*/
.liens_appel {
	font-family: verdana;
	font-size: 12px;
	color: #1B4767;
	text-decoration: none;
}
a.liens_appel:hover {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#1B4767;
}
/*  liens Nos partenaires */
.liens_partenaires {
	font-family: verdana;
	font-size: 12px;
	color: #312710;
	text-decoration: none;
}
a.liens_partenaires:hover {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#312710;
}
/*  liens Contact */
.liens_contact {
	font-family: verdana;
	font-size: 12px;
	color: #061C2B;
	text-decoration: none;
}

.liens_contact_gras {
	font-family: verdana;
	font-size: 12px;
	color: #061C2B;
	font-weight:bold;
	text-decoration: none;
}

.liens_contact_italique {
	font-family: verdana;
	font-size: 12px;
	color: #061C2B;
	font-style:italic;
	text-decoration: none;
}

a.liens_contact:hover {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#061C2B;
}
/*  liens l'Effet Colibri vous recommande */
.liens_recommande {
	font-family: verdana;
	font-size: 12px;
	color: #5E534D;
	text-decoration: none;
}
a.liens_recommande:hover {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#5E534D;
}
/*  liens  Espace Vidéos */
.liens_video {
	font-family: verdana;
	font-size: 12px;
	color: #893B8C;
	text-decoration: none;
}
a.liens_video:hover {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#893B8C;
}
/*  liens Offres Emplois */
.liens_emplois {
	font-family: verdana;
	font-size: 12px;
	color: #8E8E8E;
	text-decoration: none;
}
a.liens_emplois:hover {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#8E8E8E;
}
/*  liens Documents */
.liens_documents {
	font-family: verdana;
	font-size: 12px;
	color: #31592D;
	text-decoration: none;
}
a.liens_documents:hover {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#31592D;
}
/*  Info bulle */
    a.infobulle em {
	display:none;
}
a.infobulle {
	text-decoration:underline;
	font-family: Verdana;
	color: #071e2d;
}
a.infobulle:hover {
	border: 0;
	position: relative;
	z-index: 500;
	text-decoration:none;
	background-color:#E9F1F6;
}
a.infobulle:hover em {
	z-index: 500;
	font-family:Verdana;
	text-align:left;
	font-size:11px;
	font-style: normal;
	display: block;
	position: absolute;
	top: 20px;
	left: +20px;
	padding: 5px;
	color: #FFFFFF;
	border: 1px solid #001F33;
	background: #3F8FC8;
	width:200px;
}
a.infobulle:hover em span {
	z-index: 500;
	position: absolute;
	top: 1px;
	left: 1px;
	height: 24px;
	width: 150px;
	background-image:url(../images/infobulle.jpg);
	background-repeat: no-repeat;
	margin:0;
	padding: 4;
	border: 0;
}
/*  eco gestes */
#eco_gestes {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#24628D;
	overflow:auto;
	position:relative;
	left:1px;
	top:6px;
	width:700px;
	height:518px;
	z-index:3;
}
#titre_eco_gestes {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	color:#24628D;
	position:absolute;
	left:233px;
	top:9px;
	width:432px;
	height:51px;
	z-index:3;
}
.legende_eco_gestes {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#24628D;
	font-weight:100
}
/*  socio gestes */
#socio_gestes {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#24628D;
	overflow:auto;
	position:relative;
	left:1px;
	top:6px;
	width:700px;
	height:518px;
	z-index:3;
}
#titre_socio_gestes {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	color:#24628D;
	position:absolute;
	left:233px;
	top:9px;
	width:432px;
	height:51px;
	z-index:3;
}
.legende_socio_gestes {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#24628D;
	font-weight:100
}
/*  insertion blog */
#direct_blog {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:16px;
	color: #071e2d;
	position:absolute;
	/*left:219px;*/
	top:526px;
	width:528px;
	height:253px;
	z-index:1;
}
#liens_blog {
	font-family: verdana;
	font-size: 12px;
	color: #1B4767;
	text-decoration: none;
}
/*  tableau sites internet*/
#tableau_sites_internet {
	position:relative;
	left:1px;
	top:0px;
	width:700px;
	height:520px;
	z-index:3;
}
#tableau_interne_sites {
	z-index:4;
	overflow:auto;
	top:20px;
	height:430px;
}
.intro_sites_internet {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #071e2d;
}
table#sample {
	background-color:#DBD1CC;
	width: 96%;
}
table#sample td {
	padding: 0px;
	border: solid #84766F 0px;
	text-align: left;
}
.data_sites_internet {
	color: #071e2d;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color: #CCCCCC;
}
.toprow {
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	background-color: #72665F;
}
.leftcol {
	font-weight: bold;
	color: #071e2d;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width: 150px;
	background-color: #CCCCCC;
}
/*  tableau offres d'emploi*/
#tableau_offres_emploi {
	position:absolute;
	overflow:auto;
}
.intro_offres_emploi {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #071e2d;
}
table#sample {
	background-color:#DBD1CC;
	width: 100%;
	text-align: center;
}
table#sample td {
	padding: 0px;
	border: solid #84766F 0px;
	text-align: left;
}
.data_offre_emploi {
	color: #071e2d;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color: #CCCCCC;
}
.toprow_emploi {
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	background-color: #A6A6A6;
}
.leftcol {
	font-weight: bold;
	color: #071e2d;
	text-align: right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width: 70px;
	background-color: #CCCCCC;
}
/*  tableau press room*/
#tableau_press_room {
	position:absolute;
	overflow:auto;
}
.intro_press_room {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #071e2d;
}
.soustitre_press_room {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color: #071e2d;
}
table#sample {
	background-color:#DBD1CC;
	width: 100%;
	text-align: center;
}
table#sample td {
	padding: 0px;
	border: solid #84766F 0px;
	text-align: left;
}
.data {
	color: #071e2d;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color: #B4CBB2;
}
.toprow_pressroom {
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	background-color: #457141;
}
.leftcol_press_room {
	font-weight: bold;
	color: #071e2d;
	text-align: right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width: 100px;
	background-color: #B4CBB2;
}
/*Texte important*/
.important {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#600;
	text-decoration: blink;
}
#popExemple {
	width:220px;
	height:190px;
	position: absolute;
	top: 237px;
	left: 355px;
	z-index: 10000; /* utile pour que votre fenêtre passe au dessus du reste */
}
#info_home {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#600;
	width:300px;
	height:50px;
}

/* plan du site*/
# plan_site {background-color:#0C6; position:absolute; width:400px; height:300px}

#visuel_plan_site {
	position:relative;
	left:10px;
	top:20px;
	width:271px;
	height:307px;
	z-index:1;
}
#liens_plan_site {
	background-color:#D1D9DF;
	position:absolute;
	left:640px;
	top:254px;
	width:398px;
	height:493px;
	z-index:2;
}
#liens_plan_sitesuite {
background-color:#D1D9DF;
	position:absolute;
	left:848px;
	top:254px;
	width:218px;
	height:493px;
	z-index:2;
}
.liens_plan {
	font-family: verdana;
	font-size: 10px;
	color: #8E8E8E;
	text-decoration: none;
}
.liens_plan_titre {
	font-family: verdana;
	font-size: 10px;
	color: #2F1F14;
	text-decoration: none;
}
a.liens_plan:hover {
	font-family: verdana;
	font-size: 10px;
	color: #ffffff;
	
}

#plansite tr:hover {
   background-color:#A9C1D9;
}