@charset "UTF-8";

/* global */
#accueil p#chemin { display: none; }
.ensavoirplus {}

/* page d'accueil */
#accueil {}
.univers #accueil h1#con_libelle,
.univers #accueil h2#chapo span,
.univers #accueil #con_descriptif  { position: absolute; top: 0; left: -999em; }
.univers #accueil h2#chapo {
	position: absolute; top: 20px; right: 30px;
	margin: 0; width: 163px; height: 163px;
	background: url(../images/sprites-accueil.png) no-repeat 0 0;
}
/* 7 raisons */
#bloc_sept_raisons {}
.univers #bloc_sept_raisons {
	position: absolute; top: 205px; right: 0; width: 250px; height: 300px; overflow: hidden;
	background: url(../images/sprites-accueil.png) no-repeat 0 -163px;
}
.univers #bloc_sept_raisons .scroller { position: absolute; top: 57px; left: 54px; width: 163px; height:205px; overflow: hidden; }
#bloc_sept_raisons div.pair,
#bloc_sept_raisons div.impair { position: relative; float:left; width: 163px; height: 250px; margin-right: 2px; }
.univers #bloc_sept_raisons div.pair,
.univers #bloc_sept_raisons div.impair { overflow:hidden; margin: 0; height: 205px; }
.univers div.scroller div.content { width: 10000px; }
#bloc_sept_raisons h2 {
	font-family: Georgia, Times, serif; font-size: 1.6em; font-weight: normal; font-style: italic; color: #f5250a; 
	letter-spacing: -1px; line-height: 1em;
}
.univers #bloc_sept_raisons h2 { position: absolute; top: 0; left: 56px; margin: 0 30px 0 0; }
.univers #bloc_sept_raisons h2 strong { font-size: 1.3em;  }
.univers #bloc_sept_raisons .container {}
#bloc_sept_raisons h3 {
	position: relative; margin: 0 0 5px 0; padding: 5px;
	font-size: 1.2em; font-weight: normal; color: white;
	background: #4c3e2d; 
}
#bloc_sept_raisons .desc7 { margin: 0 5px; font-size: 1.2em; line-height: 1.1em; }
.univers #bloc_sept_raisons .desc7 { margin: 0; font-size: 1em; line-height: 1.2em; font-weight: bold; }
.univers #bloc_sept_raisons .desc7 p { margin: 0; }
#bloc_sept_raisons .desc7 p.petitspoints { display: none; }
.univers #bloc_sept_raisons .desc7 p.petitspoints { display: inline; margin-top: -5px; font-size: 1.2em; font-weight: bold; color: #f5250a; }
#bloc_sept_raisons a { color: black; text-decoration: none; }
#bloc_sept_raisons ul#controls { position: absolute; top: 0; left: -999em; }
.univers #bloc_sept_raisons ul#controls { top: 271px; left: 104px; margin: 0; padding: 0; list-style: none; }
.univers #bloc_sept_raisons #controls li { position: relative; float: left; margin: 0 3px 0 0; }
.univers #bloc_sept_raisons #controls li a { 
	display: block; width: 7px; height: 7px; 
	background: url(../images/sprites-accueil.png) no-repeat -110px -545px; 
}
.univers #bloc_sept_raisons #controls li a:hover,
.univers #bloc_sept_raisons #controls li a.active { background-position: -100px -545px; }
.univers #bloc_sept_raisons #controls li a span { position: absolute; top: 0; left: -999em; }
.univers #bloc_sept_raisons #previous,
.univers #bloc_sept_raisons #next { 
	position: absolute; bottom: 9px; width: 60px; height: 34px; margin: 0;
	background-image: url(../images/sprites-accueil.png); background-repeat: no-repeat;
}
.univers #bloc_sept_raisons #previous { left: 33px; background-position: -33px -475px; }
.univers #bloc_sept_raisons #previous:hover { background-position: -33px -510px; }
.univers #bloc_sept_raisons #next { right: 5px; width: 65px; background-position: -180px -475px; }
.univers #bloc_sept_raisons #next:hover { background-position: -180px -510px; } 
#bloc_sept_raisons p#chapter { position: absolute; top: 0; left: -999em; }
.univers #bloc_sept_raisons p#chapter {
	top: 42px; left: 14px;
	margin: 0; width: 32px; height: 32px; line-height: 32px; text-align: center;
	font-family: Georgie, Times, serif; font-size: 1em; font-weight: bold; color: #f5250a;
}
.univers #bloc_sept_raisons p#chapter #nb { font-size: 2.1em; font-weight: normal; }

