@charset "utf-8";

   .texte{
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
   }
   
.bordtableau {
	margin: 0px;
	padding: 5px;
	border-spacing: 0px;
	border-collapse: collapse;
	border: thin solid #003399;
	text-align: center;
	top: 0px;
}
   .droite {
      text-align: right;
   }
   .gauche {
      text-align: left;
   }
   body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #F8F7EF;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #003399;
    }
	
    .centrer{ text-align: center; }
	
    .oneColFixCtr #container {
	width: 1000px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	background-image:url(img/fond.jpg);
	border: 1px solid #003399;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    }
    .oneColFixCtr #mainContent {
    	/*padding: 0 20px;*/ /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
    }
	#mainContent {width: 1000px;}

#bandeauhaut {
    height: 236px;
	background-image: url(img/bandeau_haut.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
.themeflash {
  	margin: 0px;
	padding: 0px;
}
.oneColFixCtr #container #mainContent form {
/*	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	padding-right:5px;
	text-align:right;*/
}

#formrecherche{
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  padding-right:5px;
  text-align:right;

}

   #tableauliste
   {
      padding: 5px
      spacing: 0;
      border-width: 1px;
      border-collapse: collapse;
      text-align: center;
      border-color: #003399
      margin-right: auto;
      margin-left: auto;
      width: 820px;
    }


  #divfiltreliste{
    background-color: #aa8c46;
    border-style: solid;
    border-width: 2px; 
    border-color: #003399;

    margin-top: 0;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
   padding: 10px;

    text-align: left;
    font-weight: bold;
    color: #f8f7ef;
  }

  #divfiltreliste h2{
    margin: 0;
    margin-bottom: 4px;
    color: #003399;
  }



.oneColFixCtr #container #mainContent input {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

input{
     color:#003399;
	 }
	 
/* =============================== 
   Mise en page colonnes centrales
   =============================== */

#contcolonnes{
  width: 972px;
  margin: auto;
  margin-bottom: 0;
}
#contenumain{
  width: 1000px;
  margin: auto;
  margin-bottom: 0;
  /* je place le bacground img ici et non dans #contenuarticlepage pour corriger un bug si le texte html fck se termine par <p></p>*/
  background-image:url(img/contenuarticlepage.jpg); background-repeat:repeat; 
}

#divtitrepage{
  background-image:url(img/titrepage.jpg); background-repeat:no-repeat; height:54px;
  font-size:24px;
}

.fondtitrecentre{
  background-image:url(img/titrepage.jpg); background-repeat:no-repeat; height:54px;
  padding-top:12px;
  padding-left:330px;
  font-size: 24px;
  text-align: center;
}

#divtitrepageadmin{
  background-image:url(img/titrepage.jpg); background-repeat:no-repeat; height:54px;
  font-size:20px;
}

#articlepage{

}  
#dcol1{   width:324px; float:left; }
#dcol2{   width:324px; float:left; }

#dcol3{   width:324px; float:left;}

#dcolentete1{ }
#dcolentete2{ }
#dcolentete3{ }
/*entête des colonnes des pages intermèdiaires */
#dcolentete1r{ background-image:url(img/col1_haut.jpg); background-repeat:no-repeat; height:50px; }
#dcolentete2r{ background-image:url(img/col2_haut.jpg); background-repeat:no-repeat; height:50px; }
#dcolentete3r{ background-image:url(img/col3_haut.jpg); background-repeat:no-repeat; height:50px; }

#entetearticlepage{ background-image:url(img/entetearticlepage.jpg); background-repeat:no-repeat;  height:45px; }
#contenuarticlepage{ /*background-image:url(img/contenuarticlepage.jpg); background-repeat:repeat; */
  padding-left:50px;  padding-right:50px;  padding-top:5px; padding-bottom:0;
  text-align: center;
}
#piedarticlepage{  background-image:url(img/piedarticlepage.jpg); background-repeat:no-repeat; height:36px;}

#dcolcontenu1{ background-image:url(img/rotary_fond.jpg); padding-top:5px;}
#dcolcontenu2{ background-image:url(img/actu_fond.jpg); padding-top:5px;}
#dcolcontenu3{ background-image:url(img/district_fond.jpg); padding-top:5px;}

#dcolpied1{ width:324px; height:27px; background-image:url(img/rotary_bas.jpg); }
#dcolpied2{ width:324px; height:27px; background-image:url(img/actu_bas.jpg);  }
#dcolpied3{ width:324px; height:27px; background-image:url(img/district_bas.jpg);  }

