/* CSS style général*/
/* CSS Document */
body{
	background-color:#FFFFFF;
	background-image : url("images/fondjaune.png");
	background-repeat : repeat-y ;
	background-position : left top ;
	background-attachment: scroll;
	/*background-color:#FF9900; pour test*/
	color : black ;
	font-size : 80% ;
 	font-family : Arial,Georgia, Times, serif, Verdana, Helvetica;
}
a:link {text-decoration : none ;}
a:visited {text-decoration : none ;}
a:hover {text-decoration : none ;}
a:active {
	text-decoration : none;
	border: 0;
}
.cling {
      font-size:200%;
	  color: #00FF00
}
.Style1 {
	color: #FF0000;
	font-weight: bold;
}
.Style2 {
	color:  #0000FF;
	font-weight: bold;
}
.Style9 {
	color: #FF0000;
	font-style: italic;
	font-size: xx-small;
}
.Style12 {font-size: small}
/*------------- Début menu image----------*/
#menuimage {
	position: relative;
	margin-top: 0em;
	top : 0em ;
	left: 39em ;
	/*left: 49em ;*/
	padding-left: 0em;
	width :430px; /*largeur menu 110% bug de IE*/
	height : 102px;
	
	/*background-color:#FF0066; pour test */
	}
a#eva span {display : none ;}
a#eva:hover span{
display : inline ;
position : absolute ;
z-index:10;
margin-left : -150px ;
margin-top : 105px ;
width: 148px;
background-color : #CC0066 ;
text-align : right ;
color : white ;

}
a#eva:hover{background : none ;
}
/*------------------fin menu image----------*/

/*menu boutonindex*/
#menuindex { /* la boite */
  	position: absolute;
	margin-top: 0px;
	padding-top: 230px;
	top: 169px;
	left: -25px;
	width: 100px ;
	height: 150px;
	font-weight : bold ;
	list-style-type : none ;
	
	}
#menuindex ul {
list-style-type : none ;
padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin : 0 0em ;
}
#menuindex li a {
display : block ;
text-decoration : none ;
margin : 5px 0; 
/*background-color:#FFFFFF;*/
color:#0000FF;
font-weight : bold ;
height : 1.4em ;
font-size : 120% ;
text-indent: 1em ;
border : 1px solid black ;
text-align: center;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#menuindex li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*-------------fin menu bouton index------------*/
#bienvenue{
position: relative;
	top: 11em;
	left: 15em;
	width: auto ;
	height: auto;
	/*background-color:#00FF33; pour test */
	font-weight : bold ;
			}
#bienvenue h2 {
margin-top : 0.3em ;
margin-bottom : 0em ;
font-size : 120% ;
font-weight : bold ;
color : #000000 ;
}
/* image de l'europe sur page index */
#europe{
position: absolute;
z-index:0;
	top:7em;
	left: 23em;
	width: 48em ;
	height: 43em;
/*background-color:#00FF33; --*/
}
a.france {
display : block;
position: absolute;
margin-top: 0%;
margin-left: 0%;
	top : 14.25em;
	left: 9.8em;
    width :14.5em; /*largeur menu 110% bug de IE*/
	height : 18em;
	background : no-repeat 0 0;
/*	background-color:#FF4DFF;*/
	background : url(images/france.png) no-repeat 0 0;
		}
a.france:hover {
background-image :url(images/france_drapeau.png);
}
a.gb {
display : block;
position: absolute;
margin-top: 0%;
margin-left: 0%;
	top : .8em;
	left: 10.2em;
    width :8.5em; /*largeur menu 110% bug de IE*/
	height : 13.3em;
	background : no-repeat 0 0;
/*	background-color:#FF4DFF;*/
	background : url(images/gb.png) no-repeat 0 0;
		}
a.gb:hover {
background-image :url(images/gb_drapeau.png);
}
a.roumanie {
display : block;
position: absolute;
margin-top: 0%;
margin-left: 0%;
	top : 20.6em;
	left: 36.6em;
    width :10.5em; /*largeur menu 110% bug de IE*/
	height : 7.5em;
	background : no-repeat 0 0;
/*	background-color:#FF4DFF;*/
	background : url(images/roumanie.png) no-repeat 0 0;
		}
a.roumanie:hover {
background-image :url(images/roumanie_drapeau.png);
}
a.hongrie {
display : block;
position: absolute;
margin-top: 0%;
margin-left: 0%;
	top : 20.05em;
	left: 32em;
    width :7.1em; /*largeur menu 110% bug de IE*/
	height : 4.7em;
	background : no-repeat 0 0;
/*	background-color:#FF4DFF;;*/
    background : url(images/hongrie.png) no-repeat 0 0	
	}
