/* reset
----------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-size: 100%; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; font-family: Verdana, sans-serif; }
select { font-size: 100%; font-family: Verdana, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }

.cf:after,
.wrap:after,
#header:after, #wrap:after, #content:after, #footer:after
{ content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

/* custom
----------*/

a:link, a:visited {
	color: #0000CC;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Verdana, Geneva, sans-serif;
	background: #cccccc;
}
#page {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -290px 0 0 -450px;
	width: 900px;
	height: 580px;
	font-size: 1.1em;
	color: #333333;
	overflow: visible;
}
.wrap {
	width: 900px;
	margin: 0 auto;
}

#header {
	height: 45px;
/*	background: url(/images/page-t.png) repeat-x 0 100%;*/
}
	#menu {
		letter-spacing: 0.15em;
		text-transform: uppercase;
		color: #FFFFFF;
		padding: 15px 15px 0;
	}
		#menu ul {
		}
			#menu li {
				display: inline;
			}
				#menu li a:link, #menu li a:visited {
					color: #FFFFFF;
					padding: 0 1em;
					text-decoration: none;
				}
@media screen and (-webkit-min-device-pixel-ratio:0) {
				#menu li a:link, #menu li a:visited {
					padding: 0 1.5em;
				}
}
				#menu li a:link:hover, #menu li a:visited:hover,
				#menu li.active a:link, #menu li.active a:visited {
					color: #999999;
				}


#wrap {
	background: #FFFFFF;
	height: 445px;
	overflow: hidden;
	-moz-box-shadow: 0 0 15px #888888;
	-webkit-box-shadow: 0 0 15px #888888;
	box-shadow: 0 0 15px #888888;
}
	#content {
		float: left;
		width: 465px;
		height: 445px;
		position: relative;
	}
	#content.footer
	{
	    float: none;
	    color:#FFFFFF;
        height:90px;
        width: 900px;
	}
	#side1 {
		float: right;
		width: 430px;
		height: 445px;
	}

#content p {
	line-height: 1.35;
	margin: 0 0 1em;
}
#content ul,
#content ol {
	list-style: disc;
	margin: 0 0 1em 2em;
}
#content ol {
	list-style: decimal;
}

#content h2 {
	font-size: 127.27%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 .5em;
}
#content h3 {
	font-size: 127.27%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 .5em;
}

#tags {
	text-align: center;
	margin: 140px 0 0;
}


#footer {
	height: 90px;
/*	background: url(/images/page-b.png) repeat-x 0 0;*/
	color: #FFFFFF;
}
	#footer .wrap {
		padding: 1px 0 0;
	}
	#footer .logo {
		float: right;
		margin: -1px 0 0 45px;
	}
		#footer .logo a:link, #footer .logo a:visited {
			display: block;
			width: 179px;
			height: 89px;
			text-indent: -1000em;
			background: url(/images/logo-2.png) no-repeat 0 0;
		}
	#footer .text {
		line-height: 1.4;
		letter-spacing: 0.05em;
		padding: 0 0 0 10px;
		border-left: solid 1px #FFFFFF;
		margin: 25px 30px 0;
	}
	#footer .text:hover {
		color: #999999;
		text-decoration: none
	}


/* home
----------*/

#logo1 {
	text-align: center;
	margin: 55px 0 0;
}

.home #footer .text {
	font-size: 100%;
}


/* page-2
----------*/

.page2 {
}

.page2 #content a:link, .page2 #content a:visited {
	color: #FFFFFF;
	font-weight:bold;
}
.page2 a:link:hover, .page2 a:visited:hover 
{
    text-decoration: underline;
}

.scrollFix .scrollArea {
    font-size:95.67%;
    min-height:345px;
    padding:15px 193px 50px 15px;
    position:relative;
    width:236px;
}
	.scrollFix .image1 {
		position: absolute;
		top: 0;
		right: 0;
		width: 175px;
		height: 445px;
		background: #FFFFFF;
	}
