/* Screen Front Alteo Blog */ * { margin:0; padding:0; border: none; } body {background:url("../images/bgd_body.jpg") repeat-x scroll left top #ABA29A;color:#696969;font-family:arial,helvetica,sans-serif;font-size:12px;} h1 a { position: absolute; left: 49px; top: 0; width: 145px; height: 129px; display:block; text-indent: -999em } h2 { margin: 16px 20px 20px 20px; font: normal 18px "Trebuchet MS";color: #949494; padding: 2px 0pt 0pt 0 } h3, #contenttop h3 a { margin: 0px 0 0px 0px; font-weight:bold; font-size:18px; color: #008080; padding-right:1px; text-align:left; text-transform:uppercase } h4 { margin: 0px 0 0px 0px; background:url(../images/puce/h4.gif) left top no-repeat; } h5 { margin: 15px 0 10px 20px; font: normal 16px "Trebuchet MS"; color: #f27c14 } p { font: normal 12px/15px arial; margin: 0 0 5px 0; text-align:left; color: black } input { padding: 0 0 0 3px; font: normal 11px arial } textarea { padding: 4px; font: normal 11px arial } ul li { list-style: none; font: normal 11px/15px arial; margin: 10px 15px 0px 24px; padding: 0 } ol li { font: normal 11px/15px arial; margin: 10px 15px 0px 24px; padding: 0 } ul.puced li { list-style: none; margin: 0px 15px 0px 24px; padding: 0 0 0 11px; background: url(../images/puces/green_puce.gif) left 5px no-repeat } ul.radio li { float: left } ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } a { border: none; text-decoration: none; color: #000000 } a img { border: none; text-decoration: none } #contenttop a { color: #1f1f1f; text-decoration: none; font: normal 11px arial } #contenttop a:hover { color: #000; text-decoration: underline } #contenttop h4 a{font-size:14px; font-weight:bold; color: #006871; } .bg-01{ background:url(../images/fond/bg.jpg) repeat-y 0 0; } /* Contenurs generaux */ #wrap-header{min-width: 970px; background: url(../images/bgd_wrapHeader.jpg) top center no-repeat; height:170px;} #main { background:url("../images/bgd_right.jpg") no-repeat scroll right top transparent; height:auto !important; min-height: 990px; min-width: 970px; } #intro { width: 995px; margin: 0 auto; position:relative; } p.aller { left:660px; position:absolute; top:130px; } #menu-search { left:364px; position:absolute; top:121px; } #menu-search label { display: none; } #menu-search h3 { display: none; } #menu-search input#q { width: 200px; height: 18px; background: url(../images/bgd_input-search.png) left top no-repeat; } #wrap-container { background: url("../images/bgd_wrapContainer.png") repeat-y scroll center top transparent; margin: 0 auto; overflow: hidden; width: 995px; } #container { width: 995px; margin: 0 auto; } #container-inside { width: 968px; background: url(../images/bgd_insideContainer.png) left top repeat-y; overflow: hidden; margin: 0 auto; } #container-inside-top { width: 968px; background: url(../images/bgd_insideContainer-top.png) left top no-repeat; overflow: hidden; margin: 0 auto; } div#colonne_droite { float: right; width: 190px; padding: 15px 23px 190px 5px; background: url(../images/bgb_colDroite.jpg) center bottom no-repeat; } div#colonne_droite .addthis_toolbox { margin: 0 0 13px 0px; padding: 0 0 0 28px; } #illlustration { width: 0; height: 0px; margin: 0 } div#colonne_droite h3 { font: bold 12px arial; color: #028e99; margin: 20px 0 0 0; padding :15px 13px 6px 16px; } div#colonne_droite a { font: bold 12px arial; color: #000000; text-decoration:none; border-bottom:none } div#colonne_droite ul.puced li { list-style: none; margin: 0px 24px 0px 15px; padding: 0 11px 0 10px; background: url(../images/illus_puce.png) left 5px no-repeat; } div#colonne_droite ul.puced li a { color: #000000 } div#colonne_droite p.ptags { text-align:right} div#colonne_droite p { color: #808184; padding: 0 15px; text-align:right } #agenda {padding: 5px 0 5px 10px } h3.archives , h3.tag , h3.liens , h3.auteurs , h3.commentaires { background: url(../images/bgd_h3.png) left top no-repeat; } div#colonne_gauche { float: left; width: 704px; min-height: 750px; margin: 0; padding: 24px 5px 20px 19px; margin: 0 0 0 10px; } .billet-content h1 {background: url(../../images/bgd_h2.gif) top center no-repeat; text-align: center; color: white; text-transform: uppercase; font-size: 17px; color:white; padding: 8px 0 15px; margin: 12px 0;} .billet-content h2 {font-size:21px; color:#006870; margin: 12px 0; text-transform: uppercase; font-family: Arial, sans-serif; } .billet-content h3 {font-size: 16px; color: #006870; margin: 15px 0 10px 0; overflow:hidden;} .billet-content h4 {font-weight: bold; color: #ea9813; font-size: 14px; margin: 12px 0;} .billet-content h5 {background: #ede6de; font-weight: bold; font-size: 12px; padding: 3px 0 3px 25px; margin: 5px 0; clear:both; color:#696969;} .billet-content hr { background: none; background: url(../../images/bgd_hr.gif) center center no-repeat !important; background: none; border:none !important; border: 5px dashed #D1D1D1; height: 1px; color: white; width:580px;} .billet-content .en-tete {background:#f1f1f1; overflow: hidden; margin: 5px 0 5px; width: 653px;} .billet-content .en-tete img{border: 3px solid #e3e3e3; float:left; margin: 0 12px 0 0;} .billet-content .en-tete p {margin: 25px 0; padding: 0 8px; text-align: justify;} .billet-content ul li { background: url(../../images/puce_content.gif) 5px 5px no-repeat; padding: 0 0 0 18px; margin: 3px 0;} /* Billets */ div.hfeed p { padding: 0 24px; color: #757575 } h4 a { font: normal 24px verdana; color: #006a72; padding: 0 6px 0 0; } .line { border-top: 1px solid #dfd7ce; border-bottom: 1px solid #dfd7ce; background-color: #fef8f0; color: #656565; margin: 15px 35px ; padding: 10px 0 } .line a { color: #000000 } .line a:hover {text-decoration: underline; } a.date { float: right; color: #000000; margin: 15px 25px 15px 15px } .billet-header { width: 695px; background: url(../images/bgd_billet-top.png) left top no-repeat; } .billet-content { width: 695px; background: url(../images/bgd_billet-bottom.png) left bottom no-repeat; } .billet-header h4 { margin: 15px 0 0 32px; } .billet-content { padding: 0 25px 15px 25px; color: black;} .fn { font-weight: normal } .billet-content a { color: #065960; text-decoration:underline; } .billet-content a:hover { color: #a58667; text-decoration:underline; } .date {float:right; overflow:hidden; width:85px; margin: 10px 0px 0 0; padding: 0 25px 0 0; } .date a {text-decoration:none;} .date .day {font-size:36px; color:#867e78; font-weight:bold; float:left; line-height:33px; border-right:1px solid #cac5c0; padding:0 5px 0 0;} .date .month {font-size:14px; color:#867e78; font-weight:bold; text-transform:uppercase; float:right; text-align:center;} .date .year {font-size:14px; color:#867e78; font-weight:bold; text-transform:uppercase; float:right; text-align:center;} .entete { display: none; } .billet2 .billet-header { height: 20px } /* Billets */ .billet{ width:100%; margin-bottom:30px} .redigepar{ text-align:right; color:#81a20d; margin:0; padding:0} .description{ border-bottom:1px solid #bbb;border-top:1px solid #bbb; padding:8px 3px 10px 3px; color:#959595} #contenttop .description a{ color:#237fb9} .comm{border-bottom:1px solid #81a20d;border-top:1px solid #81a20d; text-align:right} .comm p{ } .comm li{ background:url(../images/puces/licom.gif) right 5px no-repeat; padding-right:12px; margin:2px 0px;} #contenttop .comm li a{color:#959595} .fn{color:#959595; font: normal 11px arial; } .avatar img{ margin:5px 0 0 0} .desc-comment {border-bottom:1px solid #CCCCCC; color:#959595} /* Recherche */ form#searchFormAmont { margin: 0 0 25px 10px; } form#searchFormAmont label { color: #808184; margin: 0 6px 0 0px; } form#searchFormAmont input { margin: 0 6px 0 0px; border: 1px solid #5d89ca } form#searchFormAmont input.validSearchForm { position:relative; top: 5px; left: 0px; } p.searchResults { margin: 0 0 15px 10px; color: #808184 } p.searchResults span { font: bold 12px arial; color: #808184 } /* Mentions */ .blocMention1 { float: left; width: 280px; margin: 0 20px 0 40px; } .blocMention2 { float: left; width: 280px; } .blocMention1 h3, .blocMention2 h3 { font: bold 12px verdana; text-align: left; margin: 0 0 14px 0px; } /* Commentaires */ .comment-S { width: 552px; margin: 0 auto 25px auto; background-color: #b3d225 } .comment-Bot { width: 552px; height: 48px; background: url(../images/fond/footer_billet.gif) left top no-repeat; } .comment-Top { width: 552px; min-height: 13px; padding: 10px 0 0 0; background: url(../images/fond/header_billet.gif) left top no-repeat; } .comment-Bot p { text-align :right; margin: 0px 70px 0 0px; padding: 32px 0 0 0; color: #757575 } ul.comments li p.desc { padding: 0 20px; color: #757575 } ul.comments li { margin: 0 0 0 0px; padding: 0 0 0 0; } h4#ajoutCom { margin: 0 0 15px 0px; padding: 2px 0 2px 10px; background-color: #006871; color: #ffffff; } form#commentform { width: 549px; margin: 0 auto; padding: 0px ; border: 1px solid #006871 } form#commentform p { padding: 0 10px } form#commentform label { color: #808184; font: normal 12px arial; float: left; display: block; width: 100px; } form#commentform input { border: 1px solid #808184; } form#commentform textarea { width: 95%; margin: 4px 0 0 0px; border: 1px solid #808184; } form#commentform p.centerbut { margin: 20px 0 10px 0px; text-align: center; } form input.valid, form#commentform input.valid{background:transparent url(../images/fond/valid.gif) repeat-x scroll left top;border:2px solid #D6D6D6;color:#006871;font-weight:bold;height:31px;padding:0pt 5px;text-transform:uppercase; cursor:pointer;} /* Tags */ h4.tags { display: inline; color: #949494 ; font: normal 11px arial; } ul.tags { margin: 0 0 0 5px; display: inline; } ul.tags li { display: inline; margin: 0 0 0 4px; padding:0 } #contenttop ul.tags li a { color: #808184; } .small { color: #808184 } .medium { color: #808184; font-weight: bold; } .large { color: #b3d225; font: bold 14px arial; } .x-large { color: #b3d225; font: bold 17px arial; } /* Page tous les Tags */ div.tags-mid { width: 552px; background: url(../images/fond/f-tag-mid.gif) left 0px repeat-y } div.tags-bot { width: 552px; background: url(../images/fond/f-tag-bot.gif) left bottom no-repeat } div.tags-top { width: 552px; margin: 0 0 0 0px; padding: 15px 0; background: url(../images/fond/f-tag-top.gif) left top no-repeat } div.tags-top p { margin: 15px 25px; } /* Toutes les categories */ div.cat-mid { width: 552px; background: url(../images/fond/f-tag-mid.gif) left 0px repeat-y } div.cat-bot { width: 552px; background: url(../images/fond/f-tag-bot.gif) left bottom no-repeat } div.cat-top { width: 552px; margin: 0 0 0 0px; padding: 15px 0; background: url(../images/fond/f-tag-top.gif) left top no-repeat } div.cat-top ul { margin: 15px 25px; } div.cat-top ul li { margin: 0 0 6px 0px; padding: 0 0 0 20px; background: url(../images/puces/green_puce.gif) no-repeat scroll left 5px } .tablementions td{ width:303px; height:327px} .tablementions td p{ text-align:center} .tablementions td h3{ background:none; padding:0; margin-top:40px; font-size:14px; border:none; margin-bottom:10px} .conformement { font: normal 10px verdana; text-align:center; color:#777 } /* Footer */ #outro { height: 120px; clear: both; margin: 0 0 0px 0px; background: url(../images/bgd_outro.png) left top repeat-x; } #outro p { margin: 0 0 0 0px; padding: 23px 0 10px 0; height: 61px; color: #fff } #outro p a { color: #fff; text-decoration: none } #outro p a:hover { text-decoration: underline } #outro-inside { width: 995px; margin: 0 auto; } #outro-inside .adresse { float: left; width: 229px; color: #fff; padding-left: 23px } #outro-inside .hon-code { float: left; width: 327px; padding: 23px 10px 10px; background-color: #30a8b2 } #outro-inside .hon-code img{ float: left; margin: 0 6px 0 0px; } #outro-inside .link { float: left; width: 115px; padding: 23px 0 0 15px; } #outro-inside .espoir {float: left; width: 245px; padding-left: 10px ; background-color: #30a8b2 } #outro-inside .espoir img { float: left; margin: 0 6px 0 0px; } #outro-inside .last { height: auto; clear: both; text-align: center; padding: 6px 0 0 0; } /* General styles */ .lbleft { float: left; width: 140px } .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .clear { clear:both; display: none } .kill { text-indent: -5000px; } .fleft { float: left } .fright { float: right } .center { text-align: center } .clear { clear:both; visibility: hidden; height: 0px; } .noborder { border: none } .bita { text-align: center; font: bold italic 12px arial; margin: 15px auto 10px auto; color: #8cafca } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button { text-align: center; margin: 10px 0 0 0; clear: both } .button input { border: none } .separator { clear: both; visibility: hidden; height: 0 } /* Messages d erreurs */ .denied { color: #565759; font: normal 12px arial; margin: 10px 20px 20px 30px } .denied li { padding: 0 25px 0 17px; background: url(../images/puces/puce_boule.gif) left 2px no-repeat; margin: 0 0 3px 0 } billet .entete{ font-weight:bold; color:#9ec026; font-size:13px} .entete{ font-weight:bold; color:#9ec026; font-size:13px} .cadre{ padding:3px; border:1px solid #ccc} .cadrefleft{ padding:3px; border:1px solid #ccc; float:left; margin:0 15px 15px 0} .fleft{ float:left; margin:0 15px 15px 0} .fright{ float:right; margin:0 0 15px 15px } .cadreright{ padding:3px; border:1px solid #ccc; float:right; margin:0 0 15px 15px } .alignement{ vertical-align:middle} /* livre photo */ #livrephoto{ text-align:center; color:#FFFFFF; height:90px; width:215px; background-image: url(../images/bg_livrephoto.jpeg); background-position: left top; background-repeat: no-repeat; } #livrephoto .ligne1{ text-align:center; color:#FFFFFF; padding-top:8px; font-size:14px; } #livrephoto .ligne2{ text-align:center; color:#FFFFFF; font-size:15px; font-weight:bold; } #livrephoto .ligne3{ text-align:center; color:#FFFFFF; font-size:14px; } #livrephoto .ligne4{ text-align:center; color:#FFFFFF; font-size:14px; font-weight:bold; }