/* css cours */

html {}
body { background: #ffffff; font-family: Palatino; width: 80%; margin-right: auto; margin-left: auto; position: relative; }
h1, h2, h3 {}

a:link { color: #000099; text-decoration: none; }
a:visited { color: #440077; text-decoration: none; }
a:hover, a:active { color: #770044; }
code {font-family: courier;font-size:0.83em; background-color:#eef;display:block;overflow:auto;white-space:nowrap;}


.sansfond  {background-color:#fff; } 
.fondleger  {background-color:#cce; } 
.fondmoyen   {background-color:#98f; } 
.fondfort   {background-color:#78f; } 


.apa1500 a:link { color: #009900; text-decoration: none; }
.apa1500 a:visited { color: #A67D3D; text-decoration: none; }
.apa1500 a:hover, a:active { color: #a69900; }

p { text-align: justify;	text-indent: 0mm }
p:first-child { text-indent: 5mm }
b, i, u {	}
address {font-style: normal; font-size: small;}

table.tableau {background-color:#fff;text-align:center; }
table.tableau caption {background-color:#fff;font-size:1.17em;padding:0.5em;border:solid thin #888;} 
table.tableau tbody {} /* ne pas utiliser si on veut que le col fonctionne */
table.tableau tfoot {background-color:#eee;} 
table.tableau thead {background-color:#ddd;} 
table.tableau col {} 
table.tableau col.entete {background-color:#bbd;}
table.tableau col.fondleger {background-color:#cae;}
table.tableau tr {}
table.tableau tr.entete  {background-color:#bbd; }
table.tableau tr.fondleger  {background-color:#cce; }
table.tableau th {padding:0.5em;border:solid thin #888;} 
table.tableau td {font-size:0.92em;padding:0.5em;border:solid thin #888;} 


td.gauche {text-align: right; padding-right: 10px; border-bottom: solid 1px}
td.centre {text-align: center; border-bottom: solid 1px}
td.droite {text-align: left; padding-left: 10px; border-bottom: solid 1px}

#margehaute {}

.pub {clear: both}
.pub img {	border-style: none;  display: block; margin-right:  auto; margin-left: auto}

.menuaspect {display:block; text-align:center; font-size:small; }
.menuaspect:before  {content: "Changer l'aspect de la page > "; border-right: solid 10px #b4ddac; }
.menuaspect a  {padding-right: 5px;    font-size: small;  border-left: solid 1px;  padding-left: 5px;   }
.menuaspect a + a,  .menuaspect a + script + a  {   }
.menuaspect ul {list-style:none; display:inline-block; padding-left:0px; }
.menuaspect li  {display:inline; } 

.menuaspect0, .menuaspect1 {}
.menuaspectoriginal, .menuaspect2, .menuaspect3, .menuaspect4, .menuaspect5, .menuaspect6, .menuaspect7, .menuaspect8, .menuaspect9, .menuaspect10 {display: none}

.menusite {display:block; text-align:center; font-size:small; }
.menusite:before  {content: "DesignVegetal > "; border-right: solid 10px #b4ddac; }
.menusite a  {padding-right: 5px;    font-size: small;  border-left: solid 1px;  padding-left: 5px;   }
.menusite a + a,  .menuaspect a + script + a  {   }
.menusite ul {list-style:none; display:inline-block; padding-left:0px; }
.menusite li  {display:inline; } 

.menuindex {display:block; text-align: center;} /* type abcdefg */
.menuindex a  {padding-right: 5px;  font-size:small;  border-left: none;  padding-left: 5px;   }
.menuindex ul {list-style:none; display:inline-block; padding-left:0px; }
.menuindex li  {display:inline; } 

.menupage {display:block;  text-align: center;  font-size:small; }
.menupage .menusection {display:block; font-size: 1.2em; }
.menupage a {padding-right: 5px;  border-left: none;  padding-left: 5px;  }
.menupage a + a, .menupage li + li {border-left: solid 1px;  }
.menupage ul {list-style:none; display:inline-block; padding-left:0px; }
.menupage li  {display:inline; } 
.menupage .menusection + a,  .menupage .menusection,  .menupage .menusection + li {border-left:none; }
.menupage .menusection, .menupage .menusection a { color:#004;}


 /* type apa1500 avec suite de logo */
.menucours {display:inline-block;  width:100%; } 
.menucours  .menusite {display:block; margin-left:0px;  border-left:none;   padding-left:0px; color:#000;  width:auto; height:auto; } /* annule  le .menusite défini dans le menu général */
.menucours  .menusite:before {content: ""; border-right: none;  } 
.menucours ul {margin-left:0px; list-style:none;  padding-left: 0px; }
.menucours .menusite a {display:inline; width:auto; padding: 0px;  padding-right: 0px;    font-size: normal;  border-left: none;  padding-left: 0px;   } 
.menucours .menusite img {display: block; float: right; }
.menucours  img {display: block; float: left;  padding-left:2px; }

.menutournepage {display:block; text-align: center;}
.menutournepage a {padding-right: 5px;  font-size:normal;  border-left: none;  padding-left: 5px;  }
.menutournepage ul {list-style:none; display:inline-block; padding-left:0px; }
.menutournepage li  {display:inline; } 

.entete, .pieddepage {display:block; padding-top: 15px; text-align: center; }
.entete img, .pieddepage img { border: none; }
.entete h2, .pieddepage h2 { font-size: large; }
.entete a, .pieddepage a {text-decoration:none}
.entete p, .pieddepage p { font-size: medium; text-align: center; }
.entete p.soustitre, .pieddepage  p.soustitre { font-size: small; margin-top: -0.8em; border-top: solid 1px; text-align: center;}
.entete hr, .pieddepage hr { border-color: #500 }
.entete address { text-align: left;}
.entete address + address { text-align: right;margin-top:-1em;}
.entete address + address + address { text-align: left;margin-top:0em;}
.entete address + address + address + address { text-align: right;margin-top:-1em;}
.entete address + address + address + address + address { text-align: left;margin-top:0em;}
.entete .bgdv-nom {font-size: 1em;}
.entete .bgdv-adresseposte {font-size: 0.83em;}
.entete .bgdv-siteweb {font-size: 0.83em;}
.entete .bgdv-adresseweb {font-size: 0.83em;}
.entete-bgdv {display:block; padding-top:0.4em;}
.entete-bgdv h2 {font-size:1.17em; letter-spacing: 0.05em; text-align:center; width:275px;float:left;color:#000;}
.entete-bgdv h2 b {font-size:1.1em;}
.entete-bgdv a {text-decoration:none ;color:#000;}
.entete-bgdv .lettrine {font-size:1.4em;color:#fff;background-color:#070;border-top:solid 5px #070;}
.entete-bgdv h2:first-letter {font-size:1.2em ; color:#060;}
.entete-bgdv p {}
.entete-bgdv p.soustitre {float:left;margin-top: -0.25em;}
.entete-bgdv p.soustitre {height: 0.6em; width: 100%; font-size:0.75em; border-bottom: solid thin; }
.entete-bgdv p.soustitre .decale{background-color:#fff;margin-left:88px;padding-left:0.4em;margin-right:-88px; padding-right:0.4em;}
.entete-bgdv address {padding-top:0.79em;font-size:0.83em;font-style:normal;text-align:right;}
.entete-bgdv address + address {padding-top:0em;}
.entete-bgdv .bgdv-tel b {font-size:1.4em;letter-spacing: -0.1em;}


.titre {display:block; margin-top: 75px}
.titre h1, titre h2  { display: block; text-align: center;}
.titre p {}
.titre .numerocours {display:inline; font-size: 1.2em}
.titre .professeur {display:inline; font-size: 1.2em}
.titre .professeur:before {content: " - "}
.titre .titrecours {}
.titre .nomdufichier {border-top: solid 1px;}
.titre img { margin-top: -75px; display: block; float: right;}

.bgdv-portfolio .titre {display:block; text-align: center;}
.titre p.soustitre { font-size: large;  padding-top: 0.3em;}
.titre p.soustitre a { font-size: large; text-decoration: none;}
.titre address { font-size: 1em ; padding-top: 0.83em;}
.titre address + address {padding-top: 0; }
.titre .bgdv-nom {}
.titre .bgdv-adresseposte { }
.titre .bgdv-siteweb b {font-size: 1.4em; }
.titre .bgdv-adresseweb { }
.titre h1:first-letter { font-size: 1.2em; }
.titre img {display: block; padding-left: 10px;}

.tabledesmatieres {display:block;}
.tabledesmatieres .chapitre {margin:0px; padding:0px;}
.tabledesmatieres h3 {text-align:center; color:#000;}
.tabledesmatieres ul {list-style:none; }
.tabledesmatieres li {background: url(trait1.gif) repeat-x  0px 0.5em ;}
.tabledesmatieres li.chapitre {background: url("") repeat-x  0px 0.5em ;}
.tabledesmatieres a {padding-right:0.5em;background-color:#fff;color:#000; text-decoration:none;}
.tabledesmatieres .numpage {display:block; float:right; padding-left:0.5em;background-color:#fff;}

.bandeau { display: table; width: 100%; padding-top:1em;padding-bottom:1em; border-top-style: solid; border-top-width: thin; border-bottom-style: solid; border-bottom-width: thin;}
.bandeau address.bgdv-logo {width: 140px; display: block; float:left;}
.bandeau .menuimage { display: block; float: left; width: auto; }
.bandeau .menuimage ul { margin:0px;list-style:none; padding: 0px;}
.bandeau .menuimage li a, .bandeau .menuimage a  { display: block; text-decoration: none; font-size: medium; line-height: 1.5em; text-align: left; text-indent: 5mm; background: no-repeat left center url(../../gadrat/l/logos/carre04.gif); color: #005 ;}
.bandeau .menuimage li a:first-letter, .bandeau .menuimage a:first-letter {font-size: x-large ;}
.bandeau .menuimage li + li a, .bandeau .menuimage a + a  {color: #009; background: no-repeat left center url(../../gadrat/l/logos/carre05.gif);}
.bandeau .menuimage li + li + li a, .bandeau .menuimage a + a + a {color: #00c; background: no-repeat left center url(../../gadrat/l/logos/carre06.gif);}
.bandeau .menuimage li + li + li + li a, .bandeau .menuimage a + a + a + a {color: #00f; background: no-repeat left center url(../../gadrat/l/logos/carre06.gif);}
.bandeau .note, .bandeau .note2 { font-size: xx-small ;}
.bandeau .note a, .bandeau .note2 a { text-decoration: none ;}
.bandeau .note .bgdv-nom, .bandeau .note2 .bgdv-nom { font-size: larger ;}

.chapitre {}
.chapitre h2 {padding-top: 20px}

.section {display:table; margin-top:3em; }
.section h1 { padding-left: 0px;padding-top:0.25em; font-variant: small-caps;  color: #050; text-shadow: #aaf 0px 2px 2px; border-bottom:solid 1px; margin-bottom:1px;}
.section p {}

.galerie, .illustration {display:block; padding-top:1em; padding-bottom:1em;}
.gravure {display:table; margin-left:auto; margin-right:auto;text-align:center;}
.gravure img, illustration img { padding: 10px; border: solid 1px; position: relative; z-index: 1;}
.gravure p, illustration p { position: relative; z-index: 5;}
.titregravure, .galerie .gravure + p, .illustration .gravure + p {display: table;  position: relative; z-index: 5; background: #fff ; margin-left: auto ; margin-right: auto ; border-left:solid 0.5em #fff;  border-right:solid 0.5em #fff; margin-top: -1.0em; font-size: small; text-align: center; font-style: italic; text-shadow: #00f 0px 3px 3px;}

.menugalerietexte {display:block; width: 140px; float: left; margin-left: 0px; font-size: 0.83em; position: relative; z-index:4;}
.menugalerietexte ul{ margin-left:0px;list-style:none;}
.menugalerietexte a {text-decoration: none;}

.menugalerieimage {display:block; padding-left: 0px; width:98%; margin-left: auto; margin-right: auto; position: relative; z-index:3;}
.menugalerieimage { max-height:250px; overflow:auto;}
.menugalerieimage ul { margin-left:0px;list-style:none; padding-left: 10px; }
.menugalerieimage li {display: inline;}
.menugalerieimage li table {display: inline; }

.resume {display:block; padding-left:0px;}
.resume h1, .resume h2, .resume h3 { font-size: medium;  border-bottom: solid 1px;}
.resume h1 + p, .resume h2 +p, .resume h3 +p {margin-top: -0.7em;}


.note { display: block; float: left; background: #e8ffbf; width: 20%; margin-right: 3%; padding-right:1%; padding-left:1% }
.note p {; font-size: 0.8em; text-align: left; }
.note img {width: 100%}

.note2 { display: block; float: right; background: #e8ffbf; width: 20%; margin-left: 3%; padding-right:1%; padding-left:1% }
.note2 {; font-size: 0.8em; text-align: right; }

.pub .note, .pub .note2 {background: #fdf;}

.encart{display: block; margin-right: auto;margin-left: auto }
.encart p, .encart img {text-align: center}

.clefdidentification {display:block;}
.clefdidentification li:hover {background-color:#cce;}
.clefdidentification li:hover ul {background-color:#ffe;}


.references {display:block;}
.references h2, .references h3 {border-bottom: solid 1px}


.refdocument, .refdocument a { font-size: x-small; color: #88b; text-decoration: none}
.refdocument p:hover, .refdocument a:hover { color: #006}
.refdocument p { margin-top: 0px; margin-bottom: 0px; padding-top: 0em; padding-bottom: 0em}


#margebasse {}
#cadre1 span, #cadre2 span, #cadre3 span, #cadre4 span {display: none}