/*--------------------CSS GLOBAL-------------------*/
body {
margin:2px;
padding:0px;
background-color:#ffffff;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica,sans-serif;
font-size: 11px;
color: #676767;
background-image:url(images/fond.gif);
}





#container {
width: 760px;
/*height: 100%;*/
margin: auto;
padding: 0px;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica,sans-serif;
font-size: 11px;
background-color:#ffffff;
color: #212121;
}

#header {
height:78px;
margin-bottom:2px;
}



/* IMG Alignement*/
.imgleft
{float:left;margin:0 1em 0 0;}
.imgright
{float:right;margin:0 0 0 1em;}
.imgleft_li
{float:left;margin: 0 2em 0 0;}


/* Conteneur des pages menu et page */
#page
{
width: 760px;
margin:0px;
padding: 0px;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica,sans-serif;
font-size: 11px;
background-color:#ffffff;
color: #676767;
}

#pagegauche
{
width:160px;
margin: auto;
float:left;
}

#pagedroite
{
width:598px;
margin-left:2px;
border:0px solid #e3e3e3;
}

#footer {
background-color:transparent;
height:10px;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica,sans-serif;
font-size: 10px;
color: #676767;
padding-top:2px;
padding-bottom:2px;
}

#copyright
{
text-align:center;
background-color:#e1d900;
color:#ffffff;
margin-top:10px;

}




/*CADRE MENU GAUCHE FIX */
.header_menu
{
height:24px;
width:160px;
background-image:url(images/tabsmenu_images/header_menu.png);
background-repeat:no-repeat;
padding:0px;margin:0px;
}

.titre_menu
{
font-family: Tahoma, Arial, Helvetica,sans-serif;
font-size: 11px;
font-weight:bold;
color: #679c17;
padding-top:7px;
padding-left:24px;

}

ul
{
margin:0px;
padding-left:10px;
}

h1{
padding:0px;
margin:0px;
font-family: Tahoma, Arial, Helvetica,sans-serif;
font-size: 11px;
font-weight:bold;
color: #679c17;
}

h1 a{
padding:0px;
margin:0px;
font-family: Tahoma, Arial, Helvetica,sans-serif;
font-size: 11px;
font-weight:bold;
color: #679c17;
text-decoration:none;
}

h1 a:hover{
padding:0px;
margin:0px;
font-family: Tahoma, Arial, Helvetica,sans-serif;
font-size: 11px;
font-weight:bold;
color: #679c17;
text-decoration:underline;
}

legend
{
color:#679c17;
font-weight:bold;
}

fieldset
{
padding:0px;
margin:0px;
border:1px solid #c8c8c8;
}

hr
{border:1px dashed #e3e3e3;height:1px;margin:0px;padding:0px;}

.page_menu
{
border:0px solid #c8c8c8;
width:158px;
border-left-width:1px;
border-right-width:1px;
}

.txt_menu
{
padding:5px;
padding-bottom:0px;
/*border:1px solid black;*/
}

.footer_menu
{
height:9px;
font-size:1px;
width:160px;
background-image:url(images/tabsmenu_images/footer_menu.png);
background-repeat:no-repeat;
padding-bottom:2px;
margin:0px;
}
/*FIN CADRE MENU GAUCHE */




/* MENU HAUT */
#menuhaut {
height:18px;
border:0px solid #c8c8c8;
text-align:left;
padding-right:160px;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica,sans-serif;
font-size: 11px;
color: #676767;
}

#menuhaut a{
padding-left:10px;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica,sans-serif;
font-size: 11px;
color: #676767;
text-decoration:none;
padding-right:8px;

}
#menuhaut a:hover{
padding-left:10px;
background-image:url(images/flech_menu.gif);
background-repeat:no-repeat;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica,sans-serif;
font-size: 11px;
color: #676767;
text-decoration:none;
padding-right:8px;
}
/* MENU HAUT */

/* MENU ICO HAUT*/
#menuico {float:right;height:18px;}

#menuhaut .ico_accueil
{width:20px;background-image:url(images/ico/accueil1.gif);background-repeat:no-repeat;}

