@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage fr die Erstellung eines Screenlayouts
 *
 * @file		basemod_draft.css
 * @creator		YAML Builder v0.3 Preview
 * @link		http://builder.yaml.de
 */

@media all
{
 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Comme celui de FFVoile.org*/
  html {height: 100%}
  body {
	height: 100%;
	background-image:url(../images/fond.jpg); background-position:top left; background-repeat:no-repeat; background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:x-small;
  }
  
*{padding: 0; margin: 0;}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { 
  	/*width: auto;  min-width: 740px; max-width: 90em ;*/
	margin-top:150px;
	width:740px; margin-left:auto; margin-right:auto;
	background-color:#FFF;
	border:1px solid #000;
  }
  #header {margin-top:-50px;}
  #footer {padding-left:20px;padding-top:5px; padding-bottom:5px;background-color:#006699;border-top:1px solid black; font-size:xx-small; color:#FFF;}


 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

/*  #col1 { float: left; width: 120px;  margin:0 }*/
  #col1 { width: auto; height:20px;  margin:0; clear:both; margin-bottom:12px;} /*Menu*/
  /*#col2 { float: right; width: 160px;  margin:0 }/*Menu droite*/
  /*#col2 {position:absolute; z-index:1001;width:auto;margin-top:10px; margin-left:690px; background-color:#FFFFFF;}*/
  #col2 {width:150px; float:left; margin-left:-50px; margin-top:10px; margin-bottom:2px;  margin-right:10px; clear:both}
  /*#col2 {width:150px; float:right; margin-right:-30px; margin-top:10px; margin-bottom:2px; margin-left:2px;}
 /*#col3 { width: auto; margin: 0 170px 0 10px;}/*Colonne texte*/
  #col3 { width: auto; margin: 0 50px 0 10px;}/*Colonne texte sans colonne de droite*/
  
  #col1_content { 
  	background-color:#006699;padding:0px;
	border-top:1px solid black;border-bottom:1px solid black;border-right:0px solid black;
	/*padding: 0 10px 0 20px*/ 
  }
  #col2_content {}
  #col3_content { padding:5px 5px 5px 5px }
  #col2_content dl{ background-color:#006699;padding: 0 0px 0 0px; text-align:center;border:1px solid black}

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
 #menugauche {
    margin:0px;padding:0px;
	list-style-type:none;
	color:#FFFFFF;
	font-size:medium;
	font-weight:bold;
	line-height:30px;
	width:auto;
 }
 #menugauche li {
 	padding:5px;
	margin:0px;
 	/*border-bottom:1px solid darkturquoise;*/
	display: inline;
 }
 #menugauche a:link, #menugauche a:visited, #col2 a:link, #col2 a:visited  {
 	color:#FFFFFF;
	text-decoration:none;
 }
 #menugauche a:hover, #col2 a:hover{color:darkturquoise;}
 
 #col2_content dt {margin:0px; padding:0px;}
 #col2_content ul { background-color:#FFFFFF; color:#006699; padding:3px 0px 3px 0px;}
 #col2_content ul li { text-align:left; margin:3px 2px 3px 4px; font-size:xx-small;}
 #col2_content ul li img {margin-left:-5px;}
 #col2_content ul li a:link, #col2_content ul li a:visited {color:darkturquoise; text-decoration:none; }

	/*LES BALISES*/
	h1{font-size:large; font-weight:bold;color:#006699; border-bottom:1px solid darkturquoise; padding-left:10px; margin-bottom:10px}
	h2{font-size:small;color:#369;margin:0px;margin-top:5px;}
	h2 a:link, h2 a:hover {color:darkcyan; text-decoration:none;}
	h3{font-size:x-small; font-weight:bold;margin:0px;margin-left:20px;color:darkturquoise;}
	h4{font-size:x-small; font-weight:bold;margin:0px;margin-top:3px;margin-left:40px;color:#369;}
	h3 a:link, h3 a:hover {color:darkcyan; text-decoration:none; border-bottom:1px dashed darkcyan;}
	p{ margin:0px;padding:0px;font-size:x-small; margin-bottom:3px;}
	p a:link, p a:hover, li a:link, li a:hover {color:darkcyan; text-decoration:none;}
	a:link, a:hover, a:link, a:hover {color:darkcyan; text-decoration:none;}
	ul {list-style-type:none;}
	li{font-size:x-small;}
	img {vertical-align:middle;border:0px;}
	hr {color:darkturquoise; height:1px; width:100%; border-style:dashed; margin:20px 0 10px 0; clear:right;}
	blockquote { margin:0 50px 0 50px}
	iframe {width:100%;background-color:#EEE;border:0px; overflow:scroll; padding:3px;}
	dl{background-color:#006699;}
	dt{ color:#FFFFFF; font-size:x-small; font-weight:bold; padding:4px 1px 4px 1px;}
	
	/*LES TABLEAUX*/
	table {width:80%; margin-bottom:10px;margin-top:10px;}
	td{ margin:0px;padding:1px;font-size:x-small}
	th{ margin:0px;padding:1px;font-size:x-small; font-weight:bold; background-color:#66A3C2;}
	tr.important { background-color:#CCE0EB;}
	
	/*LES FORMULAIRES*/
	legend {margin:0px; padding:0 4px 0 4px;;font-size:x-small; font-weight:bold;color:#369;}
	fieldset{ margin:5px 30px 5px 30px; padding:5px;}

	/*LES CLASSES*/
	.img_actus {border:1px solid #369; margin-left:-15px; margin-right:10px; float:left;}
	.img_a_gauche {margin:10px 10px 3px 3px; float:left;} 
	.img_a_droite {margin:3px; float:right}
	.eframe {width:60%;margin-right:50%;margin-left:auto; background-color:#EEE;border:1px solid #369; overflow:scroll; padding:3px;}
	/*.Partenaire_Officiel{position:absolute; z-index:10001;margin-top:250px; margin-left:-70px;}*/
	.Partenaire_Officiel{position:absolute; z-index:10001;margin-top:-120px; margin-left:350px;border:0px; display:none;}
	img.droite{ float:right; border:0px;}
	.Corps_Actu p {text-align:justify; margin-bottom:10px;}
}