/*******************************************************************
	Styles globaux  
*******************************************************************/

/************************* Blocs de base *************************/

/* mettre tous les navigateurs à des valeurs par défaut connues */
/* cf. http://www.alsacreations.com/astuce/lire/36-reset-css.html pour une critique */
*
{
    margin: 0;
    padding: 0;
    font-size: 12px;
}

body
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    color: #566b7c;
    font-weight: normal;
    background-image: url(../../images/body_bg.png);
    background-repeat: repeat-y;
    background-position: center top;
}

img
{
    border: 0;
}

a
{
    text-decoration: underline;
    color: #566b7c;
}

ul, p
{
    /*margin-top: 10px;
    margin-bottom: 10px;*/
}

li
{
  /*  margin-left: 18px;*/
}

table
{
    border-collapse: collapse;
}

h1
{
    display: none;
}

h2
{
}

h3
{
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 12px;
}

h4
{
    margin-top: 6px;
    margin-bottom: 6px;
}

div
{
    min-height: 0; /* IE7+: hasLayout=true ! */
}

.nowrap
{
    white-space: nowrap;
}

.retour
{
    height: 0;
    clear: both;
}

/************************* Blocs *************************/

#bandeau_v3
{
    width: 100%;
    background-image: url(../../images/bandeau_v3_bg.jpg);
    background-repeat: repeat-x;
    background-position: center top;
}

#page
{
    width: 1000px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center 285px;
}

#bandeau
{
    height: 221px;
    overflow: hidden;
}

.bandeau_boutons
{
    position: relative;
    bottom: 0px;
    left: 2px;
    padding-top: 7px;
}

.bandeau_boutons a:hover
{
    filter: Light;
}

.bandeau_boutons a, .bandeau_boutons img
{
    display: inline;
    padding: 0;
    margin-top: 0;
    margin-right: 1px;
    margin-bottom: 0;
    margin-left: 0;
}

#pub_bandeau
{
    float: right; /*	margin-top: 7px;*/
    width: 477px;
    height: 69px;
    overflow: hidden;
    background-image: url(../../images/pub_bandeau_bg.png);
    background-repeat: no-repeat;
    position: relative;
    top: 114px;
    padding-top: 5px;
    padding-left: 5px;
}

#contenu
{
    height: auto;
    overflow: hidden;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.bloc_central
{
    width: 460px;
}

#bloc_centre table
{
    margin-left: 1px;
}

#bloc_centre .scroll table
{
    margin-left: 0px;
}

.texteImportant1, .texteImportant1 a:link, .texteImportant1 a:visited, .texteImportant1 a:hover, .texteImportant1 a:active, .texteImportant1 a:focus
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #b31359;
    font-weight: bold;
}
.texteImportant1 a:link, .texteImportant1 a:visited, .texteImportant1 a:hover, .texteImportant1 a:active, .texteImportant1 a:focus
{
    text-decoration: underline;
}
.texteImportant2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #b31359;
    font-style: italic;
}
.logo
{
    margin-left: 17px;
}

#logo, #bandeau a.logo
{
    float: left;
    background-image: url(../../images/logo_2011.gif);
	background-repeat: no-repeat;
    height: 161px;
    width: 271px;
    margin-top: 53px;
}

#logo span, #bandeau a.logo span
{
    display: none;
}
.logo .lien
{
    float: left;
    border: 0;
    height: 62px;
    width: 272px;
    background-image: url(../../images/logo_2011.gif);
}
.btnFormulaire
{
    background-image: url(../../../projet-ressources/images/formulaires-valider.jpg) !important; /*display:none;*/
    background-color: #808080;
    width: 116px;
    height: 18px;
    border-style: none;
    cursor: pointer;
}

/* Titres */

h2
{
    /*background-image: url(../../images/picto_titre_col_bleu.gif);*/
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding-left: 23px;
    padding-top: 4px;
    line-height: 21pt;
    font-family: Georgia,"Times New Roman","Deja vu serif",serif;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
}

h2 span
{
    display: block;
    float: left;
    height: 27px;
    line-height: 21pt;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 17px;
    background-color: #003a76;
    color: #ffffff;
    text-transform: uppercase;
}

#bloc_rechercher h2, #bloc_centre h2, #contenu h2
{
    background-image: url(../../images/picto_titre_col_bleu.gif);
}

#bloc_rechercher h2 span, #bloc_centre h2 span
{
    background-color: #022f6c; /*#003a76;*/
}

#bloc_promotions h2
{
    background-image: url(../../images/picto_titre_col_orange.gif);
}

#bloc_promotions h2 span
{
    background-color: #ff6d01;
}

#bloc_destinations h2
{
    background-image: url(../../images/picto_titre_col_rouge.gif);
}

#bloc_destinations h2 span
{
    background-color: #ba095a;
}

#bloc_jeu h2
{
    background-image: url(../../images/picto_titre_col_vert.gif);
}

#bloc_jeu h2 span
{
	background-color: #768803;
}

/* Titres : icônes plus grandes */

#bloc_droite_teaser1 h2
{
    padding-left: 45px;
    background-position: top left;
    height: 45px;
}

#bloc_droite_teaser1 h2 span
{
    margin-top: 4px;
    /*border: 1px solid black;*/
}

#bloc_droite_teaser1 h2 span
{
    background-color: #19b9e9;
}

#arborescence_accesrapide h2
{
    /* TODO: icône (i) */
    background-image: url(../../images/arbo_accesrapide_titre.gif);
    background-position: top left;
    height: 55px;
    padding-left: 55px;
}

#arborescence_accesrapide h2 span
{
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    float: left;
    margin-top: 10px;
    background-color: #0c5298;
}

/* Auto completion */
div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color: #23bbec;
  color: #FFFFFF;
}

div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:auto;
  display:block;
  list-style-type:none;
  cursor:pointer;
  color: #000000;
  font-weight : normal;
}

/* EOF */