/** Rest CSS by Eric Meyer
----------------------------------------------------------------------------------------------------*/
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,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/** Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 14px;
	color: #5d5d5d;
}

p, h1, h2, td {
	line-height: 1.6;
}

a {
	text-decoration: underline;
	color: #5d5d5d;
	
}
a:hover {
	color: #8D8D8D;
}

a:focus {
	outline: 0;
}

a.action_link {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #5d5d5d;
}

sup, sub {
	font-size: 75%;
}
sup{
	vertical-align: super;
}
sub{
	vertical-align: sub;
}

#content_text ul {
	list-style: square;
	list-style-type: square;
}
#content_text ul li {
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}

/** Menu
----------------------------------------------------------------------------------------------------*/
#menu a{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	text-shadow: rgba(0,0,0,0.7) 0px 1px 1px;
}
/*#menu a:hover{
	text-shadow: #000 0px -1px 1px;
}*/

#menu_access a{
	font-size: 12px;
	font-weight: bold;
	color: #5d5d5d;
	text-transform: uppercase;
	text-decoration: none;
}


ul#submenu li a {
	font-weight: bold;
	line-height: 32px;
	padding-left: 20px;
	text-decoration: none;
}
ul#submenu ul.level3 li a {
	font-weight: normal;
	line-height: 22px;
	text-decoration: none;
	padding-left: 20px;
}

ul#submenu.ressources_menu h2{
	font-weight: bold;
	line-height: 32px;
	padding-left: 20px;
	text-decoration: none;   
   color: #fff;
	background-color:#9c9c9c;
}

/* default color */
ul#submenu {
	background-color: #f5f5f5;
}
ul#submenu ul.level3 {
	background-color: #fdfdfd;
	border-bottom: 1px solid #dfdfdf;
}
#submenu a{
	color: #5d5d5d;
}
#submenu > li.active > a, #submenu > li > a:hover {
	color: #fff;
	background-color:#9c9c9c;
}
#submenu ul.level3 li.active > a, #submenu ul.level3 li > a:hover {
	color: #9c9c9c;
}
	

/** PDF Links
----------------------------------------------------------------------------------------------------*/
a.download{
   background: url('../images/icon_down.gif') 0 0 no-repeat;
   padding-left:20px;
}

/** Headings
----------------------------------------------------------------------------------------------------*/
h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 1.1em 0;
}

h2 {
	color: #5d5d5d;
	font-size: 14px;
}

h3 {
	font-size: 14px;
}

/** Table
----------------------------------------------------------------------------------------------------*/
#content_text table {
	width: 100%;
	margin-top: 30px;
}
#content_text table td {
	vertical-align: top;
	padding:15px 10px 15px 10px;
}
#content_text table th, #content_text table thead td {
	text-align: left;
	font-weight: bold;
	line-height: 1em;
	padding: 5px 5px 5px 10px;
}
#content_text table h3, #content_text table h2, #content_text table p {
	margin-left: 0px;
	margin-right: 0px;
}
#content_text table tr:nth-child(2n) {
	background-color: #f3f3f3;
}

/* horaire secretariat ds page Direction */
table#table_horaire {
	margin-top: auto;
}
table#table_horaire td{
	padding: 2px;
}

/* tableau pour les horaires de classes (collèges) */
#content_college table {
	margin-bottom: 20px;
}

td.horaire_entete {
	width: 123px;
	text-align: right;
	padding-right: 17px;
}

/* tableau agenda sidebar info speciales */
.info_box{
   background-color:#f3f3f3;
   padding:10px;
}
.info_box h2{
   padding:0 5px;
   text-transform: uppercase;
   font-size:16px;
   margin:0;
}
.info_box p{
   padding:0 5px;   
}
.info_box table {
   border:1px solid #CDCDCD;
}
.info_box table td{
   line-height: 1em;
	padding: 8px 5px;
}
.info_box table tr {
	background-color: #fff;
   border:1px solid #CDCDCD;	
}
.info_box table tr:nth-child(2n) {
	background-color: #f3f3f3;
}

/** Others
----------------------------------------------------------------------------------------------------*/
#content_text div.content_double_column {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}
/* if no css columns support : */
.no-csscolumns #content_text div.content_double_column{
	width: 560px;
}
#content_text h1, #content_text h2, #content_text h3,
#content_text div.content_double_column p {
	margin-right: 5px;
	margin-left: 5px;
}

#footer {
	font-size: 11px;
}
#footer a {
	color: #5d5d5d;
}


