/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html { font-size: 100%; font-family: georgia, serif;color:#000000; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
a {color:#B02B2C;
text-decoration:none}
a:hover {color:#000000;
text-decoration:underline}

/*  Kaffeesatz Bold */
font-family: 'Kaffeesatz';
font-weight: bold;

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/
/* MARGINS */
.container_16{margin-top:10px}
.portrait{margin-bottom:5px}

.portrait a {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
color: crimson;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: -1px;
line-height: 1em;
font-size: 0.7em;}
.portrait a:hover {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
color: black;
text-decoration: underline;
}

.container_16 .grid_9 .myform input {
	width: 240px;
	background-color: #FFF;
	padding:0.2em;
	color: #000000;
	font-family: Arial Black, Verdana;
	font-size:12px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.container_16 .grid_9 .myform button{
    margin:0;
    padding:0;
    border:0;
    background:0;
    font-size:12px;
    font-family: Arial Black, Verdana;
    color:crimson;
    text-decoration:underline;
    cursor:pointer;
    }
    

.footer a {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
color: crimson;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: -1px;
line-height: 1em;
font-size: 0.8em;}
.footer a:hover {
color: black;
text-decoration: underline;
}

.recherche {
font-family: Georgia, serif;
color: #000;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 0.8em;
margin-bottom:10px;}
.recherche a {
color: crimson;
text-decoration: none;
}
.recherche a:hover {
color: #000000;
text-decoration: underline;
}
/* BASE SIZES */

.contenu { font-size: 0.9em; line-height: 1.6em;margin-bottom:10px; }
.contenu h1 { font-size: 1.6em; }
.contenu h2 { font-size: 1.5em; }
.contenu h3 { font-size: 1.4em; }
.contenu h4 { font-size: 1.3em; }
.contenu h5 { font-size: 1.2em; }
.contenu h6 { font-size: 1em; }

/* HR */

.contenu hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.contenu ul li { text-indent: -.85em; margin-left: .85em; }
.contenu ul li:before { content: "\2022\00a0\00a0"; }
.contenu ol { list-style-position: outside; list-style-type: decimal; }
.contenu dt { font-weight: bold; }

/* TABLES */

.contenu table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.contenu th, .contenu td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.contenu blockquote *:first-child { margin: .8em 0; }
.contenu hr, .contenu p, .contenu ul, .contenu ol, .contenu dl, .contenu pre, .contenu blockquote, .contenu address, .contenu table, .contenu form { margin-bottom: 1.6em; }
.contenu p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.contenu h1 { margin: 1em 0 .5em;  }
.contenu h2 { margin: 1.07em 0 .535em; }
.contenu h3 { margin: 1.14em 0 .57em; }
.contenu h4 { margin: 1.23em 0 .615em; }
.contenu h5 { margin: 1.33em 0 .67em; }
.contenu h6 { margin: 1.6em 0 .8em; }
.contenu th, .contenu td { padding: .8em; }
.contenu caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.contenu blockquote { padding: 0 1em; margin: 1.6em 0; }
.contenu fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.contenu legend { padding-left: .8em; padding-right: .8em; }
.contenu legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.contenu textarea, .contenu input { padding: .3em .4em .15em .4em; }
.contenu select { padding: .1em .2em 0 .2em; }
.contenu option { padding: 0 .4em; }
.contenu a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.contenu dt { margin-top: .8em; margin-bottom: .4em; }
.contenu ul { margin-left: 1.5em; }
.contenu ol { margin-left: 2.35em; }
.contenu ol ol, .contenu ul ol { margin-left: 2.5em; }
.contenu form div { margin-bottom: .8em; }

.contenu pre {
	padding: 0;
	margin: 20px;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	line-height: 20px;
	width: 300px;
	overflow: auto;
	overflow-Y:hidden;
}

.contenu pre code {
	margin: 0 0 0 40px;  /*--Left Margin--*/
	padding: 18px 0;
	display: block;
}

/* COLORS */
.contenu a { text-decoration: none; color: crimson; }
.contenu a:link { text-decoration: none; color: crimson; }
.contenu a:visited { text-decoration: none; color: darkcyan; }
.contenu a:hover { text-decoration: underline; color: black; }
.contenu a:active, .contenu a:focus { text-decoration: underline; color: #000; }
.contenu code, .contenu pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* BASE SIZES */

.tagcloudi { font-size: 0.9em; line-height: 1.6em;margin-bottom:10px; }
.tagcloudi h1 { font-size: 1.6em; }
.tagcloudi h2 { font-size: 1.5em; }
.tagcloudi h3 { font-size: 1.4em; }
.tagcloudi h4 { font-size: 1.3em; }
.tagcloudi h5 { font-size: 1.2em; }
.tagcloudi h6 { font-size: 1em; }

/* HR */

.tagcloudi hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.tagcloudi ul li { text-indent: -.85em; margin-left: .85em; }
.tagcloudi ul li:before { content: "\2022\00a0\00a0"; }
.tagcloudi ol { list-style-position: outside; list-style-type: decimal; }
.tagcloudi dt { font-weight: bold; }

/* TABLES */

.tagcloudi table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.tagcloudi th, .tagcloudi td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.tagcloudi blockquote *:first-child { margin: .8em 0; }
.tagcloudi hr, .tagcloudi p, .tagcloudi ul, .tagcloudi ol, .tagcloudi dl, .tagcloudi pre, .tagcloudi blockquote, .tagcloudi address, .tagcloudi table, .tagcloudi form { margin-bottom: 1.6em; }
.tagcloudi p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.tagcloudi h1 { margin: 1em 0 .5em;  }
.tagcloudi h2 { margin: 1.07em 0 .535em; }
.tagcloudi h3 { margin: 1.14em 0 .57em; }
.tagcloudi h4 { margin: 1.23em 0 .615em; }
.tagcloudi h5 { margin: 1.33em 0 .67em; }
.tagcloudi h6 { margin: 1.6em 0 .8em; }
.tagcloudi th, .tagcloudi td { padding: .8em; }
.tagcloudi caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.tagcloudi blockquote { padding: 0 1em; margin: 1.6em 0; }
.tagcloudi fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.tagcloudi legend { padding-left: .8em; padding-right: .8em; }
.tagcloudi legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.tagcloudi textarea, .tagcloudi input { padding: .3em .4em .15em .4em; }
.tagcloudi select { padding: .1em .2em 0 .2em; }
.tagcloudi option { padding: 0 .4em; }
.tagcloudi a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.tagcloudi dt { margin-top: .8em; margin-bottom: .4em; }
.tagcloudi ul { margin-left: 1.5em; }
.tagcloudi ol { margin-left: 2.35em; }
.tagcloudi ol ol, .tagcloudi ul ol { margin-left: 2.5em; }
.tagcloudi form div { margin-bottom: .8em; }

.tagcloudi pre {
	padding: 0;
	margin: 20px;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	line-height: 20px;
	width: 300px;
	overflow: auto;
	overflow-Y:hidden;
}

.tagcloudi pre code {
	margin: 0 0 0 40px;  /*--Left Margin--*/
	padding: 18px 0;
	display: block;
}

/* COLORS */
.tagcloudi a { text-decoration: none; color: crimson; }
.tagcloudi a:link { text-decoration: none; color: crimson; }
.tagcloudi a:visited { text-decoration: none; color: darkcyan; }
.tagcloudi a:hover { text-decoration: underline; color: black; }
.tagcloudi a:active, .tagcloudi a:focus { text-decoration: underline; color: #000; }
.tagcloudi code, .tagcloudi pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* BASE SIZES */

.recent { font-size: 0.9em; line-height: 1.6em;margin-bottom:10px; }
.recent h1 { font-size: 1.6em; }
.recent h2 { font-size: 1.5em; }
.recent h3 { font-size: 1.4em; }
.recent h4 { font-size: 1.3em; }
.recent h5 { font-size: 1.2em; }
.recent h6 { font-family: 'Kaffeesatz';georgia; font-weight: bold;font-size: 1.2em; }

/* HR */

.recent hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.recent ul li { text-indent: -.85em; margin-left: .85em; }
.recent ul li:before { content: "\2022\00a0\00a0"; }
.recent ol { list-style-position: outside; list-style-type: decimal; }
.recent dt { font-weight: bold; }

/* TABLES */

.recent table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.recent th, .recent td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.recent blockquote *:first-child { margin: .8em 0; }
.recent hr, .recent p, .recent ul, .recent ol, .recent dl, .recent pre, .recent blockquote, .recent address, .recent table, .recent form { margin-bottom: 1.6em; }
.recent p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.recent h1 { margin: 1em 0 .5em;  }
.recent h2 { margin: 1.07em 0 .535em; }
.recent h3 { margin: 1.14em 0 .57em; }
.recent h4 { margin: 1.23em 0 .615em; }
.recent h5 { margin: 1.33em 0 .67em; }
.recent h6 { margin: 1.6em 0 .8em; }
.recent th, .recent td { padding: .8em; }
.recent caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.recent blockquote { padding: 0 1em; margin: 1.6em 0; }
.recent fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.recent legend { padding-left: .8em; padding-right: .8em; }
.recent legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.recent textarea, .recent input { padding: .3em .4em .15em .4em; }
.recent select { padding: .1em .2em 0 .2em; }
.recent option { padding: 0 .4em; }
.recent a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.recent dt { margin-top: .8em; margin-bottom: .4em; }
.recent ul { margin-left: 1.5em; }
.recent ol { margin-left: 2.35em; }
.recent ol ol, .recent ul ol { margin-left: 2.5em; }
.recent form div { margin-bottom: .8em; }

.recent pre {
	padding: 0;
	margin: 20px;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	line-height: 20px;
	width: 300px;
	overflow: auto;
	overflow-Y:hidden;
}

.recent pre code {
	margin: 0 0 0 40px;  /*--Left Margin--*/
	padding: 18px 0;
	display: block;
}

/* COLORS */
.recent a { text-decoration: none; color: crimson; }
.recent a:link { text-decoration: none; color: crimson; }
.recent a:visited { text-decoration: none; color: darkcyan; }
.recent a:hover { text-decoration: underline; color: black; }
.recent a:active, .recent a:focus { text-decoration: underline; color: #000; }
.recent code, .recent pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */


/* BASE SIZES */

.coldroite { font-size: 0.9em; line-height: 1.6em; }
.coldroite h1 { font-size: 1.6em; }
.coldroite h2 { font-size: 1.5em; }
.coldroite h3 { font-size: 1.4em; }
.coldroite h4 { font-size: 1.3em; }
.coldroite h5 { font-size: 1.2em; }
.coldroite h6 { font-size: 1em; }

/* HR */

.coldroite hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.coldroite ul li { text-indent: -.85em; margin-left: .85em; }
.coldroite ul li:before { content: "\2022\00a0\00a0"; }
.coldroite ol { list-style-position: outside; list-style-type: decimal; }
.coldroite dt { font-weight: bold; }

/* TABLES */

.coldroite table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.coldroite th, .coldroite td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.coldroite blockquote *:first-child { margin: .8em 0; }
.coldroite hr, .coldroite p, .coldroite ul, .coldroite ol, .coldroite dl, .coldroite pre, .coldroite blockquote, .coldroite address, .coldroite table, .coldroite form { margin-bottom: 1.6em; }
.coldroite p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.coldroite h1 { margin: 1em 0 .5em;  }
.coldroite h2 { margin: 1.07em 0 .535em; }
.coldroite h3 { margin: 1.14em 0 .57em; }
.coldroite h4 { margin: 1.23em 0 .615em; }
.coldroite h5 { margin: 1.33em 0 .67em; }
.coldroite h6 { margin: 1.6em 0 .8em; }
.coldroite th, .coldroite td { padding: .8em; }
.coldroite caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.coldroite blockquote { padding: 0 1em; margin: 1.6em 0; }
.coldroite fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.coldroite legend { padding-left: .8em; padding-right: .8em; }
.coldroite legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.coldroite textarea, .coldroite input { padding: .3em .4em .15em .4em; }
.coldroite select { padding: .1em .2em 0 .2em; }
.coldroite option { padding: 0 .4em; }
.coldroite a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.coldroite dt { margin-top: .8em; margin-bottom: .4em; }
.coldroite ul { margin-left: 1.5em; }
.coldroite ol { margin-left: 2.35em; }
.coldroite ol ol, .coldroite ul ol { margin-left: 2.5em; }
.coldroite form div { margin-bottom: .8em; }

/* COLORS */
.coldroite a { text-decoration: none; color: crimson; }
.coldroite a:link { text-decoration: none; color: crimson; }
.coldroite a:visited { text-decoration: none; color: darkcyan; }
.coldroite a:hover { text-decoration: underline; color: black; }
.coldroite a:active, .coldroite a:focus { text-decoration: underline; color: #000; }
.coldroite code, .coldroite pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */


/* BASE SIZES */

.colonneune { font-size: 0.7em; line-height: 1.2em;}
.colonneune h1 { font-size: 1.6em; }
.colonneune h2 { font-size: 1.5em; }
.colonneune h3 { font-size: 1.4em; }
.colonneune h4 { font-size: 1.3em; }
.colonneune h5 { font-size: 1.2em; }
.colonneune h6 { font-size: 1em; }

/* HR */

.colonneune hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.colonneune ul li { text-indent: -.85em; margin-left: .85em; }
.colonneune ul li:before { content: "\2022\00a0\00a0"; }
.colonneune ol { list-style-position: outside; list-style-type: decimal; }
.colonneune dt { font-weight: bold; }

/* TABLES */

.colonneune table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.colonneune th, .colonneune td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.colonneune blockquote *:first-child { margin: .8em 0; }
.colonneune hr, .colonneune p, .colonneune ul, .colonneune ol, .colonneune dl, .colonneune pre, .colonneune blockquote, .colonneune address, .colonneune table, .colonneune form { margin-bottom: 1.6em; }
.colonneune p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.colonneune h1 { margin: 1em 0 .5em;  }
.colonneune h2 { margin: 1.07em 0 .535em; }
.colonneune h3 { margin: 1.14em 0 .57em; }
.colonneune h4 { margin: 1.23em 0 .615em; }
.colonneune h5 { margin: 1.33em 0 .67em; }
.colonneune h6 { margin: 1.6em 0 .8em; }
.colonneune th, .colonneune td { padding: .8em; }
.colonneune caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.colonneune blockquote { padding: 0 1em; margin: 1.6em 0; }
.colonneune fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.colonneune legend { padding-left: .8em; padding-right: .8em; }
.colonneune legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.colonneune textarea, .colonneune input { padding: .3em .4em .15em .4em; }
.colonneune select { padding: .1em .2em 0 .2em; }
.colonneune option { padding: 0 .4em; }
.colonneune a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.colonneune dt { margin-top: .8em; margin-bottom: .4em; }
.colonneune ul { margin-left: 1.5em; }
.colonneune ol { margin-left: 2.35em; }
.colonneune ol ol, .colonneune ul ol { margin-left: 2.5em; }
.colonneune form div { margin-bottom: .8em; }

/* COLORS */
.colonneune a { text-decoration: underline; color: black; }
.colonneune a:link { text-decoration: underline; color: black; }
.colonneune a:visited { text-decoration: none; color: darkcyan; }
.colonneune a:hover { text-decoration: none; color: black; }
.colonneune a:active, .colonneune a:focus { text-decoration: underline; color: #000; }
.colonneune code, .colonneune pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* BASE SIZES */

.colonnedeux { font-size: 0.7em; line-height: 1.2em;}
.colonnedeux h1 { font-size: 1.6em; }
.colonnedeux h2 { font-size: 1.5em; }
.colonnedeux h3 { font-size: 1.4em; }
.colonnedeux h4 { font-size: 1.3em; }
.colonnedeux h5 { font-size: 1.2em; }
.colonnedeux h6 { font-size: 1em; }

/* HR */

.colonnedeux hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.colonnedeux ul li { text-indent: -.85em; margin-left: .85em; }
.colonnedeux ul li:before { content: "\2022\00a0\00a0"; }
.colonnedeux ol { list-style-position: outside; list-style-type: decimal; }
.colonnedeux dt { font-weight: bold; }

/* TABLES */

.colonnedeux table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.colonnedeux th, .colonnedeux td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.colonnedeux blockquote *:first-child { margin: .8em 0; }
.colonnedeux hr, .colonnedeux p, .colonnedeux ul, .colonnedeux ol, .colonnedeux dl, .colonnedeux pre, .colonnedeux blockquote, .colonnedeux address, .colonnedeux table, .colonnedeux form { margin-bottom: 1.6em; }
.colonnedeux p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.colonnedeux h1 { margin: 1em 0 .5em;  }
.colonnedeux h2 { margin: 1.07em 0 .535em; }
.colonnedeux h3 { margin: 1.14em 0 .57em; }
.colonnedeux h4 { margin: 1.23em 0 .615em; }
.colonnedeux h5 { margin: 1.33em 0 .67em; }
.colonnedeux h6 { margin: 1.6em 0 .8em; }
.colonnedeux th, .colonnedeux td { padding: .8em; }
.colonnedeux caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.colonnedeux blockquote { padding: 0 1em; margin: 1.6em 0; }
.colonnedeux fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.colonnedeux legend { padding-left: .8em; padding-right: .8em; }
.colonnedeux legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.colonnedeux textarea, .colonnedeux input { padding: .3em .4em .15em .4em; }
.colonnedeux select { padding: .1em .2em 0 .2em; }
.colonnedeux option { padding: 0 .4em; }
.colonnedeux a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.colonnedeux dt { margin-top: .8em; margin-bottom: .4em; }
.colonnedeux ul { margin-left: 1.5em; }
.colonnedeux ol { margin-left: 2.35em; }
.colonnedeux ol ol, .colonnedeux ul ol { margin-left: 2.5em; }
.colonnedeux form div { margin-bottom: .8em; }

/* COLORS */
.colonnedeux a { text-decoration: underline; color: black; }
.colonnedeux a:link { text-decoration: underline; color: black; }
.colonnedeux a:visited { text-decoration: none; color: darkcyan; }
.colonnedeux a:hover { text-decoration: none; color: black; }
.colonnedeux a:active, .colonnedeux a:focus { text-decoration: underline; color: #000; }
.colonnedeux code, .colonnedeux pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* BASE SIZES */

.colonnetrois { font-size: 0.7em; line-height: 1.2em;}
.colonnetrois h1 { font-size: 1.6em; }
.colonnetrois h2 { font-size: 1.5em; }
.colonnetrois h3 { font-size: 1.4em; }
.colonnetrois h4 { font-size: 1.3em; }
.colonnetrois h5 { font-size: 1.2em; }
.colonnetrois h6 { font-size: 1em; }

/* HR */

.colonnetrois hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.colonnetrois ul li { text-indent: -.85em; margin-left: .85em; }
.colonnetrois ul li:before { content: "\2022\00a0\00a0"; }
.colonnetrois ol { list-style-position: outside; list-style-type: decimal; }
.colonnetrois dt { font-weight: bold; }

/* TABLES */

.colonnetrois table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.colonnetrois th, .colonnetrois td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.colonnetrois blockquote *:first-child { margin: .8em 0; }
.colonnetrois hr, .colonnetrois p, .colonnetrois ul, .colonnetrois ol, .colonnetrois dl, .colonnetrois pre, .colonnetrois blockquote, .colonnetrois address, .colonnetrois table, .colonnetrois form { margin-bottom: 1.6em; }
.colonnetrois p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.colonnetrois h1 { margin: 1em 0 .5em;  }
.colonnetrois h2 { margin: 1.07em 0 .535em; }
.colonnetrois h3 { margin: 1.14em 0 .57em; }
.colonnetrois h4 { margin: 1.23em 0 .615em; }
.colonnetrois h5 { margin: 1.33em 0 .67em; }
.colonnetrois h6 { margin: 1.6em 0 .8em; }
.colonnetrois th, .colonnetrois td { padding: .8em; }
.colonnetrois caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.colonnetrois blockquote { padding: 0 1em; margin: 1.6em 0; }
.colonnetrois fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.colonnetrois legend { padding-left: .8em; padding-right: .8em; }
.colonnetrois legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.colonnetrois textarea, .colonnetrois input { padding: .3em .4em .15em .4em; }
.colonnetrois select { padding: .1em .2em 0 .2em; }
.colonnetrois option { padding: 0 .4em; }
.colonnetrois a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.colonnetrois dt { margin-top: .8em; margin-bottom: .4em; }
.colonnetrois ul { margin-left: 1.5em; }
.colonnetrois ol { margin-left: 2.35em; }
.colonnetrois ol ol, .colonnetrois ul ol { margin-left: 2.5em; }
.colonnetrois form div { margin-bottom: .8em; }

/* COLORS */
.colonnetrois a { text-decoration: underline; color: black; }
.colonnetrois a:link { text-decoration: underline; color: black; }
.colonnetrois a:visited { text-decoration: none; color: darkcyan; }
.colonnetrois a:hover { text-decoration: none; color: black; }
.colonnetrois a:active, .colonnetrois a:focus { text-decoration: underline; color: #000; }
.colonnetrois code, .colonnetrois pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* BASE SIZES */

.colonnequatre { font-size: 0.7em; line-height: 1.2em;}
.colonnequatre h1 { font-size: 1.6em; }
.colonnequatre h2 { font-size: 1.5em; }
.colonnequatre h3 { font-size: 1.4em; }
.colonnequatre h4 { font-size: 1.3em; }
.colonnequatre h5 { font-size: 1.2em; }
.colonnequatre h6 { font-size: 1em; }

/* HR */

.colonnequatre hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.colonnequatre ul li { text-indent: -.85em; margin-left: .85em; }
.colonnequatre ul li:before { content: "\2022\00a0\00a0"; }
.colonnequatre ol { list-style-position: outside; list-style-type: decimal; }
.colonnequatre dt { font-weight: bold; }

/* TABLES */

.colonnequatre table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.colonnequatre th, .colonnequatre td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.colonnequatre blockquote *:first-child { margin: .8em 0; }
.colonnequatre hr, .colonnequatre p, .colonnequatre ul, .colonnequatre ol, .colonnequatre dl, .colonnequatre pre, .colonnequatre blockquote, .colonnequatre address, .colonnequatre table, .colonnequatre form { margin-bottom: 1.6em; }
.colonnequatre p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.colonnequatre h1 { margin: 1em 0 .5em;  }
.colonnequatre h2 { margin: 1.07em 0 .535em; }
.colonnequatre h3 { margin: 1.14em 0 .57em; }
.colonnequatre h4 { margin: 1.23em 0 .615em; }
.colonnequatre h5 { margin: 1.33em 0 .67em; }
.colonnequatre h6 { margin: 1.6em 0 .8em; }
.colonnequatre th, .colonnequatre td { padding: .8em; }
.colonnequatre caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.colonnequatre blockquote { padding: 0 1em; margin: 1.6em 0; }
.colonnequatre fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.colonnequatre legend { padding-left: .8em; padding-right: .8em; }
.colonnequatre legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.colonnequatre textarea, .colonnequatre input { padding: .3em .4em .15em .4em; }
.colonnequatre select { padding: .1em .2em 0 .2em; }
.colonnequatre option { padding: 0 .4em; }
.colonnequatre a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.colonnequatre dt { margin-top: .8em; margin-bottom: .4em; }
.colonnequatre ul { margin-left: 1.5em; }
.colonnequatre ol { margin-left: 2.35em; }
.colonnequatre ol ol, .colonnequatre ul ol { margin-left: 2.5em; }
.colonnequatre form div { margin-bottom: .8em; }

/* COLORS */
.colonnequatre a { text-decoration: underline; color: black; }
.colonnequatre a:link { text-decoration: underline; color: black; }
.colonnequatre a:visited { text-decoration: none; color: darkcyan; }
.colonnequatre a:hover { text-decoration: none; color: black; }
.colonnequatre a:active, .colonnequatre a:focus { text-decoration: underline; color: #000; }
.colonnequatre code, .colonnequatre pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */


#comments{ margin: 0 0 0 36px; }
        #comments ol{}
          #comments li{ margin: 0 0 1.5em 0; border-bottom: 1px solid #000000; }
            .cBody{ float: right; width: 376px; }
              .cBody p{ margin-top: 0; }
            .cInfo{ font-size: 0.9em; color: #777; margin: 0 0 18px 0; }
                .cInfo a:link{ color: #777; }
                .cInfo a:visited{ color: #999; }
                .cInfo a:hover{ color: #343434; }
              .mdash, .cName, .cInfo .date{ display: block; }
  .uniForm .ctrlHolder{
    margin: 0 0 .75em 0;
  }
  .uniForm .ctrlHolder:after{
    content: "."; display: block; clear: both; height: 0; line-height: 0; font-size: 0; min-height: 0; visibility: hidden; zoom: 1;
  }
    /* .inlineLabels - Places the label and the field in the same line */
    .uniForm .inlineLabels label, .uniForm.inlineLabels label{
      float: left; width: 38%;
    }
    .uniForm .inlineLabels .textInput, .uniForm.inlineLabels .textInput, .uniForm .inlineLabels select, .uniForm.inlineLabels select, .uniForm .inlineLabels textarea, .uniForm.inlineLabels textarea{
      float: right; width: 58%;
    }
#comments button{
    margin:0;
    padding:0;
    border:0;
    background:0;
    font-size:0.7em;
    font-family: Arial Black, Verdana;
    color:#B02B2C;
    text-decoration:underline;
    cursor:pointer;
    }

div.jscript li {padding-bottom:10px;margin-bottom:10px;}
