/* @override Credits */
/*
Date : 07.08.2008
Auteur : Adrien Heury
Projet : NOE Interactive v2
Logiciel : CSS Edit 2.6 - iMac
Commentaire : CSS non valide à 100% à cause de ce p***** de ie6 qu'il faut sans cesse gruger...

                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]
# Noir/Gris : #0E0C0D / #1A1A1A / #221E1A / #252525
# Gris (clair vers foncé) : #F1F4F5 / #E2E2E2 / #D7D7D7 / #ADADAD / #888 / #636363 
# Jaune : #FCCC69 / #FFF4A6 / #FFD129
# Rouge : #c90000 / #DA3535

# NOE cms : #af598d
# NOE map : #e5901b
# NOE net : #26a3d9
# NOE trafic : #6cb059
# NOE sitra : #afa659
-------------------------------------------------------------------*/
/*[Typography]
Body (titres) : "Lucida Grande" (MAC), Arial (PC), Verdana, sans-serif;

Body (texte big) : 12px/17px "Lucida Grande" (MAC), "Lucida Sans Unicode" (PC), Tahoma (PC & MAC), Arial, Verdana, sans-serif;

Body (texte small) : 11px/17px "Lucida Grande" (MAC), "Lucida Sans Unicode" (PC), Tahoma (PC & MAC), Arial, Verdana, sans-serif;
-------------------------------------------------------------------*/

@import url("reset.css"); 
@import url("communCompressed.css"); 

body {
	background: #1a1a1a /*url(../images/bkg-repeat.gif) repeat 0 0*/;
	color:#fff;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
}

/* @group Gabarit général */

div#bontonsnavig {
	margin: 15px 0 15px 200px;
	font-size: 12px;
	font-weight: bold;
	font-family: "Lucida Grande", Arial, "Lucida Sans Unicode";
	text-shadow: 0 0 0 #000;
	color:#2a2a2a;
}

#bontonsnavig span.select {
	color:#FFF;
}

#bontonsnavig span {
	cursor: pointer;
}

#bontonsnavig span:hover {
	cursor:pointer;
	text-decoration:none;
	color: #FFF;
}

div#col2 {
	float:left;
	width:320px;
	margin: 5px 0px 20px 0;
	height: 370px;
	border-top: 1px solid #393939;
	padding: 60px 10px 0 40px;
}

/*ie6*/
* html div#col2 {
	width: 300px;
}

div#col2 div.detail {
	background: #2d2d2d;
	padding: 10px;
	margin: 0px 0 20px 0;
}

div#col1 {
	border-top: 1px solid #4e4e4e;
	padding: 15px 10px 0 0px;
	float:left;
	width:380px;
	margin: 5px 0 0 20px;
}

/*ie6*/
* html div#col1 {
	width: 350px;
}

div#col1 img {
	margin: 0 0 10px 0;
}


#footer {
	padding: 10px 0;
	clear: both;
	float: right;
}

/* @end */

h1 {
	font-size: 24px;
	font-weight: bold;
	font-family: "Lucida Grande", Arial, "Lucida Sans Unicode";
	text-shadow: 0 0 0 #000;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode";
	color: #F1F4F5;
	margin-bottom: 10px;
}

h3 {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode";
	color: #fff;
	margin-bottom: 10px;
}

.intitule {
	font-size: 10px;
}

p {
	font-size: 11px;
	line-height: 17px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma;
	color:#d7d7d7;
}

p.descriptionSolution {
	font-size: 11px;
	line-height: 15px;
}

p.descriptionSolutionItalique {
	font-size: 10px;
	line-height: 13px;
	font-style: italic;
}

p.descriptionRea {
	font-size: 10px;
	line-height: 13px;
}

hr {
	clear:both;
	visibility: hidden;	
}



/******* Diaporama *************/
div#boutonsSlide span {
	outline: none;
	text-decoration: none;
	color: #888;
	cursor:pointer;
}

div#boutonsSlide span.select{
	color: #FFF;
	text-decoration:none;
	cursor: none;
}

#box{
	position:absolute;
}

#box img{
	display:block;
	float:left;
	position:absolute;
}

.maskrea{
	position:relative;
	width:400px;
	height:300px;
	overflow:hidden;
	margin: 0 0 20px 0;
}


#slideSolution{
	position:absolute;
}

#slideSolution div.slide{
	width:800px;
	float:left;
}

.maskSolution{
	position:relative;
	width:800px;
	height:400px;
	overflow:hidden;
}