/**
 * @link http://www.web-solution-way.be/ 
 * @copyright clashdesign.be 2008 and web-solution-way.be
 * @author : Gérits Aurélien
 * @package : wizard web solution way
 * @name : styles.css
 * @type : CSS
 * 
 * 
 */
 @import "impromptu.css";
/*######################### Style commun ##########################*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-family:inherit;
font-style:inherit;
font-weight:inherit;
font-size:14px;
margin:0;
padding:0;
vertical-align:baseline;
}
* {
	margin: 0;
	padding: 0;
}
html{
	width: 100%;
	height:100%; /* 100 % en hauteur */
}
body{
	background: #000000 none repeat scroll 0 0;
	height:100%; /* 100 % en hauteur */
	line-height: 1.7em;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
 	} 
h1 { font-size: 180%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }
p {
	margin: 0.2em 0 0.8em 0;
	line-height: 1.5em;
}
h1,h2,h3,h4,h5, h6 {
	margin: 1em 0 0.2em 0;
	font-weight: bold;
}
ul { 
	list-style: none; 
}
ul li { list-style: none;
	margin: 0.2em 0 0.8em 0;
	line-height: 1em;
}
a {
	color: #A71602;
	text-decoration: none;
	/*border-bottom: 1px dotted;*/
}
a:link { }
a:visited { }
a:hover {
	color: Yellow;
 }
a:focus { }
a[hreflang]:after { }
a img { border:none;}
img{border: none;}
/*########################################## style global ################################*/
#page{
	width: 950px;
	margin:0 auto;
	padding:0;
	position:relative;
	top:0;
}
#content{
 	background:#40627D none repeat scroll 0 0;
	/*border:1px solid #81A4C0;*/
	padding:0;
	margin:auto;
	width:950px;
	color:white;
}
/*################ top #################*/
#top{
	background: white;
	margin: 0;
	padding: 0;
}
#top a{
	text-decoration: none;
}
#top .top{
	background:transparent url(../img/branding_wsw.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	height:300px;
	width:950px;
}
/*---------------------*/
#corps {
	width:95%;
	position: relative;
	margin: 0 auto;
	
}
#corps {
	background-color: #FFFFFF;
	font-size: 105%;
	font-family: Tahoma, monospace;
}
.contenu{padding:5px;}
/*########### Footer #########"*/
#footer{
	color:#FFF;
	text-align: center;
	padding:0 0 0 10px;
	margin:1.5em 0;
	font-size: 90%;
	width:100%;
	}
	#footer p{
		background:transparent url(../img/footer_bg.jpg) repeat-y scroll 0 50%;
		padding:20px;
	}
/*############################### Introduction ########################*/
h1.title{
	margin-left:60px;
	color: #e05f5f;
	font-size:220%;
	text-decoration:underline;
}
h2.subtitle{
	margin-left:20px;
}
/*################################ Version du module ##########################*/
.version{
	margin-left: 20px;
	padding:5px;
}
.version span{
	font-weight: bold;
}
/*############################### WizardForms ############################## */
#wizardForms{
	text-align:left;
	background:transparent url(../img/bloc_wizardforms.jpg) repeat-y scroll 0 50%;
	border:1px solid #A8CAE5;
	position: relative;
	margin: 0 auto;
	width:800px;
}
#wizardForms div{
	font-size:16px;
	line-height:30px;
}
#wizardForms .globalForm fieldset{
	border:none;
}
#wizardForms .globalForm div label{
	margin: 0;
	padding: 0;
}
/*############ global forms ############# */
.globalForm{
	margin:0;
	padding:0;
}
.globalForm form{
   margin: 0;
   padding: 2%;
   width: 100%;
   overflow: hidden;
	}
.globalForm input[type=text], .globalForm textarea{
	font-size:14px;
	padding:3px;
	border:1px solid #BBBBBB;
	margin:0.5em 0;
}
.globalForm input[type=text]:focus, .globalForm textarea:focus, select:focus {
	border:1px solid #666666;
}
.globalForm textarea {
	padding:5px;
}
.globalForm input[type=text]{margin:0;height:14px;}
/*.globalForm input[type=text], .globalForm input[type=password]{
	background:#ecf5c0 ;
	border:1px solid #b5e541;
	width: 200px;
	}*/
.globalForm input[readonly=readonly]{
	color:black;
	background-color:#CCCCCC;
}
.globalForm fieldset{
	border:1px solid #CCCCCC;
	margin:0 0 1.5em;
	padding:1.4em;
}
.globalForm legend{
	font-size:1.2em;
	font-weight:bold;
}
.globalForm legend{
	color: #696969;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
}
.globalForm p{
	width:100%;
}
.globalForm .inlinelabel{
	display: block;
    float: left;
    margin: .3em 2% 0 0;
	line-height: 100%;
	padding: 0 0 3px 0px;
	text-align: right;
    width: 75%;
	}
	.globalForm .inlinelonglabel{
	display: block;
    float: left;
    margin: .3em 2% 0 0;
	line-height: 100%;
	padding: 0 3px 3px 3px;
	text-align: right;
    width: 500px;
	}
	.globalForm select{
	width:200px;
}

 .globalForm .button/*, .globalForm .wymupdate*/{
		font-size: 12px;
		color:black;
		font-weight: bolder;
		width:62px;
		background:transparent url(../img/bt_news_up.png) no-repeat 0% 50%;
		height:30px;
		margin:10px 0px 0px 15px ;
		padding-bottom:10px;
		border: none;
	}
