/**
*
*		Media queries
*
**/

body {
-webkit-text-size-adjust: none;
}


@media screen and (max-width: 980px) {

.wrapper-site {
width:97%;
}

.logo {
float:none;
clear:both;
text-align:center;
padding:25px 0 5px 0;
}

#search {
float: none;
position: absolute;
bottom: -20px;
right: 0;
}

/** 	CONTENT 	**/


.left_column, right_column {
float:none;
margin: 12px 0 12px 0;
border:none;
width : auto ;
clear:both;
}

.right_column {
overflow:visible;
}

.left_column .moduletable, right_column .moduletable {
clear:both;
border:1px solid #e3e3e3;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
background: transparent url(../images/black-03.png) 0 0 repeat;
}


.submenu li {
display : inline-block;
margin : 0 1%;
width:48%;
}

.submenu li li {
text-align:left;
float:none;
margin : 2px 2px;
width:100%;
}

.submenu li li a, .submenu li li span.separator {
text-align:left;
padding-top:4px;
padding-bottom:3px;
}

.submenu li.active a, .submenu li.active span.separator,
.submenu li.active a:hover, .submenu li.active span.separator:hover {
margin-left: 0;
width:auto;
}

.submenu li li a, .submenu li li span.separator,
.submenu li.active li a, .submenu li.active li span.separator {
background-position : 5px 10px;
}



/** 	FOOTER 		**/

.address {
}

.bottom_menu li a, .bottom_menu li span.separator {
padding: 5px 7px 4px 7px;
}

#search .inputbox {
width:72px;
}

.bottom_menu.with_social_icons {
margin:0 0 0 -12px;
}

}


@media screen and (max-width: 900px) {

.main_menu_box{
float:left;
width:100%;
}

.dropdown li ul, .dropdown li ul ul {
top:100%;
left:12%;
width:88%;
margin-top:0;
}

.dropdown li {
text-align:center;
float:left;
margin : 0px 1% 1px 1%;
width:48%;
}

.dropdown li li {
text-align:left;
float:none;
margin : 2px 2px;
width:auto;
}

.dropdown li a, .dropdown li span.separator {
text-align:left;
}

.dropdown li.active a, .dropdown li.active span.separator,
.dropdown li.active a:hover, .dropdown li.active span.separator:hover {
margin-left: 0;
width:auto;
}

.dropdown li li a, .dropdown li li span.separator {
padding:9px 12px 9px 12px;
width:auto;
}


}



@media screen and (max-width: 750px) {

.user1, .user2, .user3, .user4, .user5, .user6, .right-module-position {
float:none;
padding:0;
margin:0;
width : 100% !important;
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-2 .column-1 {
width:auto;
float:none;
}

.cols-2 .column-2 {
width:auto;
float:none;
}

.cols-3 .column-1 {
float:none;
width:auto;
padding:0;
margin-right:0;
}

.cols-3 .column-2 {
float:none;
width:auto;
width:auto;
padding:0;
}

.cols-3 .column-3 {
float:none;
width:auto;
padding:0;
}

.column-1, .column-2, .column-3 {
padding:10px 0px;
}

.column-2 {
width:auto;
margin-left:0;
}

.column-3 {
width:auto;
}


/** 			TOP MENU 		**/

.top_menu .moduletable {
margin:0;
}

.top_menu li {
margin:10px 0 0 5px ;
height:auto;
background-image : none;
opacity:1.0;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
filter: apha(opacity = 100); 											/* hack IE7		*/
}

.top_menu li:hover {
opacity:1;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
filter: apha(opacity = 100); 											/* hack IE7		*/
}

.top_menu li a {
text-shadow:none;
background-image : none;
font-size:80%;
margin-right:0px;
padding: 0px 13px ;
border-left:1px solid #ddd;
height:auto;
}

.top_menu li:first-child a {
border-left:none;
}

/** 		TRANSLATE  		**/

#translate {
position: relative;
float: right;
margin: 6px 0 0;
}

}

@media (max-width: 640px) {

img {
height: auto; width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}

textarea, table, td, th, code, pre, samp {
word-wrap: break-word; /* passage à la ligne forcé */
-webkit-hyphens: auto; /* césure propre */
-moz-hyphens: auto;
hyphens: auto;
}

code, pre, samp {
white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
}

} 

@media (max-width:640px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2) {

body {
-webkit-text-size-adjust: 70% !important;
}
}