﻿/*Div principale pour centrage*/
#tplGlobalCenter {
	position:absolute;
	top:50%;
	width:100%;
	overflow:visible;
	left:0;
	height:1px;
	visibility:visible;
	display:block;
}

/*Div principale centrée*/
#tplFra {
/*	width: 980px;*/
	width:100%;
	text-align:left;
/*	height:600px;*/
	height:100%;
	position:absolute;
	overflow:wink;
	w
/*	left:50%;
	margin-left:-490px;*/

/*	position: absolute; compat IE7 */
/*	background-color:#073649;
	background-image: url(../img/struct/background.jpg);
	background-repeat:repeat-y;
	height:100%;
	width:100%;
	min-width:700px;
	min-height:360px;*/
}

/*Div gauche*/
#tplMnu {
	width:200px;
	background-image: url(../img/struct/background_01.jpg);
	background-repeat:repeat-y;
	height:100%;
	float:left;
}

#tplLeftMnu {
	margin:5px;
	height:120px;
}
#tplLeftIcon{
	float:left;
	bottom:0px;
	position:absolute;
}
.logoChimie{
	height:160px;
	width:200px;
	background-image:url(../img/deco/icoChimiePetit.jpg);
}
.logoInfo{
	height:160px;
	width:200px;
	background-image:url(../img/deco/icoInfoPetit.jpg);
}
.logoPhysique{
	height:160px;
	width:200px;
	background-image:url(../img/deco/icoPhysPetit.jpg);
}
.logoScienceTerre{
	height:160px;
	width:200px;
	background-image:url(../img/deco/icoTerrePetit.jpg);
}
.logoScienceVie{
	height:160px;
	width:200px;
	background-image:url(../img/deco/icoNaturePetit.jpg);
}
.logoMath{
	height:160px;
	width:200px;
	background-image:url(../img/deco/icoMathPetit.jpg);
}
.logoDefault{
	height:160px;
	width:200px;
	background-image:url(../img/deco/icoDefaultPetit.jpg);
}

/*Div centrale*/
#tplMid {
	width: 50px;
	float: left;
	background-image: url(../img/struct/background_02.jpg);
	background-repeat:repeat-y;
	height:100%;
}

#tplMidMnu {
	height:100%;
	text-align:center;
	margin-left:6px;
}

#tplMidMnuCloser {
	margin-top:200%;
	height: 40px;
	width:20px;
	float:left;
}

#tplMidMnuOpener {
	margin-top:400%;
	height: 40px;
	width:20px;
	float:left;
}

/*Div droite*/
#tplCo{
/*	width: 730px;
	height:100%;*/
	float: left;
	height:100%;
	right:0px;
	left:250px;

	position: absolute;
/*	background-image: url(../img/struct/TopMain.gif);
	background-repeat:no-repeat;
	background-color:white;*/
/*	top:0px;
	left:275px;
	right:0px;
	bottom:0px;
	overflow: auto;*/

}

#tplRightTop{
	background-image: url(../img/struct/Top.jpg);
	background-repeat:repeat-x;
	margin:0;
	height:69px;
	width:100%;
	top:0;
	float:left;
	left:0;
	position:absolute;
	top:0;
}

#tplRightTopBorderRight{
	float:right;
	width:4px;
	height:7px;
}

#tplRightTopTitleRoot{
	margin: 20px 15px 0 0;
	height: 20px;
	text-align:right;
	color:#CCCCCC;
	font-weight:bold;
	font-size:16px;
}
#tplRightTopTitlePage{
	margin: 5px;
	height: 20px;
	margin:5px 0 0 20px;
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	
}
#tplRightCenter{
	margin:0;
	top:69px;
	bottom:68px;
	width:100%;
	position:absolute;
	overflow:auto;
}


.mainContent{
	margin:0;
	top:0px;
	bottom:0px;
	width:100%;
	position:absolute;
	overflow:auto;
}
#tplRightBottom{
	height:68px;
	background-image: url(../img/struct/Btm.jpg);
	background-repeat:repeat-x;
	width:100%;
	bottom:0;
	position:absolute;
}
#tplRightBottomLogo{
	float:left;
	margin:0;
	height:68px;
	background-image: url(../img/deco/logo.jpg);
	background-repeat:no-repeat;
	width:153px;
	float:left;
	color:#FFFFFF;
	font-size:0px;
}
#tplRightBottomNav{
	margin:10px 7px 0 0 ;
	height:25px;
	float:right;
	width:150px;
}



/*anciens styles provenant de numeliphy--------------------------------------------------------------------------------*/

