/* --- CONTAINER --- */

@import url("blog_content.css");

body {
    width              : 991px;
    margin             : 0 auto;
    padding            : 0;
    color              : #000;
    background         : #000 url('../images/blog/fond.gif') repeat-x;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

.cadre_img_loca h1{
font-size:16px;	
}
.cadre_liens {
	border:1px solid #DBDBDB;
	width:200px;
	border-radius: 10px;  
 	-moz-border-radius: 10px;  
 	-webkit-border-radius: 10px;  
 	margin-bottom:10px;
}

/* --- HEADER --- */
#header {
    background         : url('../images/blog/logo.gif') no-repeat;
    height             : 120px;
    position           : relative;
}
#logo {
    display            : block;
    height             : 120px;
    width              : 360px;
}
#search {
    position           : absolute;
    right              : 20px;
    top                : 60px;
}
.champ {
    border             : 1px solid #474D4D;
    padding            : 2px 4px 1px;
    font-family        : Arial, Helvetica, FreeSans, sans-serif;
    font-size          : 11px;
    color              : #474D4D;
    width              : 140px;
    margin-right       : 5px;
}
#rss {
    position           : absolute;
    right              : 15px;
    bottom             : 0px;
  /*  background         : url('../images/blog/rss.gif') no-repeat bottom right;*/
    color              : #FFF;
    font-weight        : bold;
    text-decoration    : none;
    padding            : 5px 40px 5px 0px;
}
#rss:hover {
	text-decoration		: underline;
} 

/* --- MENU HEADER --- */
#header_menu {
    background         : url('../images/blog/fond_menu.gif');
    text-align         : left;
    line-height        : 35px;
}
#header_menu ul {
    margin             : 0px;
    padding            : 0px;
}
#header_menu ul li {
    display            : inline;
    list-style         : none;
    margin             : 0px;
    padding            : 0px;
}
#header_menu ul li a, #header_menu ul li a:link, #header_menu ul li a:visited {
    position           : relative;
    z-index            : 2;
    top                : -4px;
    text-decoration    : none;
    color              : #717268;
    padding            : 6px 10px 9px;
    font-size          : 13px;
    font-weight        : bold;
    background         : url('../images/blog/separateur.gif') no-repeat top right;
}
#header_menu ul li.on a, #header_menu ul li.on a:link, #header_menu ul li.on a:visited {
    color              : #DA5601;
}
#header_menu ul li a:hover {
    color              : #DA5601;
}
#header_menu ul li ul {
    display            : none;
}
#header_menu ul.ssmenu {
    position           : absolute;
    border             : 1px solid #BDBDBD;
    background-color   : #FFF;
    z-index            : 3;
    margin-top         : 10px;
    line-height        : normal;
    padding            : 5px 0px;
}
#header_menu ul.ssmenu ul {
    display            : block;
}
#header_menu ul.ssmenu li {
    display            : list-item;
    list-style         : disc inside url('../images/blog/puce_fleche.gif');
    padding            : 1px 10px;
}
#header_menu ul.ssmenu li li {
    list-style         : disc inside url('../images/blog/puce_carre.gif');
}
#header_menu ul.ssmenu li a {
    position           : static;
    text-decoration    : none;
    color              : #000000;
    background         : none;
    padding            : 0px;
    font-size          : 12px;
    font-weight        : normal;
}
#header_menu ul.ssmenu li li a {
    font-size          : 11px;
}
#header_menu ul.ssmenu li a:hover {
    color              : #DA5601;
}
#header_menu ul.ssmenu li a:active {
    color              : #DA5601;
}
/* --- MAIN --- */
#main {
    background         : #F3F3F3 url('../images/blog/fond_main.gif') repeat-y;
    padding            : 18px 0px 18px 18px;
}

/* --- SIDEBAR --- */
#sidebar {
    float              : right;
    width              : 216px;
}
#sidebar div.cadre {
    margin             : 0px 12px 18px 0px;
}
#menusidebar {
    margin             : 0;
    padding            : 5px;
}
#menusidebar li {
    list-style         : disc inside url('../images/blog/puce_carre.gif');
}
#menusidebar li a, #menusidebar li a:link, #menusidebar li a:visited {
    text-decoration    : none;
    color              : #454545;
    font-size          : 12px;
}
#menusidebar li.on a, #menusidebar li.on a:link, #menusidebar li.on a:visited {
    color              : #DA5601;
}
#menusidebar li a:hover {
    color              : #DA5601;
}
#user {
    padding            : 5px;
    text-align         : center;
}