.globalForm .button:hover{
	cursor: pointer;
	color: #FFA500;
}
	/*.globalForm .button:hover{
	
	background-color: orange;
	color: white;
	cursor: pointer;
}*/
 .globalForm fieldset p{
	clear: both;
	margin-top:8px;
}
.globalForm input[type=text]#http{
	width:40px;
}
.globalForm input[type=radio]{
	line-height: 1.5em;
}
.globalForm div.question{
	margin: 10px 0 10px 0;
}
#hidden{
	display: none;
	margin-left:10%;
}
#subhidden{
	margin-left:20%;
	display: none;
}
/*.globalForm input[type=button]{
	margin:10px 0px 20px 15px ;
}*/
.globalForm span[price] div.total, .globalForm span[price]  div.Totalkeywords{
	float:right;
	margin-top:-30px;
}
.globalForm div.total, .globalForm div.Totalkeywords{
}
.ChildQuest_81 input[type=text]{
}
.globalForm div#erase{
	margin:0;
	padding:0;
	float:left;
}
.globalForm input[type=reset]#reset{
	padding:5px;
	border: 1px solid grey;
	background-color: white;
	color: #FFA500;
	font-weight: bolder;
}
.globalForm input[type=reset]#reset:hover{
	cursor: pointer;
	background-color: #FFA500;
	color: white;
}
/*###################### Total addition ############################ */
.globalForm div.BigTotal{
	padding:2px 2px 2px 10px;
	border:1px solid #666;
	background-color: #FFF;
	font-size: 18px;
	width:140px;
	color:black;
}
.globalForm div.BigTotal input[type=text]#Alltotal{
	font-weight: bolder;
	text-decoration: underline;
	color: #333333;
	width:80px;
}
.globalForm #noteImportante{
	float:right;
	margin-right:50px;
	padding:5px;
	width:400px;
	background-color: transparent;
	color: white;
	font-weight: lighter;
	border:1px solid #cccccc;
	font-size:14px;
}
/*####################### div button process + calcul ####################### */
.globalForm div#process{
	display: block;
    margin: 10px 0 0 0;
	padding: 0;
	height:50px;
	width:280px;
}
.globalForm div#process #calc{
	padding:5px;
	border: 1px solid grey;
	background-color: white;
	color: #FFA500;
	font-weight: bolder;
}
.globalForm div#process #calc:hover{
	cursor: pointer;
	background-color: #FFA500;
	color: white;
}
.globalForm div#process #sendForms{
	display:none;
	padding:5px;
	border: 1px solid grey;
	background-color: white;
	color: #FFA500;
	font-weight: bolder;
}
.globalForm div#process #sendForms:hover{
	cursor: pointer;
	background-color: #FFA500;
	color: white;
}
/*####################### documentation #################*/
.globalForm .inlinelabel a.helper{
	margin: 10px 0px 0 0;
	padding: 0;
 }
/*---------------------*/
/*######################### special event ########################*/
#showAll{
	cursor: pointer;
}
/*######################## système and msg log ############################*/
.msg{
	margin:0;
	padding:5px 5px 5px 40px;
	background:transparent url(../img/button_ok.png) no-repeat 3% 50%;
	border:1px solid #e2ee90;
	font-weight: bold;
}
.error{
	margin:0;
	padding:5px 5px 5px 40px;
	background:transparent url(../img/error.png) no-repeat 3% 50%;
	border:1px solid #e2ee90;
	font-weight: bold;
}
/***********************************************/
.ParentsQuest_1{
	
	}
.ChildQuest_1, .ChildQuest_2, .ChildQuest_3, .ChildQuest_4, .ChildQuest_6, .ChildQuest_61{
	margin-left: 2%;
}
.SecondChildQuest_1{
	margin-left: 4%;
}
.SpecialChildQuest_1{
	margin-left: 6%;
}
.SecondChildQuest, .ChildQuest{
	display: none;
}
/*##################### special print ############################*/
#hiddenPrint{display: none;}
/* #################### Ajax loading forms ##################### */
.resloading{
	margin:0% 0% 0% 40%;
}
.AjaxOn{
	display:none;
}
.AjaxOff{
}
/* ###################### Show/hide icon ######################### */
.hideul { 
	background: transparent url(../img/list-add.png) no-repeat 0% 50%;
	 }
