/*
	Style Sheet pour le site Web de fred-demers.com
	Implémenté par Solutions ZEN info
	info@solutions-zen.com
*/
body {
	background-color : #24333a;
	font : 12px arial,verdana,tahoma,sans-serif;
	text-align:center;
	height : 100%;
   margin-bottom : 1px;
}
* {margin:0;padding:0;}
html {margin:0; padding:0;} /* pour Opera qui met les marges dans le tag HTML */

/* Les couleurs du site */
.rouge {color:rgb(140,6,0);} /*  #8c0600  */
.bleu {color:rgb(22,77,102);} /*  #164d66  */

/* les LIENS */
a:link {color:#2f65ab;}
a:visited {color:#505194;}
a:hover {color:#8c0600;}
a:active {color:#5c92d8; border:none;}

/* Formatage du texte */
p, td, th, div, blockquote, ol, ul {
	font-size : 12px;
} 						  
p {
	margin:0 0 12px 0;
	text-align:left;
}
ul {
	margin:0;
	/* border: 1px solid #ff0000;  */
}
li {
	font-size: 12px;
	margin:0 0 0.2em 30px;
	/* border: 1px solid #00ff00; */
}		 
input, textarea, select, button	{
	font : 12px arial,verdana,tahoma,sans-serif;
	padding : 2px;
}

h1 {   
   margin-bottom: 12px;
   color : #990000;
   font-size:28px;
   font-weight : normal;
   font-family: Georgia,'Times New Roman',times,serif;
}
h2 {font-size:20px;margin-bottom:8px;}
h3 {font-size:18px;margin-bottom:6px; color : #164d66; font-weight:600;}
h4 {font-size:14px;margin-bottom:6px;}

/* Formatage des images */
img {border:none;}


/* *********************************************************** */
#complet { 	/* pour l'index seulement, pour garder le site centrer, les iframes : iframe_complet */
	position:relative;	
	text-align:left;
	width:880px;

   height : 580px; /* redimensionné auto, mais minimum si admin (car on affiche pas le panier)*/
/*	background-color : #333333;
   border : 1px solid #0000ff;
*/
	margin-right:auto;
   margin-left:auto;
	margin-top:0px;
	padding:0;

   background : #ffffff url(images/Fond_complet.jpg) no-repeat top left;
}
/* *********************************************************** */
#entete  {  /* pour l'index seulement */
    position : absolute;
    left : 0px;
    top : 0px;
    width : 880px;
    height : 140px;
    padding : 0;
    margin : 0;
    z-index : 2;

    /*
      background : transparent url(images/Fond_entete.jpg) no-repeat 0 0;
    */
    background-color : transparent;
}

/* *********************************************************** */
#gauche	{	/* pour l'index seulement */
	position:absolute;
	top:145px;
	left:0px;
	width:180px;
	height : 440px;
	margin:0;
	padding: 13px 0px 0px 0px;
   color : #ffffff;
   background-color : transparent;
/*
   background : #ffffff url(images/Fond_gauche.jpg) no-repeat 0 0;
   /*
      text-decoration: underline overline;
   */
}

#menu a{
   background-color : transparent;
   display : block;
   height : 22px;
   

   margin : 0px 0px 8px 0px;
   padding : 0px 15px 0px 0px;
   color : #C8011D;
   font-size : 18px;
 /*  background-color : #ffffff; */
  /* font-weight : bold; /* oups, pas bold dans l'exemple :) */
   text-decoration : none;
   text-align : right;
 /* border: 1px solid #ff0000; /* pour aligner... */
   overflow : hidden;
}
#menu a:hover  {
   color : #000000;
   background-color : #D4D9FF;
}

#panier {
   position : absolute;
   left : 0px;
   top : 500px;
   background-color : transparent;
   /*** Le background est répété dans le IFRAME... il n'est pas nécessaire ici dans le fond*/
   margin  : 0;
   padding : 0;
   width : 180px;
   /*
   border : 1px solid #ff0000;
   */
}
#pied_page {
   position : absolute;
   top : 540px;
   left : 0px;
   width : 880px;
   height : 36px;
   text-align : center;
   color : #cccccc;
   background-color : #000000;
}
#pied_page a {
   color : #cccccc;
}
#pied_page a:hover {
   color : #eeeeff;
}

#mini_player {
   position : absolute;
   left : 0px;
   top : 300px;
   width : 180px;
   height : 60px;
}

/* *********************************************************** */
#iframe_droite { /* Le iframe --> vu de l'index <-- ***/
	position:absolute;
	top:141px;
	left:180px;
	width:700px;
	margin:0;
   padding:0;
   overflow:hidden;
}

/* *********************************************************** */
/* ************************   #iframe_complet****************** */
/* ********** à l'intérieur des iframe, nouveau complet...***** */


