@charset "utf-8";
/* CSS Document */

html {height:100%}
p {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-size:1em;}
body {width:100%;height:100%;background:url(images/bg-bleu.png) repeat-x #d6eaf7;padding:0;margin:0;font-family:Georgia, "Times New Roman", Times, serif}
img {border:0}

#gmenu {z-index:10;position:fixed;width:100px;height:100px;background:rgba(0, 0, 0, 0.4);}
#gmenu a {color:white;text-decoration:none;}
#conteneur {position:relative;width:980px;margin-left:auto;margin-right:auto;text-align:left;height:auto;}
#conteneurFond {float:left;background:url(images/bg-ombre.png) repeat-y;padding:0 0 0 15px;}
* html #conteneur {height:100%;}
#header {width:950px;height:124px;min-height:124px;background:url(images/entete-or-des-valois-blog.jpg) no-repeat;}
#lienheader {display:block;float:left;width:650px;height:131px;}
#login {float:right;margin-right:5px;display:inline;list-style:none;margin:0;padding:0;}

#login li {float:left;margin-left:5px;}
#login a {text-decoration:none;color:white;font-size:0.7em;}
#searchform {float:left;margin-top:10px;margin-left:30px;}
#searchform input {border:1px solid black;}
#searchform label {display:none;} 

/* Mise en forme du contenu du blog */
#contenu {background-color:#FFFFFF;width:935px;float:left;margin-left:5px;margin-top:35px;}

/* Conteneur articles */
#articles {float:left;width:700px;}
.article {width:690px;margin:20px auto 0 auto;text-align:justify; size:14px}
.article p {padding:5px;}
.tags {font-size:12px;}

/* Conteneur en tete */
.entete {position:relative;width:685px;height:61px;background:url(images/fond-entete.png) no-repeat;}
p.nbcomments {font-size:10px;position:absolute;left:595px;top:3px;}


/* Conteneur pied article */
.infosarticle {font-size:12px;}

/* Titres d'articles */
.entete h2 {font-size:18px;position:absolute;top:32px;left:8px}
#contenu h2 a, .post h2 a {text-decoration:none;color:#fbd101;}
#contenu h2 a:hover, .post h2 a:hover {color:#fbd101;}

/* Barre de navigation de droite */
#sidebar {width:230px;float:left;margin-left:5px;font-size:14px;height:625px;background:url(images/fond-droite.jpg) no-repeat;margin-top:15px;}
h2.titredroite a {color:white;}
h2.titredroite {width:225px;height:34px;line-height:34px;font-size:1.5em;color:white;font-variant:small-caps;
				background:url(images/fond-h2-droite.png) no-repeat;margin-top:15px;padding-left:5px;}
h2.titredroite:hover {width:260px;background:url(images/fond-h2-droite.png) no-repeat;margin-top:15px;padding-left:5px;}
h2.fb:hover {width:260px;background:url(images/fond-h2-droite.png) no-repeat left -34px;margin-top:15px;padding-left:5px;}
h2.vdo:hover {width:260px;background:url(images/fond-h2-droite.png) no-repeat left -68px;margin-top:15px;padding-left:5px;}
h2.rss:hover {width:225px;height:34px;line-height:34px;font-size:1.5em;color:white;font-variant:small-caps;
				background:url(images/fond-h2-droite.png) no-repeat;margin-top:15px;padding-left:5px;}

/* Colonne de droite */
#sidebar ul {width:220px;list-style:none;margin:0;padding:0;margin-left:5px;font-size:12px;}
#sidebar ul li {margin-bottom:3px;border-bottom:1px solid #da9f00;}
#sidebar h2 {font-size:16px;}

.facebookfan {width:210px;margin-left:10px;}
span.name {width:100px;}

#viadeoBlog {margin-left:10px;}

.aktt_tweet_time {font-size:8px;color:white;text-decoration:none}

/* Pied de page */
#footer {float:left;min-height:50px;height:50px;background:#000000;margin-top:5px;width:950px;}
#liens {display:inline;margin:0;padding:0;}
#liens li {float:left;margin-left:3px;border-left:1px solid white;}
#liens li a {text-decoration:none;font-size:0.8em;}


/* Menu Horizontal */
#menu-menu-principal {position:absolute;padding:0;margin:0;list-style:none;background:url(images/bg-menu-rouge.png) repeat-x; height:40px;width:950px;z-index:2}
#menu-menu-principal li {;margin-left:10px;font-size:14px;float:left;padding:0;margin-top:5px;border-right:1px solid #5e0100;}
#menu-menu-principal li a {display:block;color:#ffd601;font-weight:bold;text-decoration:none;margin:0;padding:3px;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,1);
			                    border-right:1px solid #da0100;background:#a70100;}
#menu-menu-principal li a:hover,#menu-menu-principal li a:active {display:block;background-color:#777;color:white;text-decoration:none;margin:0;padding:3px;}
#menu-menu-principal li ul {padding:0;list-style:none;display:none; width:100%}
#menu-menu-principal li ul li {margin:0 0 0 0; float:left;width:100%}

/* Taille des boutons du menu h */
#menu-item-560 {width:100px}
#menu-item-561 {width:170px}
#menu-item-562 {width:100px}
#menu-item-563 {width:100px}
#menu-item-564 {width:100px}
#menu-item-565 {width:200px}


/* Navigation entre les post en affichage single */
#navpost {list-style:none;margin:0;padding:0;margin-top:10px;}
#navpost li {list-style:none;margin:0;padding:0;}


/* Mise en forme du formulaire des commentaires */
#commentform, #respond, .navigation, .commentlist{}


/* Pied de page */
#footer {visibility:visible;min-height:50px;height:50px;background:#000000;margin-top:5px;}
#footer, #footer a {text-align:center;color:#999999;line-height:50px;font-size:12px;text-decoration:none;}

/* Sociable */
.sociable {margin-left:5px}

/* Commentaires */
#commentform, #comment {width:650px;}
h3#comments {font-size:14px;}
.commentlist {list-style:none;margin:0;padding:0;}
.commentlist li {font-size:12px;padding:5px;width:670px;border:1px solid #c0c0c0;margin-left:5px;}
