@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; }

  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
	color:#63514a;
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0 0; }
  h1 { font-size: 17px; color:#861215 }         /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150% }                        /* 18px */
  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.1em; margin: 1em 0 0 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
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note { background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
  .important { background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
  .warning { background: #fdd; padding: 1em; border-top: 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
   * (de) Gestaltung von Hyperlinks
   *
   */

  a { color: #900; text-decoration:none; }
  a:focus,
  a:hover,
  a:active { text-decoration:underline; }
  
  #topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent; }
  
  #footer a { color: #FFF; background:transparent; font-weight: bold;  text-transform:uppercase; font-size:10px;}
  #footer a:focus,
  #footer a:hover,
  #footer a:active { color: #fff; background-color: transparent; text-decoration:underline;}

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #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
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  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 | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }
  
  #mainLogo{float:left; width:302px;}
  #topRight1_1{float:left; height:39px; width:349px;}
  #topRight1_2{float:left; height:39px; width:309px;}
  #topRight2_1{float:left; height:39px; width:658px; font-size:15px; font-weight:bold; color:#beb1a9; margin-top:20px}
  
  #titreBloc3{min-height:22px; background-color:#000; text-align:center; padding:4px 0;}
  #titreBloc3noCenter{min-height:22px; background-color:#000; text-align:left; padding:4px 0 4px 20px; }
  #corpsBloc3{padding:6px 4px 0 2px;}
  #corpsBloc3_reference{padding:0 13px}
  #corpsBloc3 ol{list-style-type:none; margin:0 0 0 12px;}
  *+html #corpsBloc3 ol{list-style-type:none;margin:0 0 0 8px;}
  
  #corpsBloc3 li{line-height:13px; margin:0 0 5px 10px}
  *+html #corpsBloc3 li{line-height:13px; margin:0 0 8px 10px}
  
  #corpsBloc3 span{position:relative; left:-4px; top:-2px} 
  *+html #corpsBloc3 span{position:relative; left:0px; top:-2px;}
  
  #main{width:100%; min-height:506px; background-image:url(img/degrade_fond.jpg); background-repeat:no-repeat; background-position:top}
  #leftNav{width:100%; height:100%}
  #leftMenuContainer{float:left; width:108px}
  #leftSubMenu{float:left; width:121px;}
  
  #subMenuApproche{margin-top:58px; padding:0 0 17px 0; display:none; position:absolute; width:121px;}
  #subMenuMetiers{margin-top:97px; padding:0 0 17px 0; display:none; position:absolute; width:121px;}
  #subMenuReferences{margin-top:133px; padding:0 0 17px 0; display:none; position:absolute; width:121px;}
  #subMenuReporting{margin-top:241px; padding:0 0 17px 0; display:none; position:absolute; width:121px;}
  
  #cartouche_home{margin:30px 0 0 0;}
  #cartouche_home li {background-image:url(img/cartouche_home.gif); background-repeat:no-repeat; list-style-image:none; list-style:none; margin:0 0 18px 0; padding:0 0 0 30px; color:#6b554d; font-weight:bold}
  #cartouche_home a {color:#6b554d; font-weight:bold}
  
  #voletEdito{background:url(../_images/Accueil/coin_accueil.png) no-repeat; height:231px; width:310px; position:absolute; z-index:10; top:250px; left:-1px}
  #accrocheVoletEdito{margin:95px 35px 20px 120px; text-align:right;}
  #accrocheVoletEdito a{color:#FFF}
  #bodyContainerVoletEdito{background:url(../_images/Accueil/fond_volet.png) repeat-y; height:0;}
  #bodyVoletEdito{display:none; height:375px;}
  
  #partenaires{border:1px solid #861215; width:100%; margin-top:15px; color:#861215}
  #partenaires a{font-size:12px; color:#63514A}
  
  #col2_content_left{width:200px; float:left}
  #col2_content_right{margin-left:20px; float:left}
  
  #contactForm{width:384px; margin-top:15px}
  #contactFormContent{border:1px solid #d3cac4}
  #errorMessage {
	border:1px solid #861215;
	color:#861215;
	font-size:10px;
	line-height:10px;
	margin-bottom:2px;
	padding:5px;
	display:none;
  } 
  
  
  #rea_titre{height:59px; background:#000; color:#FFF; padding:0px 13px 8px 13px}
  #rea_titre h1{font-size:16px; color:#FFF; font-weight:bold}
  #rea_titre span{font-size:12px; color:#FFF; font-weight:normal}
  
  #rea_Image{margin:0}
  #rea_pagination{margin:3px 0 0 0; float:right;}
  #rea_pagination a{color:#FFF; display:block; border:1px solid #FFF; float: left; width:15px; height:15px; margin-left:3px; font-size:9px; text-align:center}
  
  #rea_objectif{clear:both; margin-top:25px; margin-bottom:5px; font-size:11px; color:#FFF; width:100%; display:none}
  #rea_prestation{margin-bottom:5px; font-size:11px; color:#FFF; width:100%; display:none}
  #rea_resultat{font-size:11px; color:#FFF; width:100%; display:none}
  
  #divAnagramme{display:none;}
  #divTautogramme{display:none;}
  #divAbecedaire{display:none;}
  #divPalindrome{display:none;}
  #divPangramme{display:none;}
  #divFautes{display:none;}
  #divSources{display:none;}
  
  .errorMessageCentre{text-align:center;}
  .ligneForm{width:382px; margin:5px 0}
  .ligneFormLeft{width:180px; float:left; padding:0 5px}
  .ligneFormRight{width:180px; float:left; padding:0 5px}
  .ligneFormFull{padding:0 5px; clear:both}
  .ligneForm label{width:55px; display:block; float:left}
  .ligneForm input{width:120px; display:block; float:left; color:#63514A}
  .ligneFormFull input{width:310px; color:#63514A}
  .ligneFormFull textarea{width:310px; color:#63514A}
  
  .ligneFormFull2{padding:0 5px; clear:both; margin-left:55px; font-size:.9em; height:18px}
  .ligneFormFull2 label{width:auto; display:block; float:left;}
  .ligneFormFull2 input{width:auto; display:block; float:left; margin:1px 2px 0 6px;}
  *+html .ligneFormFull2 input{width:auto; display:block; float:left; margin:-2px 2px 0 6px;}

  .col3FondRouge{background-image:url(img/bas_encadre.gif); background-position:bottom; background-repeat:no-repeat; }
  .col3FondRougeAccueil{background-image:url(../_images/Accueil/fond_edito.png); background-repeat:no-repeat; }
  .col3FondRougeCourt{background-image:url(img/bas_encadre_court.gif); background-position:bottom; background-repeat:no-repeat; }
	
  .rougeBold15{color:#861215; font-size:15px; font-weight:bold}
  .rougeBold14{color:#861215; font-size:14px; font-weight:bold}
  .rougeBold13{color:#861215; font-size:13px; font-weight:bold}
  .rougeBold12{color:#861215; font-size:12px; font-weight:bold}
  .justifie{ text-align:justify}
  .capitalize {text-transform:capitalize}
  .gauche {text-transform:left}
  .italik{ font-style:italic;}
  
  .puce01{font-size:16px;}
  .bullet01{ list-style-image:url(img/bullet01.gif);}
  .bullet02{ list-style-image:url(img/bullet02.gif);}
  .bullet03{ list-style-image:url(img/bullet03.gif);}
  .bullet04{ list-style-image:url(img/bullet04.gif);}
  .bullet05{ list-style-image:url(img/bullet05.gif);}
  .bullet06{ list-style-image:url(img/bullet06.gif);}
  .bullet07{ list-style-image:url(img/bullet07.gif);}
  .bullet08{ list-style-image:url(img/bullet08.gif);}
  .bullet09{ list-style-image:url(img/bullet09.gif);}
  .blocFooter{float:left; text-align:center; width:16.6%; padding:10px 0 0 0;}
  .fondRouge{background-color:#861215; height:100%}
  .fondRouge2{background-color:#861215;}
  .blancBold12{color:#FFF; font-size:12px; font-weight:bold}
  .blancBold13{color:#FFF; font-size:13px; font-weight:bold}
  .blancBold14{color:#FFF; font-size:14px; font-weight:bold}
  .blancBold15{color:#FFF; font-size:15px; font-weight:bold}
  .blancBold16{color:#FFF; font-size:16px; font-weight:bold}
  .blancPlain10{color:#FFF; font-size:10px; font-weight:normal}
  .blancPlain11{color:#FFF; font-size:11px; font-weight:normal}
  .blancPlain12{color:#FFF; font-size:12px; font-weight:normal}
  .blancPlain13{color:#FFF; font-size:13px; font-weight:normal}
  .blancPlain14{color:#FFF; font-size:14px; font-weight:normal}
  .blancPlain15{color:#FFF; font-size:15px; font-weight:normal}
  .blancPlain16{color:#FFF; font-size:16px; font-weight:normal}
  
  .blancPlain15Ital{color:#FFF; font-size:15px; font-weight:normal; font-style:italic}
  .blancBold20Ital{color:#FFF; font-size:20px; font-style:italic}
  .blancBold22Ital{color:#FFF; font-size:22px; font-style:italic}
  .blancBold24Ital{color:#FFF; font-size:24px; font-style:italic}
  .rougePlain12Ital{color:#861215; font-size:12px; font-style:italic}
  .rougeBold12{color:#861215; font-size:12px; font-weight:bold}
  .Plain10Ital{font-size:10px; font-style:italic}

  .Plain12{font-size:12px;}
  
  .gris{color:#DDDDDD;}


  .MenuItem{clear:both;float:left; text-transform:uppercase; width:98px; text-align:right; padding:20px 10px 0 0;}
  .MenuItem a{font-size:11px; margin:0; padding:0; color:#604940; font-weight:bold}
  .MenuItem a:hover{color:#861215; text-decoration:none}
  .leftMenuRouge a{color:#861215;}
  
  .subMenuDiv {min-height:32px; background-image:url(img/fondbas_menuGauche01.gif); background-repeat:no-repeat; background-position:bottom}
  .subMenuItem{padding:0px 0 2px 3px}
  .subMenuItemFond{background-image:url(img/fond_menuGauche01.gif); background-repeat:repeat-y; }
  .subMenuTop{padding-top:6px}
  .subMenuItem a{font-size:11px; margin:0; padding:0;text-transform:none; color:#999;}
  .subMenuItem a:hover{color:#fff;}
  .subMenuCurrent a{color:#fff;}
  
  
  .chevronRouge {list-style-image:url(img/puce_superieur.gif); list-style-type:disc; list-style-position:outside; padding-left:0;}
  .chevronRouge li{margin-left:5px;; margin-bottom:4px; line-height:1.2em}
  
  .chevronRougeMargeB20 {list-style-image:url(img/puce_superieur.gif); list-style-type:disc; list-style-position:outside; padding-left:0;}
  .chevronRougeMargeB20 li{margin-left:5px;; margin-bottom:25px; line-height:1.2em}
  .chevronRougeMargeB20 a{color:#861215;}
  

  .petitChevronRouge {list-style-image:url(img/petitepuce_superieur.gif); list-style-type:disc; list-style-position:outside; padding-left:0;}
  .petitChevronRouge li{margin-left:5px;; margin-bottom:4px; line-height:1.2em}
  .petitChevronRouge a{color:#63514A;}

  .chevronBlanc {list-style-image:url(img/puce_superieur_blanc.gif); list-style-type:disc; list-style-position:outside; padding-left:6px;}
  .chevronBlanc li{margin-left:11px; margin-bottom:4px; line-height:1.2em; padding-left:0px}
  
  
  
	ul.subMenu {
		padding: 0;
		margin:0;
	}
	
	ul.subMenu li {
		padding: 0 0 3px 5px;
		margin:0;
		line-height:11px;
		list-style:none		
	}
	.subMenu a{line-height:11px; font-size:11px; display:block; color:#FFF}
	.declencheur a{color:#999;}

/*	.vignette{width:50px; height:50px; background:#DDDDDD; float:left} */
	.legendeClient{font-size:10px; color:#64492c; text-decoration:none; background:#FFF}
	.greyedOut{filter:alpha(opacity=20);-moz-opacity:.20;opacity: 0.2;}
	.fullPatate{filter:alpha(opacity=100);-moz-opacity:0;opacity: 1;}
  
  	.savoirPlus{text-align:right}
  	.souligne{text-decoration:underline}
	.detailsJeu{font-size:1em;padding:0 0 0 15px; line-height:1.1em}


	
}