/*
*
* Feuilles de styles globale
* Charles Vallantin Dulac
* <carlos@crans.org>
* Licence GPL pour le CSS
*
*/


/***********************************************************************
*
* Initialisations de base
*
***********************************************************************/

html{
  font-size: 112%; /*bug IE*/
  height: 100%;
}

body{
  background:#fff;
  color:black;
  /*font: normal 80% Arial "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;*/
  font-size:12px;
  font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
}

body, html, fieldset{
  border : 0;
}

h1, h2, h3, h4, h5, h6, pre, code{
  font-size : 1em;
}

h1{
  color: black;
  font-size: 1.5em;
}


h1 a{
  color: #e8e8e8;
}

h1 a:hover {
  border-bottom:0;
}

.pseudoH1{
  font-size: 2em;
  margin-top: 10px;
  margin-bottom: 10px;
}

h2, h2 a, h2 a:hover{
  font-size : 1.2em;
  color: #b9520e;
  margin-bottom: 5px;
}

h3, h3 a, h3 a:hover{
  font-size : 1.1em;
  color: #808080;
  text-indent: 1em ;
  margin-bottom: 5px;
}

h4, h4 a, h4 a:hover{
  font-size : 1.1em;
  color: #808080;
  text-indent: 2em ;
  margin-bottom: 5px;
}

p{
  font-size : 1em;
  text-align: justify;
  /*color: #cccccc;*/
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input{
  margin : 0;
  padding : 0;
}

ul{
  list-style: none ;
}

a{
  text-decoration : none;
  color : black ; /*#DFCC64;*/
}

a:active{
  background: #0c0c0c;
  color : #fff;
}

a:hover{
  text-decoration: none;
  border-bottom:#fff 1px solid;
}

/* etat "focus" important pour accessibilite web */
a:focus{
  background-color : #000 !important;
  color : #fff !important;
  text-decoration : none !important;
}

a img, a:link img, a:visited img{
  border : none;
  vertical-align : middle;
}


/***********************************************************************
*
* Classes débiles mais utiles
*
***********************************************************************/

.right{
  text-align:right;}

.floatright{
  float: right;
  }

.center{
  text-align:center;}

.left{
  text-align:left;}

.retrait_gauche{
  margin-left: 15px;
}

.warning{
  color: red;
  margin-left: 20px;
  font-weight: bold;
  letter-spacing:1px;
  }

.errorlist{
  color: red;
  margin-left: 0px;
  font-weight: normal;
  letter-spacing:0px;
  }

.italique{
  font-style: italic;
 }

 .gras{
  font-weight: bold;
  }

 .discret{
  font-weight: normal;
  color: #808080;
  text-decoration : none;
  font-size : 1em;
 }

 .discret a:focus{
  font-weight: normal;
  color: black;
  text-decoration : none;
  font-size : 1em;
 }

 .colorred{
  color: #b9520e;
 }



/***********************************************************************
*
* Div globaux
*
***********************************************************************/

/*-------------- Header et Navigation Bar ---------------------*/

#inside{
  background:#000;
  margin-left: 0;
  height: 80px;
  background:#fff;
  position:relative;
}

  #inside .titre{
    width: 90%;
    margin-left: 0;
    margin-right: auto;
    height: 5em;
    font-size: 1.2em;
    position: relative;
    color:black;

  }

  #enceinte a{
    top: 10px;
    font-size:1.8em;
    padding:0 0.5em 0.25em 0;
    margin-top: 30px;
    margin-left: 10px;
    border-right:1px solid #000;
    float:left;
    color: #000;
    font-weight: normal;
  }

  #enceinte a:hover {
    border-bottom:0;
  }

#header {
    width: 100%;
    height: 140px;
    position:relative;
}

#header_box{
    position:relative;
    width: 80%;
    margin-left: 0;
    margin-right: auto;
  }


  #header_left{
    position: relative;
    width: 100%;
    height: 140px;
    margin-top: 0;
    padding-top: 0;
    background-image: url('../../static/img/enceintesetmusiques.jpg'); /*412x110 px */
    background-repeat: no-repeat;
  }




#wholebody {
  /*border-left: 1px solid #DFCC64 ;*/
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #968f65;
  padding: 0px;
  margin-top: 0;
}

#content{
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;

  }

div#sub_center {
  position:relative;
}


/*-------------- fin partie principale ------------------*/

/*---------- pieds de pages ---------------------------*/

div#footer {
  position: relative;
  width: 90%;
  margin-left: 10px;
}

#footer_legal{
  position: relative;
  margin-left: auto;
  margin-right:auto;
  padding-bottom: 5px;
  padding-top: 15px;
  font-size : 0.9em;
  color: #525252;
  /*border: 1px solid #968f65;*/
}

