/*
	Style Sheet pour le site Web du répertoire des orgues
	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;
	font : 16px "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;
   /*background-color : #000000;*/
}

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


/* ****************************  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: #000000;
   font-weight:bold;
}

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

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

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

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

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

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

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

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

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

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

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

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

.accueil_orgue_vedettes {
    position : relative;
    padding : 5px 8px;
    margin : 8px 30px;
    background: transparent url(images/bg_orgue.png) repeat 0px 0px;
    border : 1px solid #7D784D;
    cursor : pointer;
    font-size:14px;
    /*text-align : left;*/
}
.accueil_orgue_vedettes h2 {
    color : #8c0010;
    font-variant : small-caps;
}
.table_orgues {
   margin: 6px 8px 4px 8px;
   padding: 0px;
   text-align: left;
   float: left;
   font-size : 12px;
   width: 155px;
}
.table_orgues th {
    font-size : 16px;
    text-align : center;
    border : 1px solid #7D784D;
    /*border-bottom : 2px solid #444444;*/
    /*background-color:#ddccbb;*/
    padding : 5px 0px 2px 0px;
    background: transparent url(images/bg_orgue.png) repeat 0px 0px;
}


.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: #000000;
   border : 2px solid #00720f;
   font-weight: bold;
   font-size : 12px;
   padding:4px;
   margin:4px;
}
.note_opaque {
   background : #dadfcc url(images/Icone_avertissement_vert.gif) no-repeat 2px 2px;;
   position : relative;
   height: 100%;
   color: #165c22;
   border : 2px solid #00720f;
   font-weight: bold;
   
   padding:10px 4px 12px 50px;
   margin:4px;
}

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


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

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

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

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



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

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

a:focus {-moz-outline-style: none;}
/* *****************************  Formatage des images   *********************************/

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

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

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

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

#sous_mask {
   position: absolute;
   top : 10px;
   left: 0px;
   z-index : 1;
   height:280px;
   width:940px;
   overflow : hidden;
}

.mask {
   position: absolute;
   top : 0px;
   z-index : 10;
   height:291px;
   border: none;
}
#mask1 {
   left: -260px;
   width:309px;
   background : transparent url(images/Entete1.jpg) no-repeat 0px 0px;
}
#mask2 {
   left: 49px;
   width:223px;
   background : transparent url(images/Entete2.png) no-repeat 0px 0px;
}
#mask3 {
   left: 272px;
   width:384px;
   background : transparent url(images/Entete3.jpg) no-repeat 0px 0px;
}
#mask4 {
   left: 656px;
   width:235px;
   background : transparent url(images/Entete4.png) no-repeat 0px 0px;
}
#mask5  {
   left: 891px;
   width:308px;
   background : transparent url(images/Entete5.jpg) no-repeat 0px 0px;
}

#entete {
   color : #000000;
   position : relative;
   /*background : transparent url(images/bg_trans.png) repeat 0 0;*/
   padding:0px;
   /*margin : 0px;*/
	/*width : 950px;*/
   margin : 0px 0px 40px 0px;
   height :  288px;
   z-index : 45;
}
#logo_entete {
   position:absolute;
   left:300px;
   top: 15px;
   width:320px;
   height:176px;
   overflow:visible;
   z-index:150;
   /*background : transparent url(images/Plaque_titre.jpg) no-repeat 0 0;*/
   cursor:pointer;
}

#imprimante {
   display:none;
   position:absolute;
   left:250px;
   top: 14px;
   width:24px;
   height:24px;
   overflow:visible;
   z-index:150;
   background : transparent url(images/Bouton_imprimante.gif) no-repeat 0 0;
   cursor:pointer;
}
#pied_page {
   clear:both; 
   margin : 0px; 
   padding: 4px 8px;
   background-color : #8899aa;
   color : #ffffff;
   font-size : 12px;
}


/* ******************************************************************************* */
/*                                    MENU                                         */
/* ******************************************************************************* */
#menu_entete {
   position:absolute;
   z-index:120;
   top:290px;
   left:0px;
   width:578px;
   padding : 5px 10px 0px 10px;
   
   color : #000000;
   text-align : left;
   overflow : visible;
}
#menu_entete a {text-decoration : none; margin: 0px 8px;}
#menu_cat {
   display:none;
   position:relative;
   z-index:40;
   padding : 0px 0px;
   color : #000000;
   text-align : left;
   overflow : visible;
   background : transparent url(images/bg_orgue.png) repeat 0px 0px;
}
/*#menu_cat div {
    width : 165px;
}*/
.titre_cat {
   position : relative;
   float:left;
   display : block;
   font-size: 14px;
   font-weight : bold;
   padding : 8px;
   margin : 0px 2px 0px 0px;
   color: #000000;
   background-color : transparent;
   cursor : pointer;
   text-align : center;
}
.titre_cat_pre {
   position:relative; float:left;
   padding:0px;
   font-size:1.2em;
   color:#158; margin:7px 7px 3px 3px;
}

