Forum test
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Forum test

Blblbl

-28%
Le deal à ne pas rater :
Brandt LVE127J – Lave-vaisselle encastrable 12 couverts – L60cm
279.99 € 390.99 €
Voir le deal

CSS Forks-Volterra

Forum test :: Administration :: Règlement et information
Aller en bas
Evie Gimhilde
Evie Gimhilde
Rien
Messages : 1
Date d'inscription : 19/05/2020
+

CSS Forks-Volterra Empty CSS Forks-Volterra

Mar 19 Mai - 20:48
Code:
   /* Taille des avatars CB */
        
        #chatbox .cb-avatar > img {
          height: 40px !important;
          width: 30px !important;
        }


        /* Calque des avatars CB */
        
        #chatbox .cb-avatar {
          float: left;
          margin-right: 4px;
          background: none repeat scroll 0 0 #fff;
          border: 1px solid #704040 !important; /* Bordure */
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
          height: 40px !important;
          padding: 1px;
          vertical-align: middle;
          width: 30px !important;
        }


        /* Ligne de séparation CB */
        
        #chatbox > p {
          border-bottom: 1px solid #704040 !important;
        }








/* Détails de l'avatar dans la colonne dernier message */

   .lastpost-avatar {
        float: left;
        padding: 2px;
        }
        .lastpost-avatar img {
        width: 40px;
        height: 58px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        }

/* Détails de l'avatar dans la colonne dernier message */







/*Redimension image profil yeaaaaah !!! */
.postdetails.poster-profile img {width:200px;display:block;}
/*Fin de redimension*/


/*Redimension image profil yeaaaaah !!! */
.profil_mess img {width:200px;display:block;}
/*Fin de redimension*/


  








.profil_mess
{
  position: relative;
  z-index: 9;
  width: 210px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  background-color: #653739;
  padding: 4px;
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -htm-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid #000000;
  box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
}

.name
{
  display: block;
  text-transform: uppercase;
  margin-top: -15px;
  margin-bottom: -10px;
  font-size: 14px;
  font-family: arial black;
  text-shadow: 1px 1px 0px #000000;
  padding-bottom: 5px;
  border-bottom: 1px dashed #000000;
}

.avatar_mess
{
  display: block;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  height: 320px;
  overflow: hidden;
  border: 5px solid #000000;
  opacity: 1.0;
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  filter: alpha(opacity=70);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.avatar_mess:hover
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.profil2_mess
{
  position: relative;
  z-index: 1;
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -202px;
  background: #97777c;
  padding-left: 0px;
  padding-right: 4px;
  text-align: left;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -htm-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid #434343;
  box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  color: #434343 !important;
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -htm-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  -htm-transition: 2s;
  -webkit-transition: 2s;
}
.profil2_mess:hover
{
  margin-top: -42px;
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -htm-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  -htm-transition: 2s;
  -webkit-transition: 2s;
}
.profil2_content
{
  display: block;
  width: 180px;
  height: 200px;
  max-height: 200px;
  overflow: auto;
}













/* Retirer le soulignement des liens merci mon Dieu ! */

a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }

/* Fin du retirage de soulignement */






/* TITRE FORUMS */
        a.forumlink { font-family: georgia;
        font-size: 17px;
        letter-spacing:1px;
        font-weight: bold;
        font-style: italic;
        text-shadow: 1px 1px 1px #000000;
         }







.postbody {padding-left:20px;}




/* ************* LIMITER LA TAILLE DES IMAGES DANS LES SIGNATURES *********** */

.signature_div img {

   max-height:190px;
}



*







/* NEVER-UTOPIA _ FICHE EVENTAIL ANIME */

