/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {









}



/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {









} 



/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {









} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {








} 

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {


/* LOGO */
 img#logo{
		width:100px;
		margin:0 0 2em 0;
		padding:0;
}
	/* ACCUEIL */




		/* TITRES ET TEXTES */
	
		
h1 {
		line-height:1.5em;
		font-size:1.3em;
		font-weight:bold;
		padding:0;
		margin:2em 0 0 0;
		color:#f05a28;
		border-bottom-right-radius: 40px 40px;
		border-top-left-radius: 40px 40px;
		width:100%;
	}



h2 {
		line-height:1.3em;
		font-size:1em;
		font-weight:bold;
		padding:1em 0 0 0;
		margin:1em 0 1em 0;
		color:#000000;
		border-bottom-right-radius: 40px 40px;
		border-top-left-radius: 40px 40px;
		width:100%;

}
		 

	p {
		line-height:1.4em;
		font-weight:normal;
		font-size:1.2em;
		text-align: justify;
		padding:0;
		margin: 0;
		color:#000;
		width:100%;
	}


figcaption.categorieAccueil {
		font-size:1.3em;
}





/* MENUS */




ul#menu li{
		padding:0 50px 0 0;
		margin:0;
		font-size:1em;
		line-height:1.3em;
    	text-decoration: none;
		list-style-type: none;
		display: inline-block;

}

ul#menu a:link, a:visited{
		text-decoration: none;
		color:#000000;
}

a { color: #333; text-decoration: none; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }
	a:link {
    text-decoration: none;
}

div#haut ul#menugauche {
		padding:0;
		margin:1em 0 0 0;		
		background-color:#ffffff;
		width:200px;
    	text-decoration: none
}

		ul#menugauche li{
		padding:0 50px 0 0;
		margin:0;
		font-size:1.1em;
		line-height:1.4em;
    	text-decoration: none;
		list-style-type: none;
}
li {
  display: block;
}
hr{
	width:0;
	border: 0;
	}


ul#menugauche a:link, a:visited{
		text-decoration: none;
		color:#000000;
}





		/* IMAGES */

img.scale-with-grid {
		max-width: 100%;
		height: auto; }

div.categorie {
 		padding:0;
		margin:0 ;
}
		div.categorie img {
		width:100%;
		height:auto;
		padding:0;
		margin:1em 0 1em 0;
		box-shadow: 3px 3px 2px #cccccc;
		background-color: #ffffff;
}
		div.categorie img.smaller {
		width:50%;
		height:auto;		
 		padding:0;
		margin:0;
}
		

div.categoriePubli  img{
		width:100%;
		height:auto;
		padding:0;
		margin:1em 0 1em 0;
		box-shadow: 3px 3px 2px #cccccc;
		background-color: #ffffff;
}
div.categorieAffiche img {
		width:100%;
		height:auto;
		display: inline;
		padding:0;
		margin:3em 1em 1em 0;
		box-shadow: 3px 3px 2px #cccccc;
		background-color: #ffffff;
		display:inline;
}


figure {
	display: inline-block;
	margin:0;
	padding:0;
}
		



		/* ILLUSTRATIONS */

div#illustrations img {
		width:350px;
		height:auto;
		padding:0;
		margin:2.5em 1em 0.5em 0;
		background-color: #ffffff;
		box-shadow: 2px 2px 1px #cccccc;
}
div#illustrationsClient img {
		width:100%;
		height:auto;
		padding:0px;
		margin:20px;
		background-color: #ffffff;
		box-shadow: 2px 2px 1px #cccccc;
}
div#illustrations {
text-align: center;}

		/* ANIMATIONS */

p.definition {
		background-color: #ffffff;
		line-height:1.3em;
		text-align:left;
		font-size:1.1em;
		font-weight:normal;
		padding:0;
		margin:1em 0 1em 0;
		color:#000000;
		width:100%;
		}
video.animation{
		width:100%;
		height:auto;
		margin:0px;
		padding:0px;
	} 

p.animations {
		padding:0 0 1em 0;
		margin:5em 0 1em 0;
	}


	

		/* DIVERS */

div.encadre {
		padding: 1em;
		color:#000000;
		box-shadow: 3px 3px 10px #cccccc;


}
.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100px;
  margin:0px;
  padding:10px 0 10px 10px;
  background-color: #ffffff;
  font-size:1em;
}

div#hapa img{
	width:50%;
}
div#hapa {
background-color: transparent;
margin:0 -3.6em 0 0;
padding:0px;
}



	sup {
    vertical-align: super;
    font-size: smaller;
}






}