#tplTop {
	position: absolute;
	background-image: url(../img/struct/Top.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:50px;
	top:0px;
	left:0px;
	color: white;
	text-align: center;
	font-size:16px;
	
}

#tplTopLft {
	float:left;
	height: 50px;
}

#tplTopLft A {
	margin:5px 30px 0px 30px ;
	float:left;
}
#tplTopLft span {
	margin:5px 30px 0px 30px ;
	float:left;
}


#tpLines {	
	width:25px;
	left:250px;
	position:absolute;
	bottom:50px;
	position:absolute;
	right:0px;
	top:0px;
}
#tpLinesTop {
	background-image: url(../img/deco/traitTop.png);
	background-repeat:no-repeat;
	width:25px;
	height:83px;
}
#tpLinesBtm {
	background-image: url(../img/deco/traitBtm.png);
	background-repeat:repeat-y;
	width:25px;
	height:100%;
}
#tplLft {
	position: absolute;
	width:48px;
	top:50px;
	left:2px;
	color: white;
	overflow: hidden;
	text-align: center;
	padding-bottom:26px;
}

#tplCoMarginW{
	margin-top:50px;
}

#tplMain{
	position: absolute;
	top: 50px;
	bottom: 70px;
	left: 30px;
	right: 50px;
}

#tplCoMnuLft{
	background-image: url(../img/struct/titreGauche.png);
	height:30px;
	width:35px;
	float:left;
	background-color:#09506c;
}

#tplCoMnuMid{
	background-image: url(../img/struct/titreCentre.png);
	background-repeat:repeat-x;
	height:30px;
	float:left;
	font-weight:bold;
	color:white;
	font-size:14px;
	padding-right:8px;
}

#tplCoMnuRgt{
	background-image: url(../img/struct/titreDroite.png);
	height:30px;
	width:18px;
	float:left;
	background-color:#09506c;
}
/*#tplMnu {
	position: absolute;
	width:250px;
	top:15px;
	left:0px;
	bottom:0px;
	text-align: left;
	float:left;
}*/

#tplMnuOpenedCo{
	position: absolute;
	width: 15px;
	height: 27px;
	right:0px;
	bottom:210px;
}
#mnuBtnCollapse{
	background: url(../img/mnu/fermer.png) no-repeat;
	position: absolute;
	width: 15px;
	height: 50px;
	margin-top:20px;
}

#mnuBtnCollapse:hover{
	background-image: url(../img/mnu/fermerOver.png);
}

#tplIco{
	position: absolute;
	text-align: center;
	width:174px;
	bottom:0px;
	height:84px;
	overflow: hidden;
	background-image: url(../img/deco/logoTop.png);
	background-repeat:no-repeat;
}
#tplIco img{
	position: absolute;
	left:0px;
	bottom:0px;
}
#tplMnuClosed{
	position: absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width: 15px;
}
#tplBtnOpenMenu{
	background: url(../img/mnu/ouvrir.png) no-repeat;
	position: absolute;
	width: 14px;
	height: 175px;
	bottom:210px;
}

#tplBtnOpenMenu:hover{
	background-image: url(../img/mnu/ouvrirOver.png);
}
/*#tplCo {
	position: absolute;
	background-image: url(../img/struct/TopMain.gif);
	background-repeat:no-repeat;
	background-color:white;
	top:0px;
	left:275px;
	right:0px;
	bottom:0px;
	overflow: auto;
}*/
#tplRgt {
	position: absolute;
	width:50px;
	right:0px;
	bottom:50px;
	overflow: hidden;
	text-align: center;
	padding-top:26px;
}
#tplBtm {
	background-image: url(../img/struct/Btm.jpg);
	background-repeat:repeat-x;
	position: absolute;
	width:100%;
	height:70px;
	bottom:0px;
	left:0px;
	color: white;
	text-align: right;
}

#tplLogo {
	background-image: url(../img/deco/logoBtm.png);
	width:173px;
	height:64px;
	margin-left:32px;
	float:left;
}
#tplBtmLeft{
	position: absolute;
	display: block;
	left: 50px;
	height:48px;
	padding-right:26px;
}
#tplBtmIn {
	position: relative;
	float:right;
	display: block;
	left: 130px;
	bottom:7px;
	margin-top:50px;
	color: #ffffff;
}
#linkSp{
	text-decoration: none;
	margin: 0px;
}
#linkSp img,
.legalInfo img {
	border-width:0px;
	vertical-align: middle;
}
#tplBtmIn a {
	color: gray;
}
#tplBtmIn a:hover {
	color: silver;
}

.info{
	margin:0px 20px;
}