/* Général */
body { margin: 0; padding: 0;  color: #000; background: transparent url('img/bg.jpg') left top repeat; font: normal 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif; }
form { margin: 0; padding: 0; display: block; }
a{ text-decoration: none; color: #4A9BAC; outline: 0 none; list-style-type: none;}
a:hover{ text-decoration: underline; }
a:link, a:visited { color: #4a9bac; }
a:hover, a:active { color: #4a9bac; }
div#container { background: transparent url('img/bg-container.png') center 34px repeat-x; }
.info-publi{font: 10px/14px 'Helvetica Neue',Helvetica,Arial sans-serif;text-transform: uppercase;color: #B6B6B6;}
h1.h1{color: #4A9BAC; font: bold 24px/28px Vollkorn,serif; background: url("img/bg-hentry-title.gif") no-repeat scroll left bottom transparent; border-top: 1px solid; border-top-color: #EAEAEA; margin: 0 0 10px; padding: 6px 0 12px 0;}
blockquote.spip {border:none;}
abbr{border:none;}


/* Formulaire */

.formulaire_spip input.text {border: 1px solid #EAEAEA; height: 1.8em; padding: 0 0 0 8px; margin:5px 0 0 0;}
.formulaire_spip textarea {border: 1px solid #EAEAEA;}
form p.input input {background: none repeat scroll 0 0 #FFFFFF; border-color: #DDDDDD;color: #000000;}
form small {color: #B7B7B7;}
form textarea, .formulaire_spip textarea {background: none repeat scroll 0 0 #FFFFFF; border-color: #DDDDDD; color: #000000;}
div#formulaire_forum fieldset legend{color: #41403B; font: bold 14px/18px Vollkorn,serif;}



/* Divs Principales */

div#contenu{
	width: 640px;
	float:left;
}

div#barrecote{
	width: 250px;
	float:right;
}

div#navigation{
    float: right;
    margin: 0;
    width: 250px;
}

.no-display { display: none; }
.clear { clear: both; }

/* Menu Principale */

div#menubar { position: relative; height: 33px; top: -122px; } 
div#menubar { border-bottom: 1px solid; }
div#menubar .pad { width: 962px; margin: 0 auto; height: 33px; }
div#menubar h3 { display: none; }
div#menubar ul { display: block; margin: 0 -10px 0 0; padding: 0; list-style: none; height: 33px; float: right; }
div#menubar ul li { display: block; margin: 0; padding: 0 0 0 1px; float: left; height: 33px; }
div#menubar ul ul { position: absolute; display: none;  width: 180px; float: none; margin: 1px 0 0 0; height: auto; z-index: 9999999;}
div#menubar ul li a { display: block; margin: 0; padding: 0 10px; }
div#menubar ul li a span.sf-sub-indicator { display: block; float: right; padding: 0 0 0 5px; }
div#menubar ul li:hover ul, div#menubar ul li.hover ul { display: block; z-index: 999999; }
div#menubar ul ul li { padding: 0; margin: 0 5px; float: none; width: auto; height: auto; }
div#menubar ul ul li a { border-bottom: 1px solid; padding: 0 5px; margin: 0; float: none; width: auto; height: auto; }
div#menubar ul ul ul { margin: -28px 0 0 175px; }

div#menubar { background: #151313 none; border-bottom-color: #2b2b2b; }
div#menubar ul li { background: transparent url('img/bd-menubar-item-1.png') left center no-repeat; }
div#menubar ul li a { color: #646464; }
div#menubar ul li:hover a { color: #a1a1a1; } 
div#menubar ul li.current-menu-item a { color: #a1a1a1; }
div#menubar ul li:hover ul, div#menubar ul li.hover ul { background: #2b2b2b none; }
div#menubar ul li:hover ul li a, div#menubar li.hover ul li a { color: #646464; background: #2b2b2b none; border-bottom-color: #3a3a3a; } 
div#menubar ul li:hover ul li:hover a, div#menubar ul li.hover ul li.hover a { color: #a1a1a1; }
div#menubar ul li:hover ul li.li-current-menu-item a, div#menubar ul li.hover ul li.current-menu-item a { color: #a1a1a1; }
div#menubar ul li:hover ul li.current_page_item a, div#menubar ul li.hover ul li.current_page_item a { color: #a1a1a1; }
div#menubar ul li:hover ul li:hover ul li a, div#menubar ul li.hover li.hover li a { color: #646464; }
div#menubar ul li:hover ul li:hover ul li:hover a, div#menubar ul li.hover ul li.hover ul li.hover a { color: #a1a1a1; }
div#menubar ul li:hover ul li:hover ul li.current-menu-item a, div#menubar ul li.hover ul li.hover ul li.current-menu-item a { color: #a1a1a1; }
div#menubar ul li:hover ul li:hover ul li.current_page_item a, div#menubar ul li.hover li.hover ul li.current_page_item a { color: #a1a1a1; }

div#menubar ul li { font: bold 10px/33px 'Helvetica Neue', Helveticam Arial, sans-serif; text-transform: uppercase; }
div#menubar ul li a { font-weight: bold; text-decoration: none; }
div#menubar ul ul li { line-height: 27px; }

/* Header */
div#header .pad { background: transparent url('img/bg-header.png') center bottom no-repeat; }
div#header .box-search input { color: #666; text-shadow: 1px 1px #000; background: transparent url('img/input-search.png') left top no-repeat; }
div#header .formulaire_recherche input.submit {  color: #4a4a4a; text-shadow: 1px 1px #fff; background: transparent url('img/button-search.png') left top no-repeat;}
div#header .box-search input { font: italic 12px/12px Vollkorn, serif; }
div#header .formulaire_recherche input.submit { font: normal 12px/12px 'Helvetica Neue', Helvetica, Arial, sans-serif; }
div#header { position: relative; height: 122px; top: 34px; }
div#header .pad { width: 960px; margin: 0 auto; padding: 0 5px 25px 5px; }
div#header h3 { display: none; }
div#header .box-masthead { height: 97px; float: left; }
div#header .box-masthead .accueil{margin: 10px 0 0 0}
div#header .box-masthead .accueil strong a{font: normal 42px/44px Vollkorn, serif;color: #EAEAEA; text-decoration: none; }
div#header .title { display: block; margin: 0; padding: 0; color:#b7b7b7 }
div#header .title a { display: block; margin: 0; padding: 0; width: 326px; height: 97px; text-indent: -999999px; }
div#header .description { display: none; }
div#header .box-search { float: right; margin: 30px 0 0 0; }
div#header .box-search label { display: none; }
div#header .box-search input { width: 198px; padding: 11px; margin: 0; border: 0 none; float: left; }
div#header .formulaire_recherche input.submit { margin: 0; padding: 0; width: 70px; height: 34px; text-align: center; border: 0 none; float: left; }

/* Body */

div#body { width: 920px; margin: 0 auto; padding: 0px 20px 25px 20px; position: relative; }
div#body div#content { width: 590px; margin: 0; float: left; }
div#body { background: transparent url('img/bg-common.png') center center repeat-y; }

/* Footer */
div#footer .pad { width: 920px; margin: 0 auto; padding: 10px 25px; position: relative; }
div#footer p { display: block; margin: 0; padding: 0; }
div#footer { background: #000 none; color: #3a3a3a; }
div#footer p { font: normal 10px/14px Verdana, sans-serif; }
div#footer p a { text-decoration: none; }
div#footer p a:hover { text-decoration: underline; }


/* Fonts */

/* Bold Face
-----------------------------------------*/
@font-face {
	font-family: 'Vollkorn';
	src: url('fonts/vollkorn-bold.eot');
	font-style: normal;
	font-weight: 700;
}
@font-face {
	font-family: 'Vollkorn';
	src: url(//:) format('no404'), url('fonts/vollkorn-bold.woff') format('woff'), url('fonts/vollkorn-bold.ttf') format('truetype'), url('fonts/vollkorn-bold.svg#webfontJV84zI5j') format('svg');
	font-style: normal;
	font-weight: bold;
}

/* Italic Face
-----------------------------------------*/
@font-face {
	font-family: 'Vollkorn';
	src: url('fonts/vollkorn-italic.eot');
	font-style: italic;
	font-weight: normal;
}
@font-face {
	font-family: 'Vollkorn';
	src: url(//:) format('no404'), url('fonts/vollkorn-italic.woff') format('woff'), url('fonts/vollkorn-italic.ttf') format('truetype'), url('fonts/vollkorn-italic.svg#webfontW736jsGt') format('svg');
	font-style: italic;
	font-weight: normal;
}

/* Bold Italic Face
-----------------------------------------*/
@font-face {
	font-family: 'Vollkorn';
	src: url('fonts/vollkorn-bolditalic.eot');
	font-style: italic;
	font-weight: 700;
}
@font-face {
	font-family: 'Vollkorn';
	src: url(//:) format('no404'), url('fonts/vollkorn-bolditalic.woff') format('woff'), url('fonts/vollkorn-bolditalic.ttf') format('truetype'), url('fonts/vollkorn-bolditalic.svg#webfontksAiltW2') format('svg');
	font-style: italic;
	font-weight: bold;
}

/* Normal
-----------------------------------------*/
@font-face {
	font-family: 'Vollkorn';
	src: url('fonts/vollkorn-normal.eot');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Vollkorn';
	src: url(//:) format('no404'), url('fonts/vollkorn-normal.woff') format('woff'), url('fonts/vollkorn-normal.ttf') format('truetype'), url('fonts/vollkorn-normal.svg#webfontJOWxQLX2') format('svg');
	font-style: normal;
	font-weight: normal;
}

/* Divs Secondaires */

/* Sommaire */
.page_page.page_sommaire .contenu-principal{display:none}

/* liste articles sommaire */
.page_sommaire .liste.articles.sommaire{float: left; margin: 0 30px 0 0; width: 360px; }
.page_sommaire .liste.articles.sommaire h2.h2{display: none;}
a.nb_commentaires{ color: #A04140; }
.page_sommaire img.spip_logos { border: 0 none; float: right; margin: 40px 0 10px; padding: 0 0 0 10px; }
.page_sommaire .liste ul.liste-items{padding:0;list-style: none; margin: 0;}
.page_sommaire .liste ul.liste-items li{margin: 0 0 20px;}
.page_sommaire .liste ul.liste-items li.item h3.h3{
	font: bold 16px/18px Vollkorn,serif;
  	background: url("img/bg-hentry-title.gif") no-repeat scroll left bottom transparent;
    border-top: 1px solid;
    border-top-color: #EAEAEA;
	color: #4A9BAC;
    display: block;
    margin: 0 0 10px;
    padding: 6px 0 12px;
}

/* Formulaire de recherche */
div#formulaire_recherche { position:absolute; top:-90px; float:right; height: 36px; width: 290px; right: 0;}
div#formulaire_recherche input { 
	color: #666666; 
	text-shadow: 1px 1px #000;
	background: transparent url('img/input-search.png') left top no-repeat; 
	border: 0 none;
    float: left;
    margin: 0;
    padding: 11px;
      width: 198px;
      font: italic 12px/12px Vollkorn,serif;
}
div#formulaire_recherche input.submit { 
    background: url("img/button-search.png") no-repeat scroll left top transparent;
    color: #4A4A4A;
    text-shadow: 1px 1px #FFFFFF;
    border: 0 none;
    float: left;
    height: 34px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 70px;
}
div#formulaire_recherche label {display: none;}

/* menu rubriques */
.menu.rubriques { margin:0 0 20px; }
.menu.rubriques h2{
	background: url("img/bg-sidebar-title.gif") no-repeat scroll left bottom #D1E2E9;
	text-shadow: 1px 1px #FFFFFF;
	color: #000000;
	font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #41403B;
	border-top: 1px solid;
	border-top-color: #A1BFCB;
    display: block;
    margin: 0;
    padding: 8px 10px 13px;
	font: bold 14px/18px Vollkorn,serif;
    text-transform: uppercase;
}

.menu.rubriques ul {display: block; margin: 0; padding: 5px 10px 10px;background: none repeat scroll 0 0 #F6FBFD; list-style: none;}
.menu.rubriques ul li {background: url("img/bullet-list-item-sidebar.png") no-repeat scroll left 10px transparent; border-bottom: 1px solid; border-bottom-color: #D5E4EB; display: block; margin: 0 0 5px; padding: 0 0 5px;}

/* Formulaire inscription */
div#formulaire_inscription{
width: 250px;
float: right;
	clear: right;
	    background: none repeat scroll 0 0 #CFE7E9;
}
div#formulaire_inscription legend{
   background: url("img/bg-sidebar-subscription-title.gif") no-repeat scroll left bottom #B3D0D2;
    border-top: 1px solid;
    color: #3A888B;
    font: bold 14px/18px Vollkorn,serif;
    padding: 8px 10px 13px;
    text-shadow: 1px 1px #FFFFFF;
    text-transform: uppercase;
    display: block;
    width: 230px;
}


div#formulaire_inscription fieldset{display: block; margin: 0; background: none repeat scroll 0 0 #CFE7E9;}
div#formulaire_inscription p{ margin: 5px 10px}
div#formulaire_inscription ul{margin: 0.5em 0.5em;}

/* Commentaires, Articles Syndic, Liste Articles, Bréves  */
.page_sommaire .liste.forums{
    width: 250px;
    overflow: hidden;
    margin-bottom:20px;
}

.liste.syndic_articles{
    float: left;
    width: 250px;
    margin:0 0 20px;

    font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    }
    
.page_article .liste.articles, .page_breve .liste.breves{
    width: 250px;
    overflow: hidden;
    margin-bottom:20px;
    margin-right: 0;
    float:right;
    clear:none
}

.liste.syndic_articles h2,.page_sommaire .liste.forums h2, .page_article .liste.articles h2, .page_breve .liste.breves h2{
    background: url("img/bg-hentry-title.gif") no-repeat scroll left bottom transparent;

	color: #666666;
    font: bold 14px/18px Vollkorn,serif;
    text-transform: uppercase;
	border-top: 1px solid;
    border-top-color: #EAEAEA;
    display: block;
    margin: 0;
    padding: 8px 10px 12px;
	font: bold 14px/18px Vollkorn,serif;
    text-transform: uppercase;
}
.liste.syndic_articles ul, .page_sommaire .liste.forums ul, .page_article .liste.articles ul, .page_breve .liste.breves ul{
	display: block; 
	margin: 0;     
	padding: 5px 0px 10px;
}
.liste.syndic_articles ul li, .page_sommaire .liste.forums ul li, .page_article .liste.articles ul li, .page_breve .liste.breves ul li{ 
	border-bottom: 1px solid; border-bottom-color: #EAEAEA;
	display: block; margin: 0 0 5px; padding: 0 10px 5px 10px;
    color: #B6B6B6;
    font: 10px/14px 'Helvetica Neue',Helvetica,Arial sans-serif;
    text-transform: uppercase;
}
    
.liste.syndic_articles ul li a, .page_sommaire .liste.forums ul li a, .page_article .liste.articles ul li a, .page_breve .liste.breves ul li a{
 font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-transform: none;
}



/* Mots clés */

.liste.mots, .liste.groupes_mots{
    float: right;
    width: 250px;
    margin:0 0 20px;
	text-shadow: 1px 1px #FFFFFF;
    font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    }
    
.liste.mots h2, .liste.groupes_mots h2{
 background: url("img/bg-box-tabs-title.gif") no-repeat scroll left bottom #A6A497;
	color: #000000;
	border-top: 1px solid;
    border-top-color: #EAEAEA;
    display: block;
    margin: 0;
    padding: 8px 10px 13px;
	font: bold 14px/18px Vollkorn,serif;
    text-transform: uppercase;
}

.liste.mots ul, .liste.groupes_mots ul {display: block; margin: 0; background: none repeat scroll 0 0 #B9B7AB;
    padding: 5px 10px 10px;}
    
.liste.mots ul li, .liste.groupes_mots ul li {    
	border-bottom: 1px solid #A6A497;
    color: #000000;
    display: block;
    margin: 0 0 5px;
    padding: 0 0 5px;
}
    
.liste.mots ul li a, .liste.groupes_mots ul li a {color: #000000;}




/* contenu-principal */

.contenu-principal{
    width: 640px;
    margin: 0 20px 20px 0;
    float:left;
}

.notes.surlignable{
    width: 640px;
    margin: 0 20px 20px 0;
    float:left;
}
div#conteneur p.repondre{
    margin: 0 20px 20px 0;
    float:left;
    color: #666666;
    font: bold 16px/18px Vollkorn,serif;
}

.liste.articles{
    width: 640px;
    margin: 0 20px 20px 0;
    padding: 0;
    float:left;
        border: 0 none;
    clear: both;
}

div#contenu h2{
    color: #4A9BAC;
    border-bottom: 1px dashed #CCCCCC;
    display: block;
    font: bold 24px/28px Vollkorn,serif;
    margin: 0 0 20px;
    padding: 0 0 7px;
}

.ajaxbloc{
    width: 640px;
    margin: 0 20px 20px 0;
    float:left;
}
div#signatures{
    width: 640px;
    margin: 0 20px 20px 0;
    float:left;
}

div#formulaire_site{
    width: 640px;
    margin: 0 20px 20px 0;
    float:left;
}

.formulaire_signature{
    width: 640px;
    margin: 0 20px 20px 0;
    float:left;
}

/* Commentaires */
div#comments{
    width: 640px;
    margin: 0 20px 20px 0;
    float:left;
}

div#comments ul {
	padding:0;
	margin:0 0 0 40px;
	display:block;
}
div#comments li {
	padding: 0 0 20px;
	list-style-type: none;
 	display:block;
}

div#comments .comment-message{
	border-bottom: 1px solid;
	border-bottom-color: #cccccc;
	display: block;
    min-height: 140px;
        margin: 0 0 15px;
}
div#comments p.repondre{
    clear: both;
    color: #666666;
    display: block;
    float: right;
    font: bold 12px/16px Vollkorn,serif;
    margin: 0 10px 10px;
    padding: 0;
    width: auto;
    }

div#comments span.comment-author{
	float: left;
	clear:both;
}
div#comments .comment-meta{
 	width: 170px;

 	display:block;
    padding: 10px 0 0;
 	float: left;
}

div#comments .comment-content p.hyperlien{
	float:left;
	clear: both;
}