.showul { 
	background: transparent url(../img/list-remove.png) no-repeat 0% 50%;
	 }
	 /* ########################## Form Sendmail ######################### */
div#uSendForms{
	background:transparent url(../img/bloc1_fond2.jpg) repeat-y scroll 0 50%;
	border:1px solid #A8CAE5;
	position: relative;
	margin: 0 auto;
	padding:4px;
	text-align:left;
	width:660px;
}
div#uSendForms .globalForm p{
	padding:0;
	margin:0;
	line-height:1em;
}
.exemple {
	font-size:.95em;
	font-style:italic;
	font-weight: 800;
	float:right;
	margin-top:-20px;
	padding:5px;
	display:none;
	background:red;
}
div.log {
	margin-top:10px;
	margin-bottom:10px;
	display:none;
	padding:5px;
	background-color:#FFF;
	color:black;
}
#result-forms label {
	display:block;
}
/**############################### print class print ######################### */
.printing{
	margin-top:0;
	margin-left:15%;
}
.printing a{
	color:white;
	font-weight: bold;
	font-size:17px;
}
.printing a:hover{
	background: #a9a9a9;
}
/*############################## class pour afficher des infos de prix ######################################*/
#hautgauche, #hautdroit, #basgauche, #basdroit {
	height: 25px; width: 25px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}

/* propriété spécifique de chaque coin */

#hautgauche {
	background: url(../img/ga_h.jpg);
}

#hautdroit {
	float: right;
	background: url(../img/dr_h.jpg);

}

#basgauche {
	background: url(../img/ga_b.jpg);
}

#basdroit {
	float: right;
	background: url(../img/dr_b.jpg);

}

.price_forfait{
	margin: 10px 0 10px 20%;
	width: 50%;
	font-size: 16px;
	color: black;
	background-color: #d1cfcf;
}
.price_forfait p{
	padding-top:5px;
}
.price_forfait p span{
	font-weight:900;
	}
/*################################ WizardResult ###########################*/
div#wizardResult{
	background:transparent url(../img/bloc3_fond.jpg) repeat-y scroll 0 50%;
	border:1px solid #A8CAE5;
	position: relative;
	margin: 0 auto;
	margin-bottom:10px;
	padding:4px;
	text-align:left;
	width:660px;
}
div#wizardResult p.BigTotal{
	margin-left:10px;
	padding:2px 2px 2px 10px;
	border:1px solid #666;
	background-color: #FFF;
	font-size: 18px;
	width:120px;
	color:black;
}
div#wizardResult p.BigTotal label{
	
}
div#wizardResult p.BigTotal input[type=text]#Alltotal{
	font-weight: bolder;
	text-decoration: underline;
	color: #333333;
	width:50px;
}
div#wizardResult .noBorder{
	border:none;
	}
div#wizardResult h2{
	text-decoration: underline;
}
div#wizardResult ul#listResult{
	 
}
div#wizardResult ul#listResult li{
	margin: 10px 0 10px 20px;
	list-style: square;
}
div#wizardResult ul#listResult li span{
	color: #a3e0f5;
	font-weight: bold;
	}
	div#wizardResult ul#listResult li ul li{
	color:#a3e0f5;
	font-weight: bold;
	}
	div#wizardResult ul#listResult li ul li span.lang{
	color: #162635;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid white;
	}
	div#wizardResult ul#listResult li ul li ul li{
	list-style:circle;
	}
	div#wizardResult ul#listResult li ul li ul li span.numpage{
	color: #1e90ff;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid white;
}span.number{
	color: #1e90ff;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid white;
}
div#wizardResult ul#listResult li div.price{
	float:right;
	margin-top:-12px;
	}
#help_uSendForms{
	background:transparent url(../img/bloc1_fond2.jpg) repeat-y scroll 0 50%;
	border:1px solid #A8CAE5;
	position: relative;
	margin: 0 auto;
	padding:4px;
	text-align:left;
	width:660px;
}
/*####################### Tooltip info bull #########################*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
/*#tooltip.pretty {
	border: none;
	width: 360px;
	padding:20px;
	height: 155px;
	opacity: 0.8;
	background: url(../img/shadow2.png);
}*/
#tooltip.pretty{
	background: #FFF url(../img/info.jpg) no-repeat 1px 1px;
	border: 1px solid grey;
	width: 450px;
	padding: 5px;
	opacity: 0.8;
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	padding-left:30px;
	font-size: 11pt;
	width: 400px;
	text-align: left;
	line-height: 1.3em;
}
#tooltip.pretty div { 
	width: 450px; 
	text-align: left; 
}
.infos:hover{
	cursor:pointer;
}
/*########################### div viewResult ###################### */
#viewResult{
	margin-left:20px;
}
#viewResult a.displayResult{
	
	color: white;
	font-weight:bolder;
}
#viewResult a:hover.displayResult{
	color:yellow;
	text-decoration:underline;
}