/*
Je suis développeur et non graphiste ;)
Ce thème a été honteusement inspiré des superbes sites suivants :
http://mozilla-europe.org/
http://spreadfirefox.com/

Si vous trouvez celà inadmissible et que l'envie vous prend de vouloir
m'insulter à cause de celà, n'hésitez pas, je le mérite :
yannick.torres_chez_keliglia_point_com

Cordialement ;)
*/

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input, dl, dt, dd
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

acronym {
 cursor: help;
}


/*** reset some basic style
******************************************************************/
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}

ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}

ul {list-style: disc;}
ul li {margin: 0 0 1em 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}






/*** major document sections
******************************************************************/

/*** body
*********************************/
body {
background: #fff url(/img/body_back.gif) repeat-x top left;
color: #000;
font-family: verdana, sans-serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;

}


/*** container-outer
*********************************/
#container-outer {
margin: 0px auto;
min-width: 600px;
width: 100%;
}


/*** nav-access
*********************************/
ul#nav-access, #nav-perso ul {
font-size: 90%;
list-style: none;
}

ul#nav-access li, #nav-perso li {
float: left;
margin: 0 5px 5px 0;
}

ul#nav-access li+li, #nav-perso li+li {
border-left: 1px solid #ddd;
padding-left: 5px;
}

ul#nav-access a, #nav-perso a {
color: #888;
}

ul#nav-access a:hover, #nav-perso a:hover {
color: #333;
text-decoration: underline;
}

#nav-perso {
 clear: both;
}

/*** header
*********************************/
#header {
background: #455372 url(/img/header_fond.png) repeat-x bottom left;
clear: both;
height: 5em;
min-height: 39px;
position: relative;
voice-family: "\"}\"";
voice-family: inherit;
height: 3em;
padding: 15px 0;
}

#header h1 {

font-size: 40px;
height: 8px;
left: 10px;
position: absolute;
top: 5px;
z-index: 100;
}

#header h1 a {
color: #fff;
display: block;
height: 55px;
/* text-indent: -700em; */
width: 204px;
}

#header form,
#header #no-form {

padding: 12px 20px 0 0;
position: absolute;
right: 0;
text-align: right; /* need for IE Mac */
top: 0;
white-space: nowrap; /* for Opera */
}

#header form label {
color: #fff;
font-size: 85%;
font-weight: bold;
}

#header form input#search-input {
background: #d9dbe1 url(/img/search.png) no-repeat 2px;
border: 1px solid #9097a2;
font-size: 85%;
padding: 2px;
width: 180px;
padding-left: 14px;
}

#header form input#search-input:focus, 
#header form input#search-input:hover {
background: #fff url(/img/search.png) no-repeat 2px;
}

#header form input#search-submit {
background-color: #6a7389;
border-bottom: 1px solid #283043;
border-left: 1px solid #9097a2;
border-right: 1px solid #283043;
border-top: 1px solid #9097a2;
color: #fff;
font-size: 85%;
font-weight: bold;
padding: 1px 4px;
}


/*** nav-main
*********************************/
#nav-main {
position: absolute;
top: -15px;
width: 100%;
}

#nav-main ul {
background: url(/img/header_br.gif) no-repeat bottom right;
bottom: 0;
list-style: none;
padding-right: 15px;
position: absolute;
right: 0;
width: auto;
z-index: 90;
}

#nav-main #no-ul {
background: url(/img/header_br.gif) no-repeat bottom right;
bottom: 0;
padding: 0 0 15px 20px;
position: absolute;
right: 0;
z-index: 90;
}

#nav-main ul li {
background: transparent url(/img/header_tab.gif) no-repeat 100% -600px;
border-bottom: 1px solid #515358;
float: right;
padding-right: 6px;
margin: 0 0 0 1px;
}

#nav-main ul li:hover {
background-position: 100% -400px;
}

#nav-main ul li a {
background: transparent url(/img//header_tab.gif) no-repeat 0% -600px;
color: #fff;
display: block;
font-weight: bold;
float: left;
padding: 4px 4px 4px 10px;
text-decoration: none;
}

#nav-main ul li:hover a {
background-position: 0% -400px;
}


/*** container-inner
*********************************/
#container-inner {
margin-top: 15px;
position: relative;
width: 100%;
}


/*** columns
*********************************/
#leftCol {
color: #222;
font-size: 90%;
left: 3px;
position: absolute;
top: 0;
width: 140px;
}



#main {
margin: 0 270px 0 155px;
}

