/*------------------------------BASE DE LA PAGE : CADRES ET FOND------------------------------*/
/*couleur de fond et texte par defaut*/
body{
	font: normal 79% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-align:justify;
	background:url(/img/site/fond5.jpg) repeat-y;
	background-color:#301717;
	padding-top:40px;
	padding-bottom:0px;
	
	
}
#corps {
	position:relative;
	border:none;
	width:960px;
	background-color:#FFF;
	min-height:300px;
	margin:0 0 0 10%;
	padding-top:0px;
	padding-bottom:50px;}

dl, dt, dd, ul, li {margin:0; padding:0; list-style-type:none;}

.ongletul
{
  float: left;
  margin-top: 16px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}

.ongletli
{
  float: left;
  margin-left: 3px;
}

#onglet {
  overflow: hidden;
  margin-top:40px;
  background-image:url(img/site/fond_onglet.png);
  background-position: bottom;
  background-repeat: repeat-x;
}
  
#onglet ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(img/site/coin-gauche-1.png);
  background-repeat: no-repeat;
  background-position: 0% -250px;
}

#onglet ul li a span {
  float: left;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(img/site/coin-droit-1.png);
  background-repeat: no-repeat;
  background-position: 100% -250px;
  font-size:11px;
  color: #a7a9ac;
}
  
  
  #onglet ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(img/site/coin-gauche-1.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

#onglet ul li#actif span {
  float: left;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(img/site/coin-droit-1.png);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  font-size:11px;
  color: #000;
}

#onglet ul li a:hover {
  background-position: 0% -250px;
}
#onglet ul li a:hover span {
  background-position: 100% -250px;
  color:#000;
}

.news

{
padding:0 10px 10px 0;
background-color:#FFF;
min-height:85px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.news_ac
{
padding:0 10px 10px 0;
margin:8px 10px 0 10px;
background-color:#FFF;
min-height:85px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
	
}

.salons
{
padding:10px 10px 10px 10px;
background-color:#f1f1f1;
}

.appli

{
padding:10px 10px 10px 10px;
margin:8px 10px 0 10px;
background-color:#FFF;
height:166px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.date

{/*titre de paragraphe*/
	color:#b8292f;
	font-style:normal;
	font-size:1.1em;
	padding:0 0 15px 0px;
	
	
	}

#flag {
	float:right;
	width:400px;
	background:url(img/flag/fond.png) top right no-repeat;
	padding-right:5px;
	color:#FFF;
	font-size:11px;
	
}


#recherche {
	float:right;
	width:650px;
	margin-bottom: -80px;
	margin-left:-150px;
	

	
}

#contact_recherche {
	position:relative;
	
	
/*position:absolute;*/ 
z-index:3;
width:657px; 
height:73px;
margin:80px -3px 0 -244px;
margin-right:100px;

}

.flag {
	float:right;
	padding:4px 3px 2px 3px;
}


.arrowlistmenu{
width: 170px; /*width of accordion menu*/
padding: 7px 0 10px 0px;
cursor:default;
border-bottom-style:none;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 14px Calibri, Verdana, "Myriad Pro", Sérif;
color:#676b6e;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top: 1px;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
border-bottom-style:none;
}

.arrowlistmenu .menuheader:hover{
	color:#ffffff;
	
}

.titre{
color:#ffffff;
font: bold 14px Calibri, Verdana, "Myriad Pro", Sérif;
padding: 4px 0 4px 10px;
border-bottom-style:none;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color:#ffffff;
cursor: default;
border-bottom-style:none;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
padding-top: 0;
margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
cursor: default;
border-bottom-style:none;
}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
border-bottom-style:none;
}

.arrowlistmenu ul li a{
color:#676b6e;
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
border-bottom-style:none;
font-size: 90%;

}

.arrowlistmenu ul li a:visited{
	color:#676b6e;
border-bottom-style:none;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#ffffff;
background-color: #676b6e;
border-bottom-style:none;
}








.listmenu{
width: 169px; /*width of accordion menu*/
padding: 7px 0 10px 6px;
cursor:default;
border-bottom-style:none;
color:#4c1b1b;
}

.listmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 14px Calibri, Verdana, "Myriad Pro", Sérif;
color:#4c1b1b;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top: 1px;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
border-bottom-style:none;
}

.listmenu .menuheader:hover{
background-color:#dfdfdf;
	
}

/*.titre{
color:#ffffff;
font: bold 14px Calibri, Verdana, "Myriad Pro", Sérif;
padding: 4px 0 4px 10px;
border-bottom-style:none;
}*/

.listmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
font: 14px Calibri, Verdana, "Myriad Pro", Sérif;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top: 1px;
padding: 4px 0 4px 10px; /*header text is indented 10px*/

