/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    margin              : 0px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    color               : #000000;
    text-decoration     : none;
	background-color    : #fff;
}

a, a:visited, a:link {
	color               : #e6418d;
    font-weight         : bold;
	background-color    : inherit;
	text-decoration     : underline;
}
a:hover, a:active {
	text-decoration     : underline;
}

p {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 12px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}
div {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    margin              : 0px;
    margin-top          : 2px;
    padding             : 0px;
}

h1 {
    font-family         : Arial black, Arial, Verdana, Helvetica, sans-serif;
    font-size           : 24px;
    font-weight         : normal;
    color               : #e2001a;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 18px;
    font-weight         : bold;
    color               : #811d6e;
	background-color    : inherit;
    /*margin              : 0px 0px 1px 0px;
    padding-left        : 18px;
    background-image    : url(images/fleche_orange11.gif);
    background-repeat   : no-repeat;
    background-position : 0px 2px;*/
}


h3 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #41a62a;
	background-color    : inherit;
    margin              : 0px 0px 1px 0px;
    padding-left        : 10px;
    background-image    : url(images/puce_violette.gif);
    background-repeat   : no-repeat;
    background-position : 0px 6px;
}

h3 a {
    color               : #41a62a !important;
}

td {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 12px;
	list-style-type     : square;
}
ol {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 12px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input, select {
    vertical-align      : middle;
    border              : 1px solid #000000;
}


/************************************          SPECIFIQUE             ********************************/
div.pub_bandeau {
    height              : 60px;
}

div.pub_sky {
    /*margin-top          : 70px;*/
}

/*  Menu */
div.cadre_menu {
    /*background-image    : url(images/fond_colonne_gauche.gif);
    background-repeat   : repeat-y;*/
    padding             : 0 0 0 12px;
    margin              : 0;
}
div.cadre_menu a.niveau1, div.cadre_menu a.niveau1:visited, div.cadre_menu a.niveau1:link {
    display             : block;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
	color               : #000000;
	background-color    : inherit;
	text-decoration     : none;
    padding             : 8px 0px 3px 9px;
    /*background-image  : url(images/menu_fleche_bleu.gif);
    background-repeat   : no-repeat;
    background-position : 0px 11px;*/
}
div.cadre_menu a.niveau1:active, div.cadre_menu a.niveau1:hover,
div.cadre_menu a.niveau1_on, div.cadre_menu a.niveau1_on:visited, div.cadre_menu a.niveau1_on:link, div.cadre_menu a.niveau1_on:active, div.cadre_menu a.niveau1_on:hover {
    display             : block;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
	color               : #e2001a;
	text-decoration     : none;
    padding             : 9px 0px 3px 9px;
    /*background-image    : url(images/menu_fleche_blanche.gif);
    background-repeat   : no-repeat;
    background-position : 0px 11px;*/
}
div.cadre_menu a.niveau2, div.cadre_menu a.niveau2:link, div.cadre_menu a.niveau2_on:visited {
    display             : block;
	font-weight         : normal;
	color               : #000000;
	background-color    : inherit;
	text-decoration     : none;
	margin-left         : 15px;
    padding-left        : 10px;
    font-size           : 12px;
    background-repeat   : no-repeat;
    background-position : 0px 4px;
}

div.cadre_menu a.niveau2:active, div.cadre_menu a.niveau2:hover,
div.cadre_menu a.niveau2_on, div.cadre_menu a.niveau2_on:link, div.cadre_menu a.niveau2_on:active, div.cadre_menu a.niveau2_on:hover {
    display             : block;
	font-weight         : normal;
	color               : #000;
	background-color    : inherit;
	text-decoration     : none;
    font-size           : 12px;
	margin-left         : 15px;
    padding-left        : 10px;
}
div.cadre_menu a.niveau2_on, div.cadre_menu a.niveau2_on:link, div.cadre_menu a.niveau2_on:visited, div.cadre_menu a.niveau2_on:active, div.cadre_menu a.niveau2_on:hover {
	font-weight			: bold;
}


#bleu div.ssmenu a.niveau2 {
    background-image    : url(images/triangle_bleu.gif);
	font-size			: 12px;
}
#bleu div.ssmenu a.niveau2:active, #bleu div.ssmenu a.niveau2:hover,
#bleu div.ssmenu a.niveau2_on, #bleu div.ssmenu a.niveau2_on:link, #bleu div.ssmenu a.niveau2_on:active, #bleu div.ssmenu a.niveau2_on:hover {
	color               : #368d99;
	background-image    : url(images/triangle_bleu.gif);
	background-repeat   : no-repeat;
    background-position : 0px 4px;
	font-size			: 12px;
}

#rose div.ssmenu a.niveau2 {
    background-image    : url(images/triangle_rose.gif);
	font-size			: 12px;
}
#rose div.ssmenu a.niveau2:active, #rose div.ssmenu a.niveau2:hover,
#rose div.ssmenu a.niveau2_on, #rose div.ssmenu a.niveau2_on:link, #rose div.ssmenu a.niveau2_on:active, #rose div.ssmenu  a.niveau2_on:hover {
	color               : #e6418d;
	background-image    : url(images/triangle_rose.gif);
	background-repeat   : no-repeat;
    background-position : 0px 4px;
	font-size			: 12px;
}

