/* ------------------------------RAZ */
html, body{
	height:100%;
}

*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{
	font-size: 1em;
	font-weight: normal;
}
h2{
	
	margin-top:30px;

}
h3{

}
ul {
	list-style: none;
}
a {
	text-decoration:none;
}
a img {
	border:none;
}
.clear { 
    clear:both;
    display:block;
    line-height:1px;
	font-size:1px;
	height:1px;
}
a{outline: none;}
:focus{-moz-outline-style: none;}
.hidden {
		visibility:hidden;
}
fieldset{border:none;}
p{line-height:14px;}
select{
	font-family:arial;
	font-size:9px;
	padding:2px 0 2px 5px;
}
input, textarea{
	font-family:arial;
	font-size:10px;
}
/* -------------------------fin RAZ--- */
#bk-flash{
	width:720px;
	height:400px;
	position:relative;
}
#bk-flash-sml{
	margin-left:30px;
	width:640px;
	height:400px;

}
#bk-flash img{
	position:absolute;
	top:0;
	left:0;
}
body {
  	font-family:arial, verdana;
  	font-size:10px;
  	color:#000000;
	background:#1a1a1a;
  	margin:0px;
  	padding:0px;
	background:url(../images/back-header-home.gif) top left repeat-x;

}

#principale{
  	width:980px;
  	text-align:left;
	position:relative;
	padding-bottom:60px;
}

#header{
	height:130px;
	position:relative;
}
/**ce sera le flash ***/
#header h1{
	
	background:url(../images/logo_5g_new.gif) no-repeat;
	cursor:pointer;
	display:block;
	width:351px;
	height:53px;
	top:34px;
	left:143px;
	position:absolute;
	text-indent:-5000px;
}

#header ul{
	width:98px;
	height:98px;
	position:absolute;
	top:132px;
	left:80px;
	list-style: none;
}

#header ul li{
	float:left;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}

#header ul  li a{
	text-indent:-5000px;
	font-size:0px;
	display:block;
}

a#menu-agence {
	background:url(../images/menu_agence.gif) no-repeat; 
	width:55px; 
	height:8px;
	margin-left:54px;
	background-position:0px 0px;
}

a#menu-agence-on {
	background:url(../images/menu_agence.gif) no-repeat;
	width:55px;
	height:8px;	
	margin-left:54px;
	background-position:0px -8px;
}
a#menu-agence:hover {
	background-position:0px -8px;
}

a#menu-ref{
	background:url(../images/menu_reference.gif) no-repeat;
	width:103px;
	margin-left:6px;
	height:10px;
}
a#menu-ref-on {
	background:url(../images/menu_reference.gif) no-repeat;
	width:103px;
	height:10px;
	margin-left:6px;
	background-position:0px -10px;
}
a#menu-ref:hover {
	background-position:0px -10px;
}
a#menu-prix{
	background:url(../images/menu_prix.gif) no-repeat;
	width:109px;
	height:10px;
}
a#menu-prix-on {
	background:url(../images/menu_prix.gif) no-repeat;
	width:109px;
	height:10px;
	background-position:0px -10px;
}
a#menu-prix:hover {
	background-position:0px -10px;
}
a#menu-contact{
	background:url(../images/menu_contact.gif) no-repeat;
	width:53px;
	margin-left:56px;
	height:8px;
}
a#menu-contact-on {
	background:url(../images/menu_contact.gif) no-repeat;
	width:53px;
	margin-left:56px;
	height:8px;
	background-position:0px -8px;
}
a#menu-contact:hover {
	background-position:0px -8px;
}


#content{
	padding-left:235px;
		padding-bottom:60px;
}

.clear-projet{
	clear:both;
	line-height:1px;
	font-size:1px;
	height:17px;
}
.btn-voir-site{
	background:url(../images/btn-voir-site.gif) no-repeat;
	width:98px;
	height:8px;
	text-indent:-5000px;
	margin-top:10px;
	float:right;
	margin-right:10px;
	display:inline;
}
.btn-voir-projet{
	background:url(../images/btn-voir-projet.gif) no-repeat;
	width:102px;
	height:8px;
	text-indent:-5000px;
	margin-top:10px;
	float:right;
	margin-right:10px;
	display:inline;
}
.btn-voir-site a{
	display:block;
	width:91px;
	height:9px;
}
.btn-voir-video{
	background:url(../images/btn-voir-video.gif) no-repeat;
	width:91px;
	height:9px;
	text-indent:-5000px;
	margin-top:8px;
	float:right;
	margin-right:10px;
	display:inline;
}
.btn-voir-video a{
	display:block;
	width:91px;
	height:9px;
}

.picto-vids{
	position:absolute;
	z-index:10;
	margin-top:60px;
	margin-left:81px;
}