.page2 .scrollArea {
	background: #99cc00;
	color: #FFFFFF;
}


.scrollWrap {
	height: 445px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
	.scrollArea {
		float: left;
		width: 450px;
		position: relative;
		top: 0;
	}
	.scrollBar {
		float: right;
		/*width: 15px;*/
		width: 14px;
		height: 429px;
		padding: 16px 0 0;
		background: url(/images/scroll-bg.gif) repeat-y 0 0;
	}
		.scrollBarIn {
			position: relative;
		}
			.scrollBar a.ui-slider-handle:link, .scrollBar a.ui-slider-handle:visited {
				display: block;
				width: 15px;
				height: 16px;
				position: absolute;
				left: 0;
			}
			.page2 .scrollBar a.ui-slider-handle:link, .page2 .scrollBar a.ui-slider-handle:visited {
				background: url(/images/scroll-handle2.png) no-repeat 0 0;
			}
		.scrollBar a.up:link, .scrollBar a.up:visited,
		.scrollBar a.dn:link, .scrollBar a.dn:visited {
			display: block;
			width: 15px;
			height: 15px;
			text-indent: -1000em;
		}
		.scrollBar a.up:link, .scrollBar a.up:visited {
			background: url(/images/scroll-up.png) no-repeat 0 0;
			height: 14px;
		}
		.scrollBar a.dn:link, .scrollBar a.dn:visited {
			background: url(/images/scroll-dn.png) no-repeat 0 0;
		}


/* page-3
----------*/

.page3 .scrollArea,
.page3 .popup {
	background: #990099;
	color: #FFFFFF;
}
			.page3 .scrollBar a.ui-slider-handle:link, .page3 .scrollBar a.ui-slider-handle:visited {
				background: url(/images/scroll-handle3.png) no-repeat 0 0;
			}

.page3 .content p a:link, .page3 .content p a:visited {
    color:#FFFFFF;
    font-weight: bold;
}

.scrollAcc {
}
	.scrollAcc .item {
		position: relative;
		border-bottom: solid 1px #C159C1;
	}
		#page .scrollAcc .item h3 {
			height: 74px;
			font-size: 116.67%;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0;
		}
			.scrollAcc .item h3 a:link, .scrollAcc .item h3 a:visited {
				display: block;
				padding: 0 30px;
				line-height: 74px;
				/*color: #ad33ad;*/
				color: #c159c1;
				text-decoration: none;
				position: relative;
				z-index: 5;
			}
			.scrollAcc .item h3.long a:link, .scrollAcc .item h3.long a:visited {
				padding: 21px 30px;
				line-height: 16px;
			}
				.scrollAcc .item h3 a:link span, .scrollAcc .item h3 a:visited span {
					position: absolute;
					left: -1000em;
					width: 450px;
					height: 15px;
				}
				.scrollAcc .item h3 a:link .t, .scrollAcc .item h3 a:visited .t {
					top: -15px;
					background: url(/images/shadow-t.png) repeat-x 0 0;
				}
				.scrollAcc .item h3 a:link .b, .scrollAcc .item h3 a:visited .b {
					bottom: -15px;
					background: url(/images/shadow-b.png) repeat-x 0 0;
				}
			.scrollAcc .active h3 a:link, .scrollAcc .active h3 a:visited,
			.scrollAcc .item h3 a:link:hover, .scrollAcc .item h3 a:visited:hover {
				color: #FFFFFF;
			}
				.scrollAcc .item h3 a:link:hover span, .scrollAcc .item h3 a:visited:hover span {
					left: 0;
				}
		.scrollAcc .content {
			border-top: solid 1px #FFFFFF;
			display: none;
			padding: 30px 20px 20px;
			font-size: 95.67%;
		}
		.scrollAcc a.close:link, .scrollAcc a.close:visited {
			position: absolute;
			z-index: 10;
			right: 11px;
			top: -1000em;
			width: 12px;
			height: 12px;
			text-indent: -1000em;
			background: url(/images/icon-close.png) no-repeat 0 0;
			display: block;
		}
		.scrollAcc .active a.close:link, .scrollAcc .active a.close:visited {
			top: 22px;
		}

			.scrollAcc .active-1 h3 a:link, .scrollAcc .active-1 h3 a:visited,
			.scrollAcc .style-1 h3 a:link:hover, .scrollAcc .style-1 h3 a:visited:hover {
				background: #ff0099;
			}
		.scrollAcc .active-1 .content {
			background: #ff0099;
		}
			.scrollAcc .active-2 h3 a:link, .scrollAcc .active-2 h3 a:visited,
			.scrollAcc .style-2 h3 a:link:hover, .scrollAcc .style-2 h3 a:visited:hover {
				background: #99cc00;
			}
		.scrollAcc .active-2 .content {
			background: #99cc00;
		}
			.scrollAcc .active-3 h3 a:link, .scrollAcc .active-3 h3 a:visited,
			.scrollAcc .style-3 h3 a:link:hover, .scrollAcc .style-3 h3 a:visited:hover {
				background: #ffba00;
			}
		.scrollAcc .active-3 .content {
			background: #ffba00;
		}
        .scrollAcc .active-4 h3 a:link, .scrollAcc .active-4 h3 a:visited,
			.scrollAcc .style-4 h3 a:link:hover, .scrollAcc .style-4 h3 a:visited:hover {
				background: #0099ff;
			}
		.scrollAcc .active-4 .content {
			background: #0099ff;
		}
        .scrollAcc .active-5 h3 a:link, .scrollAcc .active-5 h3 a:visited,
			.scrollAcc .style-5 h3 a:link:hover, .scrollAcc .style-5 h3 a:visited:hover {
				background: #993399;
			}
		.scrollAcc .active-5 .content {
			background: #993399;
		}

