/*
	Style Sheet pour le site Web de la ville de Drummondville
	info@solutions-zen.com

*/

* {margin:0;padding:0;}

html {
  height : 100.1%;
  margin:0; padding:0;
} /* pour Opera qui met les marges dans le tag HTML */


body {
   position : relative;
   background-color : #76bbd8;
	font : 15px "Times New Roman",Times,"Century Schoolbook L",serif; /* tahoma,helvetica,"DejaVu Sans",sans-serif;	 */
	text-align:center;
   height : 100.1%;
   margin-bottom : 1px;
   color : #000000;
}

input, select, button, textarea	{
	font : 12px tahoma,helvetica,"DejaVu Sans",sans-serif;
	padding : 2px;
}

/*   COULEURS   */
.bleu {color: rgb(0,116,170);}   /*  #0074aa    */
.bleufonce {color: rgb(0,55,94);}   /*  #00375e    */
.bleupale {color: rgb(76,174,216);}   /*  #4caed8	 */
.vert {color: rgb(0,172,37);}   /*  #00ac25	 */
.vertfonce {color: rgb(0,136,40);}   /*  #008828    */
.orange {color: rgb(197,79,21);}   /*   #c54f15  */
.saumon {color: rgb(221,141,139);}   /*  #dd8d8b    */

/*
textarea, input, select {
	border-top : 1px solid #222222;
	border-right : 1px solid #444444;
	border-bottom : 1px solid #555555;
	border-left : 1px solid #333333;
}
*/

/* ****************************  Formatage du texte  ***********************************/

h1 {
   position : relative;
   display : block;
   height : 1%;
   font : 32px "Times New Roman",Times,"Century Schoolbook L",serif;
   margin: 10px 0px;
   padding : 0px;      
   color: #000000;
   font-weight:bold;
}

h2 {
   position : relative;
   display : block;
   height : 1%;
   font : 20px tahoma,helvetica,"DejaVu Sans",sans-serif;
   margin: 6px 0px 4px 0px;
   padding : 0px;   
   color: #00720f;
   font-weight:bold;
}

h3 {
   position : relative;
   display : block;
   height : 1%;
   font : 20px tahoma,helvetica,"DejaVu Sans",sans-serif;
   margin: 6px 0px 4px 0px;
   padding : 2px 4px;
   color: #00720f;
   font-weight:bold;
   background : transparent url(images/bg_note.png) repeat 0 0;
}

h4 {
   position : relative;
   display : block;
   height : 1%;
   font : 16px tahoma,helvetica,"DejaVu Sans",sans-serif;
   margin: 4px 0px;
   padding : 0px;
   color: #000000; 
   font-weight:bold;
}

p {
	margin : 0px;
	/*text-align : left;	*/
}

table {   /* équivalent à "cellspacing 0 et padding 0"*/
    border-collapse: collapse;
    margin : 4px;
	font : 15px "Times New Roman",Times,"Century Schoolbook L",serif;
   text-align : left;
}

td {
   padding: 4px;
   vertical-align : top;
}

.table_bordures {
    border : 2px solid #333333;
}
.table_bordures th {
   border : 1px solid #777777;
   padding : 4px;
   background-color : #4caed8;
   vertical-align : top;
}
.table_bordures td {
   border : 1px solid #777777;
   padding : 4px;
}

ul {
	margin:  6px 0px 4px 25px;
   list-style-type : square;
   padding: 0px;	
}
ul ul {
	margin:  4px 0px 8px 10px;
   list-style-type : circle;
   padding: 0px;
}
ol {
	margin:  6px 0px 4px 12px;
   padding: 0px;	
}

li {	
	margin : 0 0 4px 22px;
   padding: 0px;	
}		 

/* ****************** Classes offertes dans sélecteur de classe, spécialement pour les bannières ************************ */

.ban_divers_court {
    background : transparent url(images/bannieres/Banniere_divers_court.gif) no-repeat 0px 0px;
    width : 115px;
    height : 40px;
    padding: 10px 10px 5px 85px;
    margin : 0px;
}
.ban_divers_long {
    background : transparent url(images/bannieres/Banniere_divers_long.gif) no-repeat 0px 0px;
    width : 190px;
    height : 50px;
    padding: 45px 10px 5px 10px;
    margin : 0px;
}
.ban_enviro {
    background : transparent url(images/bannieres/Banniere_enviro.gif) no-repeat 0px 0px;
    width : 130px;
    height : 35px;
    padding: 10px 10px 10px 70px;
    margin : 0px;
}
.ban_infotravaux {
    background : transparent url(images/bannieres/Banniere_infotravaux.gif) no-repeat 0px 0px;
    width : 190px;
    height : 35px;
    padding: 10px 10px 10px 10px;
    margin : 0px;
}

