/*
	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_eau.jpg) repeat center 0px;
   position : relative;  
   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: #cf9200;
   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: #2b4c9b;
   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;
}
table th {
	 color : #ffffff;
   padding : 4px;
   background-color : #254798;
   vertical-align : top;
}

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

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

ul {
	margin:  6px 0px 4px 22px;
   /*list-style-type : square;*/
   padding: 0px;	
}
ul ul {
	margin:  3px 0px 6px 10px;
   list-style-type : circle;
   padding: 0px;
}
ol {
	margin:  6px 0px 4px 12px;
   padding: 0px;	
}

li {	
	margin : 0 0 4px 20px;
   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 : #fff8e7 url(images/Icone_avertissement.gif) no-repeat 2px 2px;
   /*  background-color : #dfcfda;  */
   position : relative;   
   height: 100%;
   color: #000000;
   border : 2px solid #ffb400;
   font-weight: bold;
   padding:13px 12px 13px 50px;
   margin:4px 20px;
}
.note {
   background : transparent url(images/bg_note.png) repeat 0 0;
   position : relative;
   height: 100%;
   color: #ffffff;
   border : 2px solid #222222;
   font-weight: bold;
   padding:4px;
   margin:4px;
}
.question {
   background : #cdd9f3 url(images/Icone_question.gif) no-repeat 2px 2px;;
   position : relative;
   height: 100%;
   color: #2b4c9b;
   border : 2px solid #2b4c9b;
   
   padding:13px 12px 23px 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:55px;
   left:64px;
   padding:3px 20px;
   font-size : 12px;
   font-weight:bold;
   color:#441111;
   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;
}
#registre_timer {
   background-color : #ffffff;
   margin : 3px 0px;
   display : none;
}
#imprimante {
   position:absolute;
   left:420px;
   top: 10px;
   width:24px;
   height:24px;
   overflow:visible;
   z-index:150;
   background : transparent url(images/Bouton_imprimante.gif) no-repeat 0 0;
   cursor:pointer;
}
.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 8px 10px 0px;
}
.flotte_droite {
   float : right;
   margin :  0px 0px 10px 8px;
}



/* ******************************  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;
   background-color : #ffffff;
   position : absolute;
   top : 0px;
   left : -630px;
   height : 343px;
   width  : 2200px;
}
.fond_site_bande {
   z-index : 1;
   background : transparent url(images/bande_fond.gif) no-repeat 0px 0px;
   position : absolute;
   top : 343px;
   left : -630px;
   height : 100px;
   width  : 2200px;
}
#complet {
	position:relative;	

   background : #ffffff url(images/bande_menu.jpg) repeat-y 0px 0px;/*test*/
   color : #000000;
    width : 940px;
   overflow : visible;
    margin-right:auto;
    margin-left:auto;
    margin-top:0px;
    margin-bottom : 0px;
    padding:0px;
    text-align : left;
   z-index : 10;
}
.ombre_g {
   background:transparent url(images/ombrage_gauche.png) repeat-y 0 0;
   height:100%;
   left:-8px;
   top:0px;
   width:8px;
}
.ombre_d {
   background:transparent url(images/ombrage_droite.png) repeat-y 0 0;
   height:100%;
   right:-8px;
   top:0px;
   width:8px;
}
/*
#contenu {
   position : relative;
   width : 960px;
   height: 1%;
   overflow : visible;
   margin: 0px;
   padding : 0px;
   z-index : 20;

}*/
/* ******************************************************************************* */
/*                               ENTETE                                            */
/* ******************************************************************************* */

#animation {
   position: absolute;
   top : 0px;
   left: 0px;
   z-index : 1;
   height:390px;
   width:717px;
   overflow : hidden;
   visibility : hidden;
   background : transparent url(images/Fond_eau.jpg) 0px 0px;
}
#anim_cache {
   position : absolute;
   display : block;
   top : 0px;
   left: 0px;
   height:390px;
   width:717px;
   overflow : hidden;
   z-index : 10;
   /*background : transparent url(images/cache_entete.png) 0px 0px;*/
}


#entete {
   color : #000000;
   background-color : #ffffff;
   position : relative;   
   padding: 0px;
   margin : 0px 0px 6px 0px;
   height :  390px;
   z-index : 45;
}
#logo_entete {
   
   position : relative;
   background : transparent url(images/logo_ste-clotilde.gif) no-repeat 0px 0px;
   padding : 0px;   
   margin : 6px 7px 12px 10px;
   height :  95px;
   width : 183px;
   
   cursor : pointer;
}


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

