@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
** background:#1f1e2e
*/

/*

couleurs du site:

orange: FF6600
orange moyen: FFB380
orange clair: FFD9C0

bleu très foncé: 003366
bleu foncé: 0099FF
bleu moyen: 80CCFF
bleu clair: C0E6FF

*/

@media all
{
#header {position:relative; height:140px; color:#333; background:#fff url(../../img/yaml_bg.gif) repeat-x top;}
#header {position:relative; height:160px; color:#ff0000; background:#FF6600 url(../img/yaml_bg.gif) repeat-x top;}
#header img {position:absolute; top:0px; left:0px; font-size:208%;}
#topnav {top:110px; font-size:12px;}
	#le_cin {
		position:absolute;
		left: 280px;
	  color: #fff; background: #FF6600;
		text-align: left;
		top:130px;
		height: 20px;
		font-size: 12px;
		padding-left: 3px;
		padding-right: 3px;
	}
#le_cin_1 {font-weight:normal;}
#le_cin_2 {font-weight:bold;}
#img1s {position:absolute; left: 240px; top: 32px;}
#img2s {position:absolute; left: 373px; top: 32px;}
#img3s {position:absolute; left: 506px; top: 32px;}
#img4s {position:absolute; left: 640px; top: 32px;}

#nav_main {width:100%; overflow:hidden; background:#80CCFF url(../../img/shiny_buttons/background.gif) repeat-x center right; border-top:0px #333 solid; border-bottom:1px #333 solid;}
#teaser {margin:0; padding:0; background:#C0E6FF; color:#765;}

h2 {font-size:1.1em; color:#FF6600; background:#ccc; margin:1.1em 0 0.5em 0; padding:0.3em;}

/* Menu gauche */

  /* Level 2 */

  #submenu li ul li a,
  #submenu li ul li#active,
  #submenu li ul li strong,
  #submenu li ul li span { width: 80%; padding-left: 20%; }

  #submenu li ul li a { background-color:#f8f8f8; color: #666; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color:#FF6600; color: #fff; }


/* pour changer la couleur de la boîte "red" */
.REboxRedContent {display:block; background:#FFD9C0; border-left:1px solid #FFB380; border-right:1px solid #FFB380; padding:0.5em 1em 0.5em 1em;}
.rRline2, .rRline3, .rRline4 {background:#FFD9C0; border-left:1px solid #FFB380; border-right:1px solid #FFB380;}
.rRline1 {margin:0 5px; background:#FFB380;}


/* pour changer la couleur de la boîte "blue" */
.REboxBlueContent {display:block; background:#C0E6FF; border-left:1px solid #80CCFF; border-right:1px solid #80CCFF; padding:0.5em 1em 0.5em 1em; height:1%; overflow:hidden;}
.rBline2, .rBline3, .rBline4 {background:#C0E6FF; border-left:1px solid #80CCFF; border-right:1px solid #80CCFF;}
.rBline1 {margin:0 5px; background:#80CCFF;}


.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup {	font-family:monospace;	font-style:normal; padding:0 0.3em 0 0.3em; background:#FF6600; border:1px #003366 solid;}


}