/* @override Credits */
/*
Date : 25.04.2010
Auteur : Adrien Heury
Projet : www.clotilde-heury.co.uk
Logiciel : CSS Edit 2.6 - iMac
Commentaire :

                        
                          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]
Violet (Pantone 259C) : #71277a
Noir : #1f1f1f
Gris : #58575c / #ede9e8 / #e6e3dc (GOOD)
Jaune : #fedf53 / #fde900 (GOOD)
Vert : #5fe1bb
Rouge : #f96058 / #fd3400 (GOOD)
Bleu : #3cdde5 / #0099ff (GOOD)
-------------------------------------------------------------------*/
/*[Typography]
Helvetica Neue Condensed Bold + Helvetica Neue Ultra light
HelveticaNeue-Light, Helvetica, Arial, sans-serif
-------------------------------------------------------------------*/

@import url("reset.css");

/* @group Standards */

body {
	font-family: /*"HelveticaNeue-Light",*/ Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	background: #FFF /*url(../images/bkg.gif) no-repeat top 0 fixed*/;
	color: #1f1f1f;
}

/*Liens*/
a {
	color: #5fe1bb;
	text-decoration: none;
}

a:hover {
	color: #1f1f1f;
	text-decoration: none;
	border-bottom: 1px solid #5fe1bb;
}

/*Commun à tout les titres : le span est masqué*/
/*h1 span, h2 span, h3 span, h4 span,*/ h5 span, h6 span {
	display: none;
}

/* @end */

/* @group Gabarits */

/*Gabarit général du site*/
#conteneur {
	width: 950px;
	margin: 0 auto;
}

/*Bandeau haut présent sur toutes les pages : fixe*/
#header {
	height: 100px;
	position: fixed;
	border-bottom: 1px solid #58575c;
}

/*Menu principal*/
#menu {
	height: 30px;
	width: 1500px;
	background: #1f1f1f;
	margin: -85px 0 0 360px;
}

/*Contenu central*/
#content {
	padding: 0;
}

/*Colonne 1 présente sur toutes les pages : fixe*/
#content #col1 {
	width: 230px;
	position: fixed;
	margin: 110px 0 0 0;
}

/*Colonne 2 pouvant être séparée en 1 - 2 ou 3 colonnes*/
#content #col2 {
	width: 720px;
	float: right;
	margin: 0 0 0 230px;
}

/*Separation en 3 colonnes*/
#col2 .col21 {
	width: 220px;
	float: left;
	/*background: #e6e3dc;*/
}

#col2 .col22 {
	width: 235px;
	padding: 0 15px 0 0;
	float: left;
}

#col2 .col23 {
	width: 235px;
	padding: 0 0 0 15px;
	float: left;
}

/*Separation en 2 colonnes*/
#col2 .col22large {
	width: 500px;
	float: left;
}

/* @end */

/* @group Logo */

/*Logo h1 : A charger de mots clés*/
h1 {
	/*background: url(../images/h1-clotilde-heury.png);
	background-repeat: no-repeat;
	background-position: 0 0;*/
	width: 230px;
	height: 45px;
	margin: 30px 0;
	padding: 10px 0;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1.3px;
}

h1 a {
	color: #000;
}

h1 a:hover {
	color: #000;
}

/* @end */

/* @group Menu principal */

/*Menu principal*/
#menu li {
	display: inline;
}

#menu li a {
	display: block;
	float: left;
	margin: 6px 0 0 30px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}

#menu li a:hover, #menu li a:hover span.update {
	border: none;
	color: #5fe1bb;
}

#menu li a span.update {
	font-size: 10px;
	font-weight: normal;
	color: #fff9a1;
}

/* @end */

/* @group Cartouche : Infos */

/*Titrage h2*/
h2 {
	font-weight: bold;
	margin: 120px 0 0 0;
}

/*Spécial Mise en avant*/
p.focus {
	background: #fff9a1;
	color: #636363;
	width: 190px;
	padding: 2px;
	margin: 0 0 70px 0;
}

/* @end */

/* @group Titrages + Mise en page contenu*/

/*Titrages h3 + h4*/
h3 {	
	background-position: 0 0;
	width: 420px;
	height: 60px;
	float: left;
	font-size: 90px;
	letter-spacing: -7px;
	color:#000;
	font-weight:bold;
	margin:0;
	padding: 30px 0;
}

h4 {
	background-position: 0 0;
	width: 300px;
	height: 60px;
	float: right;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1.3px;
	margin:0;
	padding: 30px 0;
}

/*Chaque partie du menu est dans une div rubriquage*/
.rubriquage {
	clear: both;
	margin: 0 0 250px 0;
	padding: 0 0 90px 0;
	border-bottom: 8px solid #000;
}

.rubriquage img {
	float: left;
}

.rubriquage p {
	float: left;
	width: 355px;
	margin: 0 0 15px 30px;
	font-size: 1.6em;
	line-height: 1.2em;
}

.quote {
	display: block;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: -1.3px;
	margin:15px 0;
	padding: 15px 0;
	border-top: 1px dashed #58575c;
	border-bottom: 1px dashed #58575c;
}

.rubriquage p.french {
	font-size: 1.2em;
	line-height: 1.1em;
}

h5 {
	background: #1f1f1f;
	color: #FFF;
	padding: 10px;
}

/*Listes*/
dt {
	font-weight: bold;
}

dd {
	margin: 0 0 5px 0;
}

/* @end */

/* @group Sous menu */

.col21 ul {
	display: block;
	clear: both;
}

.col21 ul li {
	border-bottom: 1px dashed #58575c;
	padding: 5px 0;
	margin: 0 30px 0 0;
}

/* @end */

/* @group Infos bulles + Msg info */

div.bulleCredits {
	background: #222;
	width:200px;
	height:75px;
	margin-top:30px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	z-index:20;
}

.alert {
	background: #FFF4A6;
	border: 1px solid #FFD129;
	padding: 10px;
	cursor: pointer;
	color: #636363;
	margin: 0 0 10px 0;
}

/* @end */

/* @group Formulaires */

form {
	margin: 0 0 0 15px;
}

form fieldset div label {
	width: 100px;
	float: left;
}

form fieldset legend {
	display: none;
}

input, textarea {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	border: 1px solid #000;
}

.submit {
	background: #5fe1bb;
	color: #FFF;
	float: right;
	border: none;
}

textarea {
	width: 340px;	
}

/* @end */

#m6 ul li {
	display: block;
	width: 100px;
	float: left;
	margin: 0 5px 5px 0;	
}

#m6 ul li span {
	font-size: 11px;
	font-style: italic;
	font-family: Times;
}