/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Style général
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body { text-align: center; background-color: #eee; font-family: Arial, Helvetica, sans-serif, Helvetica; margin: 0px; padding-top: 20px; padding-bottom: 20px; }
pre { font-size: 11px; background-color: #f6f6bb; padding: 2px; padding-left: 10px; }
abbr { cursor: help; }
h1 { font-size: 22px; font-weight: bold; color: #004080; padding: 0px; margin: 0px; }
h2 { font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; }
h3 { font-size: 14px; font-weight: bold; margin-top: 7px; margin-bottom: 12px; }
h4 { font-size: 13px; font-style: italic; margin-top: 7px; margin-bottom: 12px; }
img { border: 0px; vertical-align: middle; }
em { color: #a00; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Listes d'éléments séparés par des |
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
ul.list { padding: 0px; margin: 0px; }
ul.list li { list-style-type: none; display: inline; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Liens
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a:link { color: #00a; text-decoration: none; }
a:visited { color: #00a; text-decoration: none; }
a:hover { background-color: #a00; color: #fff; text-decoration: underline; }

a[rel="reslink"]::after { content: url('/all/images/commande.png'); }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Boite de recherche
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
form#searchbox { font-size: 12px; margin-top: -5px; }
form#searchbox input#searchimg { margin-bottom: -3px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Commentaires
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.commentBlock { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #777; padding: 10px; margin-bottom: 10px; background-color: #fbfbfb; }
div.commentBlock img { float: left; }
div.commentBlock div.msg { padding-left: 120px; }
div.commentBlock div.foot { clear: both; }

span.navig { float: right; margin-right: 10px; }
span.navig a, span.navig a:link, span.navig a:visited { color: black; padding: 3px; border: 1px solid #999; margin: 0px 3px 0px 3px; background-color: #f9f9f9; }
span.navig a:hover{ color: black; padding: 3px; border: 1px solid #999; margin: 0px 3px 0px 3px; background-color: #bbb; text-decoration: none; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Boite d'information
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.menubox { clear: both; margin-top: 50px; }
div.menubox div.desc { width: 420px; }
div.menubox div.desc > p > img, div.menubox div.desc > p > a > img { float: left; margin-right: 10px; }

div.infobox { float: right; padding: 0px; margin: 0px 0px 10px 20px; }
div.infobox > p { padding: 5px; background-color: #004080; font-weight: bold; font-variant: small-caps; margin-top: 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
div.infobox > p > span { color: #fff; display: block; width: 100%; background-color: transparent; text-align: right; }
div.infobox > div { background-color: #d3deeb; padding: 10px 10px 1px 10px; margin-bottom: 15px; margin-top: -13px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right: 5px; }
div.infobox > div > ul { padding: 0px; margin: 0px 0px 0px 20px; list-style-type: none; }
div.infobox > div > ul li img { margin-left: -29px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Les outils
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#tools { margin: 0px 0px 10px 5px; padding: 5px; background-color: #eee; width: 130px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#tools img { margin-bottom: 5px; margin-top: 5px; }
div#tools a { padding: 2px; border: 1px dashed #eee; }
div#tools a:hover { background-color: #aaa; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Style pour le math
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
math[display="block"] { font-size: 15px; margin-top: 5px; margin-bottom: 15px; text-align: left; margin-left: 15px; }
math[display="inline"] { font-size: 15px; }
mi[type="fct"] { font-weight: bold; }
mrow[type="vec"] { font-weight: bold; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Formulaires
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
input.textbox, input[type="text"], select.textbox { font-family: Arial; font-size: 11px; border: 1px solid #7f9db9; color: #000; }
input.textbox:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { background-color: #f2f3ff; border: 1px solid #5d7b97; }
input.textbox_error, select.textbox_error { border: 1px solid #f00; background-color: #fcc; }
input.textbox_error:focus, select.textbox_error:focus { border: 1px solid #f00; background-color: #f2f3ff; }
textarea { font-family: Courier; font-size: 13px; border: 1px solid #7f9db9; color: #000; }
input.button, input[type="submit"] { font-family: Arial; font-size: 11px; background-color: #fff; background-image: url('/all/images/button.gif'); border: 0px solid #000; color: #005; cursor: pointer; }
input.button[disabled="disabled"] { background-color: #ccc; background-image: none; color: #fff; }
input.textbox[readonly="readonly"] { background-color: #ccc; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Entête
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#header { width: 825px; background-color: #eee; }
div#header div.head { background-color: #ddd; padding-top: 7px; }
div#header div#logo { margin: 10px 0px 10px 20px; float: left; }
div#header div#logo a:hover { background-color: transparent; }
div#header div#menu { width: 400px; float: left; clear: both; }
div#header div#scroll { float: right; width: 420px; padding-right: 5px; text-align: right; font-size: 11px; }
div#header div.foot { padding-bottom: 5px; clear: both; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Barre de suivi
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#path { font-size: 13px; font-style: italic; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; padding: 5px 0px 5px 0px; clear: both; }
div#paths { float: left; }
div#paths ul li a:link, div#paths ul li a:visited { color: #36f; }
div#paths ul li a:hover { color: #00e; text-decoration: underline; background-color: transparent; }
div#land { text-align: right; margin-top: -2px; padding-right: 5px; }
div#pathbottom { clear: both; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Boutons de lien
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a.rightBtn { font-size: 11px; border: 1px solid #555; padding: 1px 15px 1px 5px; background-color: #ddd; color: #000; background-image: url('/all/images/slien.gif'); background-repeat: no-repeat; background-position: right; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.rightBtn:hover { border: 1px solid #000; background-color: #999; color: #fff; text-decoration: none; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Centre
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#centerPane { width: 655px; float: left; background-color: #fff; margin: 10px 5px 0px -1px; padding-right: 10px; }
div#centerPane div.text { text-align: left; font-size: 13px; margin-bottom: 20px; margin-left: 10px; }
div#centerPane div.text div.content { padding-left: 10px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Table des matières
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#centerPane div.text div.content ul.toc { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; }
div#centerPane div.text div.content ul.toc li { padding: 7px 0px 7px 0px; }
div#centerPane div.text div.content ul.toc ul.chap li { padding: 0px 0px 0px 0px; }
div#centerPane div.text div.content ul.toc li.part { margin: 5px 0px 5px 0px; font-size: 16px; font-weight: bold; }
div#centerPane div.text div.content ul.toc li a:link, div#centerPane div.text div.content ul.toc li a:visited { background-image: url('/all/images/livre.gif'); background-repeat: no-repeat; padding-left: 20px; }
div#centerPane div.text div.content ul.toc li a:hover { background-image: url('/all/images/livreo.gif'); background-repeat: no-repeat; padding-left: 20px; }
div#centerPane div.text div.content ul.toc li p { padding-left: 30px; margin: 5px 0px 5px 0px; }
div#centerPane div.text div.content ul.toc ol.chap, div#centerPane div.text div.content ul.toc ul.chap { padding-left: 50px; margin: 5px 0px 5px 0px; }
div#centerPane div.text div.content ul.toc ol.chap li, div#centerPane div.text div.content ul.toc ul.chap li { padding: 0px; margin: 0px; }
div#centerPane div.text div.content ul.toc ol.chap li a, div#centerPane div.text div.content ul.toc ul.chap li a { background-image: none; padding: 0px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Liens GO et BUY
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#centerPane div.text div.content p.link, div#centerPane div.text div.content p.buy { text-align: right; }
div#centerPane div.text div.content p.link a span, div#centerPane div.text div.content p.buy a span { display: none; }

div#centerPane div.text div.content p.link a:hover, div#centerPane div.text div.content p.buy a:hover { background-color: transparent; }
div#centerPane div.text div.content p.link a:before { content: url('/all/images/go.png'); }
div#centerPane div.text div.content p.buy a:before { content: url('/all/images/buy.png'); }




div#centerPane div.box {
 float: left;
 width: 232px;
 height: 230px;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 font-size: 13px;
 text-align: justify;
 padding: 7px 7px 7px 7px;
 margin-bottom: 15px;
 margin-left: 15px;
}

div#centerPane div.largebox {
 clear: both;
 width: 494px;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 font-size: 13px;
 text-align: justify;
 margin-left: 15px;
 margin-bottom: 15px;
 padding: 7px;
}

div.forumcode {
 font-family: 'Courier New', 'Verdana';
 font-size: 11px;
 border: 1px dashed #000;
 max-height: 150px;
 overflow: scroll;
 padding: 5px;
}


span.chinois {
 font-family: 'AR PL ZenKai Uni','AR PL KaitiM Big5',MingLiu,'nj chinese traditional',mssong,'ms song';
 font-size: 22px;
}

span.pinyin {
 font-family: 'Courier New', 'Verdana', 'Arial', 'Times New Roman';
 font-size: 16px;
}

div.question {
 border: 1px solid #000;
 margin-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
}

div#container {
 border: 1px inset #ccc;
 width: 825px;
 padding: 2px;
 background-color: #fff;
 margin: auto;
}










div#centerPane div.text div.content ul.enumlist {
 padding: 0px;
 font-size: 12px;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
 text-align: center;
 padding-top: 4px;
 padding-bottom: 4px;
}

div#centerPane div.text div.content dl dt {
 font-weight: bold;
 font-size: 15px;
 margin-bottom: 2px;
}

div#centerPane div.text div.content dl dd {
 margin-bottom: 10px;
}

div#centerPane div.text div.content dl.param {
 margin-left: 20px;
}

div#centerPane div.text div.content dl.param dt {
 font-size: 13px;
 font-style: italic;
}

div#centerPane div.text div.content ul.enumlist li {
 list-style-type: none;
 display: inline;
 margin-left: 0px;
}

div#centerPane div.text div.content ul.enumlist li.current {
 font-weight: bold;
}

div#centerPane div.text div.content ul.topiclist {
 padding: 0px;
 margin-left: 25px;
}

div#centerPane div.text div.content ul.topiclist li {
 background-image: url('/all/images/degr-line.png');
 background-repeat: no-repeat;
 background-position: right;
 list-style-type: none;
 margin-left: 0px;
}

div#centerPane div.text div.content div.searchresult {
 margin-top: 10px;
 padding: 0px 10px 0px 10px;
 border: 1px solid #aaa;
}

div#centerPane div.text div.content div.searchresult p.infos {
 font-size: 11px;
 font-style: italic;
}

div#centerPane div.text div.content div.searchresult p.description span.highlight {
 background-color: #ff0;
 font-weight: bold;
}


div#centerPane div.text div.content div.solutionblock > p { color: #fff; margin-left: 20px; padding: 5px; background-color: #004080; font-weight: bold; font-variant: small-caps; }
div#centerPane div.text div.content div.solutionblock > p > a, div#centerPane div.text div.content div.solutionblock > p > span { display: block; width: 100%; background-color: transparent; text-align: right; }



div#centerPane div.text div.content div.solution {
 border-left: 3px solid #004080;
 background-color: #f9f9f1;
 padding: 10px 10px 5px 10px;
 margin-bottom: 15px;
 margin-top: -13px;
 margin-left: 20px;
}

div#centerPane div.text div.content div.definition {
 background-color: #ffc;
 border: 1px solid #fc0;
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 10px;
 margin-top: 10px;
}

div#centerPane div.text div.content div.def {
 padding-top: 25px;
 background-image: url('/all/images/def.png');
 background-repeat: no-repeat;
 background-position: top left;
 margin-left: 20px;
 border-left: 3px solid #004cb6;
 padding-left: 15px;
 padding-bottom: 5px;
 padding-right: 10px;
 margin-bottom: 15px;
 background-color: #dee;
}

div#centerPane div.text div.content div.ex {
 padding-top: 25px;
 background-image: url('/all/images/ex.png');
 background-repeat: no-repeat;
 background-position: top left;
 margin-left: 20px;
 border-left: 3px solid #47e449;
 padding-left: 15px;
 padding-bottom: 5px;
 padding-right: 10px;
 margin-bottom: 15px;
 background-color: #c4ffc5;
}

div#centerPane div.text div.content div.theo {
 padding-top: 25px;
 background-image: url('/all/images/theo.png');
 background-repeat: no-repeat;
 background-position: top left;
 margin-left: 20px;
 border-left: 3px solid #e44d47;
 padding-left: 15px;
 padding-bottom: 5px;
 padding-right: 10px;
 margin-bottom: 15px;
 background-color: #ffbdbb;
}

div#centerPane div.text div.content div.link {
 padding-top: 25px;
 background-image: url('/all/images/link.png');
 background-repeat: no-repeat;
 background-position: top left;
 margin-left: 20px;
 border-left: 3px solid #4798e4;
 padding-left: 15px;
 padding-bottom: 5px;
 padding-right: 10px;
 margin-bottom: 15px;
 background-color: #f2faf3;
}

div#centerPane div.text div.content div.link ul {
 margin-left: 0px;
 padding-left: 20px;
}

div#centerPane div.text div.content div.book {
 margin-top: 15px;
 background-color: #f3f0fe;
 border: 1px solid #a3c0de;
 padding: 10px;
 margin-left: 20px;
 margin-right: 20px;
}

div#centerPane div.text div.content div.book img {
 float: left;
 margin-right: 10px;
}

div#centerPane div.text div.content p img.par {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
 clear: both;
}

