/************************************************
CSS kns7.org
------------------
Auteur: Nicolas KAPFER

Copyright 2003-2009 kns7.org, All rights reserved
*************************************************/


/* General*/
* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #009cff;
}
a:hover {
	text-decoration: underline;
	color: #009cff;
	cursor: pointer;
}

a img {
	text-decoration: none;
	border: 0px solid #FFFFFF;
}
a:hover img {
	text-decoration: none;
	border: 0px solid #FFFFFF;
	cursor: pointer;
}
#start_search:hover {
	text-decoration: none;
}
.clear{
	clear:both;
}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7f7f7f;
}
input,textarea,select {
	border: 1px solid silver;
}
.tothetop {
	float: right;
	margin-top: -25px;
}
/* Formulaires */
.label_oblig {
	font-weight: bold;
	padding-right: 20px;
	background: url('../images/required.png') top right no-repeat;
}
.field_error {
	border: 1px solid #a50021;
}
.label_error {
	color: #a50021;
	font-weight: bold;
}
.messageboxerror{
	margin: 10px 20px;
	padding: 20px 50px;
	vertical-align: middle;
	text-align: center;
	border:1px solid #CC0000;
	background: url('../images/messageboxerror.png') #F7CBCA 10px 10px no-repeat;
	color:#CC0000;
	display: none;
}
.form_submit {
	margin: 10px;
	width: 250px;
	height: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
.form_submit:hover {
	background-color: #f29400;
}
/* Header et Menu */
#header {
	width: 1000px;
	height: 190px;
	margin: 0 auto;
}
#menu {
	padding-left: 212px;
	padding-top: 110px;
	height:51px;
	font-size: 18px;
	text-align: center;
}
#accueil {
	padding-top: 20px;
	float: left;
	margin-right: 1px;
	width: 148px;
	height: 51px;
}
#accueil a {
	color: #000000;
	width: 100%;
	height: 100%;
	display: block;
}
#accueil a.active {
	color: #be0101;
	width: 100%;
	height: 100%;
	display: block;
}
#accueil a:hover, #accueil a:focus {
	color: #be0101;
	text-decoration: none;
}
#blog {
	padding-top: 20px;
	float: left;
	margin-left: 1px;
	margin-right: 1px;
	width: 149px;
	height: 51px;
}
#blog a {
	color: #000000;
	width: 100%;
	height: 100%;
	display: block;
}
#blog a.active {
	color: #009cff;
	width: 100%;
	height: 100%;
	display: block;
}
#blog a:hover, #blog a:focus {
	text-decoration: none;
	color: #009cff;
}
#informatique {
	padding-top: 20px;
	float: left;
	margin-left: 1px;
	margin-right: 1px;
	width: 148px;
	height: 51px;
}
#informatique a {
	color: #000000;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}
#informatique a.active {
	color: #69a236;
	width: 100%;
	height: 100%;
	display: block;
}
#informatique a:hover, #informatique a:focus {
	text-decoration: none;
	color: #69a236;
}
#contact {
	padding-top: 20px;
	float: left;
	margin-left: 1px;
	width: 149px;
	height: 51px;
}
#contact a {
	color: #000000;
	width: 100%;
	height: 100%;
	display: block;
}
#contact a.active {
	color: #be0101;
	width: 100%;
	height: 100%;
	display: block;
}
#contact a:hover, #contact a:focus {
	text-decoration: none;
	color: #be0101;
}


/*Colonnes*/
#main {
	background: transparent url("../images/main2.png") repeat-y;
	width: 1000px;
	margin: 0 auto;
}
#left {
	float: left;
	width: 200px;
	margin-left : 5px;
	margin-right: 0px;
	padding: 0px;
}
#content {
	float: left;
	width: 785px;
	margin-left : 5px;
	margin-right: 5px;
	padding: 0px;
}

