/************************* Global layout ***********************/
html {
	overflow-y: scroll; /* Always show scrollbar in browser. (else the centered content will move when content size change) */
	height: 100%; /* Used to get the footer at the bottom when page content is small */
	overflow-x: hidden;
}
body {
	height: 100%; /* Used to get the footer at the bottom when page content is small */
	background: transparent url(images/principalMenu.jpg) repeat-x scroll left top; /* Principal menu background */
	font: 10px Arial, Nada, Sans-serif; /* Better to use 11px, but easier to calculate size in EM units. */
	color: #555;
	min-width: 1024px;
}
a {
	cursor: pointer;
}
.displayDialog embed,
.displayDialog object {
	visibility: hidden !important;
}
	div#extraContainer { /* This container is used for design purpose only */
		position: relative; /* Relativise all the absolute position from here. Height proportion will be take from here. */
		min-height: 100%; /* Used to get the footer at the bottom when page content is small */
		background: transparent url(images/footer.png) repeat-x scroll left bottom; /* @todo Correct the quality of this image. */ /* I was not able to make this background run on the HTML element in FF3 and Konqueror. */
		min-width: 1024px; /* This min-width is used when the browser width is smaller then the design width. */ /* @todo Probleme width trop grand dans IE6 */
	}
	div#container {
        position: relative;
		width: 905px;
		margin: 0 auto; /* Align the node on the center. Was hacked for IE6 in the relevant stylesheet section. */
		padding: 0 0 95px 119px; /* The bottom padding is set to make sure this background will not overlap the footer */

		background: transparent url(images/header-1.jpg) no-repeat scroll left 44px; /* Header background (sky with Guillaume & Philippe) */
	}
		div#intro {
			position: absolute; /* Place this container relative to the last parent position-defined. (normally the #extraContainer) */
			top: 44px; /* Just under the principal menu */
			z-index: 1;
			width: 200px;
		}
			div#header {
				position: relative; /* Use for logo positionning (#siteTitle) */
				height: 212px;
			}
				a#siteTitle {
					display: block; /* Must be set to apply size */
					
					position: absolute;
					top: 55px; /* Position relative to the top left of the header */
					left: 20px; /* Position relative to the top left of the header */
					
					width: 180px; /* Logo size */
					height: 94px; /* Logo size */

					background: transparent url(images/logo.png) no-repeat scroll left top; /* PNG32 transparency support was hacked for IE6 in the relevant stylesheet section. */
				}
					a#siteTitle span {
						display: none; /* Do not display the real text */
					}
		div#core {
			position: relative; /* Use for the #lsite positionning */
			padding: 256px 119px 196px 0;
		}
		div#core:after {
			content: "."; display: block; height: 0; clear: both; visibility: hidden; /* Clearing float of #main & #linkList. Was hacked for IE6 & IE7 in the relevant stylesheet section. */
		}
			div#main {
				position: relative; /* From here, we want to relativise all positionning of the page content */
				float: right; /* Place the page content in the right side of the page */
				width: 580px; /* #container - #lsite */
			}
				#pageContent {
					padding: 15px 0;
					font-size: 1.2em;
				}
				#pageContent:after {
					content: "."; display: block; height: 0; clear: both; visibility: hidden; /* Clearing float of #main & #linkList. Was hacked for IE6 & IE7 in the relevant stylesheet section. */
				}
					.CL1 {
						padding: 0 20px; /* The marge of the principal menu */
					}
					.CL1:after,
					.CL2:after,
					.CL3:after,
					.CL4:after,
					.CL5:after,
					.CL6:after {
						content: "."; display: block; height: 0; clear: both; visibility: hidden; /* Clearing float of #main & #linkList. Was hacked for IE6 & IE7 in the relevant stylesheet section. */
					}
						.CL1 h1,
						.CL1 h2,
						.CL1 h3,
						.CL1 h4,
						.CL1 h5,
						.CL1 h6 {
							padding-bottom: 0.35em;
						}
						.CL1 hr {
							height: 1px;
							color: #fff;
							background-color: #fff;
							border: 0;
							border-bottom: 1px solid #ccc;
						}
						.CL1 h1 {
							color: #145aa0;
							font-size: 1.8em;
						}
						.CL1 h2 {
							color: #145aa0;
							font-size: 1.6em;
						}
						.CL1 h3 {
							color: #145aa0;
							font-size: 1.5em;
						}
						.CL1 h4 {
							color: #145aa0;
							font-size: 1.25em;
							font-weight: bold;
						}
						.CL1 h5 {
							color: #5a8bbc;
							font-size: 1.25em;
						}
						.CL1 h6 {
							color: #5a8bbc;
							font-size: 1em;
							font-weight: bold;
						}
						.CL1 p {
							margin-bottom: 1em; /* Space between each paragraph */
						
							/* @goodPractice */
							line-height: 1.5em; /* More space in text, easier to read */
						}
						.CL1 blockquote {
							display: block;
							padding-left: 59px;
							background: transparent url(images/quote-open.gif) no-repeat scroll left top;
							font-style: italic;
							margin-bottom: 2em; /* Space between each paragraph */
							min-height: 20px; /* Was hacked for IE6 in the relevant stylesheet section. */
						
							/* @goodPractice */
							line-height: 1.5em; /* More space in text, easier to read */
						}
							.CL1 blockquote div {
								display: block;
								padding-right: 59px;
								background: transparent url(images/quote-close.gif) no-repeat scroll right bottom;
							}
						.CL1 ul,
						.CL1 ol {
							padding-left: 25px;
							margin: 0.5em 0 1em 0;
							line-height: 1.5em;
						}
						.CL1 .paginationControl {
							width: 100%;
							background-color: #f6f6f6;
							padding: 3px 0;
							margin-top:30px;
							text-align:center;
						}
							.CL1 .paginationControl a {
								border-bottom: 0 !important;
								text-decoration: none !important;
							}
							.CL1 .paginationControl .page {
								padding: 0 5px;
							}
							.CL1 .paginationControl .active {
								font-weight: bold;
							}
							.CL1 ol.numeric li {
								list-style-type: decimal;
								padding-bottom: 5px;
							}
							.CL1 ul li {
								list-style-type: none;
								background: transparent url(images/bullet-lvl1.gif) no-repeat scroll left 0.4em;
								padding-left: 12px;
						
								/* @goodPractice */
								line-height: 1.5em; /* More space in text, easier to read */
							}
								.CL1 li ul {
									margin-bottom: 0;
									padding-left: 8px;
								}
									.CL1 ul li li {
										background-image: url(images/bullet-lvl2.gif);
									}
						.CL1 strong {
							font-weight: bold; /* The reset.css remove that kind of style and we want it back */
						}
						.CL1 em {
							font-style: italic; /* The reset.css remove that kind of style and we want it back */
						}
						.CL1 a#buyNow {
							margin-top: 70px;
							display: block;
							width: 100%;
							height: 118px;
							border-bottom: 0 none;
							text-decoration: none;
							background: url(images/achat-en-ligne.jpg) no-repeat scroll center top;
						}
							.CL1 a#buyNow span { display: none; }
						.CL1 a {
							color: #0075ff;
							border-bottom: 1px dotted #0072ff; /* Replace the standard underline by a dotted underline */
						
							/* @goodPractice */
							white-space: nowrap; /* Keep links in same line */
						}
						.CL1 a:visited {
							border-bottom: 0 none; /* If a link was visited, do not use underline (usability) */
						}
						.CL1 a:hover {
							border-bottom: 0 none; /* Help to see if the cursor is hover the linux (usability) */ /* Was hacked for IE6 in the relevant stylesheet section. */
						}
						.CL1 div#definitions {
							border-top: 1px solid #ddd;
							padding-top: 15px;
						}
						.CL1 dl {
							padding-top: 20px;
							line-height: 1em;
						}
							.CL1 dt {
								font-weight: bold;
							}
							.CL1 dd {
								padding: 0 25px 15px 25px;
							}
						.CL1 span.imageWrapper {
							display: block;
							margin: 2px 4px;
						}
							.CL1 span.imageWrapper img {
								display: block;
								float: none;
							}
							.CL1 span.imageWrapper em {
								display: block;
								text-align: center;
								font-size: 0.8em;
								line-height: 1.2em;
								padding-top: 0.5em;
							}
						.CL1 p.source {
							font-size: 90%;
							text-align: right;
							font-style: italic;
						}
						a.pictureFrame {
							display: block;
							width: 189px;
							height: 181px;
							position: relative;
							margin-top: 60px;
							margin-left: 10px;
						}
							a.pictureFrame span.myFrame {
								background: url(images/photos-disponibles.png) no-repeat scroll left top;
								display: block;
								width: 189px;
								height: 181px;
								position: absolute;
								top: 0;
								left: 0;
								z-index: 10;
							}
							a.pictureFrame img {
								position: relative;
								left: 13px;
								top: 18px;
								z-index: 9;
							}
						.CL1 img {
							background-color: #fff;
							border: 1px solid #bcbcbc;
							padding: 3px;
							margin: 2px 4px; /* Was hacked for IE6 in the relevant stylesheet section. */
							
							-moz-border-radius: 3px; /* @todo Localize this property in a Browser block */
							-webkit-border-radius: 3px; /* @todo Localize this property in a Browser block */
							border-radius: 3px; /* @todo Localize this property in a Browser block */
						}
						.CL1 #searchcontrol img { border: 0 none; padding: 0; margin: 0; } /* Google results */
						
						.CL1 .gsc-control {  width: auto; } /* Google results */
						.CL1 .gsc-resultsHeader {  display: none; } /* Google results */
						.CL1 .notIncluded {
							text-decoration: line-through;
						}
						body#voltige_accommodements .CL1 div#avions h2 {
							display: none;
						}
						body#sauteurs-reguliers_index .CL1 span.date {
							font-weight: bold;
						}
						body#sauteurs-reguliers_ecole_pac .CL1 div#sauts .with,
						body#sauteurs-reguliers_ecole_pac .CL1 div#sauts .without {
							width: 48%;
							float: left;
						}
						body#sauteurs-reguliers_ecole_pac .CL1 div#sauts .with {
							padding-right: 2%;
						}
						body#sauteurs-reguliers_ecole_pac .CL1 div#sauts .without {
							padding-left: 2%;
						}
						body#sauteurs-reguliers_ecole_pac .CL1 p.price {
							font-weight: bold;
						}
						body#sauteurs-reguliers_dropzone .CL1 div#amenagement a.textual {
							display: block;
							text-align: right;
							border-bottom: 0 none;
						}
						body#sauteurs-reguliers_dropzone .CL1 div#vue-aerienne dl {
							float: left;
							width: 100%;
						}
							body#sauteurs-reguliers_dropzone .CL1 div#vue-aerienne dl dt {
								float: left;
								display: block;
								width: 20px;
								height: 20px;
								margin: 0 15px 10px 0;
								border: 1px solid #000;
							}
							body#sauteurs-reguliers_dropzone .CL1 div#vue-aerienne dl dt.green { margin-left: 108px; background-color: green; }
							body#sauteurs-reguliers_dropzone .CL1 div#vue-aerienne dl dt.yellow { background-color: yellow; }
								body#sauteurs-reguliers_dropzone .CL1 div#vue-aerienne dl dt span { display: none; }
							body#sauteurs-reguliers_dropzone .CL1 div#vue-aerienne dl dd {
								display: block;
								float: left;
								height: 20px;
								line-height: 20px;
								width: 135px;
								padding: 0;
								margin-bottom: 10px;
							}
						.CL1 div.important {
							padding-left: 55px;
							background: url(images/icons/important.jpg) no-repeat scroll left center;
							font-style: italic; /* Was hacked for IE6 in the relevant stylesheet section. */
							min-height: 48px; /* Was hacked for IE6 in the relevant stylesheet section. */
							margin-bottom: 10px;
						}
						body#voltige_reseaux-sociaux .CL1 div#facebook,
						body#voltige_reseaux-sociaux .CL1 div#youtube {
							float: left;
							width: 47.5%;
						}
						body#voltige_reseaux-sociaux .CL1 div#facebook {
							padding-right: 2.5%; /* Was hacked for IE6 in the relevant stylesheet section. */
						}
						body#voltige_reseaux-sociaux .CL1 div#youtube {
							padding-left: 2.5%; /* Was hacked for IE6 in the relevant stylesheet section. */
						}
						body#voltige_reseaux-sociaux .CL1 div#facebook h2 ,
						body#voltige_reseaux-sociaux .CL1 div#youtube h2 {
							height: 70px;
							padding-bottom: 0.7em;
						}
						body#voltige_reseaux-sociaux .CL1 div#facebook h2 {
							background: url(images/logos/facebook.gif) no-repeat scroll left top;
						}
						body#voltige_reseaux-sociaux .CL1 div#youtube h2 {
							background: url(images/logos/youtube.jpg) no-repeat scroll left top;
						}
							body#voltige_reseaux-sociaux .CL1 div#facebook h2 span,
							body#voltige_reseaux-sociaux .CL1 div#youtube h2 span {
								display: none;
							}
						.CL1 #meteo .content {
							line-height: 1.6em;
							font-size: 0.9em;
						}
						.CL1 table {
							border: 1px solid #ccc;
							border-collapse: separate;
						}
						.CL1 #searchcontrol table { border: 0 none; } /* Google results */
								.CL1 table tr td,
								.CL1 table tr th {
									border: 2px solid #fff;
								}
								.CL1 table tr th {
									background-color: #145aa0;
									text-align: center;
									font-weight: bold;
									text-transform: uppercase;
									color: #fff;
									padding: 4px 10px;
								}
								.CL1 table tr th a {
									color: #fff;
									text-decoration: underline;
									border-bottom: 0 none;
									font-size: 0.9em;
								}
							.CL1 table thead { }
								.CL1 table thead tr { }
							.CL1 table tbody { }
								.CL1 table tbody tr { }
									.CL1 table tbody tr td {
										text-align: center;
										padding: 4px 10px;
										color: #000;
									}
									.CL1 table tbody tr.cycle-1 td {
										background-color: #f1f1f1;
									}
							.CL1 table tfoot { }
									.CL1 table tfoot tr td {
										text-align: right;
										font-size: 0.8em;
										font-style: italic;
										height: 24px;
										vertical-align: middle;
									}
			div#linkList {
				float: left; /* Menu will be display in the left side of the page */
				width: 206px; /* In IE6, the width must be -1px of this number. Was hacked for IE6 in the relevant stylesheet section. */
			}
					div#linkList span.name {
						display: none; /* Do not show the menu name */
					}
				div#lsite {
					position: absolute; /* Position the menu elsewhere */
					top: 0; /* Go over the header, so #header height + #lsite height */
					left: 0; 
					font-size: 1.2em;
					width: 786px; /* Use all available space. */
				}
					div#lsite ul {
						position: relative; /* Used to position Tandem & Sauteurs Réguliers links over the submenu */
						padding: 0 20px; /* Similar then a left: 20px right: 20px; in the #lsite */
						height: 100%; /* Use the inherit height. Was hacked for IE6 in the relevant stylesheet section. */
					}
					div#lsite ul:after {
						content: "."; display: block; height: 0; clear: both; visibility: hidden; /* Clearing float for all li. Was hacked for IE6 & IE7 in the relevant stylesheet section. */
					}
						div#lsite li {
							float: left; /* All menu item must be site by side */
							white-space: nowrap; /* Prevet the multi-line menu item */
						}
						div#lsite li.tandem,
						div#lsite li.sauteurs-reguliers {
							float: none; /* Resetting default value */
							white-space: normal; /* Resetting default value */
						
							position: absolute; /* Move these menu item out of the normal #lsite style */
							top: 228px;
						}
						div#lsite li.tandem {
							left: 226px;
						}
						div#lsite li.sauteurs-reguliers {
							left: 374px;
						}
							div#lsite a {
								color: #fff;
								display: block;
								float: left;
								height: 44px;
								line-height: 44px; /* Use to align the text in the middle of the menu (vertical align) */
								padding: 0 10px;
							}
							div#lsite a.active {
								background: transparent url(images/lsiteActiveElement.jpg) repeat-x scroll left top;
							}
							div#lsite li.tandem a,
							div#lsite li.sauteurs-reguliers a {
								display: block;
								width: 160px;
								height: 26px;
							}
							div#lsite li.tandem a {
								background: url(images/tandem.png) no-repeat scroll left top;
							}
							div#lsite li.tandem a.inside,
							div#lsite li.tandem a.active {
								background-image: url(images/tandem_active.png);
							}
							div#lsite li.sauteurs-reguliers a {
								background: url(images/sauteurs-reguliers.png) no-repeat scroll left top;
							}
							div#lsite li.sauteurs-reguliers a.inside,
							div#lsite li.sauteurs-reguliers a.active {
								background-image: url(images/sauteurs-reguliers_active.png);
							}
							div#lsite li.ecole-pac a {
								font-weight: bold; /* @todo Verify if we have a better way to highlight this element */
							}
								div#lsite li.tandem a span,
								div#lsite li.sauteurs-reguliers a span {
									display: none;
								}
				div#linkList div.level-1 {
					width: 206px; /* In IE6, the width must be -1px of this number. Was hacked for IE6 in the relevant stylesheet section. */
					padding-top: 50px; /* To get the position right with the content */
					padding-bottom: 40px;
				}
					div#linkList div.level-1 ul {
						position: relative;
					}
						div#linkList div.level-1 li {
							padding: 4px 12px 3px 12px; /* Get space, do not use line-height in case an element use multi-line */
							border-top: 1px dotted #dfdfdf;
						}
						div#linkList div.level-1 li:first-child {
							border-top: 0 none; /* Do not show border on the first element. Was hacked for IE6 in the relevant stylesheet section. */
						}
							div#linkList div.level-1 a {
								color: #696969;
								font-size: 1.2em;
							}
							div#linkList div.level-1 a.inside,
							div#linkList div.level-1 a.active {
								font-weight: bold;
							}
							div#linkList div.level-1 #lderoulement a.inside,
							div#linkList div.level-1 li.tandem a.inside,
							div#linkList div.level-1 li.sauteurs-reguliers a.inside,
							div#linkList div.level-1 li.voltige a.inside {
								font-weight: normal;
							}
							div#linkList div.level-1 li.certificat,
							div#linkList div.level-1 li.voltige-certificat {
								position: absolute;
								top: 100%;
								left: 0;
								padding-top: 20px;
								border: 0 none;
								background: url(images/bouton-section-certificat.png) no-repeat scroll left bottom;
								width: 206px;
								height: 58px;
							}
								div#linkList div.level-1 li.certificat a,
								div#linkList div.level-1 li.voltige-certificat a {
									display: block;
									width: 206px;
									height: 58px;
									text-decoration: none;
								}
									div#linkList div.level-1 li.certificat a span,
									div#linkList div.level-1 li.voltige-certificat a span {
										display: none;
									}
							div#linkList div.level-2 { }
								div#linkList div.level-2 ul { }
									div#linkList div.level-2 li {
										padding-left: 17px;
									}
										div#linkList div.level-2 a {
											color: #696969;
											font-size: 1.1em;
										}
		div#footer {
			position: absolute; /* Position the footer */
			top: 100%; /* In the bottom of the page. Was hacked for IE6 in the relevant stylesheet section. */
			left: 119px;
			width: 786px; /* Was hacked for IE6 in the relevant stylesheet section. */
		}
			div#copyright {
				text-indent: -10000px;
			    background: url(images/copyrights.jpg) no-repeat scroll left top;
			    width: 497px;
			    height: 208px;
			    position: absolute;
			    top: -217px;
			    left: -46px;
			}
			div#lfooterLinks {
				position: absolute;
				top: -182px;
			    left: 468px;
				width: 171px;
                border-left: 1px dotted #7792ae;
                border-right: 1px dotted #7792ae;			    
			    padding-left: 15px;
			    height: 150px;
			}
    			div#lfooterLinks span.name {
    			    pading-top: 2px;
    			    display: block;
    			    font-size: 1.2em;
    			    font-weight: bold;
    			    color: #fff;
    			    padding-bottom: 5px;
    			}
    			div#lfooterLinks ul {}
        			div#lfooterLinks ul li {
                        padding-bottom: 4px;
        			}
        			    div#lfooterLinks ul li a {
                            color: #fff;
        			        font-size: 1.1em;
        			        text-decoration: underline;
        			    }
        			div#lfooterLinks ul li.espace-aerodium {
                        display: block;
        			    width: 156px;
        			    height: 52px;
        			    padding: 0;
        			    margin-top: 10px;
        			}
        			    div#lfooterLinks ul li.espace-aerodium a {
                            display: block;
                            width: 156px;
                            height: 52px;
        			        background: url(images/bouton-aerodium.png) no-repeat scroll left top;
        			        text-decoration: none;
        			        text-indent: -10000px;
        			    }
					div#lfooterLinks ul li.reseaux-sociaux {
						position: absolute; /* Position will be set from the #lfooterLinks */
						top: 0; /* A little bit over the footer area */
						left: 202px;
						display: block;
					}
						div#lfooterLinks ul li.reseaux-sociaux a {
							display: block;
							width: 83px;
							height: 108px;
                            background: transparent url(images/communaute.png) no-repeat scroll left top;
						}
							div#lfooterLinks ul li.reseaux-sociaux a span {
								display: none; /* Do not show de default text of li.reseaux-sociaux link */
							}