a.hongrie:hover {
background-image :url(images/hongrie_drapeau.png);
}
#menu_ac { /* la boite */
  	position: absolute;
	margin-top: 130px;
	padding-top: 140px;
	top: -2em;
	left: -38px;
	width: 150px ;
	height: 150px;
	/*background-color: #0000FF; pour test */
	font-weight : bold ;
	list-style-type : none ;
		}

#menu_ac ul {
list-style-type : none ;
padding : 0 ;
margin : 0 0em ;
}
#menu_ac li a {
display : block ;
text-decoration : none ;
margin : 0px 0px ; 
color :#0000FF ;
font-weight : bold ;
height : 1.4em ;
font-size : 120% ;
text-indent: 0em ;
border : 1px solid black ;
text-align: center;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#menu_ac li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*-----------------menu bouton accueil-----------*/
#menuaccueil { /* la boite */
  	position: absolute;
	margin-top: 0px;
	padding-top: 20px;
	top: 5px;
	left: -38px;
	width: 150px ;
	height: 40px;
	/*background-color:#00FF33; pour test */
	font-weight : bold ;
	list-style-type : none ;
		}
#menuaccueil ul {
list-style-type : none ;
padding : 0 ;
margin : 0 1em ;
}
#menuaccueil li a {
display : block ;
text-decoration : none ;
margin : 0px 0 ; 
color :#0000FF ;
font-weight : bold ;
height : 1.4em ;
font-size : 120% ;
text-indent: 0em ;
border : 1px solid black ;
text-align: center;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#menuaccueil li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*-------------fin menu bouton accueil------------*/
/*-------------- menu bouton--------------------*/
#menu { /* la boite */
  	position: absolute;
	margin-top: 130px;
	padding-top: 140px;
	top: 129px;
	left: -38px;
	width: 150px ;
	height: 150px;
	/*background-color: #0000FF; pour test */
	font-weight : bold ;
	list-style-type : none ;
		}
.menu { /* la boite  correctif pour IE*/
  position: absolute;
	top: 169px;
	left: -38px;
	width: 110px ;
	height: 150px;
	/*background-color:#00FF33; pour test */
	font-weight : bold ;
	list-style-type : none ;
	}
#menu ul {
list-style-type : none ;
padding : 0 ;
margin : 0 0em ;
}
#menu li a {
display : block ;
text-decoration : none ;
margin : 0px 0px ; 
color :#0000FF ;
font-weight : bold ;
height : 1.4em ;
font-size : 120% ;
text-indent: 0em ;
border : 1px solid black ;
text-align: center;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#menu li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/* --------------- Fin menu bouton ----------------*/

/* ------------debut bouton envoyer*/
#boutonenvoyer {
position: relative;
top: 1em;
left: 25em;
}
/* fin bouton envoyer  */
/* ------------------Style du Texte--------------- */

#texte_acceuil {
	position: absolute;
	/*background-color:#000099;  pour test*/
	left: 20px;
	top: 80px;
	height : auto;
	width: 820px;
}
#texte_acceuil h1 {
margin-top: 0em;
font-weight : bold ;
font-size : 200% ;
padding-bottom : 0.2em ;
border-bottom : 3px solid #ffff99 ;
text-indent : 5px ;
color : #0000FF ;
}
#texte_acceuil h2{
margin-top : 0.3em ;
margin-bottom : 0em ;
font-size : 90% ;
font-weight : bold ;
color : #000000 ;
}
#texte {
	position: absolute;
	/*background-color:#000099;  pour test*/
	left: 155px;
	top: 118px;
	height : auto;
	width: 820px;
}
#texte h1 {
margin-top: 0em;
font-weight : bold ;
font-size : 200% ;
padding-bottom : 0.2em ;
border-bottom : 3px solid #ffff99 ;
text-indent : 5px ;
color : #0000FF ;
}
#texte h2 {
margin-top : 0.3em ;
margin-bottom : 0em ;
font-size : 120% ;
font-weight : bold ;
color : #000000 ;
}
#texte h3 {
margin-top : 0.3em ;
margin-bottom : 0em ;
font-size : 150% ;
font-weight : bold ;
color : #000000 ;
}
#texte h4 {
margin-top : 0.3em ;
margin-bottom : 0em ;
font-size : 150% ;
font-weight : bold ;
color : #0000FF ;
}
#texte P {
margin-top :0em ;
margin-bottom : 0.2em ;
font-size : 95% ;
color :#000000 ;
text-align:justify;
}
.Style3 {
	color: #FF0000;
	font-weight: bold;
	font-size: small;
}
.Style7 {color: #FF0000; font-weight: bold; font-size: large; }
.Style8 {font-size: small; color: #FF0000;}
#presentation{
position: relative;
	top: 1em;
	left: 8em;
	width: 500px ;
	height: auto;
	/*background-color:#00FF33; pour test */
	font-weight : bold ;
			}

#menudevis {
	/*float: left;*/
	width :300px ;
	margin-left : 5em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	font-weight : bold ;
	list-style-type : none ;
	/*margin-left: 0em;*/
	}
