/* FORMULAIRE */
ul.formulaire {
	padding:			10px;
	margin:				10px;
	border:				1px #ccc solid;
	width:				500px;
	background:			#FFF;
}
ul.formulaire li {
	padding:			3px 0;
	clear:				left;
}
ul.formulaire label {
	float:				left;
	width:				200px;
	margin:				0 10px 0 0;
	text-align:			left;
}
ul.formulaire input {
	width:				200px;
	height:				16px;
	margin:				0 5px 0 0;
	border:				1px #999 solid;
}
ul.formulaire input.short {	
	width:				100px;
}
ul.formulaire select {	
	width:				202px;
	height:				22px;
	margin:				0 4px 0 0;
	border:				1px #999 solid;
}
ul.formulaire .input-checkbox,
ul.formulaire input[type=checkbox],
ul.formulaire .input-radio,
ul.formulaire input[type=radio] {
	width:				auto;
}
ul.formulaire li.date_naissance select {
	width:				63px;
}
ul.formulaire span {
	color:				#AAA;
	display:			block;
	font-size:			10px;
	font-style:			italic;
	margin:				0 0 0 210px;
}

/* Civilite */
ul.formulaire li.civilite .label_radio {
	float:				none; 
	width:				auto;
}
/* Date de naissance */
ul.formulaire li.naissance select {
	width:				63px;
}
/* Validation */
ul.formulaire li.validation input {
	margin:			0 0 0 210px;
	width:				auto;
	height:				auto;
}

/* HELP FORM */
.help_form {
	padding:			10px;
	margin:				10px;
	border:				1px #ccc solid;
	width:				700px;
	background:			#FFF;
	position:			relative;
}
.help_form .formulaire {
	padding:			0;
	margin:				0;
	border:				0;
	width:				500px;
	background:			#FFF;
}
.help_zone {
	margin:				10px;
	padding:			0 0 0 15px;
	width:				250px;
	border-top:			1px #5c3 solid;
	display:			none;
	text-align:			justify;
	position:			absolute;
	
}
.help_zone div {
	background:			#FFF;
	font-size:			14px;
	color:				#888;
	padding:			10px;
	border:				1px #EEE solid;
	border-width:		0 1px 1px 1px;
}

/* SLIDEUP / SLIDEDOWN */
/* FADEIN / FADEOUT */
.apercu_slide,
.apercu_fade {
	padding:			10px;
	margin:				10px;
	border:				1px #ccc solid;
	width:				500px;
	background:			#FFF;
}
.apercu_slide a.slider,
.apercu_fade a.slider {
	background:			#EEE;
	display:			block;
	padding:			5px 10px;
	margin:				10px 0 10px;
	border:				1px #ccc solid;
	border-color:		#ddd #ccc #ccc #ddd;
	text-align:			center;
	cursor:				pointer;	
}

/* JQZOOM */ 
.jqzoomed img {
	margin:				10px;
	border:				1px #ccc solid;
	outline:			none;
}

div.jqZoomTitle {
	z-index:			5000;
	text-align:			center;
	height:				16px;
	padding-top:		2px;
	position:			absolute;
	top: 				0;
	left: 				0;
	width:			 	100%;
	color: 				#FFF;
	background: 		#999;

}

.jqZoomPup {
	overflow:			hidden;
	background-color:	#FFF;
	-moz-opacity:		0.6;
	opacity: 			0.6;
	filter: 			alpha(opacity = 60);
	z-index:			10;
	border-color:		#c4c4c4;
	border-style: 		solid;
	cursor:				crosshair;
}

.jqZoomPup img {
	border: 			0;
}

.preload {
	-moz-opacity:		0.8;
	opacity: 			0.8;
	filter: 			alpha(opacity = 80);
	color:				 #333;
	border: 			1px solid #CCC;
	background-color: 	#FFF;
	padding: 			8px;
	text-align:			center;
	background: url(../images/zoomloader.gif) no-repeat 43px 30px;
	width:				90px;
	* width:			100px;
	height:				43px;
	*height:			55px;
	z-index:			10;
	position:			absolute;
	top:				3px;
	left:				3px;
}

