@charset "utf-8";
body  {
font: 65.2% Verdana, Arial, Helvetica, sans-serif;
/*background: #b32a1e;
background-image: url(../images/bkg_arabica2.jpg);*/
background-color: #fff;
background-image: url(../images/bkg_hab.jpg);
background-position:top center;
background-repeat: repeat-x;
margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
padding: 0;
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
color: #000000;
line-height: 1.7em;
}

.main #ev {
background-image: url(../images/bkg_hab2.jpg);
background-position:top center;
background-repeat:  no-repeat;
width: 100%;
margin: 0 auto;
}


.main #header { 
padding:0px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
margin: 10px auto;
width: 954px;
text-align: center;
} 
.main #logo {
width: 423px;
text-align: left;
/*margin: 0px auto 0px auto; */
float: left;
}

.main #topbanner {
/*float: right;*/
margin-bottom: 5px;
}

.main .ad {
text-align: center;
}
.main .ad img {
border: 0px;
}




.main #beta { 
padding:0px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
margin: 0px auto 0px auto;
width: 954px;
text-align: right;
color:#fff;
font-weight: bold;
font-size: 1.1em;
} 





.main #outer {
width: 100%;
background-image: url(../images/bkg_ha.b2.jpg);
background-position:bottom;
background-repeat: repeat-x;
margin: 0px auto 0px auto;
padding-top: 0px;
}
.main #container { 
width: 954px;  
margin: 0px auto 0px auto; 
border: 0px;
text-align: left; 

} 
.main #fsearch {
padding:0px; 
margin: 10px auto 0px auto;
width: 954px;
text-align: right;
color:#fff;
font-weight: bold;
font-size: 1.1em;
}
.main #fsearch #keyword {
padding: 2px;
border: none;
}
.main #container #menu {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #fff;
height: 70px;
width: 954px;
background-image: url(../images/line_up_red.gif);
background-position:top;
background-repeat: repeat-x;
}

.main #container #menu #keyword {
width: 100px;
}
.main #bottom_menu {
margin:75px auto 0px 60px;
padding:0;
background-color: #fff;
height: 30px;
list-style-type: none;
}

.main #container #menu ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 99%;
}

.main #container #menu ul li {
float: left;
margin-top: 10px;
vertical-align: middle;
padding-left: 5px;
padding-right:5px;
}
.main #container #menu ul li a.noborder { border-left:0px; }
.main #container #menu ul li a.light { border-left: 3px solid #d6d6d6; }

.main #container #menu ul li a.sel1, 
.main #container #menu ul li a.type1:hover { 
border-left: 3px solid #f3bdbd; 
color: #fff;
background-color: #e0a1a1;
}
.main #container #menu ul li a.sel2, 
.main #container #menu ul li a.type2:hover { 
border-left: 3px solid #a2c9d9; 
color: #fff;
background-color: #73aac0;
}
.main #container #menu ul li a.sel3, 
.main #container #menu ul li a.type3:hover { 
border-left: 3px solid #a7a7a7; 
color: #fff;
background-color: #646464;
}
.main #container #menu ul li a.sel4, 
.main #container #menu ul li a.type4:hover { 
border-left: 3px solid #d89451; 
color: #fff;
background-color: #b16f2f;
}

.main #container #menu ul li .sep1 { border-left: 3px solid #e0a1a1; }
.main #container #menu ul li .sep2 { border-left: 3px solid #73aac0; }
.main #container #menu ul li .sep3 { border-left: 3px solid #646464; }
.main #container #menu ul li .sep4 { border-left: 3px solid #b16f2f; }

.main #bottom_menu li a, 
.main #container #menu ul li label,
.main #container #menu ul li a {
color: #bd2d20;
display: inline-block;
text-decoration: none;
}
.main #container #menu ul li a {
padding-left: 5px;
padding-right: 3px;
}
.main #bottom_menu li a:hover, 
.main #container #menu ul li a:hover {
color: #fff;
background-color: #bd2d20;
}
.main #container #menu #makeHomepage:hover {
color: #fff;
background-color: #fff;
}
.main #bottom_menu li.seperator, 
.main #container #menu li.seperator {
background-image:url(../images/seperator1.gif);
background-position: top left;
background-repeat: no-repeat;
width: 26px;
height: 18px;
}
/*
.main #container #menu ul #currency{
padding: 0px;
color: #cc0000;
}

.main #container #menu ul #currency ul {
list-style: none;
padding:0;
margin:0;
}

.main #container #menu ul #currency ul li {
float: left;
}


#scrollup {
position: relative;
overflow: hidden;
height: 25px;
text-align: center;
width:180px;
line-height: 20px;
color: #cc0000;
font-size: 0.9em;
padding: 1px;
}
.headline {
position: absolute;
top: 30px;
left: 5px;
height: 20px;
text-align: center;
width:170px;
}
.headline span {
font-weight: bold;
}*/


