escal/config.css.html

#CACHE{0}
#HTTP_HEADER{Content-Type: text/css;}

html {
    font-size: [(#CONFIG{escal/config/taillepolice,75})]%;
}
[(#CONFIG{escal/config/policesite}|=={luciole}|non)
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
]
[(#CONFIG{escal/config/policesite}|=={luciole}|oui)
@font-face {
	font-family: 'Luciole';
	src: url("#CHEMIN{fonts/Luciole-Regular.eot}");
	src: url("#CHEMIN{fonts/Luciole-Regular.woff}") format('woff'),
		url("#CHEMIN{fonts/Luciole-Regular.woff2}") format('woff2'),
		url("#CHEMIN{fonts/Luciole-Regular.ttf}") format('truetype'),
		url("#CHEMIN{fonts/Luciole-Regular.svg}") format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'Luciole';
}
]
/* ======================================================================
                          LES ELEMENTS
   ======================================================================*/
[(#CONFIG{escal/config/pointeurbody}|oui)
body {
cursor: [url("(#CHEMIN{#CONFIG{escal/config/pointeurbody}})")], auto;
}]
[(#CONFIG{escal/config/pointeura}|oui)
a {
cursor: [url("(#CHEMIN{#CONFIG{escal/config/pointeura}})")], auto;
}]

#SET{saison,#DATE|saison}
[(#CHEMIN{images/pointeurs/#GET{saison}.cur}|oui)
body {
cursor: [url("(#CHEMIN{images/pointeurs/#GET{saison}.cur})")], auto;
}
]
[(#CHEMIN{images/pointeurs/#GET{saison}a.cur}|oui)
a {
cursor: [url("(#CHEMIN{images/pointeurs/#GET{saison}a.cur})")], auto;
}
]

[(#CONFIG{escal/config/ombres}|=={oui}|oui)
#ombre-droite {
	margin: 0 auto;
	width: [(#CONFIG{escal/config/largeurlayoutbase,1200})]px;
	box-shadow: [(#CONFIG{escal/config/decalombre,5})]px 0 [(#CONFIG{escal/config/degradeombre,10})]px #CONFIG{escal/config/couleurombre,black};
}
#ombre-gauche {
	margin: 0 auto;
	width: [(#CONFIG{escal/config/largeurlayoutbase,1200})]px;
	box-shadow: -[(#CONFIG{escal/config/decalombre,5})]px 0 [(#CONFIG{escal/config/degradeombre,10})]px #CONFIG{escal/config/couleurombre,black};
}]
[(#CONFIG{escal/config/ombres}|=={oui}|non)
#ombre-droite {
	background: none;
}
#ombre-gauche {
	background: none;
}]



#bandeau {
	text-align: [(#CONFIG{escal/config/alignbandeau, left})];
}


[(#CONFIG{escal/config/nomsite}|=={non}|oui)
#nom-site-spip {
  display:  none;
}]

#nom-site-spip {
  font-size: [(#CONFIG{escal/config/nomsitetaille,50})]px;
  line-height: [(#CONFIG{escal/config/nomsitetaille,50})]px;
}
[(#CONFIG{escal/config/slogansite}|=={non}|oui)
#slogan-site-spip {
  display:  none;
}]
#slogan-site-spip {
  font-size: [(#CONFIG{escal/config/slogansitetaille,25})]px;
}
[(#CONFIG{escal/config/descriptifsite}|=={non}|oui)
#descriptif-site-spip {
  display:  none;
}]
#descriptif-site-spip {
  font-size: [(#CONFIG{escal/config/descriptifsitetaille,12})]px;
}
[(#CONFIG{escal/config/nomsite}|=={non}|oui)
  [(#CONFIG{escal/config/slogansite}|=={non}|oui)
    [(#CONFIG{escal/config/descriptifsite}|=={non}|oui)
#titrepage{
  display:  none;
  }]]]

[(#CONFIG{escal/config/menufixe}|=={oui}|oui)
div:target{
	padding-top: 7em !important;
	margin-top: -7em !important;
}
#contenu:target{
	padding-top: 12em !important;
	margin-top: -12em !important;
}
]
[(#CONFIG{escal/config/espace}|=={haut}|oui)
	[(#CONFIG{escal/config/fixespace}|=={oui}|oui)
#entete .menu.floatable {
	top: 25px;
}]]
[(#CONFIG{escal/config/formrecherche}|=={menuH}|oui)
#formulaire_recherche {
	float: none;
}
]
[(#CONFIG{escal/config/formrecherche}|=={menuH}|oui)
[(#CONFIG{escal/config/choixMenuH}|=={menuH2}|oui)
#formulaire_recherche {
	display: block;
	margin-top: 15px;
}
]]
#espace, #entete .menudesktop.floatable{
	max-width: [(#CONFIG{escal/config/largeurmaxlayoutfluide,1200})]px;
}

[(#CONFIG{escal/config/nbrecol}|non)
.laune ul.anchors li {
	width: 40%;
}
]
[(#CONFIG{escal/config/nbrecol}|=={1}|oui)
.laune ul.anchors li {
	width: 90%;
}
]
[(#CONFIG{escal/config/nbrecol}|=={2}|oui)
.laune ul.anchors li {
	width: 40%;
}
]
[(#CONFIG{escal/config/nbrecol}|=={3}|oui)
.laune ul.anchors li {
	width: 25%;
}
]

[(#CONFIG{escal/config/nbrecolter}|non)
.laune ul.ter li {
	width: 40%;
}
]
[(#CONFIG{escal/config/nbrecolter}|=={1}|oui)
.laune ul.ter li {
	width: 90%;
}
]
[(#CONFIG{escal/config/nbrecolter}|=={2}|oui)
.laune ul.ter li {
	width: 40%;
}
]
[(#CONFIG{escal/config/nbrecolter}|=={3}|oui)
.laune ul.ter li {
	width: 25%;
}
]

[(#CONFIG{escal/config/nbrecolmotcle}|non)
.laune ul.motcle li {
	width: 40%;
}
]
[(#CONFIG{escal/config/nbrecolmotcle}|=={1}|oui)
.laune ul.motcle li {
	width: 90%;
}
]
[(#CONFIG{escal/config/nbrecolmotcle}|=={2}|oui)
.laune ul.motcle li {
	width: 40%;
}
]
[(#CONFIG{escal/config/nbrecolmotcle}|=={3}|oui)
.laune ul.motcle li {
	width: 25%;
}
]

[(#CONFIG{escal/config/nbrecolrub}|non)
.cadre-articles-rubrique {
	width: 90%;
}
.introduction-articles-rubrique {
	margin-left: [(#CONFIG{escal/config/taillelogorub,150})]px;
}
]
[(#CONFIG{escal/config/nbrecolrub}|=={1}|oui)
.cadre-articles-rubrique {
	width: 90%;
}
.introduction-articles-rubrique {
	margin-left: [(#CONFIG{escal/config/taillelogorub,150})]px;
}
]
[(#CONFIG{escal/config/nbrecolrub}|=={2}|oui)
.cadre-articles-rubrique {
	width: 40%;
}
]
[(#CONFIG{escal/config/nbrecolrub}|=={3}|oui)
.cadre-articles-rubrique {
	width: 25%;
}
]

#texte-article p, .texte-article p {
	text-indent: [(#CONFIG{escal/config/indent,0})]px;
}

[(#CONFIG{escal/config/checkboxliste}|=={ligne}|oui)
#formulaire-contact .checkbox .listitem{
	display: inline-flex !important;
}
#formulaire-contact .checkbox{
	padding-bottom: 10px;
}
]


/* annonces defilantes */
/***********************/
#annonces-defilantes {
	height: [(#CONFIG{escal/config/hauteurannoncedefil,210})]px;
}
.annoncedefil {
	height: [(#CONFIG{escal/config/hauteurannoncedefil,210}|moins{35})]px;
}
@media screen and (max-width: 640px) {
    .annoncedefil {
	height: [(#CONFIG{escal/config/hauteurannoncedefil,210})]px;
	}
}
/* noisette annonces defilantes */
[(#CONFIG{escal/config/textesousimage}|=={dessous}|non)
.annoncedefil .spip_logo {
    float: left;
    margin-right: 10px;
}
]

/* noisette inc-actus */
/**********************/
#actus-defilantes {
	height: [(#CONFIG{escal/config/hauteuractus,100})]px;
}
.une-actu-defilante {
	top: [(#CONFIG{escal/config/hauteuractus,100})]px;
}
/* noisette inc-photos */
/***********************/

#photos-defilantes {
	height: #CONFIG{escal/config/largeurimagenoisettes,170}px;
	width: #CONFIG{escal/config/largeurimagenoisettes,170}px;
}
.une-photo-defilante {
	top: #CONFIG{escal/config/largeurimagenoisettes,170}px;
	line-height: #CONFIG{escal/config/largeurimagenoisettes,170}px;
}

/* noisette inc-sites_favoris */
/***********************/

#sites-defilants {
	height: [(#CONFIG{escal/config/largeurimagenoisettes,170})]px;
	width: #CONFIG{escal/config/largeurimagenoisettes,170}px;
}
.un-site-defilant {
	top: [(#CONFIG{escal/config/largeurimagenoisettes,170})]px;
}

/* ======================================================================
                          LES ICONES
   ======================================================================*/
[(#CONFIG{escal/config/taillelogorubmenu}|oui)
#SET{taillelogo,#CONFIG{escal/config/taillelogorubmenu}}
]
[(#CONFIG{escal/config/taillelogorubmenu}|non)
#SET{taillelogo,20}
]

[(#CONFIG{escal/config/logoaccueil}|=={oui}|oui)
nav.menuH2 li.item-accueil a:hover, nav.menuH2 li.item-accueil a:focus{
	background-image: url("#CHEMIN{images/accueil2hover.png}");
	background-size: #GET{taillelogo}px;
	background-repeat: no-repeat;
	background-position: center center;
}
nav.menuH2 li.item-accueil a:hover img{
	opacity: 0;
}
]
[(#CONFIG{escal/config/logoaccueil}|=={oui}|non)
[(#CONFIG{escal/config/texteaccueil}|=={non}|oui)
.item-accueil{
	display: none !important;
}
]
]
/* articles du menu horizontal */
#menu ul li.article {
	background: url("#CHEMIN{images/artmenu.svg}") no-repeat center left 2px;
	background-size: auto 16px;
}

/* menu vertical */
#menuV ul#accueilmenu li {
	background: url("#CHEMIN{images/accueil.svg}") no-repeat center left;
	background-size: 16px;
}
#menuV ul.rubriques li {
	background: url("#CHEMIN{images/rubnormal.svg}") no-repeat top left;
	background-size: 16px;
}
#menuV ul.rubriques li.on {
	background: url("#CHEMIN{images/rubexpose.svg}") no-repeat top left;
	background-size: 16px;
}
#menuV ul.articles li {
	background: url("#CHEMIN{images/artnormal.svg}") no-repeat center left;
	background-size: auto 16px;
}
#menuV ul.articles li.on {
	background: url("#CHEMIN{images/artexpose.svg}") no-repeat center left;
	background-size: auto 16px;
}

#menuV ul.menugrmots li {
	background: url("#CHEMIN{images/grmots.svg}") no-repeat top left;
	background-size: 16px;
}
#menuV ul.menumots li {
	background: url("#CHEMIN{images/artnormal.svg}") no-repeat center left;
	background-size: auto 16px;
}
#menuV ul.menumots li.on {
	background: url("#CHEMIN{images/artexpose.svg}") no-repeat center left;
	background-size: auto 16px;
}
.sm-blue li.article a {
	background: left 50% no-repeat url("#CHEMIN{images/artnormal.svg}");
}

.article-pdf {
	background: center top no-repeat url("#CHEMIN{images/article_pdf.svg}");
	background-size: contain;
}
.url_site{
	background: url("#CHEMIN{images/fleche_droite_blanche.svg}") center left no-repeat ;
	background-size: 16px;
}
.donnee-lieu {
	background: url("#CHEMIN{images/geoloc.svg}") top left no-repeat ;
	background-size: 10px;
}
.donnee-heure {
	background: url("#CHEMIN{images/heure.svg}") top left no-repeat ;
	background-size: auto 12px;
}
/* liens */
a.spip_out, .spip_out {
	background: transparent url("#CHEMIN{images/spip_out.svg}") no-repeat scroll right center;
	background-size: 10px;
}
a.spip_out img {
	background: none;
}
/* noisettes d<>pliables/repliables */
.toggleimage1 {;
	background: transparent url("#CHEMIN{images/loupeplus.svg}") no-repeat scroll right center;
	background-size: 16px;
}
.toggleimage2 {
	background: transparent url("#CHEMIN{images/loupemoins.svg}") no-repeat scroll right center;
	background-size: 16px;
}

/* formulaire de recherche */
.formulaire_recherche input.text {
	background: url("#CHEMIN{images/loupe.svg}") left 5px center white no-repeat;
	background-size: 18px;
}

.connexion{
	background: url("#CHEMIN{images/connexion.svg}")  left 5px center white no-repeat;
	background-size: 17px;
}
.deconnexion{
	background: url("#CHEMIN{images/deconnexion.svg}") left 5px center white no-repeat;
	background-size: 17px;
}
.backoffice{
	background: url("#CHEMIN{images/ecrire.svg}") left 5px center white no-repeat;
	background-size: 22px;
}
/* taille des icones */
.outil img, .article-pdf img, #diminuer img, #augmenter img{
	height: [ (#CONFIG{escal/config/tailleoutilsarticle,32})]px;
}
#diminuer, #augmenter{
	line-height: [ (#CONFIG{escal/config/tailleoutilsarticle,32})]px;
}
.article-pdf img{
	width: [ (#CONFIG{escal/config/tailleoutilsarticle,32})]px;
}
img.icone-pied{
	height: [ (#CONFIG{escal/config/tailleiconespied,32})]px;
}

/* blocs d'infos d'Escal */
#texte-article .aide, .texte-article .aide, #texte-rubrique .aide {
	background-image: url("#CHEMIN{images/aide.svg}");
}
#texte-article .important, .texte-article .important, #texte-rubrique .important {
	background-image: url("#CHEMIN{images/important.svg}");
}
#texte-article .avertissement, .texte-article .avertissement, #texte-rubrique .avertissement {
	background-image: url("#CHEMIN{images/avertissement.svg}");
}
#texte-article .info-escal, .texte-article .info-escal, #texte-rubrique .info-escal {
	background-image: url("#CHEMIN{images/info.svg}");
}
.spip_cadre, .coloration_code {
	background-image: url("#CHEMIN{images/code.svg}");
}
/* page contact */
#nom, #nom:focus{
	background-image: url("#CHEMIN{images/contact-nom.svg}");
}
#prenom, #prenom:focus{
	background-image: url("#CHEMIN{images/contact-prenom.svg}");
}
#email, #email:focus{
	background-image: url("#CHEMIN{images/contact-mail.svg}");
}
#champsup1, #champsup1:focus{
	background-image: url("#CHEMIN{images/contact-sup1.svg}");
}
#champsup2, #champsup2:focus{
	background-image: url("#CHEMIN{images/contact-sup2.svg}");
}
#checkbox{
	background-image: url("#CHEMIN{images/contact-checkbox.svg}");
}
#motif{
	background-image: url("#CHEMIN{images/contact-motif.svg}");
}
#fichier{
	background-image: url("#CHEMIN{images/contact-fichier.svg}");
}
#message{
	background-image: url("#CHEMIN{images/contact-message.svg}");
}


/* noisette rainette */
li.meteo:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 10px;
	background: url("#CHEMIN{images/fleche_droite.svg}") center left no-repeat;
	background-size:contain;
}

#recommander h2:after{
	background: url("#CHEMIN{images/down.svg}");
	background-size: 16px;
}
/* ======================================================================
                          LES COULEURS   (pour tout le site)
   ======================================================================*/

/* les fonds et les textes associ<63>s */
/************************************/
body {
  background-color: [ (#CONFIG{escal/config/couleurfond,#DFDFDF})];
  [(#CONFIG{escal/config/imagefond}|?{
    background-image: url("[(#CHEMIN{#CONFIG{escal/config/imagefond}})]");
    ,
    [(#CONFIG{escal/config/imagefond2}|?{
      background-image: url("[(#CHEMIN{#CONFIG{escal/config/imagefond2}})]");
      ,
      background-image: none;
      })]
  })]
  [(#CONFIG{escal/config/imagefondunique}|=={oui}|oui)
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position: top center;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardis<69>e */
  ]
}
/* bandeau */
#entete, nav.menu {
	background-color: [(#CONFIG{escal/config/couleur9,#336699})];
	color:  [(#CONFIG{escal/config/texte01,#FFFFFF})];
}
.nav > li > div {
	border-color: [(#CONFIG{escal/config/couleur3,#336699})];
}
/* fond des pages */
#conteneur{
 background-color: [(#CONFIG{escal/config/couleurpage,#FFFFFF})];
 color:  [(#CONFIG{escal/config/textpage,#000000})];
}
/* bloc a la une */
ul.onglets li a.active, ul.onglets li a.active:hover, ul.onglets li a.active:focus, .laune, .laune .fragment a,
.contenu_1, .contenu_2, .contenu_3, .contenu_4, .contenu_5, .contenu_6, .contenu_7, .contenu_8, .contenu_9, .contenu_10,
#cadre-plan, #cadre-plan a, .texte#accueil{
	background-color: [(#CONFIG{escal/config/couleurune,#336699})];
	color:  [(#CONFIG{escal/config/textune,#FFFFFF})];
}
/* onglets inactifs */
ul.onglets li a{
  background-color: [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
  color:  [(#CONFIG{escal/config/textuneinact,#000000})];
}
/* articles en une */
.laune ul.anchors li a, .laune ul.anchors li {
	background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
	color:  [(#CONFIG{escal/config/textuneart,#000000})];
}
/* gris */
.calendar_not_this_month,
#ariane-forum, table.forum tr.rub-forum,
#forum-site .texte  {
  background-color: [(#CONFIG{escal/config/couleur1,#DFDFDF})];
  color:  [(#CONFIG{escal/config/text1,#000000})];
}

/* blanc */
#cadre-article, .cadre-sous-rubrique, .cadre-articles-rubrique, .revisions, .cadre-articles-event, .titre-articles-rubrique, .introduction-articles-rubrique,
.cadre-rubrique-accueil,
.texte-insert,
table #nav-agenda,
.valeur2, .valeur3,
table.forum, .forum-thread, .forum_reponse, .pages .on,.pagination .on .pagination-item-label,
.trombino, .entry-content, #mentions{
 background-color: [(#CONFIG{escal/config/couleur2,#FFFFFF})];
 color:  [(#CONFIG{escal/config/text2,#000000})] ;

}
/* bleu fonce de base */
#cadre-rubrique, #cadre-titre-article, #cadre-titre-article a,
.pagination .pagination-item-label, .titre_portfolio, .illustrations,
.graph .bar, table.forum th, nav.menuH2,
.section-title:before{
	background-color: [(#CONFIG{escal/config/couleur3,#336699})];
	color:  [(#CONFIG{escal/config/text3,#FFFFFF})] ;
}
.mot-cles div, .mot-cles div a{
	background-color: [(#CONFIG{escal/config/couleur3,#336699})] !important;
	color:  [(#CONFIG{escal/config/text3,#000000})] !important;
}
h1.section-title{
	color: [(#CONFIG{escal/config/couleur3,#336699})]
}
.accueil .cadre-chemin, .accueil .cadre-chemin a, .cadre-chemin a,
.reponse-article, .repondre-article a, a.lien_pagination,
#menu, ul#menu ul, ul#menu li a,
.main-nav, .main-nav a,.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active,
#menuV2 ul.menulist a:hover, #menuV2 ul.menulist a:focus,
#menuV2 ul.menulist li.smenu:hover, #menuV2 ul.menulist li.smenu:focus,
#menuV2 ul.menulist li.smenu>a:hover, #menuV2 ul.menulist li.smenu>a:focus,
.formulaire_formidable .boutons .submit,
.rubrique-mere, .rubrique-mere a{
	background-color: [(#CONFIG{escal/config/couleur3,#336699})];
	color:  [(#CONFIG{escal/config/text3,#FFFFFF})] !important ;
}
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
	background: [(#CONFIG{escal/config/text3,#FFFFFF})] !important;
}
/* bleu tres fonce */
.laune ul.anchors li a:hover, .laune ul.anchors li a:focus,
.laune ul.anchors li:hover, .laune ul.anchors li:focus,
.laune ul.anchors li:hover > a, .laune ul.anchors li:focus > a,
.laune .art-exergue:hover, .laune .art-exergue:focus,
.laune .art-exergue:hover a, .laune .art-exergue:focus a,
#menu li:hover > a, #menu li:focus > a,
ul#menu ul li:hover, ul#menu ul li:focus,
.cadre-rubrique-accueil:hover, .cadre-rubrique-accueil:focus,
.cadre-chemin a:hover, .cadre-chemin a:focus,
.repondre-article a:hover, .repondre-article a:focus{
	background-color: [(#CONFIG{escal/config/couleur4,#224466})] ;
	color:  [(#CONFIG{escal/config/text4,#FFFFFF}) !important] ;
}
.cadre-articles-rubrique:hover, .cadre-articles-rubrique:focus,
.cadre-articles-rubrique:hover .titre-articles-rubrique, .cadre-articles-rubrique:focus .titre-articles-rubrique,
.cadre-articles-rubrique:hover .introduction-articles-rubrique, .cadre-articles-rubrique:focus .introduction-articles-rubrique{
	background-color: [(#CONFIG{escal/config/couleur4,#224466})];
	color:  [(#CONFIG{escal/config/text4,#FFFFFF})];
}
/* bleu clair */
table.spip tr.row_first,
#menuV2 ul.menulist, #menuV2 ul.menulist ul, #menuV2 ul.menulist a,
.titre-message,
#formulaire_forum, .formulaire_spip.formulaire_forum,
.small_mini,
.calendar_head_mini, #entete-evenement, #nouvel-evenement{
	background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
	color:  [(#CONFIG{escal/config/text5,#000000})];
}
.art-exergue .mot-cles div, .art-exergue .mot-cles div a, .laune .art-exergue .rubrique-autres a,
.bis .mot-cles div, .bis .mot-cles div a, .laune.bis .rubrique-autres a{
	background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})] !important;
	color:  [(#CONFIG{escal/config/text5,#000000})] !important;
}
/* gris-bleu tres clair */
table.spip tr.row_even, table.forum tr.art-forum,
#formulaire-contact,  .formulaire_formidable .editer-groupe,
.calendar_this_month,
#documents_portfolio, #ps,
.forum_reponse .titre-message, #formulaire_forum input.barre,
li.signatures {
	background-color: [(#CONFIG{escal/config/couleur6,#EFEFEF})];
	color:  [(#CONFIG{escal/config/text6,#000000})];
}
/* un autre bleu */
ul#menu li .on, ul#menu li .on > a,
#menu li:hover > a.on, #menu li:focus > a.on,
ul#menu ul li.on:hover, ul#menu ul li.on:focus,
#formulaire_forum #previsu, #formulaire_forum #previsu .forum-message, #formulaire_forum #previsu .forum-chapo,
.calendar_this_day,
table.spip tr.row_odd  {
	background-color: [(#CONFIG{escal/config/couleur7,#BBCCDD})];
	color:  [(#CONFIG{escal/config/text7,#000000})] !important;
}
/* orange */
.annonce,.annoncedefil, .une-annonce-defilante, .spip_surligne {
	background-color: [(#CONFIG{escal/config/couleur10,#EC7942})];
  color:  [(#CONFIG{escal/config/text10,#FFFFFF})];
}

/* le pied */
#pied {
	background-color: [(#CONFIG{escal/config/couleur11,#BBCCDD})];
	color:  [(#CONFIG{escal/config/text11,#000000})];
}

/* ombre trombinoscope */
.trombine img{
	box-shadow: 5px 5px 5px [(#CONFIG{escal/config/couleur3,#336699})];
}

/* les caracteres */
/******************/

a:link, a.spip_cadre_link {
	color: [(#CONFIG{escal/config/texte1,#000099})];
}
a:visited {
	color: [(#CONFIG{escal/config/texte2,#000099})];
}

a:hover, a:focus, a.zeroclipboard-is-hover,
ul.onglets li a:hover, ul.onglets li a:focus,
#cadre-plan a:hover, #cadre-plan a:focus,
table.forum a:hover, table.forum a:focus,
.content a.lien_pagination:hover, .content a.lien_pagination:focus{
	color: [(#CONFIG{escal/config/texte3,#FF8000})];
}

#ariane-forum, #ariane-forum a,
table.forum tr.rub-forum td, table.forum a, table.forum tr.art-forum td  {
	color: [(#CONFIG{escal/config/texte4,#336699})];
}

.alerte1, .alerte {
	color: [(#CONFIG{escal/config/texte5,#FF0000})];
}

.identification-light a, .formulaire_recherche input.text,
.identification-light a:hover, .identification-light a:focus,
.formulaire_recherche input.text:hover, .formulaire_recherche input.text:focus,
.cadre-couleur .formulaire_spip input,
.formulaire_formidable .editer label{
	color: [(#CONFIG{escal/config/texte6,#336699})];
}
/* les bordures */
/****************/

ul#menu li a, ul#menu ul {
	border-color: [(#CONFIG{escal/config/bord1,#CCCCCC})];
}
ul.onglets li a {
  border: 1px solid [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
  border-top : 1px solid white;
}
ul.onglets li a.active {
  border: 1px solid [(#CONFIG{escal/config/couleurune,#336699})];
}
.cadre-articles-rubrique, .cadre-articles-event, .cadre-sous-rubrique, #cadre-article, #documents_portfolio,
.forum-thread, .forum_reponse,
#formulaire-contact, .valeur2, .valeur3,
li.signatures, li.signatures p.message {
	border-color: [(#CONFIG{escal/config/bord2,#CCCCCC})];
}

table.spip, table.spip td, table.spip th {
	border-color: [(#CONFIG{escal/config/bord3,#FFFFFF})];
}

#menuV2 ul.menulist li {
	border-color: [(#CONFIG{escal/config/bord4,#FFFFFF})];
}
.formulaire_recherche input.text, .formulaire_recherche input.submit,
.identification-light, .cadre-couleur .formulaire_spip input,
ul#menu li a:hover, ul#menu li a:focus, .formulaire_spip .text:focus  {
	border-color: [(#CONFIG{escal/config/bord5,#336699})];
}
#ariane-forum, table.forum {
	border-color: [(#CONFIG{escal/config/bord6,#006699})];
}
/*********************************************/
/*    Les arrondis                           */
/*********************************************/
ul#menu li a, ul#menu ul, ul#menu ul li {
  border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
}
#menuV2 ul.menulist, #menuV2 ul.menulist a {
  border-radius: [(#CONFIG{escal/config/arrondi2,10px})];
}
ul.onglets li a {
  border-radius: [(#CONFIG{escal/config/arrondi31,8px 8px 0px 0px})];
}
.laune ul.anchors li, .cadre-rubrique-accueil {
  border-radius: [(#CONFIG{escal/config/arrondi32,5px})];
}
h1.cadre {
  border-radius: [(#CONFIG{escal/config/arrondi41,0px 20px 0px 0px})];
}
.texte {
  border-radius: [(#CONFIG{escal/config/arrondi42,0px 0px 0px 10px / 0px 0px 0px 100px})];
}
.identification-light, .formulaire_recherche input.text,
.formulaire_recherche input.submit, .cadre-couleur .formulaire_spip input {
  border-radius: [(#CONFIG{escal/config/arrondi5,5px})];
}
.annonce, .annoncedefil, .une-annonce-defilante {
  border-radius: [(#CONFIG{escal/config/arrondi6,15px})];
}
#entete-evenement, #nouvel-evenement {
  border-radius: [(#CONFIG{escal/config/arrondi7,8px 8px 0 0})];
}

/************************************************************************/
/*    fixation de la barre d'outils sauf si <20>cran de moins de 640px     */
/************************************************************************/
@media all and (min-width: 640px) {
[(#CONFIG{escal/config/espace}|=={haut}|oui)
[(#CONFIG{escal/config/fixespace}|=={oui}|oui)
#espace {
  position: fixed;
  width: 100%;
  background-color: #ffffff;
  z-index: 100;
}
#entete{
padding-top: 30px;
}

]]}

/*********************************************/
/*    Les cadres lat<61>raux                    */
/*********************************************/

.cadre-couleur h1.cadre {
  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
  color:  [(#CONFIG{escal/config/text5,#000000})];
}
.cadre-couleur .texte {
	background-color: [(#CONFIG{escal/config/couleur8,#DAE6F6})];
	color:  [(#CONFIG{escal/config/text8,#000000})];
  border-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
}
[(#CONFIG{escal/config/bordcadres}|=={non}|oui)
.cadre-couleur .texte {
  border: none;
}]
 /* la noisette inc-liste_auteurs */
 /*********************************/
[(#CONFIG{escal/config/iconesauteurs}|=={non}|non)
.legende_admin{
	background: [url("(#CHEMIN{images/admin.svg})")] center left no-repeat;
}
.legende_redacteur{
	background: [url("(#CHEMIN{images/redacteur.svg})")] center left no-repeat;
}
.legende_visiteur{
	background: [url("(#CHEMIN{images/visiteur.svg})")] center left no-repeat;
}
.legende_admin, .legende_redacteur, .legende_visiteur{
	background-size: 12px;
	padding-left: 20px;
}
]
.legende_admin, .admin a{
  color: [(#CONFIG{escal/config/couleuradmin,#336699})] !important;
}
.legende_redacteur, .redacteur a{
  color: [(#CONFIG{escal/config/couleurredacteur,#009933})] !important;
}
.legende_visiteur, .visiteur a{
  color: [(#CONFIG{escal/config/couleurvisiteur,#000000})] !important;
}
/******************************/
/* le modele choix-article    */
/******************************/
.choix-article{
	background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
	border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
}
.choix-article a{
	background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
	color:  [(#CONFIG{escal/config/textuneart,#000000})];
	border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
}
.choix-article a:hover, .choix-article a:focus{
	background: [(#CONFIG{escal/config/couleur4,#224466})] !important;
	color:  [(#CONFIG{escal/config/text4,#FFFFFF})] !important;
}
/*********************************************/
/*    La page contact                        */
/*********************************************/
[(#CONFIG{escal/config/checkbox}|=={non}|oui)
li#checkbox {
  display: none;
}
]
/**************************/
/* Le modele image_fluide */
/**************************/

dl.image_fluide{
  max-width:100%;
  margin:auto;
}
dl.image_fluide img{
  max-width:100% !important;
  margin: auto;
  position: static;
  height: auto;
  box-sizing: border-box;
}

/***************************************/
/* personnalisation du plugin galleria */
/***************************************/
.galleria-container {
 background-color: [(#CONFIG{escal/config/galleriafond,#FFFFFF})];
}
.galleria-info-link, .galleria-info-text,
.galleria-thumb-nav-left,  .galleria-thumb-nav-right {
	background-color: [(#CONFIG{escal/config/galleriaencarts,#336699})] !important;
}
.galleria-info-title, .galleria-info-description {
	color: [(#CONFIG{escal/config/galleriacoulpolice,#FFFFFF})] !important;
}
.galleria-info-title {
	font-size: [(#CONFIG{escal/config/galleriatailletitre,14})]px !important;
}
.galleria-counter {
  color: grey !important;
  opacity: 1 !important;
}


/***************************************/
/* personnalisation du plugin shoutbox */
/***************************************/
.formulaire_shoutbox #contenu_shoutbox_taille{
	height: [(#CONFIG{escal/config/hauteurshoutbox,200})]px
}
[(#PLUGIN{BADGE_DON}|oui)
#credits {
	margin-right: 100px;
}
]