/* @override Credits */
/*
Date : 27.05.2009
Auteur : Adrien Heury
Projet : Kobo TV
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]
Bleu : #00c9ed
Gris : #757f7f
-------------------------------------------------------------------*/
/*[Typography]
-------------------------------------------------------------------*/

@import url("reset.css");
@import url("grid.css"); 
@import url("typography.css");
@import url("menu.css");

/* Commun : pictogrammes (on charge une seule fois l'image avec tout les pictogrammes) */
a.btn span, a.lien, a.picto, .blocMesTaches ul li a span.intitule, .blocBibliotheque ul li a span.intitule, .gauche h2 span, .blocTableauBord h2 span {
	/* picto par defaut */
	background: url(../../images/pictogrammes.png) no-repeat;
	/* picto specifique 
	background: url(../images/pictogrammes.png) no-repeat;*/
}

/* @group Gabarit */


body{
    background: #000000 url(../images/bkg-fond.jpg) repeat-x;
}

.header {
	margin: 0;
	padding: 0;
	height: 66px;
}

*+ html .header {
	height: 75px;
}

.menu {
	clear: both;
	height: 26px;
	padding: 8px 20px;
}

.gauche {
	margin: 0; 
	padding: 10px 0px 0px 30px;
}

.centre {
	margin: 10px 20px 20px 10px;
}


.centrehome{
    /*background:red;*/
    height:500px;
    position:relative;
    padding : 0 0 0 2px;
}

.centrehome p{
    width:295px;
}

.centrehome p.contact{
    /*width:350px !important;*/
    font-size:12px;
}

.phrase{
    
    height:35px;
    text-align:right;

    border-bottom: 1px solid #838080;
    margin: 0 0 5px 0;

}



h1.lienhaut{
    margin: 0;
    font-size:18px;
    margin: 10px 0px 0 0;
    color:#545252;
    
}

h1.lienhaut a.lienhaut{
    text-decoration:none;
    color:#545252;
    cursor:default;
    
}



.phrase p a.lienhaut{
    text-decoration:none;
    color:#545252;
    cursor:default;
}

.phrase p{
    margin: 10px 0px 0 0;
    color:#545252;
    font-size:18px;
}

.tachenews{
    background:url(../images/bkg-tache-rose.png) no-repeat;
    padding:0 0 0 20px;
}

.logo{
    height:690px;
    _height:100px;
    padding-top:35px;

}

.footer{
    text-align:center;
    font-size:11px;
}

.player{
    /*background:green;*/
}

.nscontact{
    background:url(../images/fleche.png) no-repeat 2px -1px;
    padding-left:25px;
    
    height:30px;
}



.ok {
background-color:green;
margin:5px;
color:#fff;
padding:5px;	
}

h2.form{
    margin-top:5px;
}

.myform{
    padding:15px;
}

.logonoe{
    text-align:right;
}


/* ------------------ */
form.form_contact_newsletter{
    margin: 0 0 0 200px;
}

form.form_contact_newsletter div.submit{
    text-align: center;
}
form.form_contact_newsletter div.submit input.submit{
    float: none;
}

form.form_contact_newsletter fieldset div{
    width: 800px;
}

form.form_contact_newsletter label{
    width: 245px;
    padding-top: 5px;
    margin-right: 50px;
    font-size: 12px;
    color: #cdcdcd;
}
form.form_contact_newsletter div.radio label, form.form_contact_newsletter div.checkbox label{
    height: 60px;
}

form.form_contact_newsletter fieldset div div.checkbox{
    width: 200px;
}

form.form_contact_newsletter input{
    background: none ;
}

form.form_contact_newsletter fieldset div {
    margin-bottom: 18px; 
}

/* ------------------ */


.error{
    background:red !important;
}