#rightCol {
color: #222;
font-size: 90%;
margin: 0 10px 0 0;
position: absolute;
right: 0;
top: 0;
width: 247px;
}



/*** footer
*********************************/
#footer {
border-top: 1px solid #999;
padding: 1em 0;
text-align: center;
}

#footer {
margin: 4em 260px 2em 180px;
}

#footer dl {
margin-bottom: 1em;
}

#footer dt {
margin: 0;
}

#footer dd {
display: inline;
margin: 0;
}

#footer dd+dd {
border-left: 1px solid #ddd;
padding-left: 5px;
}

#footer ul {
margin-bottom: 1em;
}

#footer li {
display: inline;
white-space: nowrap;
margin: 0;
}

#footer li+li {
border-left: 1px solid #ddd;
padding-left: 5px;
}

#footer p {
margin: 0.6em 0;
}

#footer,
#footer p a {
color: #666;
}

#footer a:hover {
color: #333;
text-decoration: underline;
}






/*** minor document sections
******************************************************************/

/*** download
*********************************/
.dl {
font-style: italic;
}

.key-point .dl:before {
border: none;
content: url(/img/download_tl.gif);
display: block;
font-size: 1px;
height: 15px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
}

.key-point .dl {
background: #C4EFA1 url(/img/download_back.gif) top right no-repeat;
font-style: normal;
margin-bottom: 0.5em;
padding: 15px 60px 15px 15px;
}

.key-point .dl:after {
background: transparent url(/img/download_br.gif) scroll no-repeat bottom right;
content: url(/img/download_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -10px -60px -15px -15px;
padding-top: 15px;
}

.key-point .dl a {
color: #1D9101;
font-weight: bold;
}

.key-point .dl a:hover {
color: #156B01;
}


/*** download faux
*********************************/
body#products h2.prod+p+p.dl:before {
border: none;
content: url(/img/download_tl.gif);
display: block;
font-size: 1px;
height: 15px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
}

body#products h2.prod+p+p.dl {
background: #C4EFA1 url(/img/download_back.gif) top right no-repeat;
float: left;
font-style: normal;
margin: 0 15px 10px 15px;
padding: 15px 60px 15px 15px;
width: auto;
}

body#products h2.prod+p+p.dl:after {
background: transparent url(/img/download_br.gif) scroll no-repeat bottom right;
content: url(/img/download_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -10px -60px -15px -15px;
padding-top: 15px;
}

body#products h2.prod+p+p.dl a {
color: #1D9101;
font-weight: bold;
}

body#products h2.prod+p+p.dl a:hover {
color: #156B01;
}

body#products h2.prod+p+p.dl+p:before {
clear: left;
content: " ";
display: block;
height: .5em;
}


/*** .key-point
*********************************/
.key-point {
background: #e4ecec url(/img/key-point_back.gif) right repeat-y;
margin-bottom: 1em;
padding: 15px;
}

.key-point:before {
background: transparent url(/img/key-point_tr.gif) no-repeat top right;
content: url(/img/key-point_tl.gif);
display: block;
font-size: 1px;
height: 15px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
}

.key-point:after {
background: transparent url(/img/key-point_br.gif) scroll no-repeat bottom right;
clear: both;
content: url(/img/key-point_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -15px;
padding-top: 15px;
}

.key-point h2,
.key-point h3,
.key-point h4,
.key-point h5 {
border: none;
padding-bottom: 0;
}

#main .key-point h2 {
font-size: 200%;
}


/*** key-point faux
*********************************/
body#products h2.prod, 
body#products h2.prod+p, 
body#products h2.prod+p+p, 
body#products h2.prod+p+p+p {
background: #e4ecec url(/img/key-point_back.gif) right repeat-y;
margin-bottom: 0;
padding: 15px;
}

body#products h2.prod:before {
background: transparent url(/img/key-point_tr.gif) no-repeat top right;
content: url(/img/key-point_tl.gif);
display: block;
font-size: 1px;
height: 15px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
}

body#products h2.prod+p+p+p:after {
background: transparent url(/img/key-point_br.gif) scroll no-repeat bottom right;
clear: both;
content: url(/img/key-point_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -15px;
padding-top: 15px;
}

body#products h2.prod {
border: none;
font-size: 200%;
margin-left: 0;
padding-bottom: 0;
}

body#products h2.prod+p+p+p+h2 {
margin-top: .8em;
}


/*** #nav2nd
*********************************/
ul#nav2nd {
background: #E0E9E9 url(/img/menu_back.gif) right repeat-y;
margin-bottom: 1em;
}