.titre_cat {
   display : block;
   font-size: 15px;
   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 : transparent;/*#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 : transparent url(images/boutons_menu.gif) no-repeat 0px 0px;
   /*float:left;*/
   font-size : 12px;
   width : 195px;
   height : 28px;
   /*border-top: 1px dashed #000000;*/
   /*border-top: 1px solid #aaaabb;*/
   padding : 0px; /* pas de padding, IMPORTANT !!!*/
   text-align : center;
   margin : 4px 2px;
   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 : 8px 2px 5px 2px;
   overflow : hidden;
   /*height : 30px;*/    
}

.menu_sections_item a {  /* éléments avec liens, padding ICI,  important  !!!! */
   /*outline : none;*/
   background : transparent url(images/boutons_menu.gif) no-repeat 0px 0px;
   position : relative;
   display : block;
   text-decoration : none;
   margin : 0px;
   padding : 8px 2px 5px 2px;
   overflow : hidden;
   /*height : 30px;*/
   font-weight : normal;
   
   color : #000000;
}

.menu_sections a:visited { color : #222222; }
.menu_sections a:hover { color : #222222; background-position: 0px -32px;}
.menu_sections a:active { color : #000000; }

.sous_menu {                    /* pop up! */
   /*   border : 1px solid #133666; /*test*/
	/*background-color : #ffffff; /*test*/
   display : none;
    position  : absolute;
    left      : 192px; /* à partir du côté gauche des "menu_item" */
    top     : -3px;
    visibility: hidden;
    z-index   : 100;              /* s'assurer d'être sur le dessus */

    width      : 200px;

    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   : 12px;
    font-weight : normal;
    /*height : auto;*/
    border-bottom : 1px solid #222211;
    padding     : 5px 8px;
    color       : #ffffff;
    background : #334033;/*#91c04c;*/
}


.menu_sections .sous_menu a:visited {color:#ffffff;}
.menu_sections .sous_menu a:active {color:#eeeeee;}
.menu_sections .sous_menu a:hover {color:#000000; background-color:#9CCD4D;}


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

#ensemble_forms_admin {
   position : absolute;
   top : 0px;
   left : 0px;
   z-index : 250;
}
.bd_menu {
    position:absolute;
    left:905px;
    z-index : 205;
    height:93px;
    width:23px;
    padding: 0px 0px 0px 12px;
    cursor:pointer;
}
.bbd_vert {
  background : transparent url(images/bouton_droit_vert.png) repeat 0 0;
}
.bbd_orange {
  background : transparent url(images/bouton_droit_orange.png) repeat 0 0;
}

#barre_droite {
   background : transparent url(images/bg_trans.png) repeat 0 0;
   border:0 none;
   display:block;
   margin:0;
   padding:0;
   position:absolute;
   z-index:200;   
   height:100%;
   top:0px;
   left:917px;
   width:23px;
   
}
#barre_droite_sous {
   background-color : #9ccd4d;/*test*/
   border:0 none;
   display:block;
   margin:0;
   padding:0;
   position:absolute;
   z-index:198;
   height:100%;
   top:0px;
   left:917px;
   width:23px;
   overflow : hidden;
}
.bd_sous_menu {
    position : absolute;
    background-color : #9ccd4d;  
    text-align : center;
    height:100%;
    top:0px;
    left:0px;
    width:21px;
    padding : 0px 1px;
    z-index:5;
    overflow:visible;
}
.bd_contenu {
    position : absolute;    
    height:1%;
    overflow : visible;
    top:0px;
    left:28px;
    width:510px;
    display : none;
    padding : 35px 0px 0px;
    z-index:4;
}
#section_gauche {
   background-color : #9ccd4d;
   color : #000000;
   position : relative;
   z-index : 25;
   width: 200px;
   float : left;
   margin : 0px;
   padding : 8px 0px 16px 0px;
   font-family: tahoma,helvetica,"DejaVu Sans",sans-serif;   
}

#section_droite {
   position : relative;
   background-color : transparent;
   display : block;
   color : #000000;
   float  : right;
   width  : 720px;
   padding: 0px;
   margin : 0px 20px 0px 0px;
   z-index : 8;
   height : 100%;
}
#pied {
   position : relative;
   color : #000000;
   clear : both;
   background : transparent;
   padding: 0px 10px 0px 210px;
   margin : 0px 0px;
   z-index : 8;
}
/*#pied a { color:#ddeeff;}
#pied a:hover { color:#bbbbbb;}*/



