/* CSS style général*/
/* CSS Document */
body{
	background-color:#FF6E02;
	background-image : url("images/fond.png");
	background-repeat : repeat-y ;
	background-position : center ;
	background-attachment: scroll;
	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;
}
.centre{
text-align :center;
}
.gauche{
text-align :left;
}
.rouge
{
color: red;
font-weight: bold;
}
/*------------------------ debut entete-------------------------- */
	#entetegauche {
	position:absolute;
	margin-top: 0%;
	top : 0% ;
	left: 2%; 
	/*background-color:#FF4DFF; pour test*/
	/*left: 49em ;*/
	padding-left: 0em;
	width :auto; /*largeur menu 110% bug de IE*/
	height :auto;
		}

a.langue span {display : none ;}
a.langue:hover span{
display : inline ;
position : absolute ;
left : 1%; 
top : 103%;
width: auto;
padding: 0.5%.5%.5% ;
background-color : white ;
-moz-border-radius:5%;
  border-radius:5%;
text-align : center ;
color : black ;

}
a.langue:hover{background : none ;
}	
#entetecentre {
	position: absolute;
	margin-top: 0%;
	top : 0% ;
	left: 25% ; 
	font-size : 60% ;
	/*left: 49em ;*/
	padding-left: 0em;
	width :60%; /*largeur menu 110% bug de IE*/
	height : auto;
		}
	#entetecentre  h1 {
	font-size : 320% ;
	color : #8B4513;
	}
	#entetecentre  h2 {
	font-size : 220% ;
	color : #8B4513;
	}
	#entetedroite {
	position: absolute;
	margin-top: 0%;
	top : 2% ;
	right: 2%; ;
	/*background-color:#FF4DFF; pour test*/
	/*left: 49em ;*/
	padding-left: 0em;
	/*width :35%; largeur menu 110% bug de IE*/
	height : auto;
		}
	
a#photo span {display : none ;}
a#photo:hover span{
display : inline ;
position : absolute ;
left : 2%; 
top : 102%;
width: auto;
padding: 0.5%.5%.5% ;
background-color : white ;
-moz-border-radius:5%;
  border-radius:5%;
text-align : center ;
color : black ;
}
a#photo:hover{background : none ;
}	
/*------------------------ fin entete-------------------------- */		
/*------------------------ debut Menu-------------------------- */
ul#menu {
position: absolute;
border: 2px solid black;
top : 25% ;
margin-left: 1% ;
width :16%;
height : auto;
padding: 1%.0%.8%.8% ;
 -moz-border-radius:10%;
  border-radius:10%;
list-style-type: none;
font: bold 1em Arial,Georgia, Times;
font-size : 110% ;

/*background-color:#FF4DFF; pour test*/
}
ul#menu2 {
position: absolute;
border: 2px solid black;
top : 45% ;
margin-left: 1% ;
width :16%;
height : auto;
padding: 1%.0%.8%.8% ;
 -moz-border-radius:10%;
  border-radius:10%;
list-style-type: none;
font: bold 1em Arial,Georgia, Times;
font-size : 110% ;

/*background-color:#FF4DFF; pour test*/
}
ul#menu a ,ul#menu2 a{
color: #000;
margin : 1% 8%; 
padding-left: 10%;
background: url(images/puce0.png) center left no-repeat;
/*background-color:#blue;*/
}
#menu li a,ul#menu2 li a {	
display : block ;
text-decoration : none ;
margin: 0%.0%.0%.0%;
/*background-color:#blue;*/
color:black;
font-weight : bold ;
height : 1% ;
font-size : 100% ;
text-indent: 1%;
text-align: left;
 }
ul#menu a:hover,ul#menu2 a:hover {
color: white;
background-image: url(images/puce1.png);

}
a.encart span {display : none ;}
a.encart:hover span{
display : inline ;
position: absolute ;
left : 2% ;
top : 105% ;
width: 100% ;
 -moz-border-radius:5%;
  border-radius:5%;
background-color : white ;
font-size:60%;
text-align :center ;
color : black ;
}
a.encart:hover{background : none ;}
/*------------------------ fin Menu-------------------------- */
/*------------------------ debut texte-------------------------- */
#texte {
  font-family: Arial,Georgia, Times, serif, Verdana, Helvetica;
  position: absolute;
  top : 27%;
  left : 20%;
  width: auto;
  height : auto;
  padding: 0.5%.8%.5% ;
  background: #FFF7D2;
  -moz-border-radius:2%;
  border-radius:2%;
}
div#texte a {
  text-decoration: none;
  color: black;
}
/*------------------------- fin texte------------------ */

a.info span {display : none ;}
a.info:hover span{
display : inline ;
position:absolute ;
left : -13%;
top : 45%;
padding: 3px 3px 3px 5px;
margin-left : -80px ;
margin-top : 20px ;
width: auto;
background-color : white ;
-moz-border-radius:5%;
  border-radius:5%;
text-align : left ;
color : black ;
}
a.info:hover{background : none ;}