/************************* Section Relative Styling ***********************/
		body.tandem div#core {
			background: transparent url(images/header-additions/guillaume-tandem-video.jpg) no-repeat scroll 452px 0;
		}
		body.sauteurs-reguliers div#core {
			background: transparent url(images/header-additions/woman-solo.jpg) no-repeat scroll 471px 31px;
		}
						body#voltige_accommodements .CL1 strong.new {
							background-color: yellow;
						}
						body#voltige_contact .CL1 address {
							position: relative;
							padding: 10px 0 65px;
							line-height: 1.32em;
						    background: url(images/gps.png) no-repeat scroll 311px 80px;
						}
							body#voltige_contact .CL1 address strong {
								font-size: 1.3em;
							    padding-bottom: 10px;
							    display: block;
							}
							body#voltige_contact .CL1 address a#maps {
								position: absolute;
								left: 311px; /* Was hacked for IE6 in the relevant stylesheet section. */
								top: 10px;
								display: block;
								width: 220px;
							    height: 60px;
								background: url(images/directions.png) no-repeat scroll center top;
								border: 0 none;
							}
    							body#voltige_contact .CL1 address a#maps span {
    							 display: none;
    							}
/************************* Tarifs ***********************/
						body.tarifs #pageContent table {
							width: 100%;
						}