.menu_sections {
   display : none;
   clear:both;
   overflow : hidden;
   position : relative;
   /*background : transparent url(images/bg_trans.png) repeat 0 0;
  /* background-color : #bfdbe8;*/
   /*font-family : arial,verdana,tahoma,sans-serif;*/
   border-top : 2px solid #333333;
   margin : 0px 0px 0px 1px;
   z-index   : 10;
   padding : 0px;
   margin : 0px;   
}

.menu_sections_item {
   position : relative;
   background-color : transparent;
   float:left;
   font-size : 14px;
   /*width : 168px;*/
   /*height : 30px;*/
   border-bottom: 1px dotted #eeddcf;
   border-right: 1px dotted #44553f;
   padding : 2px; /* pas de padding, IMPORTANT !!!*/
   text-align : left;
   margin : 0px;
   color : #000000;
}

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

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

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

.sous_menu {                    /* pop up! */
   /*   border : 1px solid #133666; /*test*/
	/*background-color : #ffffff; /*test*/
   display : none;
	position  : absolute;
	left      : 3px; /* à partir du côté gauche des "menu_item" */
	top     : 26px;
    visibility: hidden;
    z-index   : 100;              /* s'assurer d'être sur le dessus */
	
	width      : 280px;
	
	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   : 13px;
    
    /*height : auto;*/
    margin-bottom : 1px;
    padding     : 4px 8px;
    color       : #ffffff;
    background-color : #004065;/*#91c04c;*/
}


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


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

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

#contenu {
   position : relative;
   background : transparent url(images/Fond_bach.jpg) repeat 0 0;/*test*/
   width : 940px;
   height: 1%;
   /*float : right;*/
   overflow : visible;
   margin: 0px;
   padding : 0px 0px 0px 0px;
   z-index : 20;
   /*height : 100%;*/
}

#deco_fond {
    position : absolute;
    z-index:1;
    height : 100%;
    width : 1460px;
    top:0px;
    left :-260px;
    background : transparent url(images/Fond_mur_pierre.jpg) repeat 180px 0px;/*#76bbd8;*/
}
#bordure_bas {
    position : absolute;
    z-index:1;
    bottom : 0px;
    width : 1460px;
    height:27px;
    left :0px;
    background : transparent url(images/Bordure_bas.gif) repeat-x 0px 0px;/*#76bbd8;*/
}
.deco {
    position : absolute;
    z-index:12;
    height : 100%;
    width : 90px;
    top:0px;
    
}
#deco_gauche {
    background : transparent url(images/Bordure_site_gauche.png) repeat-y 0 -20px;
    left:-270px;
}
#deco_droite {
    background : transparent url(images/Bordure_site_droite.png) repeat-y 0 -20px;
    left:1120px;
}

#contenu_pages {   
   position : relative;
   display : block;
   clear : both;
   margin : 0px;
   padding : 10px 0px;
   height : 100%;
   text-align : justify;
}
.titre_noir {
   color : #ffffff;
   background-color : #000000;
   padding: 1px 3px;
   margin : 2px 4px 0px 0px;
   position : relative;
   font-size:10px;
   float : left;
   width : 23px;
}
.titre_left {
    position:relative;
    float: left;
    border-right : 5px solid #8c0010;
    padding : 0px 4px 0px 0px;
    margin : 0px 8px 0px 0px;
}
#titre_mrc {
   position : relative;
   clear : both;
   z-index : 10;
   margin : 1px 6px 2px 10px;
   font-size : 13px;
   font-variant : small-caps;
}
#titre_mun {
   position : relative;
   clear : both;
   z-index : 10;
   margin : 3px 6px 2px 10px;
   font-size : 13px;
   font-weight:bold;
   font-variant : small-caps;
}
.titre_pages {
   position : relative;
   z-index : 10;
   color : #8c0010;
   /*height : 1%;*/
   font-size:32px;
   font-variant : small-caps;
  /*background-color : #8899aa;*/
   text-align: left;
   padding : 3px 0px 4px 0px;
   margin : 0px;
}
.titre_pages span {
   margin : 0px 12px 0px 0px;
   padding : 0px 36px 0px 4px;
   font : 18px tahoma,helvetica,"DejaVu Sans",sans-serif;
   color : #000000;
   background : transparent url(images/Fleche_titre.gif) no-repeat right 0px;
   /*border-right : 20px solid #8c3100;
   border-bottom : 1px solid #8c3100;*/
}

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

