#contactform div
{
	margin-bottom: 0.5em;
	width: 100%;
}

#contactform .indent
{
	margin:10px 0px 10px 95px;
}

#contactform .form_element
{
	padding: 0px 10px 0px 0px;
	text-align:right;
	float: left;
	width: 180px;
}

#contactform .form_data 
{
	padding: 0px;
	text-align:left;
	float: left;	
}

#contactform .separator 
{
	clear: both;
	padding: 0px;
	font-size: 0.5px;
	height: 5px;
}

body {
margin:0px;
	padding:0px;
background: url(../images/background.jpg); background-repeat:repeat-x; 
background-color:#d2d2d2;
	font-size:12px;
font-family:arial;
color:#666666;
}

a {font-size: 12px; color: #2eb6e0; text-decoration: none;}
a:hover {font-size: 12px; color: #2eb6e0; text-decoration: underline;}

div {
	margin: 0px;
	padding: 0px;
}

#container{width:996px;	margin-left:auto; margin-right:auto;}
	
#content ul{list-style-type:none;margin-left:10px;padding-left:0px;}

#content li{background: url(../images/puce-bleue.jpg); background-repeat:no-repeat;padding-left:12px;background-position:0px 3px;}

#logo{float:left;
height:83px;
width:172px;
position:absolute;
top: 8px;
margin-left:17px;}

#header{margin-top:8px;}
#header a img {cursor:default;}
#menu-soldopha{width:800px; float:left;position:absolute; top:10px; margin-left:194px;}
#top_nav{margin-top:10px;}
#left_nav{float:left;width:160px;margin-right:45px;margin-top:20px;}
#content-2{float:left; width:732px;}
#contenu{float:left;width:473px;margin-right:45px;}
#contenu-2{float:left;width:663px;margin-right:45px;}
#colonne-droite{float:left;width:214px;margin-top:30px;font-size:13px;}
#langues{width:100px; padding-left:700px;margin-top:5px;}
#langues a {font-size: 10px; color: #2eb6e0; text-decoration: none; padding-right:5px; border-right:1px solid #2eb6e0;}
#langues a:hover{font-size: 10px; color: #2eb6e0; text-decoration: underline;padding-right:5px; border-right:1px solid #2eb6e0;}
#langues a.langues_last {font-size: 10px; color: #2eb6e0; text-decoration: none;border-right:0px solid;}
#langues a.langues_last:hover{font-size: 10px; color: #2eb6e0; text-decoration: underline;border-right:0px solid;}
#content{width:942px; margin-left:17px; margin-right:17px;margin-top:8px;padding:10px;background:#FFFFFF;}
#footer {height: 33px;width:996px; text-align:center;padding-top: 10px;font-size: 12px; color:#ffffff;background: url(../images/footer-bg.jpg); background-repeat:repeat-x; }
#footer a {font-size: 12px; color: #ffffff; text-decoration: none; padding:0px 5px 0px 5px;}
#footer a:hover {font-size: 12px; color: #ffffff; text-decoration: underline; padding:0px 5px 0px 5px;}
#footer a.footer_last{font-size: 12px; color: #ffffff; text-decoration: none;  padding: 0px 0px 0px 5px;}
#footer a.footer_last:hover {font-size: 12px; color: #ffffff; text-decoration: underline;}

#titre-colonne-gauche{font-size:20px; color:#4b8acf;margin-bottom:15px;margin-left:10px;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}

#top_nav #menu [id=navigation] + * {
		position: relative;
	}

	/* Theming opened nav */	
	#top_nav #menu [id=navigation] ul {		
		
		/* maximum height */
		max-height: auto;

		/* translate with hardware acceleration */
		-webkit-transform: translateZ(0); 
		-ms-transform: translateZ(0);
		        transform: translateZ(0);
		-webkit-transition: max-height .4s;
		        transition: max-height .4s;

		/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#top_nav #menu [id=navigation] a {
		display: block;
		padding: 1.2rem;
		color: #333;
		text-decoration: none;
		margin-bottom: 2px;
	}
	#top_nav #menu [id=navigation] a:hover
	#top_nav #menu [id=navigation] a:focus
	#top_nav #menu [id=navigation] a:active
	{
		color:#ffffff;
	}
	
	/* Theming closed nav */
	#top_nav #menu [id=navigation].is-closed ul {
		max-height: 0;
		overflow: hidden;
	}

	/* Global styling nav button */	
	#top_nav #menu [id="toggle-nav"] {
		display: block;
		position: absolute;
			top: 5.5rem; left: 1rem;
		z-index: 1;
		height:2.8rem; width: 3.5rem;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, right top, from(#333), to(#333)), -webkit-gradient(linear, left top, right top, from(#333), to(#333)), -webkit-gradient(linear, left top, right top, from(#333), to(#333));
		background-image: -webkit-linear-gradient(left, #333, #333), -webkit-linear-gradient(left, #333, #333), -webkit-linear-gradient(left, #333, #333);
		background-image: linear-gradient(to right, #333, #333),
			linear-gradient(to right, #333, #333),
			linear-gradient(to right, #333, #333);
		background-position: center top, center, center bottom;
		background-repeat: no-repeat;
		-webkit-background-size: 3.5rem .6rem;
		        background-size: 3.5rem .6rem;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-transition: .2s;
		        transition: .2s;
	}
	
	/*  Removing Firefox's dotted outline on button */	
	#top_nav #menu [id="toggle-nav"]::-moz-focus-inner {
		border: 0;
	}
	
	/* Theming opened nav button */	
	#top_nav #menu [id=navigation]:not(.is-closed) [id="toggle-nav"] {
		-webkit-transform: rotate(180deg) translateZ(0);
		        transform: rotate(180deg) translateZ(0);
		background-position: center, center, center;
	}
	
	
	/* Hide alternate text except from screen readers */
	.visually-hidden {
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
		height: 1px;
		width: 1px;
	}

#container {background-color:#ffffff; width:auto;}
#logo {float:none; margin:0; position:inherit; width:auto;}
#logo > a {display:block; text-align:center;}
#menu-soldopha {float:none; margin:0; position:inherit; width:auto;}
#langues {padding:0; text-align:right; width:auto;}
#langues a,#langues a.langues_last,#langues a:hover,#langues a.langues_last:hover {font-size:15px;}
#menu ul li {float:none; width:auto;}
#menu ul li:hover {float:none;}
#menu a.main_menu {border:none; text-align:center;}
#menu a.main_menu:hover {border:medium none; text-align:center;}
#header > a img {display:none;}
#content {margin:0; width:auto;}
#depoussierage-gelule,#tri-gelule-non-conforme,#tri-gelule-vide {float:none; height:auto; margin:5px 0; width:auto;}
.texte-encadre {height:auto;}
#cadre-centre {float:none; margin:0; width:auto;}
.image-accueil {float:none; margin:0; text-align:center; width:auto;}
.texte-accueil {float:none; width:auto;}
#colonne-droite-accueil {float:none; width:auto;}
#coordonnees-soldopha > div {display:inline-block; float:none !important; vertical-align:middle; width:auto !important;}
#footer {background-color:#a0a0a0; height:auto; width:auto;}
#footer a {display:block; padding:10px 0;}
#footer a:hover {padding:10px 0;}
#footer a.footer_last {padding:10px 0 0;}
#footer a.footer_last:hover {padding:10px 0 0;}

#contenu-2 {float:none; margin:0; width:auto;}
#colonne-droite {float:none; width:auto;}
#bouton-contact {text-align:center;}
#bouton-contact > img {height:auto; width:100%;}
#bouton-contact p img {height:auto; width:100%;}
#outerImageContainer {height:auto !important; width:100% !important;}
#imageContainer > img {height:auto; width:100%;}
#imageDataContainer {height:auto; width:100% !important;}

#left_nav {float:none; margin-right:0; width:auto;}
#content-2 {float:none; width:auto;}
#contenu {float:none; margin:0; width:auto;}
table {width:100% !important;}
td {padding:0; width:5px;}
#contenu p img {height:auto; width:100%;}
#contenu div {width:auto !important;}

#adresse {float:none; margin:10px 0; width:auto;}
#adresse > div {display:inline-block; float:none !important; vertical-align:middle; width:auto !important;}
#formulaire {float:none; width:auto;}
#contactform {padding:10px;}
#contactform div {margin-bottom:2em;}
#contactform .form_element {float:none; text-align:left; width:auto;}
textarea {width:170px;}
#contactform .indent {margin:10px 0; text-align:center;}