.pres_idbloc2
{
  position: relative;
  width: 600px;
  height: 320px;
  overflow: hidden;
  box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
}
.pres_avatar
{
  display: block;
  position: relative;
  z-index: 1;
  float: left;
  width: 500px;
  height: 320px;
  overflow: hidden;
}
.pres_id1
{
  position: absolute;
  z-index: 2;
  width: 500px;
  height: 320px;
  overflow: hidden;
  margin-left: 450px;
  background: #1b1b1b;
  border: 1px solid #2a2a2a;
  box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_id1:hover
{
  margin-left: 0px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_id2
{
  position: absolute;
  z-index: 3;
  width: 500px;
  height: 320px;
  overflow: hidden;
  margin-left: 480px;
  background: #1b1b1b;
  border: 1px solid #2a2a2a;
  box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_id2:hover
{
  margin-left: 25px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_id3
{
  position: absolute;
  z-index: 4;
  width: 500px;
  height: 320px;
  overflow: hidden;
  margin-left: 510px;
  background: #1b1b1b;
  border: 1px solid #2a2a2a;
  box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_id3:hover
{
  margin-left: 50px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_id4
{
  position: absolute;
  z-index: 5;
  width: 500px;
  height: 320px;
  overflow: hidden;
  margin-left: 540px;
  background: #1b1b1b;
  border: 1px solid #2a2a2a;
  box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_id4:hover
{
  margin-left: 75px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_id5
{
  position: absolute;
  z-index: 5;
  width: 500px;
  height: 320px;
  overflow: hidden;
  margin-left: 570px;
  background: #1b1b1b;
  border: 1px solid #2a2a2a;
  box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_id5:hover
{
  margin-left: 100px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_idtitle
{
  position: absolute;
  display: block;
  width: 320px;
  margin-top: 160px;
  margin-left: -150px;
  text-align: center;
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -htm-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  font-size: 16px;
  letter-spacing: 4px;
  font-size: 18px;
  letter-spacing: 4px;
  font-family: lucida calligraphy;
  color: #5a5a5a;
  text-shadow: 1px 1px 0px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.pres_id1:hover .pres_idtitle, .pres_id2:hover .pres_idtitle, .pres_id3:hover .pres_idtitle,
.pres_id4:hover .pres_idtitle, .pres_id5:hover .pres_idtitle
{
  width: 500px;
  margin-top: 5px;
  margin-left: 0px;
  text-align: center;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -htm-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.message_soustitre
{
  font-size: 14px;
  font-family: impact;
  letter-spacing: 2px;
}
.pres_idcontent
{
  position: relative;
  display: block;
  width: 400px;
  height: 270px;
  overflow: auto;
  margin: 25px 0px 0px 28px;
  padding: 5px;
  background: #bcbcbc;
  color: #6d6d6d !important;
  box-shadow: 0px 0px 3px #735c0e;
  -o-box-shadow: 0px 0px 3px #735c0e;
  -htm-box-shadow: 0px 0px 3px #735c0e;
  -webkit-box-shadow: 0px 0px 3px #735c0e;
  -moz-box-shadow: 0px 0px 3px #735c0e;
  font-size: 11px;
  text-align: justify;
  line-height: 12px;
}





    .fiche{width:600px;background-color:#252525;color:white;font-family:Times New Roman;margin-bottom:20px;border-radius:350px/50px;-moz-box-shadow: 2px 2px 7px 0px #000000;-webkit-box-shadow: 2px 2px 7px 0px #000000;-o-box-shadow: 2px 2px 7px 0px #000000;box-shadow: 2px 2px 7px 0px #000000;filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=7);}.headerfiche{border-bottom:10px solid black;height:250px;background-color:#202020;border-radius: 350px/50px;border-bottom-right-radius:0;border-bottom-left-radius:0;}titre1{font-size:30px;line-height:200%;font-family:yellowtail;}titre2{font-size:18px;line-height:150%;font-family:pacifico;}.blocecriture{height:80px;width:540px;margin:15px 0;background:#151515;padding:10px;opacity:0.2;overflow:auto;}.blocecriture:hover{opacity:1;}titre3{display:inline-block; width:100%; background:black;margin-bottom:3px;}.zone{background-color:black;margin-bottom:40px;padding:15px;height:200px;width:490px;text-align:left;position:relative;overflow:auto;}.zone4{height:100px;overflow:auto;background-color:black;color:white;padding:15px;margin:15px;}.avatarfiche{overflow:hidden;color:black;padding:10px;position:absolute;top:40px;left:40px;height:280px;width:130px;background-color:white;}.avatarbloc{position:absolute;top:0;left:0;z-index:3;-webkit-transition: all 1s linear;-moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear;}.avatarfiche:hover > .avatarbloc{top:300px;left:150px;}





.fiche input {
display: none;
}
#informations:checked ~ .boutons .lab.infos {
color: white;
}
#physique:checked ~ .boutons .lab.phys {
color: white;
}
#caractere:checked ~ .boutons .lab.liens {
color: white;
}
#histoire:checked ~ .boutons .lab.hist {
color: white;
}
#ecran:checked ~ .boutons .lab.ecr {
color: white;
}
#informations:checked ~ .interne .contenu.infos {
display:block;
}
#physique:checked ~ .interne .contenu.phys {
display:block;
}
#caractere:checked ~ .interne .contenu.liens {
display:block;
}
#histoire:checked ~ .interne .contenu.hist {
display:block;
}
#ecran:checked ~ .interne .contenu.ecr {
display:block;
}
.fiche .interne .contenu {
display:none;
}
.contenu {
width:90%;
text-align:justify;
font-size:13px;
color:black;
padding:10px;
margin-left:auto;
margin-right:auto;
margin-top:-50px;
height:350px;
overflow:auto;
}
.fiche {
width:600px;
background-color: firebrick;
border:1px solid black;
margin:auto;
}
.fond1 {
width:90%;
background-image:url(https://2img.net/r/hpimg15/pics/876228papertexturestockbyomg009d4q4wu0.jpg);
transform:rotate(-1deg);
border: solid 1px black;
margin:auto;
}
.fond2 {
width:100%;
background-image:url(https://2img.net/r/hpimg15/pics/876228papertexturestockbyomg009d4q4wu0.jpg);
transform:rotate(-1deg);
border: solid 1px black;
margin:auto;
}
.fond3 {
width:97%;
background-image:url(https://2img.net/r/hpimg15/pics/876228papertexturestockbyomg009d4q4wu0.jpg);
margin:auto;
padding:10px;
transform:rotate(2deg);
border: solid 1px black;
text-align:center;
}
.boutons {
transform:rotate(-90deg);
font-size:12px;
color:black;
position:relative;
left:-316px;
top:-40px;
}
.boutons .lab {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-color: firebrick;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
border-top:solid 1px black;
border-left:solid 1px black;
border-right:1px solid black;
text-align:center;
}
a.credit_pre {
text-decoration:none;
color:black;
display:block;
text-align:center;
padding:5px;
}
.image_pre {
float:left;
width:200px;
height:320px;
margin-right:10px;
overflow:hidden;
}











.fond_annonce {
margin:auto;
width:80%;
border-radius: 200px;
background-color:#ffc8c8;
border:4px solid #8d0000;
padding:10px;
box-shadow:0px 0px 8px #670000;
text-align:center;
}

.titre_annonce {
display:block;
width:60%;
margin:auto;
color:white;
font-size:25px;
text-align:center;
border:2px dotted #8d0000;
border-radius: 100px;
padding:10px;
background-color:#ff9595;
font-family: 'Berkshire Swash', cursive;
text-shadow:2px 2px 2px #141517;
}

.texte_annonce {
margin:auto;
width:75%;
border-radius: 100px;
background-color:#ff9595;
border:2px dotted #8d0000;
padding:40px;
text-align:justify;
color:white;
}












/*** PV ***/
 
 /*** INSTALLATION DE LA TYPO ***/
 /* latin-ext */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v6/RWmMoKWR9v4ksMfaWd_JN9XLiaQ6DQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v6/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 
.cntrfch1{
 width: 510px;
 min-height: 400px;
 border: solid 1px #6E0F0E; /*** BORDURE DE LA FICHE ***/
 background-color: #A19E9E; /*** COULEUR DE FOND ***/
 line-height: 18px;
 font-size: 11px;
}

.cntrfch1:hover{
 background-color: #B9B6B6; /*** COULEUR FOND AU SURVOL ***/
}

.nomfch{
 font-family: 'great vibes'; /*** TYPO NOM ***/
 font-size: 50px;
 margin-top: 37px;
 color: #6E3F0E; /*** COULEUR NOM ***/
 text-shadow: 0px 0px 2px #a80004;
}

.imgfch{
 width: 480px;
 height: 250px;
 margin-top: 7px;
 border: solid 1px black; /*** BORDURE IMAGE ***/
 z-index: 2;
}

.imghddnfch{
 margin-top: -252px;
 border: solid 1px black; /*** BORDURE IMAGE AU SURVOL ***/
 width: 480px;
 height: 250px;
 opacity: 0;
 z-index: 3;
 -webkit-transition: opacity 2s;
}

.imghddnfch:hover{
 opacity: 1;
}

.cttnfch{
 letter-spacing: 1.9px;
 font-family: Butler; /*** TYPO CITATION ***/
 text-transform: uppercase;
 margin: -3px auto 0px;
 text-align: center;
 margin-left: 14px;
 color: #6E0F0E; /*** COULEUR CITATION ***/
 font-size: 12px;
}

.cttnfch{
 letter-spacing: 1.9px;
 font-family: Butler; /*** TYPO CITATION ***/
 text-transform: uppercase;
 margin: -3px auto 0px;
 text-align: center;
 margin-left: 14px;
 color: #6E0F0E; /*** COULEUR CITATION ***/
 font-size: 12px;
}

.cntrfch2{
 margin-top: 20px;
 height: 320px;
 width: 480px;
}

.srtfch{
 display: inline-block;
 vertical-align: top;
 margin-right: 280px;
 width: 200px;
 height: 320px;
}

.srtfch div{
 background: #A19E9E; /*** COULEUR FOND IMAGE AU SURVOL ***/
 overflow: auto;
 position: relative;
 width:180px;
 height:300px;
 padding:10px;
 text-align:justify;
 opacity:0;
 -webkit-transition: 0.55s;
}
 
.srtfch:hover div{
 opacity:1;
}


.srtimgfch{
 margin-top: -320px;
 overflow: hidden;
 width: 200px;
 height: 320px;
}

.srtimgfch:hover{
 opacity: 0.6;
}

.srtxtfch{
 width: 262px;
 height: 300px;
 margin-top: -320px;
 margin-left: 201px;
 text-align: justify;
 overflow: hidden;
 padding: 10px;
}

.srtxtfch:hover{
 overflow: auto;
}

.hstrfch{
 width: 480px;
 margin: 15px 0px 20px;
 text-align: justify;
 font-size: 11px;
 font-family: Verdana;
 line-height: 18px;
}

.adjfch{
 background: lightgray; /*** FOND ADJECTIFS ***/
 text-align: center;
 font-size: 9px;
 text-transform: uppercase;
 margin: 10px auto 15px;
 width: 255px;
 font-family: Georgia;
}

.adjfch div{
 display: inline-block;
 background: black;
 margin: 4px;
 width: 77px;
 overflow: hidden;
 padding: 2px auto;
 color: lightgray;
}

.cntnfch{
 display: inline;
}

.cntnfch span{
 display: inline;
 color: #6E0F0E; /*** COULEUR INFOS FICHES ***/
 font-weight: bold;
 font-family: Butler;
 font-size: 12px;
}

.tdlfch{
 width: 374px;
 height: 97px;
 margin-top: -100px;
 margin-left: 100px;
 text-align: justify;
 overflow: hidden;
 padding: 0px 3px 3px 6px;
 font-family: Verdana;
}

.tdlfch:hover{
 overflow: auto;
}

.cntrfch3{
 margin-bottom: 15px;
 width: 480px;
   margin-top: 15px;
}

.dspfch{
 text-align: center;
 font-family: Verdana;
 
}

.dspfch span1{
 color: #99cc33;
}

.dspfch span2{
 color: #ffcc33;
}

.dspfch span3{
 color: #cc3333;
}

.lnfch{
 font-family: times new roman;
 font-style: italic;
 text-align: center;
 font-size: 22px;
 letter-spacing: -2px;
 margin-bottom: 10px;
 color: #6E3F0E;
}

.fck{
 height: 100px;
 width: 100px;
 margin-left: -380px;
}
 /*** PV ***/







/************************************************* PAGE ACCUEIL *************************************************/
div.newslink {
        background: #fff;
        border: 1px solid rgba(211, 207, 207, .7);
        width: 790px;
        margin: 2% auto;
        box-sizing: border-box;
        text-align: center;
        padding: 2% 0;
   font-size: 10px;
}

.page_accueil {
        display: flex;
        justify-content: center;
   font-family: Verdana, sans-serif;
        font-size: 10px;
   color: #373535;
        flex-wrap: wrap;
        flex-basis: 30%;
        align-items: flex-start;
}

.page_accueil .pa_contexte, .page_accueil .pa_news_infos {
        background: #FBEFF2;
        width: 30%;
        border: 1px solid rgba(211, 207, 207, .7);
}

.page_accueil .pa_center {
        width: 30%;
        margin: 0 2%;
}

/* SCROLLBAR */
.page_accueil ::-webkit-scrollbar {
        background: #2B2B2B;
        height: 9px;
        width: 5px;
}

.page_accueil ::-webkit-scrollbar-thumb {
        background-color: #FAFAFA;
        border: solid #2B2B2B;
        border-radius: 100px;
        border-width: 1px 2px;
        height: auto;
}

/* TITRES */
.page_accueil h2 {
        background: #653739;
        color: #000000;
        display: block;
        width: 80%;
        margin: 4% auto;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 11px;
        padding: 2% 0;
}

/* CONTEXTE */
.page_accueil .pa_contexte p {
        width: 95%;
        margin: 0 auto 2%;
        text-align: left;
        height: 217px;
        overflow: auto;
        padding: 0 2% 0 0;
        box-sizing: border-box;
}

.page_accueil .pa_contexte p span, .page_accueil .pa_contexte p a {
     color: #8c2c2b;
}

/* STAFF */
.page_accueil .pa_staff {
        background: #FBEFF2;
        border: 1px solid rgba(211,207,207,.7);
        display: flex;
        padding: 2% 2% 4%;
        margin: 7% auto;
}

.page_accueil .pa_staff div a {
        color: #373535;
        text-transform: uppercase;
        font-size: 9px;
}

.page_accueil .pa_staff div img {
     margin: 0 0 4%;
}

/* ILLUSTRATIONS */
.page_accueil .pa_img img {
        border: 1px dashed #653739;
        border-radius: 100px;
        padding: 1%;
        margin: 5.6% 0;
}

.page_accueil .pa_img img:nth-child(2) {
     margin: 0 11%;
}

/* PARTENAIRES */
.page_accueil .pa_partenaires {
        display: flex;
        margin: 8% 0 0;
}

.page_accueil .pa_partenaires a {
        content: "";
        background: #000;
        width: 50px;
        height: 5px;
        display: block;
        margin: 0 4% 0 0;
}

.page_accueil .pa_partenaires a:last-child {
     margin: 0;
}

.page_accueil .pa_partenaires a:nth-child(2n+2) {
     background: #653739;
}

/* NEWS ET INFOS */
.page_accueil .pa_news_infos p {
        width: 90%;
        margin: auto;
        box-sizing: border-box;
        overflow: auto;
        text-align: left;
        height: 70px;
        line-height: 1.2;
}

.page_accueil .pa_news_infos p span::before {
        font-weight: bold;
        content: "|";
        color: #8c2c2b;
        display: inline-block;
}

/* Infos */
.page_accueil .pa_news_infos .pa_infos {
     height: 110px;
}

a.pa_credit {
        text-align: right;
        display: block;
        color: #eceaed;
        text-transform: uppercase;
        font-size: 10px;
        font-family: Verdana, sans-serif;
        margin: 1% 3% 0 0;
}

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum