/*
	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 : #000000 url(images/Fond_ceramique.jpg) repeat 0px 0px;
	font : 13px "Comic Sans MS","URW Chancery L",cursive; /*"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;
}
#fond_site {
   background : transparent url(images/Fond_site_centre.jpg) no-repeat 0px 0px;
    position:absolute;
    top : 27px;
    left : -225px;
    width : 1449px;
    height : 913px;
    z-index:0;
}
#fond_site_nord {
   background : transparent url(images/Fond_site_nord.png) no-repeat 0px 0px;
    position:absolute;
    top : 0px;
    left : -250px;
    width : 1500px;
    height : 27px;
    z-index:0;
}
#fond_site_sud {
   background : transparent url(images/Fond_site_sud.png) no-repeat 0px 0px;
    position:absolute;
    top : 940px;
    left : -250px;
    width : 1500px;
    height : 60px;
    z-index:0;
}
#fond_site_est {
   background : transparent url(images/Fond_site_est.png) no-repeat 0px 0px;
    position:absolute;
    top : 27px;
    left : 1224px;
    width : 25px;
    height : 913px;
    z-index:0;
}
#fond_site_ouest {
   background : transparent url(images/Fond_site_ouest.png) no-repeat 0px 0px;
    position:absolute;
    top : 27px;
    left : -250px;
    width : 25px;
    height : 913px;
    z-index:0;
}

input, select, button, textarea	{
	font : 12px "Comic Sans MS","URW Chancery L",cursive;/*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 "Comic Sans MS","URW Chancery L",cursive; /*"Times New Roman",Times,"Century Schoolbook L",serif; /* tahoma,helvetica,"DejaVu Sans",sans-serif;	 */
   margin: 10px 0px;
   padding : 0px;      
   color: #000000;
   font-weight:bold;
}

h2 {
   position : relative;
   display : block;
   /*height : 1%;*/
   font : 20px "Comic Sans MS","URW Chancery L",cursive; /*"Times New Roman",Times,"Century Schoolbook L",serif; /* tahoma,helvetica,"DejaVu Sans",sans-serif;	 */
   margin: 6px 0px 4px 0px;
   padding : 0px;   
   color: #004065;
   font-weight:bold;
}

h3 {
   position : relative;
   display : block;
   /*height : 1%;*/
   font : 20px "Comic Sans MS","URW Chancery L",cursive; /*"Times New Roman",Times,"Century Schoolbook L",serif; /* tahoma,helvetica,"DejaVu Sans",sans-serif;	 */
   margin: 6px 0px 4px 0px;
   padding : 2px 4px;
   color: #004065;
   font-weight:bold;
   /*background : transparent url(images/bg_note.png) repeat 0 0;*/
}

h4 {
   position : relative;
   display : block;
   /*height : 1%;*/
   font : 16px "Comic Sans MS","URW Chancery L",cursive; /*"Times New Roman",Times,"Century Schoolbook L",serif; /* tahoma,helvetica,"DejaVu Sans",sans-serif;	 */
   margin: 4px 0px;
   padding : 0px;
   color: #000000; 
   font-weight:bold;
}

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

