/* styles généraux */
body {
  	background:#FFFFFF;
	margin:0;
  	padding:0;
  	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
    }
h1 {
	font-size: 160%;
	margin:0;
	padding:0 0 8px;
	color: #654623;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: small-caps;
    }
h2 {
	font-size: 140%;
	margin:0;
	padding:0;
	font-weight: normal;
    }
h3 {
  	font-size: 100%;
  	margin:0;
  	padding:0;
    }
.general {
text-align: justify;
}

/* mise en forme commune */
.texte {
	text-align: justify;
    }
#pied-de-page {
	text-align: center;
	background-color: #D7DABD;
	position: relative;  Nécessaire pour Safari
    }
.drapeauxHome {
	display: inline;
	padding-right: 12px;
    }
#formulaire_recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #F0DFB9;
	height: 20px;
	width: 230px;
	border: 1px solid #776655;
	display: inline;
	text-align: center;
    }
#BandoSup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	font-variant: small-caps;
	padding-left: 30px;
	color: #003300;
	/* line-height: 170%; */
	background-color: #DAE0D2;
	height:36px;
	padding-top:15px;
    }
hr {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
    }
.detail {
	/* ce style sert par exemple pour les dates sous les articles */
	font-size: small;
	color: #999999;
	display: inline;
    }
#conteneur {
  background: #FFFFFF;
    }
#pied-de-page {
	background: #d7dabd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
    }
h1 {
  margin-top: 0;
    }
.deblayage {
  height: 0;
  clear: both;
    }
.detail {
	/* date des articles sur la page rubrique */
	/* ci-dessous : permettrait de mettre une majuscule à chaque mot
	text-transform:capitalize;
	*/
}
#articlesRecentsDansRubrique {
	color: #339966;
	display: inline;
    }
.titreSite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666600;
	display: block;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-left-color: #776655;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: #FFFFFF;
	font-variant: normal;
	/* line-height: 20px; */
	font-weight: normal;
    }
/* liens */
a:hover {
	color: #990000;
	text-decoration: none;
	background-color: #FFFFCC;
    }

/* liens sur la page d'accueil */
.liensNewsAccueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:bold;
	margin:0 0 10px 0;
}
a.liensNewsAccueil:link {
	color: #898A2F;
	text-decoration: none;
    }
a.liensNewsAccueil:visited {
	color: #898A2F;
	text-decoration: none;
    }
a.liensNewsAccueil:hover {
	color: #669966;
	text-decoration:underline;
    }
a.liensNewsAccueil:active {
	color: #669966;
	text-decoration: underline;
    }
/* articles dans la meme rubrique */
.ARTICLESmmRubrique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666633;
}
a.ARTICLESmmRubrique:link {
	color: #898A2F;
	text-decoration: none;
    }
a.ARTICLESmmRubrique:visited {
	color: #898A2F;
	text-decoration: none;
    }
a.ARTICLESmmRubrique:hover {
	color: #669966;
	text-decoration:underline;
    }
a.ARTICLESmmRubrique:active {
	color: #669966;
	text-decoration: underline;
    }
	
	/* liens dans le plan (titres) */
.PLANtitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666633;
}
a.PLANtitre:link {
	color: #898A2F;
	text-decoration: none;
    }
a.PLANtitre:visited {
	color: #898A2F;
	text-decoration: none;
    }
a.PLANtitre:hover {
	color: #669966;
	text-decoration:underline;
    }
a.PLANtitre:active {
	color: #669966;
	text-decoration: underline;
    }
	
/* liens du pied de page */
a.liensPiedPage:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #776655;
	font-style: normal;
	text-decoration: underline;
    }
a.liensPiedPage:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #776655;
	font-style: normal;
	text-decoration: underline;
    }
a.liensPiedPage:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	background-color: #F0DFB9;
    }
a.liensPiedPage:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	background-color: #F0DFB9;
    }

/* liens des récents articles de la page RUBRIQUES */
a.liensArticlesDansRubriquesRecents:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #82684E;
	text-decoration: none;
	display: inline;
	margin: -5px 0px 0px -30px;
    }
a.liensArticlesDansRubriquesRecents:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #82684E;
	text-decoration: none;
	display: inline;
	list-style-type: none;
	margin: -5px 0px 0px -30px;
    }
a.liensArticlesDansRubriquesRecents:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #669966;
	text-decoration: underline;
	display: inline;
	margin: -5px 0px 0px -30px;
    }
a.liensArticlesDansRubriquesRecents:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #82684E;
	text-decoration: underline;
	display: inline;
	margin: -5px 0px 0px -30px;
    }

/* liens des articles de la page RUBRIQUES */
a.liensArticlesDansRubriques:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #776655;
	text-decoration: none;
	display: inline;
    }
a.liensArticlesDansRubriques:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #82684E;
	text-decoration: none;
	display: inline;
    }
a.liensArticlesDansRubriques:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #669966;
	text-decoration: underline;
	display: inline;
    }
a.liensArticlesDansRubriques:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #776655;
	text-decoration: underline;
	display: inline;
    }
/* éléments de la HOME*/
#HOMEbienvenue {
  margin-right: 350px;
    }
#HOMEedito {
	margin-right: 350px;
	background-color: #f1f2ea;
	background-image: url(sq-images/HOMEbando.jpg);
	background-repeat: repeat-x;
	background-position: -80px 0px;
    }
#HOMEcolGauche {
  width: 100%;
  float: left;
  margin-right: -350px;
    }
#HOMEcolDroite {
  width: 350px;
  float: right;
    }

/* éléments des RUBRIQUES */
#RUBRIQUEScolDroite {
	margin-left: 230px;
	margin-right: 20px;
    }

#RUBRIQUEScolGauche {
	width: 230px;
	float: left;
	margin-left: 10px;
    }
.RUBRIQUESexpliqueRubrique {
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #F1F2EA;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: justify;
    }

/* éléments des ARTICLES */
.ARTICLESsurTitre {
	background-color: #F1F2EA;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-style: italic;
	font-variant: normal;
	font-size: medium;
    }
.ARTICLEStitre {
	background-color: #F1F2EA;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-variant: small-caps;
	font-weight: bold;
	color: #9C7F57;
    }
.ARTICLESsousTitre {
	background-color: #F1F2EA;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bold;
	color: #9C7F57;
    }
.ARTICLESdate {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color: #666666;
    }
.ARTICLESchapo {
	background-color: #F1F2EA;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #826948;
    }
.ARTICLEtexte {
	background-color: #F1F2EA;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-align: justify;
    }
/* sytles du PLAN */
.PLANrubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-variant: small-caps;
	color: #654623;
	display:block;
    }
.PLANarticle {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
    }
/* effet rollover sur image page accueil télécharegment bulletin d'adhésion */
#lienBulletin {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;	/* placement de l'image-lien, à vous d'adapter */
left: 0px;	/* dimensions selon l'image, à vous d'adapter */
top: 0px;
width: 281px;
height: 56px;
background: url(sq-images/dlBulletin.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#Bulletin a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(sq-images/dlBulletin_roll.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#Bulletin a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}




a.lienVideo:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:underline;
	display: inline;
    }
a.lienVideo:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #82684E;
	text-decoration:underline;
	display: inline;
    }
a.lienVideo:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: underline;
	display: inline;
    }
a.lienVideo:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: underline;
	display: inline;
    }