/*
	Style Sheet pour le site Web
	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 {
   background : transparent url(images/Fond_pattern.jpg) repeat center 0px;
   position : relative;
   font : 12px Verdana, Geneva, "DejaVu Sans", sans-serif;
   /*font : 14px "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    */

/* ****************************  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: #105520;
   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: #ffffff;
   font-weight:bold;
   background : transparent url(images/bg_noir.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 : 14px "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 ************************ */

/* ****************** 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 : #f0ece0 url(images/Icone_avertissement_orange.gif) no-repeat 2px 2px;
   position : relative;
   height: 100%;
   color: #000000;
   border : 2px solid #b48f36;
   font-weight: bold;
   padding:12px 12px 14px 50px;
   margin:8px 20px;
}
.note {
   background : transparent url(images/bg_noir.png) repeat 0 0;
   position : relative;
   height: 100%;
   color: #ffffff;
   border : 2px solid #000000;   
   font-weight: bold;
   padding:4px;
   margin:8px;
}
.trans_rouge {
   background : transparent url(images/bg_rouge.png) repeat 0 0;
   position : relative;
   height: 100%;
   color: #ffffff;
   border : 2px solid #000000;
   font-weight: bold;
   padding:4px;
   margin:8px;
}
.note_vert {
   background : #d4e2d7 url(images/Icone_avertissement_vert.gif) no-repeat 2px 2px;;
   position : relative;
   height: 100%;
   color: #105520;
   border : 1px solid #105520;
   font-weight: bold;

   padding:10px 12px 12px 50px;
   margin: 8px 4px;
}
.note_rouge {
   background : #eedee4 url(images/Icone_avertissement_rouge.gif) no-repeat 2px 2px;
   position : relative;
   height: 100%;
   color: #000000;
   border : 2px solid #cf003d;
   font-weight: bold;
   padding:12px 12px 14px 50px;
   margin:8px 20px;
}
.note_commissariat {
   background : transparent url(images/Icone_commissariat.gif) no-repeat 8px 12px;
   position : relative;
   height: 100%;
   color: #333333;
   
   border-top : 1px solid #000000;
   border-bottom : 1px solid #000000;   

   padding:14px 12px 18px 50px;
   margin: 8px 4px;
}
.petit {
   font : 10px tahoma,helvetica,"DejaVu Sans",sans-serif; /*11px*/
}


.bouton_archives {
   position : relative;
   z-index : 10;
   clear : both;
   background : transparent url(images/Bouton_actualites.gif) no-repeat 0px 0px;
   height : 22px;
   margin : 12px;
   padding : 8px 0px 0px 20px;
   width : 406px;
   text-align : center;
   cursor : pointer;
   font-weight: bold;
   font-size : 10px;/*13 */
  /* font : bold 11px tahoma,helvetica,"DejaVu Sans",sans-serif;*/
   color : #002200;
}
/* ******************************  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:2px;
   left:10px;
   padding:8px 20px;
   font-size : 10px; /*12px */
   font-weight:bold;
   color:#993333;
   border: 2px solid #993333;
   z-index : 125;
   background : transparent url(images/bg_opt.png) repeat 0 0;
}
.registre {
   background-color : #ffffff;
   font : 10px tahoma,helvetica,"DejaVu Sans",sans-serif;
   margin : 2px;
   padding: 3px;
   width:200px;
}
#registre_timer {
   background-color : #ffffff;
   margin : 3px 0px;
   display : none;
}
.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 6px 4px 0px;
   z-index : 11;
}

.img_droite {
   float : right;
   position : relative;
   margin :  4px 0px 4px 6px;
   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; }

/* *****************************  Formatage des images   *********************************/

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

/* *********************************************************** */
.fond_site {
   z-index : 0;
   position : absolute;
   top : 0px;
   left : -320px;
   /*height : 820px;*/
  width  : 1600px;
}
#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                                            */
/* ******************************************************************************* */

.anim {
   position: absolute;
   top : 80px;
   left: -320px;
   z-index : 1;
   height:309px;
   width:1599px;
   overflow : hidden;
   background : url(images/Cadre_animation.png) 0px 0px;
}
.anim img {
   position : absolute;
   display : block;
   top : 39px;
   left: 10px;
   /*height : 231px;*/
   padding : 0px 2px;
   z-index : 1;
   visibility : hidden;
}
#anim_fadeout_gauche {
    position:absolute;
    top : 80px;
    left:-320px;
    z-index : 2;
    height:310px;
    width:250px;
    background : url(images/Fadeout_gauche.png) 0px 0px;
}
#anim_fadeout_droite {
    position:absolute;
    top : 80px;
    left:1030px;
    z-index : 2;
    height:310px;
    width:250px;
    background : url(images/Fadeout_droite.png) 0px 0px;
}

