#wrap-arabe { /* wrap avec fond arabesque bleu */ padding:15px; clear: both; /* ??? */ width: 960px; margin: 0 auto; color: black; border:double #ccc; /* bordure double */ background-image: url(mosquee2.jpg);} @media screen and (max-width: 640px) {#wrap-arabe {width: 100%;}} #sitenav {float: left; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0,7em; font-weight: bold; width: 12em; border-right: 1px solid #666; padding: 0; margin-bottom: 1em; margin-right: 5px; background-color: #ABA2BF; color: #333;} #sitenav ul {list-style: none; margin: 0; padding: 0;} #sitenav ul li {margin: 0; border-top: 1px solid #000068;} #sitenav ul li a {display: block; padding: 2px 2px 2px 0.5em; border-left: 10px solid #000068; border-right: 1px solid #000068; border-bottom: 1px solid #000068; background-color: #ABA2BF;} html>body #sitenav ul li a {width: auto;} #wrap-arabe1 { /* wrap avec fond arabesque marron. Utilisé pour le dictionnaire grammatical */ padding:15px; clear: both; /* ??? */ width: 960px; margin: 0 auto; font-size: 120%; font-family: Arial, Helvetica, sans-serif; color: #673939; border:double #ccc; /* bordure double */ background-image: url(algerie.gif);} @media screen and (max-width: 640px) {#wrap-arabe1 {width: 100%;}} #wrap-arabe1 h1 {text-align: center;} #wrap { /* wrap avec fond bleu ciel */ padding:15px; clear: both; /* ??? */ width: 960px; margin: 0 auto; background-color: #dbdffb; color: black; font-size: 100%; font-family: Arial, Helvetica, sans-serif; border:double #ccc; /* bordure double */ } @media screen and (max-width: 640px) {#wrap {width: 100%;}} /* pages des leçons et exercices (sous wrap) */ /* titres utilisés pour le sommaire de la grammaire */ #wrap h2 {font-size: 120%; font-weight: normal; color: #554dd8;} #liste-lecons td {padding: 10px;} #wrap-dico { /* wrap des pages du dictionnaire */ padding:15px; clear: both; /* ??? */ width: 960px; margin: 0 auto; background-color: #dbdffb; color: black; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; border:double #ccc; /* bordure double */ } @media screen and (max-width: 640px) {#wrap-dico {width: 100%;}} #wrap-dico h2 {font-size: 150%; font-weight: bold; color: #554dd8; text-align: center;} p {margin-top:0; margin-bottom:0;} p.droite { /* paragraphe cadré à droite */ text-align: right; } li {margin-bottom: 10px;} .commentaire { /* texte de commentaire */ color: #006400; /* dark green */ margin: 0; } .arabephone { /* écriture phonétique arabe */ color: purple; /* font-weight: bold; */ margin-bottom : 0; } .arabephoned { /* écriture phonétique arabe cadrée à droite */ color: purple; margin-top : 10px; /* car au-dessus dans le dico il y a en général un texte en arabe */ margin-bottom : 0; text-align: right; } .arabe { /* écriture en lettres arabes. Rajouter une marge en bas pour éviter le chevauchement */ color: #554dd8; font-weight: normal; font-family: "Arial", serif; font-size: 140%; } .francais { color: black;} .francaisd { /* écriture en français cadrée à droite */ color: black; text-align: right; } p.legende {font-size: 10px; margin-top: 0;} /* légende de photo */ .note {font-size: 10px; color: gray;} /* note de commentaire comme la date de publication, ref au Beaussier */ /* Page d'introduction */ div#livres {margin: 20px 200px 0 200px; padding: 0 0 0 10px; background-color:white;} @media screen and (max-width: 640px) {div#livres {margin: 5px 10px 0 10px;}} div#livres h2 {color:#000068; font-size: 100%; margin: 0 0 0 0;} div#livres p {text-indent: -15px; margin: 0 0 0 15px; color: #000068; font-size: small;} div#nouveautes {background-color: yellow; margin: 20px 200px 0 200px; padding: 0 5px 0 5px;} @media screen and (max-width: 640px) {div#nouveautes {margin: 5px 10px 0 10px;}} div#nouveautes h2 {color:#000068; font-size: 100%; margin: 0 0 0 0;} div#nouveautes p {color: rgb(0, 0, 153); font-size: small;} div#nouveautes p a:hover {color: purple; text-decoration: none;} /* encadré sur une page de pays pour signaler les synthèses sur d'autres pays du même continent */ #cadre-navigation { float: left; border-style: solid; border-color: #588BA0; border-width: 1px; padding: 0.5%; margin: 5%; width: 17%; } #cadre-navigation p {font-size: 60%; margin-left: 10px; color: #296582;} /* titre du bloc */ #cadre-navigation li {list-style-type: none; margin-left: -30px;} /* Pages leçon et exercices (sous wrap) */ /* ------------------------------------- */ p.decale {margin-left: 3%;} /* la div lecon concerne seulement la partie lecon de la page lecon (pas la partie exercices) */ /* Titre de la leçon */ #lecon h1 {width: 200px; font-size: 100%; margin-left: 200px; background-color: #7872D9; color: #dbdffb; padding: 10px;} /* écriture en lettres arabes dans la partie leçon des pages leçon */ #lecon p {margin 0 0 0 0; text-align:right; font-size: large; margin-bottom: 4px;} #lecon .arabe {color: #000068; font-weight: normal; font-family: "DroidNaskh-Bold", Traditional Arabic, Verdana, Arial, Helvetica, sans-serif; font-size: 40px; } /* la div exercices englobe la partie exercices de la page leçon (pas la partie leçon) */ #exercices .arabe { /* écriture en lettres arabes dans la partie exercices des pages leçon */ color: #000068; font-weight: normal; font-size: 30px; font-family:"Times New Roman", Times, serif; margin-bottom: 7px; /* évite le chevauchement à condition d'utiliser