/**
* Feuille de Style
* 
* MagicCorporation WebSystem v6.0
* Gestionnaire de Contenu pour site Internet
* 
* @package      MC6
* @subpackage   Index
* @author       Jean-Christophe Taisne <amonra@magiccorporation.com>
* @link         http://mc6.magiccorporation.com 
* @copyright    2000-2009 MagicCorporation
* @version      6.0 $Id: style.css 2762 2018-02-28 10:59:28Z amonra $
*/

body {
    width: 1000px;
    margin: auto;
/*    margin: 0;*/
    padding: 0;
    color: #000000;
    font-family: Tahoma, Arial; font-size: 11px;
    background: #6eaed1 url(../../images/body/background.jpg) repeat-y top center;
/*    background: #6eaed1 url(../../images/body/david_thomas_est_papa_kiss_from_amon.jpg) repeat top center;*/
}

fieldset {
    border: 0 none;
}

a:link      { font-family: Tahoma, Arial; font-size: 11px; color: #003366; text-decoration: underline }
a:active    { font-family: Tahoma, Arial; font-size: 11px; color: #FFFFFF; text-decoration: none }
a:visited   { font-family: Tahoma, Arial; font-size: 11px; color: #003366; text-decoration: underline }
a:hover     { font-family: Tahoma, Arial; font-size: 11px; color: #FFFFFF; text-decoration: none }

span.enligne {
    color: green;
    font-weight: bold;
}

span.horsligne {
    color: red;
    font-weight: bold;
}

a.lien_active {
    color: #FFFFFF; 
    text-decoration: none;   
}

.pre-spoiler {
    border: 1px dashed #B5C0A8;
    margin: 0px 10px 0px 10px;
    padding-left: 10px;
    background: #A0CEE6;
    font-weight: bold;
    color: black;
    border-color: #3C7AB4 white white #3C7AB4;
}
.spoiler {
    background: #A0CEE6;
    margin: 0px 10px 15px 10px;
    padding: 5px;         
    border: 1px dashed;
    border-color: #3C7AB4 white white #3C7AB4;
}

.html_link_search a, .html_link_search span.current,
.html_table tfoot th a, .html_table tfoot th span.current,
.pre-spoiler input,
.jump_page a, .jump_page span.current {
    display: inline-block;
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #3C7AB4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #6EAFD0;
    background: -moz-linear-gradient(top, #6EAFD0 0%, #5D9BC2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6EAFD0), color-stop(100%,#5D9BC2));
    background: -webkit-linear-gradient(top, #6EAFD0 0%,#5D9BC2 100%);
    background: -o-linear-gradient(top, #6EAFD0 0%,#5D9BC2 100%);
    background: -ms-linear-gradient(top, #6EAFD0 0%,#5D9BC2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6EAFD0', endColorstr='#5D9BC2',GradientType=0 );
    background: linear-gradient(top, #6EAFD0 0%,#5D9BC2 100%);
    margin: 0 2px;
    font-size: 11px;
    font-weight: bold;
    color: #036;
}

.html_link_search a, 
.html_table tfoot th a,
.pre-spoiler input,
.jump_page a {
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    text-decoration:none;
    margin: 3px;
}

.html_link_search a:hover, 
.html_table tfoot th a:hover,
.pre-spoiler input:hover,
.jump_page a:hover {
    text-decoration: none;
    color: white;
    border-color: #3C7AB4;
    -moz-box-shadow: 0px 1px 1px #6EAFD0;
    -webkit-box-shadow: 0px 1px 1px #6EAFD0;
    box-shadow: 0px 1px 1px #6EAFD0;
}

.html_link_search a:active, .html_link_search span.current,
.html_table tfoot th a:active, .html_table tfoot th span.current,
.pre-spoiler input:active,
.jump_page a:active, .jump_page span.current {
    background: #036; 
    text-shadow:none; 
/*    border-color:#162335; */
    color:#FFF;
    -moz-box-shadow:0 1px 2px #162335 inset;
    -webkit-box-shadow:0 1px 2px #162335 inset;
    box-shadow:0 1px 2px #162335 inset;
}

h1 {
    font-size: 24px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
}

h2 {
    font-size: 20px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
}

h3 {
    font-size: 18px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
}

p, ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

img {
    border: 0;
}

#body {
    width: 1000px;
    margin: auto;
    padding: 0;
    background-color: #417EAB;
    border: 1px solid #336699;
/*    background: #000 url(../../images/body/background.jpg) no-repeat bottom center;*/
}

.block_boutique_container {

}

.block_boutique_container > .block_content {
    float: left;
    width: 979px;
}

#masthead {
}

#top_nav {
}

#container {
/*    position: relative;
    clear: both;
    width: 950px;
    margin: 5px;*/
}

#left_col {
    /* clear: both; */
    width: 225px;
    /* position: absolute; */
    float: left;
    left: 0px;
    top: 0px;
    /* border: 2px solid blue; */
}

#page_content {
    /* float: left; */
    /* position: absolute; */
    margin-right: 225px;
    margin-left: 225px;
    text-align: left;
    top: 0px;
    /* border: 2px solid red; */
    min-width: 550px;
    max-width: 1000px;
}

#page_content_left {
    /* float: left; */
    margin-left: 225px;
    text-align: center;
    /* border: 2px solid red; */
    min-width: 775px;
    max-width: 1000px;
}

#page_content_right {
    /* float: left; */
    margin-right: 225px;
    text-align: center;
    /* border: 2px solid red; */
    min-width: 775px;
    max-width: 1000px;

}

#page_content_big { /* disposition seul */
    /* float: left; */
    text-align: center;
    /* border: 2px solid red; */
    /* min-width: 1024px;
    max-width: 1280px; */
}