/* Menu de Gauche */
.menuleft {
	width: 200px;
	margin-bottom: 5px;
}
.menuleft .top{
	width: 200px;
	height: 10px;
	background:  url("../images/menuleft_top.png");
}
.menuleft .middle{
	width: 200px;
	background:  url("../images/menuleft_loop.png") repeat-y;
}
.menuleft .bottom{
	width: 200px;
	height: 20px;
	background:  url("../images/menuleft_bottom.png");
}
.menuleft .middle .title {
	text-align: center;
	font-weight: bold;
	color: #009cff;
	padding: 10px auto;
	padding-top: 15px;
}
.menuleft .middle ul,.menuleft .middle ol {
	list-style:none;
	display:block;
	margin: 0px 10px;
}
.menuleft .middle .list  li{
	padding:6px 5px 0 5px;
}
.menuleft .middle .menu li {
	list-style: none;
	display: block;
}
.menuleft .middle .menu li a {
	color:#999;
	text-decoration:none;
	height:23px;
	display:block;
	padding:6px 5px 0 5px;
	overflow:hidden;
	border-bottom:1px solid #595959;

}
.menuleft .middle .menu li:hover {
	background:#9f9f9f;
	color:#EEE;
}
.menuleft .middle .tablecontents {
	border-bottom:1px solid #595959;
	margin: 5px;
}
.menuleft .middle .tablecontents ol {
	padding: 0px;
	margin: 0px;
	margin-bottom: 8px;
}

.menuleft .middle .tablecontents li {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	margin-bottom: 3px;
	background:url("../images/green/puce.gif") no-repeat left 6px;
	padding-left: 6px;
	margin-left: 2px;
}
.menuleft .middle .tablecontents li a {
	color: #999;
	text-decoration:none;
	overflow:hidden;
}
.menuleft .middle .tablecontents li a:hover {
	background:#9f9f9f;
	color:#EEE;
}
.menuleft .middle .menuexterne li {
	list-style: none;
	display: block;
}
.menuleft .middle .menuexterne li a {
	color:#7f7f7f;
	text-decoration:none;
	height:25px;
	display:block;
	padding:8px 5px 0 5px;
	overflow:hidden;
	border-bottom:1px solid #595959;

}
.menuleft .middle .menuexterne li a:hover {
	background:#9f9f9f;
	color:#EEE;
}
.menuleft .middle .rss li {
	list-style: none;
	display: block;
	background: transparent url("../images/rss.png") 0px 3px no-repeat;
	
}
.menuleft .middle .rss li a {
	color:#7f7f7f;
	text-decoration:none;
	height:18px;
	display:block;
	padding:3px 5px 0px 25px;
	overflow:hidden;
}
.menuleft .middle .rss li a:hover {
	color:#009cff;
	text-decoration: none;
}

#search {
	padding: 5px;
	text-align: center;
}

#search input {
	margin-bottom: 5px;
	height: 25px;
	width: 150px;
	/*padding: 1px 1px;*/
	text-align: center;
	border: 1px solid #454545;
	color: #595959;
}

/*Content*/
#content .post {
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 30px;
	background: url("../images/postfooter2.png") bottom left no-repeat;
	padding: 10px 10px 20px 10px;
}
#content .traduction {
	margin: 5px 20px 30px 10px;
}
#content .traduction .traduction_title {
	float: left;
	color: #3a3a3a;
	width: 400px;
	text-align: left;
}
#content .traduction .traduction_flags {
	float: right;
	width: 80px;
	text-align: right;
}
#content  #buttons {
	margin: 5px 20px 30px 10px;
}
#content  #buttons  #previous {
	float: left;
	background: url("../images/fleche_left.jpg") left no-repeat;
	padding-left: 18px; 
}
#content #buttons  #next {
	float: right;
	background: url("../images/fleche_right.jpg") right no-repeat;
	padding-right: 18px; 
}
#content #buttons  #return {
	/*background: url("../images/fleche_up.jpg") center no-repeat;*/
	text-align: center;
	padding-left: 18px;
}
#content .post .header {
	margin-bottom: 5px;
	margin-left: 5px;
}
#content .post .header .date {
	float: left;
	width: 83px;
	height: 27px;
	padding-top: 6px;
	background: url("../images/blue/date.png") no-repeat;
}
#content .post .header .date .day {
	float: left;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #fefefe;
}
#content .post .header .date .month {
	float: left;
	width: 53px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #3a3a3a;
}
#content .post .header .title {
	float: left;
	margin-left: 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 22px;
	color: #009cff;
}
#content .post .header .title a, #content .post .header .title a:hover {
	text-decoration: none;
}

