/**** CSS RESET ****/
* { outline:none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,container
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;  background: transparent; 
} 

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

/* GENERAL */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

sup{text-transform:lowercase;}

/* STYLE GENERAL */
html { background: url(../images/bg_html.gif) 0 2px repeat; height: 100%; }
body { background: url(../images/bg_body.gif) top right repeat-x; min-height: 100%; font-family: Arial, Verdana, sans-serif; font-size: 0.9em; color: #3e3e3e; padding-top:30px;}

/* STRUCTURE GENERAL */

#wrapper { width: 755px; background: url(../images/bg_main_wrapper.png) top right no-repeat; margin: 0 auto; position: relative; margin: 0px auto; }
#container_wrapper { width: 660px; margin: 10px; padding: 70px 20px 30px 20px; background: #ffffff; float: right; border-width: 10px; border-top-style: solid;}

/* SCROLLING SIDE NAV */
#side_nav { width: 36px; position: absolute; right:0; margin-top: 25px; top: 20px;}
#side_nav { border: none;}

#side_nav .tres_gros_texte { position:absolute; top:0px; right:-24px;}
#side_nav .gros_texte { position:absolute; top:33px; right:-22px;}
#side_nav .normal_texte { position:absolute; top:66px; right:-20px;}

/* HEADER */
#bookmark { background: url(../images/bookmark.png) no-repeat; width: 41px; height: 119px; position: absolute; top: 7px; right: 30px; }
#header #course_basics{ border-bottom: 1px solid #858686; padding: 0 10px 10px 10px; margin: 0 50px; text-align: center; }
#header #course_basics h3{ color: #343636; font-family: Georgia, serif; font-size: 18px; font-weight: normal; font-style: italic; background: url(../images/bg_h2.gif); width: 560px; margin: 0 0 10px -10px; }
#header #course_basics h3 span{ background: #ffffff; display: inline; padding: 0 10px; }
#header #course_basics h3.SousTitre {background: #ffffff }
#header #course_basics h1{ font-family: 'ContextLight', sans-serif; font-size: 22px; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; line-height: 26px; }
#header #course_basics h2{ color: #61c87c; font-family: 'ContextBlack', sans-serif; font-size: 22px; font-weight: normal; text-transform: uppercase; }

/* MAIN NAV */
.main_nav ul, .main_nav ul li { list-style: none; }
.main_nav ul { text-align: center; line-height: 14px; padding: 10px 0 4px 0; background: url(../images/mainnav/tab_bg.gif) bottom no-repeat; border-bottom: 1px solid #d1d1d1; margin: 20px 0; }
.main_nav ul li { display: inline; }
.main_nav ul li a { background: url(../images/mainnav/tab_left.gif) left top no-repeat; text-decoration:none; color:#765; font-family: 'ContextBlack', sans-serif; font-size: 14px; color: #343636; text-transform: uppercase; padding: 10px 0 4px 30px; }
.main_nav ul li a span { background: url(../images/mainnav/tab_right.gif) right top no-repeat; padding: 10px 30px 4px 0; }
.main_nav ul li a:hover { background: url(../images/mainnav/tab_left_over.gif) left top no-repeat; }
.main_nav ul li a:hover span { background: url(../images/mainnav/tab_right_over.gif) right top no-repeat; }
.main_nav ul li.active a, .main_nav ul li.active a:hover { background: url(../images/mainnav/tab_left_active.gif); color:#61c87c; padding: 10px 0 4px 30px; cursor: default; }
.main_nav ul li.active a span { background: url(../images/mainnav/tab_right_active.gif) no-repeat right top; padding: 10px 30px 4px 0px; } 

/* FOOTER NAV (difference only from main_nav */
#footer_nav.main_nav ul { padding: 6px 0 9px 0; background: url(../images/mainnav/footer_tab_bg.gif) top no-repeat; border-bottom: none; border-top: 1px solid #d1d1d1; }
#footer_nav.main_nav ul li a { background: url(../images/mainnav/footer_tab_left.gif) no-repeat left bottom; padding: 5px 0 9px 30px; }
#footer_nav.main_nav ul li span { background: url(../images/mainnav/footer_tab_right.gif) no-repeat right bottom; padding: 5px 30px 9px 0; }
#footer_nav.main_nav ul li a:hover { background: url(../images/mainnav/footer_tab_left_over.gif) no-repeat left bottom; }
#footer_nav.main_nav ul li a:hover span { background: url(../images/mainnav/footer_tab_right_over.gif) no-repeat right bottom; }
#footer_nav.main_nav ul li.active a, #footer_nav.main_nav ul li.active a:hover { background: url(../images/mainnav/footer_tab_left_active.gif) no-repeat left bottom; padding: 6px 0 9px 30px; }
#footer_nav.main_nav ul li.active a span, #footer_nav.main_nav ul li.active a:hover span { background: url(../images/mainnav/footer_tab_right_active.gif) no-repeat right bottom; padding: 6px 30px 9px 0px; }

/* CONTENT STYLING */
#content { margin: 0 2px 30px 2px; width:658px;}
#content h1 {  font-size: 1.1em;  }
#content h2 { font-family: 'ContextLight', sans-serif; font-size: 20px; font-weight: normal; text-transform: uppercase; text-align: center; line-height: 24px; margin: 40px 50px 20px 50px; background: url(../images/bg_h2.gif) repeat-x; color: #3e3e3e; }
#content h2 span { background: #ffffff; padding: 0 20px; }
#content h3 { font-weight: bold; font-size: 14px; color: #61c87c; margin-top: 20px; }
#content h4 { font-weight: bold; font-size: 12px; margin-top: 20px; }
#content p { margin: 15px 1px 1px 1px; }
#content h3+p { margin-top: 10px; }
#content h4+p { margin-top: 0; }
#content p:first-child { margin: 0; }
#content img { border: 9px solid #e5e5e5; display: block; margin: 30px auto; }
#content .image_caption { background: #e5e5e5; border: 9px solid #e5e5e5; margin: 30px auto; }
#content .image_caption img{  margin: 0 0 9px 0; border: none; }
#content .image_caption .author{  font-size: 11px; font-style: italic; color: #666666;}
#content a{ color: #3c8ead; text-decoration: underline; }
#content a:hover{ text-decoration: none; }
#content ul, #content ol{ list-style-position: outside; margin: 10px 0 20px 20px; }
#content ul.arrow{ margin-left: 5px; }
#content ul.arrow li{ background: url(../images/bullet_arrow.gif) left 3px no-repeat;  padding-bottom: 4px; padding-left: 15px; margin: 0;}
#content ul ul, #content ol ol, #content ul ol, #content ol ul { margin: 0px 0 5px 15px; }

#content .showpopup{cursor:pointer;}

#content blockquote { font-size: 12px; font-family: Georgia, serif; font-style: italic; background: url(../images/quote_l.png) left top no-repeat; }
#content blockquote .quote{ background: url(../images/quote_r.png) bottom right no-repeat; padding: 0 20px 0 25px; margin-top: 20px; }
#content cite { font-size: 11px; font-style: italic; color: #666666; }
#content blockquote+cite { margin: 0 0 20px 25px; }
.video_player { margin: 30px auto; }

#content table { width: 100%; margin: 20px 0;}
#content table th{ padding: 5px; background: #61c87c; border: 1px solid #eeeeee; color: #343636; text-align: left; }
#content table td{ padding: 5px; border: 1px solid #eeeeee;}
#content table td.smaller { width: 5%; }
#content table td.small { width: 25%; }
#content table td.medium { width: 50%; }
#content table .empty{ background-color: #ffffff; border: #ffffff; }
#content table .darkgray{ background-color: #c8c9c8; }
#content table .midgray{ background-color: #dddddd; }
#content table .lightgray, #content table .alt td{ background-color: #eeeeee; }
#content table .darkcolor{ background-color: #61c87c; }
#content table .midcolor{ background-color: #cfeed7; }
#content table .lightcolor{ background-color: #e7f6eb; }



/* HIGHLIGHTS */
#content .highlight { background: #61c87c url(../images/hightlights_icons.png) no-repeat; margin-top: 25px;  }

#content .hightlight_content { background: #f2f2f2; margin: 0 0 0 50px; padding: 15px; }
#content .highlight_color .hightlight_content{ background-color: #e7f6eb; }

#content .highlight_travail { background-position: 0 0px; }
#content .highlight_contenu { background-position: -50px 0; }
#content .highlight_planifier { background-position: -100px 0; }
#content .highlight_notes { background-position: -150px 0; }
#content .highlight_quiz { background-position: -200px 0; }
#content .highlight_aide-memoire { background-position: -250px 0; }
#content .highlight_animation { background-position: -300px 0; }
#content .highlight_apercu { background-position: -350px 0; }
#content .highlight_a-revoir { background-position: -400px 0; }
#content .highlight_arret { background-position: -450px 0; }
#content .highlight_bilan { background-position: -500px 0; }
#content .highlight_carriere { background-position: -550px 0; }
#content .highlight_conseil { background-position: -600px 0; }
#content .highlight_consultation { background-position: -650px 0; }
#content .highlight_debats { background-position: -700px 0; }
#content .highlight_discussion { background-position: -750px 0; }
#content .highlight_divers { background-position: -800px 0; }
#content .highlight_ecouter { background-position: -850px 0; }
#content .highlight_enregistrer-document { background-position: -900px 0; }
#content .highlight_enregistrer { background-position: -950px 0; }
#content .highlight_enrichissement { background-position: -1000px 0; }
#content .highlight_explication { background-position: -1050px 0; }
#content .highlight_evaluation-sommative { background-position: -1100px 0; }
#content .highlight_exemples { background-position: -1150px 0; }
#content .highlight_forum { background-position: -1200px 0; }
#content .highlight_grille-rendement { background-position: -1250px 0; }
#content .highlight_grille-evaluation { background-position: -1300px 0; }
#content .highlight_historique { background-position: 0px -900px; }
#content .highlight_idee { background-position: -50px -900px; }
#content .highlight_imprimer { background-position: -100px -900px; }
#content .highlight_journal-de-bord { background-position: -150px -900px; }
#content .highlight_laboratoire { background-position: -200px -900px; }
#content .highlight_lecture-obligatoire { background-position: -250px -900px; }
#content .highlight_lecture-supplementaire { background-position: -300px -900px; }
#content .highlight_lire { background-position: -350px -900px; }
#content .highlight_liste-de-classe { background-position: -400px -900px; }
#content .highlight_liste-de-dossiers { background-position: -450px -900px; }
#content .highlight_multimedia { background-position: -500px -900px; }
#content .highlight_photo { background-position: -550px -900px; }
#content .highlight_pigeonnier { background-position: -600px -900px; }
#content .highlight_portfolio { background-position: -650px -900px; }
#content .highlight_prendre-en-note { background-position: -700px -900px; }
#content .highlight_rappel { background-position: -750px -900px; }
#content .highlight_question { background-position: -800px -900px; }
#content .highlight_reflechi { background-position: -850px -900px; }
#content .highlight_reponse { background-position: -900px  -900px; }
#content .highlight_ressources-hyperliens { background-position: -950px -900px; }
#content .highlight_ressources { background-position: -1000px -900px; }
#content .highlight_savais-tu { background-position: -1050px -900px; }
#content .highlight_travail-equipe { background-position: -1100px -900px; }
#content .highlight_verifie { background-position: -1150px -900px;}
#content .highlight_visionner { background-position: -1200px -900px; }
#content .highlight_xpress-lab { background-position: -1250px -900px; }

/* COPYRIGHTS */
#copy { margin: 0 auto; width: 210px; }
.logo_cforp { float: left; background: url(../images/cforp_logo.png) 0 0 no-repeat; width: 49px; height: 17px; }
.rights { float: left; display: block; border-left: 1px solid #797878; margin: 0 0 0 10px; padding: 4px 0 3px 10px; line-height: 10px; font-size: 10px; color: #797878; }

/* OAI */
#main_content_wrapper-oai{	width:1044px; background-image:url(../images/oai_bg_main_wrapper.png); background-repeat:no-repeat; position:absolute; left: 50%; margin-left: -522px; }
#content_wrapper-oai{ width:1004px; margin:20px; background-color:#FFF; padding-top:20px; padding-bottom:20px; border-width: 10px; border-top-style: solid; }
#background-oai{ width:1004px; background-image:url(../images/ombrage_flash.jpg); background-repeat:no-repeat; background-color:#FFF; }
#content-oai{ padding-top: 28px; padding-left: 28px; width:948px; } 
#content_wrapper-oai #header #course_basics { border-top: 1px solid #858686; }
#content_wrapper-oai #header #course_basics .unit_title { margin-top: 10px; }
#content_wrapper-oai #bookmark { top: 27px; height: 93px; background: url(../images/oai_bookmark.png) no-repeat; }

/*POPUP*/
.ui-helper-hidden .image_caption { background: #e5e5e5; border: 9px solid #e5e5e5; margin: 30px auto; }
.ui-helper-hidden .image_caption img{  margin: 0 0 9px 0; border: none; }
.ui-helper-hidden .image_caption .author{  font-size: 11px; font-style: italic; color: #666666; white-space:normal;}
.ui-helper-hidden ul.arrow{ margin-left: 5px; }
.ui-helper-hidden ul.arrow li{ background: url(../images/bullet_arrow.gif) left 3px no-repeat; padding-bottom: 4px; padding-left: 15px; margin: 0;}