@charset "utf-8";

/* Copyright (c) 2006-2009 Romain Bezut
   Programme sous Licence GPL (voir le fichier LICENSE) */
/* Feuille de style principale */

html {
 padding-right:20px;
}

body {
 background-color: rgb(223,223,248);
 background-image: url('/images/bg.jpg');
}

/* PRINCIPAL */
#centre {
 margin-top:130px;
 margin-left:250px;
}

#viewprofil {
 position:absolute;
 top:20px;
 left:20px;
 z-index:3;
 display:none;
}

/* CENTRE */
#centre h2 {
 text-align:center;
 margin:0 auto;
 margin-bottom:35px;
 color:#000;
 background: rgb(200,200,200);
 padding:5px 0;
 width:50%;
 max-width:400px;

 -moz-border-radius:1em;
 -webkit-border-radius:1em;
}

/* VIEWPROFIL */
#viewprofil, #viewP {
 width:75%;
 background:rgb(200,215,200);
 padding:10px;
 border:2px solid #000;

 -moz-border-radius:32px;
 -webkit-border-radius:32px;
 opacity:0.96;
}

#viewP {
 margin:0 auto;
}

#viewprofil h3, #viewP h3 {
 float:left;
 margin:0;
 text-align:left;
 margin-left:60px;
 color:#007;
 font-size:large;
}

#viewprofil p.center, #viewP p.center {
 text-align:center;
}

#viewprofil p.center a, #viewP p.center a {
 border:2px solid #000;
 color:#000;
 padding:2px;
 font-size: medium;
 text-decoration:none;
 background:rgb(255,220,220);
}

#viewprofil p.center a:hover, #viewP p.center a:hover {
 background:rgb(255,180,180);
}

#viewprofil div.InfoAvatar, #viewP div.InfoAvatar {
 margin-right:40px;
 margin-top:20px;
}

#viewprofil p.site, #viewP p.site {
 margin-left:50px;
}

#viewprofil p.site a, #viewP p.site a {
 color:#400;
}

#viewprofil div.profilDesc, #viewP div.profilDesc {
 width:90%;
 border:2px solid #000;
 background:rgb(230,230,230);
 margin:0 auto;
 padding:2px 7px;
 margin-bottom:5px;
}

ul.profilInfos {
 font-size: large;
 list-style-type:square;
}

p.icon_close {
 margin:0;
 float:right;
}

/* ARTICLES */

#centre p.pages {
 text-align:center;
}

#centre div.article {
 margin-bottom:25px;
}

#centre div.article h4 {
 margin:0;
 padding:3px 7px;
 padding-left:37px;
 border:2px solid #000;
 border-bottom:1px solid #000;
 background-color:rgb(210,210,255);
 font-family: Verdana, Helvetica, sans-serif;

 -moz-border-radius-topleft: 2em;
 -moz-border-radius-topright: 2em;
 -webkit-border-top-left-radius: 2em;
 -webkit-border-top-right-radius: 2em;
}

#centre div.article h4 a {
 text-shadow: 1px 1px 1px #FFF;
 color: rgb(10,10,135);
 text-decoration:none;
}

#centre div.article h4 a:hover,
#twitter a:hover,
#centre div.article div.message a:hover {
 text-decoration:underline;
}

#centre div.article p.album, #centre div.article p.timefrise {
 border-left:2px solid #000;
 border-right:2px solid #000;
 padding:2px 7px;
 font-size: small;
 margin:0;
 text-align:center;
 background:rgb(230,230,230);
}

#centre p.album {
 text-align:center;
 margin:0;
}

#centre p.album a {
 padding:0 7px;
 color:#00A;
 text-decoration:none;
}

#centre p.album a:hover {
 background:rgb(130,220,130);
}


#centre div.Lpage {
 margin-bottom:20px;
 font-style:italic;
 font-size: small;
 color:#777;
}

#centre div.Lpage a,
#centre p.pages a,
#twitter a {
 color:#000;
 text-decoration:none;
}

#centre div.Lpage a:hover, #centre p.pages a:hover,
#twitter a:hover {
 background:rgb(255,200,150);
}

#centre p.pages {
 font-family:verdana;
 font-size: small;
 width:95%;
 border:1px solid #000;
 margin:10px auto;
 padding:1px 0;
 background:rgb(220,235,235);

 -moz-box-shadow: 0 0 2px #00F;
 -webkit-box-shadow: 0 0 2px #00F;

 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}

