/*********************************************************************/


/* Fond de la page */

.body_style 
{
   background-color: #FFFFFF; 
   color: #000000; 
   font-family: Verdana, Helvetica, Tahoma, Sans-serif; 
   font-style: normal; 
   font-weight: normal;
   font-size: 13px;
   
}

/*
P { font-size: smaller ! important }
UL { font-size: smaller; }
*/

TD {
   FONT-SIZE: 13px;
}

/* Formulaires */

text 
{
   background-color: transparent;
   font-size: 12px;
   font-weight: bold; 
}

password 
{
   background-color: transparent;
   font-size: 12px;
   font-weight: bold; 
}

/* Cases des images sponsors. */

.sponsor
{

}

/* ---------------------- Barre de navigation ---------------------- */

/* liens dans la zone de navigation  #000000  font-weight: bold; */

A:link.navig_bar_item { color: #006699; text-decoration: none; font-weight: bold; }
A:visited.navig_bar_item { color: #006699; text-decoration: none; font-weight: bold; }
A:active.navig_bar_item { color: #006699; text-decoration: none; font-weight: bold; }
A:hover.navig_bar_item { color: #006699; text-decoration: underline; font-weight: bold; }

/* Fond de la barre de titre - attention images. */

.navig_bar_back_style {
   background-position: 0% 0%; 
   background-repeat: repeat-x; 
   color: #006699; 
   font-family: tahoma, verdana, arial; 
   font-size: 13px; 
   font-style: normal;
   font-weight: bold; 
   text-decoration: none;
   text-align: left;
}

.footer_bar_back_style {
   background-position: 0% 0%; 
   background-repeat: repeat-x; 
   color: #006699; 
   font-family: tahoma, verdana, arial; 
   font-size: 13px; 
   font-style: normal;
   font-weight: bold; 
   text-decoration: none;
   text-align: center;
}

/* ---------------------- Colonnes des Menus ----------------------*/

/* Colonne des menus. */
.menu_col_style 
{
	background-color: #FFFFFF; 
}

/* Les coins arrondis sont réalisés par des images, 
   et la couleur ne peut être changé sans modifier ces images. */
.menu_box_border
{
	background-color: #B3C1D5;
}

/* titre des menus. */
.menu_box_title 
{
	background-color: #B3C1D5; 
   background-position: 50% 50%; 
   font-family: Tahoma, Verdana, Arial; 
   color: #666699; 
   font-size: 17px; 
   font-style: normal; 
   font-weight: bold; 
   text-align: center; 
   text-decoration: none;
}

/* Les effets sont réalisés par des images, 
   et la couleur ne peut être changé sans modifier ces images. */
.menu_box_contents
{
	background-color: #B3C1D5;
}

/* liens dans les boites */
A:link.menu_box_item { color: #000000; text-decoration: none; }
A:visited.menu_box_item { color: #000000; text-decoration: none; }
A:active.menu_box_item { color: #000000; text-decoration: none; }
A:hover.menu_box_item { color: #000000; text-decoration: underline; }

/* erreurs de login */
.login_error_style
{
   color: #FF9999; 
   font-size: large;
}

/* liens du menu news */
a:link.menu_news_item { text-decoration: none; color: #113300 }
a:visited.menu_news_item { text-decoration: none; color: #113300 }
a:active.menu_news_item { text-decoration: none; color: #000000 }
a:hover.menu_news_item { text-decoration: underline; color: #000000 }


/* ----------------------Colonnne de droite----------------------- */

/* Zone de contenu des pages. */
.page_contents 
{
  /*	background-color: #F5F0F8; */
   background-color: #ffffff;
   font-size: 11px;
}

/* Les coins arrondis sont réalisés par des images, 
   et leur couleur ne peut changer. */
.page_contents_border
{
	background-color: #B3C1D5;
}


/* ----------------------Contenu----------------------- */

/* Titre d'une sous partie du contenu */
.heading_font
{
	color: #000000;
   font-weight: bold;
   text-align: center;
}

/* Arrière plan du titre d'une sous partie du contenu */
.heading_line
{
	background-color: #A2B3CB;
}

/* Elements du plan d'une page */
.page_plan_style
{
   text-decoration: none;
   font-weight: bold;
   text-align: center;
}

A:link.page_plan_style { text-decoration: none }
A:active.page_plan_style { text-decoration: none; }
A:visited.page_plan_style { text-decoration: none; }
A:hover.page_plan_style  { text-decoration: none; }

/* Texte du contenu font-size: smaller; */
.paragraph_text
{
   text-align: justify;
}

/* lien affiché dans un text */
.paragraph_link
{
   text-align: justify;
}

/* Titre d'un élément de la page accueil */
A:link.accueil_page_title
{
	text-decoration: none; 
   color: #0000AA; 
   font-size: large;
}

A:active.accueil_page_title
{
	text-decoration: none; 
   color: #0000AA; 
   font-size: large;
}

A:visited.accueil_page_title
{
	text-decoration: none; 
   color: #0000AA; 
   font-size: large;
}

A:hover.accueil_page_title 
{
	text-decoration: none; 
   color: #0000AA; 
   font-size: large
}

/* Titre d'un élément de la page accueil */

DIV.accueil_page_text
{
	text-decoration: none; 
   color: #000000; 
   text-align: justify;
}


/* ----------------------Site d'évaluation----------------------- */

/* Problème avec la database */
P.database_failure
{
	color: #008800;
   font-weight: bold;
   text-align: left;
}

/* Problème avec l'évaluation */
P.evaluation_error
{
	color: #008800;
   font-weight: bold;
}

/* Image de difficulté des problèmes #CBB3A2;#D96666;*/
.difficulty_img_bar_bg 
{
   background-color: #FFFFFF;
}

.difficulty_img_indisp
{
   background-color: #C07E7E; 
}

.difficulty_img_normal
{
   background-color: #A2B3CB;
}

/* Page classement */
P.classement_title
{
	color: #000000;
   font-weight: bold;
   text-align: left;
}

.classement_row_first
{
	background-color: #B3C1D5;
   color: #000000;
   font-weight: bold;
}

.classement_row_data
{
	color: #000000;
   font-weight: bold;
}

/* Page épreuve  - bgcolor='#EEF5FC' */
.epreuve_list_row_first
{
	color: #008800;
   font-weight: bold;
}

.epreuve_list_row_data
{
}

/* Liens vers les sujets depuis la page epreuve */
A:link.sujet_list_link
{
	text-decoration: none;
   color: #336699;
   font-weight: bold;
}

A:active.sujet_list_link
{
	text-decoration: none;
   color: #336699;
   font-weight: bold;
}

A:visited.sujet_list_link
{
	text-decoration: none; 
   color: #336699;
   font-weight: bold;
}

A:hover.sujet_list_link 
{
	text-decoration: none; 
   color: #336699;
   font-weight: bold;
   text-decoration: underline;
}

/* Liens vers les epreuve depuis la page index */
A:link.epreuve_list_link
{
	text-decoration: none;
   color: #336699; 
   font-weight: bold;
}

A:active.epreuve_list_link
{
	text-decoration: none; 
   color: #336699; 
   font-weight: bold;
}

A:visited.epreuve_list_link
{
	text-decoration: none; 
   color: #336699; 
   font-weight: bold;
}

A:hover.epreuve_list_link 
{
	text-decoration: none;
   color: #336699;  
   font-weight: bold;
   text-decoration: underline;
}




/* ========================================================================= */


/* ----------------------------------------------------------------- Titres  */
/* Titre 1 */
h1
{
  border: none;
  margin: 0.6em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  text-align: center;
  text-decoration: none;
  color: #516a88;
  font-size: medium
}

/* Titre 2 */
h2
{
  clear: both;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: solid 1px #516a88;
  margin: 0.6em;
  padding-left: 1.2em;
  padding-right: 1.2em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  text-decoration: none;
  color: #516a88;
  font-size: large;
  font-weight: normal
}

/* Titre 3 */
h3
{
  margin-left: 0.8em;
  margin-right: 0.8em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  padding-left: 1.2em;
  padding-right: 1.2em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  color: #516a88;
  font-size: small;
  font-weight: bold
}


/* ------------------------------------------------------------ Paragraphes  */

/* Paragraphe simple */
p
{
  margin: 0.6em;
  padding: 0.6em;
}

/* Paragraphe d'accroche */
p.accroche
{
  border-left: none;
  border-right: none;
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-color: #bac7d9;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 4em;
  margin-right: 4em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 4em;
  padding-right: 4em;
  color: #516a88;
  font-style: italic;
  font-size: small;
  text-align: center
}

/* Bandeau Prologin */
div.banner
{
/*  position: absolute;
  top: 0;*/
}

div.banner p
{
  margin: 0.8em;
  padding: 0;
  text-indent: 0;
  text-align: center;
  min-width: 628px;
}

/* Paragraphe justifié */
p.justifie
{
  text-indent: 1.5em;
  text-align: justify
}

/* Paragraphe aligné à droite */
p.droite
{
  text-align: right
}

/* Paragraphe centré */
p.centre
{
  clear: both;
  text-align: center
}

/* Paragraphe mis en valeur pour un warning */
p.attention
{
  border: solid 1px #ffe000;
  color: #000000;
  background-color: #fff9d0;
  text-align: center
}

/* Paragraphe bien visible pour signaler une erreur */
p.erreur
{
  border: solid 1px #ff5000;
  color: #000000;
  background-color: #ffded0;
  text-align: center;
  font-weight: bold
}

/* Barre de progression */
.progression
{
  position: relative;
  border: solid 1px #e0e0f0;
  padding: 2px;
  margin-left: 2em;
  margin-right: 2em;
}
.progression p
{
  display: block;
  position: relative;
  background: #bac7d9;
  text-align: center;
  color: #516a88;
  height: 2em;
  line-height: 1.8em;
  padding: 0;
  margin: 0;
}

/* Encart */
blockquote
{
  border: solid 1px #bac7d9
}

strong
{
  color: #516a88
}

/* Astuce anti-spam */
sub.magic
{
  display: none;
}

/* Illustrations */
p.figure
{
  text-align: center;
  line-height: 150%;
  font-style: italic;
  font-size: small;
  float: left;
}

p.figure-droite
{
  text-align: center;
  line-height: 150%;
  font-style: italic;
  font-size: small;
  float: right;
}

p.figure-cadre
{
  border: solid 1px #e0e0f0;
  padding: 0.4em;
  text-align: center;
  line-height: 150%;
  font-style: italic;
  font-size: small;
  float: left;
}

p.figure-droite-cadre	
{
  border: solid 1px #e0e0f0;
  padding: 0.4em;
  text-align: center;
  line-height: 150%;
  font-style: italic;
  font-size: small;
  float: right;
}

/* Paragraphe ecrit en petit */
p.mini
{
  color: #516a88;
  font-style: italic;
  font-size: smaller;
}

/* Bout de code */
pre
{
  margin: 1em;
  padding-left: 0.5em;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-left: solid 2px #516a88;
  font-weight: bold;
}

/* Liens */
a
{
  color: #516a88
}

a:hover
{
  color: #1f4f88
}
/*
a[href$=".pdf"]
{
  background: transparent url(/images/icon/pdf_icon.gif) no-repeat 100% 0;
  padding-right: 40px
}

a[href$=".ps"]
{
  background: transparent url(/images/icon/ps_icon.gif) no-repeat 100% 0;
  padding-right: 40px
}
*/

a[href$=".pdf"]:after
{
 content: " (pdf)"
}
a[href$=".ps"]:after
{
 content: " (ps)"
}
a[href$=".ps.gz"]:after
{
 content: " (ps)"
}
a[href$=".doc"]:after
{
 content: " (doc)"
}
a[href$=".avi"]:after
{
 content: " (avi)"
}
a[href$=".mp4"]:after
{
 content: " (QuickTime)"
}
a[href$=".tar.gz"]:after
{
 content: " (tar)"
}
a[hreflang]:after
{
 content: "\0000a0[" attr(hreflang) "]"
}


a.lien_titre
{
  text-decoration: none;
  color: #516a88
}

a.lien_titre:hover
{
  text-decoration: underline;
  color: #1f4f88
}


/* Image : pas de bordure */
img
{
  margin: 0;
  padding: 0;
  border: none
}

/* Photo de l'album : largeur adaptee */
img.album
{
  width: 80%
}

/* ----------------------------------------------------------------- Listes  */

/* Liste : pas de puce, mais un leger espacement entre les lignes */
ul
{
  margin-left: 0.8em;
  margin-right: 0.8em;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  padding-left: 1.2em;
  padding-right: 1.2em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  list-style: none
}

li
{
  margin: 0.4em;
}

li.ko
{
  list-style: url(/images/puce_ko.png) inside
}

li.ok
{
  list-style: url(/images/puce_ok.png) inside
}

ul.form
{
  background: #f0f5fc;
  list-style: none;
  list-image: none
}

h3.form
{
  background: #e6f0fc
}


/* Vignettes de l'album */
ul.vignettes
{
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none
}

ul.vignettes li
{
  padding: 0;
  margin: 0;
  display: inline
}

ul.vignettes p
{
  padding: 0.2em;
  margin: 0.2em;
  float: left;
  width: 120px;
  height: 120px;
  border: solid 1px #e0e0f0;
}


/* -------------------------------------------------------------------- div  */

/* Cadre utilise pour le pave central */
div.pave
{
  border: solid 5px #bac7d9;
  background: #ffffff;
  margin: 0.4em;
  padding: 0;
  clear: both
}


/* Cadre utilisé pour séparer les textes */
div.chapitre
{
  border: solid 1px #e0e0f0;
  background: #ffffff;
  margin: 0.5em;
  padding: 1.2em;
  clear: both
}

/* Cadre contenant les sponsors */
div.sponsors
{
  margin: 0.4em;
  padding: 0;
  width: 150px
}
div.sponsors p
{
  text-indent: 0;
  margin: 1em;
  padding: 0
}
div.sponsors h1
{
  margin: 0;
  padding: 0;
  border: none;
  text-align: center;
  color: #516a88;
  font-size: small;
  font-weight: normal
}


/* Cadre utilisé pour le menu, le login, et les news */
div.navigation
{
  max-width: 160px;
  border: solid 1px #516a88;
  background: #bac7d9;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;

  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/* Menu principal */
div.navigation h1
{
  border: none;
  color: #516a88;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0.5em;
  font-family: Tahoma, Verdana, Arial;
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

div.navigation h1:after
{
  content: url(/site/images/menu_separation.png);
}

div.navigation p
{
  margin: 0.2em;
  padding: 0.2em;
  font-size: small;
}

div.navigation ul
{
  border: none;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  list-style: none
}

div.navigation ul li
{
  margin: 0.5em;
  border: none
}

div.navigation a
{
  text-decoration: none
}

div.navigation a:hover
{
  text-decoration: underline
}


/* Repères en haut de page */
ul.bread_crumb
{
  border-left: none;
  border-right: none;
  border-top: solid 1px #516a88;
  border-bottom: solid 1px #516a88;
  background: #bac7d9;
  margin: 0;
  padding-right: 2em;
  padding-left: 2em;
  padding-top: 0em;
  padding-bottom: 0.2em;
  list-style: none;
  text-align: left;
  font-weight: bold
}

ul.bread_crumb:after
{
 content: "$"
}

ul.bread_crumb li
{
  margin: 0;
  padding: 0;
  display: inline
}

ul.bread_crumb li:before
{
 content: "/"
}

ul.bread_crumb a
{
  text-decoration: none;
}

ul.bread_crumb a:hover
{
  text-decoration: underline;
}

/* Chapitres en haut de page */
ul.pages
{
  border-top: none;
  border-bottom: solid;
  border-left: none;
  border-right: none;
  border-width: 3px;
  border-color: #bac7d9;
  margin: 0;
  padding: 0.4em;
  text-align: center;
  font-size: smaller;
  font-style: italic;
  list-style: none
}

ul.pages li
{
  margin: 0;
  padding: 0;
  display: inline
}

ul.pages li:before
{
 content: " - "
}

ul.pages li:first-child:before
{
 content: ""
}

ul.pages a
{
  text-decoration: none
}

/* Pied de page */
p.footpage
{
  border-left: none;
  border-right: none;
  border-top: solid 1px #516a88;
  border-bottom: solid 1px #516a88;
  background: #bac7d9;
  text-align: center;
  font-size: small;
  margin: 0;
  padding-right: 2em;
  padding-left: 2em;
  padding-top: 0em;
  padding-bottom: 0.2em
}

p.footpage a
{
  font-weight: bold;
  text-decoration: none
}

p.footpage a:hover
{
  text-decoration: underline;
}

/* Formulaires */
input
{
  margin: 0.2em;
  border: inset 1px #b3c1d5;
  background: #ffffff;
  color: #516a88;
  vertical-align: middle;
  font-size: small
}

input[type=submit]
{
  border: outset 1px #b3c1d5;
  background: #e0e0f0;
  color: #516a88
}

select
{
  border: inset 1px #b3c1d5;
  background: #e0e0f0;
  color: #516a88
}

textarea
{
  margin: 0.2em;
  border: inset 1px #b3c1d5;
  background: #ffffff;
  color: #516a88;
  font-family: Tahoma, Verdana, Arial;
  font-size: small
}

/* Bon ce n'est pas du formulaire */
div.bouton
{
  display: block;
  background: url(/images/bouton.png) no-repeat top left;
  width: 200px;
  height: 28px;
  padding-left: 0;
  padding-right: 4px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
  text-align: center
}

input.bouton
{
  border: none;
  background: url(/images/bouton.png) no-repeat top left;
  width: 200px;
  height: 52px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 8px;
  margin: 0;
  color: #000000;
}