body {
    background-color : #1b1b1b;
  }


#ctn-main {
    background-image : url('images/background.png');
    background-position : top center;
    background-repeat : no-repeat;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    width:1024px;
    min-height:658px;
  }


#ctn-header {
    background-image:url("images/logo.png");
    background-position:right center;
    background-repeat:no-repeat;
    height:204px;
    margin-top:0;
    padding-top:3px;
    width:1012px;
  }


#ctn-header-left {
    float:left;
    height:203px;
    margin-left:0;
    padding-left:3px;
    padding-top:0;
    width:269px;
    font-size:0.9em;
    line-height:1.5em;
  }


#ctn-header-left ul {
    margin-top:32px;
    margin-left:42px;
    margin-bottom:14px;
  }


#ctn-header-right {
    float:right;
    height:203px;
    width:734px;
  }


#ctn-header-right h3 {
    color:#6C6C6C;
    margin-bottom:8px;
    margin-top:8px;
    text-shadow:2px 2px 6px #8C8C8C;
    -moz-text-shadow:2px 2px 6px #8C8C8C;
    -webkit-text-shadow:2px 2px 6px #8C8C8C;
    -khtml-text-shadow:2px 2px 6px #8C8C8C;
  }


#ctn-header-right h4 {
    color:#6C6C6C;
    font-size:0.6em;
    font-weight:normal;
    margin-bottom:0;
    margin-top:4px;
  }


#ctn-header-right h5 {
    color:#6C6C6C;
    font-size:0.6em;
    font-weight:normal;
    margin-bottom:0;
    margin-top:4px;
    text-align:right;
    width:650px;
  }


#ctn-header-info {
    padding-top:28px;
    padding-left:4px;
    height:103px;
    font-size:0.9em;
  }


#ctn-header-left ul {
    list-style-image : url('images/puce_orange_12x12.png');
    list-style-type : none;
    font-size:0.9em;
  }


#ctn-header-left li {
    color:#fff;
    list-style-type : none;
  }


#ctn-header-left li a {
    color:#fff;
    text-decoration:none;
    text-shadow:4px 2px 5px #000;
    -moz-text-shadow:4px 2px 5px #000;
    -webkit-text-shadow:4px 2px 5px #000;
    -khtml-text-shadow:4px 2px 5px #000;
  }


#ctn-header-left li a:hover {
    color:#FFEA03;
    text-decoration:underline;
  }


#ctn-nav {
    float:left;
    padding-left:5px;
    width:266px;
  }


#nav1 {
    padding-left:5px;
    width:266px;
    margin-bottom:4px;
    height:423px;
  }


#nav2 {
    background-image : url('images/coin_degrade.png');
    background-position : top left;
    background-repeat : no-repeat;
    /*background-color : #3C3C3C;
    */ background-color : #2D2D2D;
    border-bottom-color : #77787b;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #77787b;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #77787b;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #77787b;
    border-top-style : solid;
    border-top-width : 1px;
    border-radius: 20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    padding-left:5px;
    width:262px;
    clear:left;
    color:#0091F1;
    margin-bottom:10px;
  }


#nav1 h2 {
    font-size:1em;
    font-weight:bold;
    color:#fff;
    text-shadow: 8px 8px 12px #1B1B1B;
    -moz-text-shadow: 8px 8px 12px #1B1B1B;
    -webkit-text-shadow: 8px 8px 12px #1B1B1B;
    -kthml-text-shadow: 8px 8px 12px #1B1B1B;
    margin-top:22px;
  }


#nav1 ul {
    list-style-image : url('images/puce_grise_12x12.png');
    list-style-type : none;
    font-size:0.8em;
    margin-left:35px;
  }


#nav2 li {
    color:#0091F1;
  }


#nav2 li a {
    color:#0091F1;
    text-decoration:none;
    text-shadow:4px 2px 5px #000;
    -moz-text-shadow:4px 2px 5px #000;
    -webkit-text-shadow:4px 2px 5px #000;
    -khtml-text-shadow:4px 2px 5px #000;
  }


#nav2 li a:hover {
    color:#FFf;
    text-decoration:underline;
  }


#nav2 h2 {
    font-size:1em;
    color:#0091F1;
    text-shadow: 8px 8px 12px #1B1B1B;
    -moz-text-shadow: 8px 8px 12px #1B1B1B;
    -webkit-text-shadow: 8px 8px 12px #1B1B1B;
    -kthml-text-shadow: 8px 8px 12px #1B1B1B;
  }


#nav2 ul {
    list-style-image : url('images/puce_bleue_12x12.png');
    list-style-type : none;
    font-size:0.8em;
  }


