/*
Vert: #80BB26
bleu: #30B394
*/

* {
  padding: 0;
  margin: 0; 
}

html {
  background: #757575;
}

body {
  font: normal 62.5% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000;
}

a {
  color: #30B394;
  text-decoration: underline;
}

a:hover, a:focus {
  text-decoration: none;
  color: #80BB26;
}

img {
  border: none;
}

#change_language {
	float: right;
	padding-right: 2em;
}

#change_language a {
	float: left;
}

#change_language a img {
	padding: 0;
}

p {
  font-size: 1.3em;
  /*margin: 0 0 1em 0;*/
}

h2 {
  text-align: center;
  color: #30B394;
  font-weight: bold;
  font-size: 1.6em;
  text-decoration: underline overline;
  margin: 0 0 20px 0;
}

h3 {
  text-align: center;
  color: #80BB26;
  font-weight: bold;
  font-size: 1.5em;
  margin: 0 0 15px 0;
}

.clear {
  clear: both;
}

strong {
  font-style: bold;
  color: #30B394;
}

h4 {
padding: 0 10px 3px 10px;
font-weight: bold;
font-size: 1.3em;
}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted;
}

address {
	font-size: 1.3em;
	padding: 0 0 2em 2em;
}

/**************************/
/*******  Header  *********/
/**************************/

#Header {
  position: relative;
  width: 739px;
  margin: 20px auto 0 auto;
  height: 156px;
  background: url(images/header.png) no-repeat bottom left;
}

#Header h1 {
  position: relative;
  top: 20px;
  text-align: center;
  font-size: 3em;
}

#Header ul {
  position: absolute;
  bottom: 0;
  left: 2px;
  list-style-type: none;
  height: 37px;
}

#Header li {
  float: left;
  margin: 0 0 0 0;
  font-size: 1.3em;
  font-weight: bold;
}

#Header a {
  color: #fff;
  text-decoration: none;
  display: block;
}

#Header img {
  padding: 0 1.5em;
}


  /*******  Menu texte  *********/


#acc span {
  display: block;
  padding: 6px 0 0 11px;
}

#laf span {
  display: block;
  padding: 6px 0 0 15px;
}

#act span {
  display: block;
  padding: 6px 0 0 15px;
}

#fai span {
  display: block;
  padding: 6px 0 0 10px;
}

#con span {
  display: block;
  padding: 6px 0 0 14px;
}

#qui span {
  display: block;
  padding: 6px 0 0 14px;
}

#Header #acc a {
  position: relative;
  width: 71px;
  background-image: url(images/ongleaccueil1.png);
  background-repeat: no-repeat;
  /*margin: -10px 15px;*/
  height: 37px;
  padding: 0px 0;
}


  /*******  Menu images  *********/


#Header #acc a:hover, #Header #acc a:focus, #Header #acc .current {
  background-position: -71px 0;
}

#Header #laf a {
  position: relative;
  background-position: 0 0;
  background-image: url(images/ongletanthony.png);
  background-repeat: no-repeat;
  /*margin: -10px -18px;*/
  width: 189px;
  height: 37px;
}

#Header #laf a:hover, #Header #laf a:focus, #Header #laf .current {
  background-position: -189px 0;
}

#Header #act a {
  position: relative;
  background-position: 0 0;
  background-image: url(images/ongletactualites.png);
  background-repeat: no-repeat;
  /*margin: -10px 14px;*/
  width: 98px;
  height: 37px;
}

#Header #act a:hover, #Header #act a:focus, #Header #act .current {
  background-position: -98px 0;
}

#Header #fai a {
  position: relative;
  background-position: 0 0;
  background-image: url(images/ongletdon.png);
  background-repeat: no-repeat;
  /*margin: -10px -15px;*/
  width: 102px;
  height: 37px;
}

#Header #fai a:hover, #Header #fai a:focus, #Header #fai .current {
  background-position: -102px 0;
}

#Header #con a {
  position: relative;
  background-position: 0 0;
  background-image: url(images/ongletcontact.png);
  background-repeat: no-repeat;
  /*margin: -10px 14px;*/
  width: 126px;
  height: 37px;
}

#Header #con a:hover, #Header #con a:focus, #Header #con .current {
  background-position: -126px 0;
}

#Header #qui a {
  position: relative;
  background-position: 0 0;
  background-image: url(images/ongletqui.png);
  background-repeat: no-repeat;
  /*margin: -10px -15px;*/
  width: 138px;
  height: 37px;
}

#Header #qui a:hover, #Header #qui a:focus, #Header #qui .current {
  background-position: -138px 0;
}

/**************************/
/******  Conteneur  *******/
/**************************/

#Conteneur {
  width: 739px;
  margin: 0 auto 20px auto;
  /*padding: 46px 0 5px 0;*/
  padding: 0 0 0 0;
  background: #fff url(images/basfond.png) no-repeat bottom left;
}

#Content {
  width: 669px;
  background: url(images/fond.png) repeat-y top left;
  padding: 30px 40px 0px 30px;

}

#Content p {
  /*padding: 0 40px 0 40px;*/
  margin: 0 0 2em 0;
}


  /*******  Texte  *********/


.text {
  text-align: center;
}

#text_gris {
	padding-left:1em;
	padding-right:1em;
}

#Contenu {
  Text-align: justify;
}

#Content ul {
	padding-bottom:1em;
	padding-left:2em;
	font-size:1.3em;
}

#Content ul li {
	margin-bottom:0.6em;
}

#BasFond {
  width: 739px;
  margin: 0 auto;
  padding: 0 0;
}

#Presentation {
  position: relative;
  width: auto;
  height: 220px;
}