#content .post .header .comments {
	float: right;
	text-align: right;
	color: #009cff;
	padding-right: 6px;
	font-size: 11px;
}
#content .post .header .author {
	text-align: left;
	color: #7f7f7f;
	font-size: 11px;
}
#content .post .entry p {
	text-align: justify;
	margin-bottom: 10px;
	padding-right: 5px;
}
#content .post .geo {
	float: left;
	width: 528px;
	margin-right: 2px;
}
#content .post .infos_geo {
	float: right;
	width: 182px;
	border-left: 1px solid silver;
	padding: 5px 2px;
	padding-right: 0px;
	text-align: center;
}
#content .post .infos_geo a {
	text-decoration: none;
}
#content .post .infos_geo .fullscreenbtn {
	margin-top: 10px;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	background: url('../images/fullscreen.png') 2px 2px no-repeat;
	color: ##009cff;
	text-decoration: none;
}
#content .post .infos_geo .fullscreenbtn:hover {
	font-style: italic;
	cursor: pointer;
} 
.entry blockquote {
	background:#F0F0F0;
	padding:15px 10px 15px 42px;
	border-left: 3px solid #CCC;
	margin-left:15px;
	margin-right:20px;
	margin-bottom: 5px;
}
#content .post .entry img {
	margin: 5px;
}

#content .post .entry .code  {
	background:#505050 url('../images/terminal_icon.png') 5px 2px no-repeat;
	font-family: console;
	font-size: 12px;
	padding:15px 10px 15px 42px;
	margin-left:20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	/*color: #3a3a3a;*/
	color: #fefefe;
	
}
#content .post .entry .note {
	background:#F0F0F0 url('../images/note2.png') 5px 2px no-repeat;
	/*background:#202020 url('../images/note.png') 5px 2px no-repeat; BLACKOUT*/	
	padding:15px 10px 15px 42px;
	border-left: 3px solid #CCC;
	margin-left:15px;
	margin-right:20px;
	margin-bottom: 5px;
	margin-top: 10px;
}

#content .post .entry ul {
	margin-left: 10px;
	margin-right: 5px;
}
#content .post .entry li {
	background:url("../images/blue/puce.gif") no-repeat left 6px;
	list-style: none;
	padding-left: 10px;
}
#content .post .entry h2 {
	text-align: justify;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
}
#content .post .entry h3 {
	text-align: justify;
	margin-bottom: 8px;
	padding-left: 12px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #7f7f7f;
}
#content .post .entry h4 {
	text-align: justify;
	margin-bottom: 6px;
	padding-left: 13px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px dotted #7f7f7f;
}
#content .post .entry .tablecontents {
	font-size: 12px;
	border: 1px dotted gray;
	margin-right: 25px;
	margin-left: 25px;
	padding: 5px;
}
#content .post .entry .tablecontents a, a:hover{
	color: #3a3a3a;
}
#content .post_footer {
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	padding: 10px;
	background: #fafafa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e6e6e6;
}
#content .post_footer .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#content .post_footer .content {
	padding-left: 10px;
}
#content .commentaires {
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 30px;
	padding: 10px 10px 20px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e6e6e6;
}
#content .commentaires .title {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
}
#content .commentaires .comment {
	margin: 0px 10px 20px 20px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