div#centerPane div.text div.content p.download {
 text-align: right;
}

div#centerPane div.text div.content p.download a {
 background-image: url('/all/images/telecharger.gif');
 background-repeat: no-repeat;
 background-position: 4px 4px;
 padding: 5px;
 padding-left: 30px;
}

div#centerPane div.text div.content p.download a:hover {
 border: 2px dashed #09f;
 background-color: #9cf;
 text-decoration: none;
 color: #000;
 padding-right: 3px;
 padding-left: 28px;
 background-position: 2px 4px;
}


/* Lien de type Voir interne */
div#centerPane div.text div.content a.intlink:before {
 content: url('/all/images/slien.gif')" ";
}

div#centerPane div.text div.content a.intlink:link, div#centerPane div.text div.content a.intlink:visited {
 color: #00c;
 text-decoration: none;
}

div#centerPane div.text div.content a.intlink:hover {
 color: #c00;
 text-decoration: underline;
}

/* Lien de type Voir externe */
div#centerPane div.text div.content a.extlink:after {
 content: url('/all/images/popup.png');
}

div#centerPane div.text div.content a.extlink:link, div#centerPane div.text div.content a.extlink:visited {
 color: #00c;
 text-decoration: none;
}

div#centerPane div.text div.content a.extlink:hover {
 color: #c00;
 text-decoration: underline;
}