#Presentation h2 {
  width: 374px;
  font-weight: bold;
  font-size: 1.9em;
  text-align: left;
  color: #80BB26;
  text-decoration: none;
}

#PresentationImg {
  left: 20px;
  margin: 0 20px 0 0;
  float:left;
}

#PresentationImg img {
  margin: 0 20px 0 0;
}

#PresentationTxt {
  position: absolute;
  top: 40px;
  left: 380px;
  width: 270px;
}

#PresentationTxt div {
  text-align: justify;
}


#Jacouri {
  clear: both;
  padding: 100px 0 0 0;
}

#adress {
  clear: both;
  padding: 10px 0 0 0;
}

/**************************/
/*******  l'affaire  ******/
/**************************/

#laffaire div {
  margin: 0 0 20px 0;
}

#laffaire h2 {
  padding: 0 40px 0 40px;
  margin: 0 0 2em 0;
}

#laffaire p {
  margin: 0 0 1em 0;
  text-align: justify;
  text-indent: 20px;
  padding: 0 10px 0 10px;
}

#laffaire .chapeau {
	text-indent:0px;
}

#LesErreurs img {
  float: right;
  padding: 0 0 0 20px;
}

#Proces img {
  float: left;
  padding: 0 20px 0 0;
}

.ActualiteFond img {
  float: right;
  padding: 0 10px 0 20px;
}

#UnMeurtre img {
  float: right;
  padding: 0 0 10px 20px;
}

#txtfloat {
  clear: both;
}

/**************************/
/*****  Actualites  *******/
/**************************/

.ActualiteFond {
  background: #F3F3F3;
  border-top: 2px #D9D8D8 solid;
  border-bottom: 2px #D9D8D8 solid;
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
}

#Actualite p {
text-align: justify;
padding: 0 10px 0 10px;
}

.dates {
  font-size: 1em;
  color: #80BB26;
  font-weight: bold;
  padding: 0 50px 0 50px;
}

#sefyu img {
  float: right;
  padding: 0 10px 0 20px;
}

blockquote {
	font-size:1.4em;
	font-style:italic;
	padding:0 10px 1em 10px;
	font-family: "Times New Roman", Times, serif;
	text-align: justify;
}

.italic {
	font-style: italic;
}

/**************************/
/****  Faire un don  ******/
/**************************/

.adresse {
  text-align: center;
  color: #80BB26;
}

.DonTxt {
  text-align: justify;
  padding: 0 10px 0 10px;
}

.paypal input {
	margin: 0 22em;
}

/**************************/
/*******  Contact  ********/
/**************************/


fieldset {
  border: 0;
}
legend {
  display: none;
}

#formulaire label {
  width: 20%;
  float: left;
  text-align: right;
  padding-right: 1%;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
}

.forinput {
  border:1px solid #80BB26;
  width:60%;
  margin: 0 0 10px 0;
  padding: 2px 2px 2px 2px;
}


.forinput:hover, .forinput:focus {
  border:1px solid #30B394;
}

#formulaire textarea {
  border:1px solid #80BB26;
  width:60%;
  padding: 2px 2px 2px 2px;
  margin: 0 0 10px 0;
}

#commentaire:hover, #commentaire:focus {
  border:1px solid #30B394;
}

#BtnEnvoie {
  text-align: center;
}

#obligatoire {
  padding: 0 0 0 0;
  font-style: italic;
  margin: 0 0 -20px 0;
  text-align: center;
}

#obligatoire p {
  font-size: 1em;
}

dl{
  font-size: 1.3em;
}
dd {
	font-weight: bold;
	color: #30B394;
	float: left;
	width: 110px;
	text-align: left;
	padding-right: 5px;
}
dt {
 margin-left: 115px;
}

dt span {
	float:left;
	display: block;
	width: 100px;
}

.ActualiteFond2 {
  background: #F3F3F3;
  border-top: 2px #D9D8D8 solid;
  border-bottom: 2px #D9D8D8 solid;
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
}

#contacth4 {
  padding: 0 10px 3px 10px;
  font-weight: bold;
  font-size: 1.3em;
  margin: 0 0 15px 0;
}


/**************************/
/***  Qui sommes nous  ****/
/**************************/

#QuiSommesNous p {
  text-indent: 20px;
  text-align: justify;
}

#photocontact2 {
	width: 100%;
	text-align: center;
}

#photocontact2 p {
	text-indent: 0px;
	width: 100%;
	text-align: center;
	color: #80BB26;
	font-weight: bold;
}

#QuiTxt {
  background: url(images/guillemets4.png) no-repeat bottom right;
  padding: 0 0 0.1em 0;
}

#QuiTxt div {
  background: url(images/guillemets3.png) no-repeat top left
  
}

/**************************/
/*******  Credits  ********/
/**************************/

#CreditsTxt p {
  padding: 0 10px 0 10px;
}

#CreditsImg {
padding: 0 10px 10px 10px;
}

#adresseAC {
  margin: -25px 0 20px 0;
}

/**************************/
/*****  Plan du site  *****/
/**************************/

#PlanTxt ul {
  padding: 0 0 20px 80px;
  font-size: 1.3em;
  list-style: url(images/puce2.png);
}

#PlanTxt li {
margin: 0 0 10px 10px;
}

#PlanTxt a {
  padding: 0 0 0 10px;
}

/**************************/
/*******  F.A.Q.  *********/
/**************************/

#FaqTxt p {
  padding: 0 10px 0 10px;
  text-align: justify;
  text-indent: 20px;
}

/**************************/
/*******  Footer  *********/
/**************************/

#Footer {
  width: 739px;
  margin: 0 auto;
  background-image: url(images/footer.png);
  background-repeat: no-reapeat;
  height: 85px;
}

#Footer p {
  position: relative;
  text-align: center;
  top: 2.1em;
}