/* ********************** */
/*       SPOUTNIK          */
/* ********************** */
html {
	width:100%;
	height:100%;
	display:table;
}
body {
	background-color:#333;
	font: 11px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	min-width:1240px;
	min-height:460px;
	display:table-cell;
	vertical-align:middle;
}
#mainnav span, header span {
	display:none;
}
.retour {
	clear:both;
}
.bold {
	font-weight:bold;
}
.orange {
	color:#FF7000;
}
.bleu {
	color:#54BBC2;
}
.vert {
	color:#AECC52;
}
.celadon {
	color:#77BB9D;
}
.jaune {
	color:#FFB60F;
}
.bordeaux {
	color:#9D3658;
}
.gris {
	color:#999;
}
.cap {
	text-transform:uppercase;
}
#main {
	width:1240px;
	height:460px;
	margin:auto;
	position:relative;
	overflow:hidden;
}
#gauche {
	float:left;
	position:relative;
	width:360px;
}
#navflash {
		z-index:200;
		position:absolute;
		float:left;
}
#mainnav {
	background:url(../images/bg-mainnav.png) no-repeat 10px bottom;
	width:220px;
	height:460px;
	font-size:12px;
}
#mainnav .facebook {
	width:20px;
	height:20px;
	margin:385px 0 0 2px;
	background:url(../images/bt-facebook.png) no-repeat;
	float:left;
}
#mainnav .home {
	background:url(../images/bt-home.png) no-repeat left bottom;
	width:35px;
	height:30px;
	float:left;
    margin-top:320px;
	text-indent:-10px;
}
#mainnav .enseignement {
	background:url(../images/bt-enseignement.png) no-repeat 29px bottom;
	height:70px;
	width:80px;
	position:absolute;
	float:left;
	top:139px;
	left:20px;
}
#mainnav #menu {
	float:left;
	width:100px;
	margin:20px 0 0 60px;
}
#mainnav #menu a {
	background:no-repeat left top;
	display:block;
	margin-bottom:70px;
}
#mainnav #menu a:hover, #mainnav #menu .on {
	background-position:left bottom;
}
#mainnav #menu .agence {
	background-image:url(../images/bt-agence.png);
	height:19px;
	padding-left:25px;
}
#mainnav #menu .formes {
	background-image:url(../images/bt-formes.png);
	height:21px;
	padding-left:32px;
}
#mainnav #menu .logements {
	background-image:url(../images/bt-logements.png);
	height:12px;
	padding-left:32px;
	margin-left:-2px;
}
#mainnav #menu .sante {
	background-image:url(../images/bt-sante.png);
	height:19px;
	padding-left:25px;
	margin-left:5px;
}
#mainnav #menu .bureaux {
	background-image:url(../images/bt-bureaux.png);
	height:24px;
	padding-left:32px;
	margin:0 0 30px -5px;
}
#tige {
	position:absolute;
	float:left;
	-webkit-transform-origin:bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin:bottom left;
	transform-origin:bottom left;
}
.tigeagence {
	background: url(../images/tige-agence.png) no-repeat bottom left;
	width:91px;
	height:19px;
	margin:30px 0 0 127px;	
}
.tigeformes {
	background: url(../images/tige-formes.png) no-repeat bottom left;
	width:84px;
	height:48px;
	margin:73px 0 0 128px;	
}
.tigelogements {
	background: url(../images/tige-logements.png) no-repeat bottom left;
	width:79px;
	height:55px;
	margin:155px 0 0 130px;
}
.tigesante {
	background: url(../images/tige-sante.png) no-repeat bottom left;
	width:79px;
	height:55px;
	margin:235px 0 0 130px;
}
.tigebureaux {
	background: url(../images/tige-bureaux.png) no-repeat bottom left;
	width:84px;
	height:81px;
	margin:315px 0 0 127px;
}
#secondnav, #secondnavecole {
	position:absolute;
	z-index:70;
	float:left;
	width:140px;
	bottom:-460px;
	left:220px;
	max-height:440px;
}
#bgnavecole {
	background: url(../images/bg-navsececole.png) no-repeat top left;
	width:13px;
	height:460px;
	float:left;
	position:absolute;
}
#secondnav h2, #secondnavecole h2  {
	margin:0 0 10px 5px;
	font-size:12px;
}
#secondnav nav a, #secondnavecole a  {
	font-size:11px;
	line-height:14px;
	display:block;
	margin:0 0 1.5px 5px;
}
#secondnav .navsecagence {
	min-height:432px;
}
#secondnav .navsecagence a:hover, #secondnav .navsecagence .on {
	color:#FF7000;
}
#secondnav .navsecformes {
	min-height:388px;
}
#secondnav .navsecformes a:hover, #secondnav .navsecformes .on {
	color:#54BBC2;
}
#secondnav .navseclogements {
	min-height:310px;
}
#secondnav .navseclogements a:hover, #secondnav .navseclogements .on {
	color:#AECC52;
}
#secondnav .navsecsante {
	min-height:230px;	
}
#secondnav .navsecsante a:hover, #secondnav .navsecsante .on {
	color:#77BB9D;
}
#secondnav .navsecbureaux {
	min-height:150px;
}
#secondnav .navsecbureaux a:hover, #secondnav .navsecbureaux .on {
	color:#FFB60F;
}
#secondnavecole .navsececole {
	min-height:388px;
	float:left;
	width:120px;
	margin-left:13px;
}
#secondnavecole .navsececole a:hover, #secondnavecole .navsececole .on {
	color:#9D3658;
}
#contenu {
	margin-left:360px;
	width:880px;
	height:460px;
	float:left;
}
#contenthome {
	width:880px;
	height:460px;
	background:url(../images/bg-home.png) no-repeat left bottom;
	float:left;
}
#contenthome #info {
	margin:230px 0 0 351px;
	width:220px;
	height:110px;
}
#centre {
	float:left;
	width:550px;
	position:relative;
}
#graine {
	background:url(../images/graine.png) no-repeat bottom left;
	width:11px;
	height:460px;
	bottom:0;
	left:0;
	float:left;
}
#rondagence {
	width:539px;
	height:460px;
	bottom:0;
	left:5px;
	background:url(../images/rond-agence.png) bottom left no-repeat;
	float:left;
	position:absolute;
	-webkit-transform-origin:bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin:bottom left;
	transform-origin:bottom left;
}
#rondcouleur {
	width:539px;
	height:460px;
	bottom:0;
	left:5px;
	background-position:bottom left;
	background-repeat:no-repeat;
	float:left;
	position:absolute;
	-webkit-transform-origin:bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin:bottom left;
	transform-origin:bottom left;
}
.rondformes {
	background-image:url(../images/rond-formes.png);
}
.rondlogements {
	background-image:url(../images/rond-logements.png);
}
.rondsante {
	background-image:url(../images/rond-sante.png);
}
.rondbureaux {
	background-image:url(../images/rond-bureaux.png);
}
.rondecole {
	background-image:url(../images/rond-enseignement.png);
}
#grandephoto {
	width:454px;
	height:454px;
	float:left;
	background-position:left bottom;
	background-repeat:no-repeat;
	position:absolute;
	bottom:3px;
	margin-left:3px;
}
#grandephoto.poshaut {
	background-position:right 20px;
	background-size:100% auto;
}
.photoequipe {
	background-image:url(../images/agence/yves-mahieu.jpg);
}
.photoanna {
	background-image:url(../images/agence/anna.jpg);
}
.photopeageE1 {
	background-image:url(../images/formes-structures/peageE1/photo1.jpg);
}
.photopeageEE1 {
	background-image:url(../images/formes-structures/peageEE1/photo1.jpg);
}
.photocours1 {
		background-image:url(../images/enseignement/cours1/photo1.jpg);
}
#grandmasque {
	background:url(../images/masque.png) no-repeat left bottom;
	bottom:0;
	left:0;
	width:530px;
	height:460px;
	z-index:50;
	position:absolute;
}
#miniatures {
	width:85px;
	height:460px;
	float:left;
	overflow:hidden;
}
#miniatures img {
	float:left;
	display:block;
	overflow:hidden;
	margin-bottom:15px;
	position:absolute;
	z-index:100;
	width:85px;
	height:85px;
}
.mini1 {
	top:373px;
	/*bottom:2px;*/
	left:397px;
	}
