/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background-color: #B06433;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #663300;
	text-align: justify;
}

 img {
	border : solid 1px #B06433;
}


.gras {
	font-weight: bold;
}

.rouge {
	font-weight: bold;
	color: #CC0000;
}

#global {
	margin: 0;
	padding: 0;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 790px;
	height: 508px;
	margin-top: -254px;
	margin-left: -395px;
	background-color: #eee;
	background-image: url(images/accueil_brucy.jpg);
	background-repeat: no-repeat;
}

#global_en {
	margin: 0;
	padding: 0;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 790px;
	height: 508px;
	margin-top: -254px;
	margin-left: -395px;
	background-color: #eee;
	background-image: url(images/accueil_brucy_en.jpg);
	background-repeat: no-repeat;
}

#menu {
	margin: 0;
	padding: 0;
	position:absolute;
	}
	
#menu_en {
	margin: 0;
	padding: 0;
	position:absolute;
}

#texte {
	margin: 0px 0 0 0px;
	padding: 0;
	height: 45px;
	width: 420px;
	left: 278px;
	top: 413px;
	position: relative;
	}
	
#extra  {
padding:0;
margin:0;
width:200px;
position : absolute;
top:213px;
left: 578px;
color: #FFF;
font-size: 12px;
text-align:left;
}

#extra a  {
color: #663300;
margin-left:120px;
font-weight:bold;
}

#extra a:hover{
	color: #FF0000;
}

.info {
text-align:right;
}

#adic {
	margin: 0px 0 0 0px;
	padding: 0;
	height: 45px;
	width: 500px;
	left: 350px;
	top: 445px;
	position: relative;
	font-size: 12px;
	/* font-style: italic; */
	color: #FFFFCC;
}

#adic a{
	color: #FFFFCC;
	text-decoration: none;
}
#adic a:hover{
color: #FFFF00;
}

#logo_maroc{
	margin: 0;
	padding: 0;
	width: 60px;
	left: 710px;
	top: 100px;
	position: absolute;
}

#css {
	margin: 0;
	padding: 0;
	width: 100px;
	left: 697px;
	top: 402px;
	position: relative;
}
#css a{
	color: #B06433;
}

#global a {
	display: block;
	}

#global_en a {
	display: block;
	}
#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#menu1 {left: 33px; top: 256px; width: 120px; height: 28px;}
#menu2 {left: 50px; top: 285px; width: 80px; height: 28px;}
#menu3 {left: 85px; top: 316px; width: 108px; height: 28px;}
#menu4 {left: 113px; top: 346px; width: 70px; height: 28px;}
#menu5 {left: 120px; top: 380px; width: 60px; height: 28px;}
#menu6 {left: 96px; top: 412px; width: 75px; height: 28px;}
#menu7 {left: 101px; top: 447px; width: 60px; height: 28px;}

#menu1 a {height: 28px;}
#menu2 a {height: 28px;}
#menu3 a {height: 28px;}
#menu4 a {height: 28px;}
#menu5 a {height: 28px;}
#menu6 a {height: 28px;}
#menu7 a {height: 28px;}

#menu1 a:hover {background: url(images/accueil_brucy.jpg)  -33px -544px no-repeat;}
#menu2 a:hover {background: url(images/accueil_brucy.jpg)  -50px -573px no-repeat;}
#menu3 a:hover {background: url(images/accueil_brucy.jpg)  -85px -604px no-repeat;}
#menu4 a:hover {background: url(images/accueil_brucy.jpg) -113px -634px no-repeat;}
#menu5 a:hover {background: url(images/accueil_brucy.jpg) -120px -668px no-repeat;}
#menu6 a:hover {background: url(images/accueil_brucy.jpg) -96px -700px no-repeat;}
#menu7 a:hover {background: url(images/accueil_brucy.jpg) -101px -735px no-repeat;}

#menu_en li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#menu1en {left: 33px; top: 256px; width: 120px; height: 28px;}
#menu2en {left: 50px; top: 285px; width: 65px; height: 28px;}
#menu3en {left: 85px; top: 316px; width: 108px; height: 28px;}
#menu4en {left: 113px; top: 346px; width: 70px; height: 28px;}
#menu5en {left: 120px; top: 380px; width: 63px; height: 28px;}
#menu6en {left: 96px; top: 412px; width: 75px; height: 28px;}
#menu7en {left: 101px; top: 447px; width: 60px; height: 28px;}

#menu1en a {height: 28px;}
#menu2en a {height: 28px;}
#menu3en a {height: 28px;}
#menu4en a {height: 28px;}
#menu5en a {height: 28px;}
#menu6en a {height: 28px;}
#menu7en a {height: 28px;}

#menu1en a:hover {background: url(images/accueil_brucy_en.jpg)  -33px -544px no-repeat;}
#menu2en a:hover {background: url(images/accueil_brucy_en.jpg)  -50px -573px no-repeat;}
#menu3en a:hover {background: url(images/accueil_brucy_en.jpg)  -85px -604px no-repeat;}
#menu4en a:hover {background: url(images/accueil_brucy_en.jpg) -113px -634px no-repeat;}
#menu5en a:hover {background: url(images/accueil_brucy_en.jpg) -120px -668px no-repeat;}
#menu6en a:hover {background: url(images/accueil_brucy_en.jpg) -96px -700px no-repeat;}
#menu7en a:hover {background: url(images/accueil_brucy_en.jpg) -101px -735px no-repeat;}

#langues ul {
	position: absolute;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	margin:0;
	padding: 15px 0px 0px 0px;
	list-style-type: none;
	width: 100px;
	top: 80px;
	left: 352px;
}
#langues li {
position: relative;
padding: 3px;
}
#langues li a { 
color: #fff;
text-decoration: none;
font-weight: normal;
padding: 0px;
margin: 0px; 
}
#langues li a:hover { 
font-weight: bold;
}