/* DEFINITIONS GENERALE */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
#modal_overlay { background-color:#000; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */
/* FIN DEFINITIONS GENERALE */

html, body{font-size:12px;line-height:18px;font-family:Arial;color:#fff;background-color:#000;}
h1,h2,h3 {font-weight:normal;}

h2{font-size:17px;}

blockquote{margin-left:20px;}

a{text-decoration:underline;color:#D66C00;}
a:hover{color:#E28800;}

a.bouton{background:transparent url(../images/puce.gif) no-repeat 0 0;padding-left:20px;}

/* LAYOUT */
#container{width:960px;margin: 0 auto 0 auto;position:relative;background-color:#000; padding-top:46px;}
#header{width:100%;height:134px;background:transparent url(../images/header.jpg) no-repeat 0 0;position:relative;}


/* MENU HORIZONTALE HAUT  */


ul.mn_ht_hrztl{position:absolute;top:83px;left:50px;}
ul.mn_ht_hrztl li{list-style:none;display:inline;letter-spacing:0.2em;font:bold 12px arial;margin-right:40px;}
ul.mn_ht_hrztl a{color:#D66C00;text-decoration:none;}
ul.mn_ht_hrztl a:hover{color:#E28800;}

/* Obsolète pour suppréssion du rond central du menu
ul.mn_ht_hrztl_gch{position:absolute;top:83px;left:20px;}
ul.mn_ht_hrztl_gch li{list-style:none;display:inline;letter-spacing:0.2em;font:bold 12px arial;margin-right:20px;}
ul.mn_ht_hrztl_gch a{color:#D66C00;text-decoration:none;}
ul.mn_ht_hrztl_gch a:hover{color:#E28800;}

ul.mn_ht_hrztl_drt{position:absolute;top:83px;left:530px;}
ul.mn_ht_hrztl_drt li{list-style:none;display:inline;letter-spacing:0.2em;font:bold 12px arial;margin-right:20px;}
ul.mn_ht_hrztl_drt a{color:#D66C00;text-decoration:none;}
ul.mn_ht_hrztl_drt a:hover{color:#E28800;}
*/



div#mn_ht_hrztl_icones{position:absolute;top:80px;right:20px;}
p#mn_ht_hrztl_icone1{background:transparent url(../images/pict-contact-on.jpg) no-repeat;width:34px;height:28px;float:left;}
p#mn_ht_hrztl_icone1 a{background:transparent url(../images/pict-contact.jpg) top left no-repeat;display:block;width:100%;height:100%;}
p#mn_ht_hrztl_icone1 a:hover{background:transparent none;}
p#mn_ht_hrztl_icone2{background:transparent url(../images/pict-home-on.jpg) no-repeat;width:34px;height:28px;float:left;margin-left:20px;}
p#mn_ht_hrztl_icone2 a{background:transparent url(../images/pict-home.jpg) top left no-repeat;display:block;width:100%;height:100%;}
p#mn_ht_hrztl_icone2 a:hover{background:transparent none;}

#content{width:100%;height:637px;background:transparent url(../images/content.jpg) no-repeat 0 0;position:relative;float:left;}


/* COLONNE DE GAUCHE */
div#cln_gch{position:relative;float:left;top:0;left:0;width:160px;}
div#cln_gch_vgnt148X101_cntnr{position:relative;top:0;left:0;background:url(../images/vignette148X101.jpg);width:148px;height:101px;}
div#cln_gch_vgnt103X69{position: relative;top:15px;left:23px;width:103px;height:69px;}

ul.cln_gch_mn{position:relative;top:10px;left:0px;list-style:none;}
ul.cln_gch_mn li{border-bottom:dotted #999 1px;width:148px;}
ul.cln_gch_mn a{display:block;text-decoration:none;color:#999;}
ul.cln_gch_mn a:hover{display:block;color:#fff;}

div#img_zoom_cntnr{margin-top:40px;}


/* CONTENU CENTRE */
div#cln_cntr{float:left;position:relative;width:580px;height:100%;}
h1#titrepage{font-size:23px;font-weight:normal;color:#fff;position:relative;top:10px;left:20px;}

  /* START ZONE DE TEXTE DEROULANT */
#track{display:none;}
#handle {}
#bup{position:absolute;top:38px;left:20px;width:576px;height:14px;background:transparent url(../images/textscrollertop.png) no-repeat 0 0;cursor:pointer;}
#scrolltext{position: absolute;top:53px;overflow:hidden;left:20px;width:576px;margin:0;padding:0;text-align:justify;}
#bdown{position:absolute;top:345px;left:20px;width:576px;height:14px;background:transparent url(../images/textscrollerbottom.png) no-repeat 0 0;cursor:pointer;}
.trans{position:relative;width:576px;height:7px;background-color:#000;}
div#transcntr{width:576px;height:63px;position:absolute;top:285px;-top:210px;left:20px;}
#trans1  {filter:alpha(opacity=10);-moz-opacity:  0.1;opacity: 0.1;-khtml-opacity: 0.1;height: 7px;}
#trans2  {filter:alpha(opacity=20);-moz-opacity:  0.2;opacity: 0.2;-khtml-opacity: 0.2;height: 7px;}
#trans3  {filter:alpha(opacity=30);-moz-opacity:  0.3;opacity: 0.3;-khtml-opacity: 0.3;height: 7px;}
#trans4  {filter:alpha(opacity=40);-moz-opacity:  0.4;opacity: 0.4;-khtml-opacity: 0.4;height: 7px;}
#trans5  {filter:alpha(opacity=50);-moz-opacity:  0.5;opacity: 0.5;-khtml-opacity: 0.5;height: 7px;}
#trans6  {filter:alpha(opacity=60);-moz-opacity:  0.6;opacity: 0.6;-khtml-opacity: 0.6;height: 7px;}
#trans7  {filter:alpha(opacity=70);-moz-opacity:  0.7;opacity: 0.7;-khtml-opacity: 0.7;height: 7px;}
#trans8  {filter:alpha(opacity=80);-moz-opacity:  0.8;opacity: 0.8;-khtml-opacity: 0.8;height: 7px;}
#trans9  {filter:alpha(opacity=90);-moz-opacity:  0.9;opacity: 0.9;-khtml-opacity: 0.9;height: 7px;}
  /* END ZONE DE TEXTE DEROULANT */


  

  
  /* START ZONE IMAGES DEFILANTES */
.slideshowcntnr{width:600px;height:115px;margin-top:0px;margin-left:10px;background-color:transparent;}
/* position:relative;left:0;top:0; */
.more_left{float:left;width:32px;height:115px;background:transparent url(../images/more_left_over.gif) no-repeat;cursor:pointer;}
.more_left a{background:transparent url(../images/more_left.gif) top left no-repeat;display:block;width:100%;height:100%;}
.more_left a:hover{background:transparent none;}

#slideshow{float:left;width:536px;height:115px;overflow:hidden;}
#slideshow a img{border:solid #666 1px;}
#slideshow img{margin-right:4px;vertical-align:top;}

.more_right{float:left;width:32px;height:115px;background:transparent url(../images/more_right_over.gif) no-repeat;cursor:pointer;}
.more_right a{background:transparent url(../images/more_right.gif) top left no-repeat;display:block;width:100%;height:100%;}
.more_right a:hover{background:transparent none;}


#track2{display:none;}
#handle2 {}
/*
#bleft{position:absolute;top:150px;left:10px;width:px;height:px;background:transparent url(../images/textscrollertop.png) no-repeat 0 0;cursor:pointer;}
#bright{position:absolute;top:150px;left:600px;width:px;height:px;background:transparent url(../images/textscrollerbottom.png) no-repeat 0 0;cursor:pointer;}
*/

  /* END ZONE IMAGES DEFILANTES */  
  
  
p#cntn_standard{margin:20px 0 0 20px;text-align:justify;}
p#soustitre{color:#fff;font:normal 12px arial;clear:both;margin:25px 0 10px 20px;}

div#video{float:left;width:512px;height:384px;margin:30px 0 0 90px;}

  
/* COLONNE DE DROITE  */
/*div#cln_drt{float:right;width:172px;text-align:right;margin: 0 0 0 0px;}*/
div#cln_drt{position:absolute;width:172px;text-align:right;margin: 0 0 0 0px;right:5px;}
div#mn_actualite div{font-size:12px;text-align:justify;}
/*
div#cntnr_mn_actu{margin:5px 0 10px 0;}
p.cntnr_mn_actu_date{font:bold 12px arial;}
p.cntnr_mn_actu_txt{}
p.cntnr_mn_actu_txt a{text-decoration:none;}
p.cntnr_mn_actu_txt a:hover{text-decoration:none;}
*/

div#mn_course {margin-top:20px;}
ul.cln_drt_course{list-style:none;}
ul.cln_drt_course li{border-bottom:dotted #D66C00 1px;width:148px;margin-left:20px;}
ul.cln_drt_course a{display:block;text-decoration:none;color:#D66C00;}
ul.cln_drt_course a:hover{display:block;color:#E28800;}

/* HIGHSLIDE */
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	cursor: url(../images/highslide/graphics/zoomin.cur), pointer;
	border: 0;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../images/highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/highslide/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../images/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../images/highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(../images/highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											    */
/* Remove these if you are not using Highslide HTML						  */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html-content {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../images/highslide/graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							*/
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */

.highslide-no-border .highslide-image {
	border: 2px;
	border-color: #3D3D3D;
}




/* CAROUSSEL */

/* Horizontal Carousel */
#horizontal_carousel {
  float:left;
  width: 575px;
  /*height: 200px;*/
  height: 240px;
  /*margin-bottom: 10px;*/
  margin-top: 10px;
  position: relative; 
  outline:solid #ff0000 0px;
}         

#horizontal_carousel .container {
  position: absolute;
  top: 0px;
  left: 37px;  
  width: 504px;
  /*height: 144px;*/
  height: 240px;
  overflow:hidden;   
  background: transparent;
  outline:dotted #ff0000 0px;
}            

#horizontal_carousel .previous_button {
  position: absolute;
  top: 62px;
  left: 3px;
  width: 32px;
  height: 115px;
  background: url(../images/left.gif);
  z-index: 100;    
  cursor:pointer;
}        

#horizontal_carousel .previous_button_disabled {
  background: url(../images/left-disabled.gif);
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  top: 62px;
  right: 3px;
  width: 32px;
  height: 115px;
  background: url(../images/right.gif);
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel .next_button_disabled {
  background: url(../images/right-disabled.gif);
  cursor:default;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
 /* height: 144px; */
  height: 250px;
}                      

#horizontal_carousel ul li img {
  display:block;
  margin:0 auto;
}                               

#horizontal_carousel ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
  border:0px solid green;
  color:#E3EDFA;
  margin:0 0px 0 0px;
  padding:0 3px 0 3x;
  width: 250px;
  height: 210px;
  text-align: center;
  list-style:none;   
  float:left;
}