/* ****************** Classes offertes dans sélecteur de classe, lors de l'édition ************************ */

.zen_light {
   background-color : #f3f783;
   color : #552222;
   padding : 0px 1px;
   text-decoration:underline;
}

.bouton_info {
   position : relative;
   z-index : 10;
   clear : both;
   background : transparent url(images/Bouton_infos.gif) no-repeat 0px 0px;
   height : 21px;
   margin : 12px;
   padding : 5px 0px 0px 10px;
   width : 223px;
   text-align : center;
   cursor : pointer;
   font : bold 13px tahoma,helvetica,"DejaVu Sans",sans-serif;
   color : #ffffff;
}
.bouton_plus_bulletins {
   position : relative;
   z-index : 10;
   background : transparent url(images/Bouton_plus_bulletins.gif) no-repeat 0px 0px;
   height : 34px;
   margin : 12px 0px 12px 8px;
   padding : 5px 0px 0px 10px;
   width : 130px;
   text-align : center;
   cursor : pointer;
   font : bold 13px tahoma,helvetica,"DejaVu Sans",sans-serif;
   color : #ffffff;
}

.avertissement {
   background : #efd6cb url(images/Icone_avertissement_orange.gif) no-repeat 2px 2px;
   /*  background-color : #dfcfda;  */
   position : relative;   
   height: 100%;
   color: #c54f15;
   border : 1px solid #c54f15;
   font-weight: bold;
   padding:10px 4px 12px 50px;
   margin:4px 20px;
}
.note {
   background : transparent url(images/bg_note.png) repeat 0 0;
   position : relative;
   height: 100%;
   color: #00720f;
   border : 2px solid #00720f;
   font-weight: bold;
   padding:4px;
   margin:4px;
}
.note_opaque {
   background : #dadfcc url(images/Icone_avertissement_vert.gif) no-repeat 2px 2px;;
   position : relative;
   height: 100%;
   color: #165c22;
   border : 2px solid #00720f;
   font-weight: bold;
   
   padding:10px 4px 12px 50px;
   margin:4px;
}

.petit {
   font : 11px tahoma,helvetica,"DejaVu Sans",sans-serif;
}


/* ******************************  classes pré-définies   *************************/

#overlay_filtre {
   z-index:150;
   background-color : #5f665f;
   position:absolute;
   top:0px;
   left:0px;
   display:none;
}
#nom_utilisateur {
   position:absolute;
   top:4px;
   left:0px;
   padding:5px 15px;
   font-weight:bold;
   color:#993333;
   border: 2px solid #993333;
   z-index : 25;
   background : transparent url(images/bg_opt.png) repeat 0 0;
}
.clearing {
   position : relative;
   clear : both;
   height:1px;
   line-height:1px;
   font-size : 1px;
   background-color : transparent;
}

.transparent {
   position : relative;   
   height: 100%;
   background : transparent url(images/bg_trans.png) repeat 0 0;
   padding:4px;
   margin:0px;
}
.img_gauche {
   float : left;
   position : relative;
   margin :  4px 16px 10px 0px;
   z-index : 11;
}

.img_droite {
   float : right;
   position : relative;
   margin :  4px 0px 10px 16px;
   z-index : 11;
}
.flotte_gauche {
   float : left;
   margin :  0px 12px 10px 0px;
}
.flotte_droite {
   float : right;
   margin :  0px 0px 10px 12px;
}



/* ******************************  les LIENS   ************************************/

