html {
	background: $bottomWrapper.bg.color;
	margin:0 0 0 -1px;
	padding:0;	
	overflow-Y: scroll;
}


body {
	padding:0;
	margin :0;
	display:table; 
	width:100%;	
}


	
					
#wrapper {
	margin:0 auto ;
	width:100%;
}

					body {
	background-color:#FFFFFF;
}

#wrapper {
	border-top: 1px solid #ffffff;
}
	


					
#topWrapper {
	width:100%;
	height:150px;
	background-color:${topWrapper.bg.color};
	background-image:url(images/css/topWrapper-bg.jpg);
	background-position:center top ;
	background-repeat:repeat-x;
}


					
#topBanner {
	width:920px;
	margin:0 auto;
	height:150px;
	background-image:url(images/css/topBanner.jpg);
	background-repeat:no-repeat;
}	

#topnav {
	background:transparent url('images/css/hmenu.jpg') repeat-x top left;
}				

#topnav {
	height:20px;
	margin:0 auto ;
	text-align:center;
}

#topnav ul {
	display:table;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	position:relative;
	height:20px;
	text-transform:uppercase;
	font-size:10px;
	font-family:Arial,sans-serif;
}


#topnav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	background:transparent url('images/css/hmenu.jpg') repeat-x top left;

}


#topnav ul li a {
	display:block;
	float:left;
	color:#1860a8;
	text-decoration:none;
	padding:0px 50px ;
	line-height:20px;
	font-weight:bold;
}


#topnav ul li a:hover, #topnav li#current a {
	color:#9b251b;
	background:transparent url('images/css/hmenu-sel.jpg') repeat-x top left;
}


	

#topnav ul {
	width:920px;
}




/*body {
	background-position : center 140px;
}*/

	

					


#container {
	margin:0 auto;
	width:920px;
	/*min-height:770px;*/
}


					


#banner {
	margin:15px auto;
	width:100%;
}

.slideshow { 
	height: 300.0px;
	width:100%;
	margin: 0 auto ;
}


.slideshow img { 
	padding: 0; 
	margin:0;
	width:920px;
	height:300.0px;
}

.slideshow a img { border:none } 

.slideshowContainer {
	float:left;
	position:relative;
	clear:both;
	width:100%;
}




.slideshowBottom {
	clear:both;
	height:20px;
	position:absolute;
	top:280.0px;
	width:920px;
	z-index:10;
	background:url('images/css/slideshowBottom.png') no-repeat scroll center center transparent;
}

.slideshowLeftCorner {
	height:10px;
	position:absolute;
	top:0;
	left:0;
	width:10px;
	z-index:10;
	background:url('images/css/slideshowLeftCorner.png') no-repeat scroll center center transparent;
}

.slideshowRightCorner {
	height:10px;
	position:absolute;
	top:0;
	left:910px;
	width:10px;
	z-index:10;
	background:url('images/css/slideshowRightCorner.png') no-repeat scroll center center transparent;
}
	

 #content {
	width:920px;
	float: left;
	position:auto;
	margin:0 auto ;
	text-align:left;
	/*margin-left:215px;*/
} 
 

#content p {
	text-align:justify;
}

#content a:link, #content a:visited{
	color:#9b251b;
	font-weight:bold;
}

#content p {
	margin-top:10px;
	text-align:justify;
} 

 #content2 {
	margin-left:215px;
	float: left;
	width: 620px;
	/*text-align:center;*/
}

 #content3 {
	/*margin-left:215px;*/
	float: left;
	width: 620px;
}
.last {
	margin-right:0 !important;
	clear:right;
}

.one_fourth {
	float:left;
	margin-right:40px;
	width:200px;
	margin-bottom:20px;
	position:relative;
	
}

.bloc h3 {
	margin-top:10px;
}

.bloc {
	float:left;
	margin-left:15px;
	background-color:#EEEEEE;
}


.half {
	float:left;
	width:440px;
	margin: 20px 40px 20px 0px;
	position:relative;	
}

.padd15 {
	padding:15px;
}

.padd20 {
	padding:20px;
}

body {
	color:#444444;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
}

p {
	letter-spacing: normal;
	line-height: 1.7em;
}



h1 {
	color:#000000;
	margin:20px 0 10px 0;
	clear:both;
}


h2 {
	color:#000000;
	margin:10px 0 10px 0;
	clear:both;
}


h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff8c00;
}


a:link, a:visited {
	color:#9b251b;
	text-decoration:none;
}


a:hover {
	text-decoration:underline;
}

	
					
#bottomWrapper {
	background-color:#d8d8f0;
	background-image:url(images/css/bottomWrapper-bg.png);
	background-position:center top ;
	background-repeat:repeat-x;
	text-align:center;
	color:#1860a8;
	text-align:center;	
	width:100%;
	clear:both;	
}


#bottomWrapper a:link, #bottomWrapper a:visited {
	color:#78a8c0;
}



