html, body
{
	background: #bababa url(../templates/contenus/fond_accueil.png) repeat-x fixed top left;
}

body
{
	margin: 0;
	text-align: center;
}

a
{
	text-decoration: none;
	color:black;
	border: 0px;
}
a:hover
{
	color:#999;
}
a:active
{
	text-decoration: none;
	border: 0px;
}

a:focus
{
	text-decoration: none;
	border: 0px;
}

ul
{
	margin: 0;
	padding: 0;
}

a img
{
	text-decoration: none;
	color: white;
	border: 0px;
}

a:visited
{
	text-decoration: none;
}

#sous_menu li
{
	display: inline ; 
    margin-right: 1px ; 
}

li
{
	list-style: none;
}

#outils li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
	position: absolute;
}
#site
{
	position: relative;
	margin: 0px auto;
	width: 900px;
}

h3
{
	font-family:arial;
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:left;
}

hr
{
	background: #AAA;
	position: absolute;
	color: #DDD;
	top: 25px;
	left: 15px;
	width: 870px;
	height: 1px;
	margin: auto;
}

#titre_page
{
font-family:arial;
left:20px;
position:absolute;
text-align:left;
top:0;
width:500px;
}
/******************* style css du header *******************/




#header
{
	width: 900px;
	height: 105px;
}

#logopapoo {
	position:relative;
	width:92px;
	height:72px;
	float: left;
	top: 5px;
	left: 8px;
}

#barre_outils
{
	height: 80px;
}

#search
{
	float: right;
	width: 300px;
	height: 26px;
	position: relative;
	top: 30px;
	left: 20px;
}

#outils
{
	position: relative;
	margin-top: 10px;
	margin-left: 825px;
	height: 10px;
	width: 50px;
}

					#home, #map, #contact{
									padding: 9px 0px 0px 0px;
									margin: 0;		
									display: block;
									overflow: hidden;
									background-repeat: no-repeat;
									font-size: 0px;
									height: 0px !important;
									width: 11px;
						
							}

					#home{
									
									background-image: url(../templates/home.gif);
									position: relative;
									left: 0px;
							}
							
							
					#map{
									background-image: url(../templates/sitemap.gif);
									position: relative;
									left: 30px;
							}
							
					#contact{
									background-image: url(../templates/contact.gif);
									position: relative;
									left: 60px;
							}
					#contact, #map, #home{background-position: 0 -9px;}
					#contact:hover, #map:hover, #home:hover{background-position: 0 0px;}


#fr{
	position: relative;
	top: 2px;
	padding-left: 10px;
	margin-right: 20px;
	float: right;
	}

#uk{
	position: relative;
	top: 2px;
	float:right;
}

#searchbar input
{
	border: 0px solid;
	background-attachment: scroll;
	background-color: transparent;
	width: 130px;
	height: 16px;
}

#searchbar
{
	background-image:  url(../templates/search_bar2.png);
	position: relative;	
	background-repeat:no-repeat; 
	width: 150px;
	height: 18px;
	top: 5px;
	padding-top: 2px;
	padding-bottom: 15px;
	float:left;
}

#bouton
{
	position: relative;
	top: 6px;
	padding-bottom: 20px;
	margin:auto;
	float:left;
}

	
	
/******************* style du menu *******************/



