/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Standard */
a:link, a:visited, a:active{color:#CC0066; text-decoration:none}
a:hover{color:#FF99CC}
strong { font-weight: bold }

body{ font-family:Helvetica,Arial sans-serif; color:#231f20;
background:url(../images/bk_site.jpg); }

#ie6 {
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	display: none;
}

#noScript {
	position: relative;
	width: 50%; 
	top: 25%; 
	margin: 0 auto; 
	padding: 30px 30px 20px 30px;
}

.message {
	text-align: center;
	width: 100%;
	padding: 10px;
}

.message h2 {
	font-weight: bold;
	color: #ff774a;
	line-height: 1.5;
}

/* Layout */


.container{ width:100%; margin-top:0px; }

#slider{ width:1000px;  padding-top:4px;  margin:0 auto;  position:relative}
.scroll{ height:524px;  width:1000px;  overflow:auto;  position:relative;  clear:left; padding:18px 0px 0px 0px; margin: 0 auto;}
.scrollContainer div.panel{ height:110px;  width:100%; float:left;}



/* Navigation */
ul.navigation li{display:inline; float:left; margin-left:10px; margin-right:10px; width:auto; text-align:center; height:30px;}
.navigation a, .navigation a.visited, .navigation a.active{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-decoration:none; color:#FFF; outline:none}
.navigation a:hover { color:#FF0099; }
.navigation {
width:355px;
margin: 0 auto;
height:30px;}

#navigouter {
width:100%;
margin-top:7px;}
.navigation li ul
		{	
			position: absolute;
			text-align:center;
			
			visibility: hidden;
			}
		
		.navigation li ul li
		{	float: none;
			display: inline;
			text-align:center;}
		
		.navigation li ul li a
		{	width: auto;
			background: #9F1B1B;}
		
		.navigation li ul li a:hover
		{	background: #7F1616;}




.button,.button:visited{background:#222 url(../images/form/overlay.png) repeat-x;display:inline-block;color:#fff;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;width:268px;padding:5px 10px 6px}

.button:hover{background-color:#111;color:#fff}
.button:active{top:1px}
.orange.button,.orange.button:visited{background-color:#ff5c00}
.orange.button:hover{background-color:#d45500}


/* Typography */
p{font-size: 12px; line-height:16px}
h2{font:italic normal 23px/1.95em Georgia,'Palatino Linotype',serif; letter-spacing:-0.02em; color:#fa7717; white-space:nowrap}
h3{font:italic normal 22px/24px Georgia,'Palatino Linotype',serif}


/* Overlay Information */
.boxgrid{overflow:hidden; position:relative}
.boxgrid h3{margin:10px 0 5px 10px; color:#FFF}
.boxgrid a{color:#fa7717; text-decoration:none; margin-left:10px}
.boxgrid a:hover{color:#a09fa0;}
.boxcaption a:hover{opacity:.8; /* For IE 5-7 */filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.boxcaption{float:left; position:absolute; top:310px; background:#000; height:100%; width:100%; opacity:.8; /* For IE 5-7 */filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}


/* Footer */
.footer{ height:20px; float:left; width:100%; background:url(../images/footy.png); background-position:center; background-repeat:no-repeat; }

/* Tips */
.tipsy			{padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:2px; opacity:0.8; filter:alpha(opacity=80); }
.tipsy-inner	{padding:0px 5px 0px 5px; background-color:#fff; height:2px; color:#FFF; width:20px; text-align:center; font-size:12px;}

.tipsy-inner	{-moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-north	{background-position:top center; margin-top:0px;}

.facebook {
margin-left:40px;}
.cargocollective {
margin-left:0px;}





/*STYLES EGGO*/
#partiebkgauche {

width:80px;
height:524px;
background: url(../images/bk_gaucheplus.png);
}
#gare {
float:left;
width:924px;
height:524px;
background:url(../images/homebklong.png);
}


#web {
float:left;
width:844px;
height:524px;
background:url(../images/webbk.png);
}

#graphisme {
float:left;
width:843px;
height:524px;
background:url(../images/graphismebk.png);
}


#videos {
float:left;
width:844px;
height:524px;
background:url(../images/videobk.png);
}



#contact{
float:left;
width:924px;
height:524px;
background:url(../images/contactbklong.png);
}


#secache{
background:url(../images/fondyouhou.png);
background-repeat:repeat;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:10000;
}

#txtsecache{
position:absolute;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-150px;
width:390px;
height:350px;
background:url(../images/fond_nikobox.png);
background-repeat:no-repeat;

padding:30px;
}


#ptitplus{
margin-top:395px;
margin-left:840px;
}

#contact img{
margin-left:240px;
margin-top:60px;
}

#txtcontact{
margin-left:290px;
font-family:Helvetica, sans-serif;
width:193px;}

#logomenu {
width:100%;
height:86px;
text-align:center;
margin-top:10px;

}

#agence{
width:100%;
height:22px;
margin-bottom:10px;
}

#traitgauche {
background:url(../images/trait_gris.png);
height:22px;
width:30%;
background-repeat:repeat-x;
float:left;
}

#traitdroit {
text-align:right;
background:url(../images/trait_gris.png);
background-repeat:repeat-x;
height:22px;
width:30%;
float:left;
}

#imageagence {
background:url(../images/agencedecom.png);
background-repeat:no-repeat;
background-position:center;
text-align:center;
float:left;
width:40%;
height:22px;


}

#sociaux {
margin-right: 10px;
margin-top:4px;}


#vid {
	margin: 64px 0 0 251px;
	
	}
	
#archivesweb {
position : absolute;
bottom: 145px;
left: 2px;
font-size: 11px;
text-align:center;

	}
#archivesweb a{
color: #fff;

	}
	
#archivesweb a:hover{
color: #ff0084;

	}