@import url("./layout.css");


/*the boxes*/

.contextbox {
    float: right;
    clear: both;
    margin: 0px 0px 10px 25px !important;
    margin: 0px -10px 10px 25px; /*IE*/
}
.contextbox ul {
    list-style: none;
	margin-left: 0;
	padding-left: .4em;
	text-indent: -.4em;
	line-height: 1.2em;
}
.contextbox li {
	margin-top: 1em;
	margin-bottom: .4em;
}

#toolbox {
    padding: 13px;
    width: 212px;
    color: #c5c5c5;
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    letter-spacing: 0;
    text-align: center;
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
    border-top: solid 2px #d5d5d5;
}
#toolbox td {
    padding-left: 5px;
    padding-right: 3px;
    border-left: solid 1px #d5d5d5;
}
#toolbox a {
    color: #c5c5c5;
}

#sommairebox {
    padding: 13px 13px 13px 13px !important;
    padding: 20px 13px 8px 13px; /*IE*/
    width: 212px;
    color: #b5b5b5;
    font-family: Georgia, "Times New Roman", serif;
    /*font-variant: small-caps;*/
    font-size: 11px;
    background-color: #ffffff;
    border: solid 1px #3fafff;
    border-top: solid 2px #3fafff;
}
#sommairebox a {
    color: #3fafff;
}
#sommairebox ul {
    list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1em;
}
#sommairebox .level_0 {
	margin-top: 10px; margin-bottom: 11px; margin-left: 3%; font-size: 13px;
}
#sommairebox .level_1 {
	margin-top: 9px; margin-bottom: 10px; margin-left: 6%; font-size: 12px;
}
#sommairebox .level_2 {
    margin-top: 8px; margin-bottom: 9px; margin-left: 9%; font-size: 11px;
}

#mediabox {
    padding: 5px 13px 5px 13px;
    width: 212px;
    color: #a5a5a5;
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 11px;
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
    border-top: solid 2px #d5d5d5;
}
#mediabox a {
    color: #a5a5a5;
}
#mediabox img {
    border: solid 1px #c5c5c5;
}

#webbox {
    padding: 13px;
    width: 212px;
    color: #a5a5a5;
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 11px;
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
    border-top: solid 2px #d5d5d5;
}
#webbox a {
    color: #a5a5a5;
    text-decoration: underline;
}

#expebox {
    padding: 5px 13px 5px 13px;
    width: 212px;
    color: #959595;
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 11px;
    background-color: #111111;
    border: solid 1px #757575;
    border-top: solid 2px #757575;
}
#expebox a {
    color: #959595;
}
#expebox img {
    border: solid 1px #333333;
}



/*les titrages*/

h1 {
	margin-left: 0; color: #3fafff; font-size: 26px; letter-spacing: 1.2px; word-spacing: -.8px;
 font-family: Georgia, "Times New Roman", serif; font-weight: normal;
}
h2 {
	margin-top: 9px; margin-bottom: 10px; margin-left: 5%; color: #3fafff; font-size: 23px; letter-spacing: .5px; word-spacing: -.5px; font-family: Georgia, "Times New Roman", serif; font-weight: normal;
}
h3 {
    margin-top: 8px; margin-bottom: 9px; margin-left: 10%; color: #3fafff; font-size: 21px; letter-spacing: .3px; word-spacing: 0; font-family: Georgia, "Times New Roman", serif; font-weight: normal;
}



/*in the main textual area*/

ul.list {
    margin-top: .4em;
    padding-left: .4em;
}
ul.list li {
    display: list-item;
    text-indent: 0;
	list-style-type: square;
	list-style-image: url("./buttons/bullet.gif") !important;
	list-style-image: none; /*IE*/
    list-style-position: inside;
}
.list a:link, .list a:visited { /*il faut rŽpŽter parce qu'une ul n'est pas supposŽe se trouver dans une balise <p>, hŽhŽhŽ......*/
    text-decoration: underline;
    color: #444444;
}
.list a:hover, .list a:active {
    color: #000000;
}

span.quote {
	font-family: Baskerville, Garamond, serif;
}
span.author {
	font-family: Baskerville, Garamond, serif;
    font-style: italic;
}
span.book {
	font-family: Baskerville, Garamond, serif;
    font-style: italic;
    text-decoration: underline;
}
span.pheader {
    margin-left: 1em;
    line-height: 1.8em;
    color: #aaaaaa;
    font-size: 22px;
    font-family: Baskerville, Garamond, serif;
    /*font-style: italic;
    font-weight: bold;
    font-variant: small-caps;*/
    letter-spacing: 1.2px;
    word-spacing: -.8px;
}
p.insert {
    margin: 15px 0px 15px 10px;
    padding: 10px;
    width: 642px; /*tenir compte de la border de 1px autour des imgs de 640px*/
    color: #666666;
    font-family: "Courier New", Courier, monospace;
    font-size: 13px;
    border: dotted 1px #d5d5d5;
}
.insert .mediainsert {
    display: inline;
    margin: 2px 0px 2px 0px;
    border: solid 1px #d5d5d5;
}
#overbox .mediainsert {
    float: left;
    clear: none;
    margin: 0px 10px 10px 0px;
    border: none;
}
.insert a:link, .insert a:visited {
    text-decoration: underline;
    color: #444444;
}
.insert a:hover, .insert a:active {
    color: #000000;
}