/* Feuille de style pour Dominique Dubreuil
 * Version: 0.1
 * Date: 27-11-2008
 * Auteur: Eric Asselin
 * Site: www.ericasselin.com
 * Courriel: me@ericasselin.com
 */

/* Definit les styles par defaut et centre le site*/
body {
  background-color:#fff;
	font-family:Verdana,Helvetica,sans-serif;
	margin:0px 0px 0px 0px;
}

.wrapper {
  /* les 4 lignes suivantes servent a centrer le site d'une largeur fixe*/
	position:absolute;
	left:50%;
	width:1024px;
	margin-left:-512px;
}

#expoImgage {
  position:absolute;
  top:579px;
  left:210px;
}
.smenu {
  
}

.smenu:hover {
  cursor:pointer;
}

.menu-haut-droite {
  background-color:#61b951;
  text-align:center;
  font-family:Verdana;
  height:15px;
  width:370px;
  padding:1px 0px 0px 0px;
  font-size:10px;
  font-weight:none;
}

.menu-haut-droite a {
  color:#000;
  text-decoration:none;
}

.menu-haut-droite a:hover {
  color:#e7d02b;
}

.x1left-menu {
  background-color:#96ffff;

}

.x2left-menu {
  background-color:#96ffff;
  height:96px;
}

/* NAVIGATION ---------------------------*/

ul#leftMenu{
	list-style-type:none;
	margin:0px 0px 0px 0px;/*don't change. IE shows padding below UL*/
	padding:0px 0px 0px 0px;
}
	
#leftMenu li{
  padding:0px 25px 20px 18px;
  font-size:10px;
  font-weight:none;
	/*overflow: hidden;*/
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
}
	
#leftMenu li.current a{
	color:#a10000;
	text-transform:uppercase;
}	

#leftMenu a{
  font-size:10px;
  letter-spacing:1px;
  font-weight:none;
	/*overflow: hidden;*/
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
}

#leftMenu a:hover, #leftMenu a.active{
	color:#a10000;
	background-color:#e7d02b;
}


/* Contenu principal du site ----------------*/
.content {
  background-color:#ffffff;
  padding:30px 50px 30px 10px;
  font-size:13px;
  color:#000000;
}

.tdleft {
  padding:35px 0px 0px 0px;
}

.tdleft img{
  padding:0px 0px 10px 0px;
}

.tdleftInner img{
  padding:10px 0px 0px 0px;
}

.tdright {
  padding:0px 0px 0px 10px;
}

.content h1 {
  margin:0px;
  padding:0px 0px 0px 0px;
  font-size:17pt;
  color:#a10000;
  letter-spacing:1px;
  text-transform:uppercase;
  font-weight:normal;
}

.content h2 {
  margin:0px;
  padding:20px 0px 0px 0px;
  font-size:12pt;
  letter-spacing:1px;
  color:#61b951;
  text-transform:uppercase;
  font-weight:bold;
}

.content h3 {
  margin:0px;
  padding:0px 0px 0px 0px;
  color:#757575;
  font-weight:normal;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:10pt;
}

.content h4 {
  margin:0px;
  padding:0px 0px 0px 0px;
  font-size:10pt;
  letter-spacing:1px;
  color:#757575;
  font-weight:normal;
}

.content h5 {
  margin:0px;
  padding:10px 0px 0px 0px;
  font-size:10pt;
  letter-spacing:1px;
  color:#21AFAF;
  font-weight:bold;
}

.content h6 {
  margin:0px;
  padding:10px 0px 10px 0px;
  font-size:10pt;
  font-weight:bold;
  letter-spacing:1px;
  text-transform:uppercase;
}

.content p {
  margin:0px;
  padding:0px 0px 20px 0px;
  font-size:9pt;
  color:#000000;
  text-align:justify;
}

.content photo {
  margin:0px;
  padding:0px 0px 20px 0px;
  font-size:9px;
  color:#000000;
}