#right_col {
    width: 225px;
    /* float: right; */
    position: absolute;
    right: 0px;
    top: 0px;
    /* border: 2px solid orange; */
}

#footer {
    margin: 0;
    padding: 10px;
    clear: both;
    position: relative;
    width: 1000px;
    height: 30px;
}

.gras{
    font-weight: bolder;
}

.displayOff{
    display: none;
}

.oui {
    font-weight: bolder;
    color: green;
}

.non {
    font-weight: bolder;
    color: #CA0000;
}

.title_true {
    color: green;
    font-size: 18px;
}

.title_false {
    color: red;
    font-size: 18px;
}

/* EN BETA TEST ************************************************/

.html_div {
    float: left;
    top: 0px;
}

.html_div_clear {
    clear: both;
}

.html_div_small {
    width: 25%;
    float: left;
    top: 0px;
}

.html_div_medium {
    width: 50%;
    float: left;
    left: 0px;
    top: 0px;
}

.html_div_big {
    width: 75%;
    float: left;
    left: 0px;
    top: 0px;
}

.html_div_content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.html_div_full {
    width: 100%;
    float: left;
    left: 0px;
    top: 0px;
}

.block {
    margin: 5px;
    margin-bottom: 10px; 
}

.block_title {
/*    margin-bottom: 2px;*/
    padding: 0px 10px 0px 0px;
/*    border: 1px solid #141818;*/
    text-align: right;
/*    text-transform: uppercase;*/
    font-weight: bold;
    color: #FFFFFF;
    background: url(../../images/block/title.gif) no-repeat top left;
}

.block_content { 
    padding: 5px;
    border: 1px solid #3c7ab4;
    background: #6eafd0 url(../../images/block/background.gif) left;
}

.block_info {
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.block_table {
    margin: 5px 5px 10px;
    padding: 0px;
    background: #6eafd0 url(../../images/block/background.gif) left;  
}

.html_table {
    border-collapse: collapse;
}

.html_table tbody tr {
/*    ici pour coloriser nos cellules en background si pas de background image dans .html_div_table      */
}

.html_table tbody tr.checked, .html_table tbody tr.selected {
/* colorise une ligne qui a été checked dans html_table() */
    background-color: #52A1CA;    
}

.html_table tbody tr.checked td {
/* met en gras le texte qui a été checked dans html_table() */ 
    font-weight: bold;    
}

.html_table tbody tr:hover.hover, .html_table tbody tr td:hover.hover, .html_table tbody tr:hover.checked {
    background: #52A1CA;        
}

.html_table thead tr {
    background: url(../../images/block/background_titre_block_3.jpg) no-repeat top left;     
}

.html_table thead th {
    border-top: 0;
    border-bottom: 1px solid #336699;
    border-left: 1px solid #336699;
    border-right: 1px solid #336699;
    padding: 3px;               
/*    background-color: #336699;*/
    color: #FFFFFF;    
    text-align: left;
}

.html_table tfoot th {
    border: 1px solid #336699;
    padding: 4px;               
/*    background-color: #336699;*/
    color: #FFFFFF;    
    text-align: left;       
}

.html_table tfoot tr {
/*    background: url(../../images/block/background_titre_block_3.jpg) no-repeat 0 78%;*/
}

.html_table td {
    border: 1px solid #336699;
    padding: 5px;
/*    text-align: left;*/
}

.html_table_titre {
    font-weight: bold;
}

.html_table_tr {

}

.html_link_search p {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}

/********************** Commentaires  *******************/
#comments p{
    cursor: pointer;
}

#comments #currentPage{
    color: orange;
}

#addComment{
    padding: 5px;
    text-align: center;
}
#addComment #title{
    display: inline-block;
    width: 70%;
}

#addComment label{
    display: inline-block;
    width: 100px;
    font-weight: bolder;
    margin-bottom: 5px;
}

#addComment div{
    text-align: left;
    margin: 10px 0 10px 0;
}

#addComment #btnSubmit{
    border: 1px solid orange;
    -moz-border-radius: 8px;
}

#commentListPages{
    text-align: center;
}

/************************* VOTES ***************************/
#divVote{
}

#divVote ul{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 30px;
    background: url(images/divers/starrating.gif) top left repeat-x;
}

#divVote ul li{
    margin: 0;
    padding: 0;
    float: left;
    height: 30px;
}

#divVote ul li a{
    display: inline-block;    
    height: 30px;
    width: 100%;
    cursor: pointer;
}

.aVide{
    
}

.aSurvol{
    background: url(images/divers/starrating.gif) center center;
}

.aVote{
    background: url(images/divers/starrating.gif) bottom center;
}

.block_logo {
    margin: 0;
    padding: 0;
    position: absolute; 
    left: 0px;
}