/*CSS POUR ECRAN <=500px - TELEPHONE*/
/*---------------------------------------------------------------
						HEADER
-----------------------------------------------------------------*/
#wrapperHeader {
	background-image: none;
	background-color: #f3f3f3;
}
#header {
	width: 320px;
}
#header #logo {
	width: 160px;
	height: 80px;
}
#header #logo img {
	width: 160px;
}
/*------------------ Menu de langues -------------------*/
#header #block-lang-dropdown-language {
	float: right;
	width: 125px;
	background-color: transparent;
	border-bottom: solid 1px #999;
	padding: 0;
	padding-bottom: 5px;
}
/*------------------ Menu secondaire -------------------*/
#header #block-menu-block-1, #header #block-menu-block-12 {
	float: right;
	border: 0;
	width: 125px;
	background-color: transparent;
	padding: 0;
}
#header #block-menu-block-1 .content li, #header #block-menu-block-12 .content li {
	border-left: 0;
	border-bottom: solid 1px #999;
	width: 119px;
	padding: 3px;
	height: auto;
}
#header #block-menu-block-1 .content li a, #header #block-menu-block-12 .content li a {
	height: auto;
}
#header #block-menu-block-1 .content li.menu-mlid-495 a, #header #block-menu-block-1 .content li.menu-mlid-647 a,
#header #block-menu-block-1 .content li.menu-mlid-499 a,
#header #block-menu-block-12 .content li.menu-mlid-1045 a, #header #block-menu-block-12 .content li.menu-mlid-1049 a,
#header #block-menu-block-12 .content li.menu-mlid-1050 a {
	background-image: none;
	padding: 0;
}
#header #block-menu-block-1 .content li.menu-mlid-500, #header #block-menu-block-1 .content li.menu-mlid-501,
#header #block-menu-block-1 .content li.menu-mlid-502, #header #block-menu-block-1 .content li.menu-mlid-503,
#header #block-menu-block-1 .content li.menu-mlid-504,
#header #block-menu-block-12 .content li.menu-mlid-1051, #header #block-menu-block-12 .content li.menu-mlid-1052,
#header #block-menu-block-12 .content li.menu-mlid-1053, #header #block-menu-block-12 .content li.menu-mlid-1054,
#header #block-menu-block-12 .content li.menu-mlid-1055 {
	display: none;
}
#header #block-menu-block-1 .content li ul, #header #block-menu-block-12 .content li ul {
	display: none;
}
/*------------------ Infos header -------------------*/
#header #block-block-1 {
	float: left;
	width: 320px;
}
#header #block-block-1 #offreEssai {
	display: none;
}
#header #block-block-1 #telephone {
	float: left;
	margin-left: 20px;
}
#header #block-block-1 #mail {
	float: left;
	margin-left: 60px;
	margin-top: 8px;
}
/*------------------ Menu principal -------------------*/
#header #block-menu-block-6, #header #block-menu-block-9 {
	top: 209px;
	width: 320px;
}
#header #block-menu-block-6 .content li, #header #block-menu-block-9 .content li {
	margin: 0;
}
#header #block-menu-block-6 .content ul li a, #header #block-menu-block-9 .content ul li a {
	padding-left: 0px;
	width: 86px;
}
#header #block-menu-block-6 .content ul li:hover ul, #header #block-menu-block-9 .content ul li:hover ul {
	display: none;
}
/*---------------------------------------------------------------
						CONTENT
-----------------------------------------------------------------*/
#breadcrumb {
	display: none;
}
#main {
	width: 320px;
}
#content {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	margin-top: 50px;
}
#content h1 {
	font-size: 1.8em;
}
#content .screen {
	display: none;
}
#content .mobile {
	display: block;
}
#content img {
	display: none;
}
#content .view img, .home #content img {
	display: block;
}

/*------------------ Home -------------------*/
.home #content {
	width: 320px;
}
.home #block-menu-menu-slide-menu {
	display: none;
}
.home #block-block-12 {
	display: none;
}
.home #block-block-2, .home #block-block-3, .home #block-block-4 {
	width: 300px;
	float: none;
}
.home #block-block-5 {
	width: 296px;
}
.home #block-block-6 {
	width: 290px;
	float: none;
	clear: both;
}
.home #block-block-7 {
	float: none;
	width: 290px;
}
.home #block-block-8 {
	width: 290px;
	height: auto;
	margin-left: 0;
	clear: both;
}
.home #block-views-slideshow-differences-block {
	display: none;
}
/*------------------ Clients -------------------*/
.page-node-43 #content #tpepme, .page-node-263 #content #tpepme {
	width: auto;
	height: auto;
	background-image: none;
	padding-top: 0;
	margin-bottom: 10px;
	padding: 10px;
}
.page-node-43 #content #grandcompte, .page-node-263 #content #grandcompte {
	width: auto;
	height: auto;
	background-image: none;
	padding-top: 0;
	margin-left: 0;
	margin-bottom: 10px;
	padding: 10px;
}
.page-node-43 #content #public, .page-node-263 #content #public {
	width: auto;
	height: auto;
	background-image: none;
	float: left;
	padding-left: 0;
	padding-top: 0;
	padding: 10px;
}
/*------------------ Revendeurs -------------------*/
#node-42 #area_image {
	display: none;
}
.page-revendeurs .view-revendeurs .views-row {
	margin-right: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 5px;
}
/*------------------ Références clients -------------------*/
.page-clients-references-clients .view-clients .views-row {
	margin-right: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 5px;
}
/*------------------ Business case -------------------*/
.page-clients-business-casehtml .view-clients .views-row {
	margin-right: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 5px;
}
/*------------------ Recrutement -------------------*/
#content .page-recrutement .views-row {
	width: 320px;
}
#content .page-recrutement .views-row .views-field-field-salaire,
#content .page-recrutement .views-row .views-field-field-experience {
	display: none;
}
/*Formulaire candidature*/
#content #node-151 textarea {
	width: 280px;
	margin-left: 20px;
}
#content #node-151 .captcha .field-prefix {
	clear: left;
	margin-left: 15px;
}
/*------------------ Demande d'évaluation gratuite -------------------*/
#content #node-145 #webform-component-nom-du-domaine-a-proteger input, #content #node-145 #webform-component-nombre-de-comptes-e-mails-a-proteger input,
#content #node-145 #webform-component-identifiant-administration-souhaite input, #content #node-145 #webform-component-revendeur-habituel input,
#content #node-145 #webform-component-solution select,
#content #node-288 #webform-component-nom-du-domaine-a-proteger input, #content #node-288 #webform-component-nombre-de-comptes-e-mails-a-proteger input,
#content #node-288 #webform-component-identifiant-administration-souhaite input, #content #node-288 #webform-component-revendeur-habituel input,
#content #node-288 #webform-component-solution select {
	width: 280px;
	margin-left: 20px;
}
#content #node-145 textarea, #content #node-288 textarea {
	width: 280px;
	margin-left: 20px;
}
#content #node-145 .captcha .field-prefix, #content #node-288 .captcha .field-prefix {
	clear: left;
	margin-left: 15px;
}
/*------------------ Contact -------------------*/
#content #node-31 div.form-textarea-wrapper, #content #node-287 div.form-textarea-wrapper {
	clear: left;
}
#content #node-31 textarea {
	width: 280px;
	margin-left: 20px;
}
#content #node-31 #webform-component-recevoir-des-informations #edit-submitted-recevoir-des-informations input,
#content #node-287 #webform-component-recevoir-des-informations #edit-submitted-recevoir-des-informations input {
	margin-left: 10px;
}
#content #node-31 #webform-component-recevoir-des-informations #edit-submitted-recevoir-des-informations label,
#content #node-287 #webform-component-recevoir-des-informations #edit-submitted-recevoir-des-informations label {
	width: 250px;
}
#content #node-31 .captcha .field-prefix, #content #node-287 .captcha .field-prefix {
	clear: left;
	margin-left: 15px;
}
#content #block-block-15 .node-data-gmap-paris, #content #block-block-15 .node-data-gmap-lyon,
#content #block-block-15 .node-data-gmap-paris.active, #content #block-block-15 .node-data-gmap-lyon.active {
	display: none;
}
/*---------------------------------------------------------------
						SIDEBAR
-----------------------------------------------------------------*/
#sidebar {
	width: 320px;
}
/*------------------ Menu secondaire -------------------*/
#sidebar #block-menu-block-4 .content ul, #sidebar #block-menu-block-10 .content ul {
	padding-right: 75px;
}
/*------------------ Menu solutions -------------------*/
#sidebar #block-menu-block-7 .content ul {
	padding-right: 75px;
}
#sidebar #block-menu-block-7 .content ul li.menu-mlid-759, #sidebar #block-menu-block-7 .content ul li.menu-mlid-769,
#sidebar #block-menu-block-7 .content ul li.menu-mlid-760, #sidebar #block-menu-block-7 .content ul li.menu-mlid-763 {
display: none;
}
/*------------------ Menu différences -------------------*/
#sidebar #block-menu-block-8 .content ul {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 65px;
}
/*------------------ Evaluez nos services -------------------*/
#sidebar #block-block-13 {
	width: 296px;
}
/*------------------ Partenaires -------------------*/
#sidebar #block-block-14 {
	width: 290px;
}
/*---------------------------------------------------------------
						PREFOOTER
-----------------------------------------------------------------*/
#prefooter {
	width: 320px;
}
#prefooter #block-views-actualit-s-block {
	width: 290px;
	float: none;
}
#prefooter #block-views-actualit-s-block .views-row {
	width: 320px;
}
#prefooter #block-block-9 {
	width: 290px;
}
#prefooter #block-views-clients-block-1 {
	width: 320px;
}
/*---------------------------------------------------------------
						FOOTER
-----------------------------------------------------------------*/
#footer {
	width: 320px;
}
#footer #block-menu-block-2, #footer #block-menu-block-14 {
	width: 320px;
	float: none;
}
#footer #block-menu-block-2 .content ul li, #footer #block-menu-block-14 .content ul li {
	width: 100px;
}
#footer #block-menu-block-2 .content ul li.menu-mlid-485 {
	clear: both;
}
#footer #block-menu-block-2 .content ul li.menu-mlid-485, 
#footer #block-menu-block-2 .content ul li.menu-mlid-489,
#footer #block-menu-block-2 .content ul li.menu-mlid-586 {
	margin-top: 10px;
}
#footer #block-simplenews-1 {
	float: none;
	width: 320px;
	padding-top: 20px;
	clear: both;
}
#footer #block-block-10 {
	float: none;
	width: 320px;
}
#footer  #block-menu-block-3 {
	float: none;
	width: 320px;
}