body
{
	margin : 0;
	padding : 0;
	font-family : "arial", "verdana", sans-serif;
	background : #E8E8E8;
	text-align: center;
   	width: 100%;
   	height: 100%;
}

p
{  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.p1
{  
	margin: 10px 0px 10px 0px;
}

p.p2
{  
	margin: 5px 0px 5px 0px;
}

p.p3
{  
	margin: 0px 0px 10px 0px;
}

h1, h2
{
	display: none;
}

h3
{
	text-align: center;
	font-size: 20px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}

a:link, a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover, a:active
{
	text-decoration: none;
	color: #FFFFFF;
}

#page
{
	position: relative;
	width: 760px;
	display: block;
	margin: 0px auto;
	background: #E8E8E8;
}

#entete
{ 
	background: url(../images/top.gif) no-repeat left top;
	height: 83px;
}

#menu
{
	width: 760px;
	height: 45px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menu ul
{
	width: 760px;
	height: 34px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	
}

#menu ul li
{
	list-style-type: none;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menu ul li a
{
	display: block;
}

#menu ul li.accueil a
{
	width: 181px;
	height: 34px;
}

#menu ul li.accueil a:link, #menu ul li.accueil a:visited
{
	background: url(../images/menu/we1.gif) no-repeat left top;
}

#menu ul li.accueil a:hover, #menu ul li.accueil a:active
{
	background: url(../images/menu/we2.gif) no-repeat left top;
}

#menu ul li.acces a
{
	width: 109px;
	height: 34px;
}

#menu ul li.acces a:link, #menu ul li.acces a:visited
{
	background: url(../images/menu/accc1.gif) no-repeat left top;
}

#menu ul li.acces a:hover, #menu ul li.acces a:active
{
	background: url(../images/menu/accc2.gif) no-repeat left top;
}

#menu ul li.services a
{
	width: 124px;
	height: 34px;
}

#menu ul li.services a:link, #menu ul li.services a:visited
{
	background: url(../images/menu/ser1.gif) no-repeat left top;
}

#menu ul li.services a:hover, #menu ul li.services a:active
{
	background: url(../images/menu/ser2.gif) no-repeat left top;
}

#menu ul li.guide a
{
	width: 110px;
	height: 34px;
}

#menu ul li.guide a:link, #menu ul li.guide a:visited
{
	background: url(../images/menu/gui1.gif) no-repeat left top;
}

#menu ul li.guide a:hover, #menu ul li.guide a:active
{
	background: url(../images/menu/gui2.gif) no-repeat left top;
}

#menu ul li.links a
{
	width: 106px;
	height: 34px;
}

#menu ul li.links a:link, #menu ul li.links a:visited
{
	background: url(../images/menu/lin1.gif) no-repeat left top;
}

#menu ul li.links a:hover, #menu ul li.links a:active
{
	background: url(../images/menu/lin2.gif) no-repeat left top;
}

#menu ul li.demarrer a
{
	width: 130px;
	height: 34px;
}

#menu ul li.demarrer a:link, #menu ul li.demarrer a:visited
{
	background: url(../images/menu/st1.gif) no-repeat left top;
}

#menu ul li.demarrer a:hover, #menu ul li.demarrer a:active
{
	background: url(../images/menu/st2.gif) no-repeat left top;
}

#menu a span
{
	display: none;
}

#contenu
{ 
	height: 395px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#page.accueil #contenu
{
	background: url(../images/fond/accueil-fond.jpg) no-repeat left top;
}

#page.acces #contenu
{
	background: url(../images/fond/acces-fond.jpg) no-repeat left top;
}

#page.services #contenu
{
	background: url(../images/fond/services-fond.jpg) no-repeat left top;
}

#page.guide #contenu
{
	background: url(../images/fond/guide-fond.jpg) no-repeat left top;
}

#page.links #contenu
{
	background: url(../images/fond/liens-fond.jpg) no-repeat left top;
}

#page.demarrer #contenu
{
	background: url(../images/fond/demarrer-fond.jpg) no-repeat left top;
}

#page.computers #contenu
{
	background: url(../images/fond/informatique-fond.jpg) no-repeat left top;
}

#titre
{ 
	width: 754px;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#page.accueil #contenu #titre
{
	background: url(../images/titre/accueil-titre-es.gif) no-repeat left top;
}

#page.acces #contenu #titre
{
	background: url(../images/titre/acces-titre-es.gif) no-repeat left top;
}

#page.services #contenu #titre
{
	background: url(../images/titre/services-titre.gif) no-repeat left top;
}

#page.guide #contenu #titre
{
	background: url(../images/titre/guide-titre-es.gif) no-repeat left top;
}

#page.links #contenu #titre
{
	background: url(../images/titre/liens-titre-es.gif) no-repeat left top;
}

#page.computers #contenu #titre
{
	background: url(../images/titre/informatique-titre-es.gif) no-repeat left top;
}

#page.demarrer #contenu #titre
{
	background: url(../images/titre/demarrer-titre-es.gif) no-repeat left top;
}

#page.services #contenu #texte3, #page.demarrer #contenu #texte, #page.guide #contenu #texte
{
	position: relative; 
   	top: 10px;
   	left: 376px;
	width: 330px;
	height: 70px;
	color: #FFFFFF;
	font-size: 12px;
}

#page.services #contenu #texte2
{
	position: relative; 
   	top: 22px;
   	left: 40px;
	width: 330px;
	height: 100px;
	color: #FFFFFF;
	font-size: 12px;
}

#page.computers #contenu #texte
{
	position: relative; 
   	top: 17px;
   	left: 390px;
	width: 324px;
	height: 288px;
	color: #FFFFFF;
	font-size: 11px;
}

#page.accueil #contenu #texte
{
	position: relative; 
   	top: 26px;
   	left: 40px;
	width: 340px;
	height: 288px;
	color: #FFFFFF;
	font-size: 12px;
}

#page.acces #contenu #texte
{
	position: relative; 
   	top: 20px;
   	left: 27px;
	width: 350px;
	height: 288px;
	color: #FFFFFF;
	font-size: 12px;
}

#page.guide #contenu #texte
{
	position: absolute; 
   	top: 180px;
   	left: -30px;
	width: 230px;
	height: 287px;
	color: #FFFFFF;
	font-size: 12px;
}

#page.guide #contenu #texte ul, #page.guide #contenu #texte2 ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

#page.guide #contenu #texte ul li
{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 16px 60px 16px 60px;
	list-style-type: none;
}

#page.guide #contenu #texte2 ul li
{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 5px 60px 5px 60px;
	list-style-type: none;
}

#page.guide #contenu #texte ul li a, #page.guide #contenu #texte2 ul li a
{
	display: block;
	width: 300px;
	height: 49px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	backgroud: #FFFFFF;
	text-decoration: none;
	border: solid 1px;
}

#page.guide #contenu #texte ul li a:hover, #page.guide #contenu #texte2 ul li a:hover
{
	border-color: #004080;
}

#page.guide #contenu #texte ul li a span, #page.guide #contenu #texte2 ul li a span
{
	position: relative;
	top: 16px;
	left: 90px;
	font-size: 12px;
	font-weight: bold;
}

#page.guide #contenu #texte ul li.guide1 a
{
	background: url(../images/guide1.jpg) no-repeat left top;
}

#page.guide #contenu #texte ul li.guide2 a
{
	background: url(../images/guide2.jpg) no-repeat left top;
}

#page.guide #contenu #texte ul li.guide3 a
{
	background: url(../images/guide3.jpg) no-repeat left top;
}
	
#page.guide #contenu #texte2
{
	position: absolute; 
   	top: 180px;
   	left: 410px;
	width: 325px;
	height: 287px;
	color: #FFFFFF;
	font-size: 11px;
} 	

#page.links #contenu #texte
{
	position: absolute; 
   	top: 166px;
   	left: 59px;
	width: 203px;
	height: 287px;
	color: #FFFFFF;
	font-size: 11px;
}

#page.links #contenu #texte2
{
	position: absolute; 
   	top: 166px;
   	left: 278px;
	width: 203px;
	height: 287px;
	color: #FFFFFF;
	font-size: 11px;
}

#page.links #contenu #texte3
{
	position: absolute; 
   	top: 166px;
   	left: 495px;
	width: 203px;
	height: 287px;
	color: #FFFFFF;
	font-size: 11px;
}

#page.demarrer #contenu #texte
{
	position: absolute;
   	top: 170px;
   	left: 27px;
	width: 160px;
	height: 287px;
	color: #FFFFFF;
	font-size: 12px;
}

#page.demarrer #contenu #texte2
{
	position: absolute;
   	top: 170px;
   	left: 195px;
	width: 160px;
	height: 287px;
	color: #FFFFFF;
	font-size: 12px;
}

#page.demarrer #contenu #texte3
{
	position: absolute; 
   	top: 160px;
   	left: 390px;
	width: 323px;
	height: 287px;
	color: #FFFFFF;
	font-size: 11px;
}

#page.demarrer #contenu #texte ul, #page.demarrer #contenu #texte2 ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

#page.demarrer #contenu #texte ul li
{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 16px 0px 16px 0px;
	list-style-type: none;
}

#page.demarrer #contenu #texte2 ul li
{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	list-style-type: none;
}

#page.demarrer #contenu #texte3 ul
{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	list-style-type: none;
}

#page.demarrer #contenu #texte ul li a, #page.demarrer #contenu #texte2 ul li a
{
	display: block;
	width: 158px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	backgroud: #FFFFFF;
	text-decoration: none;
	border: solid 1px;
}

#page.demarrer #contenu #texte3 ul li a
{
	display: block;
	width: 323px;
	height: 288px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	backgroud: #FFFFFF;
	text-decoration: none;
	border: solid 1px;
}

#page.demarrer #contenu #texte ul li a:hover, #page.demarrer #contenu #texte2 ul li a:hover, #page.demarrer #contenu #texte3 ul li a:hover
{
	border-color: #004080;
}

#page.demarrer #contenu #texte ul li a span, #page.demarrer #contenu #texte2 ul li a span
{
	position: relative;
	top: 8px;
	left: 90px;
	font-size: 11px;
	font-weight: bold;
}

#page.demarrer #contenu #texte ul li.lienm1 a
{
	background: url(../images/logo-site/logo-google.gif) no-repeat left top;
}

#page.demarrer #contenu #texte ul li.lienm2 a
{
	background: url(../images/logo-site/logo-yahoo.gif) no-repeat left top;
}

#page.demarrer #contenu #texte ul li.lienm3 a
{
	background: url(../images/logo-site/logo-altavista.gif) no-repeat left top;
}

#page.demarrer #contenu #texte ul li.lienm4 a
{
	background: url(../images/logo-site/logo-voila.gif) no-repeat left top;
}

#page.demarrer #contenu #texte ul li.lienm5 a
{
	background: url(../images/logo-site/logo-lycos.gif) no-repeat left top;
}

#page.demarrer #contenu #texte2 ul li.lienw1 a
{
	background: url(../images/logo-site/logo-neptune.gif) no-repeat left top;
}

#page.demarrer #contenu #texte2 ul li.lienw2 a
{
	background: url(../images/logo-site/logo-yahoomail.gif) no-repeat left top;
}

#page.demarrer #contenu #texte2 ul li.lienw3 a
{
	background: url(../images/logo-site/logo-hotmail.gif) no-repeat left top;
}

#page.demarrer #contenu #texte2 ul li.lienw4 a
{
	background: url(../images/logo-site/logo-caramail.gif) no-repeat left top;
}

#page.demarrer #contenu #texte2 ul li.lienw5 a
{
	background: url(../images/logo-site/logo-netcourrier.gif) no-repeat left top;
}

#page.demarrer #contenu #texte2 ul li.lienw6 a
{
	background: url(../images/logo-site/logo-wanadoo.gif) no-repeat left top;
}

#page.demarrer #contenu #texte2 ul li.lienw7 a
{
	background: url(../images/logo-site/logo-aolmail.gif) no-repeat left top;
}

#page.demarrer #contenu #texte3 ul li.liensext a
{
	background: url(../images/leader-lien.jpg) no-repeat left top;
}

#page.links #contenu #texte ul, #page.links #contenu #texte2 ul, #page.links #contenu #texte3 ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

#page.links #contenu #texte ul li, #page.links #contenu #texte2 ul li, #page.links #contenu #texte3 ul li
{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 20px;
	list-style-type: none;
}

#texte ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

#texte ul li
{
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 3px 15px;
}

#screenshot
{
	position: absolute; 
   	top: 159px;
   	left: 20px;
	width: 365px;
	height: 296px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#screenshot ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

#screenshot ul li
{
	display: block;
	height: 70px;
	list-style-type: none;
	float: left;
	padding: 21px 0px 0px 9px;
	margin: 0px 0px 0px 0px;
}

#screenshot ul li a
{
	display: block;
	width: 75px;
	height: 56px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 2px;
	border-color: #FFFFFF;
	text-decoration: none;
}

#screenshot ul li a span
{
	display: block;
	position: relative;
	top: 59px;
}

#screenshot ul li.screenFR1 a
{
	background: url(../images/screenshot/small/screenFR1small.jpg) no-repeat left top;
}

#screenshot ul li.screenFR2 a
{
	background: url(../images/screenshot/small/screenFR2small.jpg) no-repeat left top;
}

#screenshot ul li.screenFR3 a
{
	background: url(../images/screenshot/small/screenFR3small.jpg) no-repeat left top;
}

#screenshot ul li.screenFR6 a
{
	background: url(../images/screenshot/small/screenFR6small.jpg) no-repeat left top;
}
#screenshot ul li.screenJP1 a
{
	background: url(../images/screenshot/small/screenJP1small.jpg) no-repeat left top;
}

#screenshot ul li.screenJP2 a
{
	background: url(../images/screenshot/small/screenJP2small.jpg) no-repeat left top;
}

#screenshot ul li.screenJP3 a
{
	background: url(../images/screenshot/small/screenJP3small.jpg) no-repeat left top;
}

#screenshot ul li.screenJP4 a
{
	background: url(../images/screenshot/small/screenJP4small.jpg) no-repeat left top;
}

#screenshot ul li.screenEN a
{
	background: url(../images/screenshot/small/screenENsmall.jpg) no-repeat left top;
}

#screenshot ul li.screenGR a
{
	background: url(../images/screenshot/small/screenGRsmall.jpg) no-repeat left top;
}

#screenshot ul li.screenIT a
{
	background: url(../images/screenshot/small/screenITsmall.jpg) no-repeat left top;
}

#screenshot ul li.screenES a
{
	background: url(../images/screenshot/small/screenESsmall.jpg) no-repeat left top;
}

#screenshot ul li a:hover
{
	color: #004080;
	border-color: #004080;
	text-decoration: none;
}

#menubas
{
	position: absolute;
	top: 524px;
	left: 115px;
	font-size: 11px;
	font-weight: bold;
}

#menubas ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menubas ul li
{
	list-style-type: none;
	color: #666666;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 5px;
}

#menubas a
{
	color: #666666;
	text-decoration: none;
}

#menubas ul li.francais a
{
	display: block;
	width: 20px;
	height: 12px;
	border: solid 1px;
}

#menubas ul li.francais span
{
	display: none;
}

#menubas ul li.francais a
{
	background: url(../images/drapeaux/flag-fr.gif) no-repeat left top;
}

#menubas ul li.anglais a
{
	display: block;
	width: 20px;
	height: 12px;
	border: solid 1px;
}

#menubas ul li.anglais span
{
	display: none;
}

#menubas ul li.anglais a
{
	background: url(../images/drapeaux/flag-an.gif) no-repeat left top;
}

#basdepage
{
	color: #000000;
	width: 760px;
	font-size: 11px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 10px;
}

#extraDiv1
{
	background: url(../images/menu/ac1.gif) no-repeat left top;
}

#extraDiv2
{
	background: url(../images/menu/acc1.gif) no-repeat left top;
}

#extraDiv3
{
	background: url(../images/menu/se1.gif) no-repeat left top;
}

#extraDiv4
{
	background: url(../images/menu/gu1.gif) no-repeat left top;
}

#extraDiv6
{
	background: url(../images/menu/li1.gif) no-repeat left top;
}

#extraDiv7
{
	background: url(../images/menu/de1.gif) no-repeat left top;
}