@charset "utf-8";
/* CSS Document  ============================== */
html, body {
}
body {
	background-color: #01003a;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: 0 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	min-width: 872px;
	font-size: 12px;
}
img {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	display: inline;
}
div {
	background-repeat: no-repeat;
}
form {
	margin: 0;
	padding: 0;
}
table {
	margin: 0;
	padding: 0;
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
}
td {
	margin: 0;
	padding: 0;
	border:0;
	vertical-align: top;
}
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #476070;
	font-weight: bold;
}
pre { text-align: left; }
a:hover {
	color: #7c98aa;
}
a:active, a:focus{
   outline:none;
}
input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7b98aa;
	border: solid #b2b7d2 1px;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}

/* ======================= Annulation Div: float */
.clear_float {
	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0;
}
.objectfloat_left {
	float: left;
	margin: 0;
	padding: 0;
}
.container_pos {
	position: relative;
}



/* ======================= alignement images */
.imgleft {
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}
.imgright {
	float: right;
	margin-left: 8px;
	margin-bottom: 10px;
}
.imgcenter {
	text-align:center;
}
.imgbottom {
vertical-align:bottom;
}
.imgmiddle {
	vertical-align:middle;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
}

/*  BLOC GLOBAL ====================*/

#blocglobal {
	width: 904px;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	font-size: 12px;
	text-align: left;
}

.active {
	color: #4cbce6;
}
.exergue {
	color: #c91b41;
	font-weight: bold;
}
.savoir_plus, .savoir_plus_mail {
	text-align: right;
	padding: 0 12px;
	margin-bottom: 10px;
}
.savoir_plus_mail {
	float: right;
	text-align: right;
	padding:0;
	width: 390px;

}
.savoir_plus a, .savoir_plus_mail a {
	padding-left: 12px;
	background-repeat: no-repeat;
	background-image: url(images/arrow-link.jpg);
	background-position: 1px 4px;
	font-size: 11px;
	color: #6b6f8b;
}
img.note {
	margin: 0 6px;

}


/* ========================== Header */
#header {
	margin: 0;
	padding: 0;
	background-color: #01003A;
	height: 183px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
#newsletter, #actus {
	border-bottom: solid 1px;
	border-color: #d2d5e5;
	margin-right: 6px;

}
#intranet {
	margin-right: 6px;
}

#intranet p, #newsletter p {
	margin-bottom: 10px;
	margin: 6px 6PX 12px 0;

}



#logo {
	padding:0;
	margin-left: 16px;
}
#logo img {
	display: block;
}
#titre_pedago {
	color: #FFFFFF;
	font-size: 18px;
	top: 32px;
	position: absolute;
	left: 532px;
	width: 360px;
	text-align: right;
}


#top_decor {
	width: 904px;
	background-image: url(images/top-bg.jpg);
	height: 100px;
	position: relative;
}
#bienvenue {
	color: #FFFFFF;
	position: absolute;
	top: 12px;
	left: 16px;
	font-size: 18px;
}
#bienvenue a {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
#bienvenue a:hover {
	color: #476070;
	text-decoration: none;
}
#bienvenue span.email {
    font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}    
.deconnect {
	margin: 8px 12px;
	text-align: right;
	width: 140px;
	position: absolute;
	left: 740px;
}
.deconnect a {
	color: #BB052D;
	font-weight: normal;
}
#menu_top {
	width: 382px;
	text-align: right;
	position: absolute;
	top: 33px;
	left: 510px;
	padding: 4px 0;
}
#menu_top a {
	background-image: url(images/arrow-page-titre.gif);
	background-repeat: no-repeat;
	background-position: 10px 0;
	padding-left: 30px;
	padding-bottom: 2px;
	padding-left: 34px;
	color: #01003A;

}
#menu_top   a.selected  {
	color: #7C99AB;
}
.menu_top2 {
    width: 382px;
	text-align: right;
	position: absolute;
	top: 62px;
	left: 510px;
	padding: 4px 0;
}
.menu_top2 a {
	color: #bb052d;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
}
.menu_top2   a.selected  {
	color: #7C99AB;
}
   
  
/* =========================== menu principal */
#menu {
	padding: 10px;
	height: 56px;
	background-repeat: repeat-x;
	background-image: url(images/1px-bg-menu.jpg);
	background-color: #FFFFFF;
	font-weight: bold;
	width: 884px;
	background-position: 0 1px;
	text-align: center;
}