ul#nav2nd:before {
background: transparent url(/img/menu_tr.gif) no-repeat top right;
border-bottom: 1px solid #ddd;
content: url(/img/key-point_tl.gif);
display: block;
font-size: 1px;
height: 9px;
line-height: 0.1;
margin: 0;
}

ul#nav2nd:after {
background: transparent url(/img/menu_br.gif) scroll no-repeat bottom right ;
border-top: 1px solid #fff;
content:  url(/img/key-point_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: 0 0 0 0;
padding-top: 0;
}

ul#nav2nd ul {
list-style: none;
margin: 0 0 -4px 0;
padding: 0;
}

/* used for un-linked menu items */
ul#nav2nd li {
color: #666;
display: block;
font-weight: bold;
margin: 0;
padding: 6px 10px;
}

ul#nav2nd li a {
background: #EDF2F2;
border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
border-right: 1px solid #ddd;
display: block;
margin: -6px -10px;
padding: 6px 10px;
text-decoration: none;
}

ul#nav2nd ul a {
font-weight: normal;
}

ul#nav2nd li li a {
margin: -4px -20px -8px -20px;
padding: 4px 8px 4px 20px;
}

ul#nav2nd li a:hover {
background: #E0E9E9;
}

#nav2nd span {

 font-size: 90%;
 color: #C0C0C0;
 font-weight: normal;

}


/*** .prod-list
*********************************/
body#home #main dl,
body#products #main dl {
margin-left: 0;
}

body#home #main dl dd,
body#products #main dl dd {
margin-left: 44px;
}

body#home #main dl img,
body#products #main dl img {
float: left;
margin: 0 10px 5px 0;
}

body#home #main dl dt a,
body#products #main dl dt a {
font-weight: bold;
}

body#home #main dl dd+dt,
body#products #main dl dd+dt {
margin-top: 35px;
}


/*** search page
*********************************/
body#search #main dl {
margin-top: 2em;
}

body#search #main dt {
font-weight: bold;
}

body#search #main dd+dt {
border-top: 1px solid #ddd;
padding-top: 1em;
}






/*** specific tags
******************************************************************/

/*** address
*********************************/
address {
margin: 0 0 1em 0;
}


/*** dd
*********************************/
/* product quotes */
body.product #rightCol dl:first-child dd {
text-align: right;
}


/*** dt
*********************************/
body#about #main dt {
font-weight: bold;
}


/*** form
*********************************/
body#search #main form {
margin-bottom: 1em;
}


/*** h
*********************************/
/* h1 is the swapped to display the mozilla logo*/

h2 {
border-bottom: 1px solid #ccc;
font-size: 160%;
font-weight: normal;
margin: 0 0 .4em 0;
padding-bottom: 4px;
}

#main h2 {
margin-left: -10px;
}

#nav-main h2 {
display: none;
}

h3 {
border-bottom: 1px solid #ccc;
font-size: 130%;
font-weight: normal;
margin: 0 0 0 0;
padding-bottom: 4px;
}

#main h3 {
margin-left: -10px;
color: #1d9101;
}

#main h3 span {
font-size: 60%;
font-style: italic;
color: #C0C0C0;
}

#main a.titleH3 {
text-decoration: none;
color: #1d9101;
font-weight: bold;
}



#leftCol h3, 
#rightCol h3 {
border: 0;
font-size: 120%;
padding-bottom: 0;
}

h4 {
font-size: 115%;
font-weight: bold;
}

body#firefox #main h4 {
margin: 1.5em 0 .5em 0;
}

body#firefox #main h3+h4 {
margin-top: .5em;
}

h5 {
font-size: 100%;
}

h6 {
font-size: 90%;
margin: 0;
padding: 0;
}

blockquote {
overflow: auto;
margin-top: 0;
background-color: #edf2f2;
padding: 5px;
border: 1px solid #D0D9D9;
}

/*** hr
*********************************/
hr {
display: none;
}

#main hr {
display: block;
}


/*** img
*********************************/
h2.prod img {
float: left;
margin-bottom: 5px;
margin-right: 5px;
}


/*** q
*********************************/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
body.product #rightCol q {
font-size: 140%;
font-family: Georgia;
color: #394A6C;
}
*/


/*** a
*********************************/
:link {color: #039;}
:visited {color: #636;}
:link:hover, :visited:hover {color: #333;}
:link:active, :link:active {color: #000;}

#container-inner a {
text-decoration: underline;
}

#container-inner a[hreflang]:after {
content: " [" attr(hreflang) "]";
font-size: 80%;
}

body.product #rightCol q a {
color: #394A6C;
text-decoration: none;
}

body.product #rightCol q a:hover {
color: #333;
text-decoration: underline;
}