.jqZoomWindow {
	border: 			1px solid #999;
	background-color: 	#FFF;
}

/* ZOOM LIGHTBOX */

/* style galerie */
.lightbox {
	padding:			10px;
	margin:				10px;
	border: 			1px solid #999;
	width:				500px;
}
.lightbox ul { 
	list-style: 		none;
	text-align:			center;
}
.lightbox ul li {
	display: 			inline; 
}
.lightbox ul img {
	border: 			5px solid #3e3e3e;
	border-width: 		5px 5px 20px;
}
.lightbox ul a:hover img {
	border: 			5px solid #fff;
	border-width: 		5px 5px 20px;
	color: 				#fff;
}
.lightbox ul a:hover { 
	color: 				#fff; 
}
	
/* style lightbox */	
#jquery-overlay {
	position: 			absolute;
	top: 				0;
	left: 				0;
	z-index: 			90;
	width: 				100%;
	height: 			500px;
}
#jquery-lightbox {
	position: 			absolute;
	top: 				0;
	left: 				0;
	width: 				100%;
	z-index: 			100;
	text-align: 		center;
	line-height: 		0;
}
#jquery-lightbox a img {
	border: 			0; 
}
#lightbox-container-image-box {
	position: 			relative;
	background-color: 	#fff;
	width: 				250px;
	height: 			250px;
	margin: 			0 auto;
}
#lightbox-container-image { 
	padding: 			10px; 
}
#lightbox-loading {
	position: 			absolute;
	top: 				40%;
	left: 				0%;
	height: 			25%;
	width: 				100%;
	text-align: 		center;
	line-height: 		0;
}
#lightbox-nav {
	position: 			absolute;
	top: 				0;
	left: 				0;
	height: 			100%;
	width: 				100%;
	z-index: 			10;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 				0;
}
#lightbox-nav a { 	
	outline: none;
}
#lightbox-nav-btnPrev, 
#lightbox-nav-btnNext {
	width: 				49%;
	height: 			100%;
	zoom: 				1;
	display: 			block;
}
#lightbox-nav-btnPrev { 
	left: 				0; 
	float: 				left;
}
#lightbox-nav-btnNext { 
	right: 				0; 
	float: 				right;
}
#lightbox-container-image-data-box {
	background-color: 	#fff;
	margin: 			0 auto;
	line-height: 		1.4em;
	overflow: 			auto;
	width: 				100%;
	padding: 			0 10px 0;
}
#lightbox-container-image-data {
	padding: 			0 10px; 
	color: 				#666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 				70%; 
	float: 				left; 
	text-align: 		left; 
}	
#lightbox-image-details-caption { 
	font-weight: 		bold;
}
#lightbox-image-details-currentNumber {
	display:			 block; 
	clear: 				left; 
	padding-bottom: 	1em;	
}			
#lightbox-secNav-btnClose {
	width: 				66px; 
	float: 				right;
	padding-bottom: 	0.7em;	
}


/* CAROUSSEL */
.gallery_navigation a {
	background:			#FFF;
	display:			inline;
	padding:			5px 12px;
	margin:				10px 0 10px;
	border:				1px #ccc solid;
	border-color:		#ddd #ccc #ccc #ddd;
	text-align:			center;
	cursor:				pointer;
}
.gallery {
	border:			10px #FFF solid;
	width:			600px;
	height:			300px;
	margin:			10px auto;
	position:		relative;
	overflow:		hidden;
	text-align:		left;
}
.gallery ul {
	width:			auto;
	height:			294px;
	position:		absolute;
	left:			-700px;
}
.gallery ul li {
	float:			left;
	width:			400px;
	cursor:			pointer;
}
.next, .prev {
	cursor:			pointer;
}