table {   /* équivalent à "cellspacing 0 et padding 0"*/
    border-collapse: collapse;
    margin : 4px;
	font : 13px "Comic Sans MS","URW Chancery L",cursive;/*"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 30px;
   list-style-type : square;
   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;
}

.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-size : 11px;
}

.mplayer {
   background : transparent url(images/Media_player.png) repeat 0 0;
   position : relative;
   color: #ffffff;
   font-weight: bold;
   width : 490px;
   height : 274px;
   padding: 15px 35px;
   text-align : center;
   margin:5px;
}
.pi_bleu {
   background : transparent url(images/Postit_bleu.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   font-weight: bold;
   width : 323px;
   height : 268px;
   padding: 15px 35px 15px 20px;

   margin:5px;
}
.pi_jaune {
   background : transparent url(images/Postit_jaune.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   font-weight: bold;
   width : 323px;
   height : 268px;
   padding: 15px 35px 15px 20px;

   margin:5px;
}
.pi_orange {
   background : transparent url(images/Postit_orange.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   font-weight: bold;
   width : 323px;
   height : 268px;
   padding: 15px 35px 15px 20px;

   margin:5px;
}
.pi_vert {
   background : transparent url(images/Postit_vert.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   font-weight: bold;
   width : 323px;
   height : 268px;
   padding: 15px 35px 15px 20px;

   margin:5px;
}
.papier1 {
   background : transparent url(images/papier1.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   /*font-weight: bold;*/
   width : 215px;
   height : 96px;
   padding: 10px 45px 40px 40px;
   margin:5px;
}
.papier2 {
   background : transparent url(images/papier2.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   /*font-size : 18px;*/
   /*font-weight: bold;*/
   width : 485px;
   height : 235px;
   padding: 15px 35px 25px 60px;

   margin:5px;
}
.etiquette0 {
   background : transparent url(images/etiquette0.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   font-size : 16px;
   font-weight: bold;
   text-align : center;
   width : 90px;
   height : 35px;
   padding: 15px 20px 10px 10px;
   margin:5px;
}
.etiquette1 {
   background : transparent url(images/etiquette1.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   /*font-weight: bold;*/
   width : 220px;
   height : 102px;
   padding: 15px 40px 25px 24px;
   margin:5px;
}
.etiquette2 {
   background : transparent url(images/etiquette2.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   /*font-size : 18px;*/
   /*font-weight: bold;*/
   width : 400px;
   height : 190px;
   padding: 22px 50px 20px 34px;

   margin:5px;
}
.lignes1 {
   background : transparent url(images/lignes1.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   font-size : 15px;
   line-height:22px;
   width : 225px;
   height : 135px;
   padding: 7px 35px 36px 24px;
   margin :5px;
}
.lignes2 {
   background : transparent url(images/lignes2.png) no-repeat 0 0;
   position : relative;
   color: #000000;
   font-size : 22px;
   line-height:39px;
   width : 410px;
   height : 240px;
   padding: 12px 44px 46px 30px;

   margin :5px;
}

.rond {
   background : transparent url(images/rond.png) no-repeat 0 0;
   position : relative;
   color : #000000;
   /*font-weight: bold;*/
   text-align : center;
   width : 300px;
   height : 245px;
   padding: 145px 55px 70px 35px;
   margin : 5px;
}
/* ******************************  classes pré-définies   *************************/

#overlay_filtre {
   z-index:150;
   background-color : #332211;
   position:absolute;
   top:0px;
   left:0px;
   display:none;
}
#nom_utilisateur {
   position:absolute;
   top:2px;
   left:2px;
   padding:3px 12px;
   font-weight:bold;
   color:#663333;
   border: 2px solid #663333;
   background-color: #ffffff;/* : 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%;/*test*/
   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:#504030;} /* 998866*/
a:active {color:#aa4e0f; border:none; }

a:focus {-moz-outline-style: 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  : 1500px;
}
#complet {
	position:relative;	
   /*background : #000000 url(images/Fond_pattern.gif) repeat top left;*/
   background-color : transparent;
   color : #000000;
	width : 1040px;
   height : 980px;
   overflow : visible;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom : 0px;
	padding:0px;
	text-align : left;
   z-index : 10;
}

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

#entete {
   color : #000000;
   position : relative;
   /*background : transparent url(images/Entete.png) no-repeat 0 0;*/
   padding:0px;
   /*margin : 0px;*/
	/*width : 950px;*/
   margin : 0px;
   height :  189px;
   z-index : 5;
}
#logo_entete {
   color : #000000;
   position : absolute;
   /*background : transparent url(images/logo_entete.png) no-repeat 0px 0px;*/
   top : 30px;
   left : 10px;
   padding : 0px;
   /*margin : 0px;*/
	/*width : 950px;*/
   margin : 0px;
   height : 200px;
   width : 300px;
   z-index : 25;
   cursor : pointer;
}



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

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


#menu_pages a {
   display : block;
   margin : 2px 0px 3px 18px;
   padding : 3px;
}
#menu_pages a:hover {
   background-color:#ffffff;
}

