body {
font-size: 0.9em;
}
/* ################ ############################## */
ul#onglets_langue_ar {
font-family: Georgia, serif;
width:770px;
margin:auto;
padding-bottom:27px !important; /* for firefox only */ padding:0; /* for ie only */
background:url(../structure/bg_ul.gif) no-repeat left bottom;
text-align:left;
}
ul#onglets_langue_ar li {
list-style-type:none;
display:inline;
}
ul#onglets_langue_ar li.fr_on a { color:#084A6B; }
ul#onglets_langue_ar li.fr_on {
float:left;
width:85px; height:27px;
background:url(../structure/li_fr.gif) no-repeat left top;
text-decoration:none; color:#084A6B; font-weight:bold;
margin-left:55px;
}
ul#onglets_langue_ar li.fr_on span{
display:block;
margin:5px 0 0 25px;
}
ul#onglets_langue_ar li.fr_off {
float:left;
width:73px; height:24px;
background:url(../structure/li_fr_off.gif) no-repeat left top;
margin-left:55px;
font-size:10px;
}
ul#onglets_langue_ar li.fr_off span{
display:block;
margin:5px 0 0 23px;
text-decoration:none; color:#3F5E6D;
}
ul#onglets_langue_ar li.fr_off:hover {
background:url(../structure/li_fr_hover.gif) no-repeat left top;
}
ul#onglets_langue_ar li.en_off span{
display:block;
margin:5px 0 0 23px;
}
ul#onglets_langue_ar li.en_off {
float:left;
width:73px; height:27px;
background:url(../structure/li_en.gif) no-repeat left top;
text-decoration:none; color:#3F5E6D;
}
ul#onglets_langue_ar li.en_off a { color:#3F5E6D;font-size:9px; }
ul#onglets_langue_ar li.en_off:hover {
background:url(../structure/li_en_hover.gif) no-repeat left top;
}
ul#onglets_langue_ar li.en_on span{
display:block;
margin:5px 0 0 25px;
}
ul#onglets_langue_ar li.ar_on span{
display:block;
margin:5px 20px;
}
ul#onglets_langue_ar li.ar_on a {
float:left;
width:83px; height:24px;
background:url(../structure/li_ar_on.gif) no-repeat left top;
text-decoration:none; color:#084A6B; font-weight:bold;
text-align:right; font-size:14px
}
/* ################ ############################## */
#header_ar #egypte, #header_ar #ancienne { font-family: Georgia, serif;text-align:left;margin:0; padding:0 }
div#header_ar {
position:relative;
width:770px; margin:auto;
background:url(../structure/header_ar.jpg) left top;
text-align:left;
}
#header_ar #titre #egypte {
font-size: 60px;
font-weight: 2000;
color: #084A6B;
position: absolute;
top: 5px;
right: 5px;
z-index: 2;
}
#header_ar a {text-decoration:none;cursor:pointer;}
#header_ar #titre:hover #egypte { color:#3F5E6D; }
#header_ar #titre:hover #ancienne { color:#084A6B; }
#header_ar #titre:active strong { color:#CE3112; }
#header_ar #titre #ancienne{
font-size: 60px;
font-weight: 2000;
color:#3F5E6D;
position: absolute;
top: 5px;
right: 100px;
z-index: 1;
}
#header_ar #titre strong {
background:url(../structure/nav_ar.gif) no-repeat top right;
padding: 8px 30px 0 0;
color: #084A6B;
position: absolute;
top: 60px;
right: 5px;
letter-spacing : 10px ;
z-index: 1;
font-size:12px;
}
#header_ar #titre {
display:block;
height:90px;
}
#header_ar #ariane { background:transparent url("../structure/bg_ariane.gif") repeat-x bottom; text-align:left;padding-left:5px; }
#header_ar #ariane #recherche { float:left:width:200px; }
#header_ar #ariane #arborescence { text-align:right;padding-right:5px; float:right;width:540px; }
#header_ar #ariane #arborescence a { color:#084A6B;font-weight:bold; }
#header_ar #ariane #arborescence a:hover { color:#CE3008 }
#header_ar #ariane #arborescence a img { vertical-align:middle;padding-bottom:2px;border:0; }
#header_ar div#search #recherche {
border:0;
width:95px;
padding:3px 20px 1px 0; margin:0;
background:transparent url(../structure/search_ar.gif) top right no-repeat;
color:#084A6B;
font-size:10px;
}
#header_ar div#search #submit {
border:0; width:16px; height:16px;
background:transparent url(../structure/search_ok.gif) center left no-repeat;
margin-left:5px;
}
/* ################### ########################## */
#onglets_ar {
font-family: Georgia, serif;
float:left;
width:768px;
background:transparent url(../structure/bg.gif) repeat-x bottom;
border:solid #FE9D10;
border-width:0 1px;
line-height:normal;
}
#onglets_ar ul {
margin:0;
padding:10px 10px 0 100px;
list-style:none;
}
#onglets_ar li {
display:inline;
margin:0;
padding:0;
}
#onglets_ar a {
float:left;
background:url(../structure/left_both.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
border-bottom:1px solid #FF9000;
text-decoration:none;
white-space:nowrap;
}
#onglets_ar a span {
float:left;
display:block;
background:url(../structure/right_both.gif) no-repeat right top;
padding:5px 15px 4px 6px;
font-weight:bold;
font-size:14px;
color:#506976;
}
#onglets_ar li#rub_news a, #onglets_ar li#rub46 a, #onglets_ar li#rub_forum a, #onglets_ar li#rub_enfants a { background:url(../structure/left_both2.gif) no-repeat left top; }
#onglets_ar li#rub_news a span, #onglets_ar li#rub46 a span, #onglets_ar li#rub_forum a span, #onglets_ar li#rub_enfants a span { background:url(../structure/right_both2.gif) no-repeat right top; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglets_ar a span {float:none;}
/* End IE5-Mac hack */
#onglets_ar a:hover span { color:#084A6B; }
#onglets_ar a:hover { background-position:0% -150px; }
#onglets_ar a:hover span { background-position:100% -150px; }
/* ################### ########################## */
#pied p.partenaires { text-align:right; }
div#conteneur_ar {
background:url(../structure/bg_contenu_ar.gif) repeat-y left top;
width:770px;
margin:auto;
overflow:hidden; /* permet d'afficher le background sous les menus et articles - voir : http://forum.alsacreations.com/topic-4-9838-1-resolu-Float-et-background.html */
}
div#conteneur_top_ar, div#conteneur_bas_ar { width:770px; height:6px; margin:auto; font-size:1px; }
div#conteneur_top_ar { margin-top:5px; background:url(../structure/contenu_haut_ar.gif) no-repeat left top;font-size:1px; }
div#conteneur_bas_ar { background:url(../structure/contenu_bas_ar.gif) no-repeat left top;clear:both; }
div#menu_ar { width:270px; float:right;text-align:right; }
div#contenu_ar { width:500px; float:left; }
#cadre_contenu_ar { text-align:justify;padding-left:5px;font-size:1.1em;overflow: hidden; } /* #cadre_menu et #cadre_contenu, servent ? ajouter */
#cadre_menu_ar { padding: 0; } /* des marges internes ? #menu et #contenu */
#contenu_ar .espaceur_top {
width:428px; height:5px;
font-size:1px; /* corrige un bug IE */
clear:both; /* corrige un bug (?) sur firefox, quand la galerie photos est activ?e */
margin:auto;
background:url(../structure/titre_haut.gif) no-repeat top left;
}
#contenu_ar .espaceur {
width:428px;
margin:auto; padding-bottom:5px;
background:url(../structure/bg_titre.gif) repeat-y top left;
}
#contenu_ar .surtitre, #contenu_ar .soustitre, #contenu_ar h1 {
text-align:center;
padding:0;
margin:0;
font-family:georgia,serif;
}
#contenu_ar .titre_bas {
width:428px; height:20px;
margin:auto; position:relative;
font-size:12px !important; /* retablissement d'une taille normale pour opera et mozilla */
font-size:0; /* correction du bug ie */
background:url(../structure/titre_bas.gif) no-repeat left bottom;
}
#contenu_ar .titre_bas li { display:inline; }
#contenu_ar .titre_bas ul { margin:0;padding:0; }
#contenu_ar ul.gauche { float:left; }
#contenu_ar ul.droite { float:right; }
/* ################### ########################## */
/* ################### ########################## */
#contenu_ar a:link { color:#CE3008; text-decoration:underline; }
#contenu_ar a:visited { color:#3F5E6D;font-style:italic;text-decoration:none; }
#contenu_ar a:visited:hover { color:#084A6B; }
#contenu_ar a:focus { color:#084A6B; }
#contenu_ar a:hover { color:#084A6B;text-decoration:none; }
/* ################### ########################## */
#contenu_ar h2 {
font-family: Georgia, serif;
height:35px;
font-size: 1.5em;
line-height: 2.2em;
background : url(../structure/titre_ar.jpg) top right no-repeat;
padding-right: 100px;
text-align:right;
}
#contenu_ar h3{
font-family: Georgia, serif;
color: #CE3008;
font-style: italic;
font-weight: normal;
font-size: 1.5em;
margin-right: 2em;
background : url(../structure/nav_ar.gif) center right no-repeat;
padding-right: 35px;
text-align:right;
}
#contenu_ar .top_info { margin-top:5px; background:url(../structure/info_haut.gif) top left no-repeat; }
#contenu_ar .bas_info { margin-bottom:5px; background:url(../structure/info_bas.gif) top left no-repeat; }
#contenu_ar .top_alert { margin-top:5px; background:url(../structure/alert_top.gif) top left no-repeat; }
#contenu_ar .bas_alert { margin-bottom:5px; background:url(../structure/alert_bas.gif) top left no-repeat; }
#contenu_ar .top_dossier { margin-top:5px; background:url(../structure/haut_dossier.gif) top left no-repeat; }
#contenu_ar .bas_dossier { margin-bottom:5px; background:url(../structure/bas_dossier.gif) top left no-repeat; }
#contenu_ar .info { background:url(../structure/bg_info.gif) top left repeat-y; }
#contenu_ar .alert { background:url(../structure/bg_alert.gif) top left repeat-y; }
#contenu_ar .dossier { background:url(../structure/bg_dossier.gif) top left repeat-y; }
#contenu_ar .info p { margin:0 0 0 5px; padding:0 5px 0 20px;background:url(../structure/information.gif) top left no-repeat; }
#contenu_ar .alert p { margin:0 0 0 5px; padding:0 5px 0 20px;background:url(../structure/alert.gif) top left no-repeat; }
#contenu_ar .dossier p { margin:0 0 0 5px; padding:0 5px 0 20px;background:url(../structure/dossier.gif) top left no-repeat; }
#contenu_ar .dossier ul { margin-bottom:0; padding-bottom:0; }
#contenu_ar .info p a { text-decoration:none;font-style:italic;color:#CE3008 }
#contenu_ar .info p a:hover { color:#084A6B }
#contenu_ar p.infos, #contenu p.ebauche {
width:428px; height:24px;
margin:auto;
margin-top:5px;
}
#contenu_ar p.ebauche { background:url(../structure/alerte.gif) no-repeat }
#contenu_ar p.infos { background:url(../structure/info_ar.gif) no-repeat }
#contenu_ar p.infos span a, #contenu p.alerte span a { text-decoration:none }
#contenu_ar p.infos span, #contenu p.ebauche span {
margin-right:25px;
line-height:25px;
}
#contenu_ar dl#menu_article {
width:150px;
float:right;
margin-right:5px;
background:url(../structure/menu_art_bas.gif) left bottom no-repeat;
}
#contenu_ar dl#menu_article dt {
height:17px;
background:url(../structure/menu_art_top.gif) left top no-repeat;
padding-left:5px;
font-family:georgia,serif;
font-size:1em;
letter-spacing:.7em;
text-align:center;
}
#contenu_ar dl#menu_article dd {
height:19px;
background:url(../structure/bg_menu_art.gif) top left no-repeat;
margin:0;
padding:0 5px;
text-align:left;
}
#contenu_ar dl#menu_article dd:last-child { margin-bottom:4px }
table.spip { direction:rtl; }
dl.chronologie3{
margin: 0;
padding: 0;}
.chronologie3 dt{
position: relative;
right: 0;
top: 1.1em;
width: 10em;
font-size:1.5em}
.chronologie3 dt a{
font-size:0.9em;
text-decoration:none;}
.chronologie3 dt a:hover{
font-size:0.9em;
text-decoration:none;}
.chronologie3 dd {
border-right: 1px solid #084A6B;
margin: 0 11em 0 0;
padding-right: .5em;}