/* global */
* {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
img {
  border:0
}
body {
  background-color:#83AC1A;
  margin:0 auto;
  font:normal 12px Arial, Helvetica, sans-serif;  
  line-height:15px;
}

#main {
  width:976px;
  margin-left:auto;
  margin-right:auto;
}

.green {
  color:#436D26;
}
.orange {
  color:#963E3E;
}

/** HEADER **/
#header {
  height:132px;
  width:976px;
}

#logo, #gratuit, #pro, #code-salah {
  height:132px;
  float:left;
}
#logo > div {
  background:url(../images/logo.png) left center no-repeat;
}
#gratuit > div {
  background:url(../images/gratuit.png) left center no-repeat;
}
/*#code-salah > div {
  background:url(../images/obtenir-code-salah.png) left center no-repeat;
}*/
#logo a, #gratuit a {
  position: relative;
  z-index:1;
}

#logo-form {
  margin-top:12px;
  margin-left:10px;
  height:108px;
  width:343px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/logo.png');
}
#logo-content {
  float:left;
}
#logo span {
  float:left; 
}
#logo a {
  position: relative;
  z-index:1;
  height:108px;
  width:343px;
}
#logo a * {
  height:108px;
  width:343px;
}
#gratuit-form {
  margin-top:17px;
  margin-left:54px;
  height:97px;
  width:335px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/gratuit.png');
}
#code-salah-form {
  margin-top:30px;
  margin-left:75px;
  height:78px;
  width:408px;
  /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/obtenir-code-salah.png');*/
}
#gratuit-content {
	float:left;
}
#gratuit span, #code-salah span {
  float:left;	
}
#gratuit a {
  position: relative;
  z-index:1;
  height:97px;
  width:335px;
}
#code-salah {
  position: relative;
  z-index:1;
  height:78px;
  width:408px;
}
#code-salah a * {
  height:78px;
  width:408px;
}

#gratuit a * {
	height:97px;
  width:335px;
}

#pro-form {
	margin-left:2px;
	height:132px;
  width:232px;
  color:white;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/espace-pro.png');
}
#pro-content {
	float:left;
	padding:50px 0px 0px 18px;
}
#pro .input {
  float:left;
  width:100px;
}
#pro .input input {
  border:1px solid #436D26;
  width:90px;
  position: relative;
  z-index:1;
}
#pro span {
  float:left;
}
#pro a {
  color:white;
  font-size:0.9em;
  text-decoration:none;
  position: relative;
  z-index:1;  
}
#pro a:hover {
  text-decoration:underline;  
}
.btn-small {
  float:left;
  width:41px;
  height:23px;
  padding:3px 0px 0px 10px;
  margin:5px 0px 0px 45px;
  font-weight:bold;
  font-size:1.1em;
  position: relative;
  z-index:1;
  cursor:pointer;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='/images/btn-small.png');
}
#pro-content > .btn-small {
  background:url(../images/btn-small.png) no-repeat;
}

#pro > div {
	height:132px;
  background:url(../images/espace-pro.png) left center no-repeat;
}

/** MENU **/
#main #menu {
  width:954px;
  height:42px;
  padding:10px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/menu2.png');
}
#menu a {
	color:white;
	text-decoration:none;
	position: relative;
  z-index:1; 
}
#menu a:hover {
  color:#FDCE1A;
} 
#main > #menu {
  background:url(../images/menu2.png) no-repeat;
}

.menu {
  float:left;
  padding:10px 10px 2px 10px;
  font-weight:bold;
  line-height:17px;
  height:20px;
}
.right-separator {
  border-right:1px solid #BED382;
}
.left-separator {
  border-left:1px solid #495F0B;
}
.left {
  float:left;
}
.right {
  float:right;
}
#home-form {
  margin-left:2px;
  height:18px;
  width:18px;
  color:white;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/home.png');
}
#home-content {
  float:left;
  /*padding:50px 0px 0px 18px;*/
}
#home span {
  float:left;
}
#home > div {
  /*height:132px;*/
  background:url(../images/home.png) center center no-repeat;
}
#home a {
  position: relative;
  z-index:1;
}
#home a * {
  height:18px;
  width:18px;	
}

#client {
  padding:5px 0px 0px 10px;
}