.tdright{
  text-align: right;
}

.tdleft{
  text-align: left;
}

.article{
  font-size:12px;
  width:275px;
  margin-left:20px;
  margin-top:5px;
  padding:3px;
  background-color:#FFFFFF;
  border:#003399;
  border-style:solid;
  border-width:1px;
}

.article a {
  text-decoration:none;  
}
.article p a {
  font-weight:normal;
}

.article h1{
  color:#003399;
  padding:0;
  margin:0;
  font-size:12px;
  font-weight:bold;
  text-align: left;
}
/*titreresume*/
.article p{
  margin:0;
  color:#003399;
  padding-top:3px;
  padding-left:3px;
  text-align: left;
}
.imageflottante{
  float:left;
  margin-right:3px;
}
.dessous{
  clear:both;
  padding:0;
  margin:0;
}

/* ===============
     Bas de page
   =============== */
.petittxtbdp{  font-size:11px; padding-top:8px;}
a.petittxtbdp{  font-size:11px; padding-top:0px; margin:0;}

#basdepage{
  margin:0;
  padding-top:10px;

  width:1000px;
  height:42px;
  background-image:url(img/bas_page.jpg);
  background-repeat:no-repeat;
  text-align:center;
  font-size:16px;
  color:#003399;
}
.eltbdp{
	float:left;
	padding-left:5px;
	padding-top:0;
	height:24px;
	color:#003399;
}

.eltbdp input{
   height:20px;
}
#flog{
/*width:980px;
margin:auto;*/
margin:0;
padding:0;
display:block;
/*display:inline;*/
}
#contenubaspage{
      width:980px;
	margin-left: auto;
      margin-right: auto; 	
   /*width:990px;
	margin:auto;
	padding:0;*/
}

a.lienprive:link {
	font-size: 12px; color: #ffcc00; font-weight: normal; text-decoration: none
}
a.lienprive:visited {
	font-size: 12px; color: #ffcc00; font-weight: normal; text-decoration: none
}
a.lienprive:hover {
	font-size: 12px; color: #ffcc00; font-weight: normal; text-decoration: none
}
a.lienprive:active {
	font-size: 12px; color: #ffcc00; font-weight: normal; text-decoration: none
}

.contenantlienprive{ background-color: #4678c8; text-align: center;}


/* ===============
   Fin Bas de page
   =============== */

/* ==================================
   ADAPTATION classe ancienne version 
   ================================== */

a {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;
	font-weight: bold;*/
	color: #003399;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 12px;
	font-weight: bold;*/
	color: #4678C8;
	text-decoration: none;
}

.editotexte{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	/*font-weight: bold;
      font-style: italic;*/
      text-align: justify;
      padding:10px;
      padding-top:0;
}
.editotexte p{
  margin:0px;
  /*margin: 5px;*/
}

.editotitre{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #971b1e;
	font-weight: bold;
	font-style: normal;
  text-align: left;
}
.editotexteevidence{
  	font-family: Arial, Helvetica, sans-serif;
	color: #971b1e;
	font-weight: bold;
}
a.newshome:link {
	font-size: 11px; color: #000000; font-weight: normal; text-decoration: none
}
a.newshome:visited {
	font-size: 11px; color: #000000; font-weight: normal; text-decoration: none
}
a.newshome:hover {
	font-size: 11px; color: #000000; font-weight: normal; text-decoration: none
}
a.newshome:active {
	font-size: 11px; color: #000000; font-weight: normal; text-decoration: none
}


a.newshomeact:link {
	font-size: 11px; color: #000000; font-weight: normal; text-decoration: none;

}
a.newshomeact:visited {
	font-size: 11px; color: #000000; font-weight: normal; text-decoration: none;

}
a.newshomeact:hover {
	font-size: 11px; color: #000000; font-weight: normal; text-decoration: none;

}
a.newshomeact:active {
	font-size: 11px; color: #000000; font-weight: normal; text-decoration: none;

}

.titreformesecretaire {
  padding: 3px 3px 3px 3px;
  background-color: #003399;
  color:#FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-right: #000000 2px solid; border-top: #000000 2px solid; border-left: #000000 2px solid;
  border-bottom: #000000 2px solid;
  cursor: hand; color: #ffffff ;
  width :500px; 
}

.titreassiduite {
  padding: 3px 3px 3px 3px;
  background-color: #003399;
  color:#FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.titre1 {
  padding: 3px 3px 3px 3px;
  background-color: #003399;
  color:#FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}


.menuhorizontal{
  padding: 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #003366;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #003366;
}

.hautpage{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003366;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-color: #003366;
	border-right-color: #003366;
	border-top-style: solid;
	border-right-style: solid;
}
.colonnecontenudroite{
	text-align:right;
	width:100%;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}

a.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;

}
a.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFCC00;
}