color:#ffffff;
background-color:#999;
cursor: default;
border-bottom-style:none;
}

.menu_active { 
width:170px;
padding: 2px 0;
color:#4c1b1b;
padding-left: 10px;
text-decoration: none;
font-size: 90%;
cursor: default;
border-bottom-style:none;

}


.menu_inactive { 
padding: 2px 0;
color:#4c1b1b;
padding-left: 0px;
text-decoration: none;
font-size: 100%;
border-bottom-style:none;
border-bottom-width:0px;

}

.menu_inactive:hover {
	color:#ffffff;
}



.client {
	padding-left:5px;
	margin-bottom:10px;
}



#time4bed-nav{position:absolute; top:25px; left:317px; width:643px; height:40px;font-size:12px;text-transform:uppercase;background: url("img/site/menu_bg.gif") repeat-x bottom left;font-family:Calibri, "Times New Roman", Times, serif;}
#time4bed-nav ul{margin:0;padding-left:10px;list-style-type:none;width:643px;float:left;}
#time4bed-nav ul li{display:block;float:left;margin:0 0px;}
#time4bed-nav ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:0 10px 0 10px;height:40px;line-height:50px;}
#time4bed-nav ul li a span{display:block;float:left;padding:0 20px 0 20px;height:31px;width:auto;}
#time4bed-nav ul li a:hover{color:#ffdab6;}
#time4bed-nav ul li a:hover span{display:block;cursor:pointer;}
#time4bed-nav ul li.current,#time4bed-nav ul li.current:hover{color:#b8292f;background:transparent url("img/site/menu_gauche.gif") no-repeat top left;text-decoration:none;padding:0 0 0 15px; height:40px; line-height:50px;}
#time4bed-nav ul li.current span{display:block;float:left; background:transparent url("img/site/menu_droite.gif") no-repeat top right;height:40px; line-height:50px; width:auto; padding:0 15px 0 0;}
#time4bed-nav ul li.current a {color:#b8292f}



.rouge {
 list-style-type: none;
 background-image: url(img/site/puce.jpg);
 background-repeat: no-repeat;
 background-position: 0% 0.56em;
 padding-left: 15px;
 margin-left:1em;
} 

.active { /*hover state CSS*/
color: #000;
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-size: 90%;
}


.souligne{text-decoration:underline;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
.normal{font-weight:normal;text-decoration:none;font-style:normal;color:#000;}
.normal:hover{text-decoration:underline;}
/*--------PARTIE HAUTE: banniere--------*/
#header{
	background-image:url(img/site/ban.png);
	position:relative;
	width:960px;
	height: 103px;
	padding:0 0 0 0px;
	margin:0 0 0 10%;
}
	
	
#zone1 {    /* zone cliquable */
float: left;
width : 238px;
height: 70px;
margin-left: 30px;
margin-top: 10px;
}



/*--------MILIEU DE PAGE--------*/
#container{/*cadre contenant les trois colonnes*/
	width:960px;
	overflow:hidden;
	min-height:300px;
	margin:0px 0 0 5px;
	padding-bottom:20px;
	padding-top:30px;
	color:#1E1E1E;
	font-weight:normal;
	font-style:normal;}

/*--------COLONNE 1 avec encarts--------*/
#col1{
	position:relative;
	
	padding: 20px 0px 0px 0px;
	float:right;
	width:210px;
	z-index:1;}

/*--------COLONNE 2 contenu principal--------*/
#col2{
	width: 670px;
	height:100%;/*hauteur s'adapte au contenu*/
	margin:0px 0px 0px 40px;
	text-align:justify;
	font-weight:normal;
	color:#000000;
	}
	
#colmenu{
	position:relative;
	margin:48px 0 0 20px;
	padding: 20px 0px 0px 0px;
	float:right;
	width:210px;
	z-index:1;}	
	
#col2pdt{
	width: 670px;
	height:100%;/*hauteur s'adapte au contenu*/
	margin:0px 50px 0px 40px;
	text-align:justify;
	font-weight:normal;
	color:#000000;
	}
	

#col2 .texte{/*texte principal*/
	position:relative;
	overflow:hidden; /*evite que le contenu passe sous les flottants sur les cotes*/
	margin:5px 25px 20px 0px;
	color:#000000;}
    .p1{width:auto;}
	

#footer {
	position:relative;
	font-size:9px;
	text-align:center;
	color:#999;
	width:960px;
	height:45px;
	padding:0px 0 0 0px;
	margin:0 0 0 10%;
	background:transparent url("img/site/footer1.jpg") no-repeat;
	}
	
#footer a:hover {
	color:#000;
}
	


a {/*tout lien*/
	color:#666;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: none;
}

a img
{
	border: none;
	
}
	
	
.footer {
	color:#999;
}
.pointille {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	
	}
	