/* Lien de type popup */
div#centerPane div.text div.content a.popup:after {
 content: url('/all/images/popup.png');
}

div#centerPane div.text div.content a.popup:link, div#centerPane div.text div.content a.popup:visited {
 color: #00c;
 text-decoration: none;
}

div#centerPane div.text div.content a.popup:hover {
 color: #c00;
 text-decoration: underline;
}

div#centerPane div.text div.content form label, div#connectWindow form label {
 display: inline;
 float: left;
 width: 145px;
 margin-left: 0px;
}

div#centerPane div.text div.content p {
 text-align: justify;
}

div#centerPane div.text div.content li {
 margin-left: 10px;
 margin-bottom: 5px;
}

p.error {
 background-color: #faa;
 border: 2px solid #d00;
 color: #d00;
 padding: 5px;
 font-weight: bold;
 font-size: 12px;
}

p.info {
 background-color: #afa;
 border: 2px solid #090;
 color: #090;
 padding: 5px;
 font-weight: bold;
 font-size: 12px;
}

p.warning {
 color: #d00;
}

div#centerPane div.text div.content span.code {
 font-family: Verdana;
 font-size: 12px;
}

/* Début des tabs */

div#centerPane div.text div.content div.tabs {
 margin-top: 0px;
 margin-bottom: 15px;
 border-bottom: 1px solid #778;
 border-right: 1px solid #778;
 border-left: 1px solid #778;
 padding: 5px;
}

