#connexion_forum{
font-size: 14px;
margin-left: 10px;
}
img{
max-width: 90%;
}
.wrapavat img{
max-width: 100%;
} 
h1{
margin-top: 20px;
margin-bottom: 10px;
line-height: 25px;
text-align:none;
font-size: 25px;
}
h2{
margin-top: 10px;
margin-bottom: 5px;
font-variant: small-caps;
font-size: 16px;
color: #e38c11;
margin-left: 5px;
font-weight: 100;
}
h3{
margin-top: 5px;
margin-bottom: 5px;
}
h4{
font-size: 13px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
font-variant: small-caps;
font-weight: 300;
}
h6{
margin-top: 0px;
margin-bottom: 0px;

}
a{
text-decoration:none;
}
td{
width: 100%;
font-size: 13px;
}
td h6{
min-width: 100px;
text-align: right;
}
td h4{
min-width: 100px;
text-align: left;
}

.paginationtopic a{
	margin-right: 2px;
	margin-left: 2px;
}
.quoted{
display: block;
position: relative;
margin: 8px;
padding:5px;
border: 1px solid #b0b0b0;
overflow: hidden;
}
.message_forum a:link {color: #999;}
.message_forum a:visited {color: #999;}
.message_forum a:hover,.message_forum a:focus,.message_forum a:active {
color: #c0c0c0;
}
.lu a{
color: #c0c0c0;
}
.lu{
background-image: url('../Forum/lu.png');
background-repeat:no-repeat;
background-size: 22px 22px;
background-position:0px 12px;
padding-left: 40px;
position: relative;
display:block;
/*width: 90%;*/
/*margin: auto;*/
}
.lu a:hover, .lu a:focus,.lu a:active{
color: #c0c0c0;
}
.nonlu{
background-image: url('../Forum/no_lu.png');
background-repeat:no-repeat;
background-size: 22px 22px;
background-position:0px 12px;
padding-left: 40px;
position: relative;
display:block;
/*width: 90%;
margin: auto;*/
}
.nonlu a{
color: #f0f0f0;
}
.nonlu a:hover,.nonlu a:focus,.nonlu a:active{
color: #f0f0f0;
}
.catwrap{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
/*background: #333 none repeat scroll 0 0;*/
border: 3px solid #101010;
border-radius: 5px;
padding: 10px;
}
.footer,.footerep {
position: absolute;
bottom: 1%;
border: 1px solid #000000;  
background-color: #040404;
padding: 3px;
font-size: 12px;
cursor: pointer;
}
.footer{
position: fixed;
left: 15px;
}
.footerep{
position: fixed;
left: 50px;
}
.post{
position: relative;
width: 100%;
background-color: #e2e2e2;
border: 1px solid #808080;
color: #222;
min-height: 250px;
}
.post_info{
position: relative;
height: 25px;
background-color: #c7c7c7;
color: #333;
font-size: 95%;
padding-left: 5px;
font-weight: 700;
box-shadow: 0px 3px 2px #808080;
}
.post_info_gauche{
height: 25px;
display:inline;
position: absolute;
right: 0px;
font-size: 85%;
padding-left: 4px;
padding-right: 4px;
font-weight: 100;
line-height: 25px;
}
#formunewtop input, #formunewtop textarea, #formunewtop select,  form #message{
max-width: 90%;
/*margin: auto;*/
font-size: 14px;
/*width: 95%; 
height: 60%;*/
color: #666;
box-shadow: none;
background: #e0e0e0;
}
form #souscat{
display: inline-block;

}
#message{
width: 95%;
/*margin: auto;*/
}
.message_forum{
position: relative;
display: block;
top: 15px;
left: 145px;
margin-bottom:50px;
width: 70%;
text-align: justify;
text-justify: inter-word;
word-wrap:break-word;
}
.message_forum h1{
text-align: left;
}
.info_auteur{
position: absolute;
display: block;
width: 130px;
background-color: #d8d8d8;
height: 100%;
top:0px;
box-shadow: 1px 0px 2px #808080;
}
.auteur_info{
position: relative;
display: block;
top: 22px;
width: 110px;
height:180px;
left: 5px;
}
.nom_auteur{
position: absolute;
top:10px;
width: 100%;
text-align: center;
color: #333;
font-weight: 700;
}
.wrapavat{
position: absolute;
left: 30px;
top:35px;
width:60px;
height:60px;
overflow: hidden;
border-radius: 5px;
box-shadow: 1px 0px 2px #808080;
}
.titre_perso_fofo{
position: absolute;
color: #333;
text-align:center;
top: 100px;
width:100%;
word-break: break-word;
font-size: 85%;
}
/*formulaire nouveau sujet*/
#titre{
width: 350px;
}
input,textarea,select{
border: 0px;
margin: 4px;
padding: 2px;
background-color: #666;
border-radius: 5px;
color: #ddd;
box-shadow: inset 0px 1px 0px #2c2c2c, 0px 1px 0px #2c2c2c;
}
table{
width: 100%;
margin-bottom: 5px;
}
.mpo:hover{
cursor: pointer;
background-color: #1c1c1c;
}
.mp:hover{
cursor: pointer;
color: #5DC8CD;
}
#mid{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
padding: 15px;
}
#entete_fofo{
background-repeat:no-repeat;
position: relative;
display:block;
width: 100%;
height: 120px;
background-size:cover;
background-position: center center;
background-origin: content-box;
margin: auto;
text-align: center;
font-size: 33px;
line-height: 50px;
font-family: "Open Sans";
font-style:italic;
font-weight:bold;
}
.menu_forum{
position: relative;
display: inline-block;
height: 25px;
padding-top: 10px;
padding-left: 35px;
text-align: center;
font-size: 110%;
font-variant: small-caps;
font-weight: 600;
font-family: "Trebuchet MS";
}
#recherche{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
height: 20px;
}
#Forum{
position: relative;
margin: auto;
width: 90%;
padding-top: 20px;
max-width: 750px;
}
.perso {
background-color: #666666;
display: inline-block;
margin: 20px;
padding-bottom: 10px;
position: relative;
text-align: center;
width: 150px;
}
.perso_header{
background-color: #444444;
font-size: 105%;
position: relative;
width: 100%;
}
.ctcode{
width:28px;
height:24px;
display:inline-block;
background-color:#d0d0d0;
text-align:center;
color:#000000;
padding-top: 2px;
}
.ctcode:hover{
background-color:#4c4c4c;
}
#ctcodeall{
background-color: #171717;
padding: 5px;
margin: 5px;
}
#ctcodeall div{
margin: 1px;
}
.paginationtopic{
display:inline-block;
position:relative;
float: right;
}
.hrefdisable{
pointer-events: none;
cursor: default;
}
input[type=checkbox] {
visibility: hidden;
}
/* SQUARED ONE */
.squaredOne {
	width: 14px;
	height: 14px;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #d0d0d0 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #d0d0d0 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #d0d0d0 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #d0d0d0 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #d0d0d0 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#dfe5d7',GradientType=0 );
	margin: 0px auto;
	position: relative;
	display: inline-block;
	top: 3px;
	margin-right: 2px;
	margin-left: 2px;
}
.squaredOne label {
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 2px;
	top: 2px;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	background: -webkit-linear-gradient(top, #666 0%, #696e75 100%);
	background: -moz-linear-gradient(top, #666 0%, #696e75 100%);
	background: -o-linear-gradient(top, #666 0%, #696e75 100%);
	background: -ms-linear-gradient(top, #666 0%, #696e75 100%);
	background: linear-gradient(top, #666 0%, #696e75 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#696e75',GradientType=0 );
}
.squaredOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #00bf00;
	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);
	top: 1px;
	left: 1px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}
.squaredOne label:hover::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3;
}
.squaredOne input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.post_info_gauche a:link, .post_info_gauche a:visited, .post_info_gauche a:hover , .post_info_gauche a:focus ,.post_info_gauche a:active {
color: #666;
margin-right:8px; 
}
.classmenuforum{
margin-left:90px;
}
.menu_forum a, .menu_forum a:link, .menu_forum a:visited, .menu_forum a:hover , .menu_forum a:focus ,.menu_forum a:active {
color: #d0d0d0;
cursor: pointer;
}
.cattitle{
margin-top: 5px;
margin-bottom: 5px;
font-size: 19px;
display: inline-block;
font-weight: 700;
font-variant: small-caps;
}
.topictitle{
margin-top: 5px;
margin-bottom: 5px;
font-size: 15px;
font-variant: small-caps;
display: inline-block;
font-weight: 700;
}
@media screen and (max-width: 680px){	
	.message_forum{
		width:72%;
		left: 112px;
	}	
	.info_auteur{
		width: 100px;
	}
	.auteur_info{
		width: 90px;
	}
	.wrapavat{
		left: 15px;
	}
}
@media screen and (max-width: 580px){
	.message_forum{
		width:66%;
		left: 120px;
	}
	.info_auteur{
		width: 100px;
	}
	.auteur_info{
		width: 90px;
	}
	.wrapavat{
		left: 15px;
	}
}
@media screen and (max-width: 515px){
	.message_forum{
		width:66%;
		left: 110px;
	}
	.info_auteur{
		width: 100px;
	}
	.auteur_info{
		width: 90px;
	}
	.wrapavat{
		left: 15px;
	}
	.nom_auteur{
		width: 100%;
	}
	.titre_perso_fofo{
		width: 100%;
	}
}