/*
Theme Name: Imbalance 2
Theme URI: http://www.wpshower.com/
Description: Imbalance 2 turns you Wordpress-based website to an attractive blog, portfolio or even online magazine. This free template designed in strict modern style with a minimalistic touch. Imbalance 2 can easily fresh up your web-magazine or blog. Due to modern flexible features and layout Imbalance 2 fits to almost any project and your visitors won't remain indifferent.
Author: WPSHOWER
Author URI: http://www.wpshower.com
Version: 1.0.3
License: GNU General Public License
License URI: license.txt
Tags: fluid, grid, blog, magazine, imbalance
*/


html, body, form, ul, li, table, td { margin: 0; padding: 0; font-size: 75%;}
body {
	position: relative;
	background-color: #DDDDDD;
	color: #333;
}
body, input, textarea {
	font-size: 1.1rem;
	font-family: "Helvetica Neue",Helvetica,Arial,"Sans-Serif";
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
td { vertical-align: top; }
/*ul { list-style-position: inside; }*/
h1 {
	font-size: 2rem;
	font-family: 'gt_walsheimbold';
	font-weight: normal;
}
h2 { font-size: 1.5rem; }
h3 { font-size: 1rem; }
::selection {
	background-color: #E83F36;
	color: yellow;
}
::-moz-selection {
	background-color: #E83F36;
	color: yellow;
}
blockquote { border-left-width: 3px; border-left-style: solid; margin-left: 7px; padding-left: 20px; font-size: 1.33rem; color: #636363; }
.clear { clear: both; }
.main_separator { color: #9C9C9C; }
.wrapper { padding-top: 31px; }
#header {
	float: left;
	width: 100%;
	/*border-bottom: 1px solid #9C9C9C;*/
	padding-bottom: 0;
}

#clip{
	float: left;
	width: 465px;
	height: 400px;
	/*background-color:#E83F36;*/
	background-image: url('http://www.gsara.tv/grandemesse/wp-content/themes/imbalance2/images/clip.png');
	margin-bottom: 20px;
}

.boxBanner{
	width: 465px;
	height: 400px;
	position: relative;
	z-index: 2;
	/*background-color:#787845;*/
}

#carles{
	float: right;
	background-image: url('http://www.gsara.tv/grandemesse/wp-content/themes/imbalance2/images/correa.png');
}

#dossier{
	float: left;
	background-image: url('http://www.gsara.tv/grandemesse/wp-content/themes/imbalance2/images/dossierImg.png');
	margin-top: 30px;
	margin-bottom: 30px;
}

#decroissance{
	float: right;
	background-image: url('http://www.gsara.tv/grandemesse/wp-content/themes/imbalance2/images/decroissance.png');
	margin-top: 30px;
	margin-bottom: 30px;
}

.boxTexte{
	position: absolute;
	margin-right: 5%;
	margin-top: 60%;
	padding: 20px;
	background-color: black;
	color: #ffffff;
	font-family: 'gt_walsheimbold';
	z-index: 3;
	right: 2%;

}

.bicho{
	background-color: #E83F36;
	position: absolute;
	margin: 20px;
	padding: 20px;
	z-index: 20;
}

#boxTexteClip{
	margin-right: 5%;
	margin-top: 35%;
}

.sousTitreBloc{
	margin-top: 5px;
	font-family: arial;
	color: #cccccc;
}

.trame_noire {
	position: absolute;
    background-image: url("http://www.gsara.tv/grandemesse/wp-content/themes/imbalance2/images/tramenoireB.png");
    width: 465px;
    height: 400px;
    z-index: 3;
    display: none;
}

.boxBanner:hover .trame_noire {
	display: inline-block;
}

.boxBanner:hover .boxTexte {
	background-color: #E83F36;
	color: #000000;
	text-decoration: none;
}

.boxBanner:hover .sousTitreBloc {
	color: #FFEF27;
}

#site-title {
	float: left;
	width: 450px;
	height: 75px;
	/*height: 100px;*/
	margin-right: 40px;
	overflow: hidden;
	line-height: 2.3rem;
	font-size: 2rem;
	/*background-color: #FF7056;*/
	background-color: #E83F36;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;
	/*background-image: url(http://gsara.tv/causes/logoCT.png);*/
	/*background-repeat: no-repeat;*/
}
#site-title:hover {
	background-color: #484848;
}
#imgTitle{
	background-image: url('http://www.gsara.tv/grandemesse/wp-content/themes/imbalance2/images/titre3.png');
	background-size: 450px 75px;
	background-repeat: no-repeat;
	width: 450px;
	height: 75px;
	margin: O;
}

