/* AUTEUR: Par Kajoom | 23 décembre 2008 | www.kajoom.ca */
/* VERSION:  el2.0 | original: el1.0 */
/* Dernière modif: 24 décembre 2008 */

/* Nouvelles couleurs : */


/*-------------------------------------------------------------------------------------------------------------------*/
/*------------------------ BALISES HTML : PERSONNALISATION-------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/

body 
{
text-align: left;
font-size: 76%;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3;
margin: 1em 0;
background: #000000; /*#fdeed5;*/
}

img 
{
border: none;
}

a, a *, a:link, div.news blockquote a, div.news blockquote a:link {
text-decoration: none;
font-weight: bold;
color: #8f91b0;
background: #000000;
}

a:hover, a:active, a:focus {
text-decoration: none;
}

input,textarea,select {
display:block;
text-align: left;
float: left;
clear: right;
margin: 5px;
margin-left: 30px;
}

label {
display:block;
min-width: 50px;
text-align: left;
float: left;
clear: left;
font-size:14px;
color: #fff;
margin: 5px;
}

hr {
width: 100%;
clear: both;
text-align: right;
color: #4b4d6a;
height:2px;
background: #000000;
}

strong {

}

h1, h1 a:link {
font-size: 1.5em;
background: #14164a; /*#383965; #01048f;*/

padding: 0em 2em;
line-height: 2em;
margin: 1em 1em;
}

h2, h2 a, h2 a:link {
font-size: 1.4em;
background: #000;

padding: 0em 1em;
margin: 0.2em 0em;
text-align: left;
}

h3, h3 a, h3 a:link {
font-size: 1.3em;

padding: 0em 1em;
margin: 0.2em 0em;
}

h4, h4 a, h4 a:link {
font-size: 1.2em;

padding: 0em 1em;
margin: 0.2em 0em;
}

h5, h5 a, h5 a:link {
font-size: 1.1em;

padding: 0em 1em;
margin: 0.5em 0em;
}

h6, h6 a, h6 a:link{
font-size: 1em;

padding: 0em 1em;
margin: 0.5em 0em;
}

p {
padding: 0em 1em;
margin: 0.5em 0.5em;
}

blockquote {
padding: 2em;
text-align: justify;
border: 1px dashed #b2bdc8;
}

table {
width: 100%;
padding: 0px;
}

th {
/*background: #d7d7d7;*/
text-align: left;
vertical-align:top;
}

td {
text-align: left;
vertical-align:top;
}


/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------- SÉLECTEURS D'ID  --------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/

#wrap {
min-width: 760px;
max-width: 960px;
width: 960px;
text-align: left;
margin:0 auto;
border-bottom: 2px solid #21222f; /*#4b4d6a;*/
background: #8f91b0; /*#14164a;#ced6dd;*/
color: #fdeed5;
}

#header {
background: #000000; /*#383965; #01048f;*/
color: #fdeed5;
width: 940px; /* 960px - 20px = 940px */
height: 115px;
}

#col-0 {
width: 15%;
min-height: 400px;
background: #000000; /*#000263; #424377; #ced6dd; #cad2d9; #9faebc; #8598aa; #404e5b;*/
float: left;
overflow: hidden;
}

#footer {
clear: both;
background: #000000;
color: #fdeed5; /*#c4cdd5; #fdeed5;*/
font-size: 1em;
width: 100%;
height: 88px;
/*border-top: #4b4d6a 1px solid;*/
}


/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------- SÉLECTEURS DE CLASSES --------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/



div.blq {
margin: 10px 30px 30px 30px;
}

.smallcaps 
{
font-variant: small-caps;
text-align: right;
}

div.horloge 
{
color: #8386a8;
float: left;
padding: 1em 1em 0.3em 1em;
margin-left: 60%;
}

.inside {
padding: 10px;
background: #000000;
}

.box {
padding: 0px 5px;
margin: 0px;
}

.site-name {
float: left;
margin: 10px 5px;
padding: 5px;
}