a {font-weight : bold; }
a:link {color:#003978;}
a:visited {color:#003978;}
a:hover {color:#aa4e0f;} /* 998866*/
a:active {color:#aa4e0f; border:none; }

.nounderline a {text-decoration:none;}
/* *****************************  Formatage des images   *********************************/


img {
    margin : 0px;
    padding : 0px;
    border : none;
}

/* *********************************************************** */
.fond_site {
   z-index : 0;
   position : absolute;
   top : 0px;
   left : -370px;
   /*height : 820px;*/
   width  : 1700px;
}
#complet {
	position:relative;	
   /*background : #0074aa url(images/bg_contenu.jpg) no-repeat top left;*/
   background-color : transparent;
   color : #000000;
	width : 960px;
   overflow : visible;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom : 0px;
	padding:0px;
	text-align : left;
   z-index : 10;
}

/* ******************************************************************************* */
/*                               ENTETE                                            */
/* ******************************************************************************* */

#sous_mask {
   position: absolute;
   top : 0px;
   left: -50px;
   z-index : 1;
   height:398px;
   width:1058px;
   overflow : hidden;
}

#mask {
   position: absolute;
   top : 0px;
   left: -50px;
   z-index : 10;
   height:400px;
   width:1060px;
    border: none;
   background : url(images/Animation_masque.png) 0px 0px;
}

#entete {
   color : #000000;
   position : relative;
   /*background : transparent url(images/bg_trans.png) repeat 0 0;*/
   padding:0px;
   /*margin : 0px;*/
	/*width : 950px;*/
   margin : 0px;
   height :  260px;
   z-index : 45;
}
#logo_entete {
   
   position : absolute;
   /*background : transparent url(images/Logo_Drville.gif) no-repeat 0px 0px;*/
   top : 0px;
   left : 85px;
   padding : 0px;
   /*margin : 0px;*/
	/*width : 950px;*/
   margin : 0px;
   height :  108px;
   width : 250px;
   z-index : 25;
   cursor : pointer;
}
#joindre {
   position:absolute;
   left:690px;
   top: 25px;
   width:150px;
   height:24px;
   overflow:visible;
   padding : 4px 0px 0px;
   z-index:150;
   text-align : center;
   font : 12px tahoma,helvetica,"DejaVu Sans",sans-serif;
   font-weight : bold;
   color : #ffffff;
   background : transparent url(images/Bouton_joindre.gif) no-repeat 0 0;
   cursor:pointer;
}
#imprimante {
   position:absolute;
   left:250px;
   top: 274px;
   width:24px;
   height:24px;
   overflow:visible;
   z-index:150;
   background : transparent url(images/Bouton_imprimante.gif) no-repeat 0 0;
   cursor:pointer;
}
#grostxt {
   position:absolute;
   left:295px;
   top: 270px;
   width:24px;
   height:24px;
   overflow:visible;
   z-index:150;
   font-size : 22px;
}
#moyentxt {
   position:absolute;
   left:325px;
   top: 272px;
   width:24px;
   height:24px;
   overflow:visible;
   z-index:150;
   font-size : 18px;
}
#normaltxt {
   position:absolute;
   left:355px;
   top: 273px;
   width:24px;
   height:24px;
   overflow:visible;
   z-index:150;
   font-size : 15px;
}
#options_visiteur {
   position:absolute;
   z-index:150;
   top:50px;
   left:525px;
   width:378px;
   height:95px;
   padding : 5px 10px 0px 20px;
   font-size:11px;
   color : #000000;
   text-align : left;
   background : transparent url(images/Boite_outils.png) no-repeat 0 0;
}
#options_visiteur_commande {
   background : transparent url(images/Bouton_outils.gif) no-repeat 0 0;
   position:absolute;
   z-index:150;
   left:852px;
   top: 25px;
   width:79px;
   height:24px;
   font : 12px tahoma,helvetica,"DejaVu Sans",sans-serif;
   font-weight : bold;
   cursor:pointer;
   color : #ffffff;
   padding : 4px 0px 0px 27px;
}

#pied_page {
   clear:both; 
   margin : 0px; 
   padding: 4px 8px;
   background-color : #8899aa;
   color : #ffffff;
   font-size : 12px;
}


/* ******************************************************************************* */
/*                                    MENU                                         */
/* ******************************************************************************* */

.titre_cat {
   display : block;
   font-size: 15px;
   font-weight : bold;
   padding : 4px 0px 4px 0px;
   margin : 2px 0px 0px 0px;
   width : 220px;
   color: #ffffff;
   background-color : #0074aa;
   /*border-top : 1px solid #000000;*/
   cursor : pointer;
   text-align : center;
}


.menu_sections {
   display : none;
   overflow : hidden;
   position : relative;
   /*background : transparent url(images/bg_menu.png) repeat 0 0;*/
   background-color : #bfdbe8;
   /*border : 1px solid #000000;*/
   margin : 0px 0px 0px 1px;
   z-index   : 10;
   padding : 0px;
   margin : 0px;   
}

.menu_sections_item {
   position : relative;      
   background-color : transparent;
   float:left;
   font-size : 14px;
   width : 218px;
   /*height : 30px;*/
   /*border-top: 1px dashed #000000;*/
   border-top: 1px solid #aaaabb;
   padding : 0px; /* pas de padding, IMPORTANT !!!*/
   text-align : right;
   margin : 0px 0px 0px 1px;
   color : #000000;
}

.menu_sections_item span { /* éléments sans liens, padding ICI, important  !!!! */
   position : relative;
   display : block;
   text-decoration : none;
   margin : 0px 0px 0px 1px;
   padding : 3px 10px 4px 2px;
   overflow : hidden;
   /*height : 30px;*/ 
   font-weight : normal;   
}