#menu
{
	position: relative;
	width: 900px;
	left: 4px;
	background:url(../templates/menu_horizontal/menu_h.png);
}

			#accueil
			{
				background:url(../templates/menu_horizontal/menu_h.png);
				position: absolute;
				left: 0px;
				height: 36px;
				width: 131px;
			}
			#produits
			{
				background:url(../templates/menu_horizontal/menu_h.png);
        background-position: -131px 0px;
				position: absolute;
				left: 131px;
				height: 36px;
				width: 152px;
			}
			#new
			{
				background:url(../templates/menu_horizontal/menu_h.png);
        background-position: -283px 0px;
				position: absolute;
				left: 283px;
				height: 36px;
				width: 157px;
			}
			#telechargement
			{
				background:url(../templates/menu_horizontal/menu_h.png);
        background-position: -440px 0px;
				position: absolute;
				left: 440px;
				height: 36px;
				width: 162px;
			}
			#assistance
			{
				background:url(../templates/menu_horizontal/menu_h.png);
        background-position: -602px 0px;
				position: absolute;
				left: 602px;
				height: 36px;
				width: 151px;
			}
			#contact2
			{
				background:url(../templates/menu_horizontal/menu_h.png);
        background-position: -753px 0px;
				background-repeat: no-repeat;
				position: absolute;
				left: 753px;
				height: 36px;
				width: 146px;
			}
			
	#accueil:hover
	{
		background:url(../templates/menu_horizontal/menu_h.png);
		background-position: 0px -36px;
	}
	#produits:hover
	{
		background:url(../templates/menu_horizontal/menu_h.png);
		background-position: -131px -36px;
	}
	#new:hover
	{
		background:url(../templates/menu_horizontal/menu_h.png);
		background-position: -283px -36px;
	}
	#telechargement:hover
	{
		background:url(../templates/menu_horizontal/menu_h.png);
		background-position: -440px -36px;
	}
	#assistance:hover
	{
		background:url(../templates/menu_horizontal/menu_h.png);
		background-position: -602px -36px;
	}
	#contact2:hover
	{
		background:url(../templates/menu_horizontal/menu_h.png);
		background-position: -753px -36px;
	}

	
	
			#accueil_active
			{
				background:url(../templates/menu_horizontal/menu_h.png);
				position: absolute;
				left: 0px;
				height: 36px;
				width: 131px;
			}
			#produits_active
			{
				background:url(../templates/menu_horizontal/menu_h.png);
        background-position: -131px -36px;
				position: absolute;
				left: 131px;
				height: 36px;
				width: 152px;
			}
			#new_active
			{
				background:url(../templates/menu_horizontal/menu_h.png);
        background-position: -283px -36px;
				position: absolute;
				left: 283px;
				height: 36px;
				width: 157px;
			}
			#telechargement_active
			{
				background:url(../templates/menu_horizontal/menu_h.png);
        background-position: -440px -36px;
				position: absolute;
				left: 440px;
				height: 36px;
				width: 162px;
			}
			#assistance_active
			{
				background:url(../templates/menu_horizontal/menu_h.png);
        background-position: -602px -36px;
				position: absolute;
				left: 602px;
				height: 36px;
				width: 151px;
			}
			#contact2_active
			{
				background:url(../templates/menu_horizontal/menu_h.png);
        background-position: -753px -36px;
				background-repeat: no-repeat;
				position: absolute;
				left: 753px;
				height: 36px;
				width: 146px;
			}
	
						#accueil_english
					{
						background:url(../templates/menu_horizontal_EN/m1out.png);
						position: absolute;
						left: 0px;
						height: 36px;
						width: 134px;
					}

					#telechargement_english
					{
						background:url(../templates/menu_horizontal_EN/m5out.gif);
						position: absolute;
						left: 602px;
						height: 36px;
						width: 151px;
					}
					#assistance_english
					{
						background:url(../templates/menu_horizontal_EN/m6out.png);
						background-repeat: no-repeat;
						position: absolute;
						left: 752px;
						height: 36px;
						width: 146px;
					}

	#accueil_english:hover
	{
		background:url(../templates/menu_horizontal_EN/m1over.png);
	}

	#telechargement_english:hover
	{
		background:url(../templates/menu_horizontal_EN/m5over.gif);
	}
	#assistance_english:hover
	{
		background:url(../templates/menu_horizontal_EN/m6over.png);
	}
