1,6 → 1,6 |
/* STYLE COMMUN */ /* Définition des polices exotiques */ |
/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés). |
Pour windows, elle est remplacée par la police Helveticaneue2 */ |
/* STYLE COMMUN */ /* D�finition des polices exotiques */ |
/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s). |
Pour windows, elle est remplac�e par la police Helveticaneue2 */ |
@font-face { |
font-family:Helveticaneue; |
src:url('/commun/polices/helvetica_light.ttf'); |
10,7 → 10,7 |
src:url('/commun/polices/helvetica_light.eot'); |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Redéfinition des styles par défaut des balises */ |
/* Red�finition des styles par d�faut des balises */ |
body { |
margin:0; |
padding:0; |
74,7 → 74,7 |
border:0; |
border-bottom:1px dotted #C2C0AD; |
} |
/* Présentation des listes de définitions */ |
/* Pr�sentation des listes de d�finitions */ |
dl { |
width:100%; |
} |
101,6 → 101,8 |
color:#FD8C13; |
border-bottom:1px dotted #95ae5d; |
} |
|
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */ |
a.lien-ext:after { |
content:" "url(/sites/commun/generique/images/icones/fleche_externe.png); |
} |
107,7 → 109,7 |
a.pdf:before { |
content:url(/sites/commun/generique/icones/fichier_pdf.png)" "; |
} |
a[href ^="mailto:"]:after {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilité Konqueror */ |
a[href ^="mailto:"]:after {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */ |
content:" "url(/sites/commun/generique/images/icones/mail.png); |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
128,37 → 130,122 |
width:125px; |
float:left; |
} |
.cadreRondVert h1 { |
margin:0 0 10px 0; |
|
/* Classes d'importance */ |
|
/* Mise en colonnes */ |
|
/** |
row |
importance1 |
row |
gauche, droite |
*/ |
|
.importance1 .row .gauche { |
width:46%; |
padding-left:4%; |
} |
.cadreRondVert { |
width:685px; |
float:left; |
margin-bottom:20px; |
background-color:#eaedcd; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
.importance1 { |
margin:0 10px 20px 0; |
background-color:#eaedcd; |
padding:8px; |
|
border-radius:10px; |
-moz-border-radius:10px; |
-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555; |
-moz-box-shadow:2px 2px 5px #aaa; |
-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */ |
zoom:1;/* pour ie8 */ |
padding:8px; |
} |
.cadreRondGris h1 { |
margin:0 0 10px 0; |
.importance2 {} |
.importance3 {} |
.importance4 {} |
|
/* Flottant */ |
.gauche { |
float:left; |
} |
.cadreRondGris h3 { |
margin:0; |
|
.droite { |
float:right; |
} |
.cadreRondGris { |
width:685px; |
float:left; |
margin-top:20px; |
background-color:#e5e4d4; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */ |
zoom:1;/* pour ie8 */ |
padding:8px; |
} |
|
/* Obsolètes à supprimer */ |
.cadreRondVert { |
width:685px; |
float:left; |
margin-bottom:20px; |
background-color:#eaedcd; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */ |
zoom:1;/* pour ie8 */ |
padding:8px; |
} |
|
.cadreRondGris { |
width:685px; |
float:left; |
margin-top:20px; |
background-color:#e5e4d4; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */ |
zoom:1;/* pour ie8 */ |
padding:8px; |
} |
|
.cadreInvisible { |
float:left; |
margin-left:10px; |
margin-top:10px; |
} |
.cadreInvisible h1 { |
margin:0 0 10px 0; |
} |
.cadreRondOmbre { |
float:left; |
margin-bottom:10px; |
padding:20px; |
background-color:#fff; |
border:1px solid #fff; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */ |
zoom:1;/* pour ie8 */ |
} |
.filetRouge { |
border:solid 1px red; |
} |
|
/* Cadre rond gris :mise en page */ |
.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche { |
width:320px; |
padding:20px; |
border-right:1px dotted #959486; |
float:left; |
} |
.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite { |
width:284px; |
float:left; |
padding:18px; |
} |
|
.cadreRondVert h1 { |
margin:0 0 10px 0; |
} |
|
.cadreRondGris h1 { |
margin:0 0 10px 0; |
} |
|
.cadreRondGris h3 { |
margin:0; |
} |
|
.floatLeft { |
float:left; |
} |
207,18 → 294,7 |
.clear,.nettoyage { |
clear:both; |
} |
/* Cadre rond gris :mise en page */ |
.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche { |
width:320px; |
padding:20px; |
border-right:1px dotted #959486; |
float:left; |
} |
.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite { |
width:284px; |
float:left; |
padding:18px; |
} |
|
/* Taille des cadres */ |
.demi { |
width:50%; |
284,7 → 360,7 |
background:url(../images/troisCarre.png) no-repeat 0 5px; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Tableau :encadré */ |
/* Tableau :encadr� */ |
.table_cadre { |
border:1px solid #9ac342; |
border-collapse:collapse; |
359,8 → 435,8 |
border-radius:30px; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Menu supérieur */ |
/* TODO :mettre les petits carrés é la bonne place */ |
/* Menu sup�rieur */ |
/* TODO :mettre les petits carr�s � la bonne place */ |
#zone-menu-haut { |
position:absolute; |
top:0; |
478,7 → 554,7 |
content:" "attr(title)" "; |
} |
|
/* Sous-titre du réseau */ |
/* Sous-titre du r�seau */ |
.zone-haut h2 { |
position:absolute; |
top:135px; |
489,7 → 565,7 |
color:white; |
} |
|
/* Mots-clés des univers */ |
/* Mots-cl�s des univers */ |
.motsclefs { |
position:absolute; |
font-family:Helveticaneue; |
570,7 → 646,7 |
border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Couleurs des différents menus */ |
/* Couleurs des diff�rents menus */ |
#menuAccueil { |
background:#fd8c13; |
} |
719,7 → 795,7 |
padding:15px 0; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Menu latéral :Zone gauche **/ |
/** Menu lat�ral :Zone gauche **/ |
#zone-gauche { |
width:170px; |
float:left; |
740,7 → 816,7 |
} |
#zone_contenu_corps { |
border:none; |
width:690px |
width:695px |
} |
#zone_contenu_corps li,#contenu li { |
list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png); |
834,28 → 910,7 |
#zone_contenu_corps #BAZ_menu .menu_actif h1,#zone_contenu_corps .menu_classique_n3 .menu_actif h1,.onglets .menu_actif h1 { |
color:#FD8C13; |
} |
.cadreInvisible { |
float:left; |
margin-left:10px; |
margin-top:10px; |
} |
.cadreInvisible h1 { |
margin:0 0 10px 0; |
} |
.cadreRondOmbre { |
float:left; |
margin-bottom:10px; |
padding:20px; |
background-color:#fff; |
border:1px solid #fff; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */ |
zoom:1;/* pour ie8 */ |
} |
.filetRouge { |
border:solid 1px red; |
} |
|
#cartographieVolante { |
position:absolute; |
z-index:10; |
1076,12 → 1131,11 |
display:inline; |
} |
.row { |
width:960px; |
width:695px; |
margin:0 auto; |
overflow:hidden; |
} |
.row .row { |
margin:0 -10px; |
width:auto; |
display:inline-block; |
} |