/*
*
* CSS STYLE SHEET - OGASE
* theme : default
* version : 1.0
* Festival : Comic con' 2010, 2ème saison
*
* ### MAIN ###
*
*/



body {
color: #CCCCCC;
background-color: #000;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*background-image: url(/img/com/swb_fond.gif);*/
background-color: #000;
}

a {
font-weight: bold;
color: #6666cc;
text-decoration: none;
}

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

input {
font-size: 10px;
}

select {
font-size: 10px;
}

b {
color: #6666cc;
}

.fes_JE {
color: #F00;
}

.fes_JE a {
color: #F00;
text-decoration: none;
}

.fes_JE a:hover {
color: #F00;
text-decoration: underline;
}

.fes_KG {
color: #0f9f0f;
}

.fes_KG a {
color: #0f9f0f;
text-decoration: none;
}

.fes_KG a:hover {
color: #0f9f0f;
text-decoration: underline;
}

.fes_CC {
color: #6565b2;
}

.fes_CC a {
color: #6565b2;
text-decoration: none;
}

.fes_CC a:hover {
color: #6565b2;
text-decoration: underline;
}

.fes_AK {
color: #a41b1b;
}

.fes_AK a {
color: #a41b1b;
text-decoration: none;
}

.fes_AK a:hover {
color: #a41b1b;
text-decoration: underline;
}

/* invisible aux visiteurs */
.invisible {
display: none;
margin: 0px;
padding: 0px;
}

/* gras */
.bold {
font-weight: bold;
}

/* italique */
.italic {
font-style: italic;
}

/* petites majuscules */
.smallcaps {
font-variant: small-caps;
}

/* première lettre de chaque mot en majuscule */
.capitalize {
text-transform: capitalize;
}

/* tout en majuscules */
.uppercase {
text-transform: uppercase;
}



/* cadre principal */

#main {
background-color: #000;
width: 990px;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}



/* haut de page */

#hautpage {
height: 19px;
font-size: 10px;
margin: 0px;
padding: 0px;
background-color: #000;
background-image: url(/img/com/bg-hdp.jpg);
background-repeat: repeat-y;
}

#hautpage #liens {
margin: 0px;
padding: 3px 20px 0px 20px;
border:0px;
}

#hautpage img {
border:0px;
}

#hautpage dl {
margin: 0px;
padding: 0px 0px 0px 10px;
float: left;
font-weight: bold;
}

#hautpage dt {
margin: 0px 5px 0px 0px;
padding: 0px;
display: inline;
}

#hautpage dt a {
color: #222;
text-decoration: none;
}

#hautpage dt a:hover {
color: #000;
text-decoration: underline;
}

#hautpage dd {
margin: 0px 5px 0px 0px;
padding: 0px;
display: inline;
}

#hautpage .logo_fes {
margin: 0px 5px -3px 0px;
padding: 0px 0px 0px 0px;
border: 0px;
display: inline;
vertical-align: baseline;
}

#hautpage ul {
margin: 0px 20px 0px 0px;
padding: 0px;
float: right;
}

#shortcut ul {
}

#shortcut li {
margin: 0px;
padding: 0px 0px 0px 5px;
list-style : none;
display: inline;
}

#shortcut {
position:relative; 
left:700px;
top:-3px;
}

#shortcut img {
margin: 0px 0px 0px 0px;
padding: 0px 3px 0px 0px;
border: 0px;
}

#shortcut a {
margin: 0px;
padding: 0px;
color: #000;
text-decoration: none;
}

#shortcut a:hover {
color: #F00;
text-decoration: none;
}



/* bannière */

#banniere {
margin: 0px;
padding: 0px;
width: 990px;
height: 273px;
}

#banniere img {
margin: 0px;
padding: 0px;
border: 0px;
display: block;
float: left;
}
#banniere a{
margin: 0px;
padding: 0px;
display:block;
}
#recherche {
margin: 0px;
padding: 0px;
float: right;
}



/* recherche */

#recherche {
margin: 0px 10px 0px 0px;
padding: 0px;
float: right;
width: 200px;
height: 38px;
background-image: url(/img/com/rech-fond.gif);
background-repeat: no-repeat;
border-bottom: 0px solid #247100;
position:
top:50px;
}

#recherche form {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 20px;
}

#recherche input#texte {
margin: 5px 0px 0px 0px;
padding: 0px 5px 0px 0px;
text-indent: 20px;
width: 120px;
background-image: url(../../img/commun/loupe.png);
background-repeat: no-repeat;
font-size: 11px;
}

#recherche input#bouton {
margin: 0px;
padding: 0px;
width: 30px;
}



/* menu */

#menu {
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 5px;
background-color: transparent;
height: 20px;
line-height: 20px;
text-transform: uppercase;
font-size: 8px;
/*background-image: url(/img/com/mnu-fond.gif);
background-repeat: repeat-x;*/
position:relative; 
top:-90px; 
left:50%; 
clear:both;
width:500px; 
margin-left:-460px;
padding:0 10px; 
border-bottom:1px solid #777;
font-family:verdana;
}

#menu ul {
margin: 0px;
padding: 0px;
}

#menu li {
margin: 0px 3px 0px 0px;
padding: 0px 0px 0px 0px;
list-style : none;
display: block;
float: left;
color: #FFF;
height: 20px;
}