a.menu_act {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #FFCC00;

}
a.menu_act:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFCC00;
}


body.autres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	margin-top: 5px;
      margin-left: 5px;
	font-weight: normal;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000033;
	font-weight: bold;
}
.titreintro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399;
	font-weight: bold;
}
.texte14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399;
	font-weight: bold;
}
.texte14j {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399;
	font-weight: bold;
      text-align: justify;
}
.texte18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	font-weight: bold;
}
.description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;

}
.symbole {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #F3D440;
	font-weight: bold;
}
a.symbole {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #F3D440;
	font-weight: bold;
	text-decoration: none;
}
a.symbole:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #F3D440;
	font-weight: bold;
	text-decoration: none;
}
.textemenugauche {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #405B81;
	font-weight: normal;
}
.textebandeauhaut {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}
.titrecolonne {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	font-weight: bold;
}

.textebandeaubas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
a.lienpetit {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	font-weight: normal;

}
a.lienpetit:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0080ff;
	font-weight: normal;

}
.texteadmin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	
}

a.menurubriquecom {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;	
}
a.menurubriquecom:hover {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;	
}
a.menurubriquecomact {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f87601;
	font-weight: bold;
	text-decoration: none;
}
a.menurubriquecomact:hover {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f87601;
	font-weight: bold;
	text-decoration: none;
}


a.lienmenusousrubriquecom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #ff0000;
}
a.lienmenusousrubriquecom:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #ff0000;
}
a.lienmenusousrubriquecomact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #f87601;
	font-weight: normal;
}
a.lienmenusousrubriquecomact:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #f87601;
	font-weight: normal;
}

.menusousrubrique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.menusousrubriqueact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f87601;
	font-weight: bold;
}
.titrecolonneCentre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	font-weight: bold;
	text-align: center;
}

.titreevenement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	font-weight: bold;
	text-align: left;
}

a.menuoption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;

	text-decoration: none;
}
a.menuoption:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFCC33;
	text-decoration: none;
}
a.menuoptionpetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;

	text-decoration: none;
}
a.menuoptionpetit:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}
a.menuoptionact {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFCC33;

	text-decoration: none;
}
a.menuoptionact:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFCC33;
	text-decoration: none;
}

a.grasblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
a.grasblanc:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC33;
	font-weight: bold;
	text-decoration: none;
}
.titretheme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F3D440;
	font-weight: bold;
}
.jaune {
	font-family: Arial, Helvetica, sans-serif;
	color: #F3D440;
}
.grasrouge {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;  
  color: #FF0000;
}
.rouge {
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
}
.vert {
  font-family: Arial, Helvetica, sans-serif;
  color: #008000;
}
a.lienrouge {
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
  text-decoration: none;
}
.blanc {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}
.grasblanc {
      font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
a.lienblanc {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
}

a.menubleu {
  font-family: Arial, Helvetica, sans-serif;

  color: #ffffff;
  text-decoration: none;
}
a.menubleu:hover {
  font-family: Arial, Helvetica, sans-serif;

  color: #FFCC33;
  text-decoration: none;
}

a.menujaune {
  font-family: Arial, Helvetica, sans-serif;

  color: #003399;
  text-decoration: none;
}
a.menujaune:hover {
  font-family: Arial, Helvetica, sans-serif;

  color: #e10000;
  text-decoration: none;
}


.noir {
  color: #000000;
}



.bleu {
  font-family: Arial, Helvetica, sans-serif;
  color: #003399;
}
.grasbleu {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #003399;
}

.bleutitreformulaire {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #003399;
}

.petit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.petitcentre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
      text-align: center;
}


.cadrebleu {
	border: thin solid #003399;
	margin: 5px;
	padding: 0px;
}




.encadrerecherche{
  padding: 0px; 
  border-style: solid; 
  border-width: 2px; 
  border-color: #003399;
}

/* FIN ADAPTATION classe ancienne version */