div#comments .comment-content{
    border-left: 1px dashed;
    border-left-color: #cccccc;
    display: block;
    overflow: hidden;
    padding: 10px 0 0 20px;
    min-height: 140px; 
}
div#comments .comment-content .comment-texte{
   float: left;
    height: 100%;
    min-height: 100px;
}
div#comments .comment-meta abbr{
    border: 0 none;
    clear: both;
    float: left;
	color: #B6B6B6;
    font: 10px/14px 'Helvetica Neue',Helvetica,Arial sans-serif;
    margin: 0 0 6px;
    padding: 0;
    text-transform: uppercase;
}




/* Liste article autre */

div#contenu .liste.articles img.spip_logos {
    border: 1px solid #DDDDDD;
    float: right;
    margin: 0 10px 10px;
    padding: 10px;
}
div#contenu .liste.articles ul li{margin: 0 0 20px;}
div#contenu .liste.articles ul{
list-style: none;
padding: 0;

}


div#contenu .cartouche .spip_logos {
    border: 1px solid #DDDDDD;
    float: right;
    margin: 60px 0 10px 10px;
    padding: 10px;
}

p.surtitre{
    color: #666666;
    font: bold 20px/22px Vollkorn,serif;
}

p.soustitre{
    color: #41403B;
    font: bold 16px/20px Vollkorn,serif;
}