html, body {
	background: #7C8B93;
	margin: 0px 0px 0px 50px;
	text-align: center;
}
#conteneur2 {
	padding: 0px;
	width: 1000px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
#conteneur {
	float: left;
	padding: 0px;
	width: 830px;
	height: 100%;
	text-align: left;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	background: url(img/bg.jpg) repeat-x;	
}
#cotedroit {
  float: right;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 167px;
	padding: 5px;	
}
#haut {
	background: url(img/logo.gif) repeat-x;
	height: 40px;
	width: 830px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	border-top: 1px #85969E;
	border-right: 1px #85969E;
	border-bottom: 2px solid #85969E;
	border-left: 1px #85969E;
	padding: 5px 0px 5px 0px;
}
#haut a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	vertical-align: bottom;
	border: 1px #DEDEDE;
	margin: 0px 3px;
}

#haut a:hover {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 3px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: 1px;
}
#logo {
	background-image: url(img/logo_site2.png);
	background-repeat : no-repeat;
	background-position:0px 0px;
	height: 36px;
	width: 190px;
	padding: 0 0px 0 37px;
	vertical-align: middle;
	margin-left: 3px;
	margin-top: 7px;
	float: left;
	border: 0px
	}

#logo p {
	background-image: none;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: 0px
}

#sloti {
	font: bold 10px sans-serif;
	color: #C0C0C0;
	margin: 0px;
	padding: 0px;
	border: 0px
	}

#nomsite {
	font: bold 16px sans-serif;
	color: #F1C757;
	margin: 0px;
	padding: 0px;
	border: 0px
	}
	
#presentation {
	height: auto;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	text-align: left;
	background: #EBEFF2 url(img/presentation.gif) no-repeat left bottom;
	background-size: cover;
	float: left;
	margin: 1px 0 0 0;
	padding: 5px 0 0 0;
	border-bottom: 4px solid #7B8A92;
}

#aff728 {
	height: auto;
	width: 728px;
	margin: 0px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
	}
	
#slogan {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	background: no-repeat;
	float: right;
	width: 0px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	padding:0px;
	margin: 0px;
	border: none;
}	
#menuhaut-right {
 	background: no-repeat;
	float: right;
	margin: 0;
	padding: 0;
}

#likeface {
  clear: both;
  float: right;
	margin: 5px 3px 0 0;
	padding: 0;
	vertical-align: middle;
}

#likeface span{
  float: right;
  margin:0 3px 0 0;
  vertical-align: middle;
  height: 21px;
}
#likeface span.marge-sup{margin:2px 2px 0 0;}
#likeface span a{padding: 0;margin:0;color: #000000;vertical-align: middle;}
#likeface span a:hover{padding: 0;margin:0;color: #000000;}
#menuhaut {
 	background: no-repeat;
	float: right;
	margin: 0px 20px 0 0;
	padding: 0px;
	height: auto;
}
#menuhaut a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 4px 0px 0px;
	padding: 0;
	height: 21px;
	vertical-align: middle;
}
#menuhaut a:hover {
  color: #FFFFFF;
	margin: 0px 4px 0px 0px;
	padding: 0;
}
#menuhaut img {
  vertical-align: top;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
}
#menuhaut .marge-zero {margin:0px;}
#menuhaut a.marge-zero:hover {margin:0px;}
#navhaut {
	float: right;
	height: 16px;
	margin: 3px 0 0px 0;
	padding: auto 0 0 0;
	border: 0px
}

#navhaut a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	margin: 5px 3px 0px 3px;
	vertical-align: bottom;
	padding: 2px 8px 2px 8px;
	border-top: 1px #DEDEDE;
	border-right: 1px #DEDEDE;
	border-bottom: 1px #DEDEDE;
	border-left: 1px #DEDEDE;
	background: #7B8A92;
}

#navhaut a:hover {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	vertical-align: bottom;
	border-top: 1px #DEDEDE;
	border-right: 1px #DEDEDE;
	border-bottom: 1px #DEDEDE;
	border-left: 1px #DEDEDE;
	background: #FFDE7B;
}
#bas {
	height: 40px;
	float: left;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	background: #EBEFF2 url(img/corps.gif) no-repeat left bottom;
  width: 830px;
  text-align: center;
  margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 20px;
}

#lienkit {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	vertical-align: top;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

