/* ééé */

BODY {}	
.site_center {	width:95%;}

#datopslogan {	padding-left:0px;	text-align:center;}

#topmenu {	background-color:#545454;	width:auto; }

#topmenu #damenubutton {
	display:block;
	cursor: pointer;
	border-left:5px solid #fff;
	color:#fff;
	margin-left:10px;
	font-weight:bold;
	font-size:24px;
	text-transform:uppercase;
	padding-left:10px;
}

#topmenu  #damenu {
	display:none;
}

#topmenu  ul {
	margin-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
}

ul.nav-child
{
	margin-top:-10px;
}

#topmenu  ul.menumobile {
	display:block;
}

#topmenu  li {
	display:block;
	text-align:center;
}

#topmenu  li  a , #topmenu  li  span{
	display:block;
	color:#ffc081;
	font-size:16px;
	padding:12px;
	text-decoration:none;
	border:1px solid #eee;
	border-radius:15px 0px 15px 0px;
	margin:0px 20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
	margin-top:6px;
	margin-bottom:6px;
	font-weight:bold;
}

#topmenu  li  li a, #topmenu  li  li span {
	font-size:12px;
	padding:1px;
	margin-top:3px;
	margin-bottom:3px;
}

#topmenu  li  a {
	border:1px solid #fff;
}

#topmenu  li  a:hover, #topmenu  li.active a {
	color:#fff;
}

#topmenu  li:last-child  a {
	border-right:1px solid #eee !important;
}

iframe {
	width:100% !important;
}

#dacontent img, #datopline img {
	max-width:100% !important;
	height:auto;
}

@media screen and (max-width: 850px) {
	#dabanner {
		height:160px;
	}
	
	#datoplogo {
		float:none;
		text-align:center;
	}

	#datopslogan {
		overflow:none;
		vertical-align:middle;
		padding-left:0px;
		padding-top:10px;
		text-align:center;
	}
	
	#dabannerslogan {
		padding-top:30px;
	}

	#dabannerslogan  img{
		width:300px;
		max-width:100%;
		height:auto;
	}		
	
	#datopbuttons {
		float:none;
		text-align:center;
		margin-top:10px;
	}
	
	#datopbuttons #pharmacielogo {
		margin-bottom:15px;
	}

	#dalivraisons {
		font-size:26px;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	#daparallax .aikon_paralax_content * {
		font-size:16px !important;
		line-height:30px;
	}
}

@media screen and (max-width: 700px) {
	.doblocks tr {
		width:40%;
		margin:20px;
	}

	.responsiveform {
		display:block;
		margin-left:auto;
		margin-right:auto;
	}	

	.sel_form fieldset {
		max-width:300px !important;
		margin:0px auto;
	}
}


@media screen and (max-width: 600px) {
	.domobile {
		display:block;
		float:none !important;
	}
	
	table.domobile, table.domobile tr, table.domobile tbody  {
		display:block;
		width:100%;
	}

	table.domobile td {
		display:block;
		margin-bottom:20px;
		width:100% !important;
	}

	table.domobile iframe {
		width:100%;
	}
	#dareseau {
		font-size:15px;
		font-weight:bold;
	} 
	
	#dacontent div[itemprop="articleBody"] * {
		text-align:left !important;
	}

	.gros_textes_blancs {
		font-size:20px;
	}

	#daparallax .aikon_paralax_content * {
		font-size:12px !important;
		line-height:24px;
	}
	
	#datopbuttons * {
		font-size:16px;
	}

	.blog .items-row > * {
		width:100%;
	}
}

@media screen and (max-width: 450px) {
	.doblocks tr {
		width:90%;
		margin:20px;
	}
}