.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 : 0px 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: 464px;
   height: 100%;
   float : left;
   margin : 0px;
   padding: 0px;
}
.colonne_droite { /* pour les colonnes du layout */
   position : relative;
   width: 464px;
   height: 100%;
   float : right;
   margin : 0px;
   padding: 0px;
}
.colonne_gauche_large { /* pour les colonnes du layout */
   position : relative;
   width: 700px;
   height: 100%;
   float : left;
   margin : 0px;
   padding: 0px;
}
.colonne_droite_petite { /* pour les colonnes du layout */
   z-index : 11;
   position : relative;
   width: 185px;
   height: 100%;
   float : right;
   margin : 8px 25px 8px 0px;
   padding: 5px 0px 10px 0px;
   border : 1px solid #7d784d;
   text-align : left;  
   font-size : 14px;
   background: transparent url(images/bg_droite.png) repeat 0px 0px;
   /*  border-left : 1px dashed #000000;  */
}
.colonne_droite_petite h3 {font-size : 16px;}

/* pour les colonnes des utilisateurs (panneau de gestion) */
.petite_colonne {
    position : relative;
    float : left;
    width : 166px;
    margin : 0px 10px 0px 0px;
    height: 100%;
}

/*
.colonne_moitie {
   margin: 0px 5px;
   text-align: justify;
   float: left;
   width: 360px;
}
.colonne_tier {
   margin: 0px 5px;
   text-align: justify;
   float: left;
   width: 235px;
}
.colonne_quart {
   margin: 0px 5px;
   text-align: justify;
   float: left;
   width: 170px;
}
*/

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

/** pour les onglets.. **/


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

.onglet_actif {
   display:none;
}

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

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


/** pour les onglets verticaux !! **/
.contenant_vonglets { /* patché les marges pour ie 6... */
   clear:both;
   position:relative;
   height:100%;
   margin:4px 15px 2px 15px;
   padding : 0px;
   z-index : 10;
}
.vonglets {
   float:right;
   width : 705px; /* 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;*/
   
   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 : 0px 0px 10px 30px;
   padding : 0px;
}


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

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

.album_photo_infos {
   display : none;
}

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

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

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

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

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


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

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



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

#cherche_contenu_controle {
   display:none;
   position:relative;
   z-index:40;
   padding : 1px 10px;
   color : #000000;
   text-align : left;
   overflow : visible;
   background : transparent url(images/bg_orgue.png) repeat 0px 0px;
/*   display:none;
   position:absolute;
   left: 670px;
   top: 14px;
   width: 300px;
   overflow:visible;
   padding : 0px;
   z-index :150;
   text-align:left;
   /*height : 100%;*/
   
}
.q_orgue_col {
    position : relative;
    /*width : 160px;*/
    float:left;
    margin:2px 5px 4px 20px;
    font-size:14px;
}
.q_orgue_col div {
    font-size:16px;
    font-weight : bold;
    padding : 2px 0px;
    border-bottom : 1px solid #555555;
}
#q_cc {
   width:180px;
   padding : 2px 2px 2px 18px;
   margin  : 0px;
   /*color : #000000;
   font-style : italic;*/
   background : #ffffff url(images/textfield_chercher.png) no-repeat left center;
}
#bouton_q_cc {
   margin:2px 10px 10px 8px;
}

#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;
}
#cherche_contenu_resultats h4 {
  background-color : #f2f0e5;
  padding: 6px 0px;
  margin : 0px;
  text-align : center;
  /*border : 3px solid #333333;*/
}
#cherche_contenu_resultats p {
  clear : both;
  color : #ffffff;
  background-color : #004065;
  border-bottom : 1px solid #333333;
  /*border-right : 1px solid #777799;*/
  font-size : 13px;
  padding: 2px 1px 2px 4px;
  margin : 8px 0px 3px 3px;
}

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

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

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


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

#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;
}


/* styles pour les orgues. . .  */
.orgue_label {    
    float:left;
    width:116px;
    font-weight: bold;
    text-align : right;
    padding : 0px 8px;
}

#orgue_info_proprio {
    position : relative;
    float : left;
    width : 280px;
    margin : 5px 15px 5px 0px;
    text-align : left;
}
#orgue_info_fab {
    position : relative;
    float : right;
    width : 300px;
    margin : 5px 0px 5px 10px;
    background: transparent url(images/bg_orgue.png) repeat 0px 0px;
    font-size : 12px;
    border : 1px solid #7d784d;
    padding : 5px 0px 8px 15px;
    text-align : left;
}

#orgue_info_compo {
    position : relative;
    float : left;
    width : 280px;
    margin : 5px 15px 5px 0px;
    text-align : left;
}
#orgue_info_trans {
    position : relative;
    float : right;
    width : 300px;
    margin : 5px 0px 5px 10px;
    background: transparent url(images/bg_orgue.png) repeat 0px 0px;
    font-size : 12px;
    border : 1px solid #7d784d;
    padding : 5px 0px 8px 15px;
    text-align : left;
}
#orgue_info_dimensions {
    position : relative;
    float : right;
    width : 300px;
    margin : 5px 0px 5px 10px;
    background: transparent url(images/bg_orgue.png) repeat 0px 0px;
    font-size : 12px;
    border : 1px solid #7d784d;
    padding : 5px 0px 8px 15px;
    text-align : left;
}
#orgue_date_inspection {
    text-align: right;
    padding: 0px 25px;
    margin: 0px;    
}