@media screen and (max-width: 767px),  
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2)  {
	 

	/*--------------------------------------------------------*/
	/*-- 			Pour les smartphones	 				--*/
	/*--------------------------------------------------------*/
	
	
	/************************************************************/
	/*							 responsive						*/
	/************************************************************/
	.wide{display:none !important;}
	.desktop{display:none !important;}
	.tablet{display:none !important;}
	.smartphone{display:block !important;}

	
	
	body{
	}
	
	img,
	iframe,
	object{
		max-width: 100%;
	}
	
	img.image_left,
	img.image_right{
		 float: none;
		 margin: 0px;
	}
	
	h1{
		font-size: 30px;
		line-height: 35px;
	}
	
	#main #content_main #home_bottom .powered{
		float: none;
		max-width: 100%;
		padding:5% 0% 7% 0%;
		line-height: 30px;
	}
	
	
	/*--------------------------*/
	/*---------- Layout ----------*/
	/*--------------------------*/
	
	/** Header **/
	
	#header{
		height: auto;
		position: static;
		padding-bottom: 14px;
	}
	
	#header #content_header{
		width: 100%;
		padding: 0px;
		text-align: center;
	}
	
	#header #content_header #logo{
		width: 192px;
		height: 73px;
		padding-top:0px;
		overflow: hidden;
		float: none;
		margin: auto;
		/*background: url("../images/logo-smartphone.gif") top left no-repeat;*/
	}
	
	/*#header #content_header #logo img{
		display: none;
	}*/
	
	#header #content_header #header_right{
		float: none;
		margin: auto;
		width: 90%;
		padding: 3% 0% 0% 0%;
	}
	
	#header #content_header .link_top{
		margin-top: 0px;
		margin-left: 10px;
		clear: both;
		float: none;
		display: block;
		text-align: center;
	}
	
	#header #content_header .link_top a{
		float: none;
		display: inline-block;
		margin: 0px;
	}
	
	#header .menu{
		width: 100%;
		margin: auto;
		height: 30px;
		background: #d3d3d3;
		border: 1px solid #cecece;
		margin-top: 7px;
	}
	
	#header .menu a{
		display: block;
		height: 30px;
		background: url("../images/menu.png") center center no-repeat;
	}
	
	/***** Footer *****/
	
	#footer{
		height: auto;
	}
	
	#footer #content_footer{
		width: 90%;
		margin: auto;
		padding: 10px 0px 5px 0px;
	}
	
	#footer #content_footer .logo{
		float: none;
		text-align: center;
		padding: 0px;
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	
	#footer #content_footer .logo a{
		display: block;
		margin: auto;
		width: 296px;
		text-align: center;
		width: 100%;
	}
	
	#footer #content_footer #footer_left,
	#footer #content_footer #footer_right{
		clear: both;
		float: none;
		text-align: center;
		padding: 0px;
		display: block;
		margin-bottom: 5px;
	}
	
	#footer #content_footer #footer_left{
		margin-bottom: 0px;
	}
	
	#footer #content_footer #footer_left p,
	#footer #content_footer #footer_right p{
		margin: 0px;
		line-height: 20px;
	}
	
	#main #content_main #home_bottom .powered{
		text-align: center;
		clear: both;
	}
	
	#main #content_main #home_bottom .powered .logo_cc{
		clear: both;
		float: none;
		margin: auto;
		margin-top: 20px;
	}
	
	/***** Main ******/
	
	#main{
		padding-top: 0px;
	}
	
	#main #content_main{
		width: 90%;
		margin: auto;
		padding: 0px;
	}
	
	/** Left Right **/
	
	#main #content_main #left,
	#main #content_main #right{
		float: none;
		width: 100%;
		margin: auto;
	}
	
	#main #content_main #left{
		padding-top: 55px;
	}
	
	/** Home **/
	
	
	#main #content_main #home_top{
		width: 100%;
		margin: auto;
		display: none;
	}
	
	#main #content_main .show_top{
		width: 100%;
		display: none;
	}
	
	#main #content_main #home_default{
		width: 100%;
		margin: auto;
		padding-top: 223px;
		position: relative;
	}
	
	#main #content_main #home_default #default_left{
		width:100%;
		float: none;
		display: block;
		text-align: center;
	}
	
	#main #content_main #home_default #default_right{
		width:96%;
		padding:2%;
		float: none;
		display: block;
		margin-top: 0px;
		margin: auto;
	}
	
	#main #content_main #home_bottom{
		width: 100%;
		margin: auto;
	}
	
	#main #content_main .show_top span.open{
		margin-top: -36px;
	}
	

	/*--------------------------*/
	/*---- Content Element -----*/
	/*--------------------------*/

	/***** Header navigation *****/

	#header .content_navigation{
		display: none;
		position: absolute;
		background: #fff;
		width: 100%;
		margin: 0px;
		left: 0px;
		padding: 0%;
		width: 90%;
		padding: 0% 5%;
		border-bottom: 1px solid #BEBDBD;
		z-index: 99;
	}
	
	#header .content_navigation ul.level_1{
		margin-bottom: 2%;
	}
	
	#header .content_navigation ul li{
		float: none;
		display: block;
		padding: 0px;
	}
	
	#header .content_navigation ul li a{
		background: none;
		padding: 0px;
		background: #d3d3d3;
		border: 1px solid #cecece;
		display: block;
		line-height: 30px;
		margin: 1.5% 0%;
		color: #fff;
		text-shadow: 1px 1px 1px #bbbbbb;
	}
	
	
	/***** Highlights *****/
	
	.content_highlights{
		width: 100%;
	}
	
	.content_highlights .highlight_outer .highlights_left_block{
		width: 94%;
		padding: 3%;
	}
	
	/***** Forms *****/

	input[type=text], textarea, select {
	   padding: 1% !important;
	   background-color: #fff !important;
	   -webkit-appearance: none !important;
 	   -webkit-border-radius: 0em !important;
 	   border:1px solid #D5D5D5 !important;
	 }
	 

   
   select {
        padding: 1.5% 5% 1.5% 1% !important;
        background-image: url("../images/dropdown.png") !important;
        background-position:center right !important;
        background-repeat:no-repeat !important;
        -webkit-background-size: 20px 20px !important;
   }
	 
   
   input[type=submit] {
     border-radius: 0em;
   }
   
    form dd input,
	form dd textarea{
		width: 95%;
	}
	
	form dd input,
	form dd textarea{
		width: 95%;
		padding: 3% 2%;
	}
	
	.content_form .form_left,
	.content_form .form_middle,
	.content_form .form_right{
		width: 100%;
		float: none;
	}
	
	/** Newsletter **/
	
	.content_newsletterregister .left,
	.content_newsletterregister .center,
	.content_newsletterregister .center.center2,
	.content_newsletterregister .right{
		width: 100%;
		float: none;
	}
	
	.content_newsletterregister #captcha-label,
	.content_newsletterregister #submit-label{
		display: none;
	}
	
	/***** Textimg *****/
	
	#main #content_main #home_bottom .content{
		margin: 0px;
	}
	
	/** Home bottom **/

	#main #content_main #home_bottom .content_textimg{
		max-width: 83%;
		padding:5.5% 8% 7% 8%;
		height: auto;
		margin:0px;
		margin: auto;
		margin-bottom: 30px;
		background-position: top right;
		overflow: hidden;
		font-size: 15px;
	}
	
	#home_bottom .content_textimg h2{
		line-height: 30px;
	}
	
	/*--------------------------*/
	/*---------- Blog ----------*/
	/*--------------------------*/
	
	/***** Articlelist *****/
	
	.content_articlelist{
		width: 100%;
		padding-top: 10%;
	}
	
	#main #content_main #home_default #default_right .content_articlelist{
		padding-top: 0px;
	}
	
	.content_articlelist h1{
		line-height: 32px;
	}
	
	.content_articlelist .filters .search{
		display: block;
	}
	
	.content_articlelist .filters .search input[type=text]{
		padding: 0px 10px !important;
	}

	
	.content_articlelist form.filter_by_cat,
	.content_articlelist h1{
		position: absolute;
		top: 0px;
		width: auto;
	}
	
	.content_articlelist h1{
		top: 90px;
	}
	
	.content_articlelist form.filter_by_cat{
		top: 130px;
		height: 200px;
		margin-bottom: 0px;
	}
	
	
	.content_articlelist  form.filter_by_cat .sectors{
		width: auto;
		display: inline-block;
	}
	
	.content_articlelist  form.filter_by_cat .sectors #cat{
		width: 90%
	}
	
	
	
	.content_articlelist .articles .content_articlelist_item{
		clear: both;
		margin-right: 0px;
		/*display: block;*/
		max-width: 90%;
	}
	
	

	
	/***** Articleview *****/
	
	.content_articleview h1{
		margin-bottom: 20px;
	}
	
	.content_articleview .lang{
		top:-86px;
	}
	
	.content_articleview .infos{
		line-height: normal;
		padding: 7px 0px 5px 0px;
	}
	
	.content_articleview .infos span{
		display: block;
		line-height: normal;
		text-align: center;
		margin-bottom: 5px;
	}
	
	.content_articleview .infos .sharing{
		float: none;
		margin: auto;
		display: block;
		overflow: hidden;
		width: 100%;
		text-align: center;
		height: auto;
	}
	
	.content_articleview .infos .sharing a{
		float: none;
		display: inline-block;
		margin: 0px;
		
	}
	
	.content_articleview .article_left,
	.content_articleview .article_right{
		width: 100%;
		padding:0%;
		float: none;
	}
	
	.content_articleview .article_right .columns{
		-moz-column-count: 1;
	    -moz-column-gap: 0;
	    -webkit-column-count: 1;
	    -webkit-column-gap: 0;
	    column-count: 1;
		column-gap: 0;
	}

}