@charset "iso-8859-1";
/* auteur: Clic Sciences */
/* Date de création: mai 2006 */


* { padding: 0px; margin: 0px; border: none; text-decoration: none;  font-family: Arial,Verdana,Helvetica,sans-serif;}
a { color:#000000; }

body { background-color: #333399; text-align: center; margin: 10px; }

/* 850px */
#tout { width: 920px; height:800px; margin:auto; background-color: #FFFFFF; border-collapse: collapse; }

/*******************************/
/* l'entete                    */
/*******************************/
#entete { height: 72px; vertical-align:middle; }
#entete h1 { margin:0px; width: 100%; font-size: 90%; border:none; font-weight: bold; font-style: normal; text-align:center; }
#entete span { font-family: Arial,Verdana,Helvetica,sans-serif; }
#entete td { border-bottom:2px solid #99F; }
#entete .kelkoo { font-size:12px; font-weight:bold; }

/***************************************/
/* le menu principal à gauche	       */
/***************************************/
#menu_principal { background-color:#DDDDFF; width: 160px; vertical-align: top; padding-top: 18px; text-align: center; border-right: 2px solid silver; }
.menu, .recherche {width: 90%; margin: auto; font-size: 10px; text-align: left; margin-bottom: 15px; }
.menu th, .recherche th {height: 15px; background-color: #6666FF; color: #FFFFFF; font-weight: bold; text-align: center; font-family:Verdana; }
.menu td {padding-top: 5px; padding-left: 10px; line-height: 150%; }
.menu a { background-image: url("images/puce.gif"); background-repeat: no-repeat; padding-left: 15px; font-weight :bold; font-variant: small-caps; font-family:Verdana; }
.menu a:hover {color: #FF0000; background-image: url("images/puce_rouge.gif"); background-repeat: no-repeat; }

/***************************************/
/* le contenu principal des pages      */
/***************************************/
#contenu { vertical-align: top; width: 530px; text-align:center; }
#contenu a:hover {color: red;}

h1 { width: 75%; margin: auto; font-size: 130%; text-align: center; font-family: Arial,Helvetica,sans-serif; color: navy; border-bottom: 3px dotted red; font-weight: bold; font-style: italic; }
h2 { width:70%; margin:auto; color:navy; text-align: center; font-family: Arial,Helvetica,sans-serif; font-size: 110%; border-bottom: 2px solid yellow; font-weight: bold; font-style: italic; }
h3 { width:95%; margin: auto; margin-top:30px; margin-bottom:10px; color:#009977; text-align: left; font-family: Arial,Helvetica,sans-serif; font-size: 100%; border-bottom:1px solid #009977; font-weight: bold; }
h4 { color:orange; text-align: left; padding-left:20px; margin:20px 0px 0px 30px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 90%; font-weight: bold; }
p { text-align:justify; width:90%; font-size:80%; margin:10px auto; font-family: Arial; }
.a_droite { float: right; margin-left: 10px; vertical-align: middle; }
.a_gauche { float: left; margin-right: 5px; margin-left: 20px; vertical-align: middle; }
.inline { vertical-align: middle; }
.au_centre { display: block; text-align:center; margin:auto; }
.formule { width:90%; text-align:center; margin: auto; color:#3355FF; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 90%; font-weight: bold; }
.formule_centree { font-size:12px; width:90%; text-align:center; margin:auto; }
em { color:#3355FF; font-style:normal; font-weight:bold; }
object { margin:auto; }
sup, sub { font-style:normal; font-size:12px; font-weight:bold; }
u { text-decoration:underline; font-size:110%; font-family:Helvetica; color:#FF0000; }
table { margin:0px auto; }

ul, ol { font-size: 80%; margin:5px; padding: 0px 50px; text-align: left; text-align:justify; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ol { list-style-type: decimal; }

.listing_exos { width:90%; border-collapse:collapse; }
.listing_exos thead td { font-weight:bold; text-align:left; }
.listing_exos td { font-size:x-small; text-align:left; border-bottom:1px solid silver;  }

.enonce { font-weight:bold; border:2px solid red; border-width:2px 0px; background-color:#DDDDDD; padding:5px; }
textarea, input { border:1px solid silver; }

/* le chemin d'acces	*/
#contenu #chemin { text-align: left; font-size: 12px; margin: 10px; }
#contenu #chemin a:hover { color: blue; }

/* recherche Google	*/
#contenu #recherche .texte { border:1px solid silver; }

/* le sommaire des niveaux = liste des matières  */
#contenu #sommaire_niveau { text-align: center; margin: auto; }
#contenu #sommaire_niveau h1 { margin:auto; width: 60%; }
#contenu #sommaire_niveau h3 { border:0px; text-decoration:underline; color:red; }
#contenu #sommaire_niveau a {font-size: 12px; color: navy; font-weight: bold; }
#contenu #sommaire_niveau a:hover {color: red;}


/* le sommaire des matieres = liste des chapitres  */
#contenu #sommaire_matiere h1 { margin: auto; font-size:120%; }
#contenu #sommaire_matiere h2 { width:60%; }
#sommaire_matiere a { background-image: url("images/puce.gif"); background-repeat:no-repeat; background-position:0px 2px; padding-left: 15px; font-size: 12px; color: navy; font-weight: bold; }
#sommaire_matiere h3 { border-color:#6666FF; }
#contenu #sommaire_matiere h3 a { font-family:Arial; color:#6666FF; background-image:none; text-decoration:none; padding-left: 0px; font-size:15px; }
#sommaire_matiere a:hover {color: red;}
#contenu #sommaire_matiere h3 a:hover {color:red;}

/* le sommaire des chapitres = plan du cours */
#sommaire_chapitre { text-align: center; margin: auto; width:80%;}
#contenu #sommaire_chapitre h1 {margin: auto; width: 100%; margin:0px; font-size:120%;}
#contenu #sommaire_chapitre h2 {margin-top:5px; width:100%; font-size:100%;}
#contenu #sommaire_chapitre p { background-color:#EEEEEE; text-align: left; width:90%; margin:10px auto; padding:5px; border: 1px solid silver;}
#contenu #sommaire_chapitre a { background-image: url("images/puce.gif"); background-repeat: no-repeat; background-position:0px 2px; padding-left: 15px; font-size: 11px; color: navy; font-weight: bold; }
#contenu #sommaire_chapitre a:hover {color:#AAAAAA;}
#contenu #sommaire_chapitre .para_en_cours { background-image: url("images/puce_rouge.gif"); background-repeat: no-repeat; background-position:0px 2px; padding-left: 15px; font-size: 11px; color: red; font-weight: bold; }


/* les forfaits proposés */
.forfait { text-align:justify; margin:0px auto; width:480px; border:1px solid silver; padding:5px; }
.forfait { font-size:12px; margin-bottom:5px; }
.forfait p { font-size:12px; }
.forfait li { font-size:12px; }
.forfait u { text-decoration:none; }


/* les blocs de droite      160           */
/***************************************/
#sponsors p { font-size:11px; }
#sponsors { width: 230px; background-color:#DDDDFF; text-align:center; font-size:12px; vertical-align: top; border-left: 2px solid silver; }
#sponsors .a_gauche { margin:5px; }

/***************************************/
/* les droits d'auteurs et mentions    */
/***************************************/
#bas { background-color: yellow; height:15px; border-top: 2px solid navy; }
#bas p { width: 90%; text-align: center; font-size: 60%; color: navy; font-weight: bold; margin:0px; padding: 2px 0px; font-family:Verdana; }