div#centerPane div.text div.content ul.tabs {
 padding: 3.5px 0;
 margin-left: 0;
 border-bottom: 1px solid #778;
 margin-bottom: 0px;
 font: bold 12px Verdana, sans-serif;
}

div#centerPane div.text div.content ul.tabs li {
 list-style: none;
 margin: 0;
 display: inline;
}

div#centerPane div.text div.content ul.tabs li a img{
 vertical-align: middle;
}

div#centerPane div.text div.content ul.tabs li a {
 padding: 7px 0.5em;
 margin-left: 5px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

div#centerPane div.text div.content ul.tabs li a:link {
 color: #448;
}

div#centerPane div.text div.content ul.tabs li a:visited {
 color: #667;
}

div#centerPane div.text div.content ul.tabs li a:hover {
 color: #000;
 background: #AAE;
 border-color: #227;
}

div#centerPane div.text div.content ul.tabs li a.current {
 background: white;
 border-bottom: 1px solid white;
}

/* Fin des tabs */

div#centerPane div.text div.content p.glien {
 text-align: right;
 margin-bottom: 0px;
}

div#centerPane div.text div.content a.glien {
 background-image: url('/all/images/go.png');
 background-repeat: no-repeat;
 padding-left: 48px;
 padding-top: 2px;
 height: 20px;
}

