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: 16px;
	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;
	background: url(../images/menu_fond.gif) no-repeat left top;
}

#menu ul
{
	width: 760px;
	height: 34px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	
}

#menu ul li
{
	list-style-type: none;
	display: inline;
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
}

#menu ul li a:link, #menu ul li a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:active
{
	color: #003C84;
	text-decoration: 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.liens #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.informatique #contenu
{
	background: url(../images/fond/informatique-fond.jpg) no-repeat left top;
}

#page.faq #contenu
{
	background: url(../images/fond/faq-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.gif) no-repeat left top;
}

#page.acces #contenu #titre
{
	background: url(../images/titre/acces-titre.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.gif) no-repeat left top;
}

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

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

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

#page.faq #contenu #titre
{
	background: url(../images/titre/faq-titre.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.faq #contenu #texte
{
	position: relative;
	top: 20px;
	left: 30px;
	width: 700px;
	height: 150px;
	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.informatique #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, #page.faq #contenu #texte ul, #page.faq #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.faq #contenu #texte ul li, #page.faq #contenu #texte2 ul li
{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
	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: 350px;
	height: 49px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #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.liens #contenu #texte
{
	position: absolute; 
   	top: 166px;
   	left: 59px;
	width: 203px;
	height: 287px;
	color: #FFFFFF;
	font-size: 11px;
}

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

#page.liens #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;
	background: #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;
	background: #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/girafotolien.jpg) no-repeat left top;
}
*/
#page.liens #contenu #texte ul, #page.liens #contenu #texte2 ul, #page.liens #contenu #texte3 ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

#page.liens #contenu #texte ul li, #page.liens #contenu #texte2 ul li, #page.liens #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-faq
{
	position: absolute;
	top: 670px;
	left: 115px;
	font-size: 11px;
	font-weight: bold;
}

#menubas ul, #menubas-faq ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

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

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

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

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

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

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

#menubas ul li.anglais span, #menubas-faq ul li.anglais a
{
	display: none;
}

#menubas ul li.anglais a, #menubas-faq 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;
}

#basdepage-faq
{
	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;
}