.menu_sections_item a {  /* éléments avec liens, padding ICI,  important  !!!! */
   /*outline : none;*/
   position : relative;
   display : block;
   text-decoration : none;
   margin : 0px 0px 0px 1px;
   padding : 3px 10px 4px 2px;
   overflow : hidden;
   /*height : 30px;*/
   font-weight : normal;
   
   color : #000000;
}

.menu_sections a:visited { color : #221100; }
.menu_sections a:hover { color : #0074aa; }
.menu_sections a:active { color : #004065; }

.sous_menu {                    /* pop up! */
   /*   border : 1px solid #133666; /*test*/
	/*background-color : #ffffff; /*test*/
   display : none;
	position  : absolute;
	left      : 215px; /* à partir du côté gauche des "menu_item" */
	top     : 2px;
    visibility: hidden;
    z-index   : 100;              /* s'assurer d'être sur le dessus */
	
	width      : 232px;
	
	text-align : left;
    overflow : hidden;  /* pour l'effet déroulant..*/
}

.menu_sections .sous_menu a {
    position: relative;
    /*outline : none;*/
    text-decoration:none;
    display     : block;
    font-size   : 11px;
    font-weight : bold;
    /*height : auto;*/
    margin-bottom : 1px;
    padding     : 5px 8px;
    color       : #ffffff;
    background-color : #004065;/*#91c04c;*/
}


.menu_sections .sous_menu a:visited {color:#ffffff;}
.menu_sections .sous_menu a:active {color:#eeeeee;}
.menu_sections .sous_menu a:hover {color:#ffffff; background-color:#0074aa;}


/* ******************************************************************************* */
/*                               CONTENU                                           */
/* ******************************************************************************* */

#ensemble_forms_admin {
   position : absolute;
   top : 0px;
   left : 0px;
   z-index : 250;
}

#contenu {
   position : relative;
   background : #ffffff;/*transparent url(images/bg_trans.png) repeat 0 0;/*test*/
   width : 960px;
   height: 1%;
   /*float : right;*/
   overflow : visible;
   margin: 0px;
   padding : 0px;
   z-index : 20;
   /*height : 100%;*/
}
#section_gauche {
   background-color : transparent;
   color : #000000;
   position : relative;
   z-index : 25;
   width: 220px;
   float : left;
   margin : 2px 0px 0px 4px;
   padding : 0px 0px 22px 0px;
   font-family: tahoma,helvetica,"DejaVu Sans",sans-serif;	
}
.pre_menu {
   clear: both;
   z-index:250;
   position : relative;
   background-color: #0074aa;
   /*background : transparent url(images/pre_menu.gif) no-repeat 0 0;*/
   height : 33px;
   margin : 0px 1px 0px 1px;
   padding: 0px 2px 0px 3px;
}
.post_menu {
   display : none;
   position : relative;
   /*background : transparent url(images/post_menu.gif) no-repeat 0 0;*/
   height : 33px;
   margin : 0px 0px 25px 0px;
   border-top : 1px solid #000000;
}
.pre_contenu {
   position : relative;
   background : transparent url(images/pre_contenu.png) no-repeat -1px 0px;
   color : #000000;
   
   width  : 969px;
   height : 43px;
   padding: 0px;
   margin : 0px;
   z-index : 8;
}
.post_contenu {
   position : relative;
   background : transparent url(images/post_contenu.png) no-repeat -1px 0;
   color : #000000;
   clear : both;
   
   width  : 969px;
   height : 93px;
   padding: 0px;
   margin : 0px 0px;
   z-index : 8;   
}

#contenu_droite {
   position : relative;
   background-color : transparent;
   display : block;
   color : #000000;
   float  : right;
   width  : 728px;
   padding: 0px;
   margin : 0px;
   z-index : 8;
   height : 100%;
}
#contenu_pages {   
   position : relative;
   display : block;
   clear : both;
   margin : 0px;
   padding : 0px;
   height : 100%;
   text-align : justify;
}


.titre_pages {
   position : relative;
   z-index : 10;
   color : #00375e;
   height : 100%;
   font-size:30px;
   font-variant : small-caps;
  /*background-color : #8899aa;*/
   text-align: left;
   padding : 0px 6px 4px 6px;
   margin : 4px 6px;
}
.titre_pages span {
   margin : 0px 12px 0px 0px;
   padding : 0px 12px 0px 4px;
   font : 18px tahoma,helvetica,"DejaVu Sans",sans-serif;
   color : #000000;
   border-right : 20px solid #004065;
   border-bottom : 1px solid #004065;
}

/* *********************************************************** */

.elements_absolu {
   background-color : transparent;
   position : absolute;
   text-align : justify;
   padding : 3px;
   margin : 0px;   
}

.elements {
   background-color : transparent;
   z-index : 10;
   clear : both;
   height : 100%;

   position : relative;
   padding : 4px;
   margin : 4px;
}

.second_menu {
   /*background : transparent url(images/bg_menu.png) repeat 0 0;*/
   z-index : 10;
   clear : both;
   height : 100%;

   position : relative;
   text-align : left;
   padding : 2px;
   margin : 4px 0px 0px 0px;
}
.colonnes { /* pour les colonnes du layout */
   background-color : transparent;
   clear:both;
   position:relative;
   height:100%;
   margin:0px 0px;
   padding : 0px;
   z-index : 10;
}
.colonne_gauche { /* pour les colonnes du layout */
   position : relative;
   width: 359px;
   height: 100%;
   float : left;
   margin : 0px;
   padding: 0px;
}
.colonne_droite { /* pour les colonnes du layout */
   position : relative;
   width: 359px;
   height: 100%;
   float : right;
   margin : 0px;
   padding: 0px;
}
.colonne_gauche_large { /* pour les colonnes du layout */
   position : relative;
   width: 460px;
   height: 100%;
   float : left;
   margin : 0px;
   padding: 0px;
}
.colonne_droite_petite { /* pour les colonnes du layout */
   z-index : 11;
   position : relative;
   width: 255px;
   height: 100%;
   float : right;
   margin : 20px 5px 20px 0px;
   padding: 0px 0px 25px 0px;
   text-align : left;  
   font-size : 13px;
   background-color : #ffffff; 
   /*  border-left : 1px dashed #000000;  */
}
.colonne_droite_petite h3 {font-size : 16px;}

/* pour les colonnes des utilisateurs (panneau de gestion) */
/*
.colonne_moitie {
   margin: 0px 5px;
   text-align: justify;
   float: left;
   width: 360px;
}
.colonne_tier {
   margin: 0px 5px;
   text-align: justify;
   float: left;
   width: 235px;
}
.colonne_quart {
   margin: 0px 5px;
   text-align: justify;
   float: left;
   width: 170px;
}
*/

/* *********************************************************** */

/** pour les onglets.. **/


.onglets {
   z-index : 10;
   clear : both;
   /*width : 700px;*/
   height:100%;
   position : relative;
   text-align : justify;
   padding : 5px 5px 10px 5px;
   margin : 0px 15px 2px 15px;
   display : none;
   background-color : transparent;
}

.onglet_actif {
   display:none;
}

.menu_onglets {
   background : #ffffff;
   border-bottom : 1px solid #777777;
   position : relative;
   clear : both;
   z-index : 10;
   text-align : left;
   margin : 4px 20px 0px 20px;
   padding: 0px;
   height: 100%;
}
.menu_onglets p {
   position : relative;
   display : inline;
   margin : 0px;
   padding : 0px;
   line-height : 24px;
}
.menu_onglets a {
   position : relative;
   outline : none;
   height:16px;
   padding: 4px 12px;
   font-size : 15px;
   font-weight : normal;
   text-decoration : none;
   
   border-right : 1px solid #777777;
   background-color : transparent;

}
.menu_onglets a:hover {
   color : #ebd800;
   background : #002035;
}
.menu_onglets a.onglet_selection {
   color : #ffffff;
   background : #002035;
}
.menu_onglets a.onglet_selection:hover {
   color : #ffffff;
   background : #002035;
   cursor : default;
}


/** pour les onglets verticaux !! **/
.contenant_vonglets { /* patché les marges pour ie 6... */
   clear:both;
   position:relative;
   height:100%;
   margin:4px 15px 2px 15px;
   padding : 0px;
   z-index : 10;
}
.vonglets {
   float:right;
   width : 485px; /* gare aux bordures ! hehehe*/
   position : relative;
   text-align : justify;
   padding : 0px 5px 5px 5px;
   margin : 0px;
   display : none;
   /*background-color : #ffffff;*/
   background-color : transparent;
/*   border-top : 1px solid #8899aa;
   border-right : 1px solid #557788;
   border-bottom : 2px solid #444444;*/

}

.vonglet_actif {
   display:none;
}

.menu_vonglets {
   position : relative;
   float: left;
   width: 190px;
   margin : 0px;
   padding: 0px;
   background : #ffffff;
   text-align : left;
/*   border-top : 1px solid #8899aa;
   border-bottom : 2px solid #444444;*/

}
.menu_vonglets p {
   /*float : left;*/
   position : relative;
   margin : 0px;
   padding : 0px;
   
}
.menu_vonglets a {
   position : relative;
   outline : none;
   width : 170px;
   display : block;
   padding: 4px 10px;
   margin : 0px;
   font-size : 15px;
   font-weight : normal;
   text-decoration : none;   
   /*background : transparent url(images/bg_trans.png) repeat 0 0;*/
   
   border-bottom : 1px solid #777777;
   border-right : 1px solid  #8899aa;
   /*background-color : #eeeeee;*/
}
.menu_vonglets a:hover {
   color : #ebd800;
   background : #002035;
}
.menu_vonglets a.vonglet_selection {
   color : #ffffff;
   background : #002035;
}
.menu_vonglets a.vonglet_selection:hover {
   color : #ffffff;
   background : #002035;
   cursor : default;
}



/* *********************************************************** */

/** pour la page des albums photo.. **/

#album_pres_thumbs {
   /*clear : both;   /* test */
   position : relative;
   float : left; /* test*/
   width : 445px;
   margin : 12px 0px 12px 6px;
   padding : 10px 0px;
}