#contenu_pages {   
   position : relative;
   display : block;
   clear : both;
   margin : 0px;
   padding : 0px;
   height : 100%;
   text-align : justify;
}


.titre_pages {    
   position : relative;  
   color : #000000;
   height : 100%;
   font-size:30px;
   font-variant : small-caps;
  /*background-color : #8899aa;*/
   text-align: left;
   padding : 0px 6px 0px 4px;
   margin : 0px 6px 8px 4px;
}
.titre_pages span {
    vertical-align : middle;
    position : relative;
   margin : 0px 12px 0px 0px;
   padding : 4px 20px 4px 4px;
   font : 14px tahoma,helvetica,"DejaVu Sans",sans-serif;
   color : #ffffff;
   background-color : #2b4c9b;
   /*border-right : 20px solid #d00040;*/
   /*border-bottom : 2px solid #d00040;*/
}

/* *********************************************************** */
/*
.element_entete {
   background-color : transparent;
   position : absolute;
   text-align : left;
   top:1px;
   left:10px;
   width:700px;
   height:60px;
   padding : 0px;
   margin : 0px;
   overflow:visible;
   z-index : 8;
}
*/
.element_menu {
   position : relative;
   text-align : left;
   font-size:12px;
   margin:8px;
   padding:6px;
}
.element_pied {
   position : relative;
   font-size: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 : 5px 6px;
   margin : 0px 6px 8px 3px; /* pas de marges en haut évite bien des casses-têtes */
}

.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: 344px;
   height: 100%;
   float : left;
   margin : 0px 0px 0px 5px;
   padding: 0px;
}
.colonne_droite { /* pour les colonnes du layout */
   position : relative;
   width: 344px;
   height: 100%;
   float : right;
   margin : 0px 5px 0px 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_trans.png) repeat 0 0;   
   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 : 14px;
   
   /*  border-left : 1px dashed #000000;  */
}
.colonne_droite_petite h3 {
    color:#ffffff;
    font-size : 18px;
}
.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: 334px;
}
.colonne_tier {
   margin: 0px 5px;
   text-align: justify;
   float: left;
   width: 216px;
}
.colonne_quart {
   margin: 0px 5px;
   text-align: justify;
   float: left;
   width: 162px;
}


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

/** 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;
   border-top : 3px solid #244697;
}

.onglet_actif {
   display:none;
}

.menu_onglets {  
   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 img {
   position : relative;
   display : inline;
   margin : 0px;
   padding : 0px;
}
.menu_onglets a {
   position : relative;
   outline : none;
   height:16px;
   padding: 4px 12px;
   font-size : 13px;
   font-weight : normal;
   text-decoration : none;
   color : #000000;
   border-bottom : 1px solid #666666;
   border-right : 1px solid #333333;
   background-color : #f0f5ff;

}
.menu_onglets a:hover {
   color : #000000;
   background : #244697;
}
.menu_onglets a.onglet_selection {
   color : #ffffff;
   background : #244697;
}
.menu_onglets a.onglet_selection:hover {
   color : #000000;
   background : #244697;
   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 : 487px; /* gare aux bordures ! hehehe*/
   position : relative;
   text-align : justify;
   padding : 0px 5px 5px 5px;
   margin : 0px;
   display : none;
   background-color : transparent;

   border-left : 3px solid #244697;
 /* 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-color :  #f0f5ff;
   /*border-right : 2px solid #244697;*/
  /*border-bottom : 1px solid #244697;*/