#corps {
	font: 13px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	height: 100%;
	width: 830px;
	background: #EBEFF2;
	vertical-align: middle;
	margin: 0px;
	float: left;
	padding: 0px;
	border: 0px
}

#pubdroit {
  float: left;
  width: 120px;
	text-decoration: none;
	margin: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	border: 0px
}

#principal {
	float: right;
	height: 100%;
	width: 660px;
	padding: 5px 5px 0px;
	border-top: 1px solid #EBEFF2;
	border-right: 1px #EBEFF2;
	border-bottom: 1px #EBEFF2;
	border-left: 1px #EBEFF2;
	background: #fffBfB url(img/bas.gif) no-repeat left bottom;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#xiti {
	float: left;
	width: 830px;
	padding: auto;
	background: #7B8A92;
	margin: auto;
	text-align: center;
}

#post {
  float: left;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	width: 650px;
	height: 100%;
	margin: 5px 5px 0px;
	padding: 0px 5px 20px 0px;
	
}

#Page {
	float: center;
	width: 90%;
	height: 550px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#PageG {
	width: auto;
	height: 100%;
	min-height:680px;
	margin: 0px 5px 0px 5px;
	padding: 0px;  
	text-decoration: none;
}
#google {
	width: 300px;
	min-height:37px;
	text-align: center;margin: 1px auto 0px auto;
	padding: 0px;  
	text-decoration: none;
}
#googleresult2 {
	min-height:5px;
	margin: 0;
	padding: 0;  
}
#googleresult {min-height:400px;}
#PageG td {padding:3px;margin:1px; vertical-align: middle;}
#PageG img {vertical-align: middle;padding:0px 2px 1px 2px;}
#PageG p {padding:0px;margin:9px 3px 9px 3px;}
#PageG h1 {margin: 0px 0 6px 0;}
#captchat img {vertical-align: none;padding:0px;margin:0px;}
#captchat {width: 315px;}
#PageD {
	width: 0px;
	margin: 0;
	padding: 0;
}
#navigation {
	float: right;
	width: 140px;
	height: 100%;
	text-align: left;
	text-decoration: none;
	border: #EBEFF2;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 1px;
	margin-right: 3px;
	margin-left: 3px;
}
h1, h2 {
	background: #EBEFF2 url(img/sqr2.png) no-repeat left;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	border-top: 1px #7B8A92;
	border-right: 1px #7B8A92;
	border-bottom: 1px solid #7B8A92;
	border-left: 1px #7B8A92;
	padding: 2px 2px 2px 18px;
	margin:0 0 3px 0;
}

h3 {
	background: url(img/sqr2.png) no-repeat left;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	border-top: 1px #7B8A92;
	border-right: 1px #7B8A92;
	border-bottom: 1px solid #7B8A92;
	border-left: 1px #7B8A92;
	padding: 2px 2px 2px 18px;
	margin: 11px 0 6px 0;
}

h4 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	padding: 2px;
	margin: 8px;
}

h5 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	padding: 2px;
	margin: 12px;
}

li {
  font: bold 12px Arial, Helvetica, sans-serif;
	color: #000066;
	list-style-type: none;
	background-image: url(img/puce.png);
	background-repeat: no-repeat;
	padding: 3px;
	padding-left: 15px;
	background-position: left center;
	vertical-align: middle;
}

#article li {
  font: bold 13px Arial, Helvetica, sans-serif;
	color: #000066;
	list-style-type: none;
	background-image: none;
	background-repeat: no-repeat;
	padding: 1px;
	padding-left: 1px;
}
#article p {
  font: normal 12px Verdana,Arial, Helvetica, sans-serif;
}

#article .indpage {
  clear: both;
  margin: 5px 0 0 0;
	padding: 1px;
	text-align: center;
}

#article .imagecentre {
  margin: 0;
	padding: 5px;
	text-align: center;
}
#article .liensuiv {
  float: right;
	padding: 15px 20px 0 0px;
	margin: 1px;
}
#article .lienprec {
  float: left;
	padding: 15px 0 0 20px;
	margin: 1px;
}

#article .copy {
  clear: both;
  font: bold 10px Verdana,Arial, Helvetica, sans-serif;
  margin: 10px 0 0 0;
	padding: 1px;
	text-align: center;
}
img.no-border {
	border: none;
}

#centre {
	text-align: center;
	margin: 15px auto 0px auto;
	padding: 2px;
}

