/*
  Orange #ff9900
  BLeu   #375d81
  
  Bleu1 #99CCCC
  Bleu2 #0066CC
  
  Creme: #fcfff5;
*/
/******************************************************************************/
/*                Valeur par defaut                                           */
/******************************************************************************/
body{
  text-align: center; 
  /*font: 95% "Trebuchet MS",Arial,sans-serif;*/
  font: 100.1% arial, helvetica, sans-serif;  }
p{
  margin-top: 0; margin-bottom: 1em;}
h1, h2, h3 {
  padding: 0; margin: 0;}
a {
  text-decoration: none;}  
ul {
  margin: 0; padding: 0;}


/******************************************************************************/
/*                Classes génériques                                          */
/******************************************************************************/

#admin {
  text-align:center;
  width: 100%;
  clear: both;
}
#admin .bt {
  width: 12em;
}

.banner {
  margin: 0;        
  border: 2px solid; 
  overflow:auto;
  text-align: center;
}
.banner h2 {
  font-variant: small-caps;  
}

.bouton {
display: block;
width: 5em;
/*padding: .2em 0;*/
margin-right: .5em;
text-align: center;
text-decoration: none;
border: 1px solid black;
color: black;
}
.cls {
  clear:both;
}

.compact b {
  display: block;
  text-align: center;
  font-size: 1.5em;
  
}

.compact {  
  /*display: -moz-inline-box; /* for FF & Mozilla */
  display: inline-block;
  overflow:hidden;
  margin: .2%;
  border: 1px solid orange;
  height: 17em;
  color: black;
  /*text-decoration: none; */
}

.compact:hover{          
  color: #FFF;
  cursor: pointer;
  background-color: #151e41;
  
}

.compact ul {
  margin-top: .5em;
  /*
  border: 1px solid black;
  list-style-type:none;
  list-style-position:inside;
  */    
}

.compact img {
  border: none;     
  display: block; /* puts image on new line */
  margin: .5em auto; /* and centers it*/
  border-bottom: .3em solid #fffc00;
}

#container{
  min-width: 600px;
  margin: 0 auto;
  padding: 0;
  text-align:left;
  background:#fcfff5;
}

#content{
  /*overflow: auto;*/
  min-height: 30em;
}
#content h1 {
  /*text-align: center;*/
  margin-bottom: 0.3em;
  border-bottom: 3px solid #69C;
}

#debug {
 clear:both;min-height: 50px;padding:5px 0;text-align:center; border: 3px solid red; margin-bottom: 5px;
}     

.detail {
  display: inline-block;
  overflow:hidden;
  margin: .1em;
  border: 1px solid orange;
  height: 12em;
  color: black;
}
.detail b {
  display: block;
  text-align: center;
  font-size: 1.5em;
  background: #151e41;
  color: #e7e8e7;
  margin-bottom: .1em;
}

.detail table{
  text-align: left;
  width: 17em;
  margin: 0 .3em .3em auto;     
}

.detail label {
 font: lighter small-caps;
 font-weight: 100;
}

.entete{
  text-align: center;
  font: bolder Tahoma, Arial, sans-serif;
  font-weight: bold;
  background-color: #151e41;
  color: #e7e8e7;
}

.equipe {
  border-bottom: 1px solid black;
  padding:.5em 0;
}
.erreur{
  border: 2px solid red;
  background: #FFCC99;
  padding: .5em;
}
.erreur h2{
  background: red;
  color: white;
  font:small-caps;
}
/* Les 2 suivant servent dans les class texte (contact.html et profil.html*/
.flt_r {
  float: right; margin: 0px 5px 10px 10px; padding: 5px; text-align: center;}
.flt_l {
  float: left; margin: 0px 10px 10px 5px; padding: 5px; text-align: center;}
  
#footer{
  clear:both; min-height:1em; padding:5px 0;text-align:center; border-top: 1px solid; margin-top: 1em;
}   

.gauche {
  float: left;
  clear: left;
  margin: 1em;
  margin-top: 0;
}

#header{
  padding: 1em;
  text-align:center;
  background: #151e41;
  color: #e7e8e7;
  font-variant: small-caps;
}  

.left{
  float: left;}
  
  /*
  .ligne {
  float: left;
  clear: right;
  border: 1px solid black;
  width: 135px;
  margin: 1em; 
  padding: 0;
}
*/