/************************* News ***********************/

#news {
    background-color: #fff;
    padding: 12px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #d3d3d3;
}
    #news h2 {
        font: 18px century gothic, arial, sans-serif;
		color: #2368b8;
    }
    #news div.item {
        padding: 10px;
        border: 1px solid #d2e0f0;
        background: white url(images/news_item.png) repeat-x scroll left bottom;
		position: relative;
		margin-bottom: 10px;
    }
    #news div.isFirstElement {
        height: 180px;
    }
    #news div.isNotFirstElement {
        float: left;
        width: 191px;
        height: 180px;
    }
    #news div.odd {
        margin-right: 10px;
    }
        #news div.item a.title {
            width: 100%;
            font: bold 11px arial;
            color: #2368b8;
            display: block;
            border-bottom: 1px dotted #bebebe;
            padding-bottom: 6px;
            padding-top: 20px;    
            margin-bottom: 11px;
            overflow: hidden;
        }
        #news div.item span.datetime {
            position: absolute;
            top: 8px;
            right: 8px;
            font: 10px arial;
            color: #aaa;
        }
        #news div.item div.preview {
            overflow-y: auto;
            height: 107px;
        }
        * html #news div.item div.preview {
            zoom: 1;
        }
        #news div.item a.full {
            float: right;
        }
						