.pointille:hover{
	border-bottom-style: solid;
	border-bottom-color: #666;	
}

h1{/*nouveau titre de page*/
	font-size:1.5em;
	text-transform:uppercase;
	margin:20px 0 20px 0;
	color:#b8292f;}
	
h2{/*titre de paragraphe*/
	font-style:normal;
	font-family: Arial, Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:1.1em;
	margin:15px 0 15px 0px;
	padding-top:5px;
	color:#b8292f;}
	
hr {

color:#CCC;
background-color: #CCC;
height: 1px;
border: 0;
}
	
titre_tab{/*titre de paragraphe*/
	font-style:normal;
	text-transform:uppercase;
	font-size:1.1em;
	margin:5px 0 5px 0px;
	padding-top:5px;
	color:#b8292f;}
	
.colg{
	width:320px;
	padding-top:1px;}
.cold{
	width:240px;
	float:right;
	padding-right:20px;
	padding-top:0px;}

.flottantdroit{float:right;margin:0 5px 5px 20px;}
.flottantgauche{float:left;padding:5px 10px 5px 10px ;}

.tab_tracker
{
	font-family: Calibri, Verdana, "Myriad Pro", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	margin-top:10px;
	width: 650px;
	text-align: left;
	border-collapse: collapse;
	border:none;
	
}
.tab_tracker th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #fff;
	border-bottom: 1px solid #fff;
	border-top:none;
	border-left:#a7a9ac;
	border-right:#a7a9ac;
	color: #000;
}
.tab_tracker td
{
	padding: 8px;
	background: #f6f6f6; 
	border-bottom: 2px solid #fff;
	color: #000;
	border-top: 1px solid transparent;
	border-left:#a7a9ac;
	border-right:#a7a9ac;
}
.tab_tracker tr:hover td
{
	background: #fff;
	color: #000;
}



.ver-zebra
{
	font-family: Calibri, Verdana, "Myriad Pro", Sans-Serif;
	font-size: 12px;
	margin:10px;
	width: 90%;
	text-align: left;
	border-collapse: collapse;
}
.ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #000;
}
.ver-zebra td
{
	padding: 8px 15px;
	
	color: #000;
}
.vzebra-odd
{
	background: #ffffff;
}
.vzebra-even
{
	background: #f6f6f6;
}
.ver-zebra .vzebra-adventure, .ver-zebra .vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
.ver-zebra .vzebra-comedy, .ver-zebra .vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}





.sstitre_pdt {
	font-size:13px;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	color:#b8292f;
}

#titre_pdt {
	color:#b8292f;
	
}

.cachediv {
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		position: absolute;
	}
	
mondiv21 {
	float:left;
	width:489px;
	height:62px;
	background-color:#FFF
}
.tableau{
	border-left:#f1f1f1 1px solid;
	margin-top:20px;
	}
.sup{
	background-color:#f1f1f1;
	color:#000;
	padding: 4px 0px 4px 10px;
	margin-bottom:10px;
	text-transform:uppercase;}
	
.sup2{
	background-color:#f1f1f1;
	color:#000;
	padding: 4px 0px 4px 10px;
	margin-bottom:10px;
	}


.decal{
	color:#000;
	padding: 4px 10px 4px 10px;
}

.decal a{
	color:#000;
	
}


	
.titre_e
{
	background-color:#f3f3f4;
	color:#000;
}

.encart
{
	background:url(img/site/encart_haut.jpg) repeat-y;
	width:170px;
	overflow:hidden;
	margin-left:5px;

}

.encart_bas
{
	background:transparent url(img/site/encart_bas2.jpg) no-repeat bottom left;
	display:block;
	padding:0 0 0 0;	
	}
	
.callback
{
	background:url(img/site/callback/background.jpg) repeat-x;
	width:170px;
	overflow:hidden;
	margin-left:5px;

}

a.callback2 { background-image: url('/img/site/callback.png'); display: block; width: 168px; margin-left:5px; border:0px }
a.callback2:hover { background: url('/img/site/callback.png') 0 -73px }

a.callback3 { background-image: url('/img/site/callback_gb.png'); display: block; width: 168px; margin-left:5px; border:0px }
a.callback3:hover { background: url('/img/site/callback_gb.png') 0 -73px }

a.callback4 { background-image: url('/img/site/callback_de.png'); display: block; width: 168px; margin-left:5px; border:0px }
a.callback4:hover { background: url('/img/site/callback_de.png') 0 -73px }

#menu
{
	background:url(img/site/encart_haut.jpg) repeat-y;
	width:170px;
	overflow:hidden;
	margin-left:5px;

}	
	
.menu_bas
{
	background:transparent url(img/site/encart_bas.jpg) no-repeat bottom left;
	display:block;
	padding:0 0 0 0;
}
	
