body{
	margin:0px;
	font-family: "century gothic";
	overflow:scroll;
	background-color:#eff7f8;
}
.topbanner{
	height:150px;
	background-color:#65d1d1;
	padding-left:50%;
	border-bottom:solid;
	border-bottom-color:#000000;
}
.topin{
	width:900px;
	height:100px;
	margin-top:51px;
	float:left;
	margin-left:-450px;
	background-image: url("images/toppagesbg.png");
}
.bottom{
	background-color:#65d1d1;
	padding-left:50%;
}
.main{
	width:900px;
	float: left;
	margin-top:20px;
	margin-left:-450px;
	text-align:center;
}
.btn{
	padding-top:20px;
	width:100px;
	float:right;
	font-weight:bold;
	font-size:10pt;
	text-align:center
}
.btnhome{
	padding-top:20px;
	width:100px;
	float:left;
	font-weight:bold;
	font-size:10pt;
	text-align:center
}
.content{
	margin-top:5px;
	margin-bottom:20px;
	margin-right:23px;
	width:202px;
	height:270px;
	float:left;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari et Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.content_plus{
	margin-top:5px;
	margin-bottom:20px;
	margin-right:23px;
	background-image: linear-gradient(to bottom right, rgba(101,209,209,0), rgba(202,219,222,1));
	/*background-image: linear-gradient(to bottom right, #65d1d1, #cadbde);
	background-color:#65d1d1;*/
	width:202px;
	height:270px;
	float:left;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari et Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.content_over{
	margin-top:5px;
	margin-bottom:20px;
	margin-right:23px;
	background-color:#cadbde;
	width:202px;
	height:270px;
	float:left;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari et Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.caraplus{
	background-color:#65d1d1;
	float:left;
	height:7px;
	margin-top:8px;
	margin-bottom:4px;
}
.caramoins{
	background-color:#AAAAAA;
	float:left;
	height:7px;
	margin-top:8px;
	margin-bottom:4px;
}
.logdiv{
	float:right;
	width:100px;
	height:20px;
	margin-top:-20px;
	text-align:right;
}
.shoppingbar{
	float:left;
	width: 200px;
	height: 50px;
	text-align:middle;
	margin-bottom:-10px;
}
img {
  vertical-align:middle;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.topbar{
	width:900px;
	height:30px;
	padding-top:20px;
	text-align:center;
	margin-left:-450px;
	padding-left:50%;
}
.form_txtarea{
	width:380px;
	height:150px;
	resize:vertical;
	color: white;
	-moz-border-radius:4px;
	border:1px solid;
	border-color:#46b0ae;
	border-radius:4px;
	padding-left:10px;
	background-color:#65d1d1;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:5px;
}
.form_txt
{
	width:200px;
	color: white;
	-moz-border-radius:4px;
	border:1px solid;
	border-color:#46b0ae;
	border-radius:4px;
	padding-left:10px;
	background-color:#65d1d1;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:5px;
}

.comment_table{
	width:480px;
	background-color:#65d1d1;
	text-align:left;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
	border-radius:5px;
	border:none;
	border:0px;
	border-color:rgba(0, 0, 0, 0);
	background-color:#65d1d1;
	color:#eff7f8;	
}
.comment_avatar{
	width:120px;
	text-align:center;
	padding:5px;
	vertical-align:top;
	border-radius:5px;
}
.comment_img_avatar{
	border-radius:50%;
}
.comment_title{
	height:20px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	vertical-align:bottom;
	font-weight:bold;
	font-size:16pt;
}
.comment_body{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:top;
	background-color:#eff7f8;
	text-align:justify;
	color:#000000;
}
.comment_foot{
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:bottom;
	border-radius:5px;
}
.comment_gap{
	height:10px;
	background-color:#eff7f8;
	
}
.add_comment_form{
	width:480px;
	text-align:left;
	margin-top:10px;
	background-color:#65d1d1;
	border-radius:5px;
	
}
.add_comment_input{
	width:450px;
	margin-top:10px;
	margin-left:15px;
	margin-bottom:10px;
	background-color:#eff7f8;
	border-radius:5px;
	
}
.add_comment_submit{
	width:100px;
	margin-top:10px;
	margin-left:365px;
	margin-bottom:10px;
	background-color:#eff7f8;
	border-radius:5px;
	
}
.data{
	float:left;
	height:20px;
	border-radius:5px;
	margin:1px;
	padding-left:4px;
	padding-right:4px;
	background-color:#65d1d1;
}
.title1{
	margin-top:10px;
	margin-left:15px;
	color:#eff7f8;
}

a:link {
    color: black;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: black;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #65d1d1;
    text-decoration: none;
}

/* selected link */
a:active {
    color: #65d1d1;
    text-decoration: none;
}