.menu {
	float: left;
	height: 52px;
	background-image: url(images/separ-menu.gif);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	width: 106px;
	padding: 0;
	padding-right: 4px;
}

#menu ul {
	margin: 0;
	padding: 5px 0;
}
#menu li {
	margin: 0;
	list-style-type: none;
	display: inline;
	background-image: url(images/separ-menu.gif);
	background-repeat: no-repeat;
	padding: 0 10px;
}
#menu a {
	color: #bb052d;
	font-size: 12px;
	text-decoration: none;
	/*margin-left: 6px;*/
	padding: 10px 0;
}
#menu a:hover {
	color: #476070;
}
#menu a.selected {
	color: #7C99AB;
}
#menu table {
    width: auto;
    margin: 0 auto;    
} 
#menu table td {
    padding: 10px;
    background-image: url(images/separ-menu.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	width: 60px;
}

.smenu {

	}
.smenu h1 {
	height: 26px;
	border-bottom: solid 1px;
	border-color: #d2d5e5;
}


.smenu a {
	color: #5d6153;
	font-size: 11px;
	font-weight: normal;

}
.smenu .selected {
	text-decoration: none;
	color: #8c892c;
}

.smenu a:hover {
	color: #8c892c;
	text-decoration: none;

}
.smenu li:hover, .smenu li.selected {
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(images/arrow-menu-on.gif);
	background-position: 0 4px;
}
.smenu ul {
	margin: 16px;
	padding: 0;
}
.smenu li {
	margin: 0;
	padding: 2px 0 5px 15px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-image: url(images/arrow-menu2.gif);
	background-position: 0 7px;
	border-bottom: solid #dcdab9 1px;

}

.smenu_sec {
	color: #FFFFFF;
	display: none;
	position: absolute;
	top: -10px;
	}

.smenu_sec_top {
	margin: 0;
	padding-top: 4px;
	background-repeat: no-repeat;
	background-image: url(images/arrow-top.gif);
	background-position: 30px 0;
}
.smenu_sec_in {
	margin: 0px;
	padding: 0;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	background-image: url(images/1px_bg_smenu.gif);
	background-repeat: repeat-x;
	border: solid #BFBFBF 1px;
	border-top: none;
	border-bottom: none;
}

.smenu_sec_bottom {
	height: 6px;
	padding: 0;
}


.smenu_sec a {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
.smenu_sec a:hover   {
	color: #333333;
	text-decoration: none;
}
.smenu_sec ul {
	margin: 0;
	padding: 0;
}
.smenu_sec li {
	margin: 2px 0;
	padding: 2px 14px;
	list-style-type: none;
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	background-color: #7b98aa;
	display: block;
}

.smenu_ter {
	position: absolute;
	border: solid 4px;
	background-color: #8DA7B6;
	padding: 0;
	color: #FFFFFF;
	display: none;
	line-height: 16px;
	border-color: #476070;
	border-left: none;
	border-top: none;
}
.smenu_ter ul {
	margin: 0;
	padding: 0;
}
.smenu_ter li {
	margin: 0;
	padding: 2px 0;
	list-style-type: none;
	line-height: 14px;
}
.smenu_ter a {
	padding: 0 0 0 10px;
	margin: 0;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	display: block;
	text-decoration: none;
}
.smenu_ter a:hover {
	margin: 0;
	background-color: #B7C7D0;
	color: #476070;
	text-decoration: none;
}

.smenu_left {

	}
.smenu_left h1 {
	color: #BB052D;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 6px 0;
	margin: 0;
	border-bottom: solid 1px;
	border-color: #d2d5e5;
	margin-right: 16px;
}


.smenu_left a {
	font-size: 11px;
	font-weight: bold;
	color: #01003a;

}
.smenu_left .selected, .smenu_home .selected {
	text-decoration: none;
	color: #7c98aa;
}

.smenu_left a:hover {
	color: #7c98aa;
	text-decoration: none;

}
.smenu_left li:hover, .smenu li.selected {
	background-repeat: no-repeat;
	background-image: url(images/arrow-menu.gif);
	background-position: 3px 7px;
}
.smenu_left ul {
	margin: 10px;
	padding: 0;
}
.smenu_left li {
	margin: 0;
	padding: 2px 0 5px 10px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-image: url(images/arrow-menu.gif);
	background-position: 0 7px;
	border-bottom: dotted #cbdae3 2px;
}
.smenu_left ul.submenu {
	padding: 0;
	margin: 8px 0;
}

.smenu_left .submenu li {
	border-bottom: none;
	margin: 0 0 4px 0;
	padding: 0 0 0 6px;
	background-position: left 6px;


}
.smenu_left .submenu a {
	font-size: 10px;
	font-weight: normal;
}

.smenu_left .submenu .selected {
	color: #C91B41;
}




#inside {
	margin: 0;
	color: #476070;
	background-color: #FFFFFF;
	padding: 20px 16px;
	/*width: 872px;*/
	padding-bottom: 10px;
}


