/* Sample 8*/
*:focus, *:hover {outline:none;}
*{margin:0; padding:0;}
body{font-family:"Century Gothic", Verdana, Helvetica, sans-serif; color:#555555 }



/* -------------------- CREDITS -------------------------*/
p#conception {
	width: 1000px;
	text-align:center;
	display:block;
	color: #888888;
	font-size: 13px;
	padding: 5px 0 0 0;
	}
p#conception a {
	font-size: 13px;
	color: #888888;
	text-decoration: none;

	}
p#conception a:hover {
	text-decoration: underline;
	}


.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	}



ul#controleurs{ padding:10px 0 0 0; width:1000px; text-indent:380px}
ul#controleurs li{display:inline; font:14px "Century Gothic", Verdana, sans-serif;}


#etape1, #etape2 {float:left;}
#etape2{padding:0 0 0 30px; width:800px;}
ul {list-style:none;}

#accroche{padding-left:225px}

#header{width:1000px; height:163px; background-image:url(img/header.jpg); background-position: 0 -163px; background-repeat: no-repeat}
#accueil{width:1000px; background:url(img/froisser.jpg) no-repeat;}
	#accueil h1{ font:italic 16px "Century Gothic", Verdana, Helvetica, sans-serif; color:#555555;} 
	#accueil h2{ font:22px "Century Gothic", Verdana, Helvetica, sans-serif; text-transform:uppercase; color:#666666; line-height:1.4em; float:right; padding:50px 20px 40px 0} 
	#accueil h4{ font:19px "Century Gothic", Verdana, Helvetica, sans-serif; color:#555555; padding:10px 0 0 0}  
		#spacing1 {  letter-spacing:4px} 
		#spacing2 {  letter-spacing:5px} 
	#accueil p{ font-size: 13px; color:#555555; padding:10px 0 0 0; line-height:1.5em; text-align:justify; width:450px} 
	
	#header p{width:400px; text-align:justify; font:italic 13px "Century Gothic", Verdana, Helvetica, sans-serif; padding:60px 0 0 480px; color: #455269}
	
#tape{width:1000px; height:160px; background:#2e2d32 url(img/tape.jpg) no-repeat}
#bande{width:1000px; height:210px; background:#2e2d32}
	#bande h1{ font:22px "Century Gothic", Verdana, Helvetica, sans-serif; color:#ffffff; padding:40px 0 0 0}
	#bande h2{ font:12px "Century Gothic", Verdana, Helvetica, sans-serif; color:#ffffff;}   
	#bande h3{ font:18px "Century Gothic", Verdana, Helvetica, sans-serif; text-transform:uppercase; color: #5e5c66; padding:65px 0 0 0}    
	#bande h4{ font:19px "Century Gothic", Verdana, Helvetica, sans-serif; color:#ffffff; padding:40px 0 0 10px}  
	#bande p{ font-size:22px; color:#ffffff; padding:10px 0 0 0}
	#bande p span{ display:block; font-size:36px; line-height:0.8em;}
	
	ul#choix { list-style:none;}
		ul#choix li { font-size:13px; color:#FFFFFF; background: 0 2px no-repeat; padding:16px 0 16px 45px; line-height:1em;}
			ul#choix li#email{background-image: url(img/email.gif)}
			ul#choix li#courrier{background-image: url(img/courrier.gif)}	
			ul#choix li#telephone{background-image: url(img/telephone.gif)}
			ul#choix li#skype{background-image: url(img/skype.gif)}
	
	#tape a.retour{color: #e5e5e5; font-size:13px; padding:0 0 0 15px;}
	#tape h1{font:lighter 22px "Century Gothic", Verdana, Helvetica, sans-serif; text-transform:uppercase; color:#FFFFFF; letter-spacing:-1px; padding:30px 0 0 10px; }
	
	
	#tape a.bouton, #bande a.bouton{ float:left; font-size:16px; text-transform: uppercase; background:url("img/btn-gauche.png") left top no-repeat; /*left top;*/ padding:0 0 0 20px; margin:5px 0 0 0}
	#tape a.bouton span, #bande a.bouton span {   float:left;
      display:block;
	 background:url("img/btn-droite.png") right top no-repeat; /*right top;*/
      padding:9px 20px 8px 0;
      color:#FFF;}
	      /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tape a.bouton span, #bande a.bouton span {float:none;}
    /* End IE5-Mac hack */

	
	
	
	
