/* gris hpp: #434141 */


body
{
width: 100%;
margin: auto;
background-image: url("../images/Papyrus.png");
color:#ffff00;
max-width:2000px;
min-width:600px;
}

section {
width:100%;
max-width:900px;
margin:auto;
}

.paginer
{
width:100%;
    max-width:700px;
margin-bottom:10px;
font-family: "Times New Roman", Times, serif;
    border-top:1px dashed gray;
    border-bottom:1px dashed gray;
    
    padding:5px;
     
    background: rgba(0.6, 0.6, 0.6, .7); 
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .7);

}

article
{
    width:100%;
    max-width:700px;
    color:  #000000;
    font-size: 18px; 
    font-family: "Times New Roman", Times, serif;
    border: 5px solid #FFA652;
    padding:0px;
     
    background-color: #FFC085; 
    text-align: justify;
    overflow: auto
    z-index: 0;
    border-radius:15px 15px 15px 0px;


filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC085, endColorstr=#FFA652);
  background: -webkit-gradient(linear, left top, left bottom, from(##FFC085), to(#FFA652));
  background: -moz-linear-gradient(bottom,  #FFC085,  #FFA652);
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .7);

    }

.photo
{
width:400px;
margin:auto;
margin-top:10px;
margin-bottom:0px;
padding-bottom:0px;
border:0px solid white;
}

.photo img
{
width:400px;
display:block;
border: 15px solid white;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC085, endColorstr=#FFA652);
  background: -webkit-gradient(linear, left top, left bottom, from(##FFC085), to(#FFA652));
  background: -moz-linear-gradient(bottom,  #FFC085,  #FFA652);
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
margin-bottom:0px;
padding-bottom:0px;
}

.photo .legend
{
color: #353535;
font-style:italic;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
text-align: left;
font-size: 14px; 
}

.photo .legendate
{
color: #353535;
font-style:italic;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
font-size: 12px;
margin-left:350px;
margin-bottom:5px;
margin-top:0px;
padding-top:0px;
}



.video
{
width:500px;
margin:auto;
border: 15px solid white;
border-top:0px;
border-bottom:0px;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
margin-top:10px;
margin-bottom:0px;
padding-bottom:0px;
background:rgba(255,255,255,1);
}

.video .legend
{
color: #353535;
font-style:italic;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
text-align: left;
font-size: 14px; 
padding:10px;
}

.video .legendate
{
color: #353535;
font-style:italic;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
font-size: 12px;
margin-left:400px;
margin-bottom:5px;
margin-top:0px;
padding-top:0px;
background:rgba(255,255,255,1);
}



aside
{
position:relative;
float:right;
width:120px;
border-left:3px solid black;
margin-left:10px;
padding:10px;
text-align:left;
}

aside a
{
margin-left:15px;
color: #810000;
font-size:14px;
}

section h5
{
color: #353535;
font-style:italic;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
text-align: left;
margin-top:0px;
padding:10px;
}

section .com
{
float:right;
margin-top:0px;
padding:10px;
}

section .com a
{
color: #353535;
font-style:italic;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
font-size:12px;

}

section h2
{
color: #810000;
font-size: 3em;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
text-align: center;
margin-top:0px;
text-shadow: 0 3px 2px rgba(0, 0, 0, .7);
}

section a
{
color: #810000;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
text-decoration: none;
}


.commentaires
{
border-top:1px dashed gray;
margin-top:5px;
padding-top:5px;
}



.menu1
{
	color: #810000;
	font-size: 14px;
	font-weight: bold;

}

.img_center
{
	height: 100%;
	
	margin-left: 160px;
	border: none;
	position: absolute;
	
}


#banniere
{
  width:900px;
margin:auto;    
}

#footer
{
   border-top: 1px solid #000000;
   height: 10px;
   text-align: center;
  /* position: absolute;*/
    background-color: transparent; 
   font-size: 12px;
   color: #000000;
   z-index: 2;
   }


.menu
{
   font-size:13px;
color:white;
   background-color:#673000;
   border: 4px outset black;   
   border-radius: 15px;
   -moz-border-radius: 15px;
   padding:0px;
   margin-bottom: 8px;
   font-family: Georgia, Arial, "Times New Roman", Times, serif;
   z-index: 1;
   background-repeat: no-repeat;
   -moz-box-shadow: 3px 3px 2px #271717;
   -webkit-box-shadow: 3px 3px 2px #271717;
   box-shadow: 3px 3px 2px #271717;
}


.menu-socle
{
    
    float: left;
   background-color:transparent;
   border: 0px ridge red;
   border-radius: 10px;
   -moz-border-radius: 10px;
   padding:5px;
   margin: 0px;
}

.top_navig
{
width: 30%;
margin:auto;
text-align:center;
background: transparent;
padding:0px;
border: 0px solid white;
border-top:0px;
border-radius: 0px 0px 20px 20px;
}




.titre
{
	color: white;
        font-weight:bold;
	text-align:center;
        background-color: #810000;
        margin:0px;
        padding:5px 0px 5px 0px;
        border-bottom: 1px solid black;
        border-radius: 14px 14px 0 0;
        -moz-border-radius: 14px 14px 0 0;
}


.menu ul
{
list-style-image: url("../images/Puce.png");
	text-align:left;
        margin-left:-5px;
}

.menu ul li
{
       	color: white;
	text-align:left;
        margin-left:-5px;
}

.menu a
{
	color: white;
	text-decoration: none;
}

.menu a:hover
{
	color: #810000;
	font-weight: bold;
}

.here a
{
	color: white;
	font-weight: bold;
	
}

#main {
    color:  #000000;
    font-size: 14px; 
    font-family: "Lucida Sans Unicode", Georgia, Arial, "Times New Roman", Times, serif;
    border: 0px ridge blue;
    /*position: absolute;*/
    padding:10px;
       
    background-color: none; 
    text-align: justify;
    overflow: auto
    z-index: 0;
    }





#main h2
{
color: #810000;
font-size: 3em;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
text-align: center;
}

#main a
{
color: #810000;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
text-decoration: none;
}

#main a:hover
{
color: #000000;
text-decoration: none;
}



.Entete
{
width:900px;
border: 1px solid black;
border-top:0px;
border-radius:0 0 10px 10px;
margin:auto;
background-color:white;
padding-bottom:0px;
}

.Entete img
{
width:100%;
margin:auto;
border-radius:0 0 10px 10px;
padding:0px;
}

.pagin
{
width:900px;
margin:auto;
color:white;
font-size:1.2em;
text-align:center;
padding:2px;
margin-bottom:5px;
margin-top:5px;
}

.pagin a
{

text-align:center;
padding:5px 10px 5px 10px;
margin:10px;
display:inline-block;
border-radius:10px;
background: #8B8B8B;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E33D3D, endColorstr=#810000);
  background: -webkit-gradient(linear, left top, left bottom, from(#E33D3D), to(#810000));
  background: -moz-linear-gradient(top,  #E33D3D,  #810000);
}


.txt_box_titre
{
text-align: center;
margin: auto;
font-size: 40px;
color:#000000;
}


.txt_box_titre:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.3em; /* Ecrit l�g�rement plus gros que la normale */
	color: #810000;

}

.txt_box_date
{
text-align: center;
margin: auto;
font-size: 14px;
font-weight:italic;
color:#000000;
}

.Intro_blog
{
width:95%;
text-align: center;
background: transparent; 
border: 0px solid #5B3700;
margin-top:10px;
margin-bottom:10px;
border-radius: 10px;
margin: auto;
margin-top:10px;
margin-bottom:10px;
font-size: 15px;
color:#482D0A;
text-shadow:0px 0px 1px #000000;
}

.Intro_blog:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 25px; /* Ecrit l�g�rement plus gros que la normale */
	color: #810000;

}

.Billet
{
  position:relative;
  width:80%;
  min-width:880px;
   margin: auto; /* Centre le tableau */
   border: 5px solid black; 
   
    border-radius: 10px;
   border-collapse: collapse; /* Colle les bordures entre elles */
   text-align: center;
   color: #000000;
   font-size: 1.1em; 
   margin-bottom: 5px;
   margin-top: 5px;
   padding:0px;
  background-color: none;
  background-image: url("../images/vieux-papier_small.jpg");
box-shadow:0px -5px 5px #000000;
}


.Billet th 
{
  background-image: url("");
   border: none;
   padding: 10px;
  
}

.billet_titre
{
font-size:1.8em;
text-align:center;
color: #810000;
text-shadow:0px 0px 2px #000000;
}

.billet_lieu
{
font-size:1.2em;
text-align:right;
color: #810000;
text-shadow:0px 0px 1px #000000;
}

.datetd
{
  z-index:2;
  color:black;
       border: none;
   padding: 0px;
  text-align:center;
   font-size:18px;
  }

.Billet td
{
  background-color: none;
   border: none;
   padding-left: 50px;
   padding-right: 50px;
}

.Billet img
{
height:120px; 
border: 10px solid white;
margin:10px;
box-shadow:0px -5px 5px #000000;
}

form
{
width:700px;
margin:auto;
 background-image: url("../images/oldpaper3.png");
 -moz-border-radius: 0 0  10px 10px; 
border-radius:0 0  10px 10px; 
border: 0px solid black;
padding:10px;


}

.form_billet
{
width:500px;
position:fixed;
bottom:0px;
left:0px;
background: rgba(87,61,36,0.7); 
border-radius:0 10px 0 0; 
border: 0px solid black;
padding:10px;
color:white;
}



.Album 
{
    width:300px;
    margin: auto;
    border: 0px solid #000000;
   -moz-border-radius: 10px; 
   border-collapse: separate; /* Colle les bordures entre elles */
   background-image: url("../images/welcome_journal.png");
   background-repeat: no-repeat-y;
   text-align: center;
   font-size: 12px; 
   padding:0px;
}

.Album td,th
{
   color: #000000;
   background-image: url("../images/welcome_journal.png");
   background-repeat: no-repeat;
-moz-border-radius: 10px; 
border: 0px solid #000000;
text-align:center;
padding:20px;
vertical-align:middle;
}

.Album img
{
width: 160px;
height: 100px;
border: 5px solid white;
border-radius: 10px;
margin-left:10px;
-moz-border-radius: 10px;

}

table /* Le tableau en lui-m�me */
{
   background-image: url("../images/oldpaper3.png");
   margin: auto; /* Centre le tableau */
   border: 0px solid #000000; /* Bordure du tableau avec effet 3D (outset) */
   -moz-border-radius: 10px; 
   border-collapse: separate; /* Colle les bordures entre elles */
   text-align: center;
   color: #000000;
   font-size: 14px; 
   margin-bottom: 10px;
  background-color: none;
  

}
td, th 
{
  background-color: none;
  
   border: none;
   padding-left: 30px;
-moz-border-radius: 10px; 
   padding-right: 30px;
}

caption /* Titre du tableau */
{
   caption-side: top;
   text-align: center;
   font-weight: bold;
   font-size: 14px;
   color: #000000;
   margin-bottom: 10px;
   margin-top:20px; 
}

.table_ac 
{
   margin: auto; /* Centre le tableau */
   border: 0px solid #000000; /* Bordure du tableau avec effet 3D (outset) */
   background-color: #ffc400;
   border-collapse: separate;
   border-spacing: 10px;
   text-align: center;
   color: #810000;
   font-size: 14px; 
   
}

.table_ac td 
{
   border: 1px solid #000000;
   -moz-border-radius: 10px;  
   background-color: #ff9300;
   padding: 20px;
   vertical-align: text-top;
}

.table_ac th
{
   border: 1px solid #000000; /* Bordure du tableau avec effet 3D (outset) */
   background-color: #ff9300;
   -moz-border-radius: 10px;
   text-align: center;
   color: #810000;
      
}



.stream
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	width: 140px;
	height: 90px;
	border: 2px solid #ffff00;

}

.stream:hover
{
	border: 4px solid #810000;

}

.stream3
{
	padding: 10%;
	margin-top: 50px;
	z-index: 0;
}

.txt_box
{
	text-align: justify;
	text-indent: 20px;
	
	margin: auto;
	font-size: 16px;
	color: #000000;
	font-family: Georgia, Arial, "Times New Roman", Times, serif;

}

.txt_box:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.2em; /* Ecrit l�g�rement plus gros que la normale */
	color:#810000;
}

.txt_box a
{
color:#810000;
font-size: 1em;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
text-decoration: none;
}

.txt_box a:hover
{
color:#000000;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
text-decoration: none;
}

.txt_box_big
{
	text-align: center;
	
	margin: auto;
	font-size: 20px;
	color:#000000;
}

.txt_box_big:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.3em; /* Ecrit l�g�rement plus gros que la normale */
	color: #810000;
}


.table_stream
{
   
   margin: auto; /* Centre le tableau */
   border: 0px solid #000000; 
    background-color:none;
   text-align: center;
   font-size: 14px; 
   margin-bottom: 10px;
 
}

.table_stream td, th 
{
   border: none;
   padding-left: 0px;
   padding-right: 0px;
   background-color: transparent; 
}

.table_com
{
   margin: auto; /* Centre le tableau */
   border: 0px solid #000000; 
   background-color: none;
   text-align: center;
   font-size: 11px; 
   margin-bottom: 2px;

}
.table_com td, th
{
   margin-right:10px;
   height:20px;
   border: 0px solid #000000; 
   padding: 0px;
   valign:center;
}

.table_news
{
   width:80%;
   margin: auto;
   border: 0px solid #000000;
   -moz-border-radius: 10px; 
   border-collapse: separate; 
   text-align: left;
   margin-bottom: 10px;
   margin-top: 0px;

}

.txt_box_news
{
	text-align: justify;
	text-indent: 10px;
	padding: 20px;
	margin: auto;
	font-size: 14px;
	color: #000000;
	font-family: Georgia, Arial, "Times New Roman", Times, serif;

}

.txt_box_news:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.2em; /* Ecrit l�g�rement plus gros que la normale */
	color:#810000;
}

.date
{
	color: #810000;
	font-size: 15px;
	font-weight: bold;

}

.table_vide
{
  border: 0px solid #000000;
  background-color: #ffc400;
}

#fbbox
{
   border: 0px ridge #000000;
   margin-left: 15px;
   z-index: 6;
   top: 870px;
  position: absolute;
}

.pseudo
{
color: #810000;
font-size: 18px; 
font-weight: bold;
}

.titre_com
{
color: #000000;
font-size: 12px;
font-weight: bold; 
}

.txt_com
{
color: #000000;
font-size: 14px; 
text-align:justify;
}

.form
{
color: #000000;
border: 2px solid #000000;
background-color: #ff9300;
}


.message_billet
{
float:left;
   border-collapse: collapse; /* Colle les bordures entre elles */
   background-image:url("");
   text-align: center;
   font-size: 12px; 
   padding:0px;
   width: 463px;
   margin: auto; /* Centre le tableau */ 
   
   
}

.message_billet th
{
color: #000000;
text-align:left;
padding:10px;
background-color:transparent;

}

.message_billet td
{
color: #000000;
text-align:left;
padding:10px;
background-color:transparent;
border-bottom: 2px solid black;
}

#menu-bar {
  width:900px;
  margin: auto;
margin-top: 0px;
  padding: 0px 0px 0px 0px;
  height: 34px;
  line-height: 100%;
  border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
/* box-shadow: 0px -2px 17px #666666;
  -webkit-box-shadow: 0px -2px 17px #666666;
-moz-box-shadow: 0px -2px 17px #666666;*/
  background: #8B8B8B;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E33D3D, endColorstr=#810000);
  background: -webkit-gradient(linear, left top, left bottom, from(#E33D3D), to(#810000));
  background: -moz-linear-gradient(top,  #E33D3D,  #810000);
  border: solid 1px #000000;
border-top: 0px;
  
}
#menu-bar li {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  float:left;
  position: relative;
  list-style: none;
}
#menu-bar a {
  font-weight: bold;
  font-family: 'arial black';
  font-style: normal;
  font-size: 16px;
  color: #E7E5E5;
  text-decoration: none;
  display: block;
  padding: 9px 17px 9px 17px;
  margin: 0;
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  text-shadow: 2px 2px 3px #000000;
}
#menu-bar .current a, #menu-bar li:hover > a {
  background: #0399D4;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#434141);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#434141));
  background: -moz-linear-gradient(top,  #FFFFFF,  #434141);
  color: #000000;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 3px 5px #FFFFFF;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu-bar ul a:hover {
  background: #810000 !important;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#960303, endColorstr=#810000);
  background: -webkit-gradient(linear, left top, left bottom, from(#960303), to(#810000)) !important;
  background: -moz-linear-gradient(top,  #960303,  #810000) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul {
  background: #DDDDDD;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#B2B8B8);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#B2B8B8));
  background: -moz-linear-gradient(top,  #FFFFFF,  #B2B8B8);
  display: none;
  margin: 0;
  padding: 0;
  width: 168px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 3px #B4B4B4;
  border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#menu-bar li:hover > ul {
  display: block;
}
#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul a {
  padding:10px 9px 10px 15px;
  color:#424242 !important;
  font-size:12px;
  font-style:normal;
  font-family:'courier new';
  font-weight: normal;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:first-child > a {
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}