/*
*/

/* -------------------------------
BODY STYLES
----------------------------------*/

* {
  margin: 0;
  padding: 0;
}

body {
  color: #333;
  background:#f0f0f0 url(images/bk_body.png) repeat-x;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  line-height:135%;
}

/*----------------------------------------------------
BASIC HTML ELEMENTS STYLES
------------------------------------------------------*/

a {
	color:#1FA2E1;
	text-decoration:none;
}

a:hover {
  text-decoration: underline;
}

a:focus {
	outline:none;
}

h1 {
	font-size: 40px;
    letter-spacing: -1px;
    font-weight: 300;
    padding: 10px 0 12px;
    line-height: 46px;
    font-family: 'Raleway', sans-serif;
}

h1.home {
	color:#1FA2E1;
	font-size:30px;
	font-family: 'Raleway', sans-serif;
}

h1 a {
	color:#333;
	text-decoration:none;
	font-family: 'Raleway', sans-serif;
}

h1 a:hover {
	color:#1FA2E1;
	text-decoration:none;
}
h2 a {
    color: #333;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 300;
    padding: 10px 0 12px;
    line-height: 46px;
}

h2,h3 {
	font-size:22px;
	font-weight:normal;
	letter-spacing:-1px;
	padding: 10px 0 5px;
	font-family: 'Raleway', sans-serif;
	line-height:27px;
} 

h3{
	font-size:17px;
	font-weight:bold;
}


ul {
	list-style:none;
}

p {
	margin:10px 0;
}

/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#wrapper {
	width:960px;
	margin:0 auto;
}
#header {
	position:relative;
	height:127px;
/*	background:url(images/bk_header.jpg) 0 51px no-repeat;*/
}
#bandeau{
	height:90px;
	padding: 16px 0 0;
	text-align: center;
}

#content {
	padding:10px 0;
}

#content #colLeft {
	float:left;
	width: 100%;
	/* width:670px; */
	margin-right:10px;

}

#content #colRight {
	float:left;
	width: 100%;
	/* width:280px; */
	
}

#footer {
	background:#000 url(images/bk_footer.jpg) 0 0 repeat-x;
	padding-top:20px;
	padding-bottom:25px;
	margin-top:15px;
	min-width:960px;
}

#footerInner {
	width:960px;
	margin:0 auto;
	color:#797979;
}

#copyright {
	border-top:1px solid #1E1E1E;
	background:#111;
	min-width:960px;
}

#copyrightInner {
	width:960px;
	margin:0 auto;
	font-size:11px;
	color:#515151;
	padding:20px 0;
	position:relative;
}
tr {
    height: 48px;
}

tr:nth-child(odd) {
    background: #F9F9F9 none repeat scroll 0 0;
}
tr:nth-child(1) {
    background: #555 none repeat scroll 0 0;
    color:white;
    text-align: center;
}
td:first-child{
	width:14%;
}
td:nth-child(2){
	width:15%;
	padding:10px 2%;
}
td:nth-child(3){
	width:20%;
	padding:10px 2%;
}
td:nth-child(4){
	width:30%;
	padding:10px 2%;
}
td{
	padding:10px 2%;
}

/* -------------------------------
HEADER ELEMENTS
----------------------------------*/

/* TopMenu */

.ddsmoothmenu {
	position:absolute;
	left:0;
	top:6px;
	border-right:1px solid #2F2F2F;
}

.ddsmoothmenu ul li {
	float:left;
}

.ddsmoothmenu ul li a{
    border-left: 1px solid #2f2f2f;
    color: #ccc;
    display: block;
    font-size: 9px;
    height: 42px;
    line-height: 42px;
    padding: 0 8px;
    text-decoration: none;
    text-transform: uppercase;
}

.ddsmoothmenu ul li a:hover {
	color:#FFFFFF;
	background:url(images/bk_top_hover.png) 50% 0 no-repeat;
}

/* Pub */

#menupub{
	float:left;
    height: 20px;
    margin: 95px 0 2px 395px;
}
.contentpub{
	margin: 25px 0 18px 0 ;
}	 

/* TopMenuRight */

#topMenuRight {
	position:absolute;
	right:0;
	top:6px;
}

#topMenuRight ul li {
	float:left;
}

#topMenuRight ul li a{
	display:block;
	color:#ccc;
	text-decoration:none;
	height:42px;
	line-height:42px;
	font-size:11px;
	padding:0 8px;
	background:url(images/list_red_bullet.png) 1px 50% no-repeat;
}

#topMenuRight ul li a:hover {
	color:#FFFFFF;
}

/* Logo */

#logo {
	position:absolute;
	left:0;
	top:58px;
}