#site-title a { color: #333; font-weight: bold; text-decoration: none; }
#header-left {
	float: left;
	width: 330px;
	/*padding-right: 40px;*/
	/*background-color: #E83F36;*/
}
#header-center {
	font-family: 'gt_walsheimbold';
	float: left;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
	/*background-color: green;*/
}

#search {
	float: right;
	width: 287px;
	margin-top: 25px;
}

#search label, #search input[type=submit] { display: none; }
#search input[type=text] {
	width: 140px;
	/*padding: 7px 9px;*/
	margin: 0;
	border-bottom: 1px solid #000000;
	font-size: 1.05rem;
	outline: none;
}
#search-form input{
	background-color: transparent;
	height: auto;
	padding: 0px 5px;
}
.rechercher{
	/*float: left;*/
	display: inline;
	margin-right: 5px;
	font-family: 'gt_walsheimbold';
	text-transform: uppercase;
}
.search-text{
	font-family: 'PT Serif',​serif;
	font-weight: lighter;
	font-style: italic;
	font-size: 1rem;
	color: #000;
	letter-spacing: 0;
}
#search-form input[type="submit"] {
    border: 0 none;
    font-family: 'gt_walsheimbold';
    padding: 0;
    width: inherit;
    display: inline-block;
    color: #000;
    letter-spacing: 0;
}
#page_search input[type=submit] { display: none; }
.menu ul { list-style-type: none; }
#header-center .menu li {
	display: inline;
	float: left;
}

.sub-menu li {
	position: absolute;
	margin-top: 5px;
}

#header-center .menu .sub-menu li ul li{
	position: relative;
	background-color: #595959;
	clear: both;
	/*display: none;*/
}

#header-center .menu .sub-menu li ul {
	opacity: 0;
	float: left;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

#header-center .menu li:hover ul li ul {
	opacity: 1;
}


#header-center .menu .sub-menu li ul li a{
	float: left;
	margin: 0;
	color: #eeeeee;
	padding: 6px 8px 4px 8px;
}

#header-center .menu .sub-menu li ul li a:hover{
	color: #FF7056;
	background-color: black;
}


#header-center .menu li a{
	color: #303030;
    font-size: 1.33rem;
    /*font-weight: bold;*/
    margin-right: 30px;
    padding: 0;
}

#header-center .menu li a:hover{
	color: #E83F36;
}