.content a, .content a:hover {
  font-size:9pt;
  color:#21AFAF;
  font-weight:normal;
  text-decoration:none;
}

.content hr {
  border: none;                   /* Idem : on ne veut pas des bordures... */
  border-top: 2px dotted #757575; /* ... on en veut juste UNE en pointilles, de hauteur 6 pixels */
  height: 0px;                    /* Le filet est rendu grace a la bordure haute : pas besoin du "contenu" (si on peut dire) */
  width: 100%;
}

.content ul {
  list-style-type:circle;
  margin:0px;
  padding:0px 0px 0px 0px;
}

.content li {
  margin:0px 0px 0px 30px;
  padding:0px 0px 0px 0px;  
}

/* Contenu jaune ----------------*/
.content-jaune {
  background-color:#e7d02b;
  padding:30px 50px 30px 10px;
  font-size:13px;
  color:#000000;
}

.content-jaune h1 {
  margin:0px;
  padding:0px 0px 0px 0px;
  font-size:17pt;
  color:#a10000;
  letter-spacing:2px;
  text-transform:uppercase;
  font-weight:normal;
}

.content-jaune h2 {
  margin:0px;
  padding:20px 0px 0px 0px;
  font-size:12pt;
  color:#61b951;
  text-transform:uppercase;
  font-weight:normal;
}

.content-jaune h3 {
  margin:0px;
  padding:0px 0px 0px 0px;
  color:#757575;
  font-weight:normal;
  text-transform:uppercase;
  font-size:12pt;
}

.content-jaune h4 {
  margin:0px;
  padding:20px 0px 0px 0px;
  font-size:12pt;
  color:#757575;
  font-weight:normal;
}

.content-jaune h5 {
  margin:0px;
  padding:0px 0px 0px 0px;
  font-size:12pt;
  color:#33ffff;
  font-weight:normal;
}

.content-jaune h6 {
  margin:0px;
  padding:10px 0px 10px 0px;
  font-size:10pt;
  font-weight:bold;
  text-transform:uppercase;
}

.content-jaune p {
  margin:0px;
  padding:0px 0px 20px 0px;
  font-size:10pt;
  color:#000000;
  text-align:justify;
}

.content-jaune a, .content-jaune a:hover {
  font-size:10pt;
  color:#33ffff;
  text-decoration:none;
}

.content-jaune hr {
  border: none;                   /* Idem : on ne veut pas des bordures... */
  border-top: 2px dotted #757575; /* ... on en veut juste UNE en pointilles, de hauteur 6 pixels */
  height: 0px;                    /* Le filet est rendu grace a la bordure haute : pas besoin du "contenu" (si on peut dire) */
  width: 100%;
}

.content-jaune ul {
  list-style-type:circle;
  margin:0px;
  padding:0px 0px 0px 0px;
}

.content-jaune li {
  margin:0px 0px 0px 30px;
  padding:0px 0px 0px 0px;  
}

.image-label {
  font-size:9px;
  color:#757575;
}

.volet {
  padding:0px 0px 0px 25px;
}

.prog h2 {
  padding:0px 0px 0px 0px;
}

.prog h3 {
  text-transform:uppercase;
  font-size:10pt;
}

.prog p {
  padding:10px 0px 10px 0px;
  font-size:9pt;
}

.contenu-accueil {
  padding:0px 0px 0px 70px;
}
/* Album souvenir */
.album-div {
  text-align:center;
}

.album-div img{
  display:inline;
  padding:10px;
}

/* Footer -----------------------------------*/
.footer {
	background-color:#fff;
	color:#757575;
	font-size:10px;
}

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

.footer a:hover {
  text-decoration:none;
  color:#c7b42e;
}

img {
display:block; /* Corrige un bug dans IE qui creer un espace apres une image*/
border:none;  /* Enleve la bordure pour les images-liens */
}