#footer_legal .right{
  float: right;
  margin-top: -1.2em;
  }

  #footer_legal a {
    font-weight: normal;
    color: #525252;
    text-decoration: none;
  }

  #footer_legal a:hover {
    color: black;
    text-decoration: none;
  }

  a:focus{
    background-color : #fff !important;
    color : #000000 !important;
    text-decoration : none !important;
  }

  #footer_content {
    text-align: center;
    margin-top: 70px;
    margin-bottom: -50px;
    border-top: 1px dotted #b9520e;
    font-size: 0.9em;

  }

/***********************************************************************
*
* Mise en page du contenu des pages
*
***********************************************************************/

/*------------ Mise en page des colonnes de gauche et droite ---*/



.sub_left_titre{
  padding-top: 0.5em;
  font-size: 1em;
  font-weight: bold;
  color:#cccccc;
  margin-bottom: 10px;
}

.sub_left_titre a{
  background-image: url('../../static/img/liste_simple.png');
  background-attachment: scroll;
  background-repeat:no-repeat;
  background-position: 0pt 0.5em;
  color:#cccccc;
  padding-left: 10px;

}

.sub_left_titre a:hover{
  color:#b9520e;
  border-bottom:#b9520e 1px solid;
}







.sub_left_list li a, .sub_left_list li{
  margin-top: 0em;
  margin-bottom: 0em;
  color: #CFB743;
}

.sub_left_list li a:hover{
  margin-top: 0.6em;
  margin-bottom: 1em;
  color: #b9520e;
  border: 0;
}

.sub_left_list li ul li a,.sub_left_list li ul li{
  margin-left: 7px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #fff;
}

.sub_left_list li ul li a:hover{
  margin-left: 7px;
  margin-top: 0.6em;
  margin-bottom: 0.5em;
  color: #b9520e;
  border: 0;
}






.sub_right_list li{
  display: block;
  clear:both;
  padding-top: 7px;
  padding-bottom: 7px;
}


.sub_right_list li img{
  margin-right: 5px;
  float: left;
}

.sub_right_list li a{
  color: #fff;

}







.sub_right_titre{
  border-left: 7px solid #cccccc;
  padding-bottom: 0.9em;
  padding-left: 1.5em;
  margin-left: -8px;
  padding-top: 0.5em;
  font-size: 1em;
  font-weight: bold;
  color : #cccccc;
  margin-bottom: 7px;
}


.sub_right_liste_liens{
  padding-left: 15px;
  margin-top: 0.6em;
  margin-bottom: 1em;
}

.sub_right_titre a{
  color : #cccccc;
}

.sub_right_admin{
  margin-top: 10px;
  padding-top: 3px;
  text-align: right;
  font-size: 0.9em;
  color: gray;
}

.interligne_grand{
    height: 0em;
  }


/*------------ Mise en page du contenu central d'une page ------------*/




.page_titre{
  /*border-left: 7px solid #CFB743;*/
  border-bottom: 1px solid #968f65;
  padding-left: 0.5em;
  padding-bottom: 0.8em;
  padding-top: 0.5em;
  font-size: 1em;
  margin-bottom: 2em;
  color : #968f65;

}


.page_titre a{
  color : #968f65;
}

.page_titre a:hover {
  color : #CFB743;
  border: 0;
}

#sub_center h1 a{
  color:#b9520e;
}

#sub_center h1 a:hover{
  color:#b9520e;
}

.page_sous_titre{
  color: #b9520e;
  font-size: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 0em;
  width: 100%;
  border-bottom: 1px dotted #b9520e;
}

.nouveaute_gras{
  color: #CFB743;
  font-weight: bold;
}

.page_next{
  margin-top: 20px;
  margin-bottom : -10px;
  text-align: right;
  font-size: 0.9em;
  color:  #aaaaaa;
}

.page_next a, .page_next a:hover{
  color: #aaaaaa;
}

.page_next_right{
  margin-top: 8px;
  float: left;
  font-size: 0.9em;
  color:  #aaaaaa;
}

.page_footer{
  margin-top: 10px;
  margin-bottom : 20px;
  padding-top: 3px;
  border-top: 1px dotted #fff;
  text-align: right;
  font-size: 0.9em;
  color: #aaaaaa;
}

.filet{
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px dotted #fff;
}

.filet_sans_bordure{
  margin-top: 20px;
  padding-top: 15px;
}

.filet_admin{
  margin-top: 20px;
  padding-top: 5px;
  margin-bottom : 20px;
  border-top: 1px dotted #fff;
  text-align: right;
  font-size: 0.9em;
  color: gray;
}


.filet_admin_sans_bordure{
  margin-top: 20px;
  padding-top: 5px;
  margin-bottom : 20px;
  text-align: right;
  font-size: 0.9em;
  color: gray;
}