.menu ul li {
	/*padding-bottom: 9px;*/
}
.menu ul a { line-height: 1.1rem; color: #303030; text-decoration: none; }
#boxes { float: left; width: 100%; margin-top: 40px; }

.box {
	float: left;
	width: 210px;
	margin-bottom: 70px;
	color: #636363;
}

.box .rel { position: relative; }
.box .rel p { margin: 0; }
.box .texts { position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;}
.box .texts .categories a, .box .texts a, .box .texts .posted, .box .texts .posted a, .box .texts5 .posted, .box .texts5 .posted a { color: #fff; }
.box .texts .transparent img { opacity: 0.1; filter: alpha(opacity=10); }
.box .texts .abs { position: absolute; top: 0; }
.box .categories { padding-bottom: 10px; }
.box .categories a, .box .posted a { color: #a1a1a1; }
.box h1 { margin: 0; padding-bottom: 10px; font-size: 1.33rem; }
.box h1 a { color: #333; }
.box .posted { padding-top: 10px; color: #a1a1a1; }
.box img { display: block; }
.fetch { clear: both; width: 460px; margin: 0 auto 40px; background: #f9f9f9; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }
.fetch a { display: block; height: 40px; line-height: 3.33rem; font-size: 1.33rem; font-weight: bold; color: #333; text-decoration: none; }
.fetch:hover a { color: #fff; }
#content {
	border-top: 1px solid #9c9c9c;
	margin-top: 50px;
	float: left;
	padding-bottom: 20px;
	min-height: 650px;
}
#nav-above { float: left; width: 210px; padding-right: 40px; text-align: right; color: #636363; }
#nav-above a { text-decoration: none; color: #333; }
.nav-previous, .nav-next { display: inline; }
.nav-separator { color: #e5e5e5; }
.post_title { margin-top: 35px; overflow: hidden; }
.post_title h1 { margin: 0 0 10px 250px; font-size: 2.3rem; line-height: 3rem; width: 710px; }
.entry-title, .page-title { margin-left: 250px; margin-top: 35px; }
.entry-meta { padding-bottom: 30px; color: #636363; }
.entry-meta a { color: #333; text-decoration: none; }
#wides { clear: both; }
.entry-aside { width: 210px; padding-right: 40px; vertical-align: middle; }
.entry-content-right { width: 710px; font-size: 1.3rem; line-height: 1.7rem; }
.entry-content { width: 710px; margin-left: 250px; font-size: 1.3rem; line-height: 1.7rem; }
.entry-utility { padding: 10px 0; }
.entry-tags { margin: 10px 0; }
.entry-tags span { font-weight: bolder; }
#social { padding: 20px 0 0 0; }
.twitter-share-button { float: left; margin: 2px 20px 0 0; }
.post img, .page img { margin: 20px 0; }
.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }
.post .alignright, .page .alignright { float: right; margin-left: 20px; }
.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }
#comments { padding: 0 0 0 246px; width: 714px; }
#comments-title { font-size: 1.7rem; margin: 40px 0 20px 4px; }
.commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist ul.children { list-style: none; }
.commentlist li > div { position: relative; border-bottom: 1px solid #9C9C9C; padding: 30px 0 30px 4px; }
.commentlist li li > div { margin-left: 90px; }
.commentlist li li li > div { margin-left: 180px; }
.commentlist li li li li > div { margin-left: 270px; }
.commentlist li li li li li > div { margin-left: 360px; }
.comment-avatar { position: absolute; top: 30px; left: -96px; }
.comment-content { margin-left: 96px; border-bottom: 1px solid #9C9C9C; }
.comment-author { float: left; width: 210px; padding-right: 40px; font-size: 1.3rem; }
cite { font-style: normal; font-weight: bold; }
.comment-meta { float: left; width: 210px; padding-right: 40px; color: #999999; }
.comment-body { clear: both; padding-top: 7px; font-size: 1.3rem; line-height: 1.7rem; }
#respond { padding-left: 4px; }
li.comment > div { position: relative; }
.reply { position: absolute; top: 30px; right: 20px; }
#reply-title { font-size: 1.7rem; }
.comment-reply-link { display: none; }
.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 460px; margin: 0; padding: 10px 0; }
.comment-form-comment { clear: both; width: 460px; margin: 0; padding: 10px 0; }
//input[type="text"], textarea { background: #fff; border: 1px solid #ccc; padding: 8px; outline: none; color: #6b6b6b; -moz-border-radius: 4px; border-radius: 4px; }
#comments input[type="text"] { width: 442px; }
#comments textarea { width: 442px; }
.form-submit { margin-bottom: 40px; }
.form-submit input { width: 460px; padding: 6px 0; color: #fff; font-size: 1.3rem; font-weight: bold; cursor: pointer; border: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }
.recent { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ccc; }
#footer {
	float: left;
	padding: 30px 0 50px;
	border-top: 1px solid #9C9C9C;
}
#site-info { float: left; width: 20rem; padding-right: 40px; line-height: 1.83rem;}
/*#site-info { float: left; width: 460px; padding-right: 40px; line-height: 22px; }*/
#site-info a { font-weight: bold; text-decoration: none; color: #333; }
#footer-left { float: right; width: 210px; padding-right: 40px; }
#footer-right { float: right; width: 210px; }
#infscr-loading { background: none repeat scroll 0 0 #000000; bottom: 40px; color: #FFFFFF; height: 100px; left: 40%; opacity: 0.8; padding: 10px; position: fixed; width: 200px; z-index: 5000; border-radius: 10px; }

#header-center .current-menu-item li a{
    color: #5F55FF;
}

#header-left .menu li {
    display: block;
    float: left;
    height: 2.1rem;
    margin-bottom: 14px;
    margin-right: 6px;
    width: 46%;
    padding: 0;
}

#header-left .menu li a {
	background-color: #484848;
	color: #E83F36;
    color: #EEEEEE;
    display: block;
    height: 93%;
    padding-top: 10px;
    padding-left: 15px;
    /*text-align: center;*/
    text-decoration: none;
    font-size: 0.96rem;
    /*font-weight: bold;*/
    letter-spacing: 0.8px;
}

#header-left .menu li a:hover {
    background-color: #DDDDDD;
    color: #000000;
    text-decoration: none;
    transition-duration: 550ms;
    transition-property: all;
}

#header-right {
	float: right;
	width: 287px;
	margin: 0px 0 0 10px;
	font-size: 1.4rem;
}

#header-right .menu ul {
	float: left;
    border: 3px solid #000;
    padding: 2px 8px 1px;
    background-color: #ffffff;
    /*width: auto;*/
}

#header-right a{
	/*padding: 0;*/
	font-size: 14px;
	margin: 0;
	font-family: 'gt_walsheimbold', arial;
}

.attachment-homepage-thumb {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.box .texts .attachment-homepage-thumb {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

.text1{
	background-color: blue;
}

.text2{
	background-color: green;
}

#monform{
    margin-top: 40px;
}

fieldset{
	margin: 0;
	padding: 0;
	border: none;
}

label{
    display: inline-block;
    width: 100px;
    margin-top: 4px;
}

input {
    height: 22px;
    width: 300px;
}
input, textarea {
    background-color: #484848;
    border: 1px none;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.16rem;
    letter-spacing: 2px;
    margin-bottom: 5px;
    padding: 0 0 0 10px;
}

.social{
	float: right;
	/*background: #E83F36;*/
	height: 30px;
	width: 30px;
	overflow: hidden;
}

.social a{
	font-family: 'icomoon';
	font-size: 2.3rem;
	color: #868686;
	text-decoration: none;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.twitter p{
	transition: margin-top 0.3s ease-out 0s;
    overflow: hidden;
    margin: 0;
    color: #000000;
    background-image: url(images/twitter2.png);
    background-size: 30px;
    height: 30px;
    z-index:1;
}

.facebook {
	margin-right: 10px;
}

.facebook p{
	transition: margin-top 0.3s ease-out 0s;
    overflow: hidden;
    margin: 0;
    color: #000000;
    background-image: url(images/facebook2.png);
    background-size: 30px;
    height: 30px;
    z-index:1;
}

.social a:hover{
	//color: #ffffff;
}

.social a:hover p{
    margin-top:-30px;
}

.iconTwitter{
    background-image: url(images/twitter1.png);
    background-size: 30px;
    height: 30px;
//    opacity: 0.5;
    z-index:40;
}

.iconFacebook{
    background-image: url(images/facebook1.png);
    background-size: 30px;
    height: 30px;
//    opacity: 0.5;
    z-index:40;
}

.btFacebook:before, .btTwitter:before{
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1rem;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.archives .post img, .archives .page img{
	margin: 0;
	width: 210px;
	height: auto;
	/*margin-right: 35px;*/
	/*height: 200px;*/
	z-index: 1;
}

.archives .post a, .archives .page a{
	margin: 0;
	/*margin-right: 35px;*/
	/*height: 200px;*/
	z-index: 50;
}

.archives > .wp-caption {
	background-color: green;
	width: 200px;
	height: 310px;
	/*height: 200px;*/
	float: left;
	margin-right: 35px;
	margin-bottom: 35px;
	overflow: hidden;
}

.archives > .wp-caption p{
	position: relative;
	z-index: 50;
	font-size: 1.33rem;
    background-color: #000000;
    padding: 50px;
    transition: margin-top 0.4s ease-out 0s;
    margin: 0;
    height: 150px;
    font-family: 'gt_walsheimbold', arial;
    color: #ffffff;
    font-size: 2.5rem;
}

.archives > .wp-caption:hover > p{
	margin-top: -150px;
}

.archives .entry-content {
	width: 100%;
}

.wp-caption-text {
	font-size: 1rem;
	opacity: 0.8;
	margin-top: 0;
}

.exergue{
	font-size: 1.5rem;
	font-style: italic;
	font-weight: bold;
	color: #84c6b6;
	width: 50%;
	float: right;
	margin: 10px;
	margin-bottom: 10px;
	font-family: 'gt_walsheimbold', arial;
}

#site-logo{
	float: left;
	width: 20rem;
	padding-right: 40px;
}

#logoGsara{
	background-image: url(http://www.gsara.tv/causes/wp-content/themes/imbalance2/images/LogoGsara.svg);
	background-size: 45px 60px;
	height: 60px;
	width: 45px;
}

 #logoFWB{
	background-image: url(http://www.gsara.tv/causes/wp-content/themes/imbalance2/images/fwb.svg);
	background-size: 63px 60px;
	height: 60px;
	width: 63px;
}

.logos img{
opacity: 1;
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
border:0;
}

.logos img:hover{
opacity:0;
}




@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?9p1d4t');
	src:url('fonts/icomoon.eot?#iefix9p1d4t') format('embedded-opentype'),
		url('fonts/icomoon.woff?9p1d4t') format('woff'),
		url('fonts/icomoon.ttf?9p1d4t') format('truetype'),
		url('fonts/icomoon.svg?9p1d4t#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1rem;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-f:before {
	content: "\20";
}
.icon-t:before {
	content: "\21";
}

@font-face {
    font-family: 'gt_walsheimbold';
    src: url('fonts/gt_walsheim_bold-webfont.eot');
    src: url('fonts/gt_walsheim_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gt_walsheim_bold-webfont.woff') format('woff'),
         url('fonts/gt_walsheim_bold-webfont.ttf') format('truetype'),
         url('fonts/gt_walsheim_bold-webfont.svg#gt_walsheimbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*----------------media-query------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

@media screen and (max-width:1050px){
	body{
		/*background-color: #E83F36;*/
	}

	#header-left {
    	clear: both;
    	margin-top: 20px;
	}
	#search {
		/*float: left;*/
		/*clear: both;*/
		margin-top: 20px;
	}
	#header-right{
		margin-top: 2rem;
		/*float: left;*/
	}
	#header-center .menu li {
	margin-bottom: 10px;
	}
}

@media screen and (max-width:730px){
	body{
		/*background-color: green;*/
	}
	#header-right{
		float: left;
		margin-top: 20px;
		margin-left: 0;
	}
	#header-center{
		border-top: 1px solid #9C9C9C;
		margin-top: 20px;
		padding-top: 30px;
	}
	#header{
		padding-bottom: 20px;
	}
}