#bottomWrapper a:hover{
	color:#cdb380;
	text-decoration:none;
}


#footer {
	min-height:260px;
	width:920px;
	margin:0 auto;
	background-color:#d8d8f0;
	background-image:url(images/css/footer-bg.png);
	background-position:center top ;
	background-repeat:no-repeat;
	text-align:center;
}




.footer-last {
	margin-right:0 !important;
	clear:right;
}

.footer-one-third {
	float:left;
	margin:20px 100px 20px 0;
	width:240px;
	position:relative;
	text-align:left;
	overflow:hidden;
}

.footer-one-third h3 {
	margin-top:10px;
}

.footer-one-third ul{
	border-top:1px solid #e2e2fa;
	padding:0 ;
}

.footer-one-third ul, .footer-one-third li {
	list-style: none ;
	margin-left:0 ;
}

.footer-one-third li {
	border-bottom:1px solid #e2e2fa;
	padding: 5px 0 ;
}



#bottom-links {
	height:60px;
	background:#c9c9e1 url('images/css/bottomLinks-bg.png') center top repeat-x;
}
	

a img {
	border:none;
} 


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* Sidebar */

#sidebar {
margin-top:22px;
	float: right;
	width: 250px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color:#c2c2c2;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 40px;
	padding: 0 15px 0 20px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #E5E5E5;
}

#sidebar li h2 {
	margin-bottom: 15px;
	font-size: 18px;
}
#photos {
margin-left:60px;
}

.post {
width:600px;
float:left;
}

.post .title {
	margin: 0;
	padding: 0 20px;
}

.post .entry {
	padding: 0 20px;
	margin-top:10px;
}

.post .meta {
	height: 47px;
	margin: 20px 0 40px 0;
	padding: 15px 0 0 20px;
	background: url(images/img07.gif) no-repeat;
	line-height: normal;
}
#gallery a 
{
	float:left;
	position:absolute;
}
	
#gallery a img 
{
	border:none;
	padding-top: 40px;
	padding-left:60px;

}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:10%; 
		position:absolute;
		bottom:0;
		margin-left:60px;		
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
		
	.inputContainer{position:relative; float:left;}
	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				width:15px;
				margin:-2px 0 0 13px;
				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  
body{	background:#ececec;}

form.formular {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 20px;
	border: 1px solid #A5A8B8;

	width:560px;
	margin-top:20px;
}

.formular fieldset {
	margin-top: 20px;
	padding : 15px;
	border: 1px solid #B5B8C8;
	
}

.formular legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
}

.formular label span {
	color: #000;
}

.formular input, .formular select, .formular textarea {
	display : block;
	margin-bottom: 5px;
}

.formular .text-input {
	width: 250px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular textarea {
	width: 250px;
	height:70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox {
	display: inline;
}

.formular .submit {
	background: url('/img/form/button-bg.png') repeat-x;
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor:pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}
/* ici le css pour l'hébergement*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
 /*h1,h2,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
html, body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #52697E;
}
/*body {
	text-align: center;
	overflow: auto;
}*/
.wrapper {
	width: 620px;
	margin: 0 auto;
	text-align: left;
}
/*h1 {
	font-size: 21px;
	height: 47px;
	line-height: 47px;
	text-transform: uppercase;
}*/
.navigationTabs {
margin-left:20px;
	width:620px;
	height: 23px;
	line-height: 23px;
	border-bottom: 1px solid #ccc;
}
.navigationTabs li {
	float: left;
	height: 23px;
	line-height: 23px;
	padding-right: 3px;
}
.navigationTabs li a{
	float: left;
	display: block;
	height: 23px;
	line-height: 23px;
	padding: 0 10px;
	overflow: hidden;
	color: #52697E;
	background-color: #eee;
	position: relative;
	text-decoration: none;
}
.navigationTabs li a:hover {
	background-color: #f0f0f0;
}
.navigationTabs li a.active {
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: 0px solid;
}
.tabsContent {
margin-left:20px;
	border: 1px solid #ccc;
	border-top: 0px solid;
	width: 620px;
	overflow: hidden;
}
.tab {
margin-left:20px;
	padding: 16px;
	display: none;
}
.tab h2 {
	font-weight: bold;
	font-size: 16px;
}
.tab h3 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
}
.tab p {
	margin-top: 16px;
	clear: both;
}
.tab ul {
	margin-top: 16px;
	list-style: disc;
}
.tab li {
	margin: 10px 0 0 35px;
}
.tab a {
	color: #8FB0CF;
}
.tab strong {
	font-weight: bold;
}
.tab pre {
	font-size: 11px;
	margin-top: 20px;
	width: 668px;
	overflow: auto;
	clear: both;
}
.tab table {
	width: 100%;
}
.tab table td {
	padding: 6px 10px 6px 0;
	vertical-align: top;
}
.tab dt {
	margin-top: 16px;
}