.page_admin{
  margin-top: 10px;
  margin-bottom : 0px;
  padding-top: 3px;
  text-align: right;
  font-size: 0.9em;
  color: gray;
}


/*--- images -----*/

.mini_integre{
  float: left;
  display: block;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 50px;

}

.medium_centree{
  display: block;
  margin-bottom: 30px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  border: 1px solid #404040;
  padding: 3px;
}

.img_center, p .img_center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  text-indent: 0;
  border: 1px solid #404040;
  padding: 3px;

}

.img_left, p .img_left {
  float: left;
  display: block;
  margin: 8px 8px 8px 0px;
  text-indent: 0;
  border: 1px solid #404040;
  padding: 3px;

}

.img_right, p .img_right {
  float:right;
  display: block;
  margin: 8px 0 8px 8px;
  text-indent: 0;
  border: 1px solid #404040;
  padding: 3px;

}
/*----------------- pages diverses --------------------------*/

.alina, .alina p, div#sub_center p{
  text-indent: 1em ;
  margin-top: 1em;
  font-size: 1.1em;
}

.article h1{
  font-size: 1.3em;
  text-align: left;
}

.article p{
  color: #808080;
}

.article a, .alina a{
  color: #CFB743;
}

.article a:hover, .alina a:hover{
  color: #CFB743;
  border-bottom: 1px solid #CFB743;
}

#products_list table{
  width: 100%;
  border: 1px solid #b9520e;
  border-collapse: collapse;

}

  #products_list td{
    text-align:center;
  }

  #products_list .c1{
    width: 28%;
    height: 50px;
    border-right: 1px dotted #b9520e;
    border-top: 1px dotted #b9520e;
  }

  #products_list .c2{
    width: 28%;
    padding-left: 10px;
    border-top: 1px dotted #b9520e;
    font-weight: bold;
  }

  #products_list .c3 {
    width: 28%;
    padding-left: 10px;
    border-top: 1px dotted #b9520e;
  }

  #products_list .c4 {
    width: 15%;
    padding-left: 10px;
    border-top: 1px dotted #b9520e;
  }

  #products_list .titre{
    text-align:left;
    height : 50px;
    vertical-align: bottom;
  }

  #products_list .titre h2,
  #products_list .titre h2 a,
  #products_list .titre h2 a:hover{
    color: #CFB743;
    font-size: 1.1em;
  }

  #products_list .titre_first{
    text-align:left;
    vertical-align: bottom;
  }

  #products_list .titre_first h2,
  #products_list .titre_first h2 a,
  #products_list .titre_first h2 a:hover{
    color: #CFB743;
    font-size: 1.1em;
  }

.coordonnees h2{
  border: 0;
  font-size: 1.1em;
}

.coordonnees p{
  padding-left: 1em;
  }



/*--------- product details -----------*/

.produit_en_tete{
  color: #808080;
  margin-left: 10px;
  margin-top: 15px;
}

.produit_en_tete .gras{
  color: #cccccc;
}

/*----------page accueil --------------*/
.edito_next{
  margin-top: 20px;
  margin-bottom : 13px;
  text-align: right;
  font-size: 0.9em;
  color: gray;
}

.edito a{
  color:#CFB743;
  font-size: 1.1em;
  font-weight: bold;
  text-align: justify;
}

.edito a:hover{
  color:#b9520e;
  border: 0;
}

.materiel{
  color:#CFB743;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
}


/***********************************************************************
*
* Pages avec identification admin
*
***********************************************************************/

#bas-page-admin a, .bas-page-admin a{
    float: right;
    margin-right: 100px;
}

#bas-page-admin a:hover {
  text-decoration: none;
  color:#464040;
}

/***********************************************************************
*
* Champs comme textarea
*
***********************************************************************/



.submit{
  width:7em;
  height:1.8em;
  font-size: 1em;
}


.captcha{
  display: block;
  margin-left: 1em;
  margin-bottom: 10px;
}

inpu #id_captcha_1{
  display: block;
  margin-left: 1em;
  margin-bottom: 10px;
}



/***********************************************************************
*
* pagination
*
***********************************************************************/

.pagination{
  padding-top: 20px;
  padding-bottom : 20px;
  font-size: 1em;
  color: #cccccc;
  width: 100%;
}

  .pagination a{
    color: #cccccc;
  }

  .pagination a:hover{
    color: #b9520e;
    border: 0;
  }

  .pagination .current{
    text-align: center;
    margin-left: 30%;
    margin-right: 30%;
  }


  .pagination .next{
    float: right;
    width: 30%;
    margin-right: 0px;
    text-align: right;
  }


  .pagination .previous{
    float: left;
    width: 30%;
    margin-left: 0px;
    text-align: left;
  }