/*#miniatures .mini1 {
	margin-bottom:0;
	bottom:-12px;
}*/
.mini2 {
	bottom:80px;
	left:435px;
	}
.mini3 {
	bottom:185px;
	left:435px;
}
.mini4 {
	bottom:288px;
	left:390px;
}
#petitmasque {
	background: url(../images/masque-mini.png) no-repeat left bottom;
	width:500px;
	height:460px;
	z-index:150;
	position:absolute;
	left:380px;
	bottom:0;
}
#liensronds a {
	width:85px;
	height:85px;
	float:right;
	display:block;
	margin-bottom:15px;
	position:absolute;
	z-index:200;
	background-color:#333;
	-moz-opacity:0.45;
	-webkit-opacity:0.45;
	opacity:0.45;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=45)";/*IE8*/
	filter:alpha(opacity=45);/*IE<8*/
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
#liensronds a:hover {
	-moz-opacity:0;
	-webkit-opacity:0;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";/*IE8*/
	filter:alpha(opacity=0);/*IE<8*/;
}
#droite {
	float:left;
	width:265px;
	background:url(../images/bg-droite.png) no-repeat;
	padding-left:45px;
	height:400px;
	margin:60px 20px 0 0;
	z-index:200;
	position:absolute;
	right:0;
}
#present0, #present1, #present2, #present3 {
	display:none;
}
#present0 {
	display:block;
}
#centre iframe {
	margin-top:60px;
}
#droite h3 {
	font-size:13px;
	margin-bottom:20px;
}
#droite p {
	/*margin-bottom:10px;*/
	text-align:justify;
   -webkit-hyphens: manual;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -o-hyphens: auto;
   hyphens: auto;
 }
 #droite .loadpdf a {
	 color:#999;
 }
 #droite p strong {
	font-weight:bolder;
	font-family: "Arial Black", Helvetica, Arial, sans-serif;
}
#droite dt {
	float:left;
	clear:both;
	margin-right:4px;
	color:#999;
}
#tigesdroite {
	background:url(../images/tiges-droite.png) no-repeat;
	width:48px;
	height:154px;
	right:0;
	bottom:0;
	position:absolute;
}