#album_pres_thumbs_titre {
   text-align:left;
   float:left;
   width : 425px;
   margin : 0px;
   padding: 3px 10px;
   
}
#album_table_matieres {
   position : relative;
   float:right;
   margin : 65px 4px 8px 0px;
   padding: 5px;
   width:226px;
   background-color : #ffffff;
}
#album_table_matieres li {
   margin : 4px 0px 6px 16px;
   padding : 0px;
   /*float : left;
   width : 100px;
   height: 36px;*/
   
}

.album_thumbs_pages {      
   position : relative;
   display : none;   
   padding : 0px;
   height: 1%;
}

.album_thumbs {
   position : relative;
   float : left;
   width : 125px;
   height : 125px;
   margin: 10px;
   padding: 0px;
   text-align : center;
   /*overflow : hidden;*/
   cursor : pointer;
}

.album_thumbs img {
   position : relative;
   display : block;
   margin : auto;
   margin-bottom:0px;
   margin-top : 0px;
   padding : 0px;
}

.album_photo_infos {
   display : none;
}

#album_pres_titre {
   text-align : center;
   margin : 2px 0px 5px 0px;
   color : #ffffff;
}

#album_pres_photo {
   text-align : center;
   margin-top : 0px;
   margin-bottom : 0px;
   margin : auto;
   padding : 0px;
}