#nav1 li {
    color:#fff;
  }


#nav1 li a {
    color:#fff;
    text-decoration:none;
    text-shadow:4px 2px 5px #000;
    -moz-text-shadow:4px 2px 5px #000;
    -webkit-text-shadow:4px 2px 5px #000;
    -khtml-text-shadow:4px 2px 5px #000;
  }


#nav1 li a:hover {
    color:#FFEA03;
    text-decoration:underline;
  }


#ctn-bottom {
    background-image : url('images/bottom.png');
    background-position : top center;
    background-repeat : no-repeat;
    min-height:37px;
    text-align:center;
    padding-top:15px;
    color:#fff;
    clear:both;
    font-size:0.8em;
  }


#ctn-info-sites {
    float : left;
    height:2em;
    color:#939fae;
    text-align:right;
    font-size:0.9em;
    width:735px;
    font-style:italic;
    padding-top:5px;
  }


.ctn-articles {
    /*background-color : #3C3C3C;
    */ background-color : #2D2D2D;
    background-image : url('images/coin_degrade.png');
    background-position : top left;
    background-repeat : no-repeat;
    border-bottom-color : #77787b;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #77787b;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #77787b;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #77787b;
    border-top-style : solid;
    border-top-width : 1px;
    float : left;
    margin-left : 11px;
    margin-top : 9px;
    margin-bottom:6px;
    min-height : 200px;
    padding-left : 0;
    width : 735px;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
  }


.ctn-articles hr {
    width:70%;
    background-color:#4C4C4C;
    border-bottom-width:0;
    border-left-width:0;
    border-right-width:0;
  }


#ctn-form-rech {
    background-color:#6b6b6b;
    font-size:0.8em;
    margin-left:15px;
    width:235px;
    text-align:center;
    border-width:1px;
    border-style:solid;
    border-color:#A0A0A0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    box-shadow: 8px 8px 12px #1B1B1B;
    -moz-box-shadow: 8px 8px 12px #1B1B1B;
    -webkit-box-shadow: 8px 8px 12px #1B1B1B;
    -khtml-box-shadow: 8px 8px 12px #1B1B1B;
  }


#ctn-form-rech p {
    margin-top:7px;
    margin-bottom:7px;
    color:#fff;
    text-shadow:4px 2px 5px #000;
    -moz-text-shadow:4px 2px 5px #000;
    -webkit-text-shadow:4px 2px 5px #000;
    -khtml-text-shadow:4px 2px 5px #000;
  }


.ctn-articles h2 {
    color:#fff;
    font-size:1.3em;
    margin-left:30px;
  }


.ctn-sous-rub {
    height:128px;
    width:700px;
  }


.ctn-sous-rub h3 {
    background-image : url('images/puce_bleue_12x12.png');
    background-position : center left;
    background-repeat : no-repeat;
    float:left;
    margin-top:5px;
    margin-bottom:5px;
    color:#3096ea;
    padding-left:15px;
    padding-right:15px;
    font-size:0.8em;
  }


.ctn-sous-rub h3 a {
    color:#3096ea;
    text-decoration:none;
  }


.ctn-sous-rub h3 a:hover {
    color:#fff;
    text-decoration:underline;
  }


.ctn-illustration {
    float:left;
    height:110px;
    text-align:center;
    vertical-align:middle;
    border-color : #77787b;
    border-style : solid;
    border-width : 1px;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    margin-bottom:5px;
    margin-left:28px;
    margin-right:15px;
    padding-bottom:5px;
    padding-top:5px;
    width:156px;
  }


.article {
    background-image : url('images/puce_orange_24x24.png');
    background-position : top left;
    background-repeat : no-repeat;
    color:#D1D1D1;
    font-size:0.8em;
    padding-left:30px;
    margin-bottom:14px;
    margin-left:5px;
    margin-right:24px;
    clear:left;
  }


.article h4 {
    margin-top:4px;
    margin-bottom:4px;
  }


.article h4 a {
    color:#fff;
    text-shadow: 6px 4px 6px #0B0B0B;
    -moz-text-shadow: 6px 4px 6px #0B0B0B;
    -webkit-text-shadow: 6px 4px 6px #0B0B0B;
    -khtml-text-shadow: 6px 4px 6px #0B0B0B;
  }


.article h4 a:hover {
    color:#fca81e;
  }


.article p {
    font-size:0.9em;
    margin-top:2px;
    margin-bottom:2px;
  }