#vert div.ssmenu a.niveau2 {
    background-image    : url(images/triangle_vert.gif);
	font-size			: 12px;
}
#vert div.ssmenu a.niveau2:active, #vert div.ssmenu a.niveau2:hover,
#vert div.ssmenu a.niveau2_on, #vert div.ssmenu a.niveau2_on:link, #vert div.ssmenu a.niveau2_on:active, #vert div.ssmenu a.niveau2_on:hover {
	color               : #9cb002;
    background-image    : url(images/triangle_vert.gif);
    background-repeat   : no-repeat;
    background-position : 0px 4px;
	font-size			: 12px;
}

/**
 * Menu Preparez
 */

div.menu_preparez {
    padding             : 0px 20px 0px 12px;
}
div.menu_preparez a, div.menu_preparez a:visited, div.menu_preparez a:link {
    display             : block;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
	color               : #000000;
    font-weight         : normal;
	background-color    : inherit;
	text-decoration     : none;
    padding             : 6px 0px 4px 18px;
    background-image    : url(images/menu_fleche_orange.gif);
    background-repeat   : no-repeat;
    background-position : 0px 8px;
}
div.menu_preparez a:active, div.menu_preparez a:hover,
div.menu_preparez a_on, div.menu_preparez a_on:visited, div.menu_preparez a_on:link, div.menu_preparez a_on:active, div.menu_preparez a_on:hover {
    display             : block;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : normal;
	color               : #e2001a;
	text-decoration     : none;
    padding             : 6px 0px 4px 18px;
    background-image    : url(images/menu_fleche_orange.gif);
    background-repeat   : no-repeat;
    background-position : 0px 8px;
}

div.annexe, div.annexe td {
	font-weight         : bold;
	font-size           : 9px;
	color               : #e6418d;
	vertical-align      : middle;
	text-decoration     : none;
}
div.annexe a, div.annexe a:visited, div.annexe a:link {
	font-weight         : bold;
	font-size           : 9px;
	color               : #e6418d;
	background-color    : inherit;
	text-decoration     : none;
}
div.annexe a:active, div.annexe a:hover,
div.annexe a.on, div.annexe a.on:visited, div.annexe a.on:link, div.annexe a.on:active, div.annexe a.on:hover {
	font-size           : 9px;
	font-weight         : bold;
	color               : #e6418d;
	background-color    : inherit;
	text-decoration     : none;
}


div.select_fleche {
    background-image    : url(images/gros_triangle.gif);
    background-repeat   : no-repeat;
    background-position : 0px 4px;
    padding             : 0px 0px 0px 18px;
}

a.fleche, a.fleche:visited, a.fleche:link {
	background-color    : inherit;
	text-decoration     : underline;
    background-repeat   : no-repeat;
    background-position : 0px 2px;
    padding             : 0px 0px 0px 15px;
}
a.fleche:hover, a.fleche:active {
	text-decoration     : underline;
}

a.bleu, a.bleu:visited, a.bleu:link, a.bleu:hover, a.bleu:active {
	color               : #235D95;
    font-weight         : normal;
}
a.point, a.point:visited, a.point:link {
    font-size           : 12px;
    font-weight         : bold;
    color               : #235D95;
	background-color    : inherit;
    padding-left        : 10px;
    background-image    : url(images/puce_noir.gif);
    background-repeat   : no-repeat;
    background-position : 0px 6px;
	text-decoration     : underline;
}
a.point:hover, a.point:active {
	text-decoration     : underline;
}

div.zoom {
    margin              : 0px 10px 5px 0px;
    padding             : 5px 5px 17px 5px;
    background-color    : transparent;
    border              : 0;
    text-align          : left;
    color               : #3FA6B3;
    background-image    : url(images/fond_zoom.gif);
    background-position : bottom right;
    background-repeat   : no-repeat;
    font-size           : 11px;
    width               : 185px;
}
div.zoom h3 {
    background-image    : none;
    padding-left        : 0px;
}

table.table12 td {
    font-size           : 12px;
    padding-bottom      : 10px;
}

table.plan img {
    vertical-align      : middle;
    margin              : 0px;
}

div.chat_encarthome {
    padding             : 4px;
    margin-bottom       : 5px;
    text-align          : left;
}

div.chat_encarthome .date a {
    text-transform      : uppercase;
    color               : #811d6e;
    font-weight         : bold;
    text-decoration     : none;
}

div.chat_encarthome p.description {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : normal;
}

div.chat_encarthome p.description a {
    text-decoration     : none;
    color               : #fff;
    font-weight         : normal;
}
div.chat_intro {
    background-color    : #FFFFFF;
    padding             : 4px;
    border              : 1px solid #000000;
    margin-bottom       : 5px;
}
td.chat_inscription, td.chat_inscription td {
    background-color    : #fff;
    color               : #000;
}
td.chat_inscription {
    border              : 1px solid #e6418d;
}
td.chat_inscription h2 {
    color               : #e2001a;
    background-image    : none;
    padding-left        : 0px;
}
td.chat_inscription input.bouton {
    color               : #fff;
    background-color    : #e6418d;
    border              : 0;
 }