#album_pres_photo img {
   margin : 0px;
   padding : 0px;   
}

#album_pres_prec {
   left: -110px;
}
#album_pres_suiv {
   right: -110px;
}
.album_pres_menu {
   text-align : center;
   cursor : pointer;
   position:absolute;
   top: 65px;
   width:125px;
   z-index : 110;
}
.album_pres_menu img {
   position : relative;
   display : block;
   margin : auto;
   margin-bottom:10px;
   margin-top : 0px;
   padding : 0px;
}

#album_pres_conteneur {
  /* width : 800px; /* pour tests*/
   display : none;
   position : absolute;
   /*top  :-150px;
   left : -370px;*/
   top : 15px;
   left: 15px;
   /*overflow : hidden; /* enlever pour l'ombrage */
   /*margin: auto;
   margin-top : 22px;*/
   background-color : #2f332f;
   text-align : center;
   /*background : #000030 url(images/bois.png) repeat top left;*/
   border : 1px solid #000030;
   padding : 20px 25px;
   z-index : 200;
   cursor : move;
}


#album_pres_contenu{   
   margin : 2px;
   padding: 0px;
   text-align:left;
   color : #ffffff;
}

#album_pres_contenu a {font-weight : bold; color:#397800;}
#album_pres_contenu a:link {color:#397800;}
#album_pres_contenu a:visited {color:#307033;}
#album_pres_contenu a:hover {color:#aa4e0f;}
#album_pres_contenu a:active {color:#112200; border:none;}


/* *********************************************************** */

/** pour les articles.. **/


#titre_article {
   position : relative;
   text-align : left;
   background-color : transparent;
   margin : 0px 6px;
   padding : 0px 6px 0px 6px;
}
#auteur_article {
   position:relative;
   float : right;
   margin : 0px 10px 3px 0px;
   font-weight : bold;
}
#date_parution_article {
   position:relative;
   float : left;
   margin : 0px 3px 3px 10px;
   font-style: italic;
}
#contenu_article {
   clear : both;
   position:relative;
   z-index : 10;
   padding: 10px;
   font-size: 16px;
   color : #331100;
   text-align : justify;
}