#menuhaut .ico_accueil:hover
{width:20px;background-image:url(images/ico/accueil2.gif);background-repeat:no-repeat;}

#menuhaut .ico_favoris
{width:20px;background-image:url(images/ico/favoris1.gif);background-repeat:no-repeat;}

#menuhaut .ico_favoris:hover
{width:20px;background-image:url(images/ico/favoris2.gif);background-repeat:no-repeat;}

#menuhaut .ico_sitemap
{width:20px;background-image:url(images/ico/sitemap1.gif);background-repeat:no-repeat;}

#menuhaut .ico_sitemap:hover
{width:20px;background-image:url(images/ico/sitemap2.gif);background-repeat:no-repeat;}

#menuhaut .ico_contact
{width:20px;background-image:url(images/ico/contact1.gif);background-repeat:no-repeat;}

#menuhaut .ico_contact:hover
{width:20px;background-image:url(images/ico/contact2.gif);background-repeat:no-repeat;}

/* MENU ICO HAUT*/

/* MENU ICO ESPACE MEMBRE */
#div_membre_ico
{height:44px;}

#div_membre_ico .menu_membre_ico_cours
{
width:45px;height:44px;background-image:url(images/ico/Ico_cours.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_cours:hover
{cursor:hand;width:45px;height:44px;background-image:url(images/ico/Ico_cours2.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_signalisation
{
width:45px;height:44px;background-image:url(images/ico/Ico_signalisation.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_signalisation:hover
{cursor:hand;width:45px;height:44px;background-image:url(images/ico/Ico_signalisation2.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_t_apprentissage
{
width:45px;height:44px;background-image:url(images/ico/Ico_tests_apprentissage.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_t_apprentissage:hover
{cursor:hand;width:45px;height:44px;background-image:url(images/ico/Ico_tests_apprentissage2.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_t_thematique
{
width:45px;height:44px;background-image:url(images/ico/Ico_tests_thematiques.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_t_thematique:hover
{cursor:hand;width:45px;height:44px;background-image:url(images/ico/Ico_tests_thematiques2.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_t_examens
{
width:45px;height:44px;background-image:url(images/ico/Ico_tests_examens.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_t_examens:hover
{cursor:hand;width:45px;height:44px;background-image:url(images/ico/Ico_tests_examens2.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_t_stats
{
width:45px;height:44px;background-image:url(images/ico/Ico_statistiques.gif);background-repeat:no-repeat;}

#div_membre_ico .menu_membre_ico_t_stats:hover
{cursor:hand;width:45px;height:44px;background-image:url(images/ico/Ico_statistiques2.gif);background-repeat:no-repeat;}
/* MENU ICO ESPACE MEMBRE */

/* ICO */


.pointillets
{color:#c8c8c8;}


/*FORMULAIRE*/
form
{margin:0px;padding:0px;}

input {
font-size: 11px;
font-weight:bold;border:1px solid #c8c8c8;background :#ffffff;color : #679c17;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica,sans-serif;
}

input[type=submit] {margin-top:1px;height:18px;font-size: 11px;
font-weight:bold;border:0px solid #659a16;background :#66cc00;color : #fff;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica,sans-serif;}

input[type=submit]:hover {height:18px;background : #679c17;color : #fff;} 

input[type=image] {height:35px;width:55;background : #679c17;color : #fff;} 
/*FORMULAIRE*/


textarea
{font-size: 11px;
font-weight:bold;border:1px solid #c8c8c8;background :#ffffff;color : #679c17;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica,sans-serif;
}

/* PAGE CSS positionnement et proprietes des DIV */
/*TABS PAGE COMMON*/
.titre_head_tabs_page
{
font-family: Tahoma, Arial, Helvetica,sans-serif;
font-size: 11px;font-weight:bold;color: #679c17;padding-top:3px;padding-left:2px;
}

/*TABS PAGE x% spécifié par un DIV conteneur*/
.tabspage {padding:0px;margin:0px;margin-top:2px;}

.head_tabs_page {height:23px;}

.sshead_tabs_page{height:1px;font-size:1px;background-image:url(images/tabspage_images/bg_tabspage_px.png);
background-repeat:repeat-x;border:0px solid #c8c8c8;border-left-width:1px;border-right-width:1px;}

.page_tabs_page{border:0px solid #c8c8c8;border-left-width:1px;border-right-width:1px;
padding:5px;text-align:justify;
}

.foot_tabs_page{height:9px;font-size:1px;padding:0px;margin:0px;}
/*TABS PAGE*/










/* SPAN A*/

.span_comment
{
background-image:url(images/pti_fleche_comment.gif);background-repeat:no-repeat;
padding-left:15px;font-size:10px;}

.span_comment a {font-size:10px;color:#676767;text-decoration:none;}
.span_comment a:hover{text-decoration:underline;}

.span_plusinfos
{background-image:url(images/pti_fleche_plusinfos.gif);background-repeat:no-repeat;
padding-left:13px;font-size:12px;}

.span_plusinfos a
{font-size:12px;color:#a7a100;text-decoration:underline;}

.span_plusinfos a:hover
{font-size:12px;color:#a7a100;text-decoration:none;}

.span_amenu
{background-image:url(images/pti_flech_menu.gif);background-repeat:no-repeat;
padding-left:15px;font-size:11px;color:#676767;text-decoration:none;}

.span_amenu:hover
{text-decoration:underline;}


.span_commercial
{
color:#a73c3c;
font-weight:bold;
}

/* LISTE TESTS */
.div_tests
{
padding:1px;margin-bottom:1px;
}
.div_tests .test_ok
{
color:#676767;
text-decoration:none;
background-image:url(images/feu_vert.gif);background-repeat:no-repeat;
padding-left:12px;
}

.div_tests .test_ok:hover
{
color:#676767;
text-decoration:none;
background-image:url(images/feu_vert.gif);background-repeat:no-repeat;
padding-left:12px;
text-decoration:underline;
}

.div_tests .test_no_ok
{
color:#676767;
text-decoration:none;
background-image:url(images/feu_rouge.gif);background-repeat:no-repeat;
padding-left:12px;
}

.div_tests .test_no_ok:hover
{
color:#676767;
text-decoration:none;
background-image:url(images/feu_rouge.gif);background-repeat:no-repeat;
padding-left:12px;
text-decoration:underline;
}


.div_tests .test_indispo
{
color:#676767;
text-decoration:none;
background-image:url(images/feu_indispo.gif);background-repeat:no-repeat;
padding-left:12px;
}
/* LISTE TESTS */

/* CSS PAGE TESTS */
.agoogle
{
padding-left:7px;
color:#679c17;
text-decoration:underline;
}

#haut_test
{ height:20px;background-image:url(images/tests_images/bg_h_rond.png);background-repeat:no-repeat;}

#page_test
{
padding:0px;
font-size:11px;
line-height:11px;
font-family:verdana,arial,tahoma,,helvetica,sans-serif;
background-color:#000000;
color:#ffffff;
}


#bas_test
{ height:20px;background-image:url(images/tests_images/bg_b_rond.png);background-repeat:no-repeat;}

#question
{padding-left:10px;background-color:#000000;}

.date_test
{font-size:10px;font-family:Tahoma,Arial,Herlvetica, sans-serif;color:#9f9f9f;text-align:left;}


/*



/* TITRE DES COURS */
h2{
background-image:url(images/pti_rond_page.gif);
background-repeat:no-repeat;
padding-left:16px;
margin:0px;
font-family: Tahoma, Arial, Helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
color: #679c17;
}

h3{
padding:0px;
margin:0px;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica,sans-serif;
font-size: 12px;
font-weight:bold;
color: #00bc17;
}


.infraction
{
border:1px solid #000000;
background-color:#ff0000;
color:#ffffff;
padding:4px;
}

.attention
{
border:1px solid #e3e3e3;
background-color:#e6ffee;
padding:4px;
}

.amende
{
border:1px solid #fe5e5e;
background-color:#ffe6e6;
padding:4px;
}