/************************* Forms ***********************/
label[for] {
	/* @goodPractice */
	cursor: pointer; /* Indicate that people can click on labels */ /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
}
					#pageContent form { }
						#pageContent form div.body { }
							#pageContent form div.fields {
								overflow: hidden;
							}
								#pageContent form div.field {
									padding: 1px 0;
								}
								#pageContent form div.field:after {
									content: "."; display: block; height: 0; clear: both; visibility: hidden; /* Clearing float of label. Was hacked for IE6 & IE7 in the relevant stylesheet section. */
								}
									#pageContent form div.field label {
										line-height: 20px; /* Try to verticaly align with element */
									}
									#pageContent form div.field > label {
										text-align: right; /* Align label content in the right side */ /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
										padding: 0 10px 0 0; /* Give a bit of space before the element */ /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
										float: left; /* Align the label to the side of the element */ /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
										width: 130px; /* This width will be the default label width */ /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
									}
									#pageContent form div.field > label:after { content: " :"; } /* Add this suffix to the label */ /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
									#pageContent form div.required > label { font-weight: bold; } /* All required field will have a bolded label */ /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
									#pageContent form div.errors > label { color: #c00; } /* All required field will have a bolded label */ /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
									#pageContent form div.field div.elements {
										float: left;
										width: 390px;
									}
									#pageContent form fieldset div.field div.elements {
										width: 350px;
									}
										#pageContent form div.field div.elements label input[type="radio"] {
											margin: 0 5px;
										}
										#pageContent form div.field div.elements ul.errors {
											color: #777;
										}
											#pageContent form div.field div.elements ul.errors li {
												background: none;
												list-style-type: disc;
												padding: 0;
												color: #c00;
												font-weight: bold;
											}
											#pageContent form div.errors p.description {
												color: #c00;
											}
										#pageContent form div.field div.elements input[type="password"],
										#pageContent form div.field div.elements input[type="text"],
										#pageContent form div.field div.elements textarea {
											border: 1px solid #666; /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
											line-height: 20px; /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
											height: 20px; /* Was hacked for IE6 & IE7 in the relevant stylesheet section. */
										}
										#pageContent form div.field div.elements input[type="password"],
										#pageContent form div.field div.elements input[type="text"],
										#pageContent form div.field div.elements textarea {
											width: 390px; /* This is the default size */ /* Was hacked for IE6 in the relevant stylesheet section. */
										}
										#pageContent form fieldset div.field div.elements input[type="password"],
										#pageContent form fieldset div.field div.elements input[type="text"],
										#pageContent form fieldset div.field div.elements textarea {
											width: 350px; /* This is the default size */ /* Was hacked for IE6 in the relevant stylesheet section. */
										}
										#pageContent form div.field div.elements textarea {
											height: 170px; /* This is default size of textarea */
										}
										#pageContent form div.errors input,
										#pageContent form div.errors textarea {
											border-color: #c00 !important;
										}
						#pageContent form div.action {
							padding: 20px 0 0 140px;
						}


												