/*------------Portrait-------------*/
.box .texts5 {
	position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #a4b1e0;
    border: 20px solid #a4b1e0;
}
.texts5 h1 a, .texts5 .categories a, .texts5 .posted a, .box .texts5 .posted, .box .texts5 .main_separator {
 	color: #FFFFFF;
}

.box .texts4 {
	position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #79C4ED;
    border: 20px solid #79C4ED;
}
.texts4 h1 a, .texts4 .categories a, .texts4 .posted a, .box .texts4 .posted, .box .texts4 .main_separator {
 	color: #FFFFFF;
}

.box .texts2 {
	position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #E83F36;
    border: 20px solid #E83F36;
}

.texts2 h1 a, .texts2 .categories a, .texts2 .posted a, .box .texts2 .posted, .box .texts2 .main_separator {
 	color: #FFFFFF;
}

/*------------Mémoire(s)-------------*/
.box .texts3 {
	position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #d5c795;
    border: 20px solid #d5c795;
}
.texts3 h1 a, .texts3 .categories a, .texts3 .posted a, .box .texts3 .posted, .box .texts3 .main_separator {
 	color: #000000;
}

/*------------Dossier-------------*/
/*------Dominance et Médias-------*/
.box .texts16 {
	position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #E83F36;
    border: 20px solid #E83F36;
}
.texts16 h1 a, .texts16 .categories a, .texts16 .posted a, .box .texts16 .posted, .box .texts16 .main_separator {
 	color: #FFFFFF;
}

/*------------Dossier-------------*/
/*---------Décroissacne-----------*/
.box .texts17 {
	position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #E83F36;
    border: 20px solid #E83F36;
}
.texts1 h1 a, .texts16 .categories a, .texts16 .posted a, .box .texts16 .posted, .box .texts16 .main_separator {
 	color: #FFFFFF;
}

/*------------Revue de Web-------------*/
.box .texts18 {
	position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); transition-duration: 550ms; transition-duration: 550ms;
	background: none repeat scroll 0 0 #E83F36;
    border: 20px solid #E83F36;
}
.texts18 h1 a, .texts18 .categories a, .texts18 .posted a, .box .texts18 .posted, .box .texts18 .main_separator {
 	color: #FFFFFF;
}