/* 3 column style:http://matthewjamestaylor.com/blog/perfect-3-column.htm */
body{margin:0;padding:0;font-size:100%}
#header{
clear:left;
float:left;
width:100%;
overflow:hidden;
background:white;
font-family:sans-serif, verdana, helvetica;
font-size:100%;
color:red;
}

#header p,#header h1,#header h2{
clear:left;
float:left;
margin:0;
padding:.4em 2% .1em 2%;
}
#header ul{
clear:left;
float:left;
width:100%;
list-style:none;
}
#header ul li{display:inline}
#header ul li a{
display:block;
float:left;
list-style:none;
text-decoration:none;
}
#header ul li a.active{font-weight:bold}
#header_ad{
clear:right;
float:right;
margin:0;
padding:0;
}
h2{
color:black;
font-family:sans-serif, verdana, helvetica;
font-weight:bold;
}
h3{
color:white;
text-align:center;
font-family:sans-serif, verdana, helvetica;
font-weight:bold;
font-style:italic;
margin:10px;
margin-bottom:15px;
text-decoration:none;
}
.col1 h2{text-align:center;width:100%}
a:link{color:#6196EF}
a:visited{color:#425eb9}
a img{border:none}
/* column container */
.colmask{
clear:both;
float:left;
width:100%;
overflow:hidden; /* no scrollbar */
}
/* common column settings */
.colright,.colmid,.colleft{
float:left;
width:100%;
position:relative;
}
.col1,.col2,.col3{
float:left;
position:relative;
margin:0;
/*.5em 0 1em 0; no left and right padding on columns, we just make them narrower instead 
only padding top and bottom is included here, make it whatever value you need */
overflow:auto;
}
/* 3 Column settings */
.threecol{background:#005D96}
.threecol .colmid{
right:20%; /* 20 width of the right column 25% */
background:#fff; /* center column background colour */
}
.threecol .colleft{
right:60%; /* width of the middle column 50% */
background:#005D96 /*#3082B6; left column background colour */
}
.threecol .col1{
width:56%;
/* width of center column content (column width minus padding on either side) 46% */
left:104%;
/*left:102%;*/ /* 100% plus left padding of center column 102% */
}
.threecol .col2 { /*width:16%;*/
/* 18 Width of left column content (column width minus padding on either side) 21% */
/*left:26%;*/
/* 25 width of (right column) plus (center column left and right padding) plus (left column left padding) 31% */
left:26%;
width:16%;
}
.threecol .col3 {
width:16%;
/* 16 Width of right column content (column width minus padding on either side) 21% */
left:92%;
/*left:90%;*/ /* 91 Please make note of the brackets here:
(100% - left column width) plus (center column left and right padding) 
plus (left column left and right padding) plus (right column left padding) 85% */
}
#footer{
clear:both;
padding:1em 2%;
background:#005D96;
text-align:center;
color:white;
}
#footer a{color:white}

/* Liste du menu gauche du site web:http://css.maxdesign.com.au/listamatic/vertical18.htm */
#navcontainer{
width:100%;
margin:0;
padding:0;
border:0;
overflow:hidden; /* no scrollbar */
}
ul#navlist{
width:100%;
border-top:0;
padding:0;
margin:0;
font:bold 12px sans-serif,verdana,helvetica,arial;
}
ul#navlist li{
list-style:none;
margin-top:8px;
padding:0;
border:0;
}
ul#navlist li a{
display:block;
width:100%;
padding:5px 7px 5px 7px;
border:0;
border-left:15px solid #6196EF; /* petit carre colore a gauche */
background:white;
text-decoration:none;
text-align:left;
}
/* liens texte */
ul#navlist li a:link{color:#669AD8}
div#navcontainer li a:visited{color:#6677BB}
ul#navlist li a:hover{
border-color:white; /* petit carre colore a gauche quand on passe dessus */
color:#ffffff;
background:#000d33; /* fond a droite quand on passe dessus */
}
.pub_google{
text-align:center;
margin-top:20px;
margin-bottom:10px;
margin-right:0;
margin-left:0;
padding:0;
}
.search_google{text-align:center;margin:0;padding:0}
/* Pour les boutons ovales */
/* Credits:Dynamic Drive CSS Library:http://www.dynamicdrive.com/style/ */
a.ovalbutton{
background:transparent url('../img/button/oval-blue-left.gif') no-repeat top left;
display:block;
float:left;
font:normal 13px Tahoma; /* Change 13px as desired */
line-height:16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height:24px; /* Height of button background height */
padding-left:11px; /* Width of left menu image */
text-decoration:none;
cursor:pointer;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color:#494949;
}
a.ovalbutton span{
background:transparent url('../img/button/oval-blue-right.gif') no-repeat top right;
display:block;
padding:4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
a.ovalbutton:hover{background-position:bottom left}
a.ovalbutton:hover span{background-position:bottom right;color:black}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow:hidden; /*See:http://www.quirksmode.org/css/clearing.html */
width:200px;
text-align:center;
}
.submitbutton{
cursor:pointer;
color:#494949;
font-weight:bold;
background:transparent url('../img/button/oval-blue-right.gif') no-repeat top left;
height:24px;
}
.submitbutton:hover{background-position:bottom left}
/* Pour les Menus tabulations bleus By Santosh Setty (http://webdesigninfo.wordpress.com) */
.glossymenu{
position:relative;
padding:0;
margin:0;
background:url(../img/menu/menub_bg.gif) repeat-x; /*tab background image path*/
height:46px;
list-style:none;
}
.glossymenu li{float:left}
.glossymenu li a{
float:left;
display:block;
color:#425eb9;
text-decoration:none;
font-family:sans-serif;
font-size:13px;
font-weight:bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height:46px;
line-height:46px;
text-align:center;
cursor:pointer;
}
.glossymenu li a b{
float:left;
display:block;
padding:0 24px 0 8px; /* Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
color:white;
background:url(../img/menu/menub_hover_left.gif) no-repeat; /*left tab image path*/
background-position:left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color:white; /* titre onlget selectionne */
background:url(../img/menu/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* Pour les menus verticaux a droite */
/* Credits:Dynamic Drive CSS Library http://www.dynamicdrive.com/style/ */
.themesmenu{
list-style-type:none;
margin:5px 0;
padding:0;
width:170px;
border:1px solid #9A9A9A;
border-bottom-width:0;
}
.themesmenu li a{
background:white url(../img/menu/glossyback.gif) repeat-x bottom left;
font:bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:white;
display:block;
width:auto;
padding:3px 0;
padding-left:10px;
text-decoration:none;
}
* html .themesmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width:160px;
}
.themesmenu li a:visited, .themesmenu li a:active{color:white}
.themesmenu li a:hover{background-image:url(../img/menu/glossyback2.gif)}

.title{color:white;font-family:sans-serif, verdana, helvetica}
a.banniere_titre{text-decoration:none;list-style:none}
.titre_principal{
color:#CE1919;
font-weight:bold;
font-family:verdana, helvetica, sans-serif;
font-size:x-large;
padding:10px;
margin:10px;
}
.logo{float:left}
.important{color:red;font-weight:bold;text-align:center}
.annuaire{
background-color:#6196EF;
margin:15px;
font-size:100%;
text-align:left;
padding:10px;
border-style:dotted;
border-color:white;
}
.annuaire a{color:white}
.bibliographie{
margin-left:10px;
margin-right:10px;
font-weight:normal;
font-style:italic;
font-family:sans-serif, verdana, helvetica;
font-size:0.9em;
color:#000000;
border-style:dotted;
border-color:#ACD7FF;
}
.selected{
font-weight:bold;
color:#425eb9;
text-align:center;
text-decoration:underline;
}
.citations{margin:10px}
.citation{
margin-left:10px;
margin-right:10px;
font-weight:normal;
font-style:italic;
font-family:verdana, helvetica, sans-serif;
font-size:100%;
color:#000000;
}
.citation_header{
margin-right:25px;
margin-top:15px;
font-style:italic;
font-weight:bold;
font-family:sans-serif, verdana, helvetica;
font-size:100%;
color:#005D96;
text-align:right;
}
.citation_center{
font-weight:normal;
font-style:italic;
font-family:verdana, helvetica, sans-serif;
color:#425eb9;
text-align:center;
}
.citation_footer {
margin-left:25px;
margin-right:25px;
margin-top:15px;
margin-bottom:15px;
font-style:italic;
font-family:sans-serif, verdana, helvetica;
font-size:100%;
color:white;
text-align:center;
}
.new_save{
display:list-item;
list-style-image:url('/img/nouveau.png');
list-style-position:inside;
border-color:#ACD7FF;
border-width:4px;
border-style:outset;
padding:10px;
}
.new{
background-image:url('/img/nouveau.png');
background-repeat:no-repeat;
background-position:10px 10px;
border-color:#ACD7FF;
border-width:4px;
border-style:outset;
padding-left:80px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}
.auteur{
margin-left:10px;
margin-right:10px;
font-weight:bold;
font-family:verdana, helvetica, sans-serif;
font-size:100%;
}
.source{
margin-left:10px;
margin-right:10px;
font-weight:normal;
font-family:verdana, helvetica, sans-serif;
font-size:100%;
color:#669AD8;
}
.nbCitations{
font-family:verdana, helvetica, sans-serif;
font-size:90%;
}
.citationDuJour{
background-color:#FFF4BB;
margin:5px;
font-weight:normal;
font-family:verdana, helvetica, sans-serif;
font-size:1em;
color:#FE8F74;
text-align:center;
}
.liste {
display:list-item;
list-style-image:url('/img/puce.gif');
list-style-type:circle;
list-style-position:inside;
margin:10px;
padding:0;
}
/* table sommaires Auteurs ou Themes */
#auteurs,#themes{width:100%}