div#centerPane div.text div.content a.slien {
 background-image: url('/all/images/slien.gif');
 background-repeat: no-repeat;
 padding-left: 16px;
}

div#centerPane div.text div.content p.sign { text-align: right; font-size: 11px; }
div#centerPane div.text div.content p.sign > span { float: left; }

div#centerPane div.text div.content a.sign {
 font-weight: bold;
}



div#centerPane div.text div.content a.latexcmd span {
 display: none;
}
div#centerPane div.text div.content a.latexcmd:before {
 content: url('/all/images/commande.png');
 vertical-align: middle;
 padding-left: 3px;
}



div#centerPane div.text div.content div.figure { text-align: center; padding-bottom: 15px; }
div#centerPane div.text div.content div.figure div.img img { border: 1px solid #999; padding: 7px; background-color: #fff; }

div#centerPane div.text div.content div.caption { margin-top: 5px; }

/* LISTINGS */
div#centerPane div.text div.content div.listing {
 text-align: center;
 margin-bottom: 15px;
}

div#centerPane div.text div.content div.listing div.code {
 text-align: left;
 background-image: url('/all/images/fondsource.gif');
 background-repeat: repeat-y;
 background-position: left center;
 padding: 5px 0px 5px 20px;
 background-color: #f5f5f5;
 font-family: Verdana, Lucida;
 font-size: 11px;
}

div#centerPane div.text div.content div.listing div.code table tr td table.lineNb { vertical-align: middle; }