/** Colours
----------------------------------------------------------------------------------------------------*/
/* Administration */
.color_admin, .administration a { 	color: #1b88a6;}
.color_admin:hover, .administration a:hover {	color:#1FB7DF;}
/* collèges */
.color_colleges, .colleges a { color: #8aa626;}
.color_colleges:hover, .colleges a:hover {	color: #B1D72E;}
/* santé scolaire */
.color_sante, .sante-scolaire a { 	color: #5c5a78;}
.color_sante:hover, .sante-scolaire a:hover {	color: #8D8AB8;}
 /* transport */
.color_transports, .transports a {	color: #d45566;}
.color_transports:hover, .transports a:hover { 	color: #F96378;}
/* parascolaire */
.color_parascolaire, .parascolaire a { color: #f2b861;}
.color_parascolaire:hover, .parascolaire a:hover { 	color: #FFCF51;}

.transports #submenu.ressources_menu a{color: #d45566;}

/* action link color */
.administration a.action_link { color:#1b88a6; border-color:#1b88a6; }
.administration a.action_link:hover { color:#1FB7DF; border-color:#1FB7DF; }
.colleges a.action_link 		{ color:#8aa626; border-color:#8aa626 ; }
.colleges a.action_link:hover	      { color:#B1D72E; border-color:#B1D72E ; }
.sante-scolaire a.action_link { color:#5c5a78; border-color:#5c5a78; }
.sante-scolaire a.action_link:hover { color:#8D8AB8; border-color:#8D8AB8; }
.transports a.action_link 		{ color:#d45566; border-color:#d45566; }
.transports a.action_link:hover 		{ color:#F96378; border-color:#F96378; }
.parascolaire a.action_link 	{ color:#f2b861; border-color:#f2b861; }
.parascolaire a.action_link:hover 	{ color:#FFCF51; border-color:#FFCF51; }

/* submenu color */
.administration ul#submenu { background-color: #e8ebec; }
.administration ul#submenu ul.level3 { background-color: #f9f9fa; border-bottom: 1px solid #7abcce; }
.administration #submenu > li.active > a, .administration #submenu.ressources_menu > li > h2,
.administration #submenu > li > a:hover { background-color:#1b88a6; color: #fff; }
.administration #submenu ul.level3 li.active > a,
.administration #submenu ul.level3 li > a:hover { color: #1b88a6; }

.colleges ul#submenu { background-color: #f3f6e9; }
.colleges ul#submenu ul.level3 { background-color: #fbfcf8; border-bottom: 1px solid #d7e0b4; }
.colleges #submenu > li.active > a, .colleges #submenu.ressources_menu > li > h2,
.colleges #submenu > li > a:hover { background-color:#8aa626; color: #fff; }
.colleges #submenu ul.level3 li.active > a,
.colleges #submenu ul.level3 li > a:hover { color: #8aa626; }

.sante-scolaire ul#submenu { background-color: #efeff1; }
.sante-scolaire ul#submenu ul.level3 { background-color: #f9f9fa; border-bottom: 1px solid #adacbb; }
.sante-scolaire #submenu > li.active > a, .sante-scolaire #submenu.ressources_menu > li > h2,
.sante-scolaire #submenu > li > a:hover { background-color:#5c5a78; color: #fff; }
.sante-scolaire #submenu ul.level3 li.active > a,
.sante-scolaire #submenu ul.level3 li > a:hover { color: #5c5a78; }

.transports ul#submenu { background-color: #f1eeef; }
.transports ul#submenu ul.level3 { background-color: #fbfcf8; border-bottom: 1px solid #e3a8b0; }
.transports #submenu > li.active > a, .transports #submenu.ressources_menu > li > h2,
.transports #submenu > li > a:hover { background-color:#d45566; color: #fff; }
.transports #submenu ul.level3 li.active > a,
.transports #submenu ul.level3 li > a:hover { color: #d45566; }

.parascolaire ul#submenu { background-color: #f1eeef; }
.parascolaire ul#submenu ul.level3 { background-color: #fbfcf8; border-bottom: 1px solid #f5dab1; }
.parascolaire #submenu > li.active > a, .parascolaire #submenu.ressources_menu > li > h2,
.parascolaire #submenu > li > a:hover { background-color:#f2b861; color: #fff; }
.parascolaire #submenu ul.level3 li.active > a,
.parascolaire #submenu ul.level3 li > a:hover { color: #f2b861; }

/* PDF Links .download */
.administration a.download{ background-position:0 -20px;}
.colleges a.download{ background-position:0 -40px;}
.sante-scolaire a.download{ background-position:0 -60px;}
.transports a.download{ background-position:0 -80px;}
.parascolaire a.download{ background-position:0 -100px;}

/* table header color */
#content_text th, #content_text thead td { background-color: #777; color: #fff; }
.administration #content_text th, .administration #content_text thead td { background-color: #1b88a6; color: #fff; }
.colleges #content_text th, .colleges #content_text thead td { background-color: #8aa626; color: #fff; }
.sante-scolaire #content_text th, .sante-scolaire #content_text thead td { background-color: #5c5a78; color: #fff; }
.transports #content_text th, .transports #content_text thead td { background-color: #d45566; color: #fff; }
.parascolaire #content_text th, .parascolaire #content_text thead td { background-color: #f2b861; color: #fff; }