/*
*
* CSS STYLE SHEET - OGASE
* author : Reyep
* theme : default
* version : 1.0
* Festival : Japan Expo 2008, 9ème impact
*
* ### MAIN ###
*
*/



body {
color: #444;
background-color: #c1002f;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:21px;
background-image: url(/img/com/swb-fond.gif);
}

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

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

input {
font-size: 10px;
}

select {
font-size: 10px;
}

b {
color: #000;
}

.fes_KG {
color: #0f9f0f;
}

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

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

.fes_KM {
color: #6565b2;
}

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

.fes_KM 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;
}

.bouton {
	background-color:#E00538; 
	color:#FFFFFF; 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 11px; 
	border-left:2px solid #FC7493; 
	border-top:2px solid #FC7493; 
	border-right:2px solid #B5042C; 
	border-bottom:2px solid #B5042C; 
	cursor: hand;
}

/* cadre principal */

#main {
background-color: #FFF;
width: 990px;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
border: 1px solid #ffe144;
}



/* haut de page */

#hautpage {
height: 19px;
line-height: 19px;
font-size: 10px;
margin: 0px;
padding: 0px;
background-color: #FFF;
}

#hautpage #liens {
margin: 0px;
padding: 0px 10px 0px 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;
padding: 0px;
float: right;
}

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

#shortcut img {
margin: 0px 5px -2px 0px;
padding: 0px;
border: 0px;
}

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

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



/* bannière */

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

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

#recherche {
margin: 0px;
padding: 0px;
float: right;
}



/* recherche */

#recherche {
margin: 0px;
padding: 0px;
float: right;
width: 205px;
height: 37px;
background-image: url(/img/com/rech-fond.gif);
background-repeat: no-repeat;
border-bottom: 1px solid #c1002f;
}

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

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



/* menu */

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

#menu li {
margin: 0px 0px 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 5px 0px 5px;
color: #FFF;
text-decoration: none;
}
#menu a:hover {
color: #000;
}

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

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



/* sous-menu */

#sousmenu {
margin: 0px 0px 10px 0px;
padding: 0px 10px 0px 10px;
background-color: #ffd533;
color: #633;
height: 17px;
line-height: 17px;
font-size: 10px;
font-weight: bold;
border-bottom: 1px solid #c1002f;
}

#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 a {
color: #666;
text-decoration: none;
}

#sousmenu li a:hover {
color: #000;
text-decoration: none;
}

#sousmenu li.selected a {
color: #000;
text-decoration: none;
}

#sousmenu li.selected a:hover {
color: #000;
text-decoration: none;
}



/* zone d'affichage de contenu */

#zac {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 800px;
float: left;
}

#zac h1 {
margin: 0px 0px 10px 0px;
padding: 3px 10px 3px 10px;
font-weight: bold;
font-size: 20px;
line-height: 20px;
color: #FFF;
border: 1px solid #c1002f;
background-color: #c1002f;
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: 0px;
padding: 0px 10px 10px 0px;
width: 180px;
float: right;
}

#pub {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
font-size: 9px;
}

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



/* plan du site */

#plansite {
margin: 0px;
padding: 10px 10px 10px 10px;
clear: both;
background-color: #fedada;
font-size: 10px;
line-height:14px;
}

#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;
	color: #500;
}

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

#plansite a {
	font-weight: normal;
	color: #555;
}

#plansite a:hover {
color: #000;
}



/* copyright */

#copyright {
margin: 0px;
padding: 0px 10px 3px 10px;
height: 16px;
line-height: 16px;
font-size: 9px;
text-align: right;
background-color: #c1002f;
color: #FFF;
}

#copyright a {
color: #FFF;
}

#copyright table{
width: 950px;
padding: 1px;
vertical-align: top;
text-align: right;
}

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