body
{
width: 900px;
margin: auto;
background:#DDDDDD;
color:#000000;
min-width:600px;
padding:10px;
}


header
{
width:900px;
border: 0px solid black;
border-top:0px;
border-radius:0 0 0px 0px;
margin:auto;
background-color:transparent;
padding-bottom:0px;
text-align:center;
}

header img
{
width:100%;
margin:auto;
padding:0px;
opacity:0.9;
}

header h1
{
text-shadow: 0px -1px 1px rgba(20, 20, 20, .8);
font-family: "Times New Roman", Times, serif;
font-style:italic;
}

header .intro
{
text-shadow: 0px -1px 1px rgba(20, 20, 20, .8);
font-family: "Times New Roman", Times, serif;
font-style:italic;
}

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;
margin:10px; 
    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 #FFF8EB;
    padding:0px;
     
    background-color: #FFF8EB; 
    text-align: justify;
    overflow: auto
    z-index: 0;
    border-radius:15px 15px 15px 0px;


filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF8EB, endColorstr=#E9E9E9);
  background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#FFF8EB));
  background: -moz-linear-gradient(bottom,  #E9E9E9,  #FFF8EB);
-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;
}

.Cphot
{
background:white;
width:20px;
border-radius:0px 10px 10px 0px;
position:absolute;
right:-59px;
padding:5px;
top:65px;
box-shadow: 4px 4px 5px rgba(0, 0, 0, .7);
}

.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:150px;
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;
}


.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;
}



.form_billet
{
width:100%;
max-width:400px;
margin-auto;
padding:10px;
margin-top:0px;
 border: 5px solid #E9E9E9; 
border-top:0px;
    padding:0px;
     
    background-color: #FFF8EB; 
    text-align: justify;
    margin-bottom:40px;
border-radius:0px 0px 15px 15px;
-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);

}




.txt_box
{
	text-align: justify;
	text-indent: 20px;
	
	margin: auto;
	font-size: 18px;
	color: #000000;
	font-family: "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: "Times New Roman", Times, serif;
text-decoration: none;
}

.txt_box a:hover
{
color:#000000;
font-family: "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;
}



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

}

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

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

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


.message_billet
{
   text-align: left;
text-indent:10px;
   font-size: 13px;
font-weight:bold;
   padding:0px;
   padding-top:5px;
padding-bottom:5px;
   width: 100%;
   margin: auto; /* Centre le tableau */ 
border-top:1px solid black;
   
}

#menu-bar {
  width:100%;
  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%;
}