/* ============================= cell_left */
.cell_left {
	width: 192px;
	float: left;
	margin: 0;
	padding: 0;

}


/* =================== cell_center_large */
.cell_center_large {
	float: left;
	min-width: 679px;
	width: 679px;
	background-image: url(images/1px-ombre-center.jpg);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #fff;
	padding-top: 6px;
	text-align: left;
	color: #476070;
}  
.cell_center_large_tiny {
    background-color: #fff;
    text-align: left;
	color: #476070;
	width: auto;
	min-width: 0;
}    
.cell_center_top {
	background-repeat: no-repeat;
	background-image: url(images/bg-top-center.jpg);
	width: 680px;
	background-color: #FFFFFF;
	height: 61px;
}
.cell_center_bottom {
	background-repeat: no-repeat;
	background-image: url(images/bg-bottom-center.jpg);
	height: 15px;
}


.cell_center_container {
	width: 640px;
	border: solid #c1cfd7 1px;
	border-top: none;
	border-bottom: none;
	padding: 0 16px;
	padding-top: 4px;

}
.cell_center_container #end_cell {
	height: 6px;
}



.cell_center_large h1 {
	font-size: 14px;
	margin: 0;
	padding: 10px 14px;
	color: #BB052D;
}
.cell_center_large .date {
	font-size: 12px;
	color: #BB052D;
}
.cell_center_large h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 8px 0;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-image: url(images/arrow-page-titre.gif);
	line-height: 18px;
}
.cell_center_large h3 {
	font-size: 12px;

}
.cell_center_large   .encart_center   h3 {
	background-color: #E6EBEF;
	padding: 6px;
	border-bottom: dashed #cbdae3 2px;
	font-size: 14px;
	margin-right: 15px;
}
.cell_center_large h4 {
	margin: 16px;
	margin-left: 146px;
	color: #8c892d;
	font-size: 11px;
	background-repeat: no-repeat;
	background-image: url(images/square.gif);
	background-position: 0 4px;
	padding-left: 12px;
}
.cell_center_large h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 16px 0;
	border-bottom: dotted #a5a68d 2px;
	padding-bottom: 4px;
}


.cell_center_large p {
	margin: 0 10px 16px 2px;


}
.encart_center ul {
	margin: 0 16px 16px 22px;
	padding: 0;
}
.cell_center_large ul {
    margin: 0 16px 16px 15px;
	padding: 0;
}    
.cell_center_large li, .encart_center li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-image: url(images/puce-list.gif);
	background-position: 0 7px;
	padding-left: 10px;
	margin-bottom: 6px;
	line-height: 16px;
	font-weight: bold;
}

.cell_center_large ul.list_type2 {
	margin-left: 170px;
}
.cell_center_large .encart_center {
	margin-bottom: 26px;
}
.cell_center_large .page_intro {
	border-bottom:solid #bb052d 1px;
	border-left:solid #bb052d 10px;
	margin: 16px;
	margin-left: 0px;
	padding-left: 16px;
}
.cell_center_large .page_intro p { margin-bottom: 8px;}

.encart_bottom_page {
	background-color: #DCDAB9;
	padding: 16px;
	font-size: 11px;
}
.encart_bottom_page p {
	margin-left: 0px;
}