#logo img {
	border:none;
}

#logo span {
	display:block;
	padding-left:5px;
	padding-top:5px;
	text-transform:uppercase;
	color:#999999;
	font-size:12px;
}
/*slogan*/
.slogan {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-left: 350px;
    margin-top: 82px;
    position: absolute;
    text-transform: uppercase;
    width: 400px;
    font-family: 'Raleway', sans-serif;
}
/* Social Links */

#socialLinks {
	position:absolute;
	right:0;
	top:75px;
	/*background:url(images/bk_social_links.png) 0 50% no-repeat;*/
	padding-left:155px;
	height:42px;
}

#socialLinks .linkedin, #socialLinks .facebook, #socialLinks .twitter, #socialLinks .rss {
	display:block;
	width:32px;
	height:32px;
	float:left;
	margin-left:5px;
	text-indent:-9999px;
}

#socialLinks .linkedin:hover, #socialLinks .facebook:hover, #socialLinks .twitter:hover, #socialLinks .rss:hover {
	margin-bottom:2px;
}

#socialLinks .linkedin {
	background:url(images/ico_linkedin.png) 0 0 no-repeat;
}

#socialLinks .facebook {
	background:url(images/ico_facebook.png) 0 0 no-repeat;
}

#socialLinks .twitter {
	background:url(images/ico_twitter.png) 0 0 no-repeat;
}

#socialLinks .rss {
	background:url(images/ico_rss.png) 0 0 no-repeat;
}

/*----------------------------
FOOTER ELEMENTS
------------------------------*/

#footer h3 {
	font-weight:bold;
	color:#ccc;
	font-size:18px;
}

#footerInner {
	overflow:hidden;
	padding-bottom:10px;
}

#footerInner .boxFooter {
	float:left;
	width:290px;
	padding-right:30px;
}

#footerInner .last {
	padding-right:0;
}

#footerInner h2 {
	font-size:20px;
	border-bottom:1px solid #292929;
	padding:7px 0;
	margin-bottom:7px;
}

#footerInner .boxFooter ul li {
	padding:5px 6px 5px 18px;
	border-bottom:1px solid #292929;
	background:url(images/star.png) 0 8px no-repeat;
	color:#986123;
	font-size:10px;
	font-style:italic;
}

#footerInner .boxFooter ul li br {
	line-height:5px;
}

#footerInner .boxFooter ul li a {
	text-decoration:none;
	color:#515151;
	font-size:13px;
	font-style:normal;
}

#footerInner .boxFooter ul li a:hover {
	color:#ccc;
}

#site5bottom {
	position:absolute;
	right:5px;
	top:13px;
}

#site5bottom img {
	border:none;
}

#site5bottom a {
	display:block;
	/*width:344px;
	height:26px;
	background:url(images/site5bottom.png) 0 0 no-repeat;
	text-indent:-9999px;*/
}


/*----------------------------
LEFTCOL ELEMENTS
------------------------------*/

.postBox {
	margin-bottom:10px;
}

.postBoxTop {
	height:5px;
	width:668px;
	background:url(images/bk_box_top.png) 0 0 no-repeat;

}

.postBoxBottom {
	height:5px;
	width:668px;
	background:url(images/bk_box_bottom.png) 0 0 no-repeat;
}

.postBox .postBoxMid {
	padding:0 5px;
	background:white;
}

.postBox .postBoxMid p{
	line-height:145%;
}

.postBox .postBoxMid img {
	border:none;
}


.postBox .postBoxMidInner {
	padding:20px 40px;
	position:relative;
}

.postBox .first {
/*	background:url(images/bk_box_mid_inner.jpg) 0 0 no-repeat;*/
}

.postBoxMid .category {
	background:url(images/star.png) 0 50% no-repeat;
	padding:0 0 0 20px;
	text-transform:uppercase;
	font-size:11px;
	line-height:100%;
	color:#ccc;
	font-weight:bold;
	
}

.postBox .postBoxMid .date {
	background:url(images/bk_date.png) 0 0 no-repeat;
	width:62px;
	height:89px;
	left:-34px;
	top:13px;
	text-align:center;
	position:absolute;
	font-size:11px;
	color:#C5ECFC;
	padding-top:17px;
}
.postBox .postBoxMid .new_date {
	margin-bottom: 10px;
}


.postBox .postBoxMid .date span.day {
	font-size:24px;
	font-weight:bold;
	text-shadow:1px 1px #157EC4;
	color:#fff;
}

.postBox .postBoxMid .textPreview {
	float:left;
	width: 70%;
	margin-top:15px;
}