/******************* style css du drop down produits *******************/
  .menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("../templates/menu_horizontal/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url("../templates/menu_horizontal/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:36px 0px 0px 132px;
		border:0px;
		position:absolute;
		width:150px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('../templates/menu_horizontal/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('../templates/menu_horizontal/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
      width:124px;
			}
	.menu p{
		clear:left;
		}	

		
/******************* style css du sous-menu *******************/




#main_frame
{
	position: relative;
	top: 8px;
	margin-bottom: 10px;
	width: 900px;
}

#titrepapoo {
	position:relative;
	width:71px;
	height:50px;
	float:left;
	margin: 9px 45px 10px 3px;
}
#titrepapoo2{
	position:relative;	
	width:71px;
	height:30px;
	float:left;
	top: 9px;
	left: 3px;
}
#sous_menu
{
	/*background-image: url(../templates/onglet2.png);
	background-repeat: no-repeat;*/
	position: relative;
	top: 6px;
	margin-left: 5px;
	margin-top: 10px;
	width: 900px;
	height: 35px;
}		

#sm_fonctionnalites
{
	background-image: url(../templates/sous-menu/fonctionnalites.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 120px;
}

#sm_pourquoi
{
	background-image: url(../templates/sous-menu/pourquoi.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 120px;
	margin: 0px 0px 0px 14px;
}

#sm_utilisation
{
	background-image: url(../templates/sous-menu/utilisation.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 100px;
}

#sm_papoosoft
{
	background-image: url(../templates/sous-menu/papoosoft.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 100px;
}

#sm_caracteristiques
{
	background-image: url(../templates/sous-menu/carac_tech.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 109px;
}
#sm_presentation
{
	background-image: url(../templates/sous-menu/presentation.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 109px;
	margin-left:100px;
}
#sm_tg2
{
	background-image: url(../templates/sous-menu/symbols.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 160px;
}
#sm_demonstration
{
	background-image: url(../templates/sous-menu/demonstration.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 109px;
  
}
#sm_videos
{
	background-image: url(../templates/sous-menu/video.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 91px;
}
#sm_oulacheter
{	
	position: relative;
	float:right;
	margin: 3px 0px 0px 0px;
}

#sm_fonctionnalites:hover
{
	background-image: url(../templates/sous-menu/fonctionnalites.png);
	background-position: 0px -35px;
}

#sm_pourquoi:hover
{
	background-image: url(../templates/sous-menu/pourquoi.png);
	background-position: 0px -35px;
}

#sm_utilisation:hover
{
	background-image: url(../templates/sous-menu/utilisation.png);
	background-position: 0px -35px;
}

#sm_papoosoft:hover
{
	background-image: url(../templates/sous-menu/papoosoft.png);
	background-position: 0px -35px;
}

#sm_caracteristiques:hover
{
	background-image: url(../templates/sous-menu/carac_tech.png);
	background-position: 0px -35px;
}
#sm_presentation:hover
{
	background-image: url(../templates/sous-menu/presentation.png);
	background-position: 0px -35px;
}
#sm_tg2:hover
{
	background-image: url(../templates/sous-menu/symbols.png);
	background-position: 0px -35px;
}
#sm_demonstration:hover
{
	background-image: url(../templates/sous-menu/demonstration.png);
	background-position: 0px -35px;
}
#sm_videos:hover
{
	background-image: url(../templates/sous-menu/video.png);
	background-position: 0px -35px;
}
#sm_demonstration_selection
{
  background-image: url(../templates/sous-menu/demonstration.png);
	background-position: 0px -35px;
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 109px;
}

#sm_videos_selection
{
  background-image: url(../templates/sous-menu/video.png);
	background-position: 0px -35px;
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 91px;
}
#sm_fonctionnalites_selection
{
	position: relative;
	height: 35px;
	width: 120px;
	float:left;
	background-image: url(../templates/sous-menu/fonctionnalites.png);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}
#sm_pourquoi_selection
{
	position: relative;
	height: 35px;
	width: 120px;
	float:left;
	background-image: url(../templates/sous-menu/pourquoi.png);
	background-repeat: no-repeat;
	background-position: 0px -35px;
	margin: 0px 0px 0px 14px;
}
#sm_caracteristiques_selection
{
	position: relative;
	height: 35px;
	width: 109px;
	float:left;
	background-image: url(../templates/sous-menu/carac_tech.png);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}
#sm_presentation_selection
{
  background-image: url(../templates/sous-menu/presentation.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 109px;
	margin-left:100px;
	background-position: 0px -35px;
}

#sm_tg2_selection
{
	background-image: url(../templates/sous-menu/symbols.png);
	background-position: 0px -35px;
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 160px;
	}
	
#sm_utilisation_selection
{
	position: relative;
	height: 35px;
	width: 100px;
	float:left;
	background-image: url(../templates/sous-menu/utilisation.png);
	background-repeat: no-repeat;
	background-position: 0px -35px;
}
#sm_papoosoft_selection
{
	background-image: url(../templates/sous-menu/papoosoft.png);
	background-repeat: no-repeat;
	background-position: 0px -35px;
	position: relative;
	float:left;
	height: 35px;
	width: 100px;
}


#sm_fonctionnalites_en
{
	background-image: url(../templates_en/sous-menu/fonctionnalitees.png);
	background-repeat: no-repeat;
	position: relative;
	height: 35px;
	width: 150px;
}

#sm_pourquoi_en
{
	background-image: url(../templates_en/sous-menu/pourquoi_papoo.png);
	background-repeat: no-repeat;
	position: relative;
	height: 35px;
	width: 150px;
}

#sm_utilisation_en
{
	background-image: url(../templates_en/sous-menu/utilisation.png);
	background-repeat: no-repeat;
	position: relative;
	left: 376px;
	height: 35px;
	width: 100px;
}

#sm_papoosoft_en
{
	background-image: url(../templates/sous-menu/papoosoft.png);
	background-repeat: no-repeat;
	position: relative;
	left: 460px;
	height: 35px;
	width: 100px;
}

#sm_caracteristiques_en
{
	background-image: url(../templates_en/sous-menu/carac_tech.png);
	background-repeat: no-repeat;
	position: relative;
	left: 570px;
	height: 35px;
	width: 163px;
}

#sm_oulacheter_en
{	
	position: relative;
	left: 766px;
}

#sm_fonctionnalites_en:hover
{
	background-image: url(../templates_en/sous-menu/fonctionnalitees_.png);
}

#sm_pourquoi_en:hover
{
	background-image: url(../templates_en/sous-menu/pourquoi_papoo_.png);
}

#sm_utilisation_en:hover
{
	background-image: url(../templates_en/sous-menu/utilisation_.png);
}

#sm_papoosoft_en:hover
{
	background-image: url(../templates_en/sous-menu/papoosoft_.png);
}

#sm_caracteristiques_en:hover
{
	background-image: url(../templates_en/sous-menu/carac_tech_.png);
}

#sm_pourquoi_selection_en
{
	position: relative;
	left: 242px;
	height: 35px;
	width: 150px;
	background-image: url(../templates_en/sous-menu/pourquoi_papoo_.png);
	background-repeat: no-repeat;
}
#sm_caracteristiques_selection_en
{
	position: relative;
	left: 570px;
	height: 35px;
	width: 163px;
	background-image: url(../templates_en/sous-menu/carac_tech.png);
}
#sm_utilisation_selection_en
{
	position: relative;
	left: 242px;
	height: 35px;
	width: 150px;
	background-image: url(../templates_en/sous-menu/utilisation.png);
}
#sm_papoosoft_selection_en
{
	position: relative;
	left: 570px;
	height: 35px;
	width: 163px;
	background-image: url(../templates_en/sous-menu/carac_tech.png);
}
#sm_fonctionnalitees_selection_en
{
	position: relative;
	left: 570px;
	height: 35px;
	width: 163px;
	background-image: url(../templates_en/sous-menu/carac_tech.png);
}






/******************* style css du menu du bas *******************/




#menu_bas
{
	background: url(../templates/icones/menu_bas.png);
	background-repeat: no-repeat;
	position: relative;
	width: 905px;
	height: 74px;
}


#menu_bas li
{
	list-style: none;
	display: block;
	position: absolute;
	float: none;
	top: 15px;
}

#label {
	width:232px;
	height:70px;
	position: absolute;
	left: 20px;
	margin-top: 6px;
	
}

#ilsenparlent {
	width:121px;
	height:45px;
	position: relative;
	left: 300px;
}

#essayezle {
	width:116px;
	height:45px;
	position: relative;
	left: 460px;
}

#presentation3d {
	width:139px;
	height:45px;
	position: relative;
	left: 620px;
}

#separateur
{
	width:48px;
	height:45px;
	position: relative;
	left: 780px;
}

#handicapes {
	width:48px;
	height:45px;
	position: relative;
	left: 825px;
}




/******************* style css du footer *******************/




#footer {
	position: relative;
	text-align: center;
	width: 900px;
	top:8px;
	color: white;
	font-size: 8pt;
	font-family: Arial;
	padding-bottom: 15px;
	clear:both;
	margin-bottom:10px;
	margin-left:6px;
	padding:0.5em 0;
	text-align:center;
	width:894px;
}

#footer p {
	font-size: 8pt;
	font-family: Arial;
	color: #ffffff;
	margin-bottom	:5px;
	margin-top:0;
}


}
#footer li
{
	border-left:1px solid #FFFFFF;
	display:inline;
	padding:0 2px 0 4px;
}

#footer a {
	color:#5D717E;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
#footer2 {
	border-top:1px solid #FFFFFF;
	color:white;
	font-family:Arial;
	font-size:8pt;
	margin-bottom:20px;
	padding-top:4px;
	position:relative;
	text-align:center;
	top:6px;
	width:900
}
#footer li.first_item {
	border:medium none;
	padding-left:0;
}






