/* Cream of the Crop - an open source xhtml/css website layout by Ben Goldman
(aka Robobuilder) - http://realalibi.com.com . You are ree to use this template
for any purpose as long as the proper credits are given for the original design work.
Version: 1.0, Fall 2006
Main Syle Colors
colors {
#3C8C06(green), #012346(dark blue), #3270A9(lighter blue),
#353535 (dark grey), #999999(light grey), #eeeeee(off-white)
}
*/
html{
height:100%;
}
body{
margin:0px;
padding:0px;
color:#eee;
background:#353535;
text-align:center;
font:11.3px Verdana,Arial,Helvetica,sans-serif;
word-spacing:1px;
line-height:200%;
}
/*Header navigation horizontale*/
#nacontainer{
float:right;
}
#navlist {
margin: 0;
padding: 81px 0 20px 10px;
float:left;
font:12px Verdana,Arial,Helvetica,sans-serif;
}
#navlist ul, #navlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited {
float: left;
line-height: 14px;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #fff;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
border-bottom: 3px solid #999;
padding-bottom: 2px;
background: transparent;
color: #fff;
}
#navlist a:hover { color: #fff; }
#header{
width:998px;
height:100px;
margin:0 auto;
background:url(images/site/headerbg.png) repeat-x top left;
text-align:left;
border-left:#999 1px solid;
border-bottom:#999 1px solid;
border-right:#999 1px solid;
}
#title{
margin-top:25px;
margin-left:25px;
position:absolute;
color:#fff;
font:28px Georgia,Verdana,Arial,Helvetica,sans-serif bold;
cursor:default;
float:left;
}
/*Construction Styles*/
#container{
width:1000px;
margin:auto;
padding-bottom:20px;
text-align:left;
}
img.logo{
margin-top:-10px;
margin-left:5px;
}
span.subheader{
position:absolute;
margin-top:0;
padding-top:3px;
padding-left:60px;
color:#fff;
font:11px Verdana,Arial,Helvetica,sans-serif;
display:block; /*need a
for ie instead*/
}
/*Texte sur le bandeau image*/
#slogan{
width:996px;
height:123px;
text-align:left;
margin:0 auto;
padding:1px;
background:url(images/site/subheader.jpg) no-repeat top center;
border-left:#999 1px solid;
border-bottom:#999 1px solid;
border-right:#999 1px solid;
}
#slogan p{
margin-top:70px;
margin-left:10px;
position:absolute;
color:#fff;
font:24px Verdana,Arial,Helvetica,sans-serif;
letter-spacing:0.5px;
background-color:transparent;
cursor:default;
}
/*Styles*/
h1,h2,h3,h4,h5,h6{
font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;
font-weight:lighter;
margin:15px 0 0 0;
padding-bottom:4px;
line-height:85%;
}
h1{
color:#0033CC;
font-size:27px;
}
h2{
color:#3C8C06;
font-size:23px;
}
h3{
color:#3270A9;
font-size:21px;
}
h4{
color:#999999;
font-size:18px;
}
h5{
color:#3C8C06;
font-size:15px;
}
h6{
color:#fff;
font-size:12px;
font-weight:bold;
}
a{
text-decoration:none;
color:#3270A9;
}
a:hover{
text-decoration:underline;
}
#right a{
text-decoration:none;
color:#012346;
}
#right a:hover{
text-decoration:underline;
}
acronym{
border-bottom:1px dotted #999;
padding-bottom:1px;
cursor:help;
}
del{
color:#999;
}
.allcaps{
font-stretch:wider;
font-variant:small-caps;
}
hr{
width:100%;
border:0;
margin:5px 0px !important;
margin:2px 0px 5px 0px;
height:1px;
color:#777;
background-color:#777;
}
p.firstletter:first-letter{
font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;
font-size:40px;
padding:10px 3px 3px 3px;
float:left;
}
.indent{
border-left:2px solid #3C8C06;
margin-left:25px;
padding-left:8px;
}
.green{
color:#3C8C06;
}
.blue{
color:#3270A9;
}
ul li ul li{
list-style-type:square;
}
ol li ol li{
list-style-type:lower-roman;
}
dl{
margin-left:8px;
margin-right:8px;
}
dt{
color:#3C8C06;
font-weight:bold;
text-decoration:underline;
}
.blockquote{
border-bottom:1px solid #273955;
border-top:1px solid #273955;
border-left:4px solid #3270A9;
background:url(images/site/blockquote.jpg) repeat top left;
padding:6px 6px 4px 8px;
margin:12px 0;
color:#eee;
}
.blockquote h5{
border-bottom:1px solid #3270A9;
font-size:17px;
color:#eee;
margin:2px;
}
.blockquote span{
padding: 3px 0;
display:block;
font-size:10px;
color:#999;
}
code{
display:block;
border-bottom:1px solid #273955;
border-top:1px solid #273955;
border-left:4px solid #3270A9;
background:url(images/site/blockquote.jpg) repeat top left;
padding:6px 6px 4px 8px;
margin:12px 0;
color:#eee;
font:normal 11px "Courier New", Courier, monospace;
}
.highlight{
color:#3C8C06;
font-weight:bold;
}
/*Searchbox - News*/
#searchbox p{
margin:7px 0 7px 2px;
}
#searchbox p input{
background-color:#eee;
border:1px solid #ddd;
font:11px Verdana,sans-serif;
color:#4c5153;
padding:2px 3px;
}
#searchbox p input:hover,
#searchbox p input:focus{
background-color:#fff;
}
.header{
color:#3C8C06;
font-size:14px;
letter-spacing: -1px;
}
#news{
width: 190px;
padding:2px;
}
#news p{
padding:0 0 0 5px;
}
/*Floats*/
.floatleft{
float:left;
}
.floatright{
float:right;
}
.w50{
width:50%;
}
.floatleft p{
padding:0 10px 0 0;
}
.floatright p{
padding:0 0 0 10px;
}
img.floatleft{
margin:15px 18px 5px 0;
}
img.floatright{
margin:15px 5px 5px 18px
}
/*Forms bloc recherche*/
form select,
form input,
form textarea{
font:11px Verdana,Arial,Helvetica,sans-serif;
border:1px solid #353535;
background-color:#6F6FDF;
}
form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form select:hover,
form select:focus{
/*border:1px dotted #888; optional thought */
border:1px solid #353535;
}
form select{
padding:1px;
}
form input{
padding:1px;
}
form label{
display:block;
color:#eee;
}
form textarea{
padding:1px;
line-height:16px;
}
form p{
margin:10px 0px;
}
.noborder{
border:0;
}
td{
padding:8px;
border:#3270A9 0px solid;
}
/*Content Styles*/
#content{
width:978px;
margin:0 auto;
color:#0033FF;
float:left;
padding:10px;
background:#FFFFFF;
clear:both;
border-right:#999 1px solid;
border-left:#999 1px solid;
border-bottom:#999 1px solid;
}
#one{
width:76%;
float:left;
padding:0 10px;
}
/*Due to my lack of CSS skill this is hard coded, meaning that if you change
the width of these sections of thier padding you will need to re-adjust the
width. Also be sure to account for the border.*/
#twocolumn{
background: #999 url(images/site/2columnbg.jpg) repeat-y top left;
width: 1000px;
border-bottom: 1px solid #999;
}
#left{
width:375px;
padding:10px;
height:100%;
float:left
}
#right{
width:375px;
padding:10px;
height:100%;
float:right;
}
#clearboth{ clear:both; }
/*Sub-Nav menu de droite*/
#subnav{
float:right;
}
#subnavcontainer {
width: 200px;
}
#subnavcontainer ul
{
padding-top:0px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#subnavcontainer a
{
display:block;
padding:4px;
width:160px;
background-color:transparent;
border-bottom:1px solid #03509C;
}
#subnavcontainer a:link, #subnavlist a:visited
{
color:#0033FF;
text-decoration:none;
}
#subnavcontainer a:hover
{
background-color:#384B6D;
color:#fff;
}
.subnavheader{
border-bottom:1px solid #3C8C06;
width:167px;
padding:0 0 3px 0;
margin-bottom:-11px;
}
/*Footer*/
#footer{
width:978px;
margin:0 auto;
padding:10px;
background:url(images/site/headerbg.png) repeat-x top left;
float:left;
clear:both;
border-right:#999 1px solid;
border-left:#999 1px solid;
}
.copy{
float:left;
}
.credit{
float:right;
}
#footer a{
font-weight:bold;
color:#999;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
/*Left Color Fixes*/
#right h2{
color:#012346;
font-size:23px;
}
#right h5{
color:#012346;
font-size:15px;
}
/*ajout resux*/
.votes {
color: #119FF0;
font-size: 12px;
}
.vote {
border :1px dashed #012346;
padding:5px;
}
.votetable {
background: #012346;
width : 70px;
height: 92px;
margin-right: 5px;
}
.lien a:hover {
text-transform: uppercase;
}
.desc {
margin: 3px;
}
/* Onglets fiche site par vanadium mod resux*/
#details {
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
#details hr {
clear: both;
border: 1px solid #CCC;
margin-top: 10px;
}
#details ul#menu2 {
font-weight: bold;
}
#details ul#menu2 li {
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
display: inline;
margin: 3px;
}
#details ul#menu2 li a {
text-decoration: none;
}
#details ul#menu2 li a:hover {
text-decoration: underline;
color: #0033CC;
}
#details h1,
#details h2 {
margin: 0.5em 0 0.5em 0;
font-size: 1.4em;
}
#details .content {
border: 1px solid #d5d5d5;
padding: 10px;
}
#details a.current {
padding: 3px 7px;
border: 1px solid #d5d5d5;
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}
#details a.ghost {
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #d5d5d5;
color: #333333;
background: white url(images/shade.gif) top left repeat-x;
}
#details .on {
display: block;
}
#details .off {
display: none;
}
#content ul {
margin-bottom: 3px;
color:#333;
}
#content ul span {
color:#444;
}
#contentnorightbar ul {
margin:15px 0 15px 20px;
line-height:25px;
padding:15px 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
color:#79B933;
}
#contentnorightbar ul span {
color:#444;
}
img {
padding:1px;
border: 0px;
}
form {
padding:10px;
border:1px dotted #ccc;
}
label {
display:block;
font-weight:bold;
color:#444;
margin:5px 0;
}
input {
padding: 2px;
margin: 2px;
border :1px dotted #ccc;
font:90% Verdana;
color:#666;
}
textarea {
padding:4px;
font:90% Verdana;
border:1px solid #eee;
height:200px;
display:block;
color:#777;
}
p img {
float:left;
margin:0 10px 0 0;
}
blockquote p {
font:160% Georgia;
color:#aaa;
padding:0 10% 0 0;
line-height:30px;
}
/* AutoCompletion CSS */
#autocompletion {
border: 1px solid #999;
background: #fafafa;
text-align: left;
}
#autocompletion ul {
margin: 0;
padding: 0;
list-style: none;
}
#autocompletion li {
}
#autocompletion a {
display: block;
padding: .2em .3em;
text-decoration: none;
color: #333;
}
.selected {
background: #CCC;
}
#feed {
color: #0098EF;
font-weight: bold;
}
.vote a{
color: #119FF0;
font-size: 28px;
font-weight: bold;
}
.votetable {
background: white;
width : 70px;
height: 92px;
margin-right: 5px;
}
/*ajout resux*/
.votelargeur {width: 80px;}
a.cat_display {
text-decoration: none;
font-weight: bold;
font-size: 12px;
color:#8CC739;
}
a.subcat_display {
text-decoration: none;
font-size: 10px;
border-bottom : 1px dotted #CCC;
}
.lien {
text-align: justify;
}
.lien a, .lien a:hover {
font-size: 12px;
color: #8CC739;
text-decoration: underline;
font-weight: bold;
}
.lien span {
color: #F7560F;
}
.ariane {
color: #A9A9A9;
}
.ariane a {
color: #A9A9A9;
text-decoration: underline;
font-weight: normal;
font-size: 11px;
}
.ariane a:hover {
color: #A9A9A9;
text-decoration: none;
font-weight: normal;
font-size: 11px;
}
.sitetable {
background: #F7F7F7;
width: 100%;
border: 1px dashed #CCC;
vertical-align : top;
}
.sitetd {
border: 1px solid #CCC;
}
.warning {
background: #CFEBF7 url(images/notice.png) no-repeat 1em ;
border: 2px solid #000;
text-align: center;
padding: 10px;
font-family: tahoma, verdana;
font-weight: bold;
max-width: 780px;
}