.menu_sections {
   /*display : none;*/
   overflow : visible;
   position : absolute;
   top : 0px;
   left: 280px;
   clear : both;
   height : 150px;
   /*background : transparent url(images/bg_menu.png) repeat 0 0;*/
   /*background-color : #1f221f;*/
   /*font-family : arial,verdana,tahoma,sans-serif;*/
   /*border : 1px solid #000000;*/
   z-index   : 100;
   padding : 0px 0px 0px 60px;
   margin : 0px;   
}
#livre_haut {
   position : absolute;
   top : 85px;
   left : 0px;
   height : 104px;
   width : 734px;
}
.lh_ferme {
   background : transparent url(images/Livre_ferme_haut.png) no-repeat 0px 0px;
   height : 104px;
   width : 734px;
   z-index : 1;
}
.lh_ouvert {
   background : transparent url(images/Livre_ouvert_haut.png) no-repeat 0px 0px;
   height : 104px;
   width : 734px;
   z-index : 0;
}
.menu_sections_item {
   position : relative;      
   background-color : transparent;
   float:left;
   
   font-size : 14px;
   width : 118px;
   height : 189px;
   padding : 0px; /* pas de padding, IMPORTANT !!!*/
   margin : 0px;
   text-align : center;
   color : #000000;
}

.menu_sections_item span { /* éléments sans liens, padding ICI, important  !!!! */
   position : relative;
   display : block;
   text-decoration : none;
   margin  : 0px;
   padding : 0px;
   
   height : 189px;
   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;
   padding : 0px;
   
   height : 189px;

   overflow : hidden;
   /*height : 30px;*/
   font-weight : normal;
   background-position : 0px 0px;
   color : #ffffff;
}