.site-name,.site-name a,.site-name a:active,.site-name a:hover,.site-name a:focus,.site-name a:link,
.nom,.nom  a,.nom a:active,.nom a:hover,.nom a:focus,.nom a:link,
.slogan,.slogan  a ,.slogan a:active,.slogan a:hover,.slogan a:focus,.slogan a:link,
span.nom,
span.slogan {
text-decoration:none;
}

.nom {
font-size: 2.1em;
color:#fdeed5;
font-weight: bold;
text-decoration:none;
}

.slogan {
font-size: 1.2em;
color:#8f91b0;
font-weight: bold;
}

div.bar-horiz {
background: #4b4d6a;
border-bottom: 20px solid #000000;
height: 10px;
width: 100%;
overflow: hidden;
padding:0px;
margin: 0px;
}

div.bar-horiz-b {
background: #4b4d6a;
border-bottom: 5px solid #000000;
height: 10px;
width: 100%;
overflow: hidden;
padding:0px;
margin: 0px;
}

.news-2 {
text-align: justify;
padding: 0em 0em;
margin: 0.5em 0em 1em 3em;
border: 1px solid #9091c1;
width: 90%;
float: left;
}

.news {
text-align: justify;
padding: 0em;
margin: 1em 0em;
width: 100%;
float: left;
}

div.news p {
margin: 0px;
padding: 0.8em 1.5em 2em 1.5em;
color: #fdeed5;

}

div.news h1,div.news h2,div.news h3,div.news h4,div.news h5,div.news h6 {
color: #fff;
}

div.news h1 a,div.news h2 a,div.news h3 a,div.news h4 a,div.news h5 a,div.news h6 a {
color: #fff;
font-weight:bold;
text-decoration:none;
font-size:1em;
padding-left: 0em;
}

div.news h1 a:hover,div.news h2 a:hover,div.news h3 a:hover,div.news h4 a:hover,div.news h5 a:hover,div.news h6 a:hover {
color: #ffe67a;
}

.gauche {
text-align: left;
padding-left: 1em;
}

.shoutbox {
height: 100%;
width: 100%;
}

.contenu {
min-height: 400px;
width: 85%;
float: left;
overflow: hidden;
background: #000000;
}

.contenu a,.contenu a:active,.contenu a:hover,.contenu a:focus,.contenu a:link {
color: #8f91b0; /*#f9fab1#8f91b0;*/
background: #000000;
text-decoration: none;
font-weight: bold;
}

.logo-head {
float: left;
padding: 10px;
margin: 5px;
overflow: hidden;
}

.separateur {
height: 10px;
width: 100%;
overflow: hidden;
background: #000000;
margin: 0px;
clear: both;
border-bottom: #000 1px solid;
}



/*--------------------------- CREDITS -------------------------------*/

.credits {
text-align: center;
color: #fdeed5;
}

p.credits {
color: #4b4d6a; /*#8f91b0;*/
font-weight: normal;
}

p.credits  a {
color: #8f91b0;
font-weight: normal;
font-variant: small-caps;
}

p.credits a:link,p.credits  a:active { 
color: #8f91b0;
font-weight: normal;
text-decoration: none;
font-variant: small-caps;
}

p.credits  a:hover,p.credits a:focus { 
color: #8f91b0;
font-weight: normal;
text-decoration: none;
font-variant: small-caps;
}


/*--------------------------- MODULES -------------------------------*/

.moduletable {
text-align: left;
width: 100%;
float: left;
background: #000000;
overflow: hidden;;
}

.mod-contenu {
padding: 4%;
margin: 0px;
width: 100%;
height: 100%;
float: left;
}
.mod-border {
background: #73769c;
padding: 7%;
width: 86%;
float: left;
margin: 0px;
overflow: hidden;
clear: both;
/*width: 100%;*/
}

div.menu-box {
text-align: left;
clear: both;
width: 88%;
float: left;
border: 1px solid #3b3d54;
margin: 10px 9px;
padding: 1em 2px;
background: #000000;
}

div.menu-box a {
color: #8f91b0;
background: #000000;
text-decoration: none;
font-weight: normal;
width: 150px;
line-height: 1.5em;
padding: 0em 0.5em;
}

div.menu-box a:link {
text-decoration: none;
}

div.menu-box a:hover {
text-decoration: underline;
color: #fdeed5;
}

