@charset "UTF-8";
/*
	CSS Document
	
	Version : 0.2 du 17/11/2011
	Web	: www.scenoscience.com
	Auteur	: Vincent HUMEAU
	
	© 2011 Trans-Sphère Sarl	Internet & Multimédia	http://www.trans-sphere.com	
*/
.orange { color:rgb(254,65,16); }
.violet { color:rgb(98,30,93); }

/*** Spécifique Body ***/
body {
	margin: 0;
	background-color:rgb(255,255,255);
	font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
}
a { color:rgb(98,30,93); font-weight: bold; }
a:hover { text-decoration:underline; }
.hrb { font-family:Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing:0.4px; }

/*** Spécifique page ***/
div#page {
	position:relative; width:960px; height:auto; min-height:600px;
	background-color: rgb(254,65,16);
}

/*** Spécifique Home ***/
body.home div#page { height:600px; }
body.home img#logo { width:205px; height:123px; }
body.home div#center {
	position: relative; width: 205px;
	margin:0 auto; padding-top: 218px;
}
body.home div#footer {
	position: absolute; bottom:0px; width: 960px; height: 40px;
	color:rgb(255,255,255); text-align:center;
}

/*** Spécifique Page ***/
body.page div#header { position: relative; width: 928px; height: 75px; padding:27px 0 27px 32px; }
body.page div#header div#logo { position: absolute; top: 27px; left: 32px; width: 125px; }
body.page div#header div#logo img { width: 125px; height:75px; }
body.page div#header div#menu { position: absolute; top: 27px; left: 196px; width: 544px; height: 48px; z-index: 2; }
body.page div#header div#menu div#cases { position: absolute; top: 10px; left: 0px; }
body.page div#header div#menu div#cases div.case { position: absolute; top: 0px; width: 26px; height: 28px; cursor: pointer;; }
body.page div#header div#menu div#cases div#extra { position: absolute; top: -5px; width: 52px; height: 37px; z-index: 100; }
body.page div#header div#bulle { position: absolute; top: 60px; left: 196px; width: auto; height: 22px; z-index: 1; padding-top: 16px; padding-left: 4px; padding-right: 4px; font-size: 0.75em; color:rgb(254,65,16); }	
body.page div#header div#langues { position: absolute; top: 27px; left: 742px; }
body.page div#header div#langues img { margin:0 2px; }

body.page div#titre	{ position: relative; height: 22px; margin: 0 32px 14px; color: rgb(255,255,255); }
body.page div#titre	h1 { padding:0; margin:0; font-family:hrb, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; }

body.page div#center { position: relative; width: 896px; margin: 0px 32px; overflow:visible; }
body.page.accueil div#center,
body.page.extra div#center { height: 480px; }
body.page.infos div#center { height: 530px; }
body.page div#center div.pave { position: absolute; background-color: rgb(255,255,255); color: rgb(0,0,0); font-size:0.75em; }
body.page div#center div#texte_photo { top: 0px; left: 0px; width: 149px; height: 154px; }
body.page div#center div#texte_txt1 { top: 0px; left: 181px; width: 181px; padding: 18px; }
body.page div#center div#texte_txt2 { top: 0px; left: 430px; width: 181px; padding: 18px; }
body.page div#center div#texte_txt3 { top: 0px; left: 679px; width: 181px; padding: 18px; }
body.page div#center div#infos_photo { top: 0px; left: 0px; width: 207px; height: 155px; margin-right: 22px; }
body.page div#center div#infos_txt1 { top: 155px; left: 0px; width: 171px; padding: 18px; margin-right: 22px; }
body.page div#center div#infos_txt2 { top: 0px; left: 229px; width: 171px; padding: 18px; margin-right: 22px; }
body.page div#center div#infos_txt3 { top: 0px; left: 458px; width: 171px; padding: 18px; margin-right: 22px; font-size:0.7em; }
body.page div#center div#infos_txt4 { top: 0px; left: 687px; width: 171px; padding: 18px; font-size:0.7em; }

body.page.projet div#center { height: auto; }
body.page.projet div#center div#photos_desc { position: relative; width: 896px; height: 349px; margin-bottom:18px; background-color:transparent; }
body.page.projet div#center div#photos_desc div.planche { position: absolute; top: 0px; left: 0px; width: 686px; height: 349px; }
body.page.projet div#center div#photos_desc div.planche div.photo { position: absolute; top: 0px; width:334px; height:349px;}
body.page.projet div#center div#photos_desc div.planche div.photo1 { left: 0px; margin-right: 18px; }
body.page.projet div#center div#photos_desc div.planche div.photo2 { left: 352px; }
body.page.projet div#center div#photos_desc div.planche div img { width:334px; height:349px; }

body.page.projet div#center div#desc { position: absolute; top: 0px; left: 704px; width: 156px; height: 349px; background-color: rgb(255,255,255); padding-left: 18px; padding-right: 18px; overflow: auto; }
body.page.projet div#center div#desc p { font-size: 0.75em; }
body.page.projet div#center div#plusdimages { position: absolute; top: 310px; left: 18px; cursor:pointer; }
body.page.projet div#center div#texte { position: relative; background-color: rgb(255,255,255); }
body.page.projet div#center div#texte p { padding:24px; margin:0; font-size:0.875em; text-align:justify; }

body.page div#footer { width: 960px; color: rgb(255,255,255); font-size:0.855em; text-align:center; }
body.page.accueil div#footer,
body.page.extra div#footer,
body.page.infos div#footer { position: absolute; bottom: 14px; }
body.page.projet div#footer { position: relative; padding:14px 0; }
body.page div#footer img#c_img { margin:0 4px 0 0; vertical-align:bottom; }
body.page div#footer span#ssm a { color:rgb(255,255,255); font-weight: normal; }
body.page div#footer img#cm_img { width:150px; height:18px; vertical-align:bottom; background-image:url(http://www.scenoscience.com/__lib/img/btns/pied/pied_sup_off.png); }
body.page div#footer img#cm_img:hover { background-image:url(http://www.scenoscience.com/__lib/img/btns/pied/pied_sup_over.png); }
body.page div#footer img#i_img { width:18px; height:18px; vertical-align:bottom; margin:0 0 0 10px; }
/*** Classique ***/
img { border:none; font-size:10px; }
a { text-decoration:none; }
table { border-collapse:collapse; }
*:focus { outline:none; }
noscript.alerte { font-size:10px; color:rgb(255,0,0); }
.null { }
.txt_XXL	{ font-size:2em; }
.txt_XL		{ font-size:1.64em; }
.txt_L		{ font-size:1.2em; }
.txt_M		{ font-size:1em; }
.txt_S		{ font-size:0.86em; }
.txt_XS		{ font-size:0.715em; }
.txt_XXS	{ font-size:0.57em; }
.gras		{ font-weight:bold; }
.sousligne	{ text-decoration:underline; }