a.infoh2 span {display : none ;}
a.infoh2:hover span{
display : inline ;
position:absolute ;
left : -13%;
top : 45%;
font-size:50%;
padding: 3px 3px 3px 5px;
margin-left : -80px ;
margin-top : 20px ;
width: auto;
background-color : white ;
-moz-border-radius:5%;
  border-radius:5%;
text-align : left ;
color : black ;
}
a.infoh2:hover{background : none ;}
/*------------------------- Fin texte------------------ */
/*------------------------- Début bouton devis------------------ */
#devis_trad {
	/*float: left;*/
	width : 80% ;
	margin-left : 5% ;
	margin-bottom: 2%;
	font-weight : bold ;
	text-align : left ;
	list-style-type : none ;
	}
#devis_trad {
	/*float: left;*/
	width : 80% ;
	margin-left : 5% ;
	margin-bottom: 2%;
	font-weight : bold ;
	list-style-type : none ;
	}
#devis_trad ul {
list-style-type :none ;
padding : 0 ;
margin :0 1%;
}
#devis_trad li a {
display : block ;
text-decoration : none ;
margin : 5% 0 ; 
font-weight: bold ;
height : 1.4%;
font-size : 120% ;
text-indent : 1%;
border : 1px solid #8B4513;
text-align : center ;
color : #8B4513;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#devis_trad li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
#devis_int {
	/*float: left;*/
	width : 80% ;
	margin-left : 5% ;
	margin-bottom: 2%;
	font-weight : bold ;
	text-align : left ;
	list-style-type : none ;
	}
#devis_int ul {
list-style-type :none ;
padding : 0 ;
margin :0 1%;
}
#devis_int li a {
display : block ;
text-decoration : none ;
margin : 5% 0 ; 
font-weight: bold ;
height : 1.4%;
font-size : 120% ;
text-indent : 1%;
border : 1px solid #8B4513;
text-align : center ;
color : #8B4513;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#devis_int li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*-------------------------  Fin bouton devis------------------ */
/*------------------------- Début bouton Ici------------------ */
#Ici {
	/*float: left;*/
	position :absolute;
	top : 71%;
	left: 15%;
	width : 20% ;
	margin-left : 5% ;
	margin-bottom: 2%;
	font-weight : bold ;
	list-style-type : none ;
	
	}
#Ici ul {
list-style-type :none ;
padding : 0 ;
margin :0 1%;
}
#Ici li a {
display : block ;
text-decoration : none ;
margin : 5% 0 ; 
color : #8B4513;
font-weight: bold ;
height : 1.4%;
font-size : 120% ;
text-indent : 1%;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#Ici li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*-------------------------  Fin bouton Ici !------------------ */
/*-------------------------- Début acceuil les cartes ----------------*/
	#bienvenue {
position:absolute;
	margin-top: 0%;
	top : 45% ;
	left: 2%; 
	/*background-color:#FF4DFF; pour test*/
	/*left: 49em ;*/
	padding-left: 0em;
	width :auto; /*largeur menu 110% bug de IE*/
	height :auto;
	color : #8B4513;
		}
		
	#entetegauche2 {
	position:absolute;
	margin-top: 0%;
	top : 0% ;
	left: 14%; 
	/*background-color:#FF4DFF; pour test*/
	/*left: 49em ;*/
	padding-left: 0em;
	width :auto; /*largeur menu 110% bug de IE*/
	height :auto;
		}
		
div#texte_accueil {
  font-family: Arial,Georgia, Times, serif, Verdana, Helvetica;
  position: absolute;
  top : 27%;
  left : 20%;
  width: auto;
  height : auto;
  padding: 0.5%.8%.5% ;
}
div#texte_accueil a {
  text-decoration: none;
  color: black;
}
a.france {
display : block;
position: absolute;
margin-top: 0%;
margin-left: 0%;
	top : 34.5%;
	left: 22.1%; 
    width :27.5%; /*largeur menu 110% bug de IE*/
	height : 32.5%;
	background : no-repeat 0 0;
	/*background-color:#FF4DFF; pour test
	background : url(images/France.png) no-repeat 0 0;*/
		}
a.france:hover {
background-image :url(images/France.png);
}
a.pologne {
display : block;
position: absolute;
margin-top: 0%;
margin-left: 0%;
	top : 25.5%;
	left: 63%; 
    width :20%; /*largeur menu 110% bug de IE*/
	height : 22%;
	background : no-repeat 0 0;
	/*background-color:#FF4DFF; pour test
	background : url(images/France.png) no-repeat 0 0;*/
		}
a.pologne:hover {
background-image :url(images/Pologne.png);
}
/*------------Début pied de page--------*/
#validator{
position: absolute;
top : 80%;
left: 2%;
/*background-color:#00FF33; pour test */
}
/*------------fin pied de page--------*/
/* -----------Paiement en ligne -------*/

.pourquoi {
	/*float: left;*/
	position : absolute;
	top : 6em;
	left : 8em !important;
	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 :absolute;
	top : 60% ;
	left: 2% ;
	/*left: 49em ;*/
	width :100px; /*largeur menu 110% bug de IE*/
	height : 200px;
	/*background-color:#FF0066; pour test */
		}