#content .commentaires .comment0 {
	margin: 0px 10px 20px 20px;
	background:#efefef;
	border-bottom: 1px solid #e6e6e6;
}
#content .commentaires .comment1 {
	margin: 0px 10px 20px 20px;
	background:#e0e0e0;
	border-bottom: 1px solid #e6e6e6;
}
#content .commentaires .comment0 .header {
	background: #e0e0e0;
	padding: 5px;
	margin-bottom: 5px;
	height: 40px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
}
#content .commentaires .comment1 .header {
	background:#efefef;
	padding: 5px;
	margin-bottom: 5px;
	height: 40px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
}
#content .commentaires .comment0 .header  img, #content .commentaires .comment1 .header  img{
	margin: 3px;
}
#content .commentaires .comment0 .header .avatar, #content .commentaires .comment1 .header .avatar {
	float: left;
	background: #fcfcfc;
	border: 1px solid #b2b2b2;
	width: 38px;
	height: 38px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content .commentaires .comment0 .header .author, #content .commentaires .comment1 .header .author {
	float: left;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 20px;
}
#content .commentaires .comment0 .header .date, #content .commentaires .comment1 .header .date {
	float: right;
	font-size:10px;
}
#content .commentaires .comment0 .entry, #content .commentaires .comment1 .entry {
	padding: 10px;
	text-align: justify;
	background:#f5f5f5;
}
/* Frontpage */
#content .frontpage {
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 30px;
	padding: 10px;
}
#content .frontpage .entry p {
	text-align: justify;
	margin-bottom: 10px;
}
#content .frontpage2 {
	margin-left: 55px;
	margin-right: 65px;
}
#content .frontpage2 #left {
	float: left;
	width: 200px;
}
#content .frontpage2 #right {
	float: right;
	width: 200px;
}
#content .frontpage2 .header {
	font-weight: bold;
	text-align: center;
	height: 24px;
	padding-top: 6px;
	background: url("../images/header_frontpage.png") top left no-repeat;
	color:#7f7f7f;
}
#content .frontpage2 .entry {
	text-align: left;
	padding-top: 10px;
	background: url("../images/frontpage_entry.png") top left no-repeat;
	color:#7f7f7f;
}
#content .frontpage2 .entry ul {
	list-style:none;
	display:block;
	margin: 0px 10px;
}
#content .frontpage2 .entry li{
	
}
#content .frontpage2 .entry li {
	list-style: none;
	display: block;
}

/* Informatique */
#content .info {
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 30px;
	padding: 10px 10px 20px 10px;
}
#content .info .header {
	margin-bottom: 5px;
	margin-left: 5px;
}
#content .info .header .title {
	float: left;
	margin-left: 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 22px;
	color: #69a236;
}
#content .info .entry p {
	text-align: justify;
	margin-bottom: 10px;
}

#content .info {
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 20px;
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #b2b2b2;
}
#content .info .info_title {
	margin-bottom: 5px;
	margin-left: 25px;
	margin-right: 25px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
	color: #69a236;
}
#content .info .header {
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
	padding-top: 10px;
	height: 138px;
	width: 128px;
}
#content .info .cat_title {
	float: right;
	margin-bottom: 5px;
	margin-right: 10px;
	padding-top: 50px;
	height: 138px;
	width: 550px;
	text-align: left;
	vertical-align: middle;
	font-size: 22px;
	color: #69a236;
}
#content .info .entry {
	text-align: left;
	margin-top: 10px;
	margin-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}
#content .info .entry .title {
	margin-left: 10px;
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: bold;
	color: #7f7f7f;
}
#content .info .entry ul {
	padding-left: 10px;
	padding-right: 20px;
}
/*
#content .info0 .entry li {
	background:url("../images/green/puce.gif") no-repeat left 6px;
	list-style: none;
	padding: 4px;
	padding-left: 10px;
	border-bottom: 1px solid #e6e6e6;
}
*/
#content .info .entry .howtos_list {
	padding-left: 10px;
	padding-right: 20px;
}
#content .info .entry .howtos_list .howtos_detail {
	height: 50px;
	border-bottom: 1px solid #b2b2b2;
	padding: 4px;
	padding-left: 10px;
	list-style: none;
}
#content .info .entry .howtos_list .howtos_detail .howtos_title {
	color: #69a236;
	font-weight: bold;
	height: 15px;
}
#content .info .entry .howtos_list a:hover .howtos_detail {
	background: #e6e6e6;
	border-bottom: 1px solid #808080;
}
#content .info .entry .howtos_list .howtos_detail .howtos_details {
	height: 35px;
	padding-top: 5px;
}
#content .info .entry .howtos_list .howtos_notes {
	float: left;
	width: 100px;
	padding-top: 13px;
}
#content .info .entry .howtos_list .howtos_view {
	float: right;
	width: 50px;
	padding-top: 14px;
	color: #808080;
	background: url('../images/view.png') 1px 13px no-repeat;
	padding-left: 20px;
	margin-right: 50px;
	font-size: 10px;
}
#content .info .entry .howtos_list .howtos_comments {
	float: right;
	width: 24px;
	height: 24px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 1px;
	font-size: 10px;
	margin-top: 10px;
}