.main #content_bkg {
background: #fff;
width: 100%;
height: 100%;
padding-bottom: 15px;
}

.main #sidebar1 { 
float: left;
width: 300px;
padding: 0px;
background-color: #fff;
text-align: center;
margin-left: 8px;
}

.main #sidebar1 .item {
margin: 0 auto;
width: 283px;
}

.main #sidebar1 .item span.next {
background:none;
color: #999999; 
display: inline;
}

.main #sidebar2 .jobs{
margin-bottom: 15px;
}
.main #sidebar2 .jobs select {
vertical-align: middle;
width: 100px;
font-size: 0.9em;
}
.main #sidebar2 .jobs option {
width: 200px;
}


.main #sidebar1 .agenda {
background-image:url(../images/gradient_agenda.gif);
background-position: top;
background-repeat:repeat-x;
padding: 10px 0px;
border: 1px solid #9f9f9f;
width: 283px;
padding-bottom: 0px;
}

.main #sidebar1 .agenda h3 {
background-image:url(../images/hdr_agenda.gif);
background-position: top;
background-repeat:repeat-x;
display: block;
padding:0;
margin: 0;
height: 10px;
text-align: left;
}
.main #sidebar1 .agenda h2 {
background-image:url(../images/agenda_top.gif);
background-position: top left;
background-repeat: no-repeat;
color: #f9b954;
display: block;
margin:0;
padding:0px;
text-align: left;
width: 273px;
height:22px;
padding:5px;
}

.main #sidebar1 .agenda span span span{
background-image:url(../images/agenda_bottom2.gif);
background-position: bottom left;
background-repeat: no-repeat;
height: 11px;
width: 100%;
display: block;
margin: 0;
}

.main #sidebar1 .news {
margin-top: 25px;
}


.main #sidebar1 .bled {
background-image: url(../images/gradient_retourauxsouces.gif);
background-position: top;
background-repeat:repeat-x;
padding: 10px 0px;
border: 1px solid #e8d0b5;
width: 283px;
}

.main #sidebar1 .bled h3 {
background-image:url(../images/hdr_retourauxsources.gif);
background-position: top;
background-repeat:repeat-x;
display: block;
padding:0;
margin: 0;
height: 10px;
text-align: left;
}


.main #sidebar1 .recent a,
.main #sidebar1 .most_read a,
.main #sidebar1 .news a,
.main #sidebar1 .agenda a {
display: block;
text-align: left;
text-decoration: none;
color: #333;
padding-left: 10px;

}
.main #sidebar1 .recent a:hover,
.main #sidebar1 .most_read a:hover,
.main #sidebar1 .news a:hover,
.main #sidebar1 .agenda a:hover {
color: #cc0000;
}

.main #sidebar1 .recent a strong,
.main #sidebar1 .most_read a strong,
.main #sidebar1 .news a strong,
.main #sidebar1 .agenda a strong {
font-weight: bold;
font-size: 0.9em;
}

.main #sidebar1 .offers h2,
.main #sidebar2 .aime h3,
.main #sidebar2 .aime h2,
.main #sidebar1 .bled h2,
.main #sidebar1 .bled h3,
.main #sidebar1 .news h3,
.main #sidebar1 .agenda h4,
.main #sidebar1 .agenda h3 {
margin:0px 0px 5px 0px;
padding:0;
}
.main #sidebar1 .offers h2,
.main #sidebar2 .aime h2,
.main #sidebar1 .bled h2,
.main #sidebar1 .agenda h4 {
text-align: left;
}
.main #sidebar1 .offers h2 a {
color: #000;
text-decoration: none;
}

.main #sidebar2 .aime h2 a,
.main #sidebar1 .bled h2 a {
text-decoration: none;
color: #000;
}


