/*
 *  Styles : Trucsweb.com
 */
 .carousel.c-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;

}
.carousel.c-fade .active.left,
.carousel.c-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.c-fade .next,
.carousel.c-fade .prev {
  left: 0;
  z-index: 1;
}
.carousel.c-fade .carousel-control {
  z-index: 3;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
 /* -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; */
}


.carousel-inner > .item > p {
	background-color:#eee;
	display: table-cell;
  vertical-align: middle;
	padding: 10px;
	font-size:1.2em;
	min-height:120px;
	vertical-align:middle;
	width:100%;
	height:120px;
}

img.milieu {vertical-align:middle;}
table.TableauBleu {margin-left:20px;border: #7b849c 4px dotted;padding:10px;}
table.TableauBleu th { font-size: .8em; font-weight: bold; text-align : center; background : #d6e3e4; background-image : url(/images/f_titreencart.png);background-position: top left;background-repeat: repeat-x;color: #018f9d; margin: 1px;padding: 3px; }
table.TableauBleu td { font-size: .8em;text-align : left; vertical-align:top;padding: 3px;}
table.TableauBleu td.source { padding:5px; text-align : left; font-size: 10px; background : #eee; font-style: italic; }
table.TableauBleu td.droite { text-align : right; }
table.TableauBleu td.centre { text-align : center; }
table.TableauBleu td.gauche {text-align : left;} 
table.TableauBleu td.milieu {vertical-align:middle;}
table.TableauBleu td.milieup {vertical-align:middle; background : #F4F4F2;} 
table.TableauBleu td.centrep { text-align : center; background : #F4F4F2;} 
table.TableauBleu td.gauchep {text-align : left; background : #F4F4F2;} 
table.TableauBleu td.droitep { text-align : right; background : #F4F4F2; } 
table td.centre { text-align : center; } 
table td.droite { text-align : right; }
table td.gauche {text-align : left;} 
table td.gauchep {text-align : left; background : #F4F4F2;} 
table td.droitep { text-align : right; background : #F4F4F2; } 
table.tableau_riche {background:#7B8A92;border:1px solid #DDD;border-radius:4px;border-spacing:1px;box-shadow:#CCC 2px 2px 4px;font-size:12px;-moz-border-radius:4px;-moz-box-shadow:#CCC 2px 2px 4px;-webkit-border-radius:4px;-webkit-box-shadow:#CCC 2px 2px 4px;width:100%}
table.tableau_riche thead, table.tableau_riche tfoot{background:#eeeeee url(/images/f_tr_p.png) repeat-x}
table.tableau_riche tfoot td{text-align:right;padding:2px 4px;text-shadow:#FFF 0 0 1px}
table.tableau_riche th{text-align:center;border:1px solid #DDD;padding:2px 4px;text-shadow:#FFF 0 0 1px;background:#eef1f5 url(/images/f_tr_p.png) repeat-x}
table.tableau_riche tbody{background:#ffffff}
table.tableau_riche tbody td{font-size:.9em;background:#ffffff url(/images/f_tr.png) repeat-x;color:#212730;padding:3px 4px}
table.tableau_riche .renverse td{border:1px solid #DDD;background:#eef1f5 url(/images/f_tr_p.png) repeat-x}
table.droite {text-align:right;}
table.centre {text-align:center;}
#twConteneurPop{	position: absolute;	left: 0;	width: 100%;	z-index: 1000;	text-align: center;	line-height: 0;	visibility: hidden;}
#twExterieurImage{	position: relative;	background-color: #fff;	width: 250px;	margin: 0 auto;	visibility: hidden;}
#twConteneurImage{	padding: 10px;	visibility: hidden;}
#twChargeur{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
#twConteneurLegende{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 250px;		visibility: hidden;	background-image : url(/images/b_twpopfermer.gif);background-position: bottom right;background-repeat: no-repeat;}
#twImageLegende{ padding-left: 10px;padding-top: 0;padding-right: 70px;color: #666;padding-bottom: 10px; float: left; text-align: left; font-weight: bold;}	
#twTrameGrise{	position: absolute;	top: 0;	left: 0;	z-index: 999;	width: 100%;	height: 500px;	background-color: #000;	-moz-opacity:0.40;	KhtmlOpacity:0.40;	opacity:0.40;	filter:alpha(opacity: 40);	visibility: hidden;}
#mbox{background-color:#eee; padding:8px; border:2px outset #666;}
#mbm{font-family:sans-serif;font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(../images/overlay.png);}
.dialog {display:none}
* html #ol{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");}
.EncartDroitConteneur{margin-left:20px;margin-top:0;margin-right:20px;margin-left:20px;margin-bottom:10px;border-radius: 4px;-moz-border-radius: 4px;	-webkit-border-radius: 4px;-moz-box-shadow:0px 0px 7px 2px #a6a5a2;-webkit-box-shadow:0px 0px 7px 2px #a6a5a2;box-shadow:0px 0px 7px 2px #a6a5a2;}
.EncartConteneur h5 {text-align:left;margin:0;padding:15px;}
.EncartConteneur div {margin:0;padding:0;}
.EncartConteneur p {text-align:justify;margin:0;padding-left:15px;padding-top:0;padding-right:15px;padding-bottom:15px;}
.EncartConteneur ul {margin:0;}
/*.EncartConteneur a:link {text-decoration: none; color:#c5ff09;}
.EncartConteneur a:visited {text-decoration: none;color:#c5ff090;}
.EncartConteneur a:active {text-decoration: none;color:#8FBDEF;}
.EncartConteneur a:hover{text-decoration: underline;color:#000000;}*/
.EncartConteneur{border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;padding-left:5px;padding-top:0;padding-right:5px;padding-bottom:0;background:#d6d3ce;}
.EncartDroitOmbrage{display:none;}
.EncartConteneur p.exem {margin:0 10px 0 10px;}

#encart{margin-left:20px;margin-top:15px;margin-right:20px;margin-left:20px;margin-bottom:15px;border-radius: 4px;-moz-border-radius: 4px;	-webkit-border-radius: 4px;-moz-box-shadow:0px 0px 7px 2px #a6a5a2;-webkit-box-shadow:0px 0px 7px 2px #a6a5a2;box-shadow:0px 0px 7px 2px #a6a5a2;}
#encart h5 {text-align:left;margin:0;padding:15px;}
#encart div {margin:0;padding:0;}
#encart p {text-align:justify;margin:0;padding-left:15px;padding-top:0;padding-right:15px;padding-bottom:15px;}
#encart ul {margin:0;}
#encart{border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;padding-left:5px;padding-top:0;padding-right:5px;padding-bottom:0;background:#d6d3ce;}

#encartDroit{margin-left:20px;margin-top:15px;margin-right:20px;margin-left:20px;margin-bottom:15px;border-radius: 4px;-moz-border-radius: 4px;	-webkit-border-radius: 4px;-moz-box-shadow:0px 0px 7px 2px #a6a5a2;-webkit-box-shadow:0px 0px 7px 2px #a6a5a2;box-shadow:0px 0px 7px 2px #a6a5a2;}
#encartDroit h5 {text-align:left;margin:0;padding:15px;}
#encartDroit div {margin:0;padding:0;}
#encartDroit p {text-align:justify;margin:0;padding-left:15px;padding-top:0;padding-right:15px;padding-bottom:15px;}
#encartDroit ul {margin:0;}
#encartDroit{border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;padding-left:5px;padding-top:0;padding-right:5px;padding-bottom:0;background:#d6d3ce;}


#specification{margin-left:20px;margin-top:0;margin-right:20px;margin-left:20px;margin-bottom:10px;border-radius: 4px;-moz-border-radius: 4px;	-webkit-border-radius: 4px;-moz-box-shadow:0px 0px 7px 2px #a6a5a2;-webkit-box-shadow:0px 0px 7px 2px #a6a5a2;box-shadow:0px 0px 7px 2px #a6a5a2;}

.label-info, .label-primary, .label-default, .label-success {font-size:1em;]
.label-info a:link, .label-primary a:link, .label-default a:link, .label-success a:link  {color:link #404c6b;background-color:transparent;}
.label-info a:visited, .label-primary a:visited, .label-default a:visited, .label-success a:visited   {color: #fff;background-color:transparent;}
.label-info a:hover, .label-primary a:hover, .label-default a:hover, .label-success a:hover   {color: #000;background-color:transparent;}
.label-info a:active, .label-primary a:active, .label-default a:active, .label-success a:active  {color: #fff;background-color:transparent;}

.label-default a:link {color:link #555;border-color:#c6c3bd;background-color:#d6d3ce;}
.label-default a:visited {color:link #666;border-color:#c6c3bd;background-color:#d6d3ce;}
.label-default a:hover {color: #000;background-color:#c6c3bd;}
.label-default a:active {color: #fff;background-color:#d6d3ce;}

.label-default {line-height:2em;}

.sidebar-module a:link {color: #000;background-color:transparent;}
.sidebar-module a:visited {color: #000;background-color:transparent;}
.sidebar-module a:hover {color: #000;background-color:transparent;}
.sidebar-module a:active {color: #000000;background-color:transparent;}
.panel-tw{border-color:#ddd}
.panel-tw {
	border-color: #eee;
}
.panel-tw > .panel-tete {
  color: #fff;
  background-color: #5d625c;
  border-color: #5d625c;
}
.panel-tw > .panel-tete + .panel-collapse .panel-corp {
  border-top-color: #5d625c;
}
.panel-tw > .panel-pied + .panel-collapse .panel-corp {
  border-bottom-color: #5d625c;
}
.panel-tw > .panel-corp {
  background-color: #eee;


    	
    	.cMobile {width:100%;margin:0;padding:0 2vw 0 2vw;}
          	/*--- Post --*/
.post {
    padding:0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow:0px 0px 7px 2px #666;
    -webkit-box-shadow:0px 0px 7px 2px #666;
    box-shadow:0px 0px 7px 2px #666;
    box-shadow: 0 1px 2px #666;
    margin: .8vw;
}

.post p {
font-size: 1em;
line-height: 1.25em;
text-align: justify;
}

p.lettrine:first-letter {
font-size: 3.5em;
line-height: 1em;
font-weight: 400;
float: left;
margin: 0 0.107em 0 0;
}
p.lettrine:first-line {
  font-weight: 800;
}

h2 + span, h2 + i { 
  font-size: 3.5em;
line-height: 1em;
font-weight: 400;
float: left;
margin: 0 0.107em 0 0;
}

h2 + span, h2 + i {
  font-weight: 800;
}


.cMobile a:link {color: #555;background-color:transparent;text-decoration:underline;}
.cMobile a:visited {color: #555;background-color:transparent;}
.cMobile a:hover {color: #204778;background-color:transparent;text-decoration:underline;}
.cMobile a:active {color: #782f20;background-color:transparent;}

.post.cDernier {
    margin-right: 0 0 0 0;
}

.post a:link {color: #555;background-color: #f1f1f1;text-decoration:none;}
.post a:visited {color: #555;background-color:transparent;}
.post a:hover {color: #fff;background-color:#c6c3bd;text-decoration:none;}
.post a:active {color: #782f20;background-color:transparent;}

.post > .btn-default a:hover{
    text-decoration:none;
}

.post .userinfo {
    width: 15%;
    padding: -20px 0 15px 15px;
}

.post .posttext {
	  text-align:left;
    color: #555;
    /*font-size: 14px;*/
    font-size: 1.2em;
    font-family: 'Open Sans Light', sans-serif;   
    line-height: 1.3em;
    height:140px;
    overflow:hidden;
    background-color: transparent;
}


.post .texte {
	/*background-color: #eee;*/
}

@media (max-width: 991px) {
	
.carousel-inner > .item > p {
	height:100%;
	padding: 5px;
}
.content-box{padding:0;}

.container-fluid{margin:0;padding:0;}
  .post .posttext {
    height:100%;
  }
  .post {
    margin:0;
    padding:0;
  }

}


.post .postinfo {
    background-color: #c6c3bd;
    /*padding-top:10px;*/
}

.post .postinfo > .label {
    
    /*padding-top:10px;*/
}

.post .avatar {
    width: 20px;
    margin-left: 5px;
}

.post .icons {
    width: 48px;
    /* border-top: solid 1px #f1f1f1; */
    margin-top: 12px;
    padding-top: 7px;
}

.post .posttext h2 {
    color: #363838;
    /*font-size: 18px;*/
    font-size: 1.2em;
    font-family: 'Open Sans', sans-serif;   
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 10px;
    line-height: 1.4em;
}

.post h3 {
    color: #363838;
    /*font-size: 18px;*/
    font-size: 1.3em;
    font-family: 'Open Sans', sans-serif;   
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 10px;
    line-height: 1.3em;
}

.post h4 {
    color: #363838;
    font-size: 1.2em;
    font-family: 'Open Sans', sans-serif;   
    line-height: 1.2em;
}

.post h5 {
    color: #363838;
    font-size: 1.1em; 
    line-height: 1.1em;
}

.post .comments {
    /* border-bottom: solid 1px #f1f1f1; */
    margin-top:-30px;
    padding: 18px 18px 0 0; 
}


.post .comments .commentbg {
    background-color: #c6c3bd;
    border-radius: 2px;
    display: inline-block;
    padding: 12px 12px; 
    border-right: solid 1px #f1f1f1;
    border-left: solid 1px #f1f1f1;
    color: #000000;
    /*font-size: 14px;*/
    font-size: 1.2em;
    font-family: 'Open Sans Bold', sans-serif; 
    position: relative;
}

.post .comments .commentbg .mark {
    width: 11px;
    height: 11px;
    background-color: #c6c3bd;
    position: absolute;
    top: 0;
    left: 43%;
    margin-top: -5px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
}

.post .time {
    color:#666666;
   /*font-size: 12px;*/
    font-size: 1em;
    font-family: 'Open Sans Regular', sans-serif; 
    text-align: left;
    line-height: 22px;
    margin:3px;


}

.post .time i {
    /*font-size: 20px;*/
    font-size: 1.5em;
}

          	

    .dropdown-menu li a{font-size:12px;padding:4px 15px}
    .dropdown-menu .active>a,.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-menu li>a:active{background-color:#5d625c;background-image:-webkit-linear-gradient(bottom, #f5f5f5, #5d625c);background-image:-moz-linear-gradient(bottom, #f5f5f5, #5d625c);background-image:-o-linear-gradient(bottom, #f5f5f5, #5d625c);background-image:linear-gradient(to top, #f5f5f5, #5d625c);color:#fff}}
		.tags-cloud {line-height:2em;}
		.tags-cloud a{border:solid 1px #ddd;padding:3px 5px;margin:0px;margin-bottom:4px;display:inline-block;font-size:.9em;color:#5d625c;text-decoration:none}
		.tags-cloud a:hover{background-color:#5d625c;color:#fff;}
    .navbar-inverse .dropdown .dropdown-menu{background-color:#444;color:#fff;border-color:#555;box-shadow:none}
    .navbar-inverse .dropdown .dropdown-menu a{color:#fff;background-image:none}.navbar-inverse .dropdown .dropdown-menu a:hover,.navbar-inverse .dropdown .dropdown-menu a:focus{color:#fff}
    
    
    .content-box{display:block;text-align:center;overflow:hidden;margin-bottom:5px}
		.content-box.box-default{background-color: #c6c3bd;border-top:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;border-left:solid 1px #e5e5e5;}
		.content-box.box-default:hover{background-color: #c6c3bd;}
		.content-box.box-primary .content-box-title,.content-box.box-info .content-box-title,.content-box.box-success .content-box-title,.content-box.box-warning .content-box-title,.content-box.box-danger .content-box-title,.content-box.box-royal .content-box-title{color:#fff}
		.content-box.box-primary{background-color:#0099da;color:#fff;border:solid 1px #005174}
		.content-box.box-success{background-color:#02c66c;color:#fff;border:solid 1px #016135}
		.content-box.box-info{background-color:#54c8eb;color:#fff;border:solid 1px #179bc2}
		.content-box.box-warning{background-color:#f0ad4e;color:#fff;border:solid 1px #c77c11}
		.content-box.box-danger{background-color:#d9534f;color:#fff;border:solid 1px #a02622}
		.content-box.box-royal{background-color:#ac60d0;color:#fff;border:solid 1px #792e9c}
		.content-box.box-primary:hover{background-color:#0087c1}
		.content-box.box-success:hover{background-color:#02ad5e}
		.content-box.box-info:hover{background-color:#3dc1e8}
		.content-box.box-warning:hover{background-color:#eea236}
		.content-box.box-danger:hover{background-color:#d43f3a}
		.content-box.box-royal:hover{background-color:#a24cca}
		
		.menu-deroulant > .active > a, .menu-deroulant > .active > a:hover, .menu-deroulant > .active > a:focus {
    background-color: #d6d3ce !important;
    background-image: linear-gradient(to bottom, #d6d3ce, #d6d3ce) !important;
    background-repeat: repeat-x !important;
    color: #555;
    outline: 0 none;
    text-decoration: none;
}
.menu-deroulant {
    background-color: #eeeeee !important;
}

.menu-deroulant > li > a {
    background-color: #eeeeee !important;
    background-image: linear-gradient(to bottom, #eeeeee, #eeeeee) !important;
    background-repeat: repeat-x !important;
    color: #555;
    text-align:left;
    outline: 0 none;
    text-decoration: none;
}

.menu-deroulant > li > a:hover, .menu-deroulant > li > a:focus {
    background-color: #d6d3ce !important;
    background-image: linear-gradient(to bottom, #d6d3ce, #d6d3ce) !important;
    background-repeat: repeat-x !important;
    color: #555;
    text-align:left;
    outline: 0 none;
    text-decoration: none;
}
		
.tooltip {
  font-weight:normal;
}




.btn {
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  color:#555;
  display:inline-block;
  padding:5px 15px;
  text-decoration:none;
}

.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}


.cModal {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity:0;
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  pointer-events: none;
}

.cModal:target {
  opacity:1;
  pointer-events: auto;
}

.cModal:target > div {
  margin: 10% auto;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.cModal > div {
  max-width: 600px;
  position: relative;
  margin: 1% auto;
  padding: 8px 8px 8px 8px;
  border-radius: 5px;
  background: #eee;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.cModal > div header,.cModal > div footer {
  border-bottom: 1px solid #e7e7e7;
  border-radius: 5px 5px 0 0;
}
.cModal footer {
  border:none;
  border-top: 1px solid #e7e7e7;
  border-radius: 0 0 5px 5px;
  background-color: #ccc;
}

.cModal > div h2 {
  margin:0;
}

.cModal > div .btn {
  float:right;
}

.cModal > div section,.cModal > div > header, .cModal > div > footer {
  padding:15px;
}

.cModal footer { padding:10px; }


.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #ce552f;
    background-color:#eee;
    text-align:left;
}
P.exem {
   font-size : 11px; 
   line-height : 16px; 
   font-family : "courier new", sans-serif; 
   color : #000066; 
   background : #c6c3bd; 
   margin : 8px 0px 20px 0; 
   padding:10px;
   text-align: left; 
}


	h5.cPreTitre {margin:15px 15px 0 15px;padding:5px;background-color:#c6c3bd;margin-bottom:-15px;border: 1px solid #d6d3ce;}
	pre {margin:0;padding:0;background-color:transparent;}
.twPre { border-right: 15px solid #d6d3ce;border-bottom: 20px solid #d6d3ce;border-left: 15px solid #d6d3ce; }
#specification {
  float: right;
  max-width: 400px;
  background-color : #c6c3bd;
	color : #333;
	text-align : left;
	border : 1px solid #5D625C;
	margin-left:20px;
}
#specification ul {
  margin: 5px;
  padding: 0;
  list-style-type: none;
}
#specification li {
  font-size:9px;
  margin: 0;
  padding: 0;
}


table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable {
  background-color: transparent;
}
table.dataTable.display {
  background-color: transparent;
}
table.dataTable.display tbody {
  background-color: transparent;
}

table.dataTable tbody tr {
  background-color: transparent;
}


table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #d5d2cd;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: transparent;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  background-color: #c6c3bd;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  /*background-color: #deddda;*/
  background-color: transparent;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: #c6c3bd;
}


table.dataTable.no-footer {
  border-bottom: 1px solid #eee;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #eee;
}
a.partage {margin:0;padding:0}
a.partage {margin:0;padding:0}
a.partage{padding:10px 10px;color:white}
a.partage:hover,.partage:active{color:white}
a.partage-twitter{background-color:#41B7D8}
a.partage-twitter:hover,.partage-twitter:active{background:#279ebf}
a.partage-facebook{background:#3B5997;}
a.partage-facebook:hover,.partage-facebook:active{background:#2d4372}
a.partage-googleplus{background:#D64937}
a.partage-googleplus:hover,.partage-googleplus:active{background:#b53525}
a.partage-rss{background:#ff6700}
a.partage-rss:hover,.partage-rss:active{background:#e35e05}
a.partage-rdf{background:#cacccc}
a.partage-rdf:hover,.partage-rss:active{background:#c6c3bd}


a.barreRef:link {background-color:#eee;display:block;}
a.barreRef:visited {background-color:#eee;}
a.barreRef:hover {color: #000;background-color:#ccc;text-decoration:none;}
a.barreRef:active {color: #eee;background-color:transparent;}


.popover{
	width:100%;
	max-width:500px;
  height:170px;    
}

.plus {cursor:pointer;cursor:help;}

.fb-share-button {
	border:0; padding:0; margin: -8px 0 0 0;
	 vertical-align: text-top !important;
}






.sharrre {
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-right: 5px;
	overflow: hidden;
	
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.share-before {
    margin-bottom: 25px;
}

.share-after {
    margin-top: 25px;
}

/* Buttons */
.sharrre .share,
.sharrre .count {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	display: inline-block;
	padding: 0;
	text-decoration: none !important;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sharrre .share {
	color: #fff;
	float: left;
	text-decoration: none;
}

.sharrre:hover .share {
	border: none;
	color: #fff;
	text-decoration: none;
}

.sharrre .count {
	background-color: #fff;
	font-weight: bold;
	position: relative;
	text-align: center;
}


/* Small */
.share-small .share,
.share-small .count {
	font-size: 12px;
	height: 20px;
	line-height: 20px;
}

.share-small .share {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 0 0 0 24px;
	width: 20px;
}

.share-small .sharrre:hover .share 		{ width: 60px; }
.share-small .facebook:hover .share 	{ width: 60px; }
.share-small .pinterest:hover .share 	{ width: 45px; }
.share-small .googlePlus:hover .share 	{ width: 40px; }

.share-small .count {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	float: right;
	width: 42px;
}

.share-small .no-count .share {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 65px;
}

/* Medium */
.share-medium .share,
.share-medium .count {
	font-size: 13px;
	height: 25px;
	line-height: 25px;
}

.share-medium .share {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 0 0 0 28px;
	width: 28px;
}

.share-medium .count {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	float: right;
	width: 42px;
}

.share-medium .sharrre:hover .share 		{ width: 65px; }
.share-medium .facebook:hover .share 		{ width: 55px; }
.share-medium .pinterest:hover .share 		{ width: 50px; }
.share-medium .googlePlus:hover .share 		{ width: 45px; }

.share-medium .no-count .share {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 75px;
}

/* Tall */
.share-tall .share {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	font-size: 13px;
	height: 25px;
	line-height: 25px;
	padding-left: 20px;
	text-align: center;
	width: 100%;
}

.share-tall .googlePlus .share 	{ padding-left: 16px; }
.share-tall .facebook .share 		{ padding-left: 18px; }

.share-tall .count {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	display: block;
	float: none;
	font-size: 16px;
	height: 55px;
	line-height: 55px;
	width: 75px;
}

.share-tall .no-count .share {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 75px;
}

/* Icons */
.share-small .share:before,
.share-medium .share:before,
.share-tall .share:before {
	line-height: 1;
	display: block;
	font-family: 'Genericons';
	font-size: 13px;
	height: 20px;
	top: 4px;
	left: 6px;
	text-indent: 0;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	width: 20px;
}

.share-medium .share:before {
	font-size: 14px;
	top: 5px;
	left: 7px;
}

.share-tall .share:before {
	bottom: 0px;
	top: auto;
}

.twitter .share:before 		{ content: '\f202'; }
.facebook .share:before 	{ content: '\f204'; }
.googlePlus .share:before 	{ content: '\f218'; }
.youtube .share:before 		{ content: '\f213'; }
.digg .share:before 		{ content: '\f221'; }
.delicious .share:before 	{ content: '\f202'; }
.pinterest .share:before 	{ content: '\f209'; }
.linkedin .share:before 	{ content: '\f207'; }
.stumbleupon .share:before 	{ content: '\f223'; }

.share-small .pinterest .share:before {
	font-size: 12px;
}

.share-small .linkedin .share:before {
	font-size: 16px;
	top: 1px;
}

.share-small .stumbleupon .share:before {
	font-size: 16px;
	top: 3px;
}

.share-medium .pinterest .share:before {
	font-size: 13px;
	top: 6px;
}

.share-medium .linkedin .share:before {
	font-size: 17px;
	top: 3px;
}

.share-medium .stumbleupon .share:before {
	font-size: 16px;
	top: 5px;
}

.share-tall .facebook .share:before {
	left: 10px;
}

.share-tall .googlePlus .share:before {
	left: 13px;
}

.share-tall .pinterest .share:before {
	font-size: 13px;
	bottom: -1px;
}

.share-tall .linkedin .share:before {
	font-size: 17px;
	bottom: 2px;
}

.share-tall .stumbleupon .share:before {
	font-size: 16px;
}


/* Appearance - filled */
.share-filled .twitter .share 			{ background: #09b0ed; }
.share-filled .twitter .count,
.share-filled .twitter .count:hover 		{ color: #09b0ed; border: 1px solid #09b0ed; }

.share-filled .facebook .share 			{ background: #3d5a98; }
.share-filled .facebook .count,
.share-filled .facebook .count:hover 		{ color: #3d5a98; border: 1px solid #3d5a98; }

.share-filled .googlePlus .share 			{ background: #dd4c39; }
.share-filled .googlePlus .count,
.share-filled .googlePlus .count:hover 	{ color: #dd4c39; border: 1px solid #dd4c39; }

.share-filled .linkedin .share 			{ background: #035a87; }
.share-filled .linkedin .count,
.share-filled .linkedin .count:hover 		{ color: #035a87; border: 1px solid #035a87; }

.share-filled .youtube .share 			{ background: #cc181e; }
.share-filled .youtube .count,
.share-filled .youtube .count:hover 		{ color: #cc181e; border: 1px solid #cc181e; }

.share-filled .pinterest .share 			{ background: #cb2127; }
.share-filled .pinterest .count,
.share-filled .pinterest .count:hover 	{ color: #cb2127; border: 1px solid #cb2127; }

.share-filled .stumbleupon .share 		{ background: #eb4923; }
.share-filled .stumbleupon .count,
.share-filled .stumbleupon .count:hover 	{ color: #eb4923; border: 1px solid #eb4923; }

.share-filled .twitter:hover .count 		{ background: #09b0ed !important; }
.share-filled .facebook:hover .count 		{ background: #3d5a98 !important; }
.share-filled .googlePlus:hover .count 	{ background: #dd4c39 !important; }
.share-filled .linkedin:hover .count 		{ background: #035a87 !important; }
.share-filled .youtube:hover .count 		{ background: #cc181e !important; }
.share-filled .pinterest:hover .count 	{ background: #cb2127 !important; }
.share-filled .stumbleupon:hover .count 	{ background: #eb4923 !important; }

.share-filled .sharrre:hover .count {
	color: #fff;
}

/* Appearance - outlined */
.share-outlined .twitter .share,
.share-outlined .twitter .count,
.share-outlined .twitter .count:hover		{ border: 1px solid #09b0ed; color: #09b0ed; }

.share-outlined .facebook .share,
.share-outlined .facebook .count,
.share-outlined .facebook .count:hover	{ border: 1px solid #3d5a98; color: #3d5a98; }

.share-outlined .googlePlus .share,
.share-outlined .googlePlus .count,
.share-outlined .googlePlus .count:hover	{ border: 1px solid #dd4c39; color: #dd4c39; }

.share-outlined .linkedin .share,
.share-outlined .linkedin .count,
.share-outlined .linkedin .count:hover	{ border: 1px solid #035a87; color: #035a87; }

.share-outlined .youtube .share,
.share-outlined .youtube .count,
.share-outlined .youtube .count:hover		{ border: 1px solid #cc181e; color: #cc181e; }

.share-outlined .pinterest .share,
.share-outlined .pinterest .count,
.share-outlined .pinterest .count:hover	{ border: 1px solid #cb2127; color: #cb2127; }

.share-outlined .stumbleupon .share,
.share-outlined .stumbleupon .count,
.share-outlined .stumbleupon .count:hover	{ border: 1px solid #eb4923; color: #eb4923; }

.share-outlined.share-small .share,
.share-outlined.share-medium .share { border-right: none !important; }

.share-outlined.share-tall .share 	{ border-top: none !important; }

.share-outlined .twitter:hover .share,
.share-outlined .twitter:hover .count 	{ background: #09b0ed; }

.share-outlined .facebook:hover .share,
.share-outlined .facebook:hover .count 	{ background: #3d5a98; }

.share-outlined .googlePlus:hover .share,
.share-outlined .googlePlus:hover .count 	{ background: #dd4c39; }

.share-outlined .linkedin:hover .share,
.share-outlined .linkedin:hover .count 	{ background: #035a87; }

.share-outlined .youtube:hover .share,
.share-outlined .youtube:hover .count 	{ background: #cc181e; }

.share-outlined .pinterest:hover .share,
.share-outlined .pinterest:hover .count 	{ background: #cb2127; }

.share-outlined .stumbleupon:hover .share,
.share-outlined .stumbleupon:hover .count { background: #eb4923; }

.share-outlined .sharrre:hover .count,
.share-outlined .sharrre:hover .share {
	color: #fff;
}	

.annonce h1{font-size:180%;font-weight:normal;color:#555;padding:10px 15px;background:#c6c3bd url('http://www.trucsweb.com/images/f_entete.png') repeat-x bottom left;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-left:-108px}
.annonce{padding-bottom:1px;background:transparent url('http://www.trucsweb.com/images/f_fleche.png') no-repeat bottom left;margin-left:108px}

.pre2 {
  font: normal 12px/1.5 "Lucida Grande", arial, sans-serif;
  padding: 6px 5px 4px 42px;
  color: #444;
  line-height: 20px;
  border: 1px solid #d2d2d2;
  background:#c6c3bd;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #c6c3bd)) 0 4px;
  background: -webkit-linear-gradient(top, #d9eaf3 0%, #c6c3bd 8%) 0 4px;
  background: -moz-linear-gradient(top, #d9eaf3 0%, #c6c3bd 8%) 0 4px;
  background: -ms-linear-gradient(top, #d9eaf3 0%, #c6c3bd 8%) 0 4px;
  background: -o-linear-gradient(top, #d9eaf3 0%, #c6c3bd 8%) 0 4px;
  background: linear-gradient(top, #d9eaf3 0%, #c6c3bd 8%) 0 4px;
  -webkit-background-size: 100% 20px;
  -moz-background-size: 100% 20px;
  -ms-background-size: 100% 20px;
  -o-background-size: 100% 20px;
  background-size: 100% 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}


pre2 {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}


p.exem {margin-left:0;margin-right:0;}

.droite {
  float:right;
}

.btn {
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  color:#555;
  display:inline-block;
  padding:5px 15px;
  text-decoration:none;
}

.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}



.oModalExemple {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity:0;
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  pointer-events: none;
}

.oModalExemple:target {
  opacity:1;
  pointer-events: auto;
}

.oModalExemple:target > div {
  margin: 10% auto;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.oModalExemple > div {
  max-width: 600px;
  position: relative;
  margin: 1% auto;
  padding: 8px 8px 8px 8px;
  border-radius: 5px;
  background: #eee;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.oModalExemple > div header {
  border-radius: 5px 5px 0 0;
}
.oModalExemple > div footer {
  border:none;
  background-color: #d6d3ce;
  border-radius: 0 0 5px 5px;
}

.oModalExemple > div h2 {
  margin:0;
  font-size:1.8em;
}

.oModalExemple > div .btn {
  float:right;
}

.oModalExemple > div section,.oModalExemple > div > header, .oModalExemple > div > footer {
  padding:15px;
}

.cMedias{
  /*display: none;*/
  position:absolute;
  bottom:26px;
  right:16px;
  max-width:100%;
  float:right;
}

.cMedias:hover {
    display: block;
    
}
.gros {font-size:1.2em!important;}
.gris {color:#666666!important;}
.encartblanc {background-color:#ffffff;padding:10px}

.imageConteneur {
  width: auto;
  margin:0;
  padding:0;
  font-style : italic;
  text-align:justify;
  font-size: .8em;
  color: #666;
}
.imageDroite {
  float:right; 
  margin:0px 5px 10px 20px; 
}
.imageGauche {
  float:left;  
  margin:0 20px 10px 5px;  
}
.imageCentrer {
  margin:0 auto 10px auto; 
}
.imageMilieud {
  float:right;  
  margin:20px 30px 20px 10px; 
}
.imageMilieug {
  float:left;  
  margin:20px 30px 20px 5px;  
}
ul.sanspuce {line-height: 20px;list-style-type: none;padding: 0;margin: 0;}
li.no-analytic {background: url("/images/no-analytic.png") no-repeat left top;line-height: 20px;padding-left: 20px;padding-top: 0px;background-size: 16px 16px;} 
li.no-facebook {background: url("/images/no-facebook.png") no-repeat left top;line-height: 20px;padding-left: 20px;padding-top: 0px;background-size: 16px 16px;} 
li.no-google {background: url("/images/no-google.png") no-repeat left top;line-height: 20px;padding-left: 20px;padding-top: 0px;background-size: 16px 16px;} 
li.no-autre {background: url("/images/no-autre.png") no-repeat left top;line-height: 20px;padding-left: 20px;padding-top: 0px;background-size: 16px 16px;} 
li.no-autre2 {padding-left: 20px;padding-top: 3px;background-size: 16px 16px;} 
  .c1	{color:#1dbffb;}
 	.c2	{color:#20b7ef;}
	.c3	{color:#1b95c2;}
	.c4	{color:#177497;}
	.c5	{color:#0d4c64;}
	.c6	{color:#082f3e;}
	.c7	{color:#031217;}
.desuet {text-decoration: line-through;}
/* body {background-image : url(http://neural3.com/images/IMG_1999.JPG); background-repeat: no-repeat;background-attachment:fixed;} */