/*------------------------------------------------------------------------------------------------------*/

 /**
  * @section browser reset
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  * { margin:0; padding: 0 }
* {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100,01%;
}
  /* (en) Correction: margin/padding reset caused too small select boxes. */
  option { padding-left: 0.4em }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  */
  * html body * {
	overflow:visible;
}
  /** html iframe, * html frame { overflow:auto }
  * html frameset { overflow:hidden } */

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  html { height: 100% }
	
  body {
    min-height: 101%;
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    font-size: 100.01%;
    /* (en) Standard values for colors and text alignment */
    color: #000;
    background: #fff;
    text-align: left;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  fieldset, img { border: 0 solid}

  /* (en) new standard values for lists, blockquote and cite */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * base layout   
	*/

  #header { position:relative }
	
  #topnav {
    position:absolute;
    top: 10px;
    right: 10px;

    /* (en) essential for correct alignment in Opera 6 ! */
    text-align: right;
  }
  #nav { clear:both; width: auto }
		
  #main { clear:both; width: auto }
		

  /* Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Backup for #footer positioning */
  #footer, #footer_accueil { clear:both; display:block }

  /* (en) Adjustment: sort #col3 behind float columns using z-index */
  #col1 {z-index: 3}
  #col3 {z-index: 1}
  #col1_content, #col3_title {z-index: 4}
  #col3_content {z-index: 2}

  #col1_content,  #col3_content , #col3_title{ position:relative }

#col3_title {
	font-size: 180%;
	color:#F18E00;
	font-weight:bold;
	background-image: url(../images/titre.gif);
	background-repeat: no-repeat;
	text-align:center;
	height:40px;
	line-height:40px;
	overflow: hidden;
	padding-left:60px;
	padding-right:50px;
}
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  */

  /* (en) clearfix method for clearing floats */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  /* (en) essential for Safari browser !! */
  .clearfix { display: block }

  /* (en) overflow method for clearing floats */
  .floatbox { overflow:hidden }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing { display: none }


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  *
  * (en) skip links and hidden content
  */

  /* (en) classes for invisible elements in the base layout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation 
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
*/

  /*------------------------------------------------------------------------------------------------------*/
/**
 * (en) Screen layout
 */

  /* (en) Marginal areas & page background */
  body { 
		/*background: #4d87c7 url("../../../images/bg_blue.gif") repeat-x top left fixed; */
		background: #FFFFFF;
		padding: 0px; 
	}

  /* (en) Layout: width, background, borders */
	
  #page{
	/*min-width: 740px; 
		max-width: 80em; */
	width:1000px;
	margin: 0 auto;
	border: 1px #099AD9 solid;
	}

  /* (en) Centering layou in old IE-versions */
  body { text-align: center }
  #page {
	text-align:left;
		/*background: #fff url(../images/fond_ciel.jpg) no-repeat scroll 0%;*/
	background-color:white;
  background-image:url(../images/header-logo.jpg);
  background-repeat:no-repeat;
	background-position:left top;
}
  #topnav { 
		color: #aaa; 
		background: transparent; 
	}

  /* (en) adjustment of main navigation */
  #nav ul { margin-left: 20px; }
  #nav_main {
	background: transparent;
	}

  #main { /*background: #fff;*/padding:10px 0; text-align:justify; }


	
  #col1 { width: 25% }
  #col1_content { padding: 10px 10px 10px 20px; }


  #col3 { margin: 0 25% }
  #col3_content, #col3_title { padding: 10px }
  #col3 { margin-left: 25%; margin-right: 0; }	



	
	/*------------------------------------------------------------------------------------------------------*/

  /**
  *  Horizontal list navigation 
  */   */

   #nav * {	 	border: 0px none !important}

	 #nav_main {
	/* (en) containing floats in IE */
   width: 100%;
	overflow: hidden;
	/* (en) containing floats in all other browsers */
    float: left;
	display: inline;
	/* (en) Repeat the main color from the image 
  background: #c0c0c0 url("images/shiny_buttons/background.gif") repeat-x center right;*/
	background:transparent;
	line-height: 0;
	
  }
  #nav_main ul { 
		margin-left: 10px;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: right;
    margin: 0;
    /* (en) Right margin of the last button-link  */
    margin-right: 40px;
    padding: 0;
	}
	

  #nav_main ul li { 
			line-height: 1.2em;

			}
	
	  #nav_main ul li {
    /*border-left: 1px #fff solid;
    border-right: 1px #aaa solid;*/
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    /*font-size: 1.0em;*/
		font-size:80%;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  #nav_main ul li a,
  #nav_main ul li strong { 
		font-weight: normal; 
		padding: 0.5em 0.8em 0.5em 0.8em;
	}
  #nav_main ul li a,
  #nav_main ul li strong {
    background: transparent;
    color: #099AD9;;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    /*text-decoration: none;*/
    width: auto;
  }
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { 
		/*background: #182E7A; */
		color: #fff 
	}
    #nav_main ul li a:focus,
  #nav_main ul li a:active  {
    color: #333;
  }
  #nav_main ul li a:hover  {
    color: #f18e00;
  }
	
  #nav_main ul li.current { 
		background: transparent 
	}
    #nav_main ul li.current {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    /*background: #272727 url("images/shiny_buttons/background_active.gif") repeat-x center right;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;*/
  }
  #nav_main ul li.current strong,
  #nav_main ul li.current a,
  #nav_main ul li.current a:focus,
  #nav_main ul li.current a:hover,
  #nav_main ul li.current a:active { 
		color: #099AD9; 
		font-weight: bold 
		 background: transparent;
   text-decoration: none;
	}

