/*Div globale*/
html, body {
	height: 100%;
}

body {
	background-color: #7fc6bc;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(/media/site/gen/fond_accueil.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

html, body, table, th, tr, td, p, ul, li, img, h1, h2, h3, h4, h5, h6, a, legend, form, input {
	margin: 0;
	padding: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
#retour_ligne {
	clear: both;
}
div#global {
	width:980px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: -58px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}
div#flux_page {
	top: 0px;
	left: 0px;
	width: 985px;
	z-index: 5;
	visibility: visible;
	height: 610px;
}



/*En-tête */
#titre_site {
	top: 277px;
	margin-top: 5px;
	width: 365px;
	z-index: 3;
	position: absolute;
	visibility: visible;
	left: 50px;
	height: 128px;
}
#photos {
	top: 0px;
	height: 270px;
	width: 980px;
	z-index: 3;
	position: absolute;
	visibility: visible;
	left: 0px;
	background-image: url(/media/site/gen/filet_accueil.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.separateur {
	height: 1px;
	clear: both;
}

/* Actualités et Agenda sur l'accueil du site */
#remontees {
	z-index: 5;
	width: 535px;
	top: 238px;
	height: 375px;
	right: 0px;
	position: absolute;
	background-image:url(/media/site/gen/fond_vert.png);
}

#fond_remontees {
	z-index: 4;
	width: 535px;
	top: 270px;
	height: 375px;
	right: 0px;
	position: absolute;
	background-image:url(/media/site/gen/fond_vert_court.png);
	opacity:0;
	filter:alpha(opacity=0);
}
#etiquette {
	float: left;
}
#revue, #dossier {
	float: left;
	position: relative;
	margin-bottom: 30px;
	width: 180px;
}

#revue p a, #dossier p a {
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 45px;
	margin-top: 5px;
	display: block;
}
#revue img.vignettes, #dossier img.vignettes {
	border: 1px solid #FFFFFF;
	margin-left: 45px;
	margin-top: 20px;
}
#revue p a, #dossier p a {
  color:#FFFFFF;
  display:block;
  font-weight:bold;
  margin-top:5px;
  padding-left:45px;
}
#actualitees {
	z-index: 3;
	width: 535px;
	top: 0px;
	right: 0px;
	position: relative;
	background-color: #abd557;
	float: left;
	padding-top: 5px;
}
#mediatheque {
	float: left;
	width: 153px;
	right: 0px;
	text-align: left;
	color: #f3ffd9;
	font-size: 11px;
}
#actus {
	float: left;
	width: 204px;
	right: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #f3ffd9;
	font-size: 11px;
}
#agenda {
	width: 178px;
	right: 0px;
	float: left;
}

#actus a.actus {
	vertical-align: middle;
	float: right;
	margin-top: 18px;
	color: #e67300;
	width: 150px;
	text-align: right;
}
#actus a.agenda {
	vertical-align: middle;
	float: right;
	margin-top: 18px;
	color: #97cc2d;
	width: 150px;
	text-align: right;
}
#actus p {
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 155px;
	float: right;
	clear: both;
	margin-right: 30px;
}
#mediatheque p {
	clear:both;
	float:left;
	font-size:11px;
	margin-bottom:7px;
	margin-left:12px;
	margin-top:5px;
	text-align:left;
	width:125px;
}
#mediatheque a{
	float:right;
	font-size:10px;
	font-weight:bold;
	margin-top:0;
	text-align:right;
	width:150px;
}
#agenda p {
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 155px;
	float: right;
	margin-right: 10px;
}
#actus a, #agenda a{
	color: #f3ffd9;
}
#actus a.date_titre_actu, #agenda a.date_titre_actu, #mediatheque a.date_titre_actu {
	text-align: right;
	color: #668b28;
	font-weight: bold;
}
#actus a.date_agenda {
	color: #97cc2d;
}
#actus a.titre {
	color: #FFFFFF;
	line-height: 15px;
}
#actus a.resume {
	color: #f3ffd9;
}
#actus a:hover, #agenda a:hover, #mediatheque a.date_titre_actu:hover {
	color: #ffffff;
}

/* Div services en plus */
#services {
	z-index: 3;
	width: 155px;
	top: 470px;
	height: 90px;
	right: 100px;
	position: absolute;
	text-align: right;
}

.persos_blancs{
	float:left;
	left:-5px;
	position:absolute;
	top:140px;
	z-index:3;
}

#bandeau_en_un_clic{
	height:0;
	position:absolute;
	left:-2000px;
	top:412px;
	width:980px;
	z-index:50;
}

.titre_en_un_clic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

#bandeau_en_un_clic a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding-left:1px;
	padding-right:1px;
}

#bandeau_en_un_clic a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#85BB34;
	background:#FFFFFF;
	padding-left:1px;
	padding-right:1px;
}

#bandeau_en_un_clic p {
	float:left;
	width:131px;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#d3eab0;
	margin-left:10px;
	margin-top:10px;
	margin-bottom: 5px;
	padding-left:5px;
	/*opacity:0;
	filter:alpha(opacity=0);*/
}

#fond_bandeau_en_un_clic{
	background-color:#85BB34;
	height:0px;
	left:0px;
	position:absolute;
	top:412px;
	width:980px;
	z-index:5;
}

.maj{
	float:right;
	position:absolute;
	right:1px;
	top:616px;
	z-index:10;
	/*width: 195px;*/
}

.texte_maj{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7fc6bc;
}
.texte_maj a{
	font-size:10px;
	color:#96CA2D;
}
.mention_accueil {
	float:left;
	left:5px;
	position:absolute;
	top:272px;
	z-index:10;
}
.mention{
	float:left;
	left:5px;
	position:absolute;
	top:272px;
	z-index:10;
}