#archives_articles {
   background : transparent url(images/bg_ch_contenu.png) repeat 0 0;
   height  : 100%;
   position : relative;
   display : none;
   clear : both;
   margin : 10px 0px 0px 0px;
   padding : 0px;
}
#archives_articles h3 {
    color : #000000;
    font-size : 16px;
    text-align: center;
    padding: 5px;
    margin : 8px 0px;
    /*border-top : 2px solid #222222;*/
    background-color: #ffffff;
}
.sommaire_articles_col {
   float:left;
   width:230px;
   margin : 0px;
   padding :0px;
   position:relative;
   z-index : 10;
}
.sommaire_articles {
   clear : both;
   position : relative;
   background-color : transparent;
   height : 1%;
   margin : 4px 3px 2px 3px;
   padding : 0px;
  
   cursor : pointer;
   border-right : 1px solid #778877;
   overflow : hidden
}
.art_liste {
   clear : both;
   position:relative;
   display : block;
   margin:0px;
   padding:2px;
   height :1%;
   border-bottom:1px solid #ffffff;   
   cursor : pointer;
   text-align : left;
   font-size : 12px;
}
.art_titre_archives {
   position : relative;   
   float : left;
   width : 370px;
   padding : 2px 0px 2px 5px;
   font-size : 13px;
}
.art_titre {
   position : relative;
   text-align : left;
   padding : 2px 0px 2px 5px;
   margin : 0px;   
}
.art_titre_petit {
   position : relative;
   width : 220px;
   float : left;
   padding : 2px 0px 2px 5px;
   font-size : 12px;   
}
.art_date {
   position : relative;   
   float : left;
   width : 92px;
   text-align : left;
   margin : 0px 5px 0px 4px;
   padding: 3px 0px 3px 0px;
   color : #444444;
   font-size : 11px;
   font-style: italic;
}
.art_auteur {
   position : relative;
   float : right;
   width : 110px;
   text-align : right;
   margin : 0px 4px 0px 6px;
   padding: 2px 0px 0px 0px;
   font-size : 11px;
   font-weight: bold;
   color : #444444;
}
.art_court {
   margin : 0px 10px 0px 10px;
   padding : 5px 0px;
   font-size : 13px;
   clear:both;   
}

/* *********************************************************** */
/** pour la recherche dans le contenu.. **/

#cherche_contenu_controle {
   position:absolute;
   left: 670px;
   top: 274px;
   width: 300px;
   overflow:visible;
   padding : 0px;
   z-index :150;
   text-align:left;
   /*height : 100%;*/
   /*background : transparent url(images/bg_ch_contenu.png) repeat 0 0;*/
   
}
#q_cc {
   width:150px;
   padding : 2px 2px 2px 18px;
   margin  : 0px;
   color : #999999;
   font-style : italic;
   background : #ffffff url(images/textfield_chercher.png) no-repeat left center;
}
#bouton_q_cc {
   width:80px;
}

#cherche_contenu {
   background : transparent url(images/bg_ch_contenu.png) repeat 0 0;
   position : relative;
   display : none;
   clear : both;
   height: 100%;
   margin : 0px;
   padding : 4px;
}
#cherche_contenu h2 {
   text-align : center;
}
#cherche_contenu_resultats {
   font : 11px tahoma,helvetica,"DejaVu Sans",sans-serif;
   position : relative;
   height: 100%;   
   padding:0px;
   margin:0px;
}

#cherche_contenu_resultats ul {
   /*background-color : #d9d3c3;*/
   /*border-right : 1px solid #221100;*/
   /*border : 1px solid #993333;*/
   float: left;
   width: 230px;
   padding : 2px;
   margin : 2px;
}

#cherche_contenu_resultats li {
   /*background-color : transparent;*/
   /*border-right : 1px solid #777799;*/
   cursor : pointer;
   padding :1px 2px;
   margin : 2px 0px 0px 20px;
   /*font-size : 11px;*/
   font-weight : bold;
}
#cherche_contenu_resultats h4 {
  background-color : #ddccbb;
  padding: 10px 0px;
  margin : 0px;
  /*border : 3px solid #333333;*/
}
#cherche_contenu_resultats p {
  clear : both;
  color : #ffffff;
  background-color : #004065;
  border-bottom : 1px solid #333333;
  /*border-right : 1px solid #777799;*/
  font-size : 13px;
  padding: 2px 1px 2px 4px;
  margin : 8px 0px 3px 3px;
}