/*** img
*********************************/
img.inline {
	float: none;
	margin: 0;
	vertical-align: middle;
}
img.screenshot {
	display: block;
	margin-bottom: 10px;
}
img.imgright {
	float: left;
	margin-right: 5px;
}



/* Boite de Login */

#block-user-0 .item-list {
	font-size: 90%;
}
/* User Login Block */
#block-user-0 {
    border: 1px solid #D0D9D9;
    padding: 10px;
    background-color: #EDF2F2; 
	margin-bottom: 10px;
}
#block-user-0 .title {
    display: none; 
}
#block-user-0 .item-list ul, #block-user-0 .item-list li {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center; 
}

#block-user-0 .item-list li {
    list-style-type: none;
    display: block;
}

#login-block, .block .user-login-block {
    text-align: left; 
}

.user-login-block input#name, 
.user-login-block input#pass {
    width: 90%; 
    margin: 0; 
}
.user-login-block .form-item,
.user-login-block .form-item label {
    margin: 0;
    padding: 0;
}
form label:hover, form .form-item label {
     color: #333; 
     cursor: pointer;
}
form label:hover {
     color: #039;
     border-bottom: 1px solid #039;
}       
     /*</group>*/
form #title, 
.form-text,
.form-password, 
textarea {
	color: #333;
	font-size: 100%;
	padding: 2px 4px;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #e7e7e7;
	border-top-color: #999;
	border-left-color: #999;
} 

input[type="submit"]:hover {
	 background-color: #E0E9E9;
}
input[type="submit"]:focus {
	 background-color: #C6DCDC;
	 color: #999;
	 border-color: #ddd;
	 border-bottom-color: #fff;
	 border-right-color: #fff;
}

#block-user-0 input[type="submit"], #main input[type="submit"], #main input[type="button"] {
  color: #039;
  background: #EDF2F2;
  border: 2px solid;
  border-color: #fff;
  border-bottom-color: #ddd;
  border-right-color: #ddd;
  padding: 2px 4px;
  margin: 1.0em;
  margin-left: 0;
}

#main input[type="button"].form-supprimer {
 color: #ff0000;
 background: #fff;
 border: 2px solid;
 border: #ff0000 1px solid;
 margin: 1.0em;
 padding: 2px 4px;
}

/*** problem items
******************************************************************/
/* removes problem images */
#rightCol h2 img {
display: none;
}


/***** MOI *****/

.info {
 font-size: 70%;
 color: #777;
 background-color: transparent;
 padding: 0;
 margin: 0 0 4px -10px;
 padding-left: 10px;
 background: no-repeat bottom left url(/img/puce.png);  
}

#sujet div.info {
 margin: 0 0 4px 5px;
}

.links {
 font-size: 76%;
 padding: 5px 0;
 margin: 1em 8px;
 border-top: 1px dotted #ddd;
 text-align: right;
}

#promotion {
 text-align: center;
}

#promotion img {
 border: 0;
}

#rightBox .content {
  background: no-repeat bottom left url(/img/sidebar_box_bottom.png);  
  width: auto;
  margin: 0;
  padding: 0 1.0em 1.5em 1.0em;
}

#rightBox .blockR h2 {
  background: no-repeat top left url(/img/sidebar_box_top.png);  
  margin: 0;
  width: auto;
  padding: 0.8em 1.0em 0.5em 0.9em; 
  color: #1D9101;
  font-weight: bold;
  border: none;
}

#rightBox .blockR {

 background-color: #cdf2ae;

}

#rightBox .blockR .title a {
 color: #1D9101;

}


#rightBox .tribune {
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 90%;
 background-color: #D7FFB7;

}

#rightBox .tribune a:after { content: "]"; }
#rightBox .tribune a:before { content: "["; }

#rightBox .tribune a {
 color: #898989;

}


#rightBox .tribune li {
 margin-bottom: 2px;
 margin-left: 14px;

}

#rightBox .citation h4 {
 text-align: right;
 font-size: 90%;
 margin: 2px 0 10px 0;
 padding: 0;
 border-top: 1px dotted #ddd;
 font-weight: normal;
}

#rightBox .citation img {
vertical-align: middle;

}