.menu_sections a:visited { color : #eeeeee; }
.menu_sections a:hover { color : #cccccc; }
.menu_sections a:active { color : #eeeeee; }

.msn_0 {
   background : transparent url(images/Onglet_0_normal.png) no-repeat 0px 0px;
}
.msover_0 {
   background : transparent url(images/Onglet_0_over.png) no-repeat 0px 0px;

}
.msselect_0 {
   background : transparent url(images/Onglet_0_select.png) no-repeat 0px 0px;

}
.msn_1 {
   background : transparent url(images/Onglet_1_normal.png) no-repeat 0px 0px;
}
.msover_1 {
   background : transparent url(images/Onglet_1_over.png) no-repeat 0px 0px;

}
.msselect_1 {
   background : transparent url(images/Onglet_1_select.png) no-repeat 0px 0px;

}
.msn_2 {
   background : transparent url(images/Onglet_2_normal.png) no-repeat 0px 0px;
}
.msover_2 {
   background : transparent url(images/Onglet_2_over.png) no-repeat 0px 0px;

}
.msselect_2 {
   background : transparent url(images/Onglet_2_select.png) no-repeat 0px 0px;

}
.msn_3 {
   background : transparent url(images/Onglet_3_normal.png) no-repeat 0px 0px;
}
.msover_3 {
   background : transparent url(images/Onglet_3_over.png) no-repeat 0px 0px;

}
.msselect_3 {
   background : transparent url(images/Onglet_3_select.png) no-repeat 0px 0px;

}
.msn_4 {
   background : transparent url(images/Onglet_4_normal.png) no-repeat 0px 0px;
}
.msover_4 {
   background : transparent url(images/Onglet_4_over.png) no-repeat 0px 0px;

}
.msselect_4 {
   background : transparent url(images/Onglet_4_select.png) no-repeat 0px 0px;

}

.sous_menu {                    /* pop up! */
   /*   border : 1px solid #133666; /*test*/
	/*background-color : #ffffff; /*test*/
   display : none;
	position  : absolute;
	left      : 6px; /* à partir du côté gauche des "menu_item" */
	top     : 160px;
    visibility: hidden;
    z-index   : 100;              /* s'assurer d'être sur le dessus */
	
	width      : 190px;
	padding : 5px 0px;
   /*background : transparent url(images/Image_sous-menu.jpg) repeat-y 0 0;*/
   background-color : #ffffff;
	text-align : left;
    overflow : hidden;  /* pour l'effet déroulant..*/
}

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


.menu_sections .sous_menu a:visited {color:#112233;}
.menu_sections .sous_menu a:active {color:#008095;}
.menu_sections .sous_menu a:hover {color:#e7daaf; background-color:#004065;}


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

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

#contenu {
   position : relative;
   /*background : transparent url(images/Contenu_pattern.gif) repeat-y 0 0;;*/
   width : 1040px;
   /*float : right;*/
   overflow : visible;
   margin:0px;
   padding : 0px;
   z-index : 20;
   height : 720px;
   /*height : 100%;*/
}
#section_gauche {
   background-color : transparent;
   color : #000000;
   position : absolute;
   top : 100px;
   left : 10px;
   z-index : 5;
   width: 250px;
   height: 320px;
   margin : 0px;
   /*border : 1px solid #993737;*/
   padding : 5px;
 
}


#contenu_droite {
   position : absolute;
   display : block;
   top : 0px;
   left : 280px;
   /*background : transparent url(images/bg_trans.png) repeat 0 0;*/
   background-color : transparent;
   color : #000000;   
   width  : 589px;
   /*border : 1px solid #993737;*/
   padding: 0px 80px 0px 65px;
   margin : 0px;
   z-index : 8;
   height : 775px;
}
#contenu_pages {   
   position : relative;
   display : block;
   clear : both;
   margin : 0px;
   padding : 0px;
   /*height : 100%;/*test*/
   text-align : justify;
}


.titre_pages {
   position : relative;
   z-index : 10;
   color : #00375e;
   /*height : 100%;/*test*/
   font-size:28px;
   font-variant : small-caps;
  /*background-color : #8899aa;*/
   text-align: left;
   padding : 0px 6px 4px 6px;
   margin : 0px 6px;
}
.titre_pages span {
   margin : 0px 12px 0px 0px;
   padding : 0px 12px 0px 4px;
   font-size : 18px;
   color : #000000;
   border-right : 2px solid #004065;
   border-bottom : 2px solid #004065;
}

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

.elements_absolu {
   background-color : transparent;
   position : absolute;
   text-align : justify;
   padding : 3px;
   margin : 0px;   
}
.elements_absolu_ombre {
   background-color : #ffffff;
   position : absolute;
   text-align : justify;
   padding : 0px;
   margin : 0px;
}
.elements {
   background-color : transparent;
   z-index : 10;
   clear : both;
   /*height : 100%;/*test*/

   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%;/*test*/

   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: 1%;/*test*/
   margin:0px 0px;
   padding : 0px;
   z-index : 10;
}
.colonne_gauche { /* pour les colonnes du layout */
   position : relative;
   width: 281px;
   /*height:100%;/*test*/
   float : left;
   margin : 0px;
   padding: 0px;
}
.colonne_droite { /* pour les colonnes du layout */
   position : relative;
   width: 281px;
   /*height:100%;/*test*/
   float : right;
   margin : 0px;
   padding: 0px;
}
.colonne_gauche_large { /* pour les colonnes du layout */
   position : relative;
   width: 360px;
   /*height:100%;/*test*/
   float : left;
   margin : 0px;
   padding: 0px;
}
.colonne_droite_petite { /* pour les colonnes du layout */
   z-index : 11;
   position : relative;
   width: 215px;
   height:1%;/*test*/
   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%;/*test*/
   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;
   margin : 4px 20px 0px 20px;
   padding: 0px;
   /*height:100%;/*test*/
}
.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:1%;/*test*/
   margin:4px 15px 2px 15px;
   padding : 0px;
   z-index : 10;
}
.vonglets {
   float:right;
   width : 370px; /* 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: 175px;
   margin : 0px;
   padding: 0px;
   background : #ffffff;
/*   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 : 155px;
   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;*/
   height: 1%;
   margin : 6px 0px;
   padding : 4px 0px;
}

#album_pres_thumbs_titre {
   position : relative;
   text-align:left;
   font-variant : small-caps;
   /*float:left;*/
   /*width : 425px;*/
   margin : 0px;
   padding: 0px 6px;
   
}
#album_table_matieres {
   position : absolute;
   text-align : left;
   top : 110px;
   left : -315px;
   margin : 0px;
   padding: 5px;
   width: 246px;
}
#album_table_matieres ul {
   margin : 4px 0px 0px 10px;
   padding : 0px;

}
#album_table_matieres li {
   margin : 4px 0px 6px 6px;
   padding : 0px;

}