#loader {
  height: 400px;
  margin-bottom: .5em;
}
#loader img{
  min-height: 400px;
  margin: .5em auto;
}

.loading{
  background: url('images/chargement.gif') no-repeat 50% 50%;
}
.login {
  border: 1px solid black;
  padding: 1em;
  margin: auto;
  width: 30em;
  margin-top: 2em;
  text-align: center;
  font-weight: bold;
}

.login input {
  float: left;
  display: block;
  width: 10em;
  border: 1px solid black;
  margin-bottom: .5em;
}

.login label {
  float: left;
  display: block;
  text-align: right;
  width: 10em;
  padding-right: 1em;
}
.login br {
  clear: left;        
}

.login submit {
  width: 10em;
  float: none; 
  margin: 1em 0 1em 10em;
}

#lstvignette a{
  display: -moz-inline-box; /* for FF & Mozilla */
  display: inline-block;
  overflow:hidden;
  margin: .2%;
  height: 100px;
  text-decoration: none;
}
#lstvignette img {
  display: block; /* puts image on new line */
  margin: 1em auto; /* and centers it*/
}

#menu {
  /*padding:0 10px 0 1.5em;*/
  background: #ea0909;
  /*width:100%;         */
 overflow: auto;
  /*margin-bottom: 1em;*/
}
  
#menu a {
  float: left;
  padding: .2em 1.5em;
  border-left: 1px solid #151e41;
  display: block;
  border-bottom: 1px solid #ea0909;
}
#menu a:link, #menu a:visited {
  color: white;
  /*text-decoration: none; #feae00*/
}
#menu a:hover {
  color: #000;
  background-color: #FFF;
  text-decoration: underline;
  border-bottom: 1px solid #151e41;
}

#milieu {
  text-align: center;
}

.option_check {
  background: url(images/check.jpg);
  background-repeat: no-repeat;
  background-position: right;
  margin: 0;
  padding: 0;
  padding-right: 25px;
  margin-right: 2em;
  display: block;
  /*
  float: left;
  */
}
.pagination{
  margin: 0;
  margin-bottom:1em; 
  /*border: 2px solid; */
  overflow: auto;
  text-align: center;
  clear: both;
  width: 100%;   
}
.pagination a {
  color: black;
  float: left;
  min-width: 1.5em;
  border: 1px solid white; 
  display: block;
}                 
.pagination a:hover{
  color: #FFF;
  background-color: #69C;
  /*display: block;*/
  border: 1px dotted black;
}

.para { 
  display: block;
  width: 17em;
  padding: .5em;
  text-align: left;
  font-size: .8em;
  /*background: #eef;*/
}
.para_v { 
  display: inline-block;
  margin: .5em; 
  border: 1px solid orange;
  text-align: center;
}

.para_t{
  display: block;
  width: 17em;
  font-size: .8em;
  font-weight: bold;
}
/*
#photo_pannel {
  /*overflow: auto;*//*
  position: relative;
  margin-bottom: .5em; 
}
*/
                       
.right{
  /*text-align: right;*/
  float: right;
}
#searchbox {
  float: right;
  width: 10em;
  /*color: red;*/
  margin: 0;
}

.texte p:first-letter{ 
  font-size: 125%; 
  font-weight: bold; 
}
/*
.vendu {
  position:  relative;
  bottom: 98px;
  width: 135px;
  z-index: 1;
  display: block;
  color: white;
  background-color: red;               
  text-align: center;
  font: bold;
}
*/
/*  
.vignette {
  width: 135px;
  height: 90px;
  border: none;           
  margin: .5em;
  float: left;
  clear: right;
} 
*/


/******************************************************************************/
/*                Version en noir et blanc pour impression                    */ 
/******************************************************************************/
@media print {
  #header { display: none;}
  #menu { display: none;}
  .banner, .pagination { display: none;}
  #content h1{ display:none;}
  #admin {display: none;}
  
  .color1, .color2 {
    background: white;
    color: black;
  }
  .catalogue_detail .odd {
    background-color: white;
  }
  .catalogue_detail .entete{
    background-color: white;
    border: 1px solid black;
    color: black;
  }
  .catalogue_detail h2{
    background: black;
    color: white;
  } 

  #container, #content{
    padding:0;
    margin: 0;
    border: none;
  }
  
  #footer{ background: white; color: black;}
}