/* Feuille de style CSS pour XPAGES */


body {
	font-family : Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color:#000000;
}
	
.page {
	padding: 5px;
	margin: 0px;
}

.zone_logo {
	margin-left: 10px;
	float: left;
}



.titre_site_1 {
	font-size: 15pt;
	font-weight: bold;
	white-space:nowrap;
	color: #2c2a75;
	margin-left:190px;
	margin-top:0px;
}

.titre_site_2 {
	display:none;
	font-size: 140%;
	font-weight: bold;
	font-style: italic;
	color: #100971;
	position: absolute;
	top: 5px;
	left: 5px;
}

.zone_rubriques {
	padding:0px;
	text-align: center;	
	clear : both;
}

.table_rubriques {
	background-color: #e4e6ea;
	border: 1px solid #2C2A75;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 1px;
}

.rubrique {
	margin:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
	border: 1px solid  #2A9CC0;
	font-size: 75%;
	font-weight: bold;
	text-align: center;	
}


.rubriquesel {
	border: 1px solid  #2C2A75;
	background-color: #e4e6ea;
	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
	background-color: #e4e6ea;
	font-size: 75%;
	font-weight: bold;
	color: #2c2a75;
	text-align: center;	
}

.rubrique a {
	text-decoration: none;
	display: block;
	color: #2a9cc0;
}

.rubrique a:hover {
	color: #2c2a75;
}

.zone_titre {
	margin-left:10px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 240px;
	text-align: center;
}



.zone_titre_centre {
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 10px;
	margin-bottom: 1em;
	text-align: center;
    border-spacing: 0px;
    border-collapse: collapse;
}

.zone_titre_centre table td {
    padding: 0px;
}

.zone_titre table {
	margin-left: auto;
	margin-right: auto;
    border-spacing: 0px;
    border-collapse: collapse;
}

.zone_titre table td {
    padding: 0px;
}


.zone_titre_centre table {
	margin-left: auto;
	margin-right: auto;
}

img.icone_page {
	vertical-align: middle;
	margin-right: 5px;
}

body h1
{
	color: #2a9cc0;
	font-variant: small-caps;
	font-size: 18pt;
	padding: 3px;
	margin: 0px;
	text-align: center;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px; 
}


.page h1 {
/*	border: 1px solid  #2a9cc0;
	border-radius: 1em;
	box-shadow: 3px 3px 3px rgba(54, 147, 171, 0.5);*/
}


.zone_titre h1 {
	/*font-size: 15pt;*/
	/*border: 1px solid  #2a9cc0;
	border-radius: 1em;
	box-shadow: 3px 3px 3px rgba(54, 147, 171, 0.5);*/
}

.zone_mininav {
	position: absolute;
	top:80px;
	width: 205px;
	background-color: #e0f8ff;
	border: 2px solid #2a9cc0;
	margin-bottom: 5px;
	border-radius: 0.3em;
}


.zone_minifleches {
	width: 205px;
	background-color: #c1c3c7;
	border: 1px solid #888b91;
	margin-bottom: 5px;
}


.zone_sommaire {
	float:right;
	margin-top: 20px;
	margin-bottom:10px;
	margin-right: 8px;
	margin-left:10px;
	width: 220px;
}

.sommaire {
	position: absolute;
	top:120px;
	background-color: #FFFFFF;
	border: 2px solid #2a9cc0;
	width: 205px;
	padding-top: 2px;
	padding-left: 1px;
	padding-bottom: 2px;
	text-align: left;
	border-radius: 0.3em;
}

.divsommaire {
	padding-left: 6px;
	padding-right: 4px;
	padding-bottom: 2px;
}

.sommaire2 {
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #555555;
}
.sommaire2select {
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #888b91;
	background-color: #FFFFFF;
}

.sommaire3 {
	text-decoration: none;
	font-size: 100%;
	color: #888b91;
}

.sommairepage {
	text-decoration: none;
	font-size: 83%;
	color: #555555;
}

:hover.sommaire2 {
	color: #2A9CC0;
}
:hover.sommaire3 {
	color: #72757a;
}
:hover.sommairepage {
	color: #2A9CC0;
}