.postBox .postBoxMid .textPreview p{
	margin-top:0;
	
}	

.postBox .postBoxMid .postThumb{
	float:left;
	margin:15px 25px 25px 0;
	width:201px;
	overflow:hidden;
}

.postBox .postBoxMid .postThumb img{
	border:none;
	background:#F0F0F0;
	padding:10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.postBox .postBoxMid .postMeta {
	border-top:1px solid #E2E2E2;
	padding-top:20px;
	margin-top:25px;
	clear:left;
	overflow:hidden;
}

.postBox .postBoxMid .postMeta .more-link {
	display:block;
	background:url(images/ico_readmore.png) 0 0 no-repeat;
	padding:3px 0;
	padding-left:35px;
	font-size:14px;
	font-weight:bold;
	float:left;
	
}

.postBox .postBoxMid .postMeta .metaRight {
	float:right;
}

.postBox .postBoxMid .postMeta .metaRight img {
	vertical-align:middle;
	margin-left:20px;
}

.postBox .postBoxMid .postMetaSingle {
	border-bottom:1px solid #E2E2E2;
	padding:5px 0 15px;
	margin-bottom:20px;
}

.postBox .postBoxMid .postMetaSingle img {
	vertical-align:middle;
}

.postBox .postBoxMid .postCredentials {
	background:#F8F8F8;
/*	border-top:3px solid #E2E2E2;
	border-bottom:3px solid #E2E2E2;*/
	padding:20px 40px 15px;
	margin-right:2px;
	overflow:hidden;
	text-shadow:1px 1px #fff;
	margin-bottom: 20px;
}

.postBox .postBoxMid .postCredentials p {
	font-size:12px;
	color:#666;
	margin:0.6em 0;

}

.postBox .postBoxMid .postCredentials img {
	float:left;
	margin-right:10px;
	padding:4px;
	background:#fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.postBox .postBoxMid .postCredentials #authorDetails {
	clear:both;
	padding-top:15px;
	overflow:hidden;
	border-top:1px solid #ddd;
}

.postBox .postBoxMid .postCredentials #authorDetails img {
	margin-bottom:15px;
}

.alignleft{
	float: left;
	margin: 0 15px 10px 0;
}
.alignright {
    float: right;
    margin: 0 10px 15px;
}
.aligncenter {
    display: block;
	margin: 0 auto; 
}
/* POST SOCIAL SHARE */
.postBox .postBoxMid .postCredentials .social {
/*	margin:0 0 10px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;*/
}

.postBox .postBoxMid .postCredentials .social a:hover img {
	margin-top:-4px;	
}

.postBox .postBoxMid .postCredentials .social img {
	border:none;
	vertical-align:middle;
	float:none;
	background:none;
	padding:0;
	margin-right:5px;
}

.postBox .postBoxMid .postCredentials .social strong {
	padding-right:20px;	
}

.postBox .postBoxMid .postTags {
	font-size:13px;	
	background:url(images/ico_tag.png) 0 50% no-repeat;
	padding-left:24px;
	margin:25px 0 0;
}


/* RELATED POSTS */

#content #colLeft .relatedPosts {
	margin-left:-25px;
}

#content #colLeft .relatedPosts li {
	display:block;
	border-top:1px solid #ddd;
	padding:15px 0;
	width:275px;
	float:left;
	margin-left:25px;
	font-weight:bold;
	background:none;
}	

#content #colLeft .relatedPosts li img {
	float:left;
	padding:5px;
	background:url(images/bk_thumbs.jpg) 0 0 no-repeat;
	margin:0 10px 0 0;
}

#content #colLeft .relatedPosts li span {
	font-size:11px;
	color:#999;
}

#archive-title {
	font-size:14px;
	padding:3px 0;
}
.category-description {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}

blockquote {
	border-left:1px dashed #aaa;
	padding-left:20px;
	margin:20px 0 15px 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background:url(images/bk_blockquote.jpg) 90% 0 no-repeat;
}

#content #colLeft ul li, #content #colLeft ol li  {
	padding:5px 0 5px 15px;
	background:url(images/bullet_list.png) 0 9px no-repeat;
}

#content #colLeft ul {
	margin:0 0 15px 15px;
}

#content #colLeft ol li {
	background:none;
	padding-left:0;
}

#content #colLeft ol {
	margin:0 0 15px 35px;
}

/* PAGINATION */

