/*
Theme Name: MODELE
Author: David Deplagne
Author URI : www.david-deplagne.com
*/

html{height:100%}
body{background:url(MEDIAS/background.jpg) fixed;margin:20px 0 0;font:.85em Arial,Helvetica,sans-serif;color:#333}
img,a img{border:none}
h1{margin:0}
a{color:#636;text-decoration:none}
a:hover{text-decoration:underline}

form{margin:0/*IE7*/;text-align:left}
fieldset{border:0;padding:0}
textarea{padding:3px;font-family:Arial,Helvetica,sans-serif}
input,textarea,select{border:1px solid #ccc}
input:focus,textarea:focus{background-color:#ffc;border-color:#999}
input[type="submit"]{border:solid 1px #999}
input[type="submit"]:focus{/*ne pas toucher*/background:#D4D0C8}

.nettoyage{clear:both}
.nettoyage hr,.invisible{display:none}

.alignleft{text-align:left}
.alignright{text-align:right}

img.alignleft{float:left;padding:0 10px 5px 0}
img.alignright{float:right;padding:0 0 5px 10px}

#conteneur{width:910px;padding:25px 30px;background:url(MEDIAS/bg_container.png) no-repeat}
#contenu{background:url(MEDIAS/bg_content.png) no-repeat;padding:20px 10px 15px}

.fluo{background-color:#ffc}
.fluo strong{color:#636}

/*BANNIERE*/
#banniere{padding:11px 0 1.25% 20px;position:relative}
#banniere li{list-style:none;margin:0;display:inline}
#banniere li.invisible{display:none}

#banniere strong{display:none}

#banniere a{color:#333;text-decoration:none}
#banniere a:hover{text-decoration:none;color:#eee}

#navtools{list-style:none;position:absolute;left:280px;top:6px}

#search{position:absolute;top:15px;right:20px}
#search .champ,.item-email .champEmail{border:0;background:#808B97;width:100px;height:13px;color:#fff;font-family:verdana;font-size:10px;padding:1px 2px;padding-left:5px}
#search .submit{width:13px;height:15px;margin:0 0 -4px -3px;border:0;background-color:#fff}

#deconnexion{width:350px;height:15px;font-family:Helvetica,Arial,Arial,sans-serif;color:#212F3C;font-size:11px;letter-spacing:0.5px;position:absolute;top:15px;left:285px;text-align:right;color:#eee}
#deconnexion a{color:#eee}

.item-email{background:url(MEDIAS/page.png);padding:5px 5px 7px;color:#666}
.item-email div{display:block;padding-bottom:3px;font-size:11px}
.item-email form{margin:0}
.item-email .champEmail{color:#fff;background-color:#808B97}
.item-email .submit{margin:0 0 -4px 0;border:0;font-size:15px;color:#666}

#mon-dressing{position:absolute;top:-10px;right:20px}

/*MENU HAUT*/
#menuHaut{padding:0 0 2px}
#menuHaut ul{list-style-type:none;margin:0;padding:0 0 0 11px}
#menuHaut li{float:left;padding:0}
#menuHaut img{padding:0 11px 0 0}
#menuHaut #menuBlog img{position:relative;top:-2px}

/*CONTENU*/
/*TEXTE ET COLONNE*/
/*TEXTE*/
#texte{width:620px;float:left;padding:0 0 1.5%;text-align: justify;background:#fff/*url(MEDIAS/page.png)*/}

h1{display:block;background-color:#636;padding:5px 10px;color:#efefef;font:small-caps 1.5em 'Times New Roman',Times,serif;position:relative}

#texte h2{margin:0 0 .5%;position:relative}
#texte h2,#texte h3,#texte h4,#texte h5{text-align:left}

.infosArticleHaut{font-size:110%;text-align:left}

.paragraphes li{padding:0 0 .5%}

.unArticle{margin:0 10px 0;padding:3.5% 0;background:url(MEDIAS/ligneTiret.png) left bottom repeat-x}

.wp-caption p{margin-top:.25%;font-style:italic;color:#666}

.infosArticleBas{font-size:95%;text-align:left}
.infosArticleBas li{padding:0}
.infosArticleBas br{display:block}

/*Tags*/
.texteTags{display:block;padding:1.5% 0 .25%}

/*Articles similaires*/
.articlesSimilaires strong{display:block;padding:1.5% 0 .25%}
#texte .articlesSimilaires ol{color:#636;margin:0;padding-left:2.5ex;list-style:square}
.articlesSimilaires abbr{display:none}

/*NAVIGATION*/
.navigArticles{position:relative;margin:2.5% 10px 0;font-size:90%}

.pagePrec{position:absolute;left:0}
.hautPage{display:block;text-align:center}
.pageSuiv{position:absolute;right:0;bottom:0}
.pagePrec:hover,.pageSuiv:hover{text-decoration:underline;cursor: pointer}

.navigSeparateur{display:none}

/*COLONNE*/
#colonne{width:260px;float:right;font-size:95%;background:#fff}
#colonne h2{background-color:#636;padding:5px 10px;color:#efefef;font:small-caps 1.25em 'Times New Roman',Times,serif;margin:0}
#colonne ul,#colonne #ol{list-style:none;padding:0;margin:0;color:#636}
.widget li{list-style:square outside;margin:0 0 0 25px}

/*Colonne vidéo*/
#colonneVideo{margin:0 0 5%}
#colonneVideo div{width:240px;margin:5% auto 2.5%}
#colonneVideo small{display:block;margin:0 2.5%;font-size:90%}

/*Widget catégories*/
#colonne .widget_categories ul{padding:5% 0}
#colonne .widget_categories li ul{padding:1.25% 0 0}
#colonne .widget_categories li{padding:1.25% 0}
#colonne .widget_categories li li{list-style:none;margin:0}

/*Widget recherche*/
#colonne .widget_search form{margin:6.25% 10px 5%}

/*Widgets texte*/
.widget_text div{padding:5% 10px}
.widget_text div div{padding:0}

/*Suivre, partager*/
.addthis_toolbox{margin:0 0 3.5%}
#colSuivrePartager strong,.colBoutonsSeuls1{display:block}
#colSuivrePartager strong{padding:0 0 2.5%}
#colSuivrePartager  br{display:none}

.colBoutonsSeuls1{display:block;float:left;margin-right:2.5%}

/*Articles récents*/
#colonne .widget_recent_entries ul{padding:5% 10px 5% 0}
#colonne .widget_recent_entries li{padding:1.25% 0}

/*Widget calendrier
#calendar_wrap{margin:5% auto;width:200px}
#calendar_wrap caption{padding:0 0 2.5%;font-weight:700;	text-transform: uppercase}
#calendar_wrap th,#calendar_wrap td{padding:2px 5px}*/

/*Les plus lus*/
.akpc_report span{display:none}
.akpc_report ol{padding:5% 10px 5% 0}
.akpc_report li{padding:1.25% 0}

/*Tweets*/
#colonne .aktt_widget ul{padding:5% 10px 5% 0}
.aktt_widget li{padding:1.25% 0}
/*#colonne p.aktt_credit{padding:0 10px 6.25% 10px;margin:0;font-size:90%;font-style:italic;text-align:right}*/
#colonne .aktt_widget [type="text"]{margin:-5% 10px 0;width:175px}
#colonne .aktt_widget [type="submit"]{margin:0 10px 2.5%}

/*Archives*/
#colonne select{margin:6.25% 10px;width:175px}

/*Commentaires récents*/
#colonne .widget_recent_comments ul{padding:5% 10px 5% 0}
.widget_recent_comments li{padding:1.25% 0}

/*Widget sondages*/
.wp-polls{padding:5% 10px}
#colonne .wp-polls ul{padding:5% 0 0}
#colonne .wp-polls li{margin:0;padding:0 0 2.5%}
#colonne .wp-polls p{margin:0;padding:0}

/*Liens*/
#colonne .widget_links ul{padding:5% 10px 5% 0}
.widget_links li{padding:1.25% 0}

/*meta*/
#colonne #widgetMeta  ul{padding:5% 0}
#widgetMeta li{padding:1.25% 0}

/*Mots clés*/
#colonne .widget_tag_cloud div{margin:0 5px 2.5%}

/*Recherche*/
.widget_search label{display:none}
.widget_search input{margin:0 0 5px}

/*COMMENTAIRES*/
#titreEcrireCommentaire{display:block}
#titreEcrireCommentaire,#nocomments{padding-bottom:2.5%}

#respond small{font-size:95%}
#respond code{font-size:11px}

#respond input,#respond textarea{margin-top:2px}
#formAuteur,#formEmail,#formMessage{float:left}
#formSiteWeb,#formMessage{margin-top:1.5%}

#respond textarea{width:350px;height:150px;margin:2px 15px 1.5% 0}
#respond #formEmail{margin:0 25px}

#respond input[type="submit"]{margin-bottom:2.5%;padding:3px;font-size:90%}

#respond #balisesAutorisees{margin-top:5%}

#respond form  p{margin:0 0 2.5%}

ol#commentlist{padding-left:2em}
#commentlist li{padding-bottom:1.5%}

#commentlist cite {font-style:normal}
#commentlist cite img{padding:0 5px 0 0}

/*INDEX.PHP*/
#texte h2 a{font-size:85%;text-decoration:none}
#texte h2 a:hover{border-bottom:solid 1px}

/*SINGLE.PHP*/
#navigationHaut{padding:5px;background:url(MEDIAS/page.png)}
#navigationHaut div{margin:10px}
.singlePhp #texte h1 a{text-decoration:none}
.singlePhp .infosArticleHaut{margin-top:-1em}

.singlePhp .unArticle{padding-bottom:.5%;margin-bottom:1%}

#paragraphes{background:url(MEDIAS/ligneTiret.png) left bottom repeat-x;padding:0 0 .75%;margin:0 0 2.5%}

.singlePhp .infosArticleBas{background:url(MEDIAS/ligneTiret.png) left bottom repeat-x;padding:0 0 2.5%;margin:0 0 2.5%}

/*SEARCH.PHP*/
#listeArticles #texte{margin:0 10px 0;padding:3.5% 0;background:url(MEDIAS/ligneTiret.png) left bottom repeat-x}

/*TWEETMEME*/
#indexPhp .tweetmeme_button,.categoryPhp .tweetmeme_button,.categoryPhp .tweetmeme_button,tagPhp .tweetmeme_button{padding-top:2.15%}

#texte p.aktt_credit{padding:0 10px 2.5% 10px;margin:0;font-size:90%;font-style:italic;text-align:right}

/*PIED*/
#pied{background:url(MEDIAS/piedFond.png);padding:5px;color:#fff;margin:0 10px}
#pied p{margin:0;padding:0}
#pied ul{margin:0 auto .5%;padding:0 0 .5%;background:url(MEDIAS/piedLigne.png) left bottom repeat-x}
#pied li{display:inline}
#pied li.invisible, li#liberteWeb{display:none}
#pied a:link,#pied a:visited{color:#fff;text-decoration:none}
#pied a:hover,#pied a:active{text-decoration:underline}

#menuBoutiquePied{background:url(MEDIAS/piedFond.png);padding:5px;color:#fff;margin:0 15px}

li#liberteWeb{display:none}

/*MODIFIER*/
small.modifier{font-weight:400;color:#999;display:block;position:absolute;right:0;top:-20px;font:12px  Arial,Helvetica,sans-serif}
#textEtCol .modifier a{color:#999;font-size:.8em}
#textEtCol .modifier a:hover,a.comment-edit-link:hover{color:#636}

.modifierCommentaire,a.comment-edit-link{font-size:95%;color:#999}

.singlePhp small.modifier{color:#874387;font-size:100%;	font-variant:normal}
.singlePhp #textEtCol .modifier a,.singlePhp small.modifier{color:#999;font-size:.8em}
.singlePhp #textEtCol .modifier a:hover{color:#636}

.admin a{display:block;position:absolute;z-index:100;right:0;top:0;padding:10px;color:#333;text-decoration:none}
.admin a:hover{background:#eee;color:#636}