#menu li a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
color: #fff;
text-decoration: none;
font-weight:bold;
}

#menu li a:hover {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
color: #ffff99;
text-decoration: none;
text-decoration: underline;
/*background-image: url(/img/com/mnu-fond_f2.gif);
background-repeat: repeat-x;*/
}

#menu li.selected {
color: #ffff99;
/*background-image: url(/img/com/mnu-fond_f2.gif);
background-repeat: repeat-x;*/
}

#menu li.selected a {
color: #ffff99;
}

#menu li.selected a:hover {
color: #ffff99;
}



/* sous-menu */

#sousmenu {
margin: 0px 0px 10px 0px;
padding: 0px 10px 0px 10px;
background-color: transparent;
color: #fff;
height: 17px;
line-height: 17px;
font-size: 10px;
/*border-bottom: 1px solid #b9b9ba;*/
position:relative; 
top:-90px; 
left:50%; 
clear:both;
width:500px; 
margin-left:-460px;
padding:0 10px; 
font-family:verdana;
letter-spacing: 0.4px;
}

#sousmenu ul {
margin: 0px;
padding: 0px;
clear: left;
}

#sousmenu li {
margin: 0px 10px 0px 0px;
padding: 0px;
list-style : none;
display: block;
float: left;
}

#sousmenu li.gch {
margin: 0px;
padding: 1px 0px 3px 0px;
display: block;
float: left;
width: 6px;
/*background-image: url(/img/com/sm-on-gch.gif);
background-repeat: no-repeat;*/
}

#sousmenu li.drt {
margin: 0px 10px 0px 0px;
padding: 1px 0px 3px 0px;
display: block;
float: left;
width: 6px;
/*background-image: url(/img/com/sm-on-drt.gif);
background-repeat: no-repeat;*/
}

#sousmenu li a {
color: #fff;
font-weight:normal;
}

#sousmenu li a:hover {
color: #ffff35;
}

#sousmenu li.selected {
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
display: block;
float: left;
/*background-image: url(/img/com/sm-on-fond.gif);
background-repeat: repeat-x;*/
text-align: center;
}

#sousmenu li.selected a {
color: #ffff00;
}



/* zone d'affichage de contenu */

#zac {
margin: -76px 0px 0px -1px;
padding: 0px 0px 0px 0px;
width: 780px;
float: left;
}

#zac h1 {
margin: 0px 0px 10px 0px;
padding: 3px 10px 3px 10px;
font-weight: bold;
font-size: 20px;
line-height: 20px;
color: #6666cc;
font-variant: small-caps;
}

#pubhaut {
width: 728px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 36px;
text-align: right;
font-size: 9px;
}

#pubhaut img {
margin: 0px;
padding: 0px;
border: 0px;
display: block;
width: 728px;
height: 90px;
}

#pubhaut a {
color: #666;
text-decoration: none;
}

#pubhaut a:hover {
color: #000;
text-decoration: underline;
}



/* pubs */

#pubs {
margin: -10px 0px 0px 0px;
padding: 0px 10px 10px 0px;
width: 200px;
float: right;
}

#pub {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
font-size: 9px;
background-image: url(/img/com/bg-pubs.gif);
background-color: #000;
width:200px;
background-repeat: repeat-y;
}

#pub img {
width: 180px;
margin: 0px;
padding: 0px;
border: 0px;
display: block;
margin: 5px 0px 0px 10px;
}

#tit-pub img {
width:200px;
height:37px;
margin:0px;
padding:0px;
display:block;
}

#bas-pub img {
width:200px;
height:19px;
margin:0px;
padding:0px;
display:block;
}

#pub .capitalize {
margin-right:12px;
}
/* plan du site */

#plansite {
margin: 10px 0px 0px 0px;
padding: 20px 10px 0px 20px;
clear: both;
background-image: url(/img/com/pp-bar1.gif);
background-repeat: no-repeat;
background-color: #000;
font-size: 10px;
height:140px;
}

#plansite dl {
margin: 0px;
padding: 0px;
height: 14px;
}

#plansite dt {
margin: 0px;
padding: 0px 5px 0px 0px;
font-weight: bold;
display: block;
float: left;
width: 130px;
text-align: right;
}

#plansite dt a {
	font-weight: bold;
}

#plansite dd {
margin: 0px 2px 0px 0px;
padding: 0px;
display: inline;
float: left;
text-align: left;
}

#plansite a {
font-weight: normal;
color: #000;
text-decoration: none;
}

#plansite a:hover {
color: #FF0;
text-decoration: underline;
}



/* copyright */

#copyright {
margin-top: -20px;
padding: 0px 10px 3px 10px;
height: 16px;
line-height: 16px;
font-size: 9px;
text-align: right;
background-color: #000;
color: #fff;
float:right;
}

#copyright a {
color: #FFF;
}

#copyright a:hover {
color: #ff0000;
text-decoration: none;
}

#copyright table{
width: 500px;
padding: 1px;
vertical-align: middle;
text-align: right;
float:left;
}

#shortcut {
margin-top: 5px;
padding: 0px;
font-weight: bold;
float: left;
}

#bottomcontact {
margin-top: 5px;
padding: 0px;
font-weight: bold;
float: left;
position:relative;
top:0px;
right:400px;
}