.emm-paginate {padding:10px 0; overflow:hidden;}
.emm-paginate a {background:url(images/bk_pagenavi.jpg) 0 100% repeat-x; border:1px solid #ddd; color:#666; margin-right:5px; padding:4px 8px; text-align:center; text-decoration:none;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#fff; background:#18AEF5; border:1px solid #0A95D8; margin-right:5px; padding:4px 8px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}

/* BOUTON SDF */

.bouton_sdf{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #13a965 none no-repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #0f8e53;
    border-image: none;
    border-radius: 3px;
    border-style: none none solid;
    border-width: medium medium 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin: 10px auto 0;
    padding: 10px 20px;
    width: 60%;
}
.bouton_sdf:hover{
    background: #0F8E53;
    text-decoration: none;
}

/* --------------------------------
RIGHTCOL ELEMENTS
-----------------------------------*/

.rightBox {
	margin-bottom:10px;
}

.rightBoxTop {
	height:5px;
	width:280px;
	background:url(images/bk_box_top_right.png) 0 0 no-repeat;

}

.rightBoxBottom {
	height:5px;
	width:280px;
	background:url(images/bk_box_bottom_right.png) 0 0 no-repeat;
}

.rightBox .rightBoxMid {
	padding:8px 20px 10px 15px;
	background:url(images/bk_box_mid_right.png) 0 0 repeat-y;
	position:relative;
}

.rightBox .rightBoxMidSearch {
	padding:6px 10px 5px;
	background:url(images/bk_box_mid_right.png) 0 0 repeat-y;
	overflow:hidden;
}

.rightBox .rightBoxMid h3 {
    border-bottom: 1px solid #236784;
    color: #236784;
    display: block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 12px;
    padding: 9px 0 5px;
    text-transform: uppercase;
}

.rightBox .rightBoxMid ul li{
	padding:5px 0;
	border-bottom:1px solid #E2E2D8;
}

/* Latest Tweet */

#twitter {
	margin-left:4px;
}

#twitter #twitter_update_list {
	background:url(images/bk_twitter_box_top.png) 0 0 no-repeat;
	padding:3px 15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	line-height:125%;
	color:#666;
}

#twitter #twitter_update_list li{
	list-style-type:none;
	padding-top:10px;
}

#twitter #bottom {
	height:36px;
	background:url(images/bk_twitter_box_bottom.png) 0 0 no-repeat;
	padding-left:63px;
	padding-top:45px;
	font-weight:bold;
}

/* ADS */

.rightBox .rightBoxMidAds{
	padding:6px 0;
	background:url(images/bk_box_mid_right.png) 0 0 repeat-y;
	position:relative;
}

.rightBox .rightBoxMidAds div div {
	margin:0 0 6px 5px;
	float:left;
}

.rightBox .rightBoxMidAds div div a img {
	border:1px solid #D8D8D8;	
}

.rightBox .rightBoxMidAds a.advertise {
	display:block;
	padding:0 10px 6px 15px;
	clear:both;
	font-weight:bold;
}

/* COMMENTS
-----------------------------------*/

h3.h2comments {
	display:block;
	background:url(images/ico_comments.png) 0 50% no-repeat;
	padding:10px 0 15px 40px;
	font-weight:bold;
}

h3.h2comments a.addComment {
	display:block;
	width:151px;
	height:30px;
	background:url(images/but_addcomment.png) 0 0 no-repeat;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	float:right;
	font-size:12px;
	margin-top:-7px;
	padding-top:4px;
	font-weight:bold;
}

h3.h2comments a.addComment:hover {
	text-decoration:none;
}

h3#commentsForm {
	margin:0;
	padding-top:0;
}

#content #colLeft ul.commentlist {
	list-style:none;
	list-style-position:outside;
	display:block;
	margin:20px 0;
	border-top:3px solid #E5E8EA;
	border-bottom:2px solid #E5E8EA;
	padding:0;
}

#content #colLeft ul.commentlist ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
}

#content #colLeft ul.commentlist li {
	padding:0 0 20px 40px;
	position:relative;
	border-bottom:1px solid #E5E8EA;
	margin-top:25px;
	background:none;
}

#content #colLeft ul.commentlist li p{
	font-size:13px;
	margin:10px 0;
}

#content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text  {
	margin-left:20px;	
}

#content #colLeft ul.commentlist li .comment-meta span {
	font-size:11px;
	color:#999;
}

#content #colLeft ul.commentlist li .comment-meta {
	font-size:16px;
}


#content #colLeft ul.commentlist li .avatar {
	background:#fff;
	padding:1px;
	border:4px solid #eee;
	position:absolute;
	left:0;
	top:0;
}

#content #colLeft ul.commentlist .reply {
	position:absolute;
	right:0;
	top:0;
	width:46px;
	height:21px;
	background:url(images/bk_link_reply.png) 0 0 no-repeat;
	text-align:center;
	font-size:10px;
	text-indent:-9999px;
}