/*   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 : 13px;
   font-weight : normal;
   text-decoration : none;   
   /*background : transparent url(images/bg_trans.png) repeat 0 0;*/
   color : #000000;
   border-bottom : 1px solid #666666;
   /*border-right : 1px solid  #556655;
   /*background-color : #eeeeee;*/
}
.menu_vonglets a:hover {
   color : #ffffff;
   background : #244697;
}
.menu_vonglets a.vonglet_selection {
   color : #ffffff;
   background : #244697;
}
.menu_vonglets a.vonglet_selection:hover {
   color : #ffffff;
   background : #244697;
   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:206px;
   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 : 30px 35px;
   z-index : 200;
   cursor : move; /* url(images/curseur.cur), 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 : 0px 0px 0px 0px;
   padding : 5px 0px;
   border-bottom : 3px solid #9CCD4D; /*test*/
   z-index : 1;
}
#archives_articles h3 {   
    font-size : 14px;    
    padding: 4px;
    margin : 0px;    
}
.sommaire_articles_col {
   float:left;
   width:335px;
   margin : 0px;
   padding :0px;
   position:relative;
   z-index : 10;
}
.sommaire_articles {
   clear : both;
   position : relative;
   background-color : transparent;
   height : 1%;
   margin : 4px 3px 4px 3px;
   padding : 4px;
  
   cursor : pointer;
   border-right : 1px solid #778877;
   overflow : hidden
}
.art_liste {
   clear : both;
   position:relative;
   display : block;
   margin:0px;
   padding:2px;
   height :1%;
   border-top: 1px dashed #777777;
   cursor : pointer;
   text-align : left;
   font-size : 12px;
}
.art_titre_archives {
   position : relative;   
   float : left;
   width : 358px;
   padding : 2px 0px 2px 5px;
   font-size : 13px;
   text-decoration : none;
}
.art_titre {
   position : relative;
   text-align : left;
   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 : 12px;
   text-decoration : none;
}

.atp0 {color:#244697;}
a.atp0 {color:#244697;}
a.atp0:hover {color:#000000;}
.atp1 {color:#d00040;}
a.atp1 {color:#d00040;}
a.atp1:hover {color:#551111;}
/*
.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;}
*/

.art_date {
   position : relative;   
   float : left;
   width : 88px;  
   text-align : right;
   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 les entreprises.. **/

#liste_entreprises {
   background : transparent url(images/bg_entreprises.png) repeat 0 0;
   height  : 100%;
   position : relative;
   display : none;
   clear : both;
   margin : 0px 0px 0px 0px;
   padding : 5px 0px;
   border-bottom : 3px solid #9CCD4D; /*test*/
   z-index : 1;
}
#liste_entreprises h3 {
    font-size : 14px;
    padding: 4px 16px 4px 4px;
    margin : 0px;
}
#liste_entreprises li {border-bottom:1px dotted #99aacc; }
/* *********************************************************** */

/** pour les annonces.. **/

#pancarte_annonces {
   position:absolute;
   left:230px;
   top: 0px;
   width:160px;
   height:50px;
   overflow:visible;
   z-index:150;
   background : transparent url(images/Pancarte_annonces.gif) no-repeat 0 0;
   cursor:pointer;
}

#liste_annonces {
   background : transparent url(images/bg_annonces.png) repeat 0 0;
   height  : 100%;
   position : relative;
   display : none;
   clear : both;
   margin : 0px 0px 0px 0px;
   padding : 5px 0px;
   border-bottom : 3px solid #9CCD4D; /*test*/
   z-index : 1;
}
#liste_annonces h3 {
    font-size : 14px;
    padding: 4px 16px 4px 4px;
    margin : 0px;
}
#liste_annonces ul {list-style-type: none; margin:4px;}
#liste_annonces li {border-bottom:1px dotted #99aacc; clear :both; cursor : pointer;}
#liste_annonces center {
   float : left;
   position : relative;
   margin :  8px 10px 2px 0px;
   z-index : 11;
   width:100px;
   height:100px;
   /*border: 1px dotted #99aacc;*/
}
#toute_annonce {
     margin : 4px 20px 12px 20px;
     border : 1px solid #c5b57F;
}

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

#cherche_contenu_controle {
   position:absolute;
   left: 270px;
   top: 7px;
   width: 450px;
   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:160px;
   color : #999999;
   font-style : italic;
}
#bouton_q_cc {
   width:80px;
}
.q_gen {  
   padding : 2px 2px 2px 18px;
   margin  : 0px;   
   background : #ffffff url(images/textfield_chercher.png) no-repeat left center;
}
#cherche_contenu {
   background : transparent url(images/bg_ch_contenu.png) repeat 0 0;
   position : relative;
   display : none;
   clear : both;
   height: 100%;
   margin : 0px;
   padding : 6px;
   border-bottom : 3px solid #9CCD4D; /*test*/
}
/*#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;
}
#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 : #2B4C9B;
  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 : relative;
    margin:10px 15px;
   overflow:visible;
   font-size : 11px;
}
#cherche_menu_resultats {
   position : absolute;
   top : -100px;
   left : 60px;
   z-index : 100;
   display : none;
   background-color : transparent;
   color : #eeeeee;
   /*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 : #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;*/
  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 0px;
   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;
}