html			{ height:100% }
body			{ height:100%; position:relative; top:0.2%; margin:0; padding:0; border:0; color:#a9a9a9; background-color:#413e3f; 
					font:20px SansaProNormal, Arial, Helvetica, Sans-Serif }

a				{ color:#a9a9a9; text-decoration:underline; transition:color 500ms; -webkit-transition:color 500ms }
a:hover			{ color:#f0f0f0; transition:color 500ms; -webkit-transition:color 500ms }
a, embed, object, input, label	{ outline:0 }
a img			{ border:0; text-decoration:none }
p				{ margin:0; padding:0 }
form			{ padding:0; margin:0 }
table			{ border:0; border-collapse:collapse }
table td		{ padding:0 }
img.block		{ display:block }	/* html5 */

.clear			{ clear:both }

@font-face {
	font-family: 'SansaProNormal';
	src:url('../fonts/SansaPro-Normal.eot');									/* IE9 Compat Modes */
    src:url('../fonts/SansaPro-Normal.eot?#iefix') format('embedded-opentype'),	/* IE6-IE8 */
		url('../fonts/SansaPro-Normal.woff') format('woff'),					/* Modern Browsers */
		url('../fonts/SansaPro-Normal.ttf') format('truetype'),					/* Safari, Android, iOS */
		url('../fonts/SansaPro-Normal.svg#SansaProNormal') format('svg');		/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DanielRegular';
	src:url('../fonts/daniel.eot');
    src:url('../fonts/daniel.eot?#iefix') format('embedded-opentype'),
		url('../fonts/daniel.woff') format('woff'),
		url('../fonts/daniel.ttf') format('truetype'),
		url('../fonts/daniel.svg#DanielRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TheanoDidotRegular';
	src:url('../fonts/TheanoDidot-Regular.eot');
	src:url('../fonts/TheanoDidot-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TheanoDidot-Regular.woff') format('woff'),
		url('../fonts/TheanoDidot-Regular.ttf') format('truetype'),
		url('../fonts/TheanoDidot-Regular.svg#TheanoDidotRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.wrapper		{ width:100%; height:100% }
.haut			{ vertical-align:top }
.page			{ position:relative; margin:0 auto; width:1180px; min-height:600px }
.footer			{ padding:5px 0 20px 0; font-size:14px; width:1180px; text-align:center; vertical-align:bottom }
.footer a		{ text-decoration:none }
.menu-gauche	{ position:absolute; left:64px; top:35px; text-transform:uppercase }
.menu-gauche a	{ display:inline-block; text-decoration:none }

.softOpen		{ opacity:0.25 }
.formFade		{ display:none }

#menu			{ position:absolute; left:440px; top:35px; width:680px; text-align:right; line-height:20px }
#menu a			{ display:inline-block; padding:0; text-transform:uppercase; text-decoration:none }
#menu a.last	{ background-image:none; padding-right:0 }
#menu a.first	{ padding-left:0 }
#menu a:hover	{ color:#f0f0f0 }
#menu a.active	{ color:#f0f0f0 }
#menu a.rborder	{ margin-right:20px; padding-right:22px; background:url('../images/menu-sep.png') right 3px no-repeat }

/* Contenus */
.content			{ padding:130px 0 30px 190px; color:#d7d7d7; width:840px }
.content.accueil	{ padding-top:230px }
.content.accueil2	{  }
.content.cpages		{ padding:130px 0 30px 75px; width:1030px }
.content.contact	{ padding-top:230px }
.content.mosaique	{ width:960px; padding-left:105px }

img.suivant, img.precedent	{ position:absolute; top:370px; opacity:0.4; transition:opacity 500ms; -webkit-transition:opacity 500ms; filter:alpha(opacity=40) }
img.suivant:hover, img.precedent:hover	{ opacity:1; filter:alpha(opacity=100) }
img.suivant.hide, img.precedent.hide	{ opacity:0; filter:alpha(opacity=0) }
img.suivant					{ left:1105px }
img.precedent				{ left:40px }
img.suivant.accueil			{ opacity:0.6 }
img.suivant.accueil:hover	{ opacity:1; filter:alpha(opacity=100) }

/* Pages présentant des lignes de campagnes */
.cpages-line		{ width:1030px; text-align:center }
.cpages-photos		{ display:inline-block }
span.loupe			{ margin:6px 0 0 0 }

/* Mosaïque */
.content.mosaique .line		{ padding:0 0 22px 0 }
.content.mosaique .thumb	{ float:left; text-align:center; font-size:10px; color:#d9dadb }

/* popup */
.popup		{ position:fixed }
#zoom-next, #zoom-previous	{ cursor:pointer; z-index:3 }
#zoom-next		{ margin-left:30px }
#zoom-previous	{ margin-left:-30px }

/* Editor */