/************************* IE7 FIX ***********************/
		*:first-child+html div#core {
			zoom: 1; /* :after float fix alternative */
		}
					*:first-child+html .CL1,
					*:first-child+html .CL2,
					*:first-child+html .CL3,
					*:first-child+html .CL4,
					*:first-child+html .CL5,
					*:first-child+html .CL6 {
						zoom: 1; /* :after float fix alternative */
					}
	/************************* Forms ***********************/
	*:first-child+html label {
		cursor: expression((this && this.getAttribute('htmlFor') ? 'pointer' : 'default')); /* Equivalent of label[for] */
	}
								*:first-child+html #pageContent form div.field {
									zoom: 1; /* :after float fix alternative */
								}
									*:first-child+html #pageContent form div.field label {
										text-align: expression(this && this.parentNode && this.parentNode.tagName && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )field(\ |$)").test(this.parentNode.className) ? 'right' : 'left'); /* Equivalent of div.field > label */
										padding: expression(this && this.parentNode && this.parentNode.tagName && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )field(\ |$)").test(this.parentNode.className) ? '0 10px 0 0' : '0'); /* Equivalent of div.field > label */
										float: expression(this && this.parentNode && this.parentNode.tagName && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )field(\ |$)").test(this.parentNode.className) ? 'left' : 'none'); /* Equivalent of div.field > label */
										width: expression(this && this.parentNode && this.parentNode.tagName && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )field(\ |$)").test(this.parentNode.className) ? '130px' : 'auto'); /* Equivalent of div.field > label */
										zoom: expression(this && this.parentNode && this.parentNode.tagName && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )field(\ |$)").test(this.parentNode.className) && (this.innerHTML.substring(this.innerHTML.length - 1) == ':') == false && (this.innerHTML += ' :') ? 1 : 1); /* Equivalent of div.field > label:after { content: " :"; } */
									}
									*:first-child+html #pageContent form div.required label {
										font-weight: expression(this && this.parentNode && this.parentNode.tagName && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )required(\ |$)").test(this.parentNode.className) ? 'bold' : 'normal'); /* Equivalent of div.required > label */
									}
									*:first-child+html #pageContent form div.errors label {
										color: expression(this && this.parentNode && this.parentNode.tagName && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )errors(\ |$)").test(this.parentNode.className) ? '#c00' : '#555'); /* Equivalent of div.errors > label */
									}
									