h3{padding:0;margin:0;}

#contenu{background:url(img/froisser.jpg) left top no-repeat}
	#contenu h1{ font:26px "Century Gothic", Verdana, Helvetica, sans-serif; text-transform:uppercase; color:#444444; padding:0 0 0 15px; height:28px;}  
	#contenu h2{ font:italic 16px  "Times New Roman", Times, serif; color:#444444; padding:0 0 0 15px; height: inherit; height:22px;}
	
	#contenu h3{ font:italic 16px "Century Gothic", Verdana, Helvetica, sans-serif; text-transform:uppercase; color:#444444; padding:5 0 0 0; height:50px;}  
	#contenu h4{ font:bold 28px  "Century Gothic", Verdana, Helvetica, sans-serif; float:right; padding:0 0 0 0}
	
	#contenu h5{ font:20px "Century Gothic", Verdana, Helvetica, sans-serif; text-transform:uppercase; color:#444444; padding:0 0 0 15px; height:24px;}  
	#contenu h6{ font:italic 14px "Century Gothic", Verdana, Helvetica, sans-serif; color:#444444; padding:0 0 0 15px; height: inherit; height:22px; }
	
	.flottement430 p{color:#555555; font-size:13px; text-align:justify; line-height:1.6em; padding:0 0 7px 0; width:300px}
		p.aligndroite img{float:right}
		
		
ul.bullet{list-style:none; padding:10px 0 0 10px; }
ul.bullet li{font-size:13px; color:#666666; line-height:1.4em; background:url(img/bullet.gif) 0 5px no-repeat; padding:0 0 0 12px;  }
ul.bullet li em{font-size:12px; color:#888888;}
ul.bullet li.wide{font-size:22px; background-position:0 10px; padding:0 0 10px 12px;}
#accueil ul.bullet li{font-size:13px; background-position:0 6px;}
#accueil ul.bullet { width:auto}
#quote{float:left; width:500px; padding:40px 20px 0 30px}
ul.comment {list-style:none;}
ul.comment li {font-size:18px; color:#666666; line-height: normal; padding: 5px 0 30px 60px}
	ul.comment li#choisir { background:url(img/choisir.png) 10px 0 no-repeat;}
	ul.comment li#carte { background:url(img/carte.png) 10px 0 no-repeat;}
	ul.comment li#date { background:url(img/date.png) 10px 0 no-repeat;}
	ul.comment li#solutions { background:url(img/solutions.png) 0 0 no-repeat;}
ul.comment li span { display:block; font-size:14px; font-style:italic; color:#888888; text-indent:20px;}
	

.flottement230 {float:left; padding:20px 0 0 0; width:230px; display:inline}
.flottement {float:left; padding:20px 0 0 30px; display:inline;}
.flottement330 {float:left; padding:20px 0 0 0; width:330px; display:inline}
.flottement430 {float:left; padding:20px 0 0 0; width:430px; display:inline}
	
#boite{position:absolute; }

#boite div.tiroir{
width:1000px;
height:386px;
float:left;
}


#mask{
	position:relative;
	width:1000px;
	height:600px;
	overflow:hidden;
	
	cursor:default;

}

#fin{
	position:absolute;
	z-index:3;
	top:0;
	left:1000px;
	height:865px;
	width:100px;
	background:url(fin.png) top left no-repeat;
	}

#homefin{
	position:absolute;
	z-index:3;
	top:0;
	left:1000px;
	height:890px;
	width:100px;
	background:url(fin.png) top left no-repeat;
	}


	
#retour{
	position:absolute;
	z-index:2;
	top:170px;
	left:0;
	
	
	}
