[auf_savoirs_en_partage_django.git] / auf_savoirs_en_partage / media / css / global.css

/*
Feuille de styles - GLOBAL
Par Erick chez http://www.ixmedia.com
Date de creation: 2009-05-11
Modification: 2009-05-14 [Erick]
*/

/* COULEURS

TXT -----------> #3a3125 et #000
LINK ----------> #97012c
LIGNES grises -> #e0e0e0 et #d5d5d5 
*/

/* RESET */

@import url("reset.css");

/* General */

html {height:100%;}
body { height:100%; font-size: 62.5%; /* <- 1em equivaut 10px */ line-height:1.4; color:#3a3125; background:#fff url(../img/background-body.jpg) repeat-y 50% 0; font-family: Verdana, Arial, Sans-Serif; text-align: center;}
a, a:active {text-decoration:underline;color:#97012c;}
a:visited {color:#97012c;}
a:hover {color:#97012c;}
a img {border: none;}
abbr, acronym {border-bottom:.1em dotted;cursor:help;}

h1{font-size:1em;margin:0 0 1em 0;}
h2{font-size:1em;margin:0 0 1em 0;}
h3{font-size:1em;margin:0 0 1em 0;}
h4{font-size:1em;margin:0 0 1em 0;}
h5{font-size:1em;margin:0 0 1em 0;}
h6{font-size:1em;margin:0 0 1em 0;}

em{font-style:italic;}
strong{font-weight:bold;}
p{margin:0 0 1em 0;}
ul, ol{margin:0 0 1em 33px;list-style:none;}
dt{margin:0.5em 0 0;}
dd{margin:0.25em 0 0.5em 2.5em;}
sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}

.box { padding:0 0 20px 0; }
.lbl {color: #97012c; }

.centre { text-align:center }

#fond {padding:0; margin:0; display:block; position:relative; width:100%; height:auto !important; height:100%; min-height:100%; background: url(../img/background-fond.jpg) no-repeat 50% 0; text-align:left;}
#enrobage {padding:0; margin:0 auto; display:block; position:relative; width:960px; height:auto !important; height:100%; min-height:100%;}

h1 { float:left; width:144px; height:110px; margin-top:25px; margin-left:20px; display:inline;}
h1 a { display:block; width:144px; height:110px; text-indent:-99999px; background:url(../img/logo-agence-universitaire-de-la-francophonie.gif) no-repeat 0 0;border:none; text-decoration:none;}
#sous-menu { padding-top:1px; margin-right:0; color:#fff; display:inline; height:24px; width:420px; float:right;}
#sous-menu a { display:block; height:19px; padding:5px 10px 1px 10px; color:#fff; font-size:1.1em; text-decoration:none; float:right; white-space:nowrap; background-color:#4c4030;}
#sous-menu a:hover { text-decoration:underline;}
#sous-menu a.bout-gauche { background:#4c4030 url(../img/sous-menu-top-coin-gauche.gif) no-repeat 0 0; padding-right:5px;}
#sous-menu a.bout-droit {  background:#4c4030 url(../img/sous-menu-top-coin-droit.gif) no-repeat 100% 0; padding-left:5px;}
#sous-menu span { display:block; height:19px;float:right;padding:6px 2px 0 2px; background-color:#4c4030;}
h2.slogan { position:absolute; top:33px; left:240px; display:block; font-size:3.4em; color:#3a3125; padding:0;font-family:"Myriad Pro", "Lucida Grande", sans-serif; font-weight:normal; letter-spacing:-1px; line-height:0.8em; z-index:1000; }
h2.slogan span { display:block; margin: .7em 0 0; font-size:0.55em; color:#97012c; letter-spacing:normal; line-height: 1.1;}
div.boite-recherche { z-index:1000; display:block; position:absolute; top:130px; left:240px; width:390px; height:90px; background: url(../img/recherche-background.gif) no-repeat 0 5px;}
div.boite-recherche input { position:absolute; top:26px; left:10px; height:16px; margin-top:10px; width:300px; background:none; font-size:1.3em; border:none;}
div.boite-recherche button { position:absolute; top:22px; right:17px; height:45px; width:45px; background:url(../img/recherche-button.gif) no-repeat 0 0; color:#97012c; border:none;}
div.boite-recherche button:hover { background:url(../img/recherche-button-over.gif) no-repeat 0 0; cursor:pointer;}
div.boite-recherche h3 { font-size:2em; font-weight:normal; letter-spacing:-1px; margin: 0;}
div.boite-recherche h3 span { font-size:.6em; font-weight:normal; letter-spacing: normal;}
div.boite-recherche p { position:absolute; bottom:13px; left: 0; color:#3a3125; margin: 0; }
div.boite-recherche p a { color:#3a3125;}
div.boite-recherche p a:hover { color:#97012c; text-decoration:none;}

#contenu { width:744px; margin:100px 0px 50px 0px; padding:0; display:inline; float:left;background:url(../img/contenu-bkg-middle.png) repeat-y 0 0; }
#tabs { margin-left: 8px; margin-right: 8px; }
#contenu h4 { padding: 0 25px; margin-bottom:0.4em; font-size:2.2em; font-weight:normal; letter-spacing:-1px; }
#contenu .zone-texte {padding: 0 25px; font-size: 1.2em; min-height: 375px;}
#contenu .zone-texte ul li {list-style: disc; margin: 0 0 .25em;}
#contenu .zone-texte ol li {list-style: decimal; margin: 0 0 .25em;}
#contenu .zone-texte ul ul, #contenu .zone-texte ol ol {margin-top: .25em; margin-bottom: .25em;}
#contenu .zone-texte h2 {font-size: 1.2em;}
#contenu .zone-texte h3 {font-size: 1.1em;}
#contenu .zone-texte blockquote {margin: 0 2em 1em; font-style: italic;}

#contenu img.top, .resultats img.top { height:10px; position:relative; top:-10px; left:0;}
#contenu img.bottom, .resultats img.bottom{ height:10px; position:relative; bottom:-10px; left:0;}
#contenu .demi-gauche { width:361px; margin-left:12px; background-color:#f5f5f5; float:left;}
#contenu .demi-droite { width:358px; margin-right:12px; float:right;}
#contenu .demi-gauche img.top { height:9px; position:relative; top:-9px;}
#contenu .demi-gauche img.bottom { height:9px;  position:relative; bottom:-9px;}

.contenu-wrapper { padding:0 0 0 25px; }


ul a { text-decoration:none; }
ul a:hover { text-decoration:underline; }

ul.liste-de-l-accueil { padding:0 2.5em 0 0;}
ul.liste-de-l-accueil li { margin:1em 0; padding-top:1.1em; border-top:2px solid #d5d5d5;}
ul.liste-de-l-accueil img { float: left; margin: 0 1em 5px 0; max-width: 75px;}
ul.liste-de-l-accueil span { display:block;}
ul.liste-de-l-accueil .la-date {font-size:1.1em;}
ul.liste-de-l-accueil .le-titre {display: block; font-size:1.2em; font-weight:bold; margin: .25em 0;}
ul.liste-de-l-accueil .le-resume {font-size:1.1em;}
ul.liste-de-l-accueil .le-resume a { display:inline;}
ul.sous-menu li { display:inline; padding:0px 10px 0px 0px; font-size: 1.1em; }

.resultats { width:744px; display:inline; margin:0; padding:0; float:left; margin-top:100px; margin-bottom:50px; margin-left:0; background:url(../img/contenu-bkg-middle.png) repeat-y 0 0;}
.resultats a:hover{text-decoration:none;}
.resultatRecherche {  padding: 0 25px 1.5em;}
.resultats .typeDocument { text-transform:uppercase;}
.resultats .le-titre { font-size:1.2em; font-weight:bold; text-decoration:underline;}
.resultats .resultatResume { font-size:1.1em; color:#000;}
.resultats a.ligne-url { font-size:1.1em; text-decoration:none; }
.resultats a:hover.ligne-url { text-decoration:underline;}

.resultatPages { padding:0;margin-top:1.5em; text-align:center; font-size:1.2em;}
.resultatPages span { padding:0; margin:0 auto;}
.resultatPages span a { text-decoration:underline; color:#3a3125; }
.resultatPages span span { text-decoration:none; font-weight:bold; color:#3a3125;}
.resultatPages span a span { text-decoration:none; font-weight:normal; color:#3a3125;}
.resultatPages span a:hover { text-decoration:none;}
.resultatPages span a:hover span { text-decoration:none;}
.resultatPages span a span.lien-texte { color:#97012c; text-decoration:underline; font-weight:bold;}
.resultatPages span a span.lien-texte span { color:#97012c; text-decoration: none; font-weight: normal;}
.resultatPages span a:hover span.lien-texte { text-decoration:none;}

#col-droite { clear:right; float:right; display:inline; width:190px; margin-right:0; margin-bottom:50px; background: url(../img/col-droite-background.png) repeat-x top center; }
#col-droite img.bottom { margin-bottom:-7px; }
#col-droite ul { margin-top:30px; margin-left:20px; line-height:1.2; }
#col-droite ul li { margin:2px 0; padding:0; }
#col-droite ul li a { margin:0; padding:0; font-size:1.2em; color:#3a3125; text-decoration:none; }
#col-droite ul li a:hover { cursor:pointer; text-decoration:underline; }
#col-droite ul li.actif a { color:#97012c; font-weight:bold; }

/* Divers */

.clear { clear:both!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
.clear-droite { clear:right!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}

/* Clearfix */

.clearfix {display: inline-block; }
.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }

#edit-form td { vertical-align: top; }
#edit-form td:first-child { width: 150px; text-align: left; }
#edit-form table { width: 100%; }
#edit-form input, #edit-form textarea { width: 80%; }
#edit-form textarea { height: 100px; }
#edit-form p { margin-bottom: 2px; }
#edit-form tr { border-top: 1px black solid; }
#edit-form tr:first-child { border-top: none; }

.form td { vertical-align: top; }
.form th { font-weight: bold; }
.form td:first-child { width: 150px; text-align: left; }
.form table { width: 100%; }
.form input[type=text], .form textarea, .form select { width: 80%; }
.form textarea { height: 100px; }
.form p { margin-bottom: 2px; }
.form tr:first-child { border-top: none; }

.odd { background: #ddd; }

#repertoire { border:1px solid #bbb; padding:20px; margin: 10px; width:95% }
#repertoire th, td { padding:5px }

#actualites {position: relative;}
#rss-actualites {position: absolute; right: 26px; top: 10px;}
Commit	Line	Data
588d6b93	1	/*
	2	Feuille de styles - GLOBAL
	3	Par Erick chez http://www.ixmedia.com
	4	Date de creation: 2009-05-11
	5	Modification: 2009-05-14 [Erick]
	6	*/
	7
	8	/* COULEURS
	9
d15017b2 CR	10	TXT -----------> #3a3125 et #000
d15017b2 CR	11	LINK ----------> #97012c
588d6b93	12	LIGNES grises -> #e0e0e0 et #d5d5d5
	13	*/
	14
	15	/* RESET */
d15017b2	16
d15017b2 CR	17	@import url("reset.css");
d15017b2 CR	18
588d6b93	19	/* General */
588d6b93	20
d15017b2	21	html {height:100%;}
588d6b93	22	body { height:100%; font-size: 62.5%; /* <- 1em equivaut 10px */ line-height:1.4; color:#3a3125; background:#fff url(../img/background-body.jpg) repeat-y 50% 0; font-family: Verdana, Arial, Sans-Serif; text-align: center;}
d15017b2	23	a, a:active {text-decoration:underline;color:#97012c;}
588d6b93	24	a:visited {color:#97012c;}
	25	a:hover {color:#97012c;}
	26	a img {border: none;}
	27	abbr, acronym {border-bottom:.1em dotted;cursor:help;}
	28
d15017b2 CR	29	h1{font-size:1em;margin:0 0 1em 0;}
	30	h2{font-size:1em;margin:0 0 1em 0;}
	31	h3{font-size:1em;margin:0 0 1em 0;}
	32	h4{font-size:1em;margin:0 0 1em 0;}
	33	h5{font-size:1em;margin:0 0 1em 0;}
	34	h6{font-size:1em;margin:0 0 1em 0;}
588d6b93	35
d15017b2 CR	36	em{font-style:italic;}
	37	strong{font-weight:bold;}
	38	p{margin:0 0 1em 0;}
	39	ul, ol{margin:0 0 1em 33px;list-style:none;}
	40	dt{margin:0.5em 0 0;}
	41	dd{margin:0.25em 0 0.5em 2.5em;}
	42	sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
588d6b93	43
588d6b93	44	.box { padding:0 0 20px 0; }
f4db9f51	45	.lbl {color: #97012c; }
d15017b2	46
13146d99 AJ	47	.centre { text-align:center }
13146d99 AJ	48
d15017b2 CR	49	#fond {padding:0; margin:0; display:block; position:relative; width:100%; height:auto !important; height:100%; min-height:100%; background: url(../img/background-fond.jpg) no-repeat 50% 0; text-align:left;}
	50	#enrobage {padding:0; margin:0 auto; display:block; position:relative; width:960px; height:auto !important; height:100%; min-height:100%;}
	51
	52	h1 { float:left; width:144px; height:110px; margin-top:25px; margin-left:20px; display:inline;}
	53	h1 a { display:block; width:144px; height:110px; text-indent:-99999px; background:url(../img/logo-agence-universitaire-de-la-francophonie.gif) no-repeat 0 0;border:none; text-decoration:none;}
5ecd5424	54	#sous-menu { padding-top:1px; margin-right:0; color:#fff; display:inline; height:24px; width:420px; float:right;}
d15017b2 CR	55	#sous-menu a { display:block; height:19px; padding:5px 10px 1px 10px; color:#fff; font-size:1.1em; text-decoration:none; float:right; white-space:nowrap; background-color:#4c4030;}
	56	#sous-menu a:hover { text-decoration:underline;}
	57	#sous-menu a.bout-gauche { background:#4c4030 url(../img/sous-menu-top-coin-gauche.gif) no-repeat 0 0; padding-right:5px;}
	58	#sous-menu a.bout-droit { background:#4c4030 url(../img/sous-menu-top-coin-droit.gif) no-repeat 100% 0; padding-left:5px;}
	59	#sous-menu span { display:block; height:19px;float:right;padding:6px 2px 0 2px; background-color:#4c4030;}
	60	h2.slogan { position:absolute; top:33px; left:240px; display:block; font-size:3.4em; color:#3a3125; padding:0;font-family:"Myriad Pro", "Lucida Grande", sans-serif; font-weight:normal; letter-spacing:-1px; line-height:0.8em; z-index:1000; }
	61	h2.slogan span { display:block; margin: .7em 0 0; font-size:0.55em; color:#97012c; letter-spacing:normal; line-height: 1.1;}
	62	div.boite-recherche { z-index:1000; display:block; position:absolute; top:130px; left:240px; width:390px; height:90px; background: url(../img/recherche-background.gif) no-repeat 0 5px;}
	63	div.boite-recherche input { position:absolute; top:26px; left:10px; height:16px; margin-top:10px; width:300px; background:none; font-size:1.3em; border:none;}
	64	div.boite-recherche button { position:absolute; top:22px; right:17px; height:45px; width:45px; background:url(../img/recherche-button.gif) no-repeat 0 0; color:#97012c; border:none;}
	65	div.boite-recherche button:hover { background:url(../img/recherche-button-over.gif) no-repeat 0 0; cursor:pointer;}
	66	div.boite-recherche h3 { font-size:2em; font-weight:normal; letter-spacing:-1px; margin: 0;}
	67	div.boite-recherche h3 span { font-size:.6em; font-weight:normal; letter-spacing: normal;}
5ecd5424 CR	68	div.boite-recherche p { position:absolute; bottom:13px; left: 0; color:#3a3125; margin: 0; }
	69	div.boite-recherche p a { color:#3a3125;}
	70	div.boite-recherche p a:hover { color:#97012c; text-decoration:none;}
d15017b2	71
588d6b93	72	#contenu { width:744px; margin:100px 0px 50px 0px; padding:0; display:inline; float:left;background:url(../img/contenu-bkg-middle.png) repeat-y 0 0; }
a008c7e5	73	#tabs { margin-left: 8px; margin-right: 8px; }
588d6b93	74	#contenu h4 { padding: 0 25px; margin-bottom:0.4em; font-size:2.2em; font-weight:normal; letter-spacing:-1px; }
d15017b2 CR	75	#contenu .zone-texte {padding: 0 25px; font-size: 1.2em; min-height: 375px;}
	76	#contenu .zone-texte ul li {list-style: disc; margin: 0 0 .25em;}
	77	#contenu .zone-texte ol li {list-style: decimal; margin: 0 0 .25em;}
	78	#contenu .zone-texte ul ul, #contenu .zone-texte ol ol {margin-top: .25em; margin-bottom: .25em;}
	79	#contenu .zone-texte h2 {font-size: 1.2em;}
	80	#contenu .zone-texte h3 {font-size: 1.1em;}
	81	#contenu .zone-texte blockquote {margin: 0 2em 1em; font-style: italic;}
	82
d15017b2 CR	83	#contenu img.top, .resultats img.top { height:10px; position:relative; top:-10px; left:0;}
d15017b2 CR	84	#contenu img.bottom, .resultats img.bottom{ height:10px; position:relative; bottom:-10px; left:0;}
d15017b2	85	#contenu .demi-gauche { width:361px; margin-left:12px; background-color:#f5f5f5; float:left;}
588d6b93	86	#contenu .demi-droite { width:358px; margin-right:12px; float:right;}
d15017b2 CR	87	#contenu .demi-gauche img.top { height:9px; position:relative; top:-9px;}
d15017b2 CR	88	#contenu .demi-gauche img.bottom { height:9px; position:relative; bottom:-9px;}
d15017b2	89
6b63c05b	90	.contenu-wrapper { padding:0 0 0 25px; }
	91
	92
92c7413b	93
588d6b93	94	ul a { text-decoration:none; }
	95	ul a:hover { text-decoration:underline; }
	96
d15017b2	97	ul.liste-de-l-accueil { padding:0 2.5em 0 0;}
588d6b93	98	ul.liste-de-l-accueil li { margin:1em 0; padding-top:1.1em; border-top:2px solid #d5d5d5;}
d15017b2 CR	99	ul.liste-de-l-accueil img { float: left; margin: 0 1em 5px 0; max-width: 75px;}
	100	ul.liste-de-l-accueil span { display:block;}
	101	ul.liste-de-l-accueil .la-date {font-size:1.1em;}
	102	ul.liste-de-l-accueil .le-titre {display: block; font-size:1.2em; font-weight:bold; margin: .25em 0;}
	103	ul.liste-de-l-accueil .le-resume {font-size:1.1em;}
	104	ul.liste-de-l-accueil .le-resume a { display:inline;}
588d6b93	105	ul.sous-menu li { display:inline; padding:0px 10px 0px 0px; font-size: 1.1em; }
d15017b2 CR	106
	107	.resultats { width:744px; display:inline; margin:0; padding:0; float:left; margin-top:100px; margin-bottom:50px; margin-left:0; background:url(../img/contenu-bkg-middle.png) repeat-y 0 0;}
	108	.resultats a:hover{text-decoration:none;}
	109	.resultatRecherche { padding: 0 25px 1.5em;}
	110	.resultats .typeDocument { text-transform:uppercase;}
	111	.resultats .le-titre { font-size:1.2em; font-weight:bold; text-decoration:underline;}
	112	.resultats .resultatResume { font-size:1.1em; color:#000;}
	113	.resultats a.ligne-url { font-size:1.1em; text-decoration:none; }
	114	.resultats a:hover.ligne-url { text-decoration:underline;}
	115
	116	.resultatPages { padding:0;margin-top:1.5em; text-align:center; font-size:1.2em;}
	117	.resultatPages span { padding:0; margin:0 auto;}
	118	.resultatPages span a { text-decoration:underline; color:#3a3125; }
	119	.resultatPages span span { text-decoration:none; font-weight:bold; color:#3a3125;}
	120	.resultatPages span a span { text-decoration:none; font-weight:normal; color:#3a3125;}
	121	.resultatPages span a:hover { text-decoration:none;}
	122	.resultatPages span a:hover span { text-decoration:none;}
	123	.resultatPages span a span.lien-texte { color:#97012c; text-decoration:underline; font-weight:bold;}
	124	.resultatPages span a span.lien-texte span { color:#97012c; text-decoration: none; font-weight: normal;}
	125	.resultatPages span a:hover span.lien-texte { text-decoration:none;}
	126
	127	#col-droite { clear:right; float:right; display:inline; width:190px; margin-right:0; margin-bottom:50px; background: url(../img/col-droite-background.png) repeat-x top center; }
	128	#col-droite img.bottom { margin-bottom:-7px; }
	129	#col-droite ul { margin-top:30px; margin-left:20px; line-height:1.2; }
	130	#col-droite ul li { margin:2px 0; padding:0; }
	131	#col-droite ul li a { margin:0; padding:0; font-size:1.2em; color:#3a3125; text-decoration:none; }
	132	#col-droite ul li a:hover { cursor:pointer; text-decoration:underline; }
	133	#col-droite ul li.actif a { color:#97012c; font-weight:bold; }
	134
588d6b93	135	/* Divers */
588d6b93	136
d15017b2 CR	137	.clear { clear:both!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
d15017b2 CR	138	.clear-droite { clear:right!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
588d6b93	139
	140	/* Clearfix */
	141
d15017b2 CR	142	.clearfix {display: inline-block; }
	143	.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	144	* html .clearfix { height: 1%; }
	145	.clearfix { display: block; }
5ecd5424 CR	146
	147	#edit-form td { vertical-align: top; }
	148	#edit-form td:first-child { width: 150px; text-align: left; }
	149	#edit-form table { width: 100%; }
	150	#edit-form input, #edit-form textarea { width: 80%; }
	151	#edit-form textarea { height: 100px; }
	152	#edit-form p { margin-bottom: 2px; }
	153	#edit-form tr { border-top: 1px black solid; }
	154	#edit-form tr:first-child { border-top: none; }
	155
92c7413b CR	156	.form td { vertical-align: top; }
	157	.form th { font-weight: bold; }
	158	.form td:first-child { width: 150px; text-align: left; }
	159	.form table { width: 100%; }
	160	.form input[type=text], .form textarea, .form select { width: 80%; }
	161	.form textarea { height: 100px; }
	162	.form p { margin-bottom: 2px; }
	163	.form tr:first-child { border-top: none; }
	164
13146d99 AJ	165	.odd { background: #ddd; }
	166
	167	#repertoire { border:1px solid #bbb; padding:20px; margin: 10px; width:95% }
	168	#repertoire th, td { padding:5px }
37c3ba94	169
	170	#actualites {position: relative;}
	171	#rss-actualites {position: absolute; right: 26px; top: 10px;}