.main #sidebar2 .cook h2 ,
.main #sidebar2 .aime h2  {
font-size: 1.2em;
}

.main #sidebar1 .agenda .thumbnail {
float: left;
margin-left: 10px;
}

.main #sidebar1 .agenda .read_next, .main #sidebar1 .news .read_next {
text-align: right;
}
.main #sidebar1 .offers p,
.main #sidebar2 .aime p,
.main #sidebar1 .bled p,
.main #sidebar1 .news p,
.main #sidebar1 .agenda p {
text-align: justify;
padding: 0.7em;
margin: 0;

}

.main #sidebar2 .aime {
background-image:url(../images/generic_middle.gif);
background-position: left;
background-repeat:repeat-y;
padding-bottom:0;

}
.main #sidebar2 .aime strong {
background-image:url(../images/generic_top.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:144px;
height: 10px;
margin: 0;
padding: 0;
overflow: hidden;
text-indent: -10000px;
}
.main #sidebar2 .aime h3 {
margin: 0 auto;
}
.main #sidebar2 .aime span span {
background-image:url(../images/generic_bottom.gif);
background-position: bottom left;
background-repeat: no-repeat;
display: block;
width:144px;
height: 10px;
margin: 0;
padding: 0;
}

.main #sidebar2 {
float: right;
width: 147px;
background-color: #fff;
padding: 0px 8px 0px 0px;
text-align: center;
}
.main #sidebar2 .item {
width: 144px;

}


.main #sidebar2 .survey,
.main #sidebar2 .poll {
margin: 15px auto;
background-color: #e4ecef;
}

.main #sidebar2 .jobs {
background-image:url(../images/jobs_bottom.gif);
background-position: bottom left;
background-repeat: no-repeat;
margin: 15px auto;
background-color: #c6e0ed;
}

.main #sidebar2 .jobs h3,
.main #sidebar2 .currency h3,
.main #sidebar2 .survey h3,
.main #sidebar2 .cook h2,
.main #sidebar2 .poll h3 {
margin:0;
padding:0;
}

.main #sidebar2 .cook h2 {
text-align: center;
margin-bottom: 5px;
}
.main #sidebar2 .cook  {
background-image: url(../images/gradient_recettes.gif);
background-position: top left;
background-repeat: repeat-x;
margin:0 auto;
text-align:center;
padding: 10px 0;
}
.main #sidebar2 .cook h3 {
background-image:url(../images/hdr_recettes.gif);
background-position: top;
background-repeat:repeat-x;
display: block;
padding:0;
margin: 0;
height: 10px;
text-align: left;
}


.main #sidebar2 .survey div,
.main #sidebar2 .poll form {
background-image: url(../images/poll_bottom.gif);
background-position: bottom left;
background-repeat: no-repeat;
text-align: left;
padding: 0.7em;
margin: 0;
}
.main #sidebar2 .poll form p {
text-align: right;
padding: 0;
margin:0;
}

.main #sidebar2 .cook p {
text-align: justify;
}

.main #sidebar2 .cook h2 a {
text-decoration: none;
color: #000;
}

.main #sidebar2 .survey  a {
color: #797979;
text-decoration: none;
font-size: 1.2em;
}

.main #sidebar2 .survey a span {
color: #333;
font-weight: bold;
}

.main #sidebar2 .survey p {
text-align: center;
}


.main #sidebar2 .currency {
margin: 0px auto;
background-color: #c6e0ed;
padding: 0;
text-align: center;
background-image:url(../images/currency_bottom.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
.main #sidebar2 .currency strong {
background-image:url(../images/currency_top.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
text-align: center;
font-size: 0.9em;
padding: 5px 0;
width: 144px;
height: 5px;
}
.main #sidebar2 .currency div {
margin: 10px auto;
}
.main #sidebar2 .currency p {
padding: 5px 5px 5px 30px;
text-align: left;
width: 70%;
margin: 0 auto;
line-height: 1.6em;
}






.main #mainContent {
float: left; 
width: 478px; 
background-color: #fff;
padding: 0px 3px 0px 8px;
}

.main #mainContent .item { 
margin-bottom: 20px;
width: 481px;
}
.main .item .element  { 
padding: 5px;
}


.main #mainContent .item p { 
text-align: justify;
padding: 0.5em;
}

.main #mainContent .item h3 { 
display: block;
text-align: left;
padding: 0px;
margin: 0px 0px 5px 0px;
}
.main #mainContent .item h2 { 
margin-bottom: 10px;
}