#centre div.article div.message {
 padding:1px 7px;
 border-left:2px solid #000;
 border-right:2px solid #000;
 text-align:justify;
 background:url('/images/earth.png') no-repeat 50% 50%;
}

/* LANGUE */
div.lang {
 width: 95%;
 margin: 1em auto;
}

div.lang div.langtabs a {
 padding: 3px 10px 0 10px;
 margin-right: 0.3em;
 border: 2px solid #000;

 background-color: rgb(180,180,215);
 color: #000!important;

 -moz-border-radius-topright: 1em;
 -moz-border-radius-topleft: 1em;
 -webkit-border-top-right-radius: 1em;
 -webkit-border-top-left-radius: 1em;
}

div.lang div.langtabs a.selected {
 padding-bottom: 2px;
 background-color: rgb(223,223,248);
 border-bottom-style: none;
}

div.lang div.langtabs a:hover {
 text-decoration: none!important;
}

div.lang div.langtabs a:not(.selected):hover {
 text-shadow: 0 0 3px #00F;
 background-color: rgb(215,180,180);
}

div.lang div.langcontent {
 border: 2px solid #000;
 margin-top: 0;
 padding: 3px;
 display: none;
}

div.lang div.selected {
 display: block;
}


/* MESSAGE POSTE */

#centre div.article div.message p {
 margin:10px 0;
}

#centre div.article div.message a, #centre div.commentaire div.message a {
 color:#070;
 text-decoration:none;
}

#centre div.article div.message blockquote, div.message pre {
 margin:10px auto;
 width:85%;
 border:1px solid rgb(120,120,255);
 background:rgb(240,240,240);
 padding:2px 7px;
 color:#666;
}

#centre div.article div.message ul {
 font-size: medium;
 text-align:justify;
 list-style-type:square;
}

#centre div.article div.center {
 margin-top:14px;
}

#centre p.hiData {
 display:none;
 border:2px solid #000;
 margin:0;
 border-bottom-style:none;
 border-top-width:1px;
 font-size:small;
 padding:4px 7px;
 background:rgb(225,255,225);
 line-height:1.5em;
}

#centre p.hiData a {
 margin-left:30px;
 margin-bottom:2px;
 border:1px solid #000;
 color:#000;
 text-decoration:none;
 background:rgb(255,200,200);
 padding:2px;
}

#centre p.hiData a:hover {
 background:rgb(255,150,150);
}

#centre div.article span.edit {
 padding:1px 5px;
 font-size: small;
 border:1px solid #000;
 border-bottom:none;
 background:rgb(220,220,240);

 -moz-border-radius-topleft:2em;
 -moz-border-radius-topright:2em;
 -webkit-border-top-left-radius:2em;
 -webkit-border-top-right-radius:2em;
}

#centre div.article p.bottom {
 border:2px solid #000;
 border-top:1px solid #000;
 padding:1px 7px;
 margin:0;

 -moz-border-radius-bottomleft: 2em;
 -moz-border-radius-bottomright: 2em;
 -webkit-border-bottom-left-radius: 2em;
 -webkit-border-bottom-right-radius: 2em;
 -moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;

 background-color: rgb(240,240,210);

 text-align:center;
 font-size: small;
}

#centre p.bottom a {
 color:#004;
}
#centre p.bottom a:hover {
 color:#A00;
}

/* PROFIL */
#centre div.infoProfil {
 width:85%;
 border:1px solid #000;
 margin:0 auto;
 margin-bottom:30px;
 padding:0 0px;
 background:rgb(230,230,230);
}

#centre div.infoProfil h3 {
 margin:0;
 padding:2px 47px;
 border-bottom:1px solid #000;
 background:rgb(200,200,255);
}

#centre h3.catHead {
 text-align:center;
 margin:0 auto;
 border:2px solid #000;
 width:50%;

 -moz-border-radius: 4em;
 -webkit-border-radius: 4em;
 background:rgb(255,240,210);
}

#centre p.catDesc {
 text-align:justify;
 margin: 0 auto;
 margin-top:5px;
 margin-bottom:30px;
 border:1px solid #000;
 padding:2px 7px;
 background:rgb(240,240,240);
 width:70%;
}

/* COMMENTAIRES */
#centre h3.commentaire {
 text-align:center;
 margin:0 auto;
 border:2px solid #000;
 width:170px;

 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
 background:rgb(255,220,220);
 margin-bottom:25px;
}