#entete {
   color : #000000;
   position : relative;
   background : transparent url(images/bg_trans.png) repeat 0 0;/*test*/
   padding: 0px;
   margin : 0px 0px 236px 0px;
   height :  116px;
   z-index : 45;
}
#logo_entete {
   
   position : absolute;
   background : transparent url(images/Logo.png) no-repeat 0px 0px;
   top : 15px;
   left : 15px;
   padding : 0px;
   /*margin : 0px;*/
	/*width : 950px;*/
   margin : 0px;
   height :  91px;
   width : 267px;
   z-index : 25;
   cursor : pointer;
}

#options_visiteur {
   position:absolute;
   z-index:10;
   top:2px;
   left:850px;
   width:100px;
   height:80px;
   padding : 2px 0px;
   font-size:10px;
   text-align : center;
   
}


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

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


.menu_sections {
   display : none;
   overflow : hidden;
   position : relative;
   background : transparent url(images/Separateur.png) repeat-y 237px 0;
   /*background-color : #ffffff;/*#bfdbe8;/*test*/
   /*font-family : arial,verdana,tahoma,sans-serif;*/
   /*border-right : 2px dotted #333333;*/
   margin : 0px;
   z-index   : 10;
   padding : 0px;
   margin : 0px;   
}

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

.menu_sections_item span { /* éléments sans liens, padding ICI, important  !!!! */
   position : relative;
   display : block;
   text-decoration : none;
   margin : 0px;
   padding : 5px 50px 5px 2px;
   overflow : hidden;
   /*height : 30px;*/    
}

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