#client-form {
  margin-left:2px;
  height:28px;
  width:129px;
  color:white;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='/images/client.png');
}
#client-content {
  float:left;
}
#client span {
  float:left;
  padding:6px 0px 0px 35px;
}
#client a {
  color:#5C8043;
}
#client a:hover {
  color:white;
}
#client > div {
  /*height:132px;*/
  background:url(../images/client.png) center center no-repeat;
}

/******* BODY ********/
#main > div > #body {
  background:url(../images/menu-bg.png) repeat-y;
}
#body {
	width:747px;
	/*height:80px;*/
	min-height:470px;
	float:left;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/menu-bg.png');
}
/* hack ie6 */
* html #body { height:470px; }

#main > div > #exemple-heures {
  background:url(../images/menu-bg.png) repeat-y;
}

#exemple-heures {
  float:left;
  padding:15px;
  background:url(../images/menu-bg.png) repeat-y;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/menu-bg.png');
}

#main > div > #bottom-menu, #main > div > #bottom-menu-horaire {
  background:url(../images/bas-bg.png) no-repeat;
}
#info-bg {
  background:url(../images/bas-long-bg.png) no-repeat;
}
#main > #info {
  background:url(../images/menu-long-bg.png) repeat-y;
}
#info {
  width:976px;
  height:8px;
  padding:2px 0px 0px 5px;
  text-align:center;
  cursor:pointer;
  /*float:left;*/
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/menu-long-bg.png');
}

#info-bg{  
  width:976px;
  height:22px;
  /*float:left;*/
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='/images/bas-long-bg.png');
}

#bottom-menu, #bottom-menu-horaire {  
  width:747px;
  height:22px;
  float:left;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='/images/bas-bg.png');
}

#main > div > #top-menu {
  background:url(../images/haut-bg.png) no-repeat;
}
#top-menu {  
  width:747px;
  height:22px;
  float:left;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='/images/bas-bg.png');
}

#main > div > #right-menu {
	background:url(../images/r-menu-bg.png) repeat-y;
}
#right-menu {
  width:217px;
  /*height:100%;*/
  padding-left:12px;
  float:left;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/r-menu-bg.png');
}
#main > div > #bottom-r-menu {
  background:url(../images/r-menu-bottom.png) no-repeat;
}
#bottom-r-menu {
  width:229px;
  height:30px;
  float:left;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='/images/r-menu-bottom.png');
}

#right-menu > #assistance {
  background:url(../images/assistance.png) no-repeat;
}
#assistance {
	float:left;
  /*margin:0px 0px 0px 12px;*/
  padding-top:30px;
  width:130px;
  height:80px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/assistance.png');
}
#assistance span {
	position: relative;
  z-index:1;
}
#right-menu > #photo {
	float:left;
  background:url(../images/photo2.png) 0px 0px no-repeat;
}
#photo {
	margin-left:-5px;
	float:left;
  width:87px;
  height:120px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/photo2.png');
}
#right-menu > #tel {
  background:url(../images/audio.png) 0px 0px no-repeat;
}
#tel {
  float:left;
  /*width:180px;*/
  /*height:80px;*/
  margin:-18px 0px 10px 0px;
  padding:12px 10px 10px 52px;
  color:#436D26;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/audio.png');
  border-bottom:1px solid #666;
}
#tel span {
	float:left;
  position: relative;
  width:140px;
  z-index:1;
}
#tel .big {
	font-size:1.8em;
	line-height:1em;
  font-weight:bold;
}
#tel .little {
  font-size:0.8em;
  font-weight:normal;
}
#heures > #heures-title {
  background:url(../images/horaires.png) 0px 0px no-repeat;
}
#heures {
	border-bottom:1px solid #666;
  margin-bottom:10px;
  padding-bottom:15px;
  width:203px;
}
#heures a {
	color:black;
	text-decoration:none;
}
#heures a:hover {
  text-decoration:underline;
}
#heures-title {
  float:left;
  width:174px;
  padding:15px 0px 15px 25px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/horaires.png'); 
}
#testez > #testez-title {
  background:url(../images/testez.png) 0px 0px no-repeat;
}
#testez {
  border-bottom:1px solid #666;
  margin-bottom:10px;
  padding-bottom:15px;
  width:203px;
}
#testez a {
  color:black;
  text-decoration:none;
}
#testez a:hover {
  text-decoration:underline;
}
#testez-title {
  float:left;
  width:191px;
  padding:15px 0px 15px 25px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/testez.png'); 
}
#right-menu > #simple {
  background:url(../images/simple.png) 0px 0px no-repeat;
}
#simple {
	float:left;
	width:180px;
  padding:35px 0px 15px 25px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/simple.png');
  border-bottom:1px solid #666;
  margin-bottom:10px;
}
#simple > #video {
  background:url(../images/video.png) 0px 0px no-repeat;
}
#video {
	float:left;
	width:154px;
	height:116px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/video.png');
	cursor:pointer;
}
#right-menu > #radio {
  background:url(../images/radio.png) 0px 0px no-repeat;
}
#radio {
  float:left;
  padding:35px 0px 0px 0px;
  /*height:80px;*/
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/radio.png');
}
#radio *, #simple * {
  position: relative;
  z-index:1;
}
#right-menu hr {
	float:left;
	size:1px;
	color:#666;
	width:162px;
	padding-left:0px;
	margin:10px 0px 10px 10px;
}
#right-menu > hr {
  /*margin-left:20px;*/
}
#footer {
	float:left;
	width:747px;
	height:20px;
	margin-top:-8px;
	text-align:center;
	font-size:0.8em;
	color:#ECECEC;
}