#centre div.commentaire {
 width:85%;
 border:1px solid #000;
 margin:0 auto;
 margin-bottom:25px;
}

#centre div.commentaire h5 {
 margin:0;
 padding:1px 7px;
 border-bottom:1px solid #000;
 text-align:center;
 background:rgb(210,255,210);
}

#centre div.commentaire h5.fondrouge {
 background:rgb(255,210,210);
}

#centre div.commentaire div.message {
 text-align:justify;
 padding:2px 7px;
}

#centre div.commentaire p.hiData {
 border-left:none;
 border-right:none;
}

#centre div.commentaire p.bottom {
 margin:0;
 padding:2px 7px;
 text-align:center;
 font-size: small;
 border-top:1px solid #000;
 background:rgb(255,240,240);
}

#centre div.commentaire hiData {
 display:none;
}

/* SITES CREES */

#centre div.site {
 font-size: large;
 text-align:justify;
 clear:left;
}

#centre div.site h3 {
 text-align:center;
 margin-bottom:5px;
 font-size:larger;
}

#centre div.site h3 a {
 text-decoration:none;
 color:#007;
}

#centre div.site h3 a:hover {
 text-decoration:underline;
}

#centre div.site div.imgSite {
 float:left;
 margin-right:5px;
}

/* FRISE CHRONO */

#centre h4.frise {
 margin-left:7%;
 padding:2px 7px;
 color:#007;
 border:2px solid;
 background:rgb(255,210,210);
 width:50px;
 text-align:center;
}

#centre ul.frise {
 margin-top:5px;
 list-style-type:square;
}

#centre ul.frise ul {
 list-style-type:none;
}

#centre ul.frise a {
 color:#007;
}

#centre ul.frise a:hover {
 background:rgb(255,200,150);
 color:#000;
 text-decoration:none;
}

/* LIENS */

#centre ul.liens {
 list-style-type:square;
}

#centre ul.liens li {
 margin:17px 0;
 text-align:justify;
 font-size: large;
 padding:4px;
 border-left:2px solid #000;
 border-top:2px solid #000;
 background:#CCC;
}

#centre ul.liens li a {
 color:#009;
}

#centre ul.liens li a:hover {
 background-color:rgb(255,200,150);
}

a[hreflang]:after {
 content: '\0000a0[' attr(hreflang) ']';
 color : #666;
 background : transparent;
}

#gauche {
 position:absolute;
 left:0;
 top:90px;
 width:245px;
 text-align:center;
 z-index:2;
}

/* LIEN DE POST */

#gauche a.postArticle {
 display:block;
 width:210px;
 margin:0 auto;
 margin-bottom:20px;
 color:rgb(50,50,150);
 text-decoration:none;
 border:2px solid #000;
 background:rgb(220,210,210) url('images/post.png') 8px 50% no-repeat;

 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
}

#gauche a.postArticle:hover {
 background-color:rgb(230,220,220);
 color:#000;
}

/* CHAQUE BLOC (Categories, liens) */

#gauche div.module {
 border-left:2px solid #000;
 border-bottom:2px solid #000;
 width:210px;
 margin:0 auto;
 margin-bottom:25px;
}

#gauche div.module h4 {
 margin-top:0;
 color: rgb(0, 0, 20);
 text-shadow: 1px 1px 1px #FFF;
 border:2px solid #000;
 border-left-style:none;

 -moz-border-radius-topright: 4em;
 -moz-border-radius-bottomright: 4em;
 -webkit-border-top-right-radius: 4em;
 -webkit-border-bottom-right-radius: 4em;

 -moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;

 font-family: Verdana, Helvetica, sans-serif;
 background:rgb(190,190,255);
}

#gauche div.module ul {
 padding-left:20px;
 text-align:left;
 list-style:square;
}

#gauche div.module li {
 color:rgb(0,0,50);
}
#gauche div.module li:hover {
 color:rgb(220,0,50);
}
#gauche div.module a {
 color:rgb(0,0,50);
 text-decoration:none;
 padding-left: 5px;
 padding-right: 5px;
}
#gauche div.module li a:hover {
 background-color:rgb(255,200,150);
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
}

#gauche p.liens a {
 display:block;
 width:180px;
 margin:0 auto;
}

#gauche p a:hover {
 background-color:rgb(255,200,150);

 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
}

#gauche div.copy {
 font-size:x-small;
}

/* COMPTEUR */

#gauche span.compteur {
 font-family:Verdana, sans-serif;
 font-size:x-small;
 border:1px solid #000;
 padding:1px 3px;
 background:rgb(255,255,220);
}

