@import url('blocs.css');
@import url('extensions.css');

/* Reset */
* {
	margin: 0;
	padding: 0;
}

ul, ol {
	margin-left: 20px;
}

p {
	margin-bottom: 5px;
}

a img { border: none; outline: none; }

a {
	outline: none;
	color:#FF8000;
}
a:hover{
	text-decoration:none;
}

/* Classes génériques */
.skip {
	height: 0;
	width: 0;
	left: -1000em;
	overflow: hidden;
	position: absolute;
}

.clear { clear: both; }

.overflow { overflow: hidden; }

.texteVert {
	color: #85be19;
	font-weight: bold;
}

.texteOrange {
	color: #ff8000;
	font-weight: bold;
}

body {
	text-align: center;
	background: url('../images/fond/fond-principal.gif') repeat center 0;
	/*font-size: 12px;*/
	font-size: 0.74em;
	font-family: Trebuchet MS, Arial;
}

	#globalcontainerG {
		text-align: left;
		margin: 0 auto;
		/*width: 935px;*/
		width: 78.7em;
		position: relative;
		background: #fff url('../images/fond/fond-contenu-gauche2.gif') repeat-y left 0;
	}
	
		#globalcontainerD {
			background: url('../images/fond/fond-contenu-droite.gif') repeat-y right 0;
			padding-bottom: 1.5em;
		}
	
			#leftTopBG {
				background: url('../images/fond/fond-header-gauche.png') no-repeat 0 top;
				width: 20px;
				height: 219px;
				position: absolute;
				top: 0;
				left: 0;
			}
			
			#rightTopBG {
				background: url('../images/fond/fond-header-droite.png') no-repeat 0 top;
				width: 20px;
				height: 219px;
				position: absolute;
				top: 0;
				/*left: 915px;*/
				right: 0;
			}
		
			#header {
				padding-left: 2.3em;
				position: relative;
				height: 17.8em;
			}
			
				#header img.fondHeader {
					width: 74.1em;
				}
				
				#header ul.menuPrinc {
					position: absolute;
					left: 0;
					/*top: 181px;*/
					bottom:0;
					text-align: center;
					width: 75.5em;
					height: 2.5em;
				}
				/* hack spécial Chrome et Safari 3.1 */
				body:nth-of-type(1) #header ul.menuPrinc{
				   bottom:-1px;
				}
				
				
					#header ul.menuPrinc li {
						list-style: none;
						width: 10em;
						height: 2.5em;
						display: inline;
						padding: 0 0.1em;
					}
					
						#header ul.menuPrinc li img {
							width: 9.8em;
							height: 2.5em;
						}
				
			#container {
				padding: 2.7em;
				font-size: 0.9em;
			}
				
				#container.pageInterne  {
					padding: 0.2em 2.7em 2.4em 2.7em;
				}
				#container #filAriane ul {
					margin:10px 5px;
				}
				#container #filAriane ul li {
					display:inline;
				}
				#container #filAriane ul li a {}
				
				#container #leftCol {
					float: left;
					width: 60.4em;
					padding: 0 2em 0 1.5em;
				}
				
				#container.pageInterne #leftCol {
					float: left;
					width: 61.7em;
					padding: 0 2em 0 0.2em;
				}
				
				#container.pageInterne #leftCol.page100 {
					float: left;
					width: 57.9em;
					padding: 0 3em 0 3em;
				}
				
				#container.pageInterne #leftCol #leftMenu {
					float: left;
					width: 15.1em;
				}
				
					#container.pageInterne #leftCol #leftMenu h2 {
						font-size: 1em;
					}
				
					#container.pageInterne #leftCol #leftMenu h2 img {
						width: 15.1em;
					}
				
					#container.pageInterne #leftCol #leftMenu ul {
						background-color: #f4f5f2;
						margin: 0;
						padding: 2em 0 3em 0;
					}
					
						#container.pageInterne #leftCol #leftMenu ul li {
							list-style: none;
							padding: 0 0 0.8em 0;
						}
						
						#container.pageInterne #leftCol #leftMenu ul li a {
							color: #979a96;
							text-decoration: none;
							padding-left: 3em;
						}
						
						#container.pageInterne #leftCol #leftMenu ul li a.active, #container.pageInterne #leftCol #leftMenu ul li a:hover {
							background: url('../images/menu-gauche/puce-active.gif') no-repeat 1em center;
							font-weight: bold;
							text-decoration: underline;
						}
						
					#container.pageInterne #leftCol #leftMenu .bottom {
						
					}
						
					#container.pageInterne #leftCol #leftMenu .bottom img {
						width: 15.1em;
					}
					
					#container.pageInterne #leftCol #leftMenu .imageGrenouille {
						padding-top: 15em;
					}
					
						#container.pageInterne #leftCol #leftMenu .imageGrenouille img {
							width: 15.2em;
						}
				
				#container #content {
					float: left;
					width: 44.6em;
					padding: 0 0 0 2em;
					/*line-height: 2.2em;*/
				}
					#container #content h1,
					#container .page100 h1 {
						font-size: 2em;
						color: #ff8000;
					}
				
					#container #content h2,
					#container .page100 h2 {
						color: #ff8000;
						font-size: 1.5em;
						background: url('../images/contenu/bg-h2.gif') no-repeat 0 bottom;
						margin-bottom: 1.2em;
						padding: 0 0 0.3em 0.3em;
					}
					
					#container #content h3,
					#container .page100 h3{
						background:transparent url(../images/contenu/bg-h3.gif) no-repeat left center;
						color:#FF8000;
						font-size:1.1em;
						line-height:1.7em;
						padding:0 0 0 1.5em;
					}
					
					#container #content .puceOrange
					#container .page100 .puceOrange{
						color: #ff8000;
						background: url('../images/contenu/puce-li.gif') no-repeat 0 0.9em;
						padding: 0 0 0 1.3em;
					}
					
					#container #content ul,
					#container .page100 ul{
						margin: 0;
					}
					
					#container #content ul li,
					#container .page100 ul li{
						/*list-style: url('../images/contenu/puce-li.gif');*/
						background: url('../images/contenu/puce-li.gif') no-repeat 0 0.4em;
						padding: 0 0 0 1.3em;
						list-style: none;
					}
					
					#container #content .hautPage,
					#container .page100 .hautPage{
						float: right;
						
					}
					
						#container #content .hautPage  a 
						#container .page100 .hautPage  a {
							color: #8fbf14;
							padding: 0 1.5em 0 0;
							font-size: 0.9em;
							background: url('../images/contenu/puce-haut.gif') no-repeat right 0.7em;
						}
				
				#container #rightCol {
					float: left;
					width: 17.8em;
				}
				
					#container #rightCol .espaceMembre img {
						width: 17.8em;
					}
					
					#container #rightCol .studioNext img {
						width: 17.9em;
					}
				
			#footer {
				background-color: #e8ebe5;
				margin: 0 2.7em;
				height: 2em;
			}
			
				#footer .left {
					float: left;
					padding: 0.2em 0 0 2em;
				}
				
				#footer .left ul {
				
				}
				
					#footer .left ul li {
						display: inline;
						color: #6a6969;
					}
					
						#footer .left ul li a {
							color: #6a6969;
							text-decoration: none;
						}
						
						#footer .left ul li a:hover {
							text-decoration: underline;
						}
					
				#footer .right {
					float: right;
					padding: 0.3em 1em 0 0;
					color: #6a6969;
				}
		
			#leftBottomBG {
				background: url('../images/fond/fond-footer-gauche.png') no-repeat 0 bottom;
				width: 20px;
				height: 249px;
				position: absolute;
				bottom: 0;
				left: 0;
			}
			
			#rightBottomBG {
				background: url('../images/fond/fond-footer-droite.png') no-repeat 0 bottom;
				width: 20px;
				height: 249px;
				position: absolute;
				bottom: 0;
				/*left: 915px;*/
				right: 0;
			}