html {
	font-size: 100%;
}
body {
	margin: 0;
	padding: 10px 20px;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: .9em;
	line-height: 1.25;
	color: black;
	background: white;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0;
}
h1, h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal;
}
h1 {
	font-size: 3em;
	font-style: italic;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0;
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

a {
	color: blue;
	text-decoration: underline;
}
a:hover, a:focus {
	color: blue;
}
a img {
	border: none;
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: #000;
}

pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
	width: 90%;
	overflow: auto;
	/*overflow-y: hidden;*/
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}
#copyright {
	margin: 20px 0 5px 0;
	text-align: right;
	font-size: .8em;
	color: #848F63;
}
#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}



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:1em;
}
.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;
}

.fld_sites{
	display : table-cell;
	width:320px;
	vertical-align:top;
	height:75px;
}

.do_select{
	text-align:center;
	font-weight:bold;
	background-color:#015cb1;
	color:#fff;
	font-size:1.5em;
};