/************************* IE6 FIX ***********************/
* html {
	border: 0; /* get rid of that 2px window border in Internet Explorer 6 */
}
* html body {
	text-align: center; /* Alternative of margin: 0 auto alignement */
	border: 0; /* get rid of that 2px window border in Internet Explorer 6 */
}
* html a * {
	cursor: pointer;
}
* html div#extraContainer {
	position: static;
}
* html div#container {
	position: relative;
	text-align: left; /* Due to the text-align center of the body, we must reset the text-align */
	margin-left: 0; /* Reset the margin 0 auto alignement */
	margin-right: 0; /* Reset the margin 0 auto alignement */
	height: 100%; /* IE6 hack for min-height */
}
				* html a#siteTitle {
					background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/winter/images/logo.png', sizingMethod='scale')
				}
		* html div#core {
			zoom: 1; /* :after float fix alternative */
		}
				* html #pageContent {
					height: 1%;
				}
					* html .CL1,
					* html .CL2,
					* html .CL3,
					* html .CL4,
					* html .CL5,
					* html .CL6 {
						zoom: 1; /* :after float fix alternative */
					}
							* html .CL1 div.important * {
								zoom: 1;
								overflow: visible;
							}
					* html #pageContent a {
						border: 0 none;
						text-decoration: underline; /* Strange bug was to push the fotter when this property change so, we just ignore the style.. */
					}
					* html #pageContent a:hover {
						border: 0 none;
						text-decoration: none;
					}
						* html #pageContent div.important {
							height: 48px; /* Was hacked for IE6 in the relevant stylesheet section. */
						}
						* html #pageContent blockquote {
							height: 20px;  /* IE6 hack for min-height */
						}
						* html .CL1 span.imageWrapper {
							margin-left: 2px;
							margin-right: 2px;
						}
						* html body#voltige_reseaux-sociaux .CL1 div#facebook {
							padding-right: 2%;
						}
						* html body#voltige_reseaux-sociaux .CL1 div#youtube {
							padding-left: 1%;
						}
							* html body#sauteurs-reguliers_dropzone .CL1 div#vue-aerienne dl dt.green { margin-left: 54px; }
			div#linkList {
				width: 205px;
			}
				div#linkList div.level-1 {
					width: 205px;
				}
						* html div#linkList div.level-1 li {
							border-top: expression((this.className == 'voltige-certificat' || this.className == 'certificat' || !this.previousSibling || !this.previousSibling.tagName ? '0 none' : '1px dashed #dfdfdf')); /* Equivalent of the :first-child not supported by IE6 */
						}
						* html div#linkList div.level-1 li.certificat,
						* html div#linkList div.level-1 li.voltige-certificat {
							padding: 0;
							left: -12px;
						}
		* html div#footer {
			top: expression((document.getElementById('container') && document.getElementById('container').clientHeight ? document.getElementById('container').clientHeight : '100%') - (this && this.clientHeight ? this.clientHeight : 196)); /* IE6 is not able to get the bottom 0 so we used Javascript to make it work well. */  /* @todo Ajust width for 1024 minimum support */
			height: 196px;
			width: 786px; /* In IE6, the width include the margin & padding, so: Design Width - Design Padding */
		}
			* html div#lfooterLinks {
				position: absolute;
				top: 100%;
				margin-top: -182px;
			}
			* html div#copyright {
				position: absolute;
				top: 100%;
				margin-top: -217px;
			}
	/************************* Forms ***********************/
	* html label {
		cursor: expression((this.getAttribute('htmlFor') ? 'pointer' : 'default')); /* Equivalent of label[for] */
	}
								* html #pageContent form div.field {
									zoom: 1; /* :after float fix alternative */
								}
									* html #pageContent form div.field label {
										text-align: expression(this.parentNode && this.parentNode.parentNode && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )field(\ |$)").test(this.parentNode.className) ? 'right' : 'left'); /* Equivalent of div.field > label */
										padding: expression(this.parentNode && this.parentNode.parentNode && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )field(\ |$)").test(this.parentNode.className) ? '0 10px 0 0' : '0'); /* Equivalent of div.field > label */
										float: expression(this.parentNode && this.parentNode.parentNode && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )field(\ |$)").test(this.parentNode.className) ? 'left' : 'none'); /* Equivalent of div.field > label */
										width: expression(this.parentNode && this.parentNode.parentNode && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )field(\ |$)").test(this.parentNode.className) ? '130px' : 'auto'); /* Equivalent of div.field > label */
										zoom: expression(this.parentNode && this.parentNode.parentNode && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )field(\ |$)").test(this.parentNode.className) && (this.innerHTML.substring(this.innerHTML.length - 1) == ':') == false && (this.innerHTML += ' :') ? 1 : 1); /* Equivalent of div.field > label:after { content: " :"; } */
									}
									* html #pageContent form div.required label {
										font-weight: expression(this.parentNode && this.parentNode.parentNode && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )required(\ |$)").test(this.parentNode.className) ? 'bold' : 'normal'); /* Equivalent of div.required > label */
									}
									* html #pageContent form div.errors label {
										color: expression(this.parentNode && this.parentNode.parentNode && this.parentNode.tagName.toLowerCase() == 'div' && new RegExp("(^|\ )errors(\ |$)").test(this.parentNode.className) ? '#c00' : '#555'); /* Equivalent of div.errors > label */
									}
										* html #pageContent form div.field div.elements input {
											border: expression(this.getAttribute('type').toLowerCase() == 'text' || this.getAttribute('type').toLowerCase() == 'password' ? '1px solid #666' : '0 none'); /* Equivalent of input[type="text"] and input[type="password"] */
											line-height: expression(this.getAttribute('type').toLowerCase() == 'text' || this.getAttribute('type').toLowerCase() == 'password' ? '20px' : 'normal'); /* Equivalent of input[type="text"] and input[type="password"] */
											width: expression(this.getAttribute('type').toLowerCase() == 'text' || this.getAttribute('type').toLowerCase() == 'password' ? '350px' : 'auto'); /* Equivalent of input[type="text"] and input[type="password"] */
										}
										* html #pageContent form div.field div.elements textarea {
											width: 390px; /* Was done in the normal scope but not supported cause it's associated with unsuported features */
										}
										
										
										
										
										
										
										
										
										
										
										