.fondsel1sommaire {
	color: #888b91;
}

.fondsel1sommaire .sommairepage{
	color: #2a9cc0;
}


.fondsel2sommaire {
	background-color: #e0f8ff;
}

.fondsel2sommaire .sommairepage
{
	color: #2c2a75;
}

/* corps */

.zone_contenu {
	margin-left:10px;
	margin-right: 240px;
	padding: 1em;
	padding-right:10px;
	border: 1px solid #2a9cc0;
	background-color:#FFFFFF;
	border-radius: 1em;
	box-shadow: 2px 2px 2px rgba(54, 147, 171, 0.5);
	zoom: 100%; /* pour eviter un bug de IE */
}

.zone_contenu_entree {
	clear:both;
	margin-left: 100px;
	margin-right: 100px;
	padding: 1em;
	padding-right:10px;
	border: 1px solid #2a9cc0;
	border-radius: 1em;
	box-shadow: 2px 2px 2px rgba(54, 147, 171, 0.5);
	zoom: 100%; /* pour eviter un bug de IE */
}

.zone_contenu_sommaire {
	clear:both;
	margin-left: 100px;
	margin-right: 100px;
	padding: 1em;
	padding-right:10px;
	border: 1px solid #2a9cc0;
	background-color:#FFFFFF;
	border-radius: 1em;
	box-shadow: 2px 2px 2px rgba(54, 147, 171, 0.5);
	zoom: 100%; /* pour eviter un bug de IE */
}

.zone_contenu_glossaire {
	clear:both;
	margin-left: 100px;
	margin-right: 100px;
	padding: 1em;
	padding-right:10px;
	border: 1px solid #2a9cc0;
	background-color:#FFFFFF;
	border-radius: 1em;
	box-shadow: 2px 2px 2px rgba(54, 147, 171, 0.5);
	zoom: 100%; /* pour eviter un bug de IE */
}

.auteurs {
	text-align: right;
	font-size: 80%;
	margin-bottom: 0.5em;
}

