html {
background: #EEFCFD url(design/sky.jpg) no-repeat top center;
}
body {
margin: 0;
background-color: #1E2326;
background: url(design/deco.jpg) no-repeat center;
}
ul {
padding: 0;
margin: 0;
}
img {
border: 0;
}
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
#conteneur {
margin-top: 30px;
position: relative;
width: 100%;
text-align: center;
}
#EraZer {
width: 1025px;
margin: 0 auto;
background: url(design/deco.jpg) no-repeat center;
position: relative;
}
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
#tete {
width: 100%;
position: relative;
}
#tete #yeux {
/*Banniere*/
margin-left: 5px;
background: transparent url(design/ban.png) no-repeat;
height: 271px;
}
#sourcil {
/*Logo*/
position: absolute;
text-align: left;
top: -20px;
}
#bouche {
/*menu*/
margin-left: 12px;
width: 1000px;
height: 110px;
background: transparent url(design/rac.png) no-repeat;
text-align: center;
}
#bouche ul {
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 20px;
}
#bouche li {
display: inline;
margin-left: 10px;
}
#bouche li:first-child {
margin-left: 0px;
}
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
#corp {
width: 1001px;
background-image: url(design/ar.png);
min-height: 1200px;
margin-left: 12px;
float:left;
}
#lili {
/*Articles*/
width: 740px;
position: absolute;
margin-left: 90px;
}
#lili a {
color: #B19A38;
font-weight: bold;
font-family: Verdana;
text-decoration: none;
font-size: 13px;
}
#lili:hover {
color: black;
border-bottom: 2px #FF5900 dotted;
}
#corp #ventre {
/*Articles*/
margin-left: 30px;
float:left;
}
#ventre {
}
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
#jambe {
margin: 0 auto;
width: 1001px;
background-image: url(design/ar.png);
/*clear: left;
*/
}
#grosorteil {
height: 200px;
width: 50%;
background: #1E2326 url(design/arbasG.jpg) repeat-x top left;
position: absolute;
left: 0;
z-index: 1;
bottom: -64px;
}
#petitorteil {
height: 200px;
width: 50%;
background: #1E2326 url(design/arbasD.jpg) repeat-x top right;
position: absolute;
right: 0;
z-index: 1;
bottom: -64px;
}
#ongle {
width: 1001px;
margin: 0 auto;
z-index: 10;
position: relative;
background-color: #1E2326;
}
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
#recherche {
background-image: url(design/recherche.png);
width: 263px;
height: 24px;
margin-left: 70px;
margin-bottom: 10px;
}
#nosearch {
background-image: url(design/nosearch.png);
width: 493px;
height: 160px;
margin-left: 50px;
}
#nosearch .texte {
padding-top: 40px;
color: red;
font-size: 18px;
}
/*----------------------------------*/
/*----------------------------------*/
/*----------------------------------*/
.navpage a {
font-weight: bold;
font-size: 15px;
color: #FE6C0B;
color: brown;
font-weight: bold;
text-decoration: none;
}
.navpage a:hover {
border-bottom: 1px red dashed;
font-size: 20px;
}
.pagination {
margin-left: 75px;
width: 468px;
}
.pagination ul {
list-style-type: none;
font-family: arial;
text-align: center;
margin-left: 15px;
}
.pagination ul li {
float: left;
width: 39px;
height: 39px;
background: url(design/pagi.png) bottom center no-repeat;
}
.pagination ul li a {
color: #A52A2A;
text-decoration: none;
}
.pagination ul li .pagi-number {
margin-top: 8px;
}
.pagination ul .pagi-current {
font-weight: bold;
color: red;
background: url(design/pagi-current.png) bottom center no-repeat;
}
.pagination ul .pagi-number-current {
margin-top: 6px;
}
.pagination ul .pagi-first {
background: url(design/pagi-home.png) bottom center no-repeat;
}
.pagination ul li div a:hover {
color: black;
}
/*SIDEBAR*/
#bras{float:right; width:352px;}
#bonjour{margin-bottom:10px;margin-top:-64px;}
#sidebar{position:absolute;right:60px;width:352px;}
#sidebar-deco{background:url(design/sidebar/m-deco.png) no-repeat center center;margin:0 auto;float:left; width:352px;}
#rss{height:64px;left:220px;position:relative;top:-28px;width:66px;}
#menu{width:206px;
/* Taille de la sidebar*/
margin:0 auto; }
#m-barhaut{background:url(design/sidebar/m-barhaut.png) no-repeat top left;min-height:58px;padding-top:40px;}
#m-contenu{background:url(design/sidebar/m-ar.png) repeat;text-align:left;padding-left:10px;min-height:180px;}
#m-barbas{background:url(design/sidebar/m-barbas.png) no-repeat top left;height:50px;}
/****** Search Form ******/
#m-loupe{position:relative;margin:30px 0 0 50px;width:76px;height:65px;z-index:10;background:url(design/sidebar/m-loupe.png) no-repeat top left;}
#m-search{background:url(design/sidebar/m-search.png) no-repeat top left;float:left;width:149px;height:30px;margin-left:18px;}
#m-r{float:left;}
#s{background-color:transparent;border-width:0;width:143px;height:30px;font-weight:bold;font-size:18px;padding:4px 0 0 4px;}
/****** Contenu ******/
#sidebar a{color:black;text-decoration:none;font-family:"Comic sans ms";font-size:12px;border-width:0;}
#sidebar img{border-width:0;}
#sidebar ul a:hover{border-bottom:2px white dotted;font-weight:bold;}
#m-contenu ul{list-style-type:none;padding:0;margin:0;}
#m-contenu ul li{list-style-type:none;padding-left:40px;}
#m-contenu ul li ul{margin-left:10px;border-left:1px brown dotted;}
#m-contenu ul li ul li{list-style-type:none;padding-left:5px;}
.t-sidebar{margin-top:10px;}
/****** Extra ******/
#Gpub{margin-top:40px;float:left; width:352px;}
.m-BoobaanArt{text-align:left;}
.m-BoobaanArt ul a:hover{border-bottom:2px white dotted;font-weight:bold;}
.m-BoobaanArt ul li:hover{color:white;}
.m-shake{width:326px; height:320px; background:url(design/BoobaanShake.png) no-repeat top left;float:left;}
.m-last{width:343px; height:320px; background:url(design/BoobaanLast.png) no-repeat top left; margin-left:-6px;float:left;}
/*ARTICLE*/
.arrondis{background-color:black; padding:3px 5px; -moz-border-radius:10px; -khtml-border-radius:10px;}
#conte{float:left;}
.article{width:543px; background:url(design/article/deco.png) no-repeat top left; margin-bottom:30px; }
.box{margin-left:50px; }
.chapeau{background:url(design/article/barrehaut.png) no-repeat; margin:0; padding:0 0 0 25px; min-height:112px; text-align:left; }
.contenu{width:480px; border-left:7px solid red; padding-left:5px; text-align:left; }
.fondcontenu{background:transparent url(design/article/ar.png); padding:1px 15px 1px 15px; font-family:Verdana, Geneva, sans-serif; font-size:13px; text-align:justify; }
.fondcontenu a{font-weight:bold; color:black; text-decoration:none; border-bottom:1px red dashed; }
.fondcontenu a:hover{border-bottom:1px red dotted; }
.fondcontenu ul{margin-left:30px; }
.pied{background:url(design/article/barrebas.png) no-repeat; padding:0 0 0 25px; height:112px; }
.dateart{float:right; margin:20px 20px 0 0; text-align:center; color:#FE6104; }
.dateart .jour{font-size:25px; display:block; }
.dateart .mois{font-size:20px; margin-top:5px; }
/*pub*/
.artpub{margin-bottom:30px; margin-left:100px; /*width:550px;*/ }
.artpubcomment{margin-bottom:20px; }
/*mises en forme textes*/
.categories{padding:30px 0 0 10px; }
.categories a{color:red; font-size:12px; font-family:Arial; text-decoration:none; font-family:Arial; }
.titre{padding-left:10px; }
.titre a{color:black; font-size:30px; font-weight:bold; font-family:Arial; text-decoration:none; line-height:27px; }
.titre h2{margin:0; padding:0; display:inline; }
.tags{padding-left:10px; }
.tags a{color:#FE6104; font-size:12px; font-family:Arial; text-decoration:none; font-family:Arial; }
.signature{color:#FE6104; font-size:small; padding:60px 25px 10px 0; text-align:right; font-family:"Comic Sans MS"; }
.signaturesingle{
/*Pour l'affichage de l'auteur dans la page single car on affiche pas le nb de commentaire*/
color:#FE6104; font-size:small; padding:80px 25px 10px 0; text-align:right; font-family:"Comic Sans MS"; }
.comments-link{color:#FE6104; font-size:small; text-align:right; text-decoration:none; }
/*Commentaire*/
.comments{width:471px; text-align:left; margin-left:70px; margin-top:20px }
.nbcom{float:right; padding-left:5px; padding-top:3px; border-left:1px solid gray; width:275px; color:gray; }
.uncommentaire{border-left:3px solid red; margin-top:20px; background:url(design/article/c-fleche.png) no-repeat top left; }
.conteneurcom{padding-left:10px; }
.c-barhaut{padding:5px 0 5px 10px; background:url(design/article/c-barhaut.png) no-repeat; color:black; font-size:21px; }
.c-auteur a{color:black; font-size:21px; border-bottom:1px black dotted; text-decoration:none; }
.c-date{color:#FE6003; font-size:14px; text-decoration:none; }
.avatar{float:right; margin:-25px 3px 0 5px; }
.comcontenu{background:url(design/article/ar.png) repeat; padding:1px 5px 1px 10px; font-family:comic Sans MS; font-size:13px;}
.c-barbas{background:url(design/article/c-barbas.png) no-repeat; height:21px; color:red; }
/*Avis*/
.t-avis{margin-top:30px; margin-bottom:10px; }
.a-commentaire{padding-left:10px; margin-top:10px; border-left:3px solid brown; background:url(design/article/a-fleches.png) no-repeat top left; width:390px; height:300px; margin-bottom:50px; }
.a-nom{background:url(design/article/a-nom.png) no-repeat; height:26px; }
#author{border-width:0; background-color:transparent; width:110px; margin-top:4px; margin-left:60px }
.a-mail{background:url(design/article/a-mail.png) no-repeat; height:26px; margin-top:5px; }
#email{border-width:0; background-color:transparent; width:140px; margin-top:4px; margin-left:70px }
.mailinfos{position:relative; top:-227px; left:230px; color:red; font-size:small; font-style:italic; z-index:10; }
/* Contact Form 7 */
.mailinfos2{position:relative; top:-268px; left:230px; color:red; font-size:13px; font-style:italic; z-index:10; font-family:none; }
.a-web{background:url(design/article/a-web.png) no-repeat; height:26px; margin-top:5px; }
#url{border-width:0; background-color:transparent; width:175px; margin-top:4px; margin-left:80px }
.a-mess{background:url(design/article/a-mess.png) no-repeat; height:168px; margin-top:5px; }
.a-mess textarea{overflow:auto; }
#comment{border-width:0; background-color:transparent; width:380px; height:130px; margin-top:25px; margin-left:5px }
.a-nom:hover #author,.a-mail:hover #email,.a-web:hover #url,.a-mess:hover #comment{border:1px red dotted; }
#author:focus,#email:focus,#url:focus,#comment:focus{border:1px brown dotted; }
.a-exp{margin-top:10px; float:right; }
/*Articles suivant et precedent*/
.navpost{height:47px;margin:0 0 5px 72px;width:471px;color:#FE700E;}
/*------------------*/
.suivpost{float:right;text-align:right;}
.suivpost a{color:brown;font-weight:bold;text-decoration:none;}
.suivpost a:hover{border-bottom:1px red dashed;font-size:20px;}
.suivpost:hover{font-size:20px;}
/*------------------*/
.precpost{float:left;text-align:left;}
.precpost a{color:brown;font-weight:bold;text-decoration:none;}
.precpost a:hover{border-bottom:1px red dashed;font-size:20px;}
/*------------------*/
.s-shake{width:326px; height:320px; background:url(design/BoobaanShake.png) no-repeat top left; margin-left:10px;float:left;}
.s-last{width:343px; height:320px; background:url(design/BoobaanLast.png) no-repeat top left; margin-left:-6px;float:right;margin:5px -65px 0 0;}
.s-shakenlast a{color:black;text-decoration:none;font-family:"Comic sans ms";font-size:12px;border-width:0;}
.Boobaan-simi{width:471px;height:207px;background:url(design/article/BoobaanSimi.png) no-repeat top left;text-align:left;margin:0 0 20px 72px;}
.Boobaan-simi ul{padding:75px 0 0 45px;}
.Boobaan-simi a{font-family:Verdana, Geneva, sans-serif;font-size:13px;text-decoration:none;color:black;}
.Boobaan-simi a:hover{border-bottom:1px dashed red;color:black;font-weight:bold;}