@charset "utf-8";
/* CSS Document */

/* Séparateurs horizontaux en pointillés*/
.hSeparVert {
	background: url(../img/accueil/hSeparVert.gif) repeat-x;
	height: 1px;
	font-size: 1px;
}
.hSeparGris {
	background: url(../img/accueil/hSeparGris.gif) repeat-x;
	height: 1px;
}
/* ################################ */

/* Design Global */
#wrap {
}

#header {
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
}
#logo {
	float: left;
}
#righthead{
	margin: auto;
	padding:0;
	text-align: right;
	margin-left: 230px;
}
#logo2 {
	margin: 0;
	padding: 0;/*width: 100%;*/
}
#logo2 img {
	border: none;
}

#headermenu{
	background: #033397;
	color: #ffffff;
	float: left;
	margin: auto;
	margin-right: 0;
	padding: 0;
	text-align: right;
	width: 547px;
}

#headermenu a{
	padding-left: 4px;
	padding-right: 4px;
}

#middle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#525252;
	font-size: 9px;
}
#fond {
	position:absolute;
	top:25px;
	width:558px;
	height: 567px;
	background:url(../img/accueil/fond2.gif) no-repeat;
}
#flash {
	position: absolute;
	top: 2px;
	left: 3px;
	width: 548px;
	height: 371px;
	overflow: hidden;
}
#titre {
	position:absolute;
	overflow:hidden;
	top: 194px;
	left: 248px;
	width: 284px;
	height: 115px;
	background-color: #FFFFFF;
	padding: 10px 0px 10px 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:80px;
	color:#231F20;
	font-weight:bold;
}
#titre p {
	border-bottom: solid 2px #231F20;
	line-height:20px;
	margin:0px;
	padding:0px;
}
#formations {
	background-color: #827464;
	position: absolute;
	left: 248px;
	bottom: 208px;
	width: 298px;
	height:14px;
	font-size:11px;
	color:#FFFFFF;
	z-index: 200;
	overflow:hidden;
	padding:2px;
}
#formations a {
	text-decoration:none;
	color:#FFFFFF;
}
#formations a:hover {
	color:#000000;
}
#bouton1 {
	position:absolute;
	overflow:hidden;
	left:3px;
	top:383px;
	width:133px;
	height: 84px;
}
#bouton2 {
	position:absolute;
	left:141px;
	top:383px;
	width:133px;
	height: 84px;
	overflow:hidden;
	z-index: 500;
}
#bouton3 {
	position: absolute;
	text-align:center;
	top: 383px;
	height: 84px;
	width: 271px;
	left: 279px;
	overflow: hidden;
}
#bannerBig {
	position: absolute;
	text-align: center;
	top: 476px;
	left: 3px;
	height: 84px;
	overflow: hidden;
	width: 548px;
}
#pubHotel {
	position:absolute;
	top: 400px;
	height: auto;
	overflow:hidden;
	left:8px;
	width: 174px;
	padding-left: 3px;
	text-align:left;
	background:url(../img/Nolin/menu/fondBlanc.png) repeat-y;
}
#pubHotelbottom {
	position:relative;
	/*top:585px;*/
	width:174px;
	padding: 0px;
	text-align:left;
	left:8px;
}
/*############# CSS-SCROLLBAR #############*/
#news #newsWrap {
	overflow: hidden;
}
#news {
	position: absolute;
	width: 174px;
	height: 228px;
	left:8px;
	top: 20px;
}
#newstop {
	position:absolute;
	top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border-bottom: solid 1px #a6a699;
	color: #a6a699;
	width: 166px;
	text-align:left;
	padding: 0px;
	line-height:18px;
	left: 3px;
	margin-bottom: 0px;
	height: 18px;
}
#newsbottom {
	position:absolute;
	top:197px;
	width:174px;
	padding: 0px;
	text-align:left;
	left:0px;
}
#newsWrap {
	height: 179px;
	width: 174px;
	position: absolute;
	top: 18px;
	left: 0px;
	background:url(../img/Nolin/menu/fondBlanc.png) repeat-y;
}
#newsMain {
	padding: 5px;
}
#newsWrap #newsMain table {
	width: 155px;
	font-size: 9px;
	color: #333333;
}
#newsWrap a {
	color: #333333;
}
#newsWrap a:hover {
	color: #000000;
}
#newsWrap #newsMain table td {
	vertical-align: top;
}
div#track {
	position: absolute;
	height:160px;
	width: 5px;
	margin-top: 5px;
	left: 0px;
}
div#trackbg {
	position: absolute;
	background: url(../img/accueil/track.gif) no-repeat center;
	width: 5px;
	height:170px;
}
div#dragBar {
	position: absolute;
	width: 4px;
	background-color:#a6a699;
	left:0px;
}
#scrollbar {
	position: absolute;
	top:24px;
	left:157px;
	width: 5px;
}
/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
	-moz-user-select: none;
	-khtml-user-select: none;
}
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
	display:block;
}
/*############# FIN  CSS-SCROLLBAR #############*/

