@charset "utf-8";
/* CSS Document */

* {margin: 0px;padding: 0;border: 0;}
.link {cursor:pointer;}
img { border:0px; }
a {color:#A9A9A9;text-decoration:none;}
a:hover { color:white; text-decoration:underline; text-align: left; }

body { margin:0px; padding:0px; color:#ddefff; line-height:18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; background-color: black; background-image: url(fond.jpg); background-repeat: repeat-x; background-position: center top; font-weight: lighter; }	

.captionClassg { width:380px; float:left; margin:0px 0px 0px 0px; text-align: justify; }
.captionClassd { width:380px; float:left; margin:0px 0px 0px 30px; text-align: justify; }
.imageClass { float:center; padding-right:0px; width:380px; text-align: center; margin:0px 0px 20px 0px; }
.imageClass2 { float:center; padding-right:0px; width:380px; text-align: center; margin:0px 0px 0px 0px; }
.imageClassLarge { float:left; padding-right:0px; width:700px; text-align: center; }

.legende{ font-family: "Trebuchet MS", "Times New Roman", Arial; font-size: 85%; color:#A9A9A9; }


h1 {font-variant:small-caps;color:white;font-size:13px;font-weight:bolder;margin:15px 0px 5px 0px;padding:0px;}
h2 {font-variant:small-caps;color:white;font-size:22px;font-weight:bolder;margin:5px 0px 5px 0px;padding:0px;}
h3 {font-variant:small-caps;color:white;font-size:16px;font-weight:bolder;margin:5px 0px 5px 0px;padding:0px;}
p {margin:0px 0px 5px 0px;text-align:justify;}

#container { width: 1050px; text-align: left; margin:auto;}
#content { text-align: left; margin:auto; margin-top:100px;}
#bloc{ position:relative; float:left; padding-left:30px; padding-top:50px; padding-bottom:30px; width:250px; height:400px; }
#bloc2{ position:relative; float:left; padding-left:30px; padding-top:80px; padding-bottom:30px; width:250px; height:400px; }
#bloc3{ position:relative; float:left; padding-left:30px; padding-top:110px; padding-bottom:30px; width:250px; height:400px; }

#col01 {float:left;width: 190px;margin-top:90px;}	
#col02 { float:right; width: 860px; margin-top:130px; font-size: 15px;  }	
	
#header1 {float:left;width: 990px;margin-top:60px;height: 110px;/*background:url(titre.gif) no-repeat top center;*/}
#page1 {width: 800px;margin:auto;margin-top:320px;}
	
#nav {margin-top: 0px;padding-top: 0px;list-style-type: none;}	
#nav li { padding-bottom: 2px; font-size: 125%; font-variant: small-caps; font-weight: bold;}
#nav ul { padding: 10px 0 0px 10px; list-style-type: none; font-size: 85%; font-variant: small-caps; }		
	
	
/* Clearfix */		
.clearfix:after {content:".";display:block; height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */		


		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin: 0px 0; position: relative; width: 100%; }
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height:900px; background: #000; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}
		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 790px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 720px;
			clear: both;
		}		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 836px; /* Also specified in  .stripViewer  above */
		}		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */		
		}		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			display:none;
		}		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}