#rightBox .citation p:after { content: "\0000a0»"; }
#rightBox .citation p:before { content: "«\0000a0"; }
#rightBox .citation p {
 font-size: 90%;
 font-style: italic;
 margin-bottom: 0;
}

/* Formulaire pour la tribune */
#rightBox input {
 color: #333;
 font-size: 100%;
 padding: 2px 4px;
 background-color: #fff;
 border-width: 1px;
 border-style: solid;
 border-color: #e7e7e7;
 border-top-color: #999;
 border-left-color: #999;

}

#rightBox input[type="submit"] {
 color: #1d9101;
 background: #d7ffb7;
 border: 2px solid;
 border-color: #fff;
 border-bottom-color: #ddd;
 border-right-color: #ddd;
}

#annonce-special .info {
 border-top: 1px dotted #ddd;
}

#annonce-special {
 background: no-repeat 1px 5px url(/img/ampoule.png);  
 color: #952000;
 background-color: #ffffcc;
 margin-left: -15px;
 padding-left: 25px;
 margin-bottom: 10px;
}

#annonce-special p {
 margin: 0;
 font-size: 80%;
}


img.avatar-right {

 float: right;
 margin: 0 0 1px 6px;

}

#message {
  padding: 0.5em;
  margin: 1.0em 0;
  background: url(/img/bg_message.gif) top left repeat;
}

#message h3 {
  margin-top: 0; 
  color: #000;
  font-weight: bold;
  margin-left: 0;
}

#message .item-list ul {
  list-style: none;
 }
 #message .item-list li {
  margin: 0 0 0 25px;
 }
 
 #main .description {
 font-style: italic;
 padding: 0.5em 1.0em;
 margin: 1.0em 0 6px 0;
 line-height: 1.4em;
 color: #333;
 font-size: 70%; 
 
 }
 
 #main .description {
  border: dotted #999;
  border-width: 1px 0;
}
#main .description:before {
  content: "Note : "; 
  color: #004D81;
}

#main .tribune {
padding-top: 20px;
}

#main .tribune .mess1, #main .tribune .mess2 {
margin: 0;
clear: both;
}

#main .tribune .mess1 hr, #main .tribune .mess2 hr {
clear: both;
visibility: hidden;
}

#main .tribune .mess1 {
background-color: #d7ffb7;
}

#main .tribune .mess {
 float: right;
 width: 82%;

}

#main .tribune a {
 font-size: 80%;
}

#main .tribune img {
 vertical-align: middle;
}

#main .tribune .mess:before { content: "- "; }

#main a.heure:after { content: "]"; }
#main a.heure:before { content: "["; }

#main a.heure {
text-decoration: none;

}

div.nav-page {
text-align: right;
}

div.nav-page .CurrentPage {
 font-weight: bold;
}

img.milieu {
  vertical-align: middle;
}


div.c {

text-align: center;

}

/* Les commentaires */
#commentaire h4 {
color: #b30000;
background: url(/img/commentaire.png) bottom left no-repeat;
padding-left: 20px;
}

#commentaire ul {

  list-style: none;

}

#commentaire ul.firstCom {
 margin-top: 10px;
 border-top: 1px solid #1d9101;
 border-bottom: 1px solid #1d9101;
 background-color: #e5e5e5;

}

#commentaire h5 {
 margin-top: 2px;
 
 padding: 2px;
 padding-left: 10px;
 border: 1px solid #000;
 background: no-repeat 0px 5px url(/img/arrow.png); 
 background-color: #fff; 
}

#commentaire img, #Fpreview img, #sujet img, #main img.Emoti {
vertical-align: middle;

}

#commentaire div.descritionCom {
 font-size: 70%;
 color: #777;
 background-color: transparent;
 padding: 0;
 margin: 0 0 4px 0;
 padding-left: 10px;
 background: no-repeat bottom left url(/img/puce.png);  
}

#commentaire div.preview ul {
 margin-bottom: 5px;
 background: no-repeat bottom right url(/img/preview.gif);  
 background-color: #e5e5e5;
 padding-bottom: 20px;
}


#commentaire p {
 margin-top: 5px;
 padding-left: 9px;
 border-left: 1px solid #000;

}

#repondre {
 margin-top: 10px;
 background-color: #e8e8e8;
 padding-left: 20px;
 border: 1px solid #BDCEE1;
}

#forum td a {
 font-weight: bold;

}