/* HAUT DE LA PAGE */

#haut {
 position:absolute;
 top:0;
 left:0;
 width:75%;
 z-index:1;
}

#haut h1 {
 margin:0;
 padding-top:5px;
 padding-bottom:12px;

 border-bottom:2px solid #333;
 border-right:2px solid #333;

 text-align:right;
 padding-right:17%;

 -moz-border-radius-bottomright:45px;
 -webkit-border-bottom-right-radius:45px;

 -moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;

 background: rgb(230,230,250) url('/images/fondhaut4.png') no-repeat 20px 50%;
}

#haut h1 img {
 vertical-align:-7px;
}

#haut p {
 margin-top: 2px;
 text-align:right;
 padding-right:45px;
 font-size:small;
 font-family: Arial, Helvetica, sans-serif;
}

#haut p a {
 color:#000;
 text-decoration:none;
}

#haut p a:hover {
 text-decoration:underline;
}

/* FORMULAIRES */

fieldset {
 margin:0 auto;
 padding:7px 15px;
 width:90%;
 border:2px solid rgb(30,30,30);

 -moz-border-radius-bottomright:32px;
 -webkit-border-bottom-right-radius:32px;

 margin-bottom:30px;
}

fieldset legend {
 margin-left:25px;
 color:rgb(30,30,30);
 border:2px solid;
 padding:2px 10px;

 background:rgb(230,230,230);

 -moz-border-radius:32px;
 -webkit-border-radius:32px;
}

fieldset label {
 float:left;
 text-align:right;
 margin-right:0.7em;
 width:30%;
}

fieldset label.chk {
 float:none;
}

div.basForm {
 margin-left:25%;
}
div.basForm input[type="submit"] {
 margin-left:9%;
}

input:focus, textarea:focus {
 background:rgb(255,255,180);
 border-color:#77E;
}

textarea {
 width: 99%;
}

.note {
 font-size: small;
 font-family:Arial, sans-serif;
 font-style:italic;
}

/* FORMULAIRE PROFIL */
fieldset.profAvatar {
 width:120px;
 text-align:center;
 border-left:none;
 margin-top:20px;
}
fieldset.profAvatar2 {
 width:auto;
 -moz-border-radius:0;
 -webkit-border-radius:0;
}

/* CONTACT */

h3.contact {
 margin-left:15%;
 font-size:larger;
 text-decoration:underline;
}

/* Twitter */
#twitter p {
 text-align:center;
}

#twitter {
 font-size: small;
 text-align: left;
}

span.twitterTime {
 font-size: smaller;
}

/* GENERAL MISE EN PAGE */

#centre p {
 text-align:justify;
 font-size: medium;
}

#centre p.intro {
 text-indent:1.5em;
}

#centre p.Dintro {
 text-indent:4.5em;
}

#centre p.titre {
 font-size: large;
}


/* DIVERS */

a img {
 border:none;
}

.warn, .info, .success {
 padding-left:60px;
 padding-right:5px;
 color:rgb(100,0,0);
 border:1px solid;
}

.success {
 color:rgb(0,100,0);
 background:rgb(220,255,220) url('/images/s_okay.png') no-repeat 15px 50%;
}

.warn {
 background:rgb(255,220,220) url('/images/s_error.png') no-repeat 15px 50%;
}

.info {
 background:rgb(255,225,150) url('/images/s_notice.png') no-repeat 15px 50%;
}

ul.success li, ul.warn li, ul.info li {
 text-indent:1em;
 list-style-type:none;
}

.center, #centre div.article div.message .center { text-align:center!important; }
.left  , #centre div.article div.message .left   { text-align:left;   }
.right , #centre div.article div.message .right  { text-align:right;  }

.petit {
 font-size: x-small;
}

.noMarge   { margin:0; }

.fLeft  { float:left;  }
.fRight { float:right; }
.clear  { clear:both;  }

.link a {
 color:#070;
 text-decoration:none;
}
.link a:hover {
 color:#000;
 text-decoration:underline;
}

.barre {
 text-decoration: line-through;
}

.hidden {
 display:none;
}

div.smileys {
 width:90%;
 border:1px solid #007;
 background:rgb(210,210,210);
 margin:0 auto;
 text-align:center;
 margin-bottom:7px;
 -moz-border-radius:15px;
 -webkit-border-radius:15px;
}

div.smileys img {
 margin:1px 5px;
}