@import url(nav.css);
@import url(formatting.css);

body {
	font-family: Verdana;
	font-size: 0.8em;
	background: #FFF url(../images/background.gif) center top repeat-x;
	margin:0
}

img { 
	border: 0 none;   
}

/*//////////////////////////////////////////////////////////////////////////////////
	Structure générale - exemple
//////////////////////////////////////////////////////////////////////////////////*/
	
#global{
	background:  url(../images/trait-footer.gif) no-repeat center bottom;}
	
#header {
	width: 980px; height: 244px;
	margin:0 auto;
	background: #fff url(../images/header.jpg) top no-repeat;
}
	#header img {
		float:left; 
		margin:30px 0 0 320px;}


#gauche-droite {
	clear:both;
	width: 980px;
	margin:0 auto;
	background:#fff;
	padding:0 0 0 180px

	}
		#search{width:190px;height:28px;
				float:left;
				}
			#search fieldset{border:0; height:35px;
							 margin:0;padding:4px 0 0 0;
							 }
			.input-text{float:left;width:130px; height:16px; margin:0 0 0 5px;
						color:#959595; font-size:11px;padding:0 0 2px 5px;
						border:1px solid #CCCCCC}
			.btn-ok{float:left}
	
	#gauche {
		float:left;
		width: 220px;
		margin:0 0 0 0;
		min-height:400px
	}

	#droite {
		width:570px;
		float:left;
		padding: 0 10px 10px 20px;
		line-height: 20px;
		font-size:11px;
		color:#666666;
		margin:0;
		min-height:400px		
	}
		#droite #chemin{margin-bottom:10px;}
		#droite .libelle{
			color:#007AF4;
			font-size:20px;
			margin:0 0 10px 0;
			}
		
		#droite p{margin:7px 0 7px 0}
		#droite a{color:#007AF4}
		
		#bloc-news{width:260px;  float:left; height:270px;margin: 0 20px 15px 0}
		#bloc-news .titre{background:#ECE9D8; padding:3px}
		#bloc-news .titre a{text-decoration:none; font-size:14px}
#footer {
	
	clear: both;
	width: 980px; height:55px;
	text-align:center;
	margin:0 auto; padding:5px 0 0 0;
	background: #FFF url(../images/fond-footer.gif) no-repeat left;
	color:#438B45;
	}

	#footer a{
	color:#438B45;
	text-decoration:none;}	



.Indentation { text-indent: 15px; }
.TexteEnPetit { font-size: 0.85em; }
.TexteEnGrand { font-size: 1.15em; }
.PremiereLettreMotEnMaj { text-transform: capitalize; }
.TexteEnMajuscules { text-transform: uppercase; }
.TexteEnMinuscules { text-transform: lowercase; }
.TexteEnPetitesCapitales { font-variant: small-caps; }

.TexteDroite { text-align: right; }
.TexteGauche { text-align: left; }
.TexteCentre { text-align: center; }

.ImageDroite { float: right; margin: 5px 0 5px 8px; }
.ImageGauche { float: left; margin: 5px 8px 5px 0; }

.CouleurRouge { color: red; }
.CouleurBleu { color: #007AF4; }
.CouleurJaune { color: yellow; }
.CouleurVert { color: #04B158; }
.CouleurViolet { color: violet; }
.CouleurGris { color: gray; }
.CouleurOrange { color: orange; }
.CouleurOrange { color: orange; }
.CouleurMarron { color: maroon; }


#droite h1 { font-size: 1.9em;  }
#droite h2 { font-size: 1.7em;  }
#droite h3 { font-size: 1.35em; }
#droite h4 { font-size: 1.20em; }
#droite h5, #droite h6 { font-size: 1em; }

/* - - - GALERIE PHOTOS - - - */
.gallerylist {
  width: 225px; margin: 0 auto; padding: 30px 0 0 0;
  background: transparent url(../images/bkgSnavTop.gif) 0 top no-repeat;
  }
  /* image liste */
  .gallerylist ul {
  	margin: 0 0 0 15px; padding: 0;
  	list-style-type: none;
    }
  .gallerylist li {
    display: inline;
  	margin: 5px 8px 3px 0;
    }
  .gallerylist_normal a img {
  	padding: 2px;
  	border: 1px solid rgb(215,231,242);
    filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;
    }
  .gallerylist_normal a:hover img {
  	border: 1px solid rgb(165,181,192);
    filter: alpha(opacity=99); -moz-opacity: 0.99; opacity: 0.99;
    }
  /* image zoom */
  #gallery_image_agrandie {
    margin: 18px 0 0 0;
    /* text-align: center; */
    }
  #gallery_image_agrandie img {
    padding: 1px;
    border: 2px solid rgb(204,204,204);
    }
/* - - - - - - */
/* - - -NEWS - - - */
.newsItem {
	border-bottom:1px dashed #C7E4C8 ;
	border-left:5px solid #C7E4C8 ;
	padding:0 5px 10px 5px}
.newsItem h3 a{
	text-decoration:none}

.newsItem p{margin:0}
.newsItem p a{text-decoration:none}

#actu-fiche h3{color:#007AF4}