.zone_figure {
	float: right;
	clear: right;
	width: 308px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.cadre_zone_figure {
	padding: 3px;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#FFFFFF;
	border: 2px solid #2a9cc0;
	text-align: center;
	border-radius: 1em;
	box-shadow: 3px 3px 3px rgba(54, 147, 171, 0.5);
	zoom: 100%; /* pour eviter un bug de IE */
}

.cadre_zone_figure img {
	margin-bottom:15px;
}

.cadre_figure_texte {
	width: 520px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	text-align: center;
	background-color:#FFFFFF;
	border: 2px solid #2a9cc0;
	border-radius: 1em;
	box-shadow: 3px 3px 3px rgba(54, 147, 171, 0.5);
	zoom: 100%; /* pour eviter un bug de IE */
	clear: right;
}

.cadre_figure_texte  img 
{
	padding:10px;
}

.cadre_applet_texte {
	color:#FFFFFF;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	border: solid black 1px;
	text-align: center;
	background-color: #000000;
}

.titrefigure {
	text-align: center;
	font-weight: bold;
}

.zone_texte {
	font-size: 11pt;
}


.zone_texte a
{
	font-size: 100%;
	font-weight: bold;
}

.zone_texte a:hover {

}


.zone_liens {
	width: 100%; /* pour eviter un bug de IE */
}

.section_normale {
	margin:20px;
	zoom: 100%; /* pour eviter un bug de IE */
}

.section_cadre {
	padding: 0em 0.5em 0.5em 0.5em;
	margin-bottom: 1em;
	border-radius: 1em;
	zoom: 100%; /* pour eviter un bug de IE */
}

.introduction {
	padding: 0em 0.7em 0.7em 0.7em;
	border-radius: 1em;
	zoom: 100%; /* pour eviter un bug de IE */
}

.conclusion {
font-size: 10pt;
clear:both;
}

.exercice, .qcm {
	padding: 0em 0.7em 0.7em 0.7em;
	margin-bottom: 1em;
	zoom: 100%; /* pour eviter un bug de IE */
	border-radius: 1em;
}

.exercice applet
{
	margin-top:10px;
}



.contenu-aide-solution
{
padding:10px;
margin:10px;
margin-top:0px;
border:1px;
border-style: solid;
border-color: #2a9cc0;
box-shadow: 3px 3px 3px rgba(54, 147, 171, 0.5);
}

p {
	text-indent: 1em;
	text-align: justify;
/*	margin-bottom: 1em;*/

}

.question p
{
margin:4px;
}

.iconeimage {
	clear: right;
	margin : 0.5em;
	margin-bottom:15px;
	border-width: medium;
	border-style: solid;
	border-color: #2a9cc0;
	border-radius: 0.3em;
	box-shadow: 3px 3px 3px rgba(54, 147, 171, 0.5);
}

:hover.iconeimage {
}

.legende {
	border-top: 1px dotted #2a9cc0;
	padding-top:10px;
	font-size: 83%;
	font-weight: bold;
	color: #2a9cc0;
	text-decoration: none;
} 

.credit {
	margin-top:10px;
	font-size: 70%;
	text-align: right;
}

.glossaire {
}

:hover.glossaire {
}



table.tableau {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	border: 3px solid #2a9cc0;
	color : #2a9cc0;
	border-radius: 0.3em;
	box-shadow: 3px 3px 3px rgba(54, 147, 171, 0.5);
    border-spacing: 0px;
    border-collapse: collapse;
}

table.tableau td, table.tableau th {
    padding: 2px;
}

table.tableau td {
    border: 1px solid #A0A0A0;
}

table.tableau th {
	border: 1pt #C8C8C8 outset;
	background-color: #E0E0E0;
	font-size: 100%;
	font-weight: bold;
}

table.tableau td.tableaux1 {
	border: 1px solid #2a9cc0;
	background-color: #FFFFFF;
	font-size: 100%;
}

table.tableau td.tableaux2 {
	border: 1px solid #2a9cc0;
	background-color: #dae5e9;
	font-size: 100%;
}

caption {
	font-weight: bold;
	color: #2a9cc0;
}

h2 {
	font-size: 115%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h4 {
	font-size: 90%;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h5 {
    font-size: 90%;
    font-weight: normal;
	font-style: italic;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

img.maths {
	vertical-align: middle;
	background-color:#FFFFFF;
	padding:3px;
	border-radius: 0.3em;
}

.spacer {
	clear : both;
}

ul {
	text-indent: 0em;
	padding-left: 1em;
}

li {
	margin-bottom: 0.5em;
}

a.lien {
}

:hover.lien {
}

a.lien:visited {
}

a.lien:active {
}

a.lienimage {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #106030;
}

:hover.lienimage {
	background-color: #2c2a75;
}

div#imagettes {
	text-align: right;
}

img.icone_section {
	vertical-align: middle;
	margin-right: 5px;
}

a.lienaide {
	margin:0px;
	padding:5px;
	font-size: 75%;
	font-weight: bold;
	color: #2c2a75;
	text-decoration: none ;
	border: 1px #2a9cc0 solid;
	background-color: #FFFFFF;
        margin-right:10px;
}

a.liensolution {
	margin:0px;
	padding:5px;
	font-size: 75%;
	font-weight: bold;
	color : #960018;
	text-decoration: none ;
	border: 1px #2a9cc0 solid;
	background-color: #FFFFFF;
}

.selectionlien
{
background-color: #FFFFFF!important;
border-bottom: 1px #FFFFFF solid!important;
}

div.questionqcm
{
	padding: 5px;
	margin-bottom: 0.5em;
}

span.reptexte
{
	font-size: 80%;
}

.commentaire {
	font-weight: bold;
	font-style: italic;
	color: #FF0000;
}

pre {
	background-color: #F0F0F0;
	padding: 4px;
}

span.code {
    font-family: monospace;
}

@font-face { 
    font-family: 'STIXSubset-Regular';
    src: url('../symboles/STIXSubset-Regular.eot');
    src: url('../symboles/STIXSubset-Regular.eot?#iefix') format('embedded-opentype'),
         url('../symboles/STIXSubset-Regular.woff') format('woff'),
         url('../symboles/STIXSubset-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

span.symbole {
	font-family: STIXSubset-Regular, "Times New Roman", Times, serif;
}