/*** Pager ***/
.main #mainContent .pager {
width: 100%;
margin: 10px auto 0px auto;
text-align: center;
padding: 10px;
}
.main #mainContent .pager a {
border: 1px dotted #deecf5;
background-color: #fff;
padding: 5px 10px 5px 10px;
font-size: 0.9em;
margin-left: 2px;
color: #999;
font-weight: bold;
text-align: center;
vertical-align: middle;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.main #mainContent .pager a:hover {
border: 1px solid #797979;
color: #666;
}
.main #mainContent .pager .current{
color: #fff;
background-color: #aa0000;
}
.main #mainContent .pager .current:hover{
color: #fff;
}

.main #mainContent .search_results h2 {
padding:0;
margin:0px auto 0px auto;
}
.main #mainContent .search_results h2 a {
color: #333;
text-decoration: none;
}
.main #mainContent .search_results h4 {
color: #797979;
margin:3px auto;
}

.main #mainContent .comments {
margin-top: 30px;
}
.main #mainContent .comments h3 {
margin-bottom: 5px;
}
.main #mainContent .comment {
margin-bottom: 5px;
background-color: #f6f6f6;
padding: 7px;
}
.main #mainContent .comment strong {
color: #cc0000;
}

.main #mainContent .comment div {
padding-left: 10px;
}

.main #mainContent .comment h6 {
margin-top: 15px;
color: #999999;
display: block;
text-align: right;
padding:0;
font-weight: normal;
font-style: italic;
}

.main .grey_sep {
background-image:url(../images/gradient_grey.gif);
background-position: bottom;
background-repeat: repeat-x;
width: 100%;
height: 10px;
margin-top: 5px;
}
.main .grey_sep2 {
background-image:url(../images/gradient_grey.gif);
background-position: bottom;
background-repeat: repeat-x;
width: 100%;
height: 10px;
margin-top: 10px;
}



.main .show_content_category,
.main .show_content {
text-align: justify;
}

.main .show_content_category h1 {
text-decoration: none;
border: 0;
}
.main .show_content  #content {
margin-top: 15px;
}


.main .show_content ul {
list-style-type:disc;
list-style-position:inside;
}
.main .show_content ul li {
margin-left: 10px;
}

.main .show_content h2 {
margin-bottom: 5px;
}

.main .show_content h5 {
color: #797979;
margin-top:0;
}

.main .show_content .actions {
width: 30px;
float: right;
height: 125px;
margin-left: 50px;
}

.main .show_content a {
color:#cc0000;
text-decoration: none;
}

.main .show_content h5 a {
color: #CCCCCC;
padding-left: 15px;
}


.main .show_content a:hover {
text-decoration: underline;
}

.main .show_content .actions a {
background-position: 0px 0px;
background-image:url(../images/actions.gif);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}
.main .show_content .actions #bigger {
background-position: 0px 0px;
}
.main .show_content .actions #smaller {
background-position: 0px -25px;
}
.main .show_content .actions #print {
background-position: 0px -50px;
}
.main .show_content .actions #email {
background-position: 0px -75px;
}
.main .show_content .actions #comment {
background-position: 0px -100px;
}

.main .pics {
background-image: url(../images/gradient_retourauxsouces.gif);
background-position: top;
background-repeat:repeat-x;
padding: 10px 0px;
border: 1px solid #f1dcd8;
}
.main .pics h3 {
background-image:url(../images/hdr_retourauxsources.gif);
background-position: top;
background-repeat:repeat-x;
display: block;
padding:0;
margin: 0;
height: 10px;
text-align: left;
}

.main .pics #photo_alaune {
width: 100%;
text-align: center;
margin: 15px auto 15px auto;
font-size: 0.8em;
}

.main .internal img,
.main .pics #photo_alaune img {
padding: 1px;
border: 1px solid #000;
}
.main .pics #photo_alaune a {
text-decoration: none;
color: #666;
}
.main .pics #photo_alaune strong {
font-size: 0.9em;
}


.main .world {
background-image:url(../images/gradient_alaune.gif);
background-position: top;
background-repeat:repeat-x;
padding: 10px 0px;
border: 1px solid #f1dcd8;
}