.menu_sections a:visited { color : #222222; }
.menu_sections a:hover { color : #ffffff; background-color:#d00040;}
.menu_sections a:active { color : #000000; }

.sous_menu {                    /* pop up! */
   /*   border : 1px solid #133666; /*test*/
	/*background-color : #ffffff; /*test*/
   display : none;
	position  : absolute;
	left      : 204px; /* à partir du côté gauche des "menu_item" */
	top     : 0px;
    visibility: hidden;
    z-index   : 100;              /* s'assurer d'être sur le dessus */
	
	width      : 240px;
	
	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   : 10px; /*12px*/
    /*font-weight : bold;*/
    /*height : auto;*/
    /*margin-bottom : 1px;*/
    padding     : 4px 6px;
    color       : #ffffff;
    background-color : #d00040;/*#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:#880029;}


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

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

#contenu {
   position : relative;
   background : 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: 240px;
   float : left;
   margin : 0px;
   padding : 8px 0px 16px 0px;
   /*font-family: tahoma,helvetica,"DejaVu Sans",sans-serif;   */
}
#pied {
   position : relative;
   color : #ffffff;
   clear : both;
   background : transparent url(images/bg_noir.png) repeat 0 0;
   padding: 0px;
   margin : 0px 0px;
   z-index : 8;
   font-size:10px;
}
#pied a { color:#ddeeff;}
#pied a:hover { color:#bbbbbb;}

#contenu_droite {
   position : relative;
   background-color : transparent;
   display : block;
   color : #000000;
   float  : right;
   width  : 708px;
   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 : #000000;
   height : 100%;
   font-size:30px;
   font-variant : small-caps;
  /*background-color : #8899aa;*/
   text-align: left;
   padding : 0px 6px 4px 6px;
   margin : 0px 6px 8px 6px;
}
.titre_pages span {
   margin : 0px 12px 0px 0px;
   padding : 0px 32px 0px 4px;
   font : 20px tahoma,helvetica,"DejaVu Sans",sans-serif;
   color : #ffffff;
   background-color : #d00040;
   /*border-right : 20px solid #d00040;*/
   /*border-bottom : 2px solid #d00040;*/
}

/* *********************************************************** */
.element_entete {
   background-color : transparent;
   position : absolute;
   text-align : left;
   top:2px;
   left:296px;
   width:545px;
   height:80px;
   padding : 0px;
   margin : 0px;
   overflow:visible;
   z-index : 8;
}
.element_menu {
   position : relative;
   text-align : left;
   font-size:10px; /*12px */
   margin:8px ;
   padding:6px;
}
.element_pied {
   position : relative;
   /*font-size:12px; /*14px */
   margin:0px 6px;
   padding:6px;
}
.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: 349px;
   height: 100%;
   float : left;
   margin : 0px;
   padding: 0px;
}
.colonne_droite { /* pour les colonnes du layout */
   position : relative;
   width: 349px;
   height: 100%;
   float : right;
   margin : 0px;
   padding: 0px;
}
.colonne_gauche_large { /* pour les colonnes du layout */
   position : relative;
   width: 440px;
   height: 100%;
   float : left;
   margin : 0px;
   padding: 0px;
}
.colonne_droite_petite { /* pour les colonnes du layout */
   background : transparent url(images/bg_droite.png) repeat 0 0;
   color : #ffffff;
   z-index : 11;
   position : relative;
   width: 250px;
   height: 100%;
   float : right;
   margin : 20px 10px 20px 0px;
   padding: 0px 0px 15px 0px;
   text-align : left;  
   font-size : 10px; /*14px */
   
   /*  border-left : 1px dashed #000000;  */
}
.colonne_droite_petite h3 {
    color:#ffffff;
    font-size : 16px;
}
.colonne_droite_petite a { color : #880029; }
.colonne_droite_petite a:hover { color : #ccdddd; }
/* pour les colonnes des utilisateurs (panneau de gestion) */
/*
.colonne_moitie {
   margin: 0px 5px;
   text-align: justify;
   float: left;
   width: 360px;
}*/
.colonne_tier {
   margin: 0px 7px;
   text-align: left;
   float: left;
   width: 212px;
}

.colonne_quart {
   margin: 0px 5px;
   text-align: left;
   float: left;
   width: 140px;
}


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

/** 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 {
   
   border-bottom : 1px solid #444444;
   position : relative;
   clear : both;
   z-index : 10;
   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;
   color : #222222;
   border-bottom : 1px solid #444444;
   border-right : 1px solid #444444;
   background-color : #ffffff;

}
.menu_onglets a:hover {
   color : #000000;
   background : #766c62;
}
.menu_onglets a.onglet_selection {
   color : #ffffff;
   background : #766c62;
}
.menu_onglets a.onglet_selection:hover {
   color : #000000;
   background : #766c62;
   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 : 475px; /* 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;
/*   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;*/
   color : #222222;
   border-bottom : 1px solid #444444;
   border-right : 1px solid  #556655;
   /*background-color : #eeeeee;*/
}
.menu_vonglets a:hover {
   color : #000000;
   background : #766c62;
}
.menu_vonglets a.vonglet_selection {
   color : #ffffff;
   background : #766c62;
}
.menu_vonglets a.vonglet_selection:hover {
   color : #ffffff;
   background : #766c62;
   cursor : default;
}



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

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

#album_pres_thumbs {
   /*clear : both;   /* test */
   position : relative;
   float : left; /* test*/
   width : 440px;
   margin : 10px 0px 10px 4px;
   padding : 5px 0px;
}

#album_pres_thumbs_titre {
   text-align:left;
   float:left;
   width : 425px;
   margin : 0px;
   padding: 3px 10px;
   
}
#album_table_matieres {
   position : relative;
   float:right;
   text-align : left;
   margin : 5px 4px 8px 0px;
   padding: 5px;
   width:224px;
   background : transparent url(images/bg_droite.png) repeat 0px 0px;
}
#album_table_matieres ul {
    margin : 4px 0px 4px 20px;
}
#album_table_matieres li {
   margin : 4px 0px 6px 0px;
   padding : 0px;
   font-size:10px; /*12 */
   /*float : left;
   width : 100px;
   height: 36px;*/
   
}
#album_table_matieres a {
   color : #880029;
   text-decoration : none;   
}
#album_table_matieres a:hover {
   color : #ccdddd;
}
.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;
   border : 1px solid #332200;
}

.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 : #231f15;
   text-align : center;
   /*background : #000030 url(images/bois.png) repeat top left;*/
   border : 1px solid #111111;
   padding : 28px 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: 12px 18px;
   color : #220000;
   text-align : justify;
}