/****************************************  style du sous menu du papooswitch  *******************************************/


#sm_comment
{
	background-image: url(../templates/sous-menu/commentservir.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 120px;
	margin: 0px 8px 0px 190px;
}

#sm_galerie
{
	background-image: url(../templates/sous-menu/galerie.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	height: 35px;
	width: 100px;
	margin: 0px 20px 0px 6px;
}
#sm_comment_selection
{
	background-image: url(../templates/sous-menu/commentservir.png);
	background-repeat: no-repeat;
	background-position: 0px -35px;
	position: relative;
	float:left;
	height: 35px;
	width: 120px;
	margin: 0px 8px 0px 190px;
}

#sm_galerie_selection
{
	background-image: url(../templates/sous-menu/galerie.png);
	background-repeat: no-repeat;
	background-position: 0px -35px;
	position: relative;
	float:left;
	height: 35px;
	width: 100px;
	margin: 0px 20px 0px 6px;
}
#sm_comment:hover
{
	background-image: url(../templates/sous-menu/commentservir.png);
	background-position: 0px -35px;
	}
#sm_galerie:hover
{
	background-image: url(../templates/sous-menu/galerie.png);
	background-position: 0px -35px;
	}

#sm_comment_en
{
	background-image: url(../templates/sous-menu/commentservir.png);
	background-repeat: no-repeat;
	position: relative;
	left: 310px;
	height: 35px;
	width: 150px;
}

#sm_galerie_en
{
	background-image: url(../templates/sous-menu/galerie.png);
	background-repeat: no-repeat;
	position: relative;
	left: 450px;
	height: 35px;
	width: 100px;
}
#sm_comment_selection_en
{
	background-image: url(../templates/sous-menu/commentservir_.png);
	background-repeat: no-repeat;
	position: relative;
	left: 310px;
	height: 35px;
	width: 150px;
}

#sm_galerie_selection_en
{
	background-image: url(../templates/sous-menu/galerie_.png);
	background-repeat: no-repeat;
	position: relative;
	left: 450px;
	height: 35px;
	width: 100px;
}
#sm_comment_en:hover
{background-image: url(../templates/sous-menu/commentservir_.png);}
#sm_galerie_en:hover
{background-image: url(../templates/sous-menu/galerie_.png);}

/****************************************  Cadre contenu  *********************************/


#top_cadre
{
	background: url(../templates/top_cadre.png) no-repeat;
	height: 21px;
	width: 903px;
	position: relative;
	margin: 4px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
}
#bottom_cadre
{
	background: url(../templates/bottom_cadre.png) no-repeat;
	position: relative;
	height: 21px;
	width: 903px;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
}