#content #colLeft ul.commentlist .reply a {
	color:#FFF;
	display:block;
	width:46px;
	height:21px;
}


#content #colLeft ul.commentlist li .children li {
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #E5E8EA;
	border-bottom:none;
	overflow:hidden;
	padding-bottom:0;
}

#content #colLeft ul.commentlist li .children li .avatar {
	top:15px;
}

#content #colLeft ul.commentlist li .children li .reply {
	top:15px;
}



/* --------------------------------
FORMS
-----------------------------------*/

#searchform input {
	border:1px dashed #CDCDCD;
	border-right:none;
	width:169px;
	background:none;
	padding:8px 10px 7px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#666666;
	font-style:italic;
	float:left;
	margin-top:1px;
}

#searchform input.submit {
	width:70px;
	height:39px;
	background:url(images/bk_but_search.jpg) 0 0 no-repeat;
	border:none;
	padding:0;
	margin-top:-2px;
}

/* COMMENTS F0RM */

#commentform p {
	margin:0;
}

#commentform label {
	display:block;
	padding:5px 0;
}

#commentform input, #commentform textarea {
	border:1px solid #ddd;
	padding:8px;
	width:300px;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

#commentform input:focus, #commentform textarea:focus {
	border:1px solid #0099FF;
}


#commentform textarea {
	width:560px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#commentform input#submit{
	border:none;
	width:151px;
	height:30px;
	margin-top:10px;
	cursor:pointer;
	background:url(images/but_addcomment.png) 0 0 no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:0;
}

/* Contact Form */

#contact label {
	display:block;
	padding:5px 0;
}

#contact input, #contact textarea {
	border:1px solid #ddd;
	padding:8px;
	width:300px;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}


#contact textarea {
	width:560px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#contact input.submit{
	border:none;
	width:151px;
	height:30px;
	margin-top:10px;
	cursor:pointer;
	background:url(images/but_addcomment.png) 0 0 no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:0;
}

.errormsg, .successmsg{
	background:#FEF4F1;
	border:1px solid #F7A68A;
	color:#DA4310;
	padding:10px;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}

.successmsg {
	background:#F5FAF1;
	border:1px solid #C2E1AA;
	color:#8FA943;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}

/* -------------------------------
CLEARING
----------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  float: none;
}

.clearfix { 
  display: block;  
}


/* Hide from IE-mac \*/
* html .clearfix { float: left; height: 1%; }
/* End hide from IE-mac */

.postBox .postBoxMid img {
    border: none;
    max-width: 100%;
}



/* Styles pour le lien Amazon */


/* Styles pour le bloc */
.amazon-block-link {
	display: block; /* Rend tout le lien cliquable */
}

.amazon-block-inner {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: left;
    align-items: center;
}

/* Image à gauche */
.amazon-image {
    flex: 1 1 30%;
    width: 30%;
	padding:15px;
}

.amazon-image img {
    width: 100%;
    height: auto;
}

/* Contenu à droite */
.amazon-content {
    flex: 1 1 70%;
    width: 70%;
    padding: 15px;
}

.amazon-block-link:hover{
    text-decoration: none !important;
}

/* Titre */
.amazon-content h3 {
    font-size: 18px;
    margin: 0 0 10px;
    color: #333;
    padding-top: 0;
}

/* Description */
.amazon-content p {
    font-size: 14px;
    color: #555;
}
.amazon-content .amazon-bouton {
    margin-top: 20px;
    background-color: rgb(255, 123, 0);
    padding: 20px 30px;
    text-transform: uppercase;
    width: 50%;
    text-align: center;
    color: white;
    font-weight: 600;
}




/* RESPONSIVE*/

@media only screen and (max-width: 960px) {
    /* Placez ici vos règles de style spécifiques pour les écrans sous 960px */
    #wrapper {
        width:90%;
    }
	.ddsmoothmenu {
		display:none;
	}
	.slogan {
		display:none;
	}
	.postBox .postBoxMid .textPreview {
		width: 90%;
	}
}

@media only screen and (max-width: 768px) {
    /* Placez ici vos règles de style spécifiques pour les écrans sous 960px */
    #wrapper {
        width:90%;
    }
	.ddsmoothmenu {
		display:none;
	}
	.slogan {
		display:none;
	}
	.postBox .postBoxMid .textPreview {
		width: 90%;
	}
	.amazon-block-inner {
		flex-direction: column;
		width:100%;
		align-content: center;
		text-align: center;
	}
	.amazon-image{
		width: 50%;
	}
	.amazon-content{
		width: 90%;
	}
	.amazon-bouton{
		margin:0 auto;
	}
}