div#centerPane div.text div.content div.listing div.code span.sourceKeyword { color: #009; font-weight: bold; }
div#centerPane div.text div.content div.listing div.code span.sourceLiteral { color: #00f; }
div#centerPane div.text div.content div.listing div.code span.sourceType { color: #900; }
div#centerPane div.text div.content div.listing div.code span.sourceFunction { color: #090; }
div#centerPane div.text div.content div.listing div.code span.sourceComment { color: #099; }
div#centerPane div.text div.content div.listing div.code span.sourceString { color: #69f; }
/* LISTINGS */



div#centerPane div.text div.content div.infopage {
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #eee;
 padding-top: 5px;
 padding-bottom: 5px;
}

div#centerPane div.text div.content div.infopage div.left {
 width: 33%;
 float: left;
 padding-bottom: 1px;
 padding-left: 5px;
}

div#centerPane div.text div.content div.infopage div.left a {
 background-image: url('/all/images/lien2.gif');
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 15px;
}

div#centerPane div.text div.content div.infopage div.center {
 width: 32%;
 float: left;
 padding-bottom: 1px;
 text-align: center;
}

div#centerPane div.text div.content div.infopage div.right {
 width: 33%;
 float: left;
 padding-bottom: 1px;
 text-align: right;
}

div#centerPane div.text div.content div.infopage div.right a {
 background-image: url('/all/images/lien.gif');
 background-repeat: no-repeat;
 background-position: right center;
 padding-right: 15px;
}

div#centerPane div.text div.content div.infopage_prog {
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #eee;
 padding-top: 5px;
 padding-bottom: 5px;
}

div#centerPane div.text div.content div.infopage_prog div.left {
 width: 33%;
 float: left;
 padding-bottom: 1px;
 padding-left: 5px;
}

div#centerPane div.text div.content div.infopage_prog div.center {
 width: 32%;
 float: left;
 padding-bottom: 1px;
 text-align: center;
}

div#centerPane div.text div.content div.infopage_prog div.right {
 width: 33%;
 float: left;
 padding-bottom: 1px;
 text-align: right;
}


div#centerPane div.text div.content div.infopage_prog div.foot {
 padding-bottom: 1px;
 clear: left;
}




div#centerPane div.text div.content div.table { text-align: center; margin-bottom: 15px; margin-top: 5px; }
div#centerPane div.text div.content div.table table { margin: auto; }
div#centerPane div.text div.content div.table table tr th { background-color: #d3d3d3; margin: 0px; padding: 5px; text-align: left; }
div#centerPane div.text div.content div.table table tr { background-color: #f0f0f0; }
div#centerPane div.text div.content div.table table tr td { text-align: left; margin: 0px; padding: 5px; vertical-align: top; }



div#centerPane div.text div.content div.links {
 margin: 0px 200px 10px 20px;
 padding: 10px 0px 10px 10px;
 background-color: #ccecff;
 border: 1px solid #99ccff;
}

div#centerPane div.text div.content div.links div.title {
 font-weight: bold;
 font-size: 14px;
 text-decoration: underline;
}

div#centerPane div.text div.content div.links ul {
 list-style-type: none;
 margin: 0px;
 padding: 10px 0px 0px 0px;
}

div#centerPane div.text div.content div.links ul li {
 padding: 3px 0px 3px 10px;
}

div#centerPane div.text div.content div.links ul li a {
 background-image: url('/all/style/style2/ent.png');
 background-repeat: no-repeat;
 padding-left: 15px;
}

div#centerPane div.text div.content div.chinmot {
 border-top: 2px dotted #aaa;
 border-bottom: 2px dotted #aaa;
 padding: 4px;
 text-align: center;
 margin-bottom: 15px;
}

