/* Zentropy Subtheme layout styles */
/* Targets screens between 320px and 480px */

/*@media only screen and (min-width : 320px) and (max-width : 480px) {*/
@media only screen and (max-width : 480px) {

#header {
	height: auto;
	width: 100%;
	position: static;
}
#header-inner-wrapper {
	padding: 0 10px 10px;
	position: relative;
}
#main-wrapper {
	padding-left: 0px;
}
#main {
	padding: 30px 0px 50px 0px;
}

#bloc-logo {
    width: 180px;
    padding-left: 60px;
    margin: 0 auto;
}
h1#site-name {
}
a#logo {
	padding-top: 10px;
}

nav#block-menu-menu-menu-annexe ul li {
    padding: 0px 0 6px;
}

.node-type-webform #main,
.node-type-page #main {
	padding: 30px 10px 50px 10px;
}

.field-name-title-field {
	float: none;
}
.page-categories .field-name-title-field,
.node-type-projet .field-name-title-field,
.field-name-field-texte-projet,
.field-name-field-legende-image-projet {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 400px;
	padding: 0 5px;
}

.field-collection-container {
	margin: 0;
}
.field-collection-view {
	border: none;
	box-shadow:none;
	border-bottom: 1px dotted #aaa;
}
.field-name-field-image-projet {
	width: auto;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.field-name-field-legende-image-projet {
/*	margin: 10px 0 10px 0;
*/}

.masonry-item,
.isotope-element {
	width: 100%;
	max-width: none;
}
.isotope-element .views-categories-row-wrapper {
    margin: 3px 0 0;
    box-shadow:none;
}

.masonry-item .views-field,
.isotope-element .views-field {
	padding-right: 0px;
}

.field-name-field-texte-page-bloc .field-item {
	width: 100% !important;
	margin-right: 0 !important;
}

}


@media only screen and (max-width : 480px) {
.field-name-field-legende-image-projet {
	margin: 10px;
	width: auto;
}

}