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

body {
	font-size: 12px;
	font-family:Arial, Georgia, "Times New Roman", Times, serif;
	background: #f5f6d1;
	margin: 0; 
	padding: 0; 
	color:green;
}


#container { 
	width: 999px;
	height:auto;
	margin: 0 auto;
	position: relative;
}


#header {
	position:relative;
	top:0px;
	background: url(./img/header.png) no-repeat;
	width:999px;
	height:149px;
}


#flash {
	background: url(./img/flash.jpg) no-repeat;
	width:717px;
	height:59px;
	margin: 12px 0 0 230px;
	left:230px;
}


#flash span{
	position:relative;
	padding: 0px 20px;
	top:5px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}	

	
#flash p{
	padding: 1px 125px;
	color:#2b2b2b;
	font-size:13px;
	margin-top: -9px;
	margin-left: 25px;
	font-weight:bold;
}


#liens{
	width:230px;
	height:auto;
	float:left;
	font-weight:bold;
}


#liens ul li {
	list-style-image:url(./img/fleur.png);
	margin-left:8px;
}


#liens a{
	line-height: 300%;
	font-size: 15px;
	font-weight:bold;
}


#contenu {
	width:769px;
	height:auto;
	position:relative;
	top:15px;
	float:left;
	color:#bbbc99;
}


#contenu_haut {
	background: url(./img/content_haut.jpg) no-repeat;
}


#contenu_milieu {
	background: url(./img/contenu_milieu.png) repeat-y;
	min-height:429px;
	_height:429px;
	height:auto;
	font-size:13px;
}


#contenu_milieu p {
	width:580px;
	margin: 0 0; 
	margin-left:50px;
	text-align: justify;
	padding: 20px;
}


.contact {
	width:380px;
	margin-left:160px;
	text-align: justify;
}


#contenu_milieu form{
	margin-left:5px;
}


#liens_titre {
	font-size: 15px;
	margin-left: 10px;
	color:#f1f2d6;
	position:relative;
	top: -10px;
}


#liens_page {
	font-size: 15px;
	position:relative;
	top: 20px;
}


#contenu_bas {
	background: url(./img/contenu_bas.jpg) no-repeat;
}


#mail {
	width: 100px;
	height:14px;  
	margin-left:48px;
	border:none;
}


#mail img {
	border:none;
}


.footer {
	clear:both;
	background: url(./img/footer.jpg) no-repeat;
	width:999px;
	height:172px;
}


.footer ul{
	position:relative;
	margin-left:200px;
}


.footer li{
	position:relative;
	top:153px;
	display:inline;
	font-size:12px;
}


.footer a:link { 
	text-decoration: none; 
	color: #43220a;
}


.footer a:visited { 
	text-decoration: none; 
	color: #43220a;
}


.footer a:hover{
	text-decoration: underline; 
	color: #43220a;
}


.footer a:active { 
	text-decoration: underline; 
	color: #43220a;
}

.footer_copyright {
	position:relative;
	margin-left:675px;
	top:127px;
	color:#96cbdf;
	font-size:10px;
}


#photos {
	margin-left: 60px;
}


.gac_li {
	margin:-15px 0px 0px 45px;
	padding:0 170px 0 60px;
	line-height:130%;
}


ul.gac_li li{
	list-style-type:square;
}


.gac_li_underline {
	text-align: justify;
	margin:0 0 25px 60px;
	padding: 25px;
	width:550px;
}


ul.gac_li_underline li{
	list-style:square;
	text-decoration:underline;
}


.gac_slogan {
	margin-left:430px;
	line-height: 200%;
	color:#c975ad;
	font-size: 16px;
	font-weight:bold;
}


#gac_panier {
	background: url(./img/panier.jpg) no-repeat;
	width: 108px;
	height:81px;
	position:relative;
	margin-left: 40px;
}


#gac_montsaintguibert {
	position:relative;
	margin-left:160px;
	top:-40px;
	color:#8cd38c;
	font-size: 14px;
}


.gac_p1_p3 {
	margin-left:330px;
	font-size: 16px;
}


#gac_p2_back {
	margin-left:280px;
}


#gac_p2_next{
	margin-left:0px;
}


.bold_underline {
	text-decoration:underline;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}


.bold {
	font-weight:bold;
}


a:link { 
	text-decoration: none; 
	color: #aecccb;
}


a:visited { 
	text-decoration: none;
	color: #988923;
}


a:hover{
	text-decoration: underline; 
	color: #43220a;
}


a:active { 
	text-decoration: underline; 
	color: #a65b2a;
}


.grisha {
	position:relative;
	margin-left:870px;
	top:113px;
	font-size:10px;
	color:blue;
}


a.info_bulle span {
  display: none;
}  


a.info_bulle {				
  color: #red; /* Couleur de notre lien */
  font-size: 1.2em;   /* Taille de la police */
  text-decoration: none;    /* Aucun soulignement du texte */
  padding: 0px 16px 0px 2px; /*Définition des marges intérieures de notre lien */
  background: transparent url(./img/comment.gif) no-repeat right; /* Définition de l'arrière plan de notre lien */
  position : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}


a.info_bulle:hover span {				
  display:block; /* Rend visible notre bloc span */
  position:absolute; /* Sort notre bloc de son conteneur afin de le positionner */
  background:#DDEEFF; /* Définition du fond, sinon on a le même que notre lien */
  border:2px solid #6699FF; /* Définition des bordures */
  padding:6px; /* Définition des marges intérieures */	  
  font-size:12px;
  width:140px;/* On fixe une largeur par défaut */
  color:#000; /* Réinitialisation de la couleur du texte */
  text-align:justify; /* Justification du texte */	
  cursor:default; /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
  /* Positionnement de notre info-bulle */
  top: -70px;     
  left: -27px;
}


a.info_bulle:hover {
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
  text-decoration:none;
}


#photo_groupe{
	float:left;
	background: url(./img/groupe.jpg) no-repeat;
	border:none;
	width:264px;
	height:224px;
	margin-left:70px;
	display:inline;
	margin-top:21px;
}


#index_texte_droite {
	float:left;
	margin-left:-50px;

}


#index_texte_droite  p{
	clear:both;
	left:268px;
	width:310px;
}


#index_texte {
position:relative;
top: 5px;
clear:both;
}


#fdc_titre {
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
}


#fdc_contenu {
	text-decoration:underline;
	width:10px;
	line-height: 200%;
}


#news_titre {
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
}


#news_contenu {
	text-decoration:underline;
	line-height: 200%;
}


#act_locales_index {
	position:relative;
	top:40px;
	margin-left:180px;
}


#act_autres_index {
	position:relative;
	top:-11px;	
	margin-left:380px;
}


#act_texte {
	position:relative;
	margin-left:145px;
	top:-785px;
	font-weight:bold;
	font-style:italic;
}


.contact_texte {
	color: #bbbc99;
}


.activite {
	position:relative;
	top:10px;
	margin-left: 60px;
	list-style:square;
	width:600px;
}


#activite_titre {
	position:relative;
	margin-left:280px;
	top:20px;
	font-weight:bold;
	font-size:16px;
}


#activites_span {
	position:relative;
	top:40px;
	margin-left:50px;
	width:580px;
}


#activites_li {
	text-align: justify;
	margin:15px 30px 30px 65px;
	padding: 0px;
	width:550px;
}


ul.activites_li li{
	list-style:square;
	text-decoration:underline;
}