/*--------------------------- MODULETABLEMENU -------------------------------*/

.moduletablemenu {
color:#333;
margin-bottom:0em;
padding:0;
height: 100%;
/*border-top: #b2bdc8 1px solid;*/
}

.moduletablemenu h3 {
background:#000000; /*#383965; #000263;*/
color:#4b4d6a; /*#5f3e40; #8f91b0;*/
text-align:left;
font-size:1.1em;
border-bottom:1px solid #000;
margin:0px;
padding:0.25em 1em;
}

.moduletablemenu h3 a {
color:#4b4d6a;
padding: 0px;
margin:0px;
font-weight: bold;
text-decoration: none;
font-size:1em;
}

.moduletablemenu h3 a:hover {
color:#c9cad8; /* #9192bc #abadc3#bdbed0*/
}

.moduletablemenu ul {
list-style:none;
margin:0;
padding:0;
}

.moduletablemenu li {
border-bottom:1px solid #000000;
margin:0;
}

.moduletablemenu li a {
display: block;
border-left:10px solid #000000;
border-right:10px solid #000000;
background-color:#000000;
color:#8f91b0;
text-decoration:none;
padding:3px 5px 3px 1.5em;
font-weight: bold;
}

html>body .moduletablemenu li a {
width:auto;
}

.moduletablemenu li a:hover,a:link,a:focus {
border-left:10px solid #9192bc; /*#0105e8;*/
border-right:10px solid #9192bc; /*#0105e8; */
background-color: #000; /*#9192bc;*/
color:#fdeed5;
font-weight: bold;
}

/*--------------------------- MENU-BAS -------------------------------*/

.menu-bas {
color: #4b4d6a;
clear: both;
text-align: center;
padding: 10px 5px;
background: #000000;
}

.menu-bas a {
color: #8f91b0;
text-decoration: none;
font-weight: normal;
padding: 3px 5px;
border: none;
background: #000000;
}


.menu-bas a:hover,a:active,a:focus,a:link
{
color: #8f91b0;
text-decoration: underline;
font-weight: normal;
border: none;
background: #000000;
}

/*--------------------------- MODULE BIBLIOVIEW -------------------------------*/

table.biblioview {
border-top: 1px dashed #4b4d6a;
/*border-bottom: 1px dashed #4b4d6a;*/
margin:5px 0px 5px 13px;
padding-bottom:10px;
}

.biblioview td,.biblioview th {
padding-top:10px;
}

.biblioview th a,.biblioview th a:active,.biblioview th a:link {
color: #fdeed5;
text-decoration:none;
font-weight: bold;
}

.biblioview th a:hover,.biblioview th a:focus {
color: #ffe67a;
}

table.biblioview_infos {
padding:0px 0px 0px 2%;
width: 98%;
}

.biblioview_infos td,.biblioview_infos th {
padding:0px;
margin:0px;
}

.separateur_biblioview {
width:100%;
border-top: 1px dashed #4b4d6a;
/*border-bottom: 1px dashed #4b4d6a;*/
margin:0px 0px 2px 13px;
padding-bottom:0px;
}

.thin {
font-weight:normal;
}

.goldsun {
color:#ffda37;
}

.goldsun1 {
color: #ffe67a;
}

.goldsun2 {
color: #ffeea3;
}

.fdeed5 {
color:#fdeed5;
}

b.titre,strong.titre,em.titre {
color: #4b4d6a;
}

img.biblio_image {
border:1px solid #fff;
}

div.thumb_container {
text-align:center;
width:170px;
padding:10px;
margin:0px;
background:#222;
border:1px solid #555;
}

div.image_container {
text-align:center;
float:right;
width:410px;
padding:10px 5px;
margin:0px;
background:#222;
border:1px solid #555;
}

div.text_container {
padding:10px;
margin:0px;
}

table.formule_support {
margin-left:1em;
width:98%;
}

table.mod_captcha {
width: 250px;
margin-left: 30px;
border-collapse:collapse;
}

table.mod_captcha td {
margin:0px;
padding:0px;
border-collapse:collapse;
}


/*-------------------------------------------------------------------------------------- FIN DU CSS --------------------------------------------------------------------------------------------------------------*/