#content .info1 {
	margin-left: 25px;
	margin-right: 35px;
	margin-bottom: 20px;
	padding: 10px 10px 20px 10px;
}
#content .info1 .header {
	margin-bottom: 5px;
	border-bottom: 1px dotted #69a236;
}
#content .info1 .header .title {
	float: right;
	margin-right: 5px;
	text-align: right;
	vertical-align: middle;
	font-size: 18px;
	color: #7f7f7f;
}
#content .info1 .header .image {
	float: right;
	margin-left: 5px;
	text-align: left;
	vertical-align: middle;
}
#content .info1 .entry {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-left: 5px;
}
#content .info1 .entry li {
	background:url("../images/green/puce.gif") no-repeat right 6px;
	list-style: none;
	padding-right: 10px;
}
/* Search */
#content .search {
	margin-left: 15px;
	margin-right: 25px;
	margin-bottom: 20px;
	padding: 10px 10px 20px 10px;
}
#content .search .header {
	margin-bottom: 5px;
	margin-left: 5px;
}
#content .search .header .titleinfo {
	float: left;
	margin-left: 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 18px;
	color: #69a236;
}
#content .search .header .title {
	float: left;
	margin-left: 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 18px;
	color: #be0101;
}
#content .search .header .result  {
	float: right;
	margin-right: 0px;
	padding-top: 8px;
	text-align: right;
	vertical-align: middle;
	font-size: 10px;
	color: #000;
}
#content .search .header .titleblog {
	float: left;
	margin-left: 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 18px;
	color: #009cff;
}
#content .search .entryinfo p {
	text-align: justify;
	margin-bottom: 5px;
	padding-right: 5px;
}
#content .search .entryinfo .detail {
	text-align: justify;
	margin-bottom: 5px;
	padding-right: 5px;
	font-size: 11px;
}
#content .search .entryblog .detail h2, h3, h4{
	font-size: 11px;
}
#content .search .entryinfo a, a:hover {
	color: #69a236;
}
#content .search .entryblog p {
	text-align: justify;
	margin-bottom: 5px;
	padding-right: 5px;
}
#content .search .entryblog  li {
	margin-bottom: 10px;
}
#content .search .entryblog .detail {
	text-align: justify;
	margin-bottom: 5px;
	padding-right: 5px;
	font-size: 11px;
}
#content .search .entryblog .detail h2, h3, h4{
	font-size: 11px;
}
#content .search .entryblog a, a:hover {
	color: #009cff;
}
#content .search .entry p {
	text-align: justify;
	margin-bottom: 5px;
	padding-right: 5px;
}
#content .search .entry a, a:hover {
	color: #be0101;
}

/* Footer */
#footer {
	background: transparent url("../images/footer2.png") no-repeat;
	width: 1000px;
	height: 25px;
	margin: 0 auto;
}
#legales {
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#legales p {
	font-size: 10px;
	text-align: center;
	margin-bottom: 5px;
}

/* SPECIAL HADOPI */
.hadopi_banner {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	height: 80px;
	margin: 0;
	z-index: 100;
	padding-top: 10px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	display: none;
}
.hadopi_banner a, .hadopi_banner a:hover {
	text-decoration: none;
	color: #FFFFFF;
}