#retour a{
	display:block;
	height:30px;
	width:190px;
	}

.active{text-decoration:underline;}

a{color:#555555; text-decoration:none;}

li#skype a {	color:#FFFFFF; text-decoration:underline;}



/* FORMULAIRE */


ul.tarifs {float:left; padding:0 20px 0 0; margin:0; font:20px "Century Gothic", Verdana, sans-serif; color:#555555 }
ul.tarifs span{padding:0 0 0 13px; font-size:12px; color:#777777;}
ul#client {padding:0 0 0 10px; font:20px "Century Gothic", Verdana, sans-serif; color:#555555}
ul#client a {margin:0; display:block; background:url(img/uncheck.gif) left center no-repeat; padding:5px 5px 5px 30px; font:16px "Century Gothic", Verdana, sans-serif}
ul#client a.checked {display:block; background:url(img/check.gif) left center no-repeat!important; padding:5px 5px 5px 30px; font:16px "Century Gothic", Verdana, sans-serif}

input.textfield{border:none; padding:5px 0 0 13px; background: url(img/textfield.gif) left top no-repeat; font:11px Verdana, Helvetica, sans-serif; color:#666666; width:135px; height:24px;}
input.textfield-large{border:none; padding:5px 0 0 13px; background: url(img/textfield-large.gif) left top no-repeat; font:11px Verdana, Helvetica, sans-serif; color:#666666; width:215px; height:24px;}
#image-submit{cursor: pointer;}
div.overTxtDiv {padding:3px 0 0 10px; font:11px Verdana, Helvetica, sans-serif; color:#666666; width:147px; }


/* fancyform styles */
form#tarifs label{
	display:block;
	padding:0.5em;
	padding-left:35px;
	background-position:8px center;
	background-repeat:no-repeat;
	clear:both;
	cursor:pointer;
	font: 14px "Century Gothic",Verdana, sans-serif;
	color:#444444;
	
	}
form#tarifs a { text-decoration:underline; font-size:12px;}
form#tarifs textarea {
	width: 400px;
	height: 100px;
	font: 10px Verdana, sans-serif;
	color: #666666;
	margin: 10px 0 10px 0;
	border: 1px solid #e5e5e5;

	padding: 5px 0 5px 5px;
	}
.selected{background-image:url(img/check.gif)}
.unselected{background-image:url(img/uncheck.gif)}
.checked{background-image:url(img/check.gif)}
.unchecked{background-image:url(img/uncheck.gif)}

/* --------------------------------------------------------- */

.parentdiv {
float:left;
}
 
.divselect {
border: 1px solid #C0C0C0;
background-color: white;
width: 170px;
height:200px;
/*overflow-x:scroll;
display:none;*/
}
 
* html .divselect {
width: 164px;
}
 
.divselect a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%;
color: #595959;
text-decoration: none;
}
 
.divselect .divselected {
border-top: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
background-image:url(bg.png);
}
 
 
 
.divselect a:visited{
color: #595959;
}
 
html>body .divselect a {
width: auto;
}
 
.divselect a:hover {
background-color: #F8FBBD;
color: black;
border-top: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
}
 
.selectinput {
border: 1px solid #C0C0C0;
background-color: white;
font-family: Tahoma, Verdana, SunSans-Regular, Sans-Serif;
font-size: 12px;
height:19px;
}
 
.button {
background-image:url(drop.jpg);
width:18px;
height:23px;
float:left;
margin-top:1px;
}
 
.selectinput1 {
display:none;
}
 
.special{
background-color:#00FFFF;
border-top: 1px solid #C0C0C0;
}
 
.special1{
background-color:#FF00FF;
border-top: 1px solid #C0C0C0;
}


/* BOUTON SKYPE */

a.skype {
	background: url(img/telecharger_skype.gif) left center no-repeat;
	display:block;
	padding: 5px 0 5px 30px;

	font-size:12px;
	color:#777777;
	
	margin:5px 0 0 15px;
}