/* 
    Document   : Style.css
    Created on : 19 oct. 2012, 09:15:38
    Author     : Paz
    Description:
        Purpose of the stylesheet follows.
*/


/******Couleurs *********/
/*
gris/Marron : #6a5e47
Marron foncé : #484030
couleur fond text : #f1eeea
orange : #c35700
jaune clair 1 : #f3df00
jaune clair 2 : #f1d100
jaune foncé : #f5d409

*/
/***************/
/****************************** Générique **************************/
body{
   font-family:Arial, Verdana, Helvetica, Sans-Serif;
   font-size: 1.1em;
   color: #6a5e47;
   /*background-color: #a49382;*/
    margin: 0 auto;
    padding: 0;
    background-color: #C2B7A3;
    /*background-image:url('images/bg.png');
    background-position-x: 0px;
    background-repeat: no-repeat;*/
}

a{
    color:#484030;
    font-weight: bold;
    font-size:1em;
    
}
a:hover{
    text-decoration: underline;
    /*font-style: italic;*/
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #fff;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #fff;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #484030;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-align: right;
  color: #BD5500;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #BD5500;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #BD5500;
}
/* Finish Content headings Fonts & Colors  */


.Normaltab{
    /*border:1px #462200 solid;*/
    width: 1000px;
    border: 1px #c35700 solid;
}
.Normaltab td{
    /*border-right: 1px #c35700 solid;*/
    border-bottom: 1px #c35700 dashed;
    font-size: 0.8em;
    height:40px;
    white-space:normal;
}
.alignRight{
    text-align:right;
}
.alignCenter{
   margin-left: 10px;
}


.btn_link{
    border:1px  #c35700 solid;
    border-radius:5px;
    box-shadow: 2px 2px 2px black;
    background-color:  #c35700;
    color:#fff;
    font-size: 0.8em;
    padding:5px;
    text-decoration: none;
}
.btn_link:hover{
    text-decoration: underline;
    box-shadow: none;
}

.imageflottanteH
{
    width:70px;
    height:100px;
    margin-right: 3px;    
    margin-left:20px;
    float: left;
    
}

.imageflottanteL
{
    width:100px;
    height:70px;
    margin-left:5px;    
    margin-right: 3px;
    float: left;
}

.imageflottanteK
{
    width:70px;
    height:70px;
    margin-left:20px;    
    margin-right: 3px;
    float: left;
}
pre{
    display:inline-block;
}
/* PASTILLE DE COULEUR**/
.roundedImageGreen{
    display:inline-block;
    overflow:hidden;
    box-shadow: 2px 2px 2px #000;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:15px;
    height:15px;
    background-color:green;
}
.roundedImageOrange{
    display:inline-block;
    overflow:hidden;
    box-shadow: 2px 2px 2px #000;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:15px;
    height:15px;
    background-color: orange;
}
.roundedImageRed{
    display:inline-block;
    overflow:hidden;
    box-shadow: 2px 2px 2px #000;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:15px;
    height:15px;
    background-color:red;
}
.roundedImageBlack{
    display:inline-block;
    overflow:hidden;
    box-shadow: 2px 2px 2px #000;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:15px;
    height:15px;
    background-color:black;
}
/***********************/


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

/*********************************************************************/
/*    ***************** *Header* ***************************** *******/
/*********************************************************************/

.bheader{
    width:100%;
    height:20px;
    background-color:#c35700;
    border-bottom: 1px black solid;
    box-shadow: 2px 1px 10px #000000;
}
.menu{
   width:1000px;
/*   height:20px;*/
   margin-top:0px;
   /*padding-top: 0px;*/
   /*margin-bottom: 0px;*/
   margin-right:auto;
   margin-left: auto;
   /*border-left:1px #6a5e47 solid;
   border-right:1px #6a5e47 solid;*/
}

ul#menu_horizontal {  /*Ici , c'est ma configuration, à vous de la changer */
width : 1000px;
height : 15px;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
padding-top: 0px;
margin-top:0px;
padding-left: 0px;
}
ul#menu_horizontal li {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}
ul#menu_horizontal a {
    color:white;
    font-weight: bold;
    font-size:0.8em;
    text-decoration: none;
}
ul#menu_horizontal a:hoover {
    text-decoration: underline;
}

li.bouton_gauche {
float : left;
}
li.bouton_droite {
float : right;
}


.bandeau{
   width:1000px;
   height:auto;
   min-height: 125px;
   padding-top:0px;
   margin-right:auto;
   margin-left: auto;
   box-shadow: 2px 1px 10px #000000;
   border:1px black solid;
   background-color: #6a5e47;
   text-align: center;
}


/**********************************************************************/
/**********************FOOTER *************************************/
/**********************************************************************/
footer{
   width:994px;
   height:25px;
   margin:3px;
   background-color: #6a5e47;
   
}
footer p{
    color:white;
    font-size: 0.7em;
}

#menu_footer{
    
  display:inline-block;
  width:990px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
 
}


#menu_footer li
{
        display:inline;
        margin-left: 20px;
        margin-top:1px;
	margin-right: 20px;
	padding:0;
        text-align: center
}