.main .dotted {
font-size: 0px;
margin: 7px auto 7px auto;
background-image:url(../images/dotted_alaune.gif);
background-position: center left;
background-repeat:repeat-x;
width: 95%;
height: 2px;
}
.main .world h3 {
background-image:url(../images/hdr_alaune.gif);
background-position: top;
background-repeat:repeat-x;
display: block;
padding:0;
margin: 0;
height: 10px;
}
.main .world h3 span {
padding:0 25px 0 15px;
margin:0;
border-left: 5px solid #cc0000;
background-color: #fff;
font-size: 0.8em;
}
.main .world h2 a {
text-decoration: none;
color: #000;
}


.main .tunactu form {
float: left;
background-image: url(../images/tunsearch_middle.gif);
background-position: top left;
background-repeat: repeat-y;
width: 159px;
padding: 0px;
margin: 0px 10px 0px 0px ;
}
.main .tunactu h2 {
margin:0;
color: #000;
}
.main .tunactu h2 a {
color: #000;
text-decoration: none;
}
.main .tunactu h4 a {
color: #542f2f;
text-decoration: none;
padding: 3px;
}
.main .tunactu h4 a:hover {
color: #fff;
background-color: #542f2f;
}
.main .tunactu form h4 {
display: block;
padding: 5px;
margin: 0px;
color: #542f2f;
background-image: url(../images/tunsearch_top.gif);
background-position: top left;
background-repeat: no-repeat;
width: 100%;
}
.main .tunactu form h4 span {
font-size: 0.9em;
color: #6e6e6e;
font-style:italic;
font-weight: normal;
}
.main .tunactu form div {
background-image: url(../images/tunsearch_bottom.gif);
background-position: bottom left;
background-repeat: no-repeat;
width: 100%;
height:15px;
margin:0;
padding:0;
}
.main .tunactu form #celebrity {
margin: 0px auto;
width: 130px;
}
.main .tunactu form #countryid {
margin-top: 3px;
font-size: 0.9em;
}
.main .tunactu form input, .main .tunactu form select {
margin-left: 5px;
margin-top: 5px;
margin-bottom: 0px;
}




.main .dossier {
background-image:url(../images/gradient_nosprojets.gif);
background-position: top;
background-repeat:repeat-x;
padding: 10px 0px;
border: 1px solid #c7dbe5;
}
.main .dossier h3 {
background-image:url(../images/hdr_projets.gif);
background-position: top;
background-repeat:repeat-x;
display: block;
padding:0;
margin: 0;
height: 10px;
}
.main .dossier p {
padding-left: 10px;
}

.main .dossier h2 {
margin: 3px 0px 0px 5px;
padding:0;
}
.main .dossier h2 a {
color: #000;
text-decoration: none;
}
.main .dossier .thumbnail {
margin-left: 5px;
}

.main .diapo {
background-color: #f1dbb8;
background-image: url(../images/gradient_mar.gif);
background-position: bottom left;
background-repeat: repeat-x;
height: 196px;
text-align:center;
}


.main .thumbnail {
margin-right: 5px;
margin-bottom: 5px;
} 
 
 
 
 .main .read_next { 
font-size: 0.9em;
color: #333;
text-decoration: none;
display: block;
text-align: right;
margin-bottom: 0px;
}
.main .read_next:hover{ 
color: #cc0000;
}
.main .read_next span {
background-image: url(../images/bullet1.gif);
background-position: center left;
background-repeat: no-repeat;
padding-left: 15px;
padding-right: 10px;
}

.main .read {
display: block;
color: #797979;
font-weight: bold;
text-decoration: none
}
.main .read:hover {
color: #cc0000;
}
.main .read strong {
color: #000;
}

hr.seperator {
border-bottom: 1px solid #dedede;
border-top: 1px solid #acacac;
border-left:0px;
border-right:0px;
padding: 0px;
}

.main form table th label {
display: block;
text-align: right;
}
.main form table td textarea,
.main form table td input {
width: 250px;
text-align: left;
}

.main .unsubscribe {
color: #797979;
text-decoration: none;
}
.main .unsubscribe:hover {
background-color: #797979;
color: #fff;
}

.main .required {
color: #cc0000;
}

.main #footer { 
padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
background-image: url(../images/fo.oter.gif);
background-position:bottom;
background-repeat: repeat-x;
margin-top: 25px;
padding-bottom: 0px;
/*background-color: #b32a1e;*/
background-color:#1fa4b8;
} 
.main #footer p {
margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
text-align: center;
color: #fff;
}