/********* popup ***********/
#backgroundPopup{  
  display:none;  
  position:fixed;  
  _position:absolute; /* hack for internet explorer 6*/  
  height:100%;  
  width:100%;  
  top:0;  
  left:0;  
  background:#000000;  
  border:1px solid #cecece;  
  z-index:1;  
 }  
#popupContact{  
  display:none;  
  position:fixed;  
  _position:absolute; /* hack for internet explorer 6*/  
  height:500px;  
  width:680px;  
  background:#FFFFFF;  
  border:2px solid #cecece;  
  z-index:2;  
  padding:12px 12px 12px 82px;  
  font-size:13px;  
}
#popupContact h1{  
  text-align:left;  
  color:#6FA5FD;  
  font-size:22px;  
  font-weight:700;  
  border-bottom:1px dotted #D3D3D3;  
  padding-bottom:2px;  
  margin-bottom:20px;  
}  
#popupContactClose{  
  font-size:14px;  
  line-height:14px;  
  right:6px;  
  top:4px;  
  position:absolute;  
  color:#6fa5fd;  
  font-weight:700;  
  display:block;  
}
#popupContact a {  
  cursor: pointer;  
  text-decoration:none;  
}

/******* AUTO COMPLETION  ***********/
.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
}

.ac_loading {
  background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
  background-color: #eee;
}

.ac_over {
  background-color: #0A246A;
  color: white;
}
div > #speciale-offer {
  background:url(../images/offre-speciale.png) no-repeat;
}
#speciale-offer {
  width:136px;
  height:40px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/images/offre-speciale.png');
}
.right-menu-css {
	width:202px;
  border-bottom:1px solid #666;
  padding-bottom:10px;
  margin-bottom:10px;
}
.right-menu-css a {
	color:red;
  text-decoration:none;
  font-size:1.2em;
  font-weight:bold;
}
.right-menu-css a:hover {
  text-decoration:underline;
}



/* TipTip CSS - Version 1.2 */

#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

#tiptip_holder.tip_top {
  padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
  padding-top: 5px;
}

#tiptip_holder.tip_right {
  padding-left: 5px;
}

#tiptip_holder.tip_left {
  padding-right: 5px;
}

#tiptip_content {
  font-size: 13px;
  color: #DDD;
  font-weight:bold;
  text-shadow: 0 0 2px #000;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,0.25);
  background-color: rgb(25,25,25);
  background-color: rgba(25,25,25,0.92);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#333));
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 3px #555;
  -webkit-box-shadow: 0 0 3px #555;
  -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: rgb(25,25,25);
  border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: rgb(25,25,25);
  border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: rgb(25,25,25);
  border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: rgb(25,25,25);
  border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
  #tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45,45,45,0.88);
  }
  #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
    border-bottom-color: rgba(45,45,45,0.88);
  }
  #tiptip_holder.tip_top #tiptip_arrow_inner { 
    border-top-color: rgba(20,20,20,0.92);
  }
}