#menu_footer li a{
    
    color:white;
    font-weight: bold;
    font-size:0.8em;
    text-decoration: none;
    
}
#menu_footer li a:hover{
    color:#484030;
}

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


.div_contain{
   /*div générale*/
   /*margin-top:130px;*/
   width:1000px;
   height:auto;
   min-height:650px;
   border:1px #6a5e47 solid;
   border-top:none;
   margin-right:auto;
   margin-left: auto;
   background-color: #f1eeea;
   /*box-shadow: 2px 1px 10px #000000;*/
}

.bande{
    width:1002px;
    margin-top:20px;
    background-color: #C2B7A3;
    height:130px;
    position:absolute;
    margin-left:-1px;
    /*border-top:1px black solid;*/
    box-shadow: 2px 2px 10px black;
    
}
.imgleft{
    margin-left:50px;
    margin-top:5px;
}

.slide_intro{
    width:1000px;
    height:auto;
    margin-top:-25px;
    margin-left: 250px;
    position:absolute;
    display:inline-block;
     
}


#infoff{
    /*display:inline-block;*/
    /*display:none;*/
    border:1px black solid;
    border-top:none;
    /*border-radius:10px;*/
    box-shadow: 1px 2px 8px black;
    width:800px;
    height:100px;
    background-color: white;
    color:#484030;
    margin-left:90px;
    margin-top:20px;
    padding:4px;
    padding-right:23px;
    /* Veut on voir par défaut la div d'intro ff ou non .?'
    /*display:none;*/
    /******************************************************/

    overflow:hidden;
    font-size:0.8em;
}


.infoff h2{
    color:#484030;
    font-size: 0.8em;
    margin:0px;
}
.infoff .div_btn_close{
    margin-top:1px;
     margin-right:2px;
     padding:0px;
    float:right;
    /* margin-left:793px;
    position:absolute;
    z-index: 999;*/
}
.btn-slide{
    /*http://webdesignerwall.com/tutorials/jquery-tutorials-for-designers*/
    background: url(images/white-arrow.gif) no-repeat right -50px;
    text-align:center;
    width:140px;
    height:20px;
    display:block;
    background-color:#c35700;
    color:white;
    border:1px black solid;
    padding: 5px 10px 0 0;
    margin-left:430px;
}
.active {
	background-position: right 12px;
}




/************************ Partie basse de la page de garde ******************/

.enteteArticle{
   width:1020px;
  margin-top:-10px;
  margin-left:-47px;
  border:1px #000 solid;
  box-shadow: 2px 2px 2px black;
  /*border-radius:2px;  */
  background-color: #c35700;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #fff;
  padding:0px;
  
}
.imginline{
    float: left;
    padding-top:0px;
}
.div_last_article{/*Dernier acrticle en index*/
   display:inline-block; 
   width:950px;
   
   margin-top:145px;

}
.div_ALL_article{
   display:inline-block; 
   width:950px;
   
   /*margin-top:200px;*/
}

.div_IN_last_article{/*Dernier acrticle en index*/
   
   
   min-height: 50px;
   height:auto;
   border:1px #484030 solid;
   border-radius:2px;
   background-color: white;
   position:relative;
   margin-bottom: 10px;
   margin-left:25px;
   margin-right:5px;
}

.finArticle{
    position:relative;
   width:925px;
   margin-top:2px;
   margin-bottom: 15px;
   margin-left:-5px;
   background-color:#6a5e47;
   height: 17px;
   border:1px #fff solid;
   font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

ul#liste_fin {  /*Ici , c'est ma configuration, à vous de la changer */
width : 880px;
height : 15px;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
padding-top: 2px;
margin-top:0px;

}
ul#liste_fin li {  /*Ici , c'est ma configuration, à vous de la changer */
    padding : 0 0.5em;
    color:white;
    font-size:0.9em;
    text-decoration: none;
    font-weight: bold;

}


article{
    color:#484030;
    font-size: 0.9em;
    padding:3px;
}


.div_aside{/*list des derniers articles*/
    display:inline-block;
    width:250px;
    min-height: 300px;
    height:auto;
    border:1px #484030 solid;
    border-radius:2px;
    background-color: white;
    display:inline-block;
    position:relative; 
    margin-top:300px;
    margin-bottom: 10px;
    margin-left:5px;
    margin-right:5px;
}

.div_player{
    margin-left:795px;
    margin-top:-65px;
    position:absolute;
    z-index:999;
}
/*****************************************************************************/

/* Pour l'autocompletion '*/
ul#suggestsList{
	margin: 0px;
	padding: 0px;
	border: 1px solid #c35700;
	background-color: #FFFFFF;
	list-style: none;
	font-size: 0.8em;
}
	ul#suggestsList li{
		border: 0px solid #CFCFCF;
	}
	ul#suggestsList li:hover, ul#suggestsList li#selectedSuggest{
		background-color: #CFCFCF;
	}
		ul#suggestsList li a{
			display: block;
			color: black;
			text-decoration: none;
			cursor: pointer;
                        font-weight: normal;
		}