#wrap ul.list1 {
	list-style: none;
	margin: 0 0 1em;
}
	.list1 li.sep {
		margin: 0 0 1em;
	}


/* page-4
----------*/

.popup {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 390px;
	height: 385px;
	padding: 30px 30px;
	display: block;
	font-size: 95.67%;
}
.popup a
{
    color: #FFFFFF;
}
.popup #popupnav
{
    float: right;
    margin-top: -25px;
    color: #FFFFFF;
}
.popup a.back
{
    color: #FFFFFF;
    
}
.popup a.prev,
.popup a.next
{
    font-size: 110%;
}
	.popup .image1 {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.popup .image2 {
		left: 0;
		position: absolute;
		top: 50%;
		bottom: 0;
		width: 450px;
		text-align: center;
		vertical-align: middle;
		background-color: #FFFFFF;
	}
	.popup .image1 img, .popup .image2 img
	{
	    
	}
	
	#imgwrapper {
	    float: left;
	    text-align: center;
	    /*width: 449px;*/
	    width: 450px;
	    height: 250px;
	    font-size: 1em;
	    line-height: 220px;
	    /*border-right: 1px solid #990099;*/
	}

    #imgwrapper img {
	    margin-top: expression(( 250 - this.height ) / 2); 
	}

    html>body #imgwrapper img {    /*hidden from IE 5-6 */
	    margin-top: 0; /* to clean up, just in case IE later supports valign! */
	    vertical-align: middle;
	}

    	

	#page .popup .date {
		font-size: 109.09%;
		margin: 0;
	}
	#page .popup h3 {
		font-size: 127.27%;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1.2;
		height: 2.4em;
		margin: 0 0 .5em;
	}
	.popup .close {
		position: absolute;
		right: 15px;
		top: 10px;
	}
		.popup .close a:link, .popup .close a:visited {
			width: 12px;
			height: 12px;
			text-indent: -1000em;
			background: url(/images/icon-close.png) no-repeat 0 0;
			display: block;
		}

