/**
* Feuille de Style du Site
* 
* MC WebSystem v6.0
* Gestionnaire de Contenu pour site Internet
* 
* @package      MC6
* @subpackage   Index
* @author       Jean-Christophe Taisne <jc.taisne@ultrajeux.com>
* @version      6.0 $Id: style.css 98 2009-07-02 17:02:20Z amonra $
*/

body {
    margin: 0;
    padding: 0;
    color: #454545;
    font-family: Tahoma, Arial, Helvetica, sans-serif; 
    font-size: 11px;
/*    background: url(../../images/header/background2.gif) repeat-x 0 0;
    background-color: #29353C; */
    
    background-color: #1b242a;
    background-image: url(../../images/body/background3.png);
    background-position: top;
    background-repeat: no-repeat;
}

blockquote {
    background-color: #e5e5e5;
    border-color: #d8d8d8 #FFFFFF #FFFFFF #d8d8d8;
}

.signature {
    text-align: left;
    vertical-align: bottom;
    max-height: 150px;
    max-width: 350px;
    overflow: hidden;
}

fieldset {
    border: 0 none;
}

a:link      { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #5e7381; text-decoration: none }
a:active    { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #800080; text-decoration: none }
a:visited   { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #5e7381; text-decoration: none }
a:hover     { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff4040; text-decoration: none }

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

/**
* Fil d'ariane
*/
ul.ariane, ul.ariane li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.ariane {
    padding-left: 10px;
    margin-bottom: 20px;
}

ul.ariane li {
    float:left;
}

ul.ariane li a {
    display: block;
    background: transparent url(../../images/body/ariane.png) no-repeat center right;
    text-decoration: none;
    padding-right: 20px;
    margin-right: 5px;
    color: #A22D00;
}

ul.ariane li a:visited, ul.ariane li a:active{
    color: #A22D00;
}

ul.ariane li a:hover{
    text-decoration: none;
}

.html_link_search a, .html_link_search span.current,
.html_table tfoot th a, .html_table tfoot th span.current, 
.jump_page a, .jump_page span.current, input[type='submit'], input[type='button'].button_ok {
    display:inline-block;
    padding:0 8px; 
    height:22px; 
    line-height:22px;
    border:1px solid #A6B0B7;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background: #e4e8eb; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e8eb 0%, #c9cdd0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e8eb), color-stop(100%,#c9cdd0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e8eb 0%,#c9cdd0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e8eb 0%,#c9cdd0 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #e4e8eb 0%,#c9cdd0 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e8eb', endColorstr='#c9cdd0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #e4e8eb 0%,#c9cdd0 100%); /* W3C */
    margin:0 2px;
    font-size:11px;
    font-weight:bold;
    text-shadow:0 1px 0 #EEF0F3;
    color:#363F4A;
    cursor: pointer;
}

input[type='submit'], input[type='button'].button_ok {
    height: 23px;
    color: #fff;
    display: initial;
    margin: 0;
    text-align: center;
    vertical-align: middle;    
    text-shadow: 0 -1px 0 #55830c;
    border-color: #62a60a #62a60a #4d9200;
    background: #69b10b;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#9ad717),to(#69b10b));
    background-image: -webkit-linear-gradient(top,#9ad717,#69b10b);
    background-image: -o-linear-gradient(top,#9ad717,#69b10b);
    background-image: linear-gradient(to bottom,#9ad717,#69b10b);
    background-image: -moz-linear-gradient(top,#9ad717,#69b10b);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ff9ad717',endColorstr='#ff69b10b');
    margin-top: -1px !important;
}

.html_link_search a, 
.html_table tfoot th a,
.jump_page a, input[type='submit'], input[type='button'].button_ok {
    -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,
.jump_page a:hover {
    text-decoration:none; 
    color:#121F30; 
    border-color:#818B9C;
    -moz-box-shadow: 0px 1px 1px #A6B0B7;
    -webkit-box-shadow: 0px 1px 1px #A6B0B7;
    box-shadow: 0px 1px 1px #A6B0B7;
    
    background: -moz-linear-gradient(top, #c9cdd0 0%, #e4e8eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9cdd0), color-stop(100%,#e4e8eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c9cdd0 0%, #e4e8eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c9cdd0 0%, #e4e8eb 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #c9cdd0 0%, #e4e8eb 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cdd0', endColorstr='#e4e8eb',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #c9cdd0 0%, #e4e8eb 100%); /* W3C */
    
}

input[type='submit']:hover, input[type='button'].button_ok:hover {
    text-decoration:none; 
    color: white; 
    border-color:#9ad717;
    -moz-box-shadow: 0px 1px 1px #9ad717;
    -webkit-box-shadow: 0px 1px 1px #9ad717;
    box-shadow: 0px 1px 1px #9ad717; 
    
    background: #69b10b;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#69b10b),to(#9ad717));
    background-image: -webkit-linear-gradient(top,#69b10b,#9ad717);
    background-image: -o-linear-gradient(top,#69b10b,#9ad717);
    background-image: linear-gradient(to bottom,#69b10b,#9ad717);
    background-image: -moz-linear-gradient(top,#69b10b,#9ad717);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ff69b10b',endColorstr='#ff9ad717');
    
}

.html_link_search a:active, .html_link_search span.current, 
.html_table tfoot th a:active, .html_table tfoot th span.current,
.jump_page a:active, .jump_page span.current, input[type='submit']:active, input[type='button'].button_ok:active {
    background:#42535c; 
    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;
    color: #a22d00;
}

.news_block h2.block_content {
    margin: 0px;
}

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

#body {
    margin: 0 auto;
    margin-top: 0px;
    width: 1000px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
} 
       
#header {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 190px;
    background: url(../../images/header/background2.png) no-repeat;
}

#header img.logo {
    margin-top: 20px;
}

#masthead {
}

#top_nav {
}

#container {
/*    position: relative;*/
    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;
}

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

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

span.debug {
    color: red;
    
}

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

.block_title {
/*    background: url(../../images/header/background.gif) repeat-x 0 0;*/
background-color: #42535c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 15px;
    font-size: 12px;
    color: white;
    font-weight: bold; 
}

.block_content { 
    padding: 5px;
/*    border: 1px solid #141818;*/
    background-color: #eae7e7;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

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

.block_table {
    margin: 5px 5px 10px;
    padding: 0px;
    background-color: #eae7e7;
}

.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: #dadada;    
}

.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: #dadada;        
}

.html_table thead tr {
/*    background: #141414 url(../../images/block/haut_block_2.gif) no-repeat top left;     */
/*background: url(../../images/header/background.gif) repeat-x 0 0;*/
background-color: #42535c;
}

.html_table thead th {
    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    padding-left: 15px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 15px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    text-align: left; 
}

.html_table tfoot th {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 15px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    text-align: left;  
    background-color: #42535c; 
}

.html_table tfoot tr {
/*    background: url(../../images/header/background.gif) repeat-x 0 0;*/
/*    background: url(../../images/block/haut_block_news_2.jpg) repeat 0 70%;*/
}

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

.html_table_titre {
    font-weight: bold;
}

.html_table_tr {

}


/************************* VOTES ***************************/
#divVote{
	display: inline-block;
	width: 49%;
}

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

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

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

.aVide{
	background: url('../../mc6/images/divers/starrating.png') top left;
}

.aSurvol{
	background: url('../../mc6/images/divers/starrating.png') center center;
}

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

#displayVote{
	display: inline-block;
	width: 49%;
}

#displayVote ul{
	list-style: none;
	margin: 5px 0 0 0;	
	padding: 0;
	height: 15px;
}

#displayVote ul li{
	margin: 0;
	padding: 0;
	float: left;
	height: 15px;
}

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