#haut_menu_droite
{
	background:url(img/site/fd_encart_haut.jpg) repeat-y;
	width:180px;
	overflow:hidden;
}

.bas_menu_droite
{
	background:transparent url(img/site/fd_encart_bas.jpg) no-repeat bottom left;
	display:block;
	padding:0 0 0 0;	
	}
	
	
/*Menu Accordeon Produits*/	

.urbangreymenu{
width: 169px; /*width of accordion menu*/
padding: 7px 0 10px 6px;
cursor:default;
border-bottom-style:none;
color:#ffffff;

}

.urbangreymenu .headerbar{
width:169px;
font: 14px Calibri, Verdana, "Myriad Pro", Serif;
color:#676b6e;
background:url(img/site/menu_background.jpg) no-repeat;
overflow:hidden;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top: 1px;
padding: 4px 0 4px 0; /*header text is indented 10px*/
cursor: pointer;
border-bottom-style:none;

}

.urbangreymenu .headerbar2{
width:169px;
font: 14px Calibri, Verdana, "Myriad Pro", Serif;
color:#676b6e;
background:url(img/site/menu_background.jpg) no-repeat;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top: 1px;
padding: 4px 0 4px 0; /*header text is indented 10px*/
cursor: pointer;
border-bottom-style:none;

}

.urbangreymenu .headerbar:hover{
	
background:url(img/site/menu_hover.jpg) no-repeat;
color:#000000;
}

.urbangreymenu a .headerbar {
padding: 4px 0 4px 16px; /*header text is indented 10px*/
}




.urbangreymenu ul{
	font:14px;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
color:#999999;
background: white;
display: block;
padding: 2px 0 0 8px; /*8px 0 avant */
line-height: 11px; /*17px avant*/
padding-left: 2px; /*link text is indented 8px*/
text-decoration: none;
}


.urbangreymenu .selectedheader a{ /*CSS class to apply to expandable header when it's expanded : Header Sélectionné*/
color:#000000;
padding: 0 0 0 6px;
}

.urbangreymenu .selectedheader{ /*CSS class to apply to expandable header when it's expanded : Header Sélectionné*/
background-color:#ffffff;
background:url(img/site/menu_hover.jpg) no-repeat;
overflow:hidden;

display: block;
font: 14px Calibri, Verdana, "Myriad Pro", Serif;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top: 3px;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: default;
border-bottom-style:none;
}

.urbangreymenu .selectedentry{ /*CSS class to apply to expandable header when it's expanded : Item Sélectionné*/
font:12px Calibri, Verdana, "Myriad Pro", Serif;
color: #000;
background: white;
display: block;
padding: 2px 0; /*8px 0 avant */
line-height: 11px; /*17px avant*/
padding-left: 9px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
padding-top: 0;
margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
cursor: default;
border-bottom-style:none;
}

.urbangreymenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
border-bottom-style:none;
}

.urbangreymenu ul li a{
color:#676b6e;
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
border-bottom-style:none;
font-size: 90%;
}


/*.urbangreymenu ul li a:visited{
	color:#676b6e;
border-bottom-style:none;
}*/

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color:#000;
border-bottom-style:none;
}


#chiffre_affaire

{

   width:300px;

   height:20px;


   float:left;



}



#nombre_salarie

{

   width:300px;

   height:20px;



   float:right;



}
	

#temoignages{
	font-style:italic;
}
	
	
	
	
	
/*Slide avis client
*/
#container {

	z-index:0; margin:0 auto;
	margin:0 auto;
	position:relative;	
}

#slides {

	width:900;
	height:100;
	top:15px;
	left:4px;
	z-index:100;
	background:url(http://www.newsteo.com/img/slide/bg.png) no-repeat;
}

.slides_container {
	width:830px;
	
	height:100px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container a {
	width:980px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

.pagination {
	
	width:100px;
	visibility:hidden;
}

/* Erreurs formulaires */

#Nom_Erreur 		{color:#F00; font-size:12px;}
#Tel_Erreur 		{color:#F00; font-size:12px;}
#Msg_Erreur 		{color:#F00; font-size:12px;}
#Msg_Ok2			{font-size:12px; margin:10px 0 10px 0}

#Msg_Ok				{text-align:center; }
#Prenom_Erreur2 	{color:#F00; padding-left:10px; font-size:11px;}
#Nom_Erreur2 		{color:#F00; padding-left:10px; font-size:11px;}
#Email_Erreur2 		{color:#F00; padding-left:10px; font-size:11px;}
#Message_Erreur2 	{color:#F00; padding-left:10px; font-size:11px;}
#Code_Erreur2 		{color:#F00; padding-left:10px; font-size:11px;}