.scrollPopup {
}
	.scrollPopup .item {
		padding: 10px 30px;
		position: relative;
		color: #c159c1;
		border-bottom: solid 1px #b341b3;
	}
	.scrollPopup .item:hover {
		background: #ad33ad;
		color: #FFFFFF;
		z-index: 1000;
		cursor: pointer;
	}
		#page .scrollPopup .date {
			margin: 0;
		}
		#page .scrollPopup h3 {
			font-size: 116.67%;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 1.2;
			height: 2.4em;
			margin: 0 0 .3em;
		}
		#page .scrollPopup .more {
			font-size: 91.67%;
			text-align: right;
			margin: 0;
		}
			.scrollPopup .more a:link, .scrollPopup .more a:visited {
				color: #ad33ad;
				text-decoration: underline;
			}
			.scrollPopup .item:hover .more a:link, .scrollPopup .item:hover .more a:visited {
				color: #FFFFFF;
			}
		.scrollPopup .item div {
			position: absolute;
			left: -1000em;
			width: 450px;
			height: 15px;
		}
		.scrollPopup .item .t {
			top: -15px;
			background: url(/images/shadow-t.png) repeat-x 0 0;
		}
		.scrollPopup .item .b {
			bottom: -15px;
			background: url(/images/shadow-b.png) repeat-x 0 0;
		}
		.scrollPopup .item:hover div {
			left: 0;
		}


/* page-5
----------*/

.wrap2 {
	background: url(/images/side-bg1.gif) repeat-y 465px 0;
}

#contact1, #contact2 {
	float: left;
	padding: 30px 15px;
	height: 385px;
}
#contact1 {
	width: 170px;
	background: #ff0099;
	color: #FFFFFF;
	font-size: 104.4%;
}
	#contact1 a:link, #contact1 a:visited {
		color: #FFFFFF;
	}
#contact2 {
	width: 230px;
	color: #b2b2b2;
	font-size: 104.4%;
}
	#contact2 ul {
		list-style: none;
		margin: 0;
	}
		#contact2 li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 3px;
		}
			#contact2 label {
				float: left;
				width: 70px;
			}
			
			#contact2 input.text,
			#contact2 textarea {
				float: left;
				background: #f2f2f2;
				border: solid 1px #f5f5f5;
				width: 150px;
			}
			#contact2 .captcha {
				margin: 0px 0 3px 70px;
			}
		#contact2 li.check {
		}
			#contact2 li.check input {
				vertical-align: middle;
				float: left;
			}
			#contact2 li.check label {
				display: block;
				width: 180px;
				float: left;
			}
		#contact2 li.button {
			text-align: right;
			margin: .5em 0;
		}
			#contact2 li.button input {
				color: #FFFFFF;
				padding: 4px 5px;
				font-size: 127.27%;
				font-weight: normal;
				background: #ff0099;
				border: none;
				width: 60px;
			}
			#contact2 li.button input:hover {
				font-weight: bold;
				background: #FF60BF;
			}

/* FIl d'ariane */

.breadcrumb
{
    border-left:1px solid #FFFFFF;
    letter-spacing:0.05em;
    line-height:1.4;
    margin:25px 30px 0;
    padding:0 0 0 10px;
    color: #626262;
}

.breadcrumb span
{
    color: #FFFFFF;
}

.breadcrumb a
{
    text-decoration: underline;
    color: #626262;
}
.breadcrumb a.last
{
    text-decoration: none;
}

.SuccessMessage {
	padding: 0px;
	margin: 0 0 20px 5px;
	color:#fff; font-weight:700;
}

.ErrorMessage 
{
	text-align: left;
	padding: 5px 0px;
	width: 550px;
	margin: 5px 0px;
	color:#FF0000;
}

#contact2 input.texterror, #contact2 textarea.texterror
{
    border: 1px dotted #FF0000;
    background-color: #EFE0E0;
    color: #FF0000;
}


#tagcloud {
	font-family: Verdana,Geneva,sans-serif;
}

#imgpartner 
{
    float : left;
    margin-right : 15px;
}