.main #footer p a {
color: #fff;
text-decoration: none;
}
.main #footer p a strong {
color: #F08534;
}
.main #footer p span {
text-align: right;
width:100%;
display: block;
}


.main .menubar {
width: 943px;
padding:10px;
margin:0 auto;
background-color: #fff;
}

.main .menubar a {
display: block;
width: 100%;
text-align: right;
color: #333;
font-weight: bold;
}

.main .menubar h3 {
color: #AA0000;
}


.main .magazine {
width: 90%;
margin:0 auto;
}

.main .magazine td {
padding:5px;
text-align: center;
}

.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
float: right;
margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
float: left;
margin-right: 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}


.textarea { 
border:1px solid #999999;
padding: 1px;
}
.textbox {
border:1px solid #999999;
}
.button {
border:0px solid #999999;
background-color: #AA0000; 
color: #fff;
font-weight: bold;
padding: 5px;
cursor: pointer;
}
.button:hover {
background-color: #CC0000;
}


.main .error, .main .success {
padding: 5px;
font-size: 1.2em;
text-align: justify;
font-weight: bold;
margin: 10px auto 10px;
}
.main .error {
border:2px solid #CC0000;
background-color:#FFCCCC;
}
.main .success {
border:2px solid #b1d74a;
background-color:#e0ff8d;
}

.main label.required, .main #content .content .site_page .table td label.required {
display: block;
text-align: right;
width: 100%;
font-weight: bold;
color:#CC0000;
font-size: 1em;
}





.main h1 { 
font-size: 1.8em; 
color: #cc0000;
margin: 20px auto 25px auto;
/*border-bottom: 3px solid #cc0000;*/
padding-bottom: 5px;
}
.main h2 { 
font-size: 1.6em;
}
.main h3 { 
font-size: 1.4em;
}
.main h4 { 
font-size: 1.1em;
}
.main h5 { 
font-size: 1em; 
}

.main .show_content h1 { 
border-bottom: 0px;
margin-bottom: 5px;
line-height: 1.2em;
}
.main .show_content h2 { 
color: #333;
}

.main .show_content h3 { 
color: #797979;
}


.main #container #menu li#rss  {
float: right;
margin-right: 0px;
margin-top: 25px;
border: none;
}
.main #container #menu li#rss a {
padding: 0;
display: inherit;
}
.main #container #menu li#rss a:hover {
background: none;
padding:0;
color: #aa0000;
}



.gallery .prev,
.gallery .next {
display: block;
width: 25px;
height: 21px;
padding: 0px;
float: left;
margin-top: 25px;
}
.gallery .prev {
margin-left: 30px;
margin-right: 5px;
}
.gallery .next {
margin-left: 5px;
}
.gallery .slider {
float: left;
padding: 0px;
background-color: #f6f6f6;
border: 1px solid #e2e2e2;
margin-top: 5px;
padding: 2px 0px 2px 2px;
}


#eslider ul, #eslider li{
margin:0;
padding:0;
list-style:none;
}
#eslider, #eslider li{ 
width:450px;
height:310px;
overflow:hidden; 
}
#eslider li img { 
padding: 1px;
border: 1px solid #333;
}
span#prevBtn{ }
span#nextBtn{ }
#eslider a {
color: #cc0000; 
text-decoration: none; 
}



/* extra css for the carrousel effect */
/* generated subtitle*/
.slider_gallery {
width: 480px;
text-align: center;
margin-left: 50px;
}
#onepiece {
height: 370px;
margin: 0 auto;
text-align: center;
width: 470px;
}

#onepiece span { 
background:transparent; 
color:#fb6f3a;
	  font-size:small;
	  font-weight:normal;
cursor:pointer; 
}
#onepiece img {
border: 1px solid #333;
}

#onepiece li em  { 
display:block; 
		text-align:center; 
}
#onepiece li:hover em { 
color:#fb6f3a; 
}
#onepiece li img { 
border:2px solid #fff; 
}
#onepiece li:hover img { 
border:2px solid #fb6f3a; 
}

#onepiece a {
color:#999999;
text-decoration: none;
}

#nav {
text-align: center;
width: 100%;
font-weight: bold;
color: #cc0000;
}
#nav span {
cursor: pointer;
}