/* http://www.css4design.com/blog/commentaires-conditionnels-d-internet-explorer-vs-hacks-css */
/* http://www.siteduzero.com/forum-83-308899-p1-incidence-du-doctype-sur-ie-6.html */
* 
{
	margin : 0px;
	padding : 0px;
	outline : 0;
	font-size: 100%;
	vertical-align : baseline;
	background: transparent;
}

a
{
	text-decoration: none;
}

a img
{
	border:none;
}

* html p {
  height: 1%;
}

/*img, h1, .class-with-png-background-image { behavior: url(iepngfix.htc);}*/

body
{
	background-color : #302F31; /* RVB = 48 47 49 */
	margin-top : 1%;
}

#div_Main
{
	/*background-color : white;*/
	background : transparent url( images/fond-accueil-avec-ondes.png ) no-repeat left top;
	margin-left : auto;
	margin-right : auto;

	width : 1105px;
	height : 820px;
}

/*#div_Main img
{
	position : absolute;
}
*/

#img_fondBase
{
	position : absolute;
}

#img_fondOndes
{
	position : absolute;
}
/*
#div_FondBase
{
	position : absolute;
}

#div_FondOndes
{
	position : absolute;
}
*/
#Main1
{
	position : relative;
}

#div_Logo
{
	/*background : transparent url( images/fond-accueil.png ) no-repeat center middle;*/
	position : absolute;
	left : 407px;
	top : 313px;
}

#div_LogoReflet
{
	/*background : transparent url( images/reflet-logo.png ) no-repeat left top;*/
	position : absolute;
	left : 407px;
	top : 507px;
}

#ZoneContact
{
	float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
	width : 240px;
	height: 40px;
	margin-left: 430px;
	margin-top: 572px;
}

#div_Content
{
	/*position : absolute;*/
/*	width : inherit;*/
/*	height : inherit;*/
}

#div_Contact
{
	opacity : 0.0;
	filter : alpha(opacity=0); /* seulement pour IE */
}

#span_Referencement
{
	position : relative;
	padding-left : 150px;
	top : 100px;
}

.style_DivDiaporama
{
	position:absolute;
	opacity : 0.0;
	filter : alpha(opacity=0); /* seulement pour IE */
	/*visibility : hidden;*/
}

.styleDiaporamaIdentite
{
	background : transparent url( images/fond-blanc.png ) no-repeat;
	position : absolute;
	left : 337px;
	top : 196px;
}

.styleDiaporamaEdition
{
	background : transparent url( images/fond-blanc-550-x-300.png ) no-repeat;
	position : absolute;
	left : 262px;
	top : 261px;
}

.styleDiaporamaWeb
{
	background : transparent;
	position : absolute;
	left : 262px;
	top : 261px;
}

.styleDiaporamaWeb img {
  opacity:0;
  filter : alpha(opacity=0); /* seulement pour IE */
  visibility:hidden;
}

.DiaporamaInfo
{
	opacity : 0.0;
	filter : alpha(opacity=0); /* seulement pour IE */
}

.imgItem
{
	position: absolute;
	width : 221px;
	height : 43px;
	/*clip : rect( 0px, 100px, 43px, 0px );*/
	clip : rect( 0px, 0px, 43px, 0px );
}

.div_Textes
{
	left : 0px;
}
.div_item
{
	height : 46px;
}

#div_MenuDiaporama
{
	position : absolute;
	top : 130px;
	right : 30px;
	width : 221px;
}

#div_MenuDiaporama ul
{
	list-style : none;
}

/* On cache tous les sous menu avec la propriété display none */
#div_MenuDiaporama ul li
 {
    margin-left : 15px;
}



/********** Styles pour la partie [ Menu principal ] ****************/
#div_MenuPrincipal
{
	position : absolute;
	left : 340px;
	top : 80px;
	z-index:1000;
}

#navigation
{
	list-style-type : none;
	line-height: 50px;
}

#navigation li
{
	float: left;
}

#navigation li a
{
	display: block;
	line-height : 50px;
}

#menu_accueil
{
}

#menu_accueil a
{
	background : transparent url( images/menus/accueil-off.png ) no-repeat center top;
	width : 70px;
	height : 26px;
}

#menu_accueil a:hover, #menu_accueil a:focus, #menu_accueil  a:active
{
	background : transparent url( images/menus/accueil-on.png ) no-repeat center top;
	width : 70px;
	height : 45px;
}

#menu_presentation
{
}

#menu_presentation a
{
	background : transparent url( images/menus/presentation-off.png ) no-repeat center top;
	width : 117px;
	height : 25px;
}

#menu_presentation a:hover, #menu_presentation a:focus, #menu_presentation  a:active
{
	background : transparent url( images/menus/presentation-on.png ) no-repeat center top;
	width : 117px;
	height : 45px;
}

#menu_projet
{
}

#menu_projet a
{
	background : transparent url( images/menus/votre-projet-off.png ) no-repeat center top;
	width : 117px;
	height : 26px;
}

#menu_projet a:hover, #menu_projet a:focus, #menu_projet  a:active
{
	background : transparent url( images/menus/votre-projet-on.png ) no-repeat center top;
	width : 117px;
	height : 46px;
}

#menu_contact
{
}

#menu_contact a
{
	background : transparent url( images/menus/contact-off.png ) no-repeat center top;
	width : 71px;
	height : 26px;
}

#menu_contact a:hover, #menu_contact a:focus, #menu_contact  a:active
{
	background : transparent url( images/menus/contact-on.png ) no-repeat center top;
	width : 71px;
	height : 47px;
}

.menu_separateur
{
	background : transparent url( images/menus/point.png ) no-repeat center top;
	width : 9px;
	height : 24px;
	margin-left : 5px;
	margin-right : 5px;
}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
/*
#div_MenuDiaporama ul.niveau1 li.DiaporamaInfo:hover div,
#div_MenuDiaporama ul.niveau1 li.DiaporamaInfo:active div
{
    display:block;
} 
*/

/********** Styles pour la partie Pied de page ****************/

.div_Footer
{
	background-color : #CE871D;
	width : 1024px;
	height : 30px;
	
	/* Code pour IE7 */
	/float : left;
	/*****************/
}


/********** Styles pour la partie Musique ****************/
#id_divMusic
{
	position:relative;
	float : left;
}

.style_aMusiquePlay
{
	background : transparent url( images/son-off.png ) no-repeat center top;
	display : block;
	position : absolute;
	left : 940px;
	top : 670px;
	width : 18px;
	height : 22px;
	z-index:1000;
}

.style_aMusiqueStop
{
	background : transparent url( images/son-on.png ) no-repeat center top;
	display : block;
	position : absolute;
	left : 940px;
	top : 667px;
	width : 34px;
	height : 28px;
	z-index:1000;
}