.texte_mention{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7fc6bc;
}

/* Newsletter*/
#newsletter {
  float:left;
  height:18px;
  left:6px;
  position:absolute;
  top:592px;
  width:350px;
}
#newsletter form {
  height:21px;
  padding-left:5px;
  padding-right:5px;
}
#newsletter p {
  color:#7FC6BC;
  float:left;
  height:13px;
  padding-right:5px;
  padding-top:2px;
  text-align:left;
}
#newsletter a {
  border-bottom:1px solid #7FC6BC;
  border-right:1px solid #7FC6BC;
  border-top:1px solid #7FC6BC;
  float:left;
  height:13px;
  padding-right:5px;
  padding-top:2px;
  text-align:left;
}
#newsletter input {
	background-color:#FFFFFF;
	border-bottom:1px solid #7FC6BC;
	border-left:1px solid #7FC6BC;
	border-top:1px solid #7FC6BC;
	color:#7FC6BC;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	height:14px;
	padding-left:5px;
	padding-top:1px;
	width:150px;
}

#projets{
    height: 110px;
    left: 205px;
    position: absolute;
    top: 465px;
    width: 220px;
}


/* Fond accueil*/
#feuilles_accueil{
	position:absolute;
	top:470px;
	float:left;
	height: 80px;
	width: 125px;
	z-index: 2;
	background-image: url(../images/feuilles.gif);
	background-repeat: no-repeat;
}


/*Mise en forme boutons dans le contenu de l'article*/
p.bouton {
  margin-bottom: 20px;
  margin-right: 10px;
  text-align: left;
}
a.bouton, #sondage a.bouton, #textes_page a.bouton {
  color: #ffffff;
  border: 1px solid #A7D461;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #A7D461;
}
a.bouton:hover, #sondage a.bouton:hover, #textes_page a.bouton:hover {
  color: #ffffff;
  border: 1px solid #8dbf44;
  background-color: #8dbf44;
}

/** liste des extranets */
#extranet {
	font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  padding-left:10px;
  color:#7FC6BC;
  padding-top:10px;
  position: absolute;
  z-index: 1000;
  width: 180px;
  background-color: #7FC6BC;
  padding-right: 10px;
  padding-bottom: 10px;
  border: 2px solid #419CA6;
  display: none;
	min-height:100px;
  bottom:19px;
  right:0;
}
#extranet form {
  margin-left: 20px;
}
#extranet input {
  margin-bottom: 10px;
  width: 140px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #403C38;
  height: 14px;
  padding-top: 2px;
}
#extranet ul {
  list-style-position: outside;
  list-style-image: url(/media/site/gen/puce_article_aconsulter.gif);
  font-weight: normal;
  margin-top: 5px;
  margin-left: 23px;
  margin-bottom: 5px;
  font-size: 11px;
  margin-right: 10px;
}
#extranet p {
  color:#FFFFFF;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 2px;
}
#extranet a {
  color: #FFFFFF;
  font-size: 11px;
  font-weight:bold;
}
#extranet a.hover {
  color: #4D4741;
  font-weight:bold;
}
#extranet h3 {
  color:#FFFFFF;
  font-size: 13px;
  margin-bottom: 15px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 20px;
  background-image: url(/media/site/gen/filet_article_titre.gif);
  background-repeat: no-repeat;
  background-position:left bottom;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #B5E655;
  padding-bottom: 5px;
}


/* Bloc Envoyer à un ami*/

#envoyer_ami {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  padding-left:10px;
  color:#7FC6BC;
  padding-top:10px;
  position: absolute;
  z-index: 1000;
  width: 400px;
  left: 268px;
  top: 259px;
  background-color: #7FC6BC;
  padding-right: 10px;
  padding-bottom: 10px;
  border: 2px solid #419CA6;
  display: none;
}
#envoyer_ami_message{
  display:none;
  z-index: 1000;
  top: 215px;
  left: 208px;
  width: 508px;
}
#envoyer_ami h3 {
  color:#FFFFFF;
  font-size: 13px;
  margin-bottom: 15px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 20px;
  background-image: url(/media/site/gen/filet_article_titre.gif);
  background-repeat: no-repeat;
  background-position:left bottom;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #B5E655;
  padding-bottom: 5px;
}
#envoyer_ami p, #envoyer_ami_message p {
  color:#FFFFFF;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 2px;
}
#envoyer_ami p.note {
  font-size: 10px;

}
#envoyer_ami form {
  margin-left: 20px;
}
#envoyer_ami input {
  margin-bottom: 10px;
  width: 300px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #403C38;
  height: 14px;
  padding-top: 2px;
}
#envoyer_ami textarea {
  margin-bottom: 5px;
  width: 300px;
  color: #403C38;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}
#envoyer_ami p.liens, #envoyer_ami_message p.liens {
  color: #E67300;
  height: 15px;
  text-align: right;
  font-size: 11px;
  float: right;
  margin-top: 5px;
  margin-right: 0px;
  margin-left: 10px;
  border: 1px solid #FFFFFF;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
}
#envoyer_ami img.liens, #envoyer_ami_message img.liens {
  vertical-align: top;
  padding-left: 0px;
  padding-right: 3px;
}
#envoyer_ami a.liens, #envoyer_ami_message a.liens {
  color: #FFFFFF;
  font-size: 10px;
}
#envoyer_ami a.liens:hover, #envoyer_ami_message a.liens {
  color: #4D4741;
}