/**************************/
#editPageContent {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	z-index: 1;
}
textarea#editedContent {
	display: none;
}
#editedContent___Frame {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}







/**************************/

/****************** Dialog Widget - Pop Ups ******************/

* html body {
    height: 100%;
}
html.displayDialog {
    overflow: hidden;
}
#DialogWidget {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
#DialogWidget {
    z-index: 999999;
}
html.displayDialog #DialogWidget {
    display: block;
}
    #DialogWidgetBackground {
        position: absolute;
        background: black;
        width: 100%;
        height: 100%;
        opacity: 0.7;
        filter: alpha(opacity=70);
        left: 0;
        top: 0;
    }
    #DialogWidgetContainer {
        position: relative;
        margin: 20px auto;
        background-color: white;
        border: 2px solid #4577b6;
    }
        #DialogWidgetClose {
            background: url(images/icons/close.png) no-repeat left top;
            width: 19px;
            height: 19px;
            padding-bottom: 9px;
            cursor: pointer;
            float: right;
        }
            #DialogWidgetClose span {
                display: none;
            }
        #DialogWidgetContent {
            overflow: auto;
            clear: both;
        }
            #DialogWidgetMessage {
                min-height: 100px;
                padding-left: 85px;
                background: url(images/64x64/error.png) no-repeat scroll 10px 10px;
            }
            #DialogWidgetMessage.notice {
                background: url(images/64x64/notice.png) no-repeat scroll 10px 10px;
            }
            * html #DialogWidgetMessage {
                height: 100px;
            }
            

            #DialogWidgetContent h1 {
                display: block;
                height: 39px;
                line-height: 39px;
                color: white;
                background-color: #336296;
                padding: 0 0 0 18px;
                text-transform: uppercase;
                font-size: 14px;
                border-bottom: 3px solid #3192bd;
            }
            #DialogWidgetContent .CL1 {
                min-height: 0;
            }
            #DialogWidgetContent .CL2 {
                background: #d6eaf5 url(images/contest.jpg) no-repeat scroll right bottom;
                overflow: hidden;
                zoom: 1;
                padding: 20px;
            }
            #DialogWidgetContent h2 {
            }
            #DialogWidgetContent #contestRules textarea {
                width: 352px;
                height: 200px;
            }
            #DialogWidgetContent #contestRules,
            #DialogWidgetContent form {
                background-color: white;
                -webkit-border-radius: 10px;
                -khtml-border-radius: 10px;    
                -moz-border-radius: 10px;
                border: 1px solid #6192bd;
                padding: 22px;
                float: left;
            }
                #DialogWidgetContent form .field {
                    overflow: hidden;
                    zoom: 1;
                    padding-bottom: 10px;
                }
                #DialogWidgetContent form label {
                    float: left;
                    display: block;
                    width: 120px;
                    text-align: right;
                    padding-right: 10px;
                    height: 20px;
                    line-height: 20px;
                }
                #DialogWidgetContent form .elements {
                    float: left;
                    display: block;
                }
                    #DialogWidgetContent form .elements select,
                    #DialogWidgetContent form .elements input {
                        height: 18px;
                        line-height: 18px;
                        background-color: #f8f8f8;
                        border: 1px solid #ddd;
                        width: 200px;
                        padding: 0 10px;
                    }
                    #DialogWidgetContent form .elements select {
                        padding-right: 0;
                    }