/* ================================ cell_center */
/* === formattage texte central */


.texte_more {
	text-align: right;
	margin-top: 10px;
}
.texte_more a {
	font-family: "Times New Roman", Times, serif;
	color: #486814;
	font-size: 12px;
	font-weight: bold;
}
.texte_more a:hover {
	color: #98966D;
}

.separ {
	margin: 14px 27px 14px 10px;
	line-height: 0;
	border-bottom: dotted #E6EBEF 3px;
	font-size: 0.1em;
	clear: both;
}
.separ_menu {
	border-bottom: solid 1px;
	border-color: #d2d5e5;
	margin-right: 16px;
}



/* =================== cell_right */
.cell_right {
	float: left;
	width: 220px;
}
/* ======================== page url */
.page_url {
	padding: 6px 16px;
	float: none;
	font-size: 10px;
}
.page_url a {
	font-weight: normal;
	color: #7c98aa;
	font-size: 10px;
	/*background-repeat: no-repeat;
	background-image: url(images/arrow-page-url.gif);
	background-position: 0 5px;*/
	padding-left: 6px;
	margin-right: 4px;
}
.page_url a.selected {
	text-decoration: underline;
}



/*  TABLEAUX ====================*/

.tab_exam {
	margin: 16px auto;
	border: solid #666666 1px;
	font-weight: bold;

}
.tab_exam th {
	background-color: #666666;
	color: #FFFFFF;
	text-align: left;
	padding: 4px 8px;
}
.tab_exam td {
	padding: 4px 8px;
	background-color: #e5e6e5;
	border: solid 1px;
	border-right-color: #666666;
	border-left-color: #666666;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
.tab_exam .col1 {
	width: 426px;
}

.tab_exam .head_tab {
	border-top-color: #333366;
	padding: 10px 8px;

}
.tab_exam .foot_tab {
	border-bottom-color: #333366;

}



/* ============================== num bas de page */
.list_alphanum {
	padding: 6px;
	text-align: center;
	margin: 10px 0;
}
.list_alphanum a {
	text-decoration: none;
	margin: 0 4px;
}

.list_alphanum a.selected {
	font-weight:bold;
	color: #7C98AA;
	font-size: 18px;
}

/* ======================= formulaire contact */
.form_contact {
	width: 98%;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0px;
	border: solid #bb052d 2px;
	border-left: dashed 2px;
	border-right: dashed 2px;
	margin-bottom: 16px;
	border-left-color: #BECBD4;
	border-right-color: #BECBD4;
	color: #476070;
	font-size: 12px;
}
#form_contact ul {

}
#form_contact li {
	background: none;
}
.form_contact input {
	width: 180px;
	font-size: 12px;
	padding: 0;
}
.form_contact select {
    font-size: 11px;
	padding: 0;
}
.form_contact th {
	width: 140px;
	text-align: left;
	padding: 6px 8px;
	background-color: #F0F4F7;
	background-repeat: repeat-x;
	border-bottom: solid  1px;
	border-color: #D2D9DF;

}
.form_contact td {
	padding: 6px 4px 6px 16px;
	background-image: url(images/1px-bg-bottom.gif);
	background-color: #dae1e7;
	background-repeat: repeat-x;

}
#tab_diapo.form_contact td {
	text-align:center;
	padding: 6px;
	vertical-align: middle;
}
#tab_diapo.form_contact img {
	border:solid 1px;
	border-color:#7B98AA;
}
#tab_diapo.form_contact p {
	margin: 2px 0;
	font-size: 10px;
}
.form_contact .form_radio {
	width: 30px;
}
.form_contact .form_message {
	width: 320px;
	height: 150px;
}
.form_contact .form_adresse {
	width: 320px;
}
.form_contact .form_bouton {
	height: auto;
	width: 90px;
	margin: 0;
	padding: 1px 0;
	background-color: #ece9d8;
}
.form_contact .form_number {
	width: 90px;
}
.form_contact .form_code {
	width: 60px;
}
.champ_obligatoire {
	color: #94191E;
	font-size: 14px;
}


/* ======================  Bottom menu */