#archives_articles {
   background : transparent url(images/bg_archives.png) repeat 0 0;
   height  : 100%;
   position : relative;
   display : none;
   clear : both;
   margin : 10px 0px 0px 0px;
   padding : 0px;
}
#archives_articles h3 {
    background : #766c62;
    color : #ffffff;
    font-size : 14px;
    text-align: center;
    padding: 4px;
    margin : 0px 0px 4px 0px;
    /*border-top : 2px solid #222222;*/
    
}
.sommaire_articles_col {
   float:left;
   width:230px;
   margin : 0px;
   text-align:left;
   padding :0px;
   position:relative;
   z-index : 10;
}
.sommaire_articles {
   clear : both;
   position : relative;
   background-color : transparent;
   height : 1%;
   margin : 4px 3px 12px 3px;
   padding : 3px 0px;
  
   cursor : pointer;
   border-right : 1px solid #bbb7b0;
   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 : 10px;
}
.art_titre_archives {
   position : relative;   
   float : left;
   width : 340px; /*58*/
   padding : 2px 0px 2px 5px;
   font-size : 10px; /*12*/
   text-decoration : none;
}
.art_titre {
   position : relative;
   text-align : left;
   font-size : 14px;
   padding : 2px 0px 2px 5px;
   margin : 0px;   
}
.art_titre_petit {
   position : relative;
   width : 300px;
   float : left;
   padding : 0px 0px 2px 5px;
   margin : 0px 0px 0px 5px;
   font-size : 10px; /*12*/
   text-decoration : none;
}

.atp0 {color:#105520;}
a.atp0 {color:#105520;}
a.atp0:hover {color:#000000;}

.atp1 {color:#114066;}
a.atp1 {color:#114066;}
a.atp1:hover {color:#000000;}

.atp2 {color:#654000;}
a.atp2 {color:#654000;}
a.atp2:hover {color:#000000;}

.atp3 {color:#d00040;}
a.atp3 {color:#d00040;}
a.atp3:hover {color:#551111;}

.atp4 {color:#333333;}
a.atp4 {color:#333333;}
a.atp4:hover {color:#000000;}

.atp5 {color:#4f4400;}
a.atp5 {color:#4f4400;}
a.atp5:hover {color:#2f2200;}

.art_date {
   position : relative;   
   float : left;
   width : 110px; /*92*/
   text-align : left;
   margin : 0px 5px 0px 4px;
   padding: 3px 0px 3px 0px;
   color : #111111;
   font-size : 10px;
   /*font : 10px tahoma,helvetica,"DejaVu Sans",sans-serif;*/
   /*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 : 10px;
   font-weight: bold;
   color : #444444;
}
.art_court {
   margin : 0px 10px 0px 10px;
   padding : 5px 0px;
   font-size : 10px; /*13*/
   clear:both;   
}

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

#cherche_contenu_controle {
   position:absolute;
   left: 660px;
   top: 86px;
   width: 360px;
   overflow:visible;
   padding : 0px;
   z-index :150;
   text-align:left;
   font-size:12px;
   /*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: 224px;
   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;
   font-size : 10px;
}
#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 : #880029;
  border-bottom : 1px solid #333333;
  /*border-right : 1px solid #777799;*/
  
  padding: 2px 1px 2px 4px;
  margin : 8px 0px 3px 3px;
}

/* *********************************************************** */
/** pour la recherche dans le menu.. **/
#cherche_menu_controle {
    position : relative;
    margin:10px 5px 20px 15px;
   overflow:visible;
   font-size :10px;

}
#cherche_menu_resultats {
   position : absolute;
   top : -100px;
   left : 60px;
   z-index : 100;
   display : none;
   background-color : transparent;
   color : #eeeeee;
   /*height: 100%;*/
   width : 960px;
   font-size : 12px; /*14 */
   /*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;
   font-size : 10px;
}
.cmr_int {
   background-color : transparent;
}
.cmr_int_over { /* HOVER SUR LES LI liens INTERNES */
   color : #332211;
   background-color : #ffffff;
}
.cmr_ext {
   background-color : #e0d9d9;
   color : #332211;
}
.cmr_ext_over { /* HOVER SUR LES LI liens EXTERNES */
   color : #eeeeee;
   background-color : #337744;
}
#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 : #766c62;
  border-bottom : 1px solid #444444;
  /*border-right : 1px solid #777799;*/  
  padding: 2px 1px 2px 4px;
  margin : 8px 0px 3px 3px;
}
#cherche_menu_q {
   width:150px;
   padding : 2px 2px 2px 18px;
   margin  : 6px 0px 0px 0px;
   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;
}