﻿/* CSS Document */


body{
	background:#E0DEDF;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	background-image:url('images/background_x.JPG');
	background-repeat:repeat-x;
	
	
	

	
		
	font-size:10px;
	text-align: center;
	color:black;
}

#global{
	margin-left: auto;
     margin-right: auto;
     width:780px;
     background-image:url('images/background_y.png');
     background-repeat:repeat-y;
     
     text-align: left; /* on rétablit l'alignement normal du texte */

}

/* /////////////////////////////////////////////////////////////////
                          Header + Menu
/////////////////////////////////////////////////////////////////// */

#header_logo_1{
	width:780px;
	height: 83px;
	background-image:url('images/header_logo_1.jpg');
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

#header_logo_2{
	width:780px;
	height:71px;
	background-image:url('images/header_logo_2.jpg');
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}


#menu{
	width:780px;
	overflow:hidden;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}


#menu ul{
	width:780px;
	overflow:hidden;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

#menu ul li {
float:left;
	display: block;
	list-style:none;
}

#menu ul li a{

	display:block;
	text-decoration:none;
}

#menu ul li.menu_gauche{
	width:256px;
	height:33px;
	background-image:url('images/menu_gauche.jpg');
	background-repeat:no-repeat;
}


#menu ul li a.menu_accueil{
width:57px;
height:33px;
background-image:url('images/menu_accueil.jpg');
background-repeat:no-repeat;
	
}
#menu ul li a.menu_accueil:hover{
	background-position:bottom;
}

#menu ul li a.menu_multimedia{
	width:85px;
	height:33px;
	background-image:url('images/menu_multimedia.jpg');
	background-repeat:no-repeat;
}

#menu ul li a.menu_multimedia:hover{
	background-position:bottom;
}

#menu ul li a.menu_ingenierie{
	width:74px;
	height:33px;
	background-image:url('images/menu_ingenierie.jpg');
	background-repeat:no-repeat;
}

#menu ul li a.menu_ingenierie:hover{
	background-position:bottom;
}

#menu ul li a.menu_contact{
	width:61px;
	height:33px;
	background-image:url('images/menu_contact.jpg');
	background-repeat:no-repeat;
}

#menu ul li a.menu_contact:hover{
	background-position:bottom;
}

#menu ul li.menu_droite{
	width:247px;
	height:33px;
	background-image:url('images/menu_droite.jpg');
	background-repeat:no-repeat;
}

#sous_menu{
	width:780px;
	height:51px;
	background-image:url('images/sous_menu.jpg');
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}




/* /////////////////////////////////////////////////////////////////
                          FOOTER
/////////////////////////////////////////////////////////////////// */

#footer{
	overflow:hidden;
	margin:0 0 0 0;
	padding: 0 0 0 0;

}
#footer_menu{
overflow:hidden;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	padding-left:247px;

}
#footer_menu ul{
overflow:hidden;
	margin:0 0 0 0;
	padding: 0 0 0 0;


	}



#footer_menu ul li{

	float: left;
	list-style:none;
}

#footer_menu ul li a{


	color:white;
	font-weight:bold;
	text-decoration:none;
}


#footer_logo_marianas{
width:450px;
	overflow:hidden;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	
	

}


.footer_logo_marianas_logo{
	display:block;
	width:100px;
	height:28px;
	text-decoration:none;
	background-image:url('images/logo_marianas.gif');
	background-repeat:no-repeat;
	
		

}

.footer_logo_marianas_logo:hover{
background-position:bottom;
}