#bottom_menu {
	padding: 0 16px;
	text-align: right;
	background-repeat: no-repeat;
	background-image: url(images/bg-bottom-site.jpg);
	background-position: left bottom;
	/*width: 872px;*/
	height: 23px;
	margin: 0;
	padding-top: 30px;
}#bottom_menu ul {
	margin: 0;
	padding: 0;
}
#bottom_menu li {
	list-style-type: none;
	display: inline;
	border-right: solid #999999 2px;
}

#bottom_menu a {
	color: #999999;
	font-size: 11px;
	padding: 0 6px;
}
#bottom_menu a:hover {
	text-decoration: none;
	color: #333333;
}
#copyright {
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 6px;
	padding: 10px 16px;
}
.realisation a {
	padding-left: 16px;
	background-repeat: no-repeat;
	background-image: url(images/cubes_digital.gif);
}
.error {
    color: #BB052D;
}
.error ul {
    margin: 0 0 5px 20px;
    padding: 0;
}
#ui-datepicker-div {
    font-size: 11px;
}
#recip_wrapper .group-line {
    margin: 3px;
}
.recipient_box {
    margin: 3px 0 10px 20px; 
    border: 1px solid #eee; 
    background: #F0F4F7; 
    padding: 5px;
    display: none;
}
.note_button {
    margin: 0px 15px 15px 0 !important;
    float: right;
}
.note_box {
    width: 220px;
    margin: 15px 15px 15px 10px; 
    display: none;
    border: 1px solid #D2D9DF;
    background-color: #fafafa;
    padding: 10px;
}
.note_box table {
    width: 100%;
}
.note_box table td {
    padding: 3px;
}
.note_box_teacher {
    margin: 15px 15px 15px 10px; 
    border: 1px solid #D2D9DF;
    background-color: #fafafa;
    padding: 10px;
}
.note_box_teacher h4 {
    color: #BB052D;
    margin: 0 0 5px 2px;
    padding: 0;
    font-size: 12px;
}
.note_box_teacher p {
    margin: 0 0 3px;
    padding: 0;
}
.note_box_teacher p a {
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.note_box_teacher p a span {
    font-size: 10px;
    color: #6F6F6F;
}    
.note_content_box {
    display: none;
    border: 1px dashed #67707F;
    margin: 10px 0 0 0;
    padding: 10px;
    background-color: #eee;
}
.note_content_box .close_box {
    float: right;
    text-align: right;
}
.note_content_box .note_content h3 {
    font-size: 11px;
    text-align: left;
    color: #476070;
    background-color: transparent;
    border-bottom: none;
    margin: 0 0 5px 20px;
    padding: 0;
}
.note_content_box .note_content h3 span {
    font-weight: normal;
}    
.note_content table {
    border: 1px solid #AFAFAF;
    font-size: 11px;
    width: 400px;
}
.note_content table td, .note_content table th {
    border: 1px solid #AFAFAF;
    padding: 2px;
}    
.cell_center_large .block_title {
    background-color: #E6EBEF;
	padding: 6px;
	border-bottom: dashed #cbdae3 2px;
	font-size: 14px;
	margin-right: 15px;
}    
.cell_center_large .question_box h4 {
    text-align: left;
    color: #476070;
    font-size: 12px;
    font-weight: bold;
    margin: 8px 0 4px 0;
    padding: 0;
}
.cell_center_large .question_box input {
    border: none;        
}    
.cell_center_large .question_box p {
    margin: 0 0 3px 13px;
}
.cell_center_large .question_box textarea {
    width: 590px;
    height: 60px;
}
#quiz_result {
    display: none;
    background-color: #F0F4F7;
    border-color: #BB052D #BECBD4;
    border-style: solid dashed;
    border-width: 2px;
    padding: 10px;
    margin: 10px 15px 10px 0;
}
.cell_center_large .result_link {
    text-align: right;
    margin-right: 15px;
}
.cell_center_large .result_link a {
    color: #01003A;
    text-decoration: underline;
}
.cell_center_large .news_item a {
    font-weight: normal;
}
.cell_center_large .news_item p.news_title {
    font-weight: bold;
    color: #C91B41;
    margin: 0;
}
p.news_title span {
    color: #476070;
    font-weight: normal;
    font-size: 11px;
}
.cell_center_large h1 span {
    color: #476070;
    font-weight: normal;
    font-size: 12px;
}