#liens {
	text-align:left;
	width: 100%;
	border: 1px #EBEFF2;
	background-color: #F6F8F9;
}
#liens img {
  vertical-align: top;
	border: none;
	padding: 0px 2px 0px 0px;
	margin: 0px;
}
#liens p{
	background-color: #F6F8F9;
	text-align: left;
	height: 15px;
	border-top: 1px #CCCCCC;
	border-right: 1px #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px #CCCCCC;
	vertical-align: middle;
	margin: 0px;
	padding: 0 0 0 2px;
}

#liens a {
  text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	color: #2F5689;
}

#liens a:hover {
	margin-bottom: 1px;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#liens p:hover {
	background-color: #FFDE7B;
}
input {
	font-size: 13px;
	color: #666666;
	background-color: #FFF;
	border: 1px solid #CCC;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 4px;
	margin: 0 6px 0 0;
	vertical-align: middle;
}
input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}
#login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #333333;
	margin-top: 0px;
	padding: 0px;
}
#recherche {
	font: 12px Arial, Helvetica, sans-serif;
	color: #2F5689;
	text-decoration: none;
	background: no-repeat;
	float: right;
	width: 200px;
	text-transform: uppercase;
	text-align: right;
}
#login p {
	margin: 0px 0px 5px;
	padding: 5px 0px 0px;
}
#ip, #ip4 {
  font: bold 26px Tahoma, Arial, Helvetica, sans-serif;
  color: #cc0000;
}
#ip6 {
  font: bold 16px Tahoma, Arial, Helvetica, sans-serif;
  color: #cc0000;
}
#slide {
  z-index:100;
  position:absolute;
  text-align:left;
	width: 315px;
	height: 265px;
	background: #49AFCD;
  border-radius:4px;
  text-decoration:none;
  padding:0px 0px 15px 15px;
  margin:0 0 0 5px;
  }
  
#slide .divF {
background: url('img/ferme.png') no-repeat scroll right top transparent;
width: 16px;
height: 16px;
cursor: pointer;
margin: 0;
float:right;
}
/* additional classes */
.clno {background: #EBEFF2;height: 15px;border: 0px;margin: 0px;padding: 0 0 0 2px;}
.clip {font: bold 26px Tahoma, Arial, Helvetica, sans-serif;color: #cc0000;}
.clip20 {font: bold 19px Tahoma, Arial, Helvetica, sans-serif;color: #cc0000;}
.coment{margin:15px 20px 2px 2px;color: grey; font-size: 0.8em; font-style: italic;}
.float-right {float: right;}
.float-left {float:left;}
img.float-left {float:left; margin:0 4px 4px 0}
.haut100 {height: 100px;}
.cred {color: red;}
.cvert {color: #32CD32;}
.detail{margin-left: 6px;}
.padding-zero {padding: 0px;}
.marge-zero {margin:0px;}
.marge-ico {margin:5px;border: 0px;}
.clearall { clear: both; }
.classcentre {text-align: center;margin: 0px auto 0px auto;padding: 2px;}
.detail a{font-size: 10px;font-weight: normal;float: none;color: #003399;text-decoration: none;}
.detail a:hover {color: #003399;text-decoration: none;}
.DetailGros{font: bold 18px Tahoma, Arial, Helvetica, sans-serif; color: #003399;}
.DetailGros a {color: #cc0000;}
.DetailGros a:hover {color: #cc0000;}
.Gros{font: bold 14px Verdana,Arial, Helvetica, sans-serif;}
.Avantresult {min-height:200px;margin: 3px 0px 0px 1px;padding: 0;}
.Vd{display: none;}
.centermdp {margin: 0;position: relative;}
.icon-eye.icon-eye-slash {background-position: 0 0;}
.icon-eye {position: absolute;right: 14px;width: 14px;height: 14px;background: url(img/eye.png) 0 -14px no-repeat;top: 0;bottom: 0;margin: auto;opacity: .4;cursor: pointer;}
#pssw:focus + .icon-eye, .icon-eye:hover {opacity: 1;}
icon-eye-slash {background-position: 0 0;}
#captchat {display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 20px 0 0 120px;}
.btn-info {
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #49AFCD;
    background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn {
    display: inline-block;
    padding: 1px 2px 2px 2px;
    margin-bottom: 0px;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
#cookie-bar a{color:#fff;display:inline-block;border-radius:3px;text-decoration:none;padding:2px 6px;margin-left:8px;margin-top:8px}