#iframe_complet {
   /* pour que la redimension au reload fonction, ne doit pas avoir de margin/padding*/
	position:relative;
	text-align:left;
	width:700px;
	margin:0;
	padding:0;
	background : #ffffff url(images/Fond_droite.jpg) no-repeat 0 0;
   overflow:hidden;
}
.iframe_body {
   background-color : transparent;
   margin : 0px;
   padding :0px;
   overflow:hidden;
}
.iframe_contenu {
   padding: 5px;
   margin : 2px 6px 4px 10px;
   /*
   border  : 1px solid #333333;
   */
}

/* *********************************************************** */
/* *************  Styles pour le magasin **************/

.masque {
   position : absolute;
   top : 0;
   left : 0;
   visibility : hidden;
   background-color : #3399cc;
   width : 100%;
   height : 100%;   
   z-index : 10;
}

.mon_padd {
   clear : both;
   margin : 0px;
   padding : 0px;
   line-height : 1px;
   font-size : 1px;
   height : 4px;
   /*background-color : #880000; /* pour tests*/
}

/* ************************************  boutons d'achat  *******************************************  */
/*.opt_droite {
   
   padding : 0px;
   margin : 4px;
  
   font-weight : normal;
   z-index : 5;	

} */

.opt_droite a {
   position : relative;
   text-decoration:none;
   float : right;
   display : block;
	height:29px;
	width:126px;
	margin: 0px 0px 0px 5px;
	text-align:right;
	padding:0px;
	color:#ffffff;
   overflow : hidden;

}
.opt_droite a:hover {
      cursor:pointer;
      color:#ffffff;
}

.opt_droite a.acheterposte  {
	background:#ffffff url(images/Acheter_poste.gif) no-repeat 0 0;

}
.opt_droite a.acheterdownload  {
	background:#ffffff url(images/Acheter_telechargement.gif) no-repeat 0 0;
}

.opt_droite b {
   position : absolute;
   top : 7px;
   right : 5px;
   margin : 0px;
   padding : 0px;
}
/* *********************************************************************  */

.item_complet {
   position : relative;
   width : 622px;
   margin : 4px 4px 6px 40px;
   padding : 0px;
   background-color : transparent;   
   /*  border-bottom : 1px solid #aaaaaa;  */
}
.item_complet p {
   margin : 0px;
}

.item_parent {
   position : relative;
   width : 600px;
   margin : 0;  /*0px 0px 0px 8px; */
   padding : 0px;
   background-color : transparent;
   z-index : 5;
   /*  border : 1px solid #00ffff; /* pour tests*/
}
.item_indiv {
   position : relative;
   width : 580px;
   margin : 4px 0px 0px 24px;
   
   padding : 0px;
   background-color : transparent;
     
   z-index : 5;     
   border-left : 1px solid #aaaaaa;
   border-bottom : 2px solid #aaaaaa;
}

.item_extrait {
   position : absolute;
   top : 1px;
   left : -48px;
   width: 32px;
   height : 30px;
   background : transparent url(images/Bouton_mini_player.gif) no-repeat 0px -30px;
   cursor : pointer;
}
.pdf_extrait {
   position : absolute;
   top : 6px;
   left : -45px;
   width: 25px;
   height : 25px;
   background-color : transparent;
   cursor : pointer;
}

/* ***************************************************************************************/
/*                                  TRUCS DE GESTION                                     */
/* ***************************************************************************************/
/* ******************************    MENU DES PAGES    ***********************************/
/* ***************************************************************************************/

#menu_pages {
    margin : 6px;
	padding : 3px;
  	font   : 1.0em arial,verdana,tahoma,sans-serif;
}

#menu_pages a {
	text-decoration:none;
    margin  : 2px;
    padding : 3px;

	border  : 1px solid rgb(35,80,145);
    background-color : #ccccbb;
    color   : #000000;
}

#menu_pages a:hover {
    color:  #ffffff;
    background-color : rgb(35,80,145);
    border  : 1px solid #000000;
}

#menu_pages .selection {
    margin  : 3px;
    padding : 3px;
    font-weight : bold;

	border  : 2px solid #000000;
    background-color : rgb(35,80,145);
    color   : #ffffff;
}


/* ***************************************************************************************/
/* ******************************    TABLES de listes    *********************************/
/* ***************************************************************************************/
table {   /* équivalent à "cellspacing 0 et padding 0"*/
    border-collapse: collapse;
    font : 12px arial,verdana,tahoma,sans-serif;
}

.table_listes {
	margin : auto;
	margin-top : 6px;
    margin-bottom : 6px;
    text-align : center;

    border : 2px solid rgb(35,80,145);
    background-color : #ffffff;
    color : #000000;
}

.table_listes td {
    padding : 4px;

    border : 1px solid rgb(35,80,145);
    background-color : transparent;
}

tr.ligne0 td    { background-color : #ffffff;  }
tr.ligne1 td    { background-color : #ccddff;  }
/* Lignes spéciales */
tr.non_dispo td { background-color : #ffcccc; color : #777777;  }
tr.client_priv td { background-color : #aaddcc; color : #000000;  }

.table_listes th {
    padding : 6px;
    font-size : 14px;

    border : 1px solid  rgb(35,80,145);
    border-bottom : 2px solid  rgb(35,80,145);
    background-color : #ccccbb;
}