#forum table {
  width: 99%; /* needed for IE */
  overflow: scroll;
  border: 1px solid #BDCEE1;
  padding: 0;
  margin: 0;
  margin-bottom: 1.0em;  
}
#forum td {
  border: 1px solid #BDCEE1;
  padding: 2px;
  margin: 0;  
  vertical-align: top;
}
#forum th {
  border: 0;
  border-bottom: 1px solid #BDCEE1;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
}
#forum tr.dark {
  background-color: #e7e7e7; 
}
#forum tr.light {
  background-color: #efefef; 
}

#forum td.created, #forum td.last-reply, #forum td.replies {
 font-size: 80%;
}

#forum td.replies {
 text-align: center;
}

#forum div.navForum, #sujet div.navForum {
 text-align: right;
 margin-right: 1%;
 color: #004D81;
 font-size: 80%;
}

 #forum div.navForum:before, #sujet div.navForum:before { content: ":: "; }
 
 #forum div.navForum a {
  text-decoration: none;
 }

#pager {
  color: #004D81;
  width: 50%; 
  border-top: 1px solid #BDCEE1;
  padding: 0.5em 0 1.0em 0;
  margin: 1.0em auto 0 auto;
}
#pager a {
  color: #004D81;
}
#pager :visited {
  color: #666;
}

#Fpreview, #sujet {
 background-color: #e7e7e7; 
 padding-bottom: 20px;
 border: 1px solid #BDCEE1;
 margin-top: 5px;
}

#Fpreview {
 background: no-repeat bottom right url(/img/preview.gif);  
 background-color: #e7e7e7; 
}

#Fpreview h3, #sujet h3 {
 margin: 5px 5px 5px 5px;
 padding: 0 0 0 1px;
 border: 1px solid #000;
 background-color: #fff;
 color: #003399;
 font-weight: bold;
 font-size: 110%;
}

#Fpreview p, #sujet p {
 margin-left: 5px;
}

#BBcode img {
cursor: pointer;

}



#main div.Bimg {
float: left;
width: 125px;
border: 1px solid #000;
margin-right: 5px;
margin-bottom: 5px;
}

#main div.BimgC {
background-color: #efefef;
border-top: 1px solid #000;
text-align: center;
color: #999999;
font-size: 80%;
padding-top: 5px;
padding-bottom: 5px;
}

#main hr.BimgL {
 clear: both;
 color: #fff;
 width: 1px; 
 visibility: hidden;
 margin: 0;
 padding: 0;
}

/* removes styling on problem h2 a */
#rightCol h2 a {
color: #000;
text-decoration: none;
}

#mini-nav {
  text-align: center;
  margin: 20px 0px 10px 0px;
}

#mini-nav a {
  color: #000;
  text-decoration: none;
  background-color: #e7e7e7;
  padding: 2px;
  border: 1px solid #BDCEE1;
  font-size: xx-small;
}

#mini-nav a:hover {
  background-color: #fff;
}

#mini-nav a.selection {
  background-color: #fff;
}

div.mini-nav-item {
  display: inline;
}

h4.other {
  color: #777;
  background-color: transparent;
  padding: 0;
  margin: 0;
  padding-left: 12px;
  background: no-repeat bottom left url(/img/puce.png);
  font-weight: normal;
  font-size: xx-small;
}

h4.other a {
  color: #777;
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: xx-small;
}

#dos ul {
  padding-left: 20px;
  list-style: none;
}

#dos {
  background-color: #e6e6e6;
  border: 1px solid #BDCEE1;
}

em.info2 {
 font-size: xx-small;
}

#gest_img table {
 width: 99%; /* needed for IE */
 border: 1px solid #BDCEE1;
}

#gest_img td {
 border: 1px solid #BDCEE1;
 text-align: center;
 padding: 5px;
 width: 50%;
}

.img0pt a {
  border: 1px solid #000;
  background-color: #e6e6e6;
  padding: 2px;
}

.img0pt a:hover {
  background-color: #fff;
}

.img0pt a img {
  vertical-align: bottom;
  border: 0;
}

.photo {
   margin: 3px 0px 0px 8px;
   padding: 0;
   background: transparent url(/img/photo-ombre.png) no-repeat right bottom;
}

.photo-w1 {
   background: url(/img/photo-corner-bl.png) no-repeat left bottom;
}

.photo-w2 {
   padding : 0 8px 8px 0;
   background:url(/img/photo-corner-tr.png) no-repeat right top;
}

.photo img {
   display : block;
   border: 1px solid #000;
}

hr.spacer, span.spacer {
  clear: both;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 0;
}

.readmore {
background: no-repeat bottom left url(/img/puce.png);
margin: 10px;
padding-left: 12px;
}