#menudevis ul {
list-style-type :none ;
padding : 0 ;
margin :0 1em ;
}
#menudevis li a {
display : block ;
text-decoration : none ;
margin : 5px 0 ; 
color :#CC0066 ;
font-weight: bold ;
height : 1.4em ;
font-size : 120% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#menudevis li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
.menudevis {
	/*float: left;*/
	width :300px ;
	margin-left : 5em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	font-weight : bold ;
	list-style-type : none ;
	/*margin-left: 0em;*/
	}
.menudevis ul {
list-style-type :none ;
padding : 0 ;
margin :0 1em ;
}
.menudevis li a {
display : block ;
text-decoration : none ;
margin : 5px 0 ; 
color :#CC0066 ;
font-weight: bold ;
height : 1.4em ;
font-size : 120% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
.menudevis li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
#tableau {
	position: relative;
	width :300px;
/*background-color:#00FF33; pour test */
	top: -1.4em;
	left: 8em;
}

#validator{
clear: both;
position: absolute;
top : 40em !important;
	/*top: 49em;*/
	left: 1em;
		/*background-color:#00FF33; pour test */
}
a.encart span {display : none ;}
a.encart:hover span{
display : inline ;
position:absolute ;
padding: 3px 3px 3px 5px;
left : 22em !important;
left : 18em ;
top : 3em ;
width: 170px ;
background-color : white ;
text-align : left ;
font-style:normal;
font-size:9px;
color : black ;
}

a.encart:hover{background : none ;}

a.encart2 span {display : none ;}
a.encart2:hover span{
display : inline ;
position:absolute ;
left: 6em !important;
left : 1em ;
top : 12em ;
padding: 3px 0px 3px 5px;
width: 120px ;
background-color : white ;
text-align : left ;
font-style:normal;
font-size:9px;
color : black ;
}
a.encart2:hover{background : none ;}
a.langue span {display : none ;}

a.langue:hover span{
display : inline ;
position:absolute ;
padding: 3px 3px 3px 5px;

margin-left : -80px ;
margin-top : 20px ;
width: 200px;
background-color : white ;
text-align : left ;
color : blue ;
}
a.langue:hover{background : none ;}
#webmaster{ 
position:relative;
top:1em;
left:7em;
border:3px solid #0000FF; 
width:500px;
padding:5px 5px 5px 5px;
}
#webmaster p{
font-style:italic;
color:#0000FF ;
}
.paiement {
	/*float: left;*/
	width :180px ;
	margin-left : 0em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	/*font-weight : bold ;
	/*background-color:#FFFFFF;
	/*list-style-type : none ;
	margin-left: 0em;*/
	}
	.paiement li  {
display : block ;
width :170px;
text-decoration : none ;
margin : 0px 0 ; 
color : black;
/*font-weight: bold */;
height : 1.4em ;
font-size : 120% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : left ;
border-width : 1px 1px 1px 1px ;
border-color : #cecece #cecece #cecece #cecece ;
border-style : solid ;
}
.montant {
	/*float: left;*/
	position : absolute;
	top : 8.1em !important;
	top : 8em;

	left : 13.5em;
	width :85px ;
	margin-left : 0em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	/*font-weight : bold ;
	/*background-color:#FF0000;
	list-style-type : none ;
	margin-left: 0em;*/
	}
	.montant li  {
display : block ;
width :100px;
text-decoration : none ;
color : black;
background-color:white;
/*font-weight: bold ;*/
margin-right:10em;
height : 1.4em ;
font-size : 120% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : right ;
border-width : 1px 1px 1px 1px ;
border-color : #cecece #cecece #cecece #cecece ;
border-style : solid ;
}
.pourquoi {
	/*float: left;*/
	position : absolute;
	top : 5.4em;
	left : 13em !important;
	left : 11em ;

	width :85px ;
	margin-left : 0em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	/*font-weight : bold ;
	/*background-color:#FF0000;
	list-style-type : none ;
	margin-left: 0em;*/
	}
.pourquoi li  {
display : block ;
width :80px;
text-decoration : none ;
color : blue;
/*background-color:white;
/*font-weight: bold ;*/
margin-right:10em;
height : 1.4em ;
font-size : 90% ;
text-indent : 1em ;
text-align : left ;
}

a.pourquoi span {display : none ;}
a.pourquoi:hover span{
display : inline ;
position:absolute ;
padding: 3px 3px 3px 5px;
margin-left : 10px ;
margin-top : -20px ;
width:230px;
background-color : white ;
text-align : left ;
color : blue ;
}
a.pourquoi{background : none ;}
#CB
{
	position: relative;
	margin-top: 0em;
	top : 0em ;
	left: 0em ;
	/*left: 49em ;*/
	padding-left: 0em;
	width :100px; /*largeur menu 110% bug de IE*/
	height : 200px;
	/*background-color:#FF0066; pour test */
		}