/*------------------------------------------------------------------------------------------------------*/
/*
 * (en) Uniform design of header elements
 */
 
   #header {
	color: #000;
	/* background: #fff repeat-x top left;*/
  padding: 0px 2em 0em 0px;
	/*border:1px solid #000000;*/
	height: 200px;
  }


/*  #header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span {
    color:#999;
  }
*/
/*------------------------------------------------------------------------------------------------------*/
/*
 * (en) Uniform design of footer elements
 */

   #footer {
	background-repeat:no-repeat;
	background-image: url(../images/contenu_footer.jpg);
	height: 110px;
  }
	
	#footer_accueil {
  background-repeat:no-repeat;
	background-image: url(../images/footer-accueil.jpg);
	height: 304px;
	}


  #footer a, #footer a  { color: #999; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active,
	#footer_accueil a:focus,
	#footer_accueil a:hover,
	#footer_accueil a:active
	 {color: #4D87C7; background-color: transparent; text-decoration:underline;}
	
	
	#footer_content{
	width: 1000px;
	text-align:center;
height: auto;
padding-top:77px;
color:#ffffff;
font-size:10px;
float: left;
	}
	
		#footer_content_accueil{
	/*text-align:center;*/
	height: auto;
	padding-top:270px;
	padding-left:410px;
	color:#ffffff;
	font-size:10px;
	float: left;
	}

/*------------------------------------------------------------------------------------------------------*/
/*
 * (en) Uniform design of standard content elements
 */

  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  html * { font-size: 100.01% }

  /* (en) base layout gets standard font size 12px */
  body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75.00%; 
    color: #444;  
  }

  h1,h2,h3,h4,h5,h6 { 
  	font-weight:bold; 
  	color:#666;
  	margin: 0 0 0.25em 0; 
  }

/*  h1 { font-size: 200%; color:#F18E00}      */    /* 24px */
/*  h2 { font-size: 200%; color:#099AD9}   */       /* 24px */
  /*h3 { font-size: 150% }          */          /* 18px */
	h1 { font-size: 200%; color:#F18E00}          /* 24px */
  h2 { font-size: 200%; color:#0D6C93}          /* 24px */
	h3 {
	font-size: 120%;
	font-weight:bold;
	color:#099AD9;
  display: list-item;
	/*list-style-image: url(../images/puce-bleu.jpg);*/
  list-style-position: inside;
}

  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */



  p { line-height: 1.5em; margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
  .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   *
   */

  a {
		color:#099AD9 ; 
		/* color:#000000;*/ 
	}
  a:focus,
  a:hover,
  a:active {color:#F18E00; text-decoration:underline;}
  
  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
  


  /**
   * (en) Emphasizing external Hyperlinks via CSS
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  /**
   * Miscellaneous 
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
/*********************************************************
* Mailform 
**********************************************************/
fieldset.csc-mailform {
/*border:1px solid #A5ACB2;*/
padding:10px;
}
.csc-mailform-field label, span.csc-mailform-label {
clear:left;
display:block;
float:left;
width:200px;
text-align:left;
}

.csc-mailform-field label, span.csc-mailform-label {index.css (line 313)
clear:left;
display:block;
float:left;
width:120px;
}
span.csc-mailform-label {
margin:5px 0pt;

}
.csc-mailform-field {
margin-top:5px;
padding-left:50px;
}

.csc-mailform-field input {
border:1px solid #A5ACB2;
padding:2px;
font-size:100%;
}
.csc-mailform-field textarea {
border:1px solid #A5ACB2;
overflow:auto;
font-size:100%;
}
/*
input:focus, textarea:focus {
background-color:#CCCCCC;
color:#F18E00;
}
*/
.csc-mailform-submit {
/*background-color:#B42D2D;*/
border:1px solid #099AD9;
color:#099AD9;
font-weight:bold;
margin:20px 0px;
cursor:pointer;
}

.tx-kuloplayer-pi1{
}

div.tx-kuloplayer-pi1 {
 padding-left: 80px;
}