div#centerPane div.text div.foot {
 clear: left;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Droite
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#rightPane { width: 150px; float: left; background-color: #fff; overflow: hidden; font-size: 12px; }
div#rightPane div.menu { width: 140px; margin-left: 4px; text-align: left; font-size: 13px; background-color: #eee; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#rightPane div.menu div.head { background-color: #ddd; font-weight: bold; height: 20px; color: #2e4d8c; padding-left: 10px; padding-top: 3px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
div#rightPane div.menu div.content ul.menu { margin: 0px; padding: 0px; list-style-type: none; }
div#rightPane div.menu div.content ul.menu a { display: block; padding: 3px 0px 3px 10px; width: 130px; }
div#rightPane div.menu div.content ul.menu a:link, div#rightPane div.menu div.content ul.menu a:visited { color: #000; }
div#rightPane div.menu div.content ul.menu a:hover { background-color: #ccc; color: #000; text-decoration: none; }
div#rightPane div.menu div.content ul.menu li.selected a { padding-left: 2px; padding-right: 6px; width: 132px; }
div#rightPane div.menu div.content ul.menu li.selected a:before { content:url('/all/images/leftarrow.png'); }
div#rightPane div.menu div.content ul.enum { margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none; font-size: 10px; }
div#rightPane div.menu div.content p { margin: 0px; padding-left: 10px; padding-top: 7px; }
div#rightPane div.menu div.foot { padding-bottom: 5px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Bas
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#bottomPane { width: 825px; clear: left; text-align: left; background-color: #fff; border-top: 1px dotted #ccc; padding-top: 5px; }
div#bottomPane div#list { font-size: 10px; width: 490px; text-align: left; float: left; padding-top: 5px; }
div#bottomPane div#list p { margin: 0px; }
div#bottomPane div#certifs { float: left; padding-top: 5px; }
div#bottomPane div#certifs div.certif { float: left; padding-left: 1px; }
div#bottomPane div#certifs div.certif a:hover { background-color: transparent; }
div#bottomPane div#certifs div.certif img { width: 65px; height: 23px; }
div#bottomPane div#optim { clear: left; text-align: center; font-size: 11px; color: #aaa; font-style: italic; }




.infoprog {
 border: 1px dashed #222;
 background-color: #eee;
 margin-bottom: 10px;
 width: 200px;
 float: right;
 margin-left: 20px;
}

.infoprog ul {
 list-style-type: none;
 margin: 0px;
 padding: 5px;
}




ul.actionBtn {
 padding: 0px;
 margin: 0px;
 list-style-type: none;
 margin-bottom: 50px;
 margin-top: 10px;
}

ul.actionBtn li {
 float: left;
 background-image: url(/all/images/button.gif);
 min-width: 86px;
 height: 19px;
 text-align: center;
}

ul.actionBtn li a {
 color: #005;
}

ul.actionBtn li a:hover {
 background-color: transparent;
}



/* Menu rapide */
div.quickMenu { width: 150px; position: absolute; margin-left: 4px; text-align: left; font-size: 13px; background-color: #ffc; margin-bottom: 20px; border: 1px dashed #000; }
div.quickMenu ul { margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; }
div.quickMenu ul a { display: block; padding: 3px 0px 3px 10px; width: 140px; }
div.quickMenu ul a:link, div.quickMenu ul a:visited { color: #000; text-decoration: none; }
div.quickMenu ul a:hover { background-color: #ff7; color: #000; text-decoration: none; }
div.quickMenu ul li.selected a:before { content:url('/all/images/leftarrow.png'); }




/* Menu pour les exercices */
div.qmenu { float: right; width: 40px; padding-top: 10px; }
div.qmenu ul { margin: 0px; padding: 0px; list-style-type: none; margin-left: -10px; }
div.qmenu ul li { margin: -2px; }
div.qmenu ul a { display: block; padding: 3px 10px 3px 0px; width: 30px; text-align: right; background: #dde; border: 1px solid #778;}
div.qmenu ul a:link, div.qmenu ul a:visited { color: #000; text-decoration: none; }
div.qmenu ul a:hover { background-color: #ff7; color: #000; text-decoration: none; }
div.qmenu ul a.current { background: white; border-left: 1px solid white; }