div.chat_saisie {
    background-color    : #fff;
    color               : #000;
    padding             : 2px;
    border              : 1px solid #e6418d;
    margin-top          : 10px;
}
div.chat_saisie td {
    color               : #000;
}
div.chat_saisie input.bouton {
    color               : #fff;
    background-color    : #e6418d;
    border              : 0;
}

iframe.chat_messages {
    background-color    : #fff;
    border              : 1px solid #e6418d;
}
iframe.chat_participants {
    background-color    : #fff;
    border              : 1px solid #e6418d;
}

a:focus {
    outline             : none;
}

/* -----------------------------------------*/
/* ---------->>> VERSION 2008 <<<-----------*/
/* -----------------------------------------*/

table.entete {
    background-image    : url(images/nuage.gif);
    background-repeat   : no-repeat;
    background-position : 440px 80px;
}

table.entete td.pub {
    padding-left        : 207px;
}

table.entete td.presentation {
    padding-left        : 23px;
    padding-right       : 13px;
}

table.entete td.animationflash {
    padding-right       : 20px;
}

table.entete td.presentation div.jmoins {
    margin-top          : 36px;
    float               : right;
}

table.entete td.menu {
    /*background-image    : url(images/bas-logo.gif);*/
    background-repeat   : no-repeat;
    background-position : 63px 0;
    padding-top         : 30px;
}

div.preparezvotrevisite {
    height              : 20px;
    margin              : 5px 0px 5px 21px;
    padding             : 26px 0 0 10px;
    background-image    : url(images/preparez-votre-visite.gif);
    background-repeat   : no-repeat;
}

form#SearchForm {
    background-image    : url(images/fond_moteur_de_recherche.gif);
    background-repeat   : no-repeat;
    height              : 79px;
    width               : 158px;
    w\idth               : 115px;
    padding-top         : 39px;
    padding-left        : 42px;
    margin-left         : 20px;
    margin-top          : 20px;
}

form#SearchForm .champ {
    width               : 107px;
    font-size           : 10px;
    padding             : 0;
    margin-bottom       : 3px;
}

form#SearchForm a:link, form#SearchForm a:visited, form#SearchForm a:active  {
    color               : #811d6e;
    font-weight         : normal;
    text-decoration     : none;
}

form#SearchForm a:hover {
    text-decoration     : underline;
}

form#SearchForm .valider {
    margin-left         : 10px;
    border              : 0;
}

#orange h1.titre_page {
    color               : #ee7f01;
}

#rose h1.titre_page {
    color               : #e6418d;
}

#bleu h1.titre_page {
    color               : #3fa6b3;
}

#vert h1.titre_page {
    color               : #b1c903;
}

/*form#SearchForm * {
    border              : 1px solid red;
}*/

table.resultatsjpo {
    border-collapse     : collapse;
    background-color    : #3fa6b3;
    width               : 611px;
    margin-top          : 20px;
}

table.resultatsjpo th {
    color               : #fff;
    border              : 1px solid #000;
}

table.resultatsjpo td {
    border              : 1px solid #000;
}

table.resultatsjpo td.claire {
    background-color    : #d9edf0;
}

table.resultatsjpo td.foncee {
    background-color    : #b2dbe1;
}

div.unhorairejpo {
    margin              : 10px 0;
}

div.unhorairejpo div.horaires {
    color               : #811d6e;
    font-weight         : bold;
}

div.unhorairejpo div.commentaires {
    font-weight         : bold;
}

div.jqac-menu {
	background-color	: #FFFFFF;
	display				: block;
	border				: 1px solid #e6418d;
}

div.jqac-menu li{
	list-style			: none;
	padding				: 2px 0;
}

li.jqac-highlight {
	background-color	: #e6418d;
	color				: #FFFFFF;
}

div.liste_rando {
	width				: 745px;
}

div.menu_conteneur1 {
	width				: 175px;
	float				: left;
}

div.menu_conteneur2 {
	width				: 175px;
	float				: left;
}

div.menu_conteneur3 {
	width				: 175px;
	float				: left;
}

div.menu_conteneur4 {
	width				: 175px;
	float				: left;
}

/* -- QUIZ -- */

h1.nom_quiz {
	color: #811D6E;
}

div.question {
	font-weight: bold;
	font-size: 14px;
}

div.reponse_perdu,
div.reponse_correcte {
	font-size: 18px;
	font-weight: bold;
	margin: 8px 0;
}

div.reponse_correcte {
	color: #2F56BF;
}

div.reponse_perdu {
	color:#f00;
}

input.submit {
	background: #E6418D;
	color: #fff;
	border: none;
	padding: 2px;
	margin: 8px 0;
}

h3.question {
	font-size: 14px;
}