/* ACCORDION */
.accordion {
	margin:				10px;
	padding:			10px;
	border:				1px #ccc solid;
	background:			#FFF;
	width:				500px;
}
.accordion li a {
	display:			block;
	padding:			5px;
	border:				1px #ccc solid;
	background:			#bbb;
	font-weight:		bold;
	color:				#FFF;
}
.accordion li a:hover {
	text-decoration:	none;
	background:			#aaa;
}

	.accordion li li a {
		display:			block;
		background:			#eee;
		margin:				0 1px 0 0px;
		border:				1px #ccc solid;
		border-color:		#ddd #ccc #ccc #ccc;
		font-weight:		normal;
		color:				#000;
	}
	.accordion li li a:hover {
		text-decoration:	none;
		background:			#ddd;
	}
	
/* NAVIGATION */
.navigation {
	margin:				10px;
	padding:			10px;
	border:				1px #ccc solid;
	background:			#FFF;
	width:				500px;
	height:				250px;
}
.navigation li {
	position:			relative;
	display:			block;
	float:				left;
}
.navigation li a {
	display:			block;
	padding:			5px;
	border:				1px #ccc solid;
	background:			#bbb;
	font-weight:		bold;
	color:				#FFF;
}
.navigation li a:hover {
	text-decoration:	none;
	background:			#aaa;
}
	.navigation li ul {
		position:		absolute;
		width:			100%;
		display:		none;
		border:			1px #ddd solid;
		border-width:	1px 0 0;

	}
	.navigation li li {
		float:			none;
		margin:			-1px 0 0;
	}
	.navigation li li a {
		display:			block;
		background:			#eee;
		border:				1px #ccc solid;
		border-color:		#ddd #ccc #ccc #ccc;
		font-weight:		normal;
		color:				#000;
	}
	.navigation li li a:hover {
		text-decoration:	none;
		background:			#ddd;
	}

/* PNG FIX IE6 */ 
.png_fix {
	margin:				10px;
	padding:			10px;
	border:				1px #ccc solid;
	background:			#FFF;
	width:				500px;
}
.png_fix p {
	width:				240px;
	margin:				10px 5px 25px;
	text-align:			center;
	float:				left;
}

/* DRAG N DROP */
.drag {
	margin:				10px;
	padding:			10px;
	border:				1px #ccc solid;
	background:			#FFF;
	width:				500px;
}
.drag div {
	margin:				10px;
	padding:			10px;
	border:				1px #ccc solid;
	background:			#f60;
	width:				100px;
	height:				100px;
	float:				left;
	cursor:				move;
}
.drag .clear {
	margin:				0;
	padding:			0;
	border:				0;
	background:			none;
	width:				auto;
	height:				auto;
	float:				none;
}

.drop {
	margin:				10px;
	padding:			10px;
	border:				1px #ccc solid;
	background:			#FFF;
	width:				500px;
	height:				200px;
}

/* FONT FACE */
@font-face {
	font-family: 			"arial_rounded";
	src: 					url('arial_rounded.ttf');
}

.font_face {
	margin:					10px;
	padding:				10px;
	border:					1px #ccc solid;
	background:				#FFF;
	width:					500px;
}

.font_face span {
	font-family: 			arial_rounded, courrier, monospace;
	font-size:				25px
}
.font_face ul li {
	padding:				0 0 0 10px;
	list-style:				disc;
	list-style-position:	inside;
}

/* SLIDING CONTENT */
.sliding_content {
	margin:					10px auto;
	border:					1px #ccc solid;
	background:				#FFF;
	width:					750px;
	height:					366px;
	position:				relative;
	overflow:				hidden;
}
.sliding_content div {
	position:				absolute;
}

/* BARRE GOOGLE */
.google {
	margin:					10px;
	padding:				0 0 40px;
	border:					1px #ccc solid;
	background:				#EEE;
	width:					500px;
}

/* ANIMATE */
.animate {
	margin:				10px;
	padding:			10px;
	border:				1px #ccc solid;
	background:			#FFF;
	width:				500px;
	height:				250px;
	position:			relative;
}
.animate img.target {
	position:			absolute;
	z-index:			2;
	top:				50%;
	left:				120%;
	cursor:				pointer;
}
.animate div {
	width:				50px;
	height:				50px;
	border:				1px #999 solid;
	background:			#ccc;
	position:			absolute;
	z-index:			1;
}