/* Général site */
html {font-size:100%;}
BODY {
min-width:320px;
font-family: Georgia, "DejaVu Serif", Norasi, serif;
font-size:0.8em;
line-height:1.4em;
background: url(../../IMG/bgb2.gif) repeat-x;
}
P {
margin: 0.3em 0 0.8em 0;
}
A {
color:#990000;
text-decoration:none;
}
A hover {
text-decoration:underline;}
h2,
.h2 {
font-family:Arial, Helvetica, FreeSans, sans-serif;
font-size: 1.8em;
line-height: 1.3;
margin: 1em 0 1em 0;
text-align:center;
}
H4 {font-size:1em; font-weight:bold; margin-bottom:0.3em;}
img {max-width:100%; height:auto; text-align: center;}
a img {border: none;}
UL {list-style-type:none;margin-top:10px; padding:0;}
TABLE {margin:0.8em 0;}
.plusgros {font-size:1.2em;} /* classe à appliquer aux textes trop petits <1.2em */
.center {margin:0 auto;}
.clearfix:before,
.clearfix:after {content: " "; /* Bug Opera */display: table; /* Pour que :before contienne le margin-top des éléments enfants */}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1; /* Pour IE 6 et 7 */}
.info {border:2px solid #990000; padding:5px; color:#000;}
/* Logos, documents et images */
img, .spip_logo {margin: 0; padding: 0; border: 0;}
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.1em; padding: 0; }
.spip_documents_center { display: block; clear: both; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 1em; margin-bottom: 1em; }
.spip_documents_right { float: right; margin-left: 1em; margin-bottom: 1em; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.9em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.9em; }
/*outils - recherche - abonnement lettre - RSS - Réseaux sociaux en haut de page */
#boite {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;font-size:1.25em;}
#boite ul {float:right;}
#boite li {display:inline-block; vertical-align:bottom; padding:0 0.25em; min-height:1em;}
#boite li.bouton {border:1px solid #e6e6e6; border-radius:20px; margin:0; padding:0.25em; background-color:#e6e6e6; transition: background-color 1s; cursor:pointer;}
#boite li.bouton:hover {background-color:gold;}
#boite img {vertical-align:bottom;}
.formulaire_spip label {padding: 4px 0; font-size: 100%; font-weight: 300;}
#recherche {width: 180px; margin-right: 2px;}
/* Bloc conteneur */
#conteneur {max-width:980px; margin:2.5em auto 0; padding:0; background-color:#FFFFFF; border: 1px solid #e3e3e3;
box-shadow: 1px 1px 0 #ccc;
-moz-box-shadow: 1px 1px 0 #ccc;
-webkit-box-shadow: 1px 1px 0 #ccc; zoom: 1;}
/* Pagination */
nav.pagination { font-size: 1.2em; background-color: #CCC;}
li.pagination-item.tbc.disabled {padding: 10px 15px 10px 15px;}
li.pagination-item.on.active {padding: 10px 12px; color:#990000;}
/* Header : Bannière publicitaire + Bandeau avec logo Diploweb et logo Sponsor*/
#header {position:relative; margin:0px;}
#banniere {position: relative; float:left; max-width: 100%; padding:0;background-color: #FFF;}
#banniere .spip_documents{text-align:left; margin-bottom:0;}
#sponsor {max-width:25%; position:relative; top: 10px; float:right; text-align:center;}
#sponsor H4 {font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-weight:bold; font-size:0.9em; color:#666666;}
#sponsor A {text-decoration:none; color: #666666;}
.sponsor_mobile{display:none; float:right; max-width:45%; margin:1em 0; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; text-align:center;}
#bandeau {clear:both; padding:0;}
#title {background-color:#990000; padding:0.5em; margin:1em 0; width:100%; float:left; display:none;}
#title H1 {font-family: "Trebuchet MS", sans serif; color:#FFF; font-size:2em; line-height:1em;
-webkit-hyphens: auto; /* césure propre */
-moz-hyphens: auto;
hyphens: auto;
word-wrap: break-word; /* passage à la ligne forcé */}
#title P {font-family: "Trebuchet MS", sans serif; color:#FFF; font-size:1.2em; line-height: 1em;}
#title A {text-decoration:none; color:#FFF;}
/*********DIV PRINCIPAL = COLONNE GAUCHE + CENTRE *********/
#principal {overflow:auto; background-color:#FFFFFF; padding-bottom:0.9em; margin:0 1em;}
/* **********CENTRE************ */
#centre {width:75%; float:left; background-color:#FFFFFF; color:#454545; padding:0 1em;}
/* hierarchie - fil d'ariane */
#hierarchie {height:2em;}
.fildariane {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; background-color:#FFFFFF; font-size:0.9em; margin-bottom:1em; padding: 0 0 1em 0; text-align:right;}
.fildariane A {color:#CC0000;text-decoration:none;}
/* *********STYLES DU SOMMAIRE ET DES ARTICLES DE LA PAGE D'ACCUEIL********** */
.phraseintro H1 {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:1em; color:#999999;}
.sommaire_article {width:45%; display:inline-block; vertical-align:top; margin:0 3% 0 0; border-bottom: 1px solid #CCC;}
.sommaire_article H2 {font-family:Georgia, "DejaVu Serif", Norasi, serif; color:#333333; font-size:1.8em; line-height:1.1em; margin-bottom:0.5em; text-align:left; }
.sommaire_article H2 A {text-decoration:none; color: #333333;}
.sommaire_article H3 {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:1em; font-weight:normal;}
.sommaire_article H3 A,.sommaire_article H3 A:visited {color:#CC0000; text-decoration:none;}
.sommaire_article H3 A:hover {color:#CC0000; text-decoration:underline;}
.sommaire_article P {color:#454545; margin:0.4em 0 0.4em 0; padding:0; font-size:1.35em;}
.sommaire_article P A,.sommaire_article P A:visited {color:#CC0000; text-decoration:none;}
.sommaire_article P A:hover {color:#CC0000; text-decoration:underline;}
.sommaire_article IMG {float:left; margin-right:0.5em;}
/* Affichage des actualités et des archives en page d'accueil */
.lireaussi P {padding: 0; margin-bottom : 1em; font-size:1.4em; line-height:1.35em;}
.lireaussi H2 {font-size:2em; margin:1em 0 1em 0;}
.annexe{width:43%; float:left; margin:3%; border:1px solid #999;}
.annexe ul {margin:0.5em; padding:0.5em;}
.annexe li {margin-bottom:1em;}
.annexe h3 {background-color:#666666; color:#FFF;line-height:2em; margin:0; padding:0.25em; font-size:1.5em;}
.annexe h4 {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:1.2em; font-weight: bold; text-align:left; background:transparent url('../images/puce_actu.png') no-repeat; padding-left:1.8em; margin:0;}
.annexe h5 {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:1.1em; font-weight: bold; text-align:left; margin:0;}
.annexe P {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:1em;}
/* Affichage des 3 derniers articles de 8 rubriques */
#resume {clear:both; margin:0 auto; padding:0.3em; font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; background-color:#EBEBEB;}
#resume H3{margin:10px;}
#resume UL {margin:0; padding:1em;}
#resume li {display:inline-block; width:22%; text-align:left; vertical-align:top; margin:1%;}
#resume .title {color: #8C0000; font-size: 1.1em; font-weight: bold;}
/*Les 4 dernieres cartes avec visuelc*/
#diapocartes {width:100%; font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;font-size:1.25em;clear:both; padding:5px;}
#diapocartes UL {padding:5px;}
#diapocartes li {display: inline-block; margin: 2px; width:23%; padding:2px; vertical-align:top; text-align:justify; hyphens:auto; }
#diapocartes img {margin-bottom:1em; border:1px solid #CCC;}
#diapocartes img .spip_logo {border: 1px solid #000;}
/* ***************RUBRIQUE COMPILATION************************************** */
.compil UL {list-style-type:square;}
.compil H2 {margin:0.5em 0 0.2em 0;}
.compil P {font-size:1.25em; line-height:1.4em;}
/* ***************RUBRIQUES THEMATIQUES ET RUBRIQUE CARTES****************** */
.rubrique H1 {font-family:Georgia, "DejaVu Serif", Norasi, serif; color:#333333; font-size:2.3em; font-weight:bold; line-height:1em; margin:0.5em 0 1em 0; text-align:center;}
.rubrique H2 {font-family:Georgia, "DejaVu Serif", Norasi, serif; background-color:#666666; color:#FFFFFF; font-size:1.4em; text-align:left; font-weight:bold; padding:5px; margin-top:10px;}
.rubrique H3 {font-family:Georgia, "DejaVu Serif", Norasi, serif; color:#454545; font-size:1.1em; font-weight:bold; margin:0;}
.rubrique H3 A , .rubrique H3 A:hover, .rubrique H3 A:visited, .rubrique P.titre A, .rubrique P.titre A:hover, .rubrique P.titre A:visited {font-size:1.2em; text-decoration:none; color:#990000;}
.rubrique H4 A {text-decoration:none;}
.rubrique HR {border-top:1px solid #990000; margin-top:1em;}
.rubrique P {font-size:1.4em; font-family: Georgia, "DejaVu Serif", Norasi, serif; line-height:1.5em; color:#454545; margin:0 0 2em 0;}
.rubrique P.auteur_date {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:0.9em; margin:1px 0;}
.rubrique P.introduction {margin:3px 0 20px 0;}
.rubrique P A,.rubrique P A:visited {color:#CC0000; text-decoration:none;}
.rubrique P A:hover { color:#CC0000;text-decoration:underline;}
/* **************MISE EN PAGE DES ARTICLES************ */
.article {padding:0 3em;}
.article H1 {font-family:Georgia, "DejaVu Serif", Norasi, serif; color:#000; font-size:2em; line-height:1.3em; text-align:left;}
.article H1 SPAN {}
.article H3 {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; color:#CC0000; display:block; font-size:1em; margin:7px 0 4px 0;}
.article H3.spip {color:#000000; font-size:1.7em; font-weight:bold; margin-top:1em; text-align:center; line-height:1.4em;}
.article H3 A,.article H3 A:visited {color:#CC0000; text-decoration:none;}
.article H3 A:hover { color:#CC0000; text-decoration:underline;}
.article P {font-size:1.4em; color:#454545; margin:1em 0; line-height:1.5em;text-indent:1em;}
.article P A,.article P A:visited {color:#CC0000; text-decoration:none;}
.article P A:hover {color:#CC0000; text-decoration:underline; }
.article DIV.chapo {font-family:Arial, Helvetica, FreeSans, sans-serif;font-weight:bold;}
.article DIV {margin-top:10px;}
.article DIV.ps {font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:0.8em; border-top:1px solid #CC0000; border-bottom:1px solid #CC0000; margin-top:15px; margin-bottom:5px; padding-top:0px; padding-bottom:0px;}
.article DIV.notes {border-top:1px solid #CC0000; font-size:0.8em; padding-top:5px; padding-bottom:5px;}
.article DIV.mot-cle {font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; background-color:#DBDBDB; font-size:1.1em; padding:5px;margin-bottom:40px;}
.article DIV.mot-cle H2 {font-size:11px;}
blockquote {width:90%;}
blockquote.spip {margin:1em 0; padding: 0 2em; border: 1px solid #aaa; font-size: 1em; font-style:italic; background-color:#EEE;}
/* Réseaux sociaux dans les articles + recommander livres */
.floater {padding: 0 3em; margin-bottom:20px; text-align: left; width: 100%; vertical-align:bottom; }
.floater li {display:inline-block; margin:0; padding:0;line-height:0.8;}
.recommander {margin-bottom:25px; text-align:center; background-image:linear-gradient(#ffcc33,#fff); color:#000; font-weight:bold; border:0.1em solid #ffcc33; box-shadow: 10px 5px 5px #333;}
.recommander .titre {font-family:Georgia, "DejaVu Serif", Norasi, serif; font-size:2em; font-weight:bold; color:#000; background:url(../images/fond_reco_light.png) no-repeat; background-position:left 33% top; padding:15px;}
.recommander P{margin:0; padding:0 0 5px 0;}
.surtitre {margin:7px 0 0 0; font-style:italic; font-size:2em; line-height: 1.2em;}
a.spip_note { font-weight: normal; font-size:0.9em; } /* liens vers notes de bas de page */
.participation {font-size:1.2em; margin-top:2em;}
/* ***** CARTOUCHE ***** */
.cartouche {padding:10px;margin:10px 10px;border:1px solid #999;}
.cartouche H1 {text-align:center; line-height:1.2em;}
.cartouche H2 {text-align:center;}
/* ********CARTES********** */
.sommaire_carte {margin:0; padding:0;}
.sommaire_carte UL {display:inline-block; margin:0; padding:0.5em 0.25em;}
.sommaire_carte li{display:inline-block; max-width:200px; padding:5px; vertical-align:top;}
.sommaire_carte H3 {font-family:Georgia, "DejaVu Serif", Norasi, serif; color:#454545; font-size:1.1em; font-weight:bold;}
.rubrique_carte IMG{float:left; display:block; margin:10px 10px 5px 0;}
.rubrique_carte UL{margin-top:1.5em;}
TABLE.rub_carte {width:100%; margin:20px 0 10px 3px; vertical-align:top; text-align:left;}
TABLE.carte {margin:20px 0 10px 3px; vertical-align:top;}
TABLE.carte IMG { border:1px solid #333333;}
TABLE.carte TD, TABLE.rub_carte TD {vertical-align:top; padding:10px; border-top:1px solid #EEE;}
TABLE.carte TD A, TABLE.carte TD A:hover, TABLE.carte TD A:visited {color:#990000; text-decoration:none;}
TABLE.carte TD A:hover {text-decoration:underline;}
TABLE.rub_carte TD A, TABLE.rub_carte TD A:hover, TABLE.rub_carte TD A:visited {color:#990000; text-decoration:none;}
TABLE.rub_carte TD A:hover {text-decoration:underline;}
DIV.toutes_cartes {padding-bottom:10px; text-align:center;}
P.list_rub_carte A, P.list_rub_carte A:hover, P.list_rub_carte A:visited {color:#990000; text-decoration:none;}
P.list_rub_carte A:hover {text-decoration:underline;}
DIV.question_internationale {border:1px solid #D0D0D0; margin:20px 0 0 0; padding:0 10px 0 10px;}
DIV.question_internationale H2 {background-color:#D0D0D0; color:#454545; display:block; font-size:1.3em; font-weight:bold; margin:0 -10px 0 -10px; padding:5px 10px 5px 10px;}
DIV.question_internationale P {color:#454545; margin:10px 0;}
H2.carte_rub SPAN {color:#FFFFFF; font-style:normal;}
DIV.carte_chapo {font-family:Arial, Helvetica, FreeSans, sans-serif; font-weight:bold; margin:5px 0 5px 0;}
DIV.carte_texte A, A:HOVER {color:#990000;}
/* ************MENU COLONNE DE DROITE************* */
#colonnedroite {float:right; width:20%;}
#sociaux {margin-bottom:1.2em;}
#decouverte {margin-top:1em;}
#decouverte H4 {background-color:#990000; color:#FFFFFF; font-family:Georgia, "DejaVu Serif", Norasi, serif; font-size:1.2em; padding:0.4em; margin: 0 0 0.5em 0; text-align:center;}
#decouverte H5 {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:1em; font-weight:bold; padding:0.25em; text-align:center; border:1px solid #CCC;}
#decouverte H5 A{text-decoration:none; color:#333333;}
#decouverte H5 A:hover {color:#990000;}
#pub H5 {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:1em; font-weight:bold; margin-bottom:1em; padding:0.25em; text-align:center; border:1px solid #CCC;}
/* ******* STYLES DU MENU ACCORDEON ************** */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #e6e6e6 url("../plugins-dist/jquery_ui/css/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;
color: #555555;
}
.ui-accordion .ui-accordion-content {font-family: Verdana,Arial,sans-serif; text-align:center; line-height:3; padding:0 1.5em 2em 1.5em}
/*********************PIED DE PAGE*********************/
#pied {clear:both; max-width:980px; margin:0 auto; background-color:#333; font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; color:#fff; font-size:1em; text-align:center; padding-top:10px; border: 1px solid #333;
box-shadow: 1px 1px 0 #ccc;
-moz-box-shadow: 1px 1px 0 #ccc;
-webkit-box-shadow: 1px 1px 0 #ccc; zoom: 1;}
#pied A{color:#CCC;}
#pied A:hover{color:#FFF;}
#pied A:active{color:#CC0000;}
#pied UL {display:inline-block; zoom: 1; vertical-align:top; margin:0 8px 0 10px; text-decoration:none;font-size:1.2em;}
#pied li {text-decoration:none;}
/* Affichage sur petits ecrans
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 780px) {
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* passer body (et tous les éléments de largeur fixe) en largeur automatique */
body {
width: auto;
margin: 0px;
padding: 0px;
}
/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
iframe,
object,
embed,
video {
max-width: 100%;
}
/* conserver le ratio des images */
img {
min-height: auto;
}
/* gestion des mots longs */
textarea,
table,
td,
th,
code,
pre,
samp {
-webkit-hyphens: auto; /* césure propre */
-moz-hyphens: auto;
hyphens: auto;
word-wrap: break-word; /* passage à la ligne forcé */
}
code,
pre,
samp {
white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
}
/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
#colonnedroite,
#centre,
.annexe,
.sommaire_article
{
float: none;
width:auto;
}
#boite li,
#centre,
.article,
.annexe {margin:0; padding:0;}
#conteneur {margin:0 auto;}
#diapocartes li {width:100%; padding: 5px; text-align:justify; hyphens:auto;}
#diapocartes img {margin:10px;}
/* masquer les éléments superflus */
.hide_mobile {
display: none !important;
}
/* Afficher les éléments spéciaux **/
#title {display:block; text-align:center; min-width:60%; background:url(../css/images/fond_mob.png) no-repeat; background-color:#8C0000; margin: 0px;}
.sponsor_mobile {display:block;}
.pagination nav ul {display: block; position: relative; margin: 20px auto;}
/* Un message personnalisé */
body:before {
content: "Version mobile du Diploweb";
display: block;
text-align: center;
font-style: italic;
color: #777;
}
}
@media (max-device-width:780px) and (orientation: landscape) {
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
}
/* Gestion du logo pour petits écrans */
@media (min-width: 641px) {
.hide {display: none !important;}
}
/* Affichage sur grands ecrans
------------------------------------------
@media (min-width: 1280px) {
body {font-size:18px;}
}*/