/* --- CONTENT --- */
#content {
    width              : 713px;
}
div.message, div.erreur {
    text-align         : center;
    border             : 1px solid #BDBDBD;
    background-color   : #FFF;
    font-size          : 20px;
    color              : #D75F09;
    margin-bottom      : 10px;
}
div.erreur {
    color              : red;
}
div.cadre {
    border             : 1px solid #BDBDBD;
    background-color   : #FFF;
}
div.cadre_tags {
	
    border             : 1px solid #BDBDBD;
    background-color   : #FFF;
}
div.cadre_img_tw {
    margin-bottom      : 50px;
}
div.cadre_img_fb {
    margin-bottom      : 30px;
}
div.cadre_img_carte {
	margin-bottom : 10px;
}
div.cadre_img_loca {
	margin-bottom : 30px;
}
div.cadre_img_com {
	margin-bottom : 30px;
}
div#encart_gauche_blog {
	float				: left;
	height				: auto;
	padding-left		: 10px;
}
div.billet {
	float              : left;
    border             : 1px solid #BDBDBD;
    background-color   : #FFF;
    margin-bottom      : 10px;
    padding-top        : 5px;
    height             : auto;
    width              : 711px;
}
div.billet h2.billet_titre {
    margin             : 0px 15px 5px;
    color				: #4f97e0;
}
div#encart_droite_blog a, div#encart_droite_blog a:visited, div#encart_droite_blog a:link {
	text-decoration		: none;
	color				: #4f97e0;
}
div#encart_droite_blog a:hover {
	text-decoration		: underline;
}
div.billet .tags, div.billet .titre_initial, div.billet .lien_document, div.billet .source {
    margin             : 0px 15px 2px;
}
div.billet .post {
    margin             : 10px 15px 10px;
    font-size          : 12px;
}
div.billet .resume {
    margin             : 10px 15px 30px;
    font-weight        : normal;
    font-size:12px;
}
div.billet .auteur {
    color              : #D75F09;
    font-size          : 10px;
}
div.billet .date {
    font-size          : 12px;
    font-style         : normal;
    font-weight        : bold;
}
div.billet .titre_initial {
    font-weight        : bold;
}
div.billet .nb_commentaire {
    text-align         : left;
    padding            : 2px 0px 0px 20px;
    border-top         : 1px solid #BDBDBD;
    background         : #E5E5E5 url('../images/blog/fond_bottom_cadre.gif') repeat-x;
}
div.cloud {
    border             : 1px solid #BDBDBD;
    background-color   : #FFF;
    padding            : 10px 15px;
}
#commentaires {
    border-top         : 1px solid #BDBDBD;
    margin             : 0px;
    padding-top        : 5px;
}
#commentaires li {
    list-style         : disc outside url('../images/blog/puce_carre.gif');
    margin             : 0px 15px 0px 30px;
    padding-bottom     : 5px;
}
#commentaires li .commentaire_auteur {
    font-weight        : bold;
}
#commentaires li .commentaire_date {
    font-style         : italic;
}
#TheFormCommentaire {
    border-top         : 1px solid #BDBDBD;
    background         : #E5E5E5 url('../images/blog/fond_bottom_cadre.gif') repeat-x;
    padding            : 5px 15px 5px;
}
#TheFormCommentaire .commentaire_titre {
    font-weight        : bold;
}
#TheFormCommentaire textarea {
    border             : 1px solid #474D4D;
    padding            : 2px 4px 1px;
    font-family        : Arial, Helvetica, FreeSans, sans-serif;
    font-size          : 11px;
    color              : #474D4D;
}
#TheFormCommentaire input, input.bouton {
    margin-top         : 5px;
    padding            : 2px 0px;
    border             : 1px solid #474D4D;
    font-weight        : bold;
    font-family        : Arial, Helvetica, FreeSans, sans-serif;
    font-size          : 11px;
    background         : transparent url('../images/blog/fond_bottom_cadre.gif') repeat-x;
}
h1 a, h2 a, h3 a, h4 a {
    color              : inherit;
    text-decoration    : none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    text-decoration    : none;
}
ul.rss li {
    list-style         : none;
    padding-bottom     : 5px;
}
ul.rss li a {
    background         : url('../images/blog/iconRss.gif') no-repeat left center;
    line-height        : 16px;
    padding            : 2px 0px 2px 25px;
}
a.tag {
    text-decoration    : none;
    color              : #316C4E;
}
a.tag_poids1 {
    font-size          : 10px;
    font-weight        : normal;
}
a.tag_poids2 {
    font-size          : 11px;
    font-weight        : normal;
}
a.tag_poids3 {
    font-size          : 11px;
    font-weight        : bold;
}
a.tag_poids4 {
    font-size          : 12px;
    font-weight        : bold;
}
a.tag_poids5 {
    font-size          : 13px;
    font-weight        : bold;
}
a.tag_poids6 {
    font-size          : 14px;
    font-weight        : bold;
}
a.tag_poids5 {
    font-size          : 15px;
    font-weight        : bold;
}
a.tag_poids5 {
    font-size          : 16px;
    font-weight        : bold;
}
a.tag_poids5 {
    font-size          : 17px;
    font-weight        : bold;
}
a.tag_poids5 {
    font-size          : 18px;
    font-weight        : bold;
}

.tags {
	display            : none;
}
/* --- COPYRIGHT --- */
#copyright {
    padding            : 5px 0px;
    text-align         : center;
    color              : #FFF;
    font-size          : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #FFF;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}

/* --- CACHE --- */
#cache {
    position                : absolute;
    left                    : 0px;
    top                     : 0px;
    width                   : 100%;
    height                  : 100%;
    z-index                 : 1;
    display                 : none;
}