body {
		background: #fff;
		font: 14px/21px 'Dosis', sans-serif;
		color: #000000;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

 	
 		/* COULEURS */

span.orange {
 		color:#FF6633;
 	}
span.gris {
 		color:#939598;
 	}

	/* LOGO */
img#logoAccueil{
		width:130px;
		margin:0 0 2em 0;
		padding:0;
}
div#haut img#logoInterieur{
		width:100px;
		margin:50px 0 30px 0;
		padding:0;
}
	/* ACCUEIL */




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


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

}
		 

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


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





/* MENUS */

div.centrer {
	text-align: center;
}

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

ul#menu li{
		padding:0 50px 0 0;
		margin:0;
		font-size:1.1em;
		line-height:1.4em;
    	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#menu ul#sous-menu {
		padding:0;
		margin:0;		
		background-color:#ffffff;
		width:200px;
    	text-decoration: none
}

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

}

ul#sous-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;
}


div#haut ul#menugaucheclients {
		padding:0;
		margin:1em 0 0 0;		
		background-color:#ffffff;
		width:100%;
    	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;
}
ul#menugauche a:link, a:visited{
		text-decoration: none;
		color:#000000;
}





		/* IMAGES */

img#logoAccueil {
			width:120px;

}
img#logoInterieur {
			width:60px;

}

div.categorieAffiche img.logoclients {
		width:120px;
		height: auto;
		padding:80px 0 0 0;
		margin:0;
		box-shadow: none;
}

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

div.categorie {
 		padding:0;
		margin:0 ;
}

/* IMAGES REPORTAGE PHOTOS - CARTES - DÉPLIANTS - WEB - RAPPORTS D'ACTIVITÉS - LIVRES - GUIDES*/

		div.categorie img {
		width:600px;
		height:auto;
		padding:0;
		margin:1em 0 1em 0;
		box-shadow: 3px 3px 2px #cccccc;
		background-color: #ffffff;
}
		div.categorie img.smaller {
		width:300px;
		height:auto;		
 		padding:0;
		margin:0;
}
		
/* IMAGES PUBLIREPORTAGES */

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

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

/* IMAGES AFFICHES */

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

/* IMAGES INFOGRAPHIE */

div.categorieInfographie img{
		width:400px;
		height:auto;
		padding:0;
		margin:1em 0 1em 0;
		box-shadow: 3px 3px 2px #cccccc;
		background-color: #ffffff;
}



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:450px;
		height:auto;
		padding:0px;
		margin:20px;
		background-color: #ffffff;
		box-shadow: 2px 2px 1px #cccccc;
}
div#illustrations {
text-align: center;}


		/* ANIMATIONS */

p.introduction {
		background-color: #ffffff;
		line-height:1.3em;
		font-size:1.3em;
		font-weight:normal;
		padding:0;
		margin:1em 0 1em 0;
		color:#000000;
		width:100%;
		}

p.definition {
		background-color: #ffffff;
		line-height:1.3em;
		font-size:1.3em;
		font-weight:normal;
		padding:0;
		margin:1em 0 1em 0;
		color:#000000;
		width:478px;
		}
video.animation{
		width:478px;
		height:348px;
		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;
}


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