.lk_site,.lk_view_site {
    color:#fca81e;
    font-style:italic;
    text-shadow: 1px 1px 3px #000;
    -moz-text-shadow: 1px 1px 3px #000;
    -webkit-text-shadow: 1px 1px 3px #000;
    -khtml-text-shadow: 1px 1px 3px #000;
  }


.article-date {
    float:left;
    font-size:0.8em;
  }


.article-problem {
    background-image : url('images/puce_bleue_12x12.png');
    background-position : bottom left;
    background-repeat : no-repeat;
    padding-left:14px;
    float:right;
    margin-right:8px;
  }


.article-problem a {
    color:#3096ea;
    font-size:0.8em;
  }


.article-problem a:hover {
    color:#fff;
  }


.ctn-list-rub, #ctn-list-sousrub, .ctn-pagin {
    width:46%;
    border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    -khtml-border-radius:5px 5px 5px 5px;
    box-shadow:8px 8px 12px #1B1B1B;
    -moz-box-shadow:8px 8px 12px #1B1B1B;
    -webkit-box-shadow:8px 8px 12px #1B1B1B;
    -khtml-box-shadow:8px 8px 12px #1B1B1B;
    background-color:#6B6B6B;
    border:1px solid #A0A0A0;
    font-size:0.8em;
    margin-left:15px;
    text-align:center;
    margin-top:8px;
    margin-bottom:8px;
  }


.ctn-list-rub h4 {
    background-image : url('images/puce_orange_24x24.png');
    background-position : top left;
    background-repeat : no-repeat;
    margin-top:5px;
    margin-bottom:5px;
    text-align:left;
    padding-left:32px;
    line-height:2em;
    margin-left:12px;
  }


.ctn-list-rub ul, #ctn-list-sousrub ul {
    list-style-image : url('images/puce_bleue_12x12.png');
    list-style-type : none;
    text-align:left;
    margin-left:36px;
  }


.ctn-list-rub ul li a, #ctn-list-sousrub ul li a {
    color:#fff;
    text-decoration:none;
    text-shadow:4px 2px 5px #000;
  }


.ctn-list-rub ul li a:hover {
    color:#fca81e;
    text-decoration:underline;
    -moz-text-shadow:4px 2px 5px #000;
    -webkit-text-shadow:4px 2px 5px #000;
    -khtml-text-shadow:4px 2px 5px #000;
  }


.ctn-list-rub h4 a {
    color:#fff;
    text-shadow:4px 2px 5px #000;
    -moz-text-shadow:4px 2px 5px #000;
    -webkit-text-shadow:4px 2px 5px #000;
    -khtml-text-shadow:4px 2px 5px #000;
  }


.ctn-list-rub h4 a:hover {
    color:#fca81e;
  }


#ctn-path {
    color : #DEDEDE;
    font-size : 0.9em;
    font-style : italic;
    margin-top : 3px;
    padding-right : 17px;
    text-align : right;
  }


#ctn-path a {
    color:#DEDEDE;
    font-style:italic;
    text-decoration:none;
  }


#ctn-path a:hover {
    color:#fca81e;
  }


#ctn-list-sousrub {
    width:96%;
  }


.ctn-list-sousrub-float {
    width:48%;
  }


#ctn-best-site h2, #ctn-view-site h2 {
    text-shadow:4px 2px 5px #000;
    -moz-text-shadow:4px 2px 5px #000;
    -webkit-text-shadow:4px 2px 5px #000;
    -khtml-text-shadow:4px 2px 5px #000;
    color:#fca81e;
  }


.ctn-pagin {
    width:95%;
    text-align:left;
    padding-left:5px;
    padding-right:5px;
    overflow:hidden;
    color:#dedede;
    margin-top:8px;
    margin-bottom:12px;
  }


.nolk_pagin {
    color:#fca81e;
    font-weight:bold;
    padding-left:2px;
    padding-right:2px;
  }


.lk_pagin {
    color:#fff;
    padding-left:2px;
    padding-right:2px;
    text-decoration:none;
  }

.qrcode{
	vertical-align:middle;
	margin-right:2px;
	border-width:0px;
	width:16px;
	height:16px;
}


.ctn-articles select, .ctn-articles input{
	font-size:0.9em;
}
.ctn-action{
	text-align:center;
	background-color:#0091f1;
	 box-shadow:2px 2px 6px #8C8C8C;
    -moz-box-shadow:2px 2px 6px #8C8C8C;
    -webkit-box-shadow:2px 2px 6px #8C8C8C;
    -khtml-box-shadow:2px 2px 6px #8C8C8C;
      border-radius: 20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    padding-top:5px;
   	padding-bottom:5px;
}