/* dernières créations */
.univers #references_recentes {
	position: absolute; top: 121px; left: 260px;
	padding: 0; width: 410px; height: 270px;
	background: url(../images/sprites-accueil.png) no-repeat -260px 0;
}
#references_recentes h2 {
	clear: both;
	font-family: Georgia, Times, serif; font-size: 1.6em; font-weight: normal; font-style: italic; color: #f5250a; 
	letter-spacing: -1px; line-height: 1em;
}
.univers #references_recentes h2 { position: absolute; top: 0; left: -999em; }
#references_recentes #previousref,
#references_recentes #nextref { position: absolute; top: 0; left: -999em; }
.univers #references_recentes #previousref,
.univers #references_recentes #nextref { 
	top: -6px; right: 10px; left: auto; width: 70px; height: 34px; margin: 0;
	background-image: url(../images/sprites-accueil.png); background-repeat: no-repeat;
}
.univers #references_recentes #previousref { right: 70px; background-position: -400px -270px; }
.univers #references_recentes #previousref:hover { background-position: -470px -270px; }
.univers #references_recentes #nextref { background-position: -260px -270px; }
.univers #references_recentes #nextref:hover { background-position: -330px -270px; }
.univers #references_recentes .scroller { position: absolute; top: 33px; left: 15px; width: 380px; height: 220px; overflow: hidden; }
.univers #references_recentes .section { position: relative; float: left; margin-right: 5px; width: 379px; height: 222px; }
#references_recentes .pair,
#references_recentes .impair { position: relative; float: left; width: 300px; margin: 10px; }
.univers #references_recentes .pair,
.univers #references_recentes .impair { position: absolute; overflow: hidden; float: none; margin: 0; }
.univers #references_recentes .pair .imageRef,
.univers #references_recentes .impair .imageRef {  }
#references_recentes .pair .imageRef img,
#references_recentes .impair .imageRef img { position: relative; display: block; }
.univers #references_recentes .pair .imageRef img,
.univers #references_recentes .impair .imageRef img { position: absolute; top: 0; left: 0; }
.univers #references_recentes  #reflast_REF_DERNIERES_4 img { height: 100%; }
.univers #references_recentes .pair a,
.univers #references_recentes .impair a { 
	position: relative; display: block; width: 100%; height: 100%;
	text-decoration: none; color: white; font-size: 1.1em;
	background: url(../images/transparent.png);
}
.univers #references_recentes .pair a span,
.univers #references_recentes .impair a span {
	position: absolute; bottom: 0; left: 0;  width: 100%; padding: 0.2em;
	background: #6E5334; 
}
.univers #references_recentes .pair a:hover span,
.univers #references_recentes .impair a:hover span { left: 0; }
.univers #references_recentes .pair a strong,
.univers #references_recentes .impair a strong { font-weight: normal; }
.univers #reflast_REF_DERNIERES_0 { width: 115px; height: 120px; top: 0; left: 0; }
.univers #reflast_REF_DERNIERES_1 { width: 259px; height: 120px; top: 0; right: 0; }
.univers #reflast_REF_DERNIERES_2 { width: 260px; height: 97px; bottom: 0; left: 0; }
.univers #reflast_REF_DERNIERES_3 { width: 114px; height: 97px; bottom: 0; right: 0; }
.univers #reflast_REF_DERNIERES_4 { width: 115px; height: 222px; top: 0; left: 0; }
.univers #reflast_REF_DERNIERES_5 { width: 114px; height: 97px; top: 0; left: 120px; }
.univers #reflast_REF_DERNIERES_6 { width: 140px; height: 97px; top: 0; right: 0; }
.univers #reflast_REF_DERNIERES_7 { width: 259px; height: 120px; bottom: 0; right: 0; }


/* quelques références */
#references_choisies { display: none; }