.album_thumbs_pages {      
   position : relative;
   display : none;   
   padding : 0px;
}
#album_pages {
   position : relative;
   clear : both;
   padding : 0px;
   margin: 22px 5px;
}
#album_menu_pages {
   position : relative;
   margin: 2px 45px;
   height: 22px;
}
#album_menu_pages a {
   position : relative;
   outline : none;
   height: 17px;
   width : 24px;
   float: left;
   padding: 4px 0px;
   text-align : center;
   margin : 2px 4px;
   font-size : 15px;
   font-weight : normal;
   text-decoration : none;

   color : #000000;
   background : transparent;

}
#album_menu_pages a:hover {   
   background : transparent url(images/Page_select_over.gif) no-repeat 0px 0px;
}
#album_menu_pages a.am_selection {
   color : #000000;
   background : transparent url(images/Page_select.gif) no-repeat 0px 0px;
}
#album_menu_pages a.am_selection:hover {
   color : #000000;
   background : transparent url(images/Page_select.gif) no-repeat 0px 0px;
   cursor : default;

}
.album_fond_crayon {
   background : transparent url(images/Crayonnage.gif) no-repeat 0px 0px;
}
.album_thumbs {
   position : relative;
   float : left;
   width : 125px;
   height : 125px;
   margin: 10px 20px 0px 8px;
   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 : #e7e2c5;/*#2f332f;*/
   text-align : center;
   /*background : #000030 url(images/bois.png) repeat top left;*/
   /*border : 1px solid #000030;*/
   padding : 25px 32px;
   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;*/
   background-color : #e5eff9;
   /*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:285px;
   margin : 0px;
   padding :0px;
   position:relative;
   z-index : 10;
}
.sommaire_articles {
   clear : both;
   position : relative;
   background-color : transparent;
   height : 1%;
   margin : 4px 4px 2px 4px;
   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 : 300px;
   padding : 2px 5px 2px 5px;
   font-size : 13px;
}
.art_titre {
   position : relative;
   text-align : left;
   padding : 2px 5px 2px 5px;
   margin : 0px;   
}
.art_titre_petit {
   position : relative;
   width : 225px;
   float : left;
   padding : 2px 0px 2px 5px;
   font-size : 13px;
}
.art_date {
   position : relative;   
   float : left;
   width : 88px;  
   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: 655px;
   top: 10px;
   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%;/*test*/
   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_resultats {
   position : absolute;
   top : 24px;
   left : 40px;
   z-index : 100;
   display : none;
   background-color : transparent;
   color : #221100;
   /*height: 100%;*/
   width : 920px;
   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_over { /* HOVER SUR LES LI liens INTERNES */
   color : #004065;
   background-color : #ffffff;
}
.cmr_ext_over { /* HOVER SUR LES LI liens EXTERNES */
   color : #ffffff;
   background-color : #004065;
}
#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 : #165c22;
  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 15px;
   color : #999999;
   font-style : italic;
   background : #ffffff url(images/textfield_chercher.png) no-repeat left center;
}


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

#sablier { position : absolute; top:20px; left:20px; visibility:hidden; z-index:500;}


/* *********************************************************** */
.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;
}