/* *********************************************************** */
/** pour la recherche dans le menu.. **/
#cherche_menu_controle {
   position:absolute;
   left: 10px;
   top: 271px;
   width: 218px;
   overflow:visible;
   padding : 0px;
   z-index :150;
   text-align:left;
   /*height : 100%;*/
   /*background : transparent url(images/bg_ch_contenu.png) repeat 0 0;*/

}
#cherche_menu_resultats {
   position : absolute;
   top : 26px;
   left : 28px;
   z-index : 100;
   display : none;
   background-color : transparent;
   color : #221100;
   /*height: 100%;*/
   width : 960px;
   font : 11px tahoma,helvetica,"DejaVu Sans",sans-serif;
}
#cherche_menu_resultats ul {
   /*background-color : #d9d3c3;*/
   background : transparent url(images/bg_ch_menu.png) repeat 0 0;
   border-right : 1px solid #221100;
   /*border : 1px solid #993333;*/
   float: left;
   width: 215px;
   padding : 2px;
   margin : 0px;
}

#cherche_menu_resultats li {
   /*background-color : transparent;*/
   /*border-right : 1px solid #777799;*/
   cursor : pointer;
   padding :1px 2px;
   margin : 2px 0px 0px 20px;	
   /*font-size : 11px;*/
   font-weight : bold;
}
.cmr_int {
   background-color : transparent;
}
.cmr_int_over { /* HOVER SUR LES LI liens INTERNES */
   color : #004065;
   background-color : #ffffff;
}
.cmr_ext {
   background-color : #e0d9d9;
   color : #332211;
}
.cmr_ext_over { /* HOVER SUR LES LI liens EXTERNES */
   color : #eeeeee;
   background-color : #00720f;
}
#cherche_menu_resultats h4 {
  background-color : #ddccbb;
  padding: 20px 0px;
  margin : 0px;
  /*border : 3px solid #333333;*/
}
#cherche_menu_resultats p {
  clear : both;
  color : #ffffff;
  background-color : #004065;
  border-bottom : 1px solid #333333;
  /*border-right : 1px solid #777799;*/
  font-size : 13px;
  padding: 2px 1px 2px 4px;
  margin : 8px 0px 3px 3px;
}
#cherche_menu_q {
   width:150px;
   padding : 2px 2px 2px 18px;
   margin  : 6px 0px 0px 12px;
   color : #999999;
   font-style : italic;
   background : #ffffff url(images/textfield_chercher.png) no-repeat left center;
}



/* *********************************************************** */
.dessus_ombre {
   position:relative;
   /*width:100%;
   height:100%;*/
   z-index:100;
   margin : 0px;
   padding: 0px;
}
.ombre_div_bg {
   border:0 none;
   height:100%;
   left:0;
   margin:0;
   padding:0;
   position:absolute;
   top:0;
   width:100%;
   z-index:70;
   background-color : transparent;
}

.ombre_bg {
   border:0 none;
   display:block;
   margin:0;
   padding:0;
   position:absolute;
   z-index:70;
}
.ombre_n {
   background:transparent url(images/ombre_n.png) repeat-x 0 0;
   height:18px;
   top:-18px;
   left:0px;
   width:100%;
}
.ombre_ne {
   background:transparent url(images/ombre_ne.png) no-repeat 0 0;
   height:18px;
   right:-13px;
   top:-18px;
   width:13px;
}
.ombre_e {
   background:transparent url(images/ombre_e.png) repeat-y 0 0;
   height:100%;
   right:-13px;
   top:0px;
   width:13px;
}
.ombre_se {
   background:transparent url(images/ombre_se.png) no-repeat 0 0;
   bottom:-18px;
   height:18px;
   right:-13px;
   width:13px;
}
.ombre_s {
   background:transparent url(images/ombre_s.png) repeat-x 0 0;
   bottom:-18px;
   left:0px;
   height:18px;
   width:100%;
}
.ombre_sw {
   background:transparent url(images/ombre_sw.png) no-repeat 0 0;
   bottom:-18px;
   height:18px;
   left:-13px;
   width:13px;
}
.ombre_w {
   background:transparent url(images/ombre_w.png) repeat-y 0 0;
   height:100%;
   left:-13px;
   top:0px;
   width:13px;
}
.ombre_nw {
   background:transparent url(images/ombre_nw.png) no-repeat 0 0;
   height:18px;
   left:-13px;
   top:-18px;
   width:13px;
}



a.extrait_seance {
    background : #ccddaa url(images/control_play.png) no-repeat 4px 4px;
    display:inline-block;
    cursor : pointer;
    margin: 2px 3px;
    /*height:17px;*/
    padding: 1px 6px 4px 24px;
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
     -moz-box-shadow : inset 2px 5px 8px rgba(200,200,190,0.4);
    -webkit-box-shadow : inset 2px 5px 8px rgba(200,200,190,0.4);
    box-shadow : inset 3px 5px 9px rgba(200,200,190,0.4);
}
a.extrait_seance:hover {
    background-color : #99bb77;
    color : #551;
    box-shadow : 1px 1px 4px #333;
}