/* NOUVEAU DESIGN */
/* LAYOUTS */


#left #photo, #left #news, #left #service, #left #links {
	margin-left: 5px;
}
#servicestop {
	position:absolute;
	top:358px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border-bottom: solid 1px #a6a699;
	color: #a6a699;
	width: 166px;
	text-align:left;
	padding: 0px;
	line-height:18px;
	left: 11px;
	margin-bottom: 0px;
	height: 18px;
}
#service {
	position: absolute;
	top: 237px;
	left: 8px;
	width: 174px;
	font-size: 9px;
	color: #333333;
}
#service a {
	color: #333333;
	text-decoration:none;
}
#service a:hover {
	color: #000000;
}
#oeil {
	position: absolute;
	top: 328px;
	left: 8px;
	width: 174px;
	font-size: 9px;
	color: #a6a699;
}
#oeil a {
	color: #a6a699;
	text-decoration:none;
}
#oeil a:hover {
	color: #000000;
}
#linkstop {
	position:absolute;
	top:360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border-bottom: solid 1px #a6a699;
	color: #a6a699;
	width: 166px;
	text-align:left;
	padding: 0px;
	line-height:18px;
	left: 11px;
	margin-bottom: 0px;
	height: 18px;
}
#links {
	position:absolute;
	top: 377px;
	height: auto;
	overflow:hidden;
	left: 8px;
	width: 174px;
	color: #333333;
	font-size:9px;
	text-align:left;
	line-height:14px;
}
#links #details {
	position:relative;
	height: 14px;
	overflow:hidden;
	width: 174px;
	background:url(../img/Nolin/menu/fondBlanc.png) 0px 0px no-repeat;
	padding:2px 2px 0px 4px;
}
#links a {
	color: #333333;
	text-decoration:none;
}
#links a:hover {
	color: #000000;
}
#right {
	background: url(../img/accueil/accueilRightbg.gif) no-repeat;
	width: 549px;
	height:491px;
	position: absolute;
	top: 110px;
	left: 219px
}
#right #content #video {
	position: absolute;
	left: 48px;
	width: 261px;
}
#video #video1 {
	height: 35px;
	background: url(../img/accueil/borderrow22b.gif) right top repeat-y;
}
#video #video2 {
	height: 60px;
	background: #f9f9ed;
}
#video #video2 p {
	margin: 0;
	padding: 0;
}
#video #video2 .titre {
	margin: 0;
	padding: 5px 0;
	font-weight: bold;
	font-size: 11px;
}
#video #video2 .txt {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
#video #video2 img {
	float: right;
	margin: auto;
	margin-right: 5px;
	margin-top: 5px;
	border: 2px solid #9ca7c5;
}
#video #video3 {
	text-align: right;
	height: 20px;
}
#video #video3 a {
	color: #829603;
}
#video #video4 {
	height: 12px;
	background: url(../img/accueil/borderrow22b.gif) right top repeat-y;
}
#video #video2 .titre {
	text-transform: uppercase;
}
#video #video2 .txt {
	width: 160px;
}
#right #content #pubs {
	position: absolute;
	top: 310px;
}
#right #content #pubs .pub {
	position: absolute;
	border: 1px solid #a4a6b5;
}
#right #content #entrepub {
	background: url(../img/accueil/entrepub.gif);
	width: 4px;
	height: 127px;
	position: absolute;
	top: -1px;
	left: 152px;
}
#left #service a {
	color: #495377;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
.lienGauche {
	background:url(../img/Nolin/menu/fondBlanc.png) 0px 0px no-repeat;
	padding:2px 2px 0px 4px;
}