/* common.css : style common to all pages (including frontpage) */

/* !!! */
/* en commun avec frontpage.css (sinon le frontpage.css par défaut reprend dessus) */
/* !!! */


.break { clear:both; }
.cache { display:none; }

/* Arrière-plan et conteneur */
.not-mobile #wrap { max-width: 90%; width:1000px; }
#wrap { border: 1px solid #CCCCCC; border:none; padding:1em; background: #FFFFFF; width:auto; min-width:0; max-width:1000px; margin:0 auto; position:static; box-shadow: 0px 0px 50px #222; }
#main { width:auto; float:none; position: static; overflow:visible; }
body.hasStdHtmlContent #content { background:none; }

/* Fond d'écran */
body, html { background-color: transparent; }
body { margin:0; padding:0; background:url('/files/images/DemosphereLiege-fond.jpg') repeat center; }
#blocblanc { background: #FFFFFF; }


/* En-tête */
#header { background-color:#222222; min-width:0; width:100%; min-height:0; height:80px; margin:0 auto; position:relative; text-align:right; padding:0; margin-bottom:2em; top:-1em; border-left:2em solid #222222; right:1em; }
#siteName h1 { background:url('/files/images/entete-titre4.png') no-repeat bottom right; margin:0; height:auto; }
#siteName { position:static; float:left; height:auto; }
h1 #bigName { display: none; color:#333333; text-transform: uppercase; font-family: Oswald,Helvetica,Arial,Verdana,sans-serif; font-size: xx-large; font-weight: 700; }
h1 a#home-link { height:80px; width:432px; text-decoration: none; border:none; display: block; }
h1 #fp-logo { display: none; }
h1 #fp-big-name { display:none; }
h2#slogan, h4#slogan { position:static; color:#C13832; font-size:16px; font-style:normal; float:right; margin:0.1em 0 0 0; }
#siteName a:hover { text-decoration:none; }


/* Menu Thèmes */
ul#Topics { display:none; float:right; margin:0.1em 1em 0 0; padding:0 }
ul#Topics li { list-style-type:none; display:inline; }


/* Menu connexion */
ul#secondary-links { padding:0.2em 0 0.2em 0; font-size:10px; }
#secondary-links li a { color:#999999; }
#secondary-links .login-link a { color:#999999; }


/* Bouton "ajouter un évènement */
ul#primary-links { list-style-type:none; margin-top:0.8em; float:right; display:inline-block; }
ul#primary-links li { float:right; margin:0.8em 1em 1em 0.5em; background:transparent; line-height:2em; }
#primary-links a { text-decoration: none; border-bottom: 2px solid #4d4d4d; }
#primary-links a:hover { background:transparent; border-bottom: 2px solid #4d4d4d; }
#right { position:static; width:auto; float:right; }
ul#primary-links li span.left, ul#primary-links li span.right { display:none; }

#primary-links li a, #primary-links li a:hover { padding: 0 0.5em 0 0.5em; display: inline-block; border-radius: 3px; background-color:#C13832; 
background-image: linear-gradient(to bottom, #DA5752, #C13832); border-color: #CF362E #CF362E #C13832; color:#FFFFFF; text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); font-size:14px; }

#primary-links li a:hover { background-image: linear-gradient(to bottom, #CE4543, #C13832); text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.4); }


/* Positionnement barre de recherche */
#searchButton { position:static; display:inline-block; margin:0; margin-top:2em; }
#optionsButton { position:static; width:auto; margin-right:1em; }
#optionsLink { background: none; border:none; display:inline-block; }

/* Bouton recherche */
input#search-field { border:2px solid #5E5E5E; border-radius:0.5em; box-shadow:none; background-color:#131313; color:#999; }

#search-submit { display:none; background: url('/custom/img/ico-recherche.png') top 3px left 5px no-repeat; }
#search-submit:hover { background: url('/custom/img/ico-recherche-survol.png') top 3px left 5px no-repeat; border: none; }
#optionsLink span.optionstext { display: none; }
#optionsLink { text-align: right; font-size: 0.8em; padding: 0; }
#primary-links a#optionsLink, #primary-links a#optionsLink:hover { border:none; line-height:1em; }

/* Lien "recherche avancée" */
#primary-links li a#optionsLink { background:url('/custom/img/ico-filtres.png') no-repeat center center; }
#primary-links li a#optionsLink:hover { background:url('/custom/img/ico-filtres-survol.png') no-repeat center center; }

/* Couleurs des textes */
a, a:visited { color: #333333; text-decoration:none; }
a .edit-link, a .edit-link-right { display: none; }




/* !!! */
/* Éléménts spécifiques au fichier common.css */
/* !!! */
