/* @override http://localhost/CEVC/Themes/styles.css */

/* CSS Document */

/*********************************************
 *** Style globaux sur balises
 *********************************************/
html
{
	height: 100%;
}
body
{
	margin: 0px;
	height: 100%;
}
p
{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding:2px 0px 0px 0px;
}
ol
{
	color: #666666;
}

a
{
	color: #B25E3A
}

a:hover
{	
	color: #5784BE;
}

/****************************************************
 *** Style spécifiques au tableau prinicipal*********
 ***************************************************/
 
 #MainTable
 {
 	width: 100%;
	height: 100%;
 }
 
 #MainTable .whiteSpacer
 {
 	width: 50%;
	background: #FFFFFF;
 }
 
 #MainTable .blueSpacerLeft
 {
 	width: 50%;
	height: 25px;
	background: url(Images/left_banner.gif) top right no-repeat;
 }
 
 #MainTable .blueSpacerRight
 {
 	width: 50%; 
 	height: 25px;
 	background: url(Images/right_banner.gif) top left no-repeat;
 }
 
 #MainTable .blueSpacerBottomLeft
 {
 	width: 50%;
	height: 16px;
	background: url(Images/left_bot_banner.gif)  top right no-repeat;
 }
 
  #MainTable .blueSpacerBottomRight
 {
 	width: 50%;
	height: 16px;
	background: url(Images/right_bot_banner.gif) top left no-repeat;
 }
 
 #MainTable .pivCell
 {
 	width: 760px;
	height: 100px;
	background: #FFFFFF;
 }
 
 #MainTable .crumbTrailCell
 {
 	width: 760px;
	height: 25px;
	background: url(Images/back_blue_top.gif) repeat-x;
	font: normal 11px Arial;
	color: #FFFFFF;
	padding: 6px 0px 0px 0px;
 }
 #MainTable .crumbTrailCell a
 {
	color: #FFFFFF;
 }
 
 #MainTable .bottomCentreCell
 {
 	width: 760px;
	height: 16px;
	background: url(Images/back_blue_bottom.gif) repeat-x;
 }
 
 #MainTable .copyrightCell
 {
 	width: 760px;
	height: 60px;
	text-align: center;
	ba
 }
 
 #PivTable
 {
 	width: 760px;
	height: 100px;
	background: #003399;
 }
 
 #PivTable .tablePiv
 {
 	height:19px;
 }
 
 #PivTable .tablePiv .cellPiv
 {
 	/*width: 80px;*/
 	padding-left: 20px;
 }
 
 #PivTable .tablePiv .cellPiv .linkPiv
 {
 	font: normal 11px Arial, Helvetica, sans-serif;
 	color: #FFFFFF;
 	text-decoration: none;
 }
 
 #MainContentCell
 {
 	height: 100%;
	width: 760px;
	padding-bottom: 8px;
 }
 
 /****************************************************
 *** Style spécifiques au tableau de contenu principal
 ***************************************************/
 #ContentTable
 {
	height: 100%;
	width: 760px;
	margin: 4px 0px 4px 0px;
 }
 /*styles de la cellule de menu**********************/
 #ContentTable .menuCell
 {
	height: 100%;
	width: 196px;
 }
 
 #ContentTable .menuCell .toolsMenu
 {
 }
 
 #ContentTable .menuCell .mainMenu
 {
	border-top: 1px solid #9E9E9E;
	border-left: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	margin-top: 3px;
	width: 196px;
	padding: 2px 2px 1px 2px;
 }
 
 #ContentTable .menuCell .mainMenu .tableMenu .niveau1
 {
	background: url(Images/arrow.gif) top right no-repeat;
	background-color: #5784BE;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 3px 0px 3px 0px;
	width: 190px;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
 }
 
 #ContentTable .menuCell .mainMenu .tableMenu .niveau1Selected
 {
 	background: url(Images/arrow.gif) top right no-repeat;
	background-color: #466BAD;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 3px 0px 3px 0px;
	width: 190px;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
 }
 
 #ContentTable .menuCell .mainMenu .tableMenu .niveau2
 {

	font: normal 11px Arial, Helvetica, sans-serif;
	background: #97B9DC;
	color: #003399;
	padding: 0px 0px 0px 0px;
	width: 100%;
	/*height:20px;*/
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	cursor: pointer;
 }
 #ContentTable .menuCell .mainMenu .tableMenu .spacerMenu
 {
	font: normal 11px Arial, Helvetica, sans-serif;
	background: #6E9ECD;
	width: 15px;
	color: #003399;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #FFFFFF;
	/*border-right: 1px solid #FFFFFF;*/
	cursor: pointer;
 }
 
 #ContentTable .menuCell .downloadMenu
 {
	font: normal 11px Arial, Helvetica, sans-serif;
 	border-top: 1px solid #9E9E9E;
	border-left: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	margin-top: 6px;
	width: 196px;
	padding: 2px 2px 1px 2px;
 }
 
 #ContentTable .menuCell .downloadMenu .documentList .text
 {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 0px 0px 0px 5px;
	border-top: 1px dashed #CCCCCC;	
	width: 100%;
 }
 
 #ContentTable .menuCell .downloadMenu .documentList .image
 {
 	border-top: 1px dashed #CCCCCC;
 	padding: 2px 5px 2px 4px;
 }
 
 /*styles de la cellule d contenu principal***********/
 #ContentTable .contentCell
 {
	height: 100%;
	width: 564px;
	border: 1px solid #9E9E9E; 
	padding: 1px 2px 2px 2px;
 }
 
 #ContentTable .contentCell .title
 {
 	background: url(Images/back_title.gif);
	width: 565px;
	height: 40px;
 }
 
 #ContentTable .contentCell .title .divTitle
 {
 	font: Bold 17px Arial, Helvetica, sans-serif;
 	color: #B25E3A;
 	padding: 10px 6px 0px 6px;
 	background: url(Images/underline_title.gif) bottom left no-repeat;
 	height: 30px; 
 }
 
 #ContentTable .contentCell .htmlContent
 {
 	font: normal 11px Arial, Helvetica, sans-serif;
 	color: #666666;
 	padding: 5px 10px 5px 10px;
 }
 /****************************************************
 *** styles génériques
 ***************************************************/
 a.copyright
 {
 	font: normal 10px Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
 }
 div.sousMenu
 {
 	position: relative;
	top: 3px;
	left: 0px;
	background: #97B9DC;
	display: none;
 }
 div.sousMenuOpen
 {
 	position: relative;
	top: 3px;
	left: 0px;
	background: #97B9DC;
	display: block;
 }
 
 div.item
 {
 	padding-left: 5px;
	width: 165px;
 }
  div.subItem
 {
 	padding: 2px 5px 2px 5px;
	width: 175px;
 }
 /****************************************************
 *** styles boite de communiqués
 ***************************************************/
 td.newsHeader
 {
 	width: 197px;
 	height: 24px;
 	background: url(Images/header_news2.gif) no-repeat;
 }
 
  td.newsHeaderHome
 {
 	width: 197px;
 	height: 24px;
 	background: url(Images/header_news1.gif) no-repeat;
 }
 
 td.newsFooter
 {
 	width: 197px;
 	height: 13px;
 	background: url(Images/footer_news.gif) no-repeat;
 }
 
div.newsSubTitle, .newsSubTitle
{
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #B25E3A;
	margin: 0px 8px 0px 8px;
	padding: 8px 0px 0px 0px;
}

div.newsTitle
{
	margin: 0px 8px 0px 8px;
}
a.newsTitle
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #5784BE;
	text-decoration: none;
}
a:hover.newsTitle 
{
	text-decoration: underline;

}

div.newsBriefContent
{
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #777777;
	margin: 0px 8px 0px 8px;
	line-height: 1.1 em;
}
 
 /****************************************************
 *** styles page de comuniqués
 ***************************************************/
 div.commDate
 {
 	font: bold 12px Arial, Helvetica, sans-serif;
	color: #B25E3A;
	margin: 0px 8px 0px 0px;
	padding: 8px 0px 0px 0px;
 }
 
 div.commTitle
 {
 	font: bold 14px Arial, Helvetica, sans-serif;
	color: #5784BE;
	
 }
 
  /****************************************************
 *** styles formulaire de mail
 ***************************************************/
 #MailBox
 {
 	border: 1px solid #C2C2C2;
 	width: 536px;
 	/*height: 250px;*/
 	padding: 2px;
 }
 #MailBox .titleMail
 {
 	background: url(Images/title_form_mail.gif) no-repeat;
 	width: 532px;
 	height:35px;
 }
 
 td.formLabel
 {
 	font: bold 11px Arial, Helvetica, sans-serif;
 	background: whitesmoke;
 	border-bottom: 1px dotted #CCCCCC;
 	border-right: 1px solid #DDDDDD;
 	color: #666666;
 	padding: 2px 10px 2px 6px;
 	width: 130px;
 }
 td.formInput
 {
 	padding: 5px 0px 3px 6px;
 	border-bottom: 1px dotted #CCCCCC; 
 }
 td.formButton
 {
 	padding-top: 3px;
 }
 /****************************************************
 *** styles générique des  formulaires
 ***************************************************/ 
 input.form
 {
 	font: normal 11px Arial, Helvetica, sans-serif;
 	color: #666666;
 	padding: 2px 4px 2px 4px;
 	width: 365px;
 }
 
 textarea.form
 {
 	font: normal 11px Arial, Helvetica, sans-serif;
 	color: #666666;
 	padding: 2px 4px 2px 4px;
 	width: 365px;
 	height: 115px;
 }
 
 input.button
 {
 	font: normal 11px Arial, Helvetica, sans-serif;
 	color: #666666;
 }
 
  /****************************************************
 *** styles des message imprimés à lécran
 ***************************************************/ 
 div.errMessage
 {	
 	position: absolute;
 	top: 250px;
 	left: auto;;
 	font: bold 12px Arial, Helvetica, sans-serif;
 	color: red;
 	border: 4px solid #0066CC; 
 	width: 280px;
	height: 150px;
 	padding: 40px 6px 6px 10px;
 	background: url(Images/err_message.gif);
	display: block;
	margin-left: 280px;
 }
 
 div.confMessage
 {	
 	position: absolute;
 	top: 250px;
 	left: auto;
 	font: bold 12px Arial, Helvetica, sans-serif;
 	color: #000000;
 	border: 4px solid #0066CC; 
 	width: 280px;
	height: 150px;
 	padding: 40px 6px 6px 10px;
 	background: url(Images/conf_message.gif);
	display: block;
	margin-left: 280px;
 }
 
 div.errMessageTemp
 {
 	font: bold 11px Arial, Helvetica, sans-serif;
 	color: red;
 }
 /****************************************************
 *** styles du plan du site
 ***************************************************/ 
 ul.siteMapRoot 
 
 	font: bold 12px Arial, Helvetica, sans-serif;
 	color: #0066CC;
 	margin: 10px 0px 0px 0px;
 }
 
 ul.siteMapRoot li
 {
 	padding: 8px 0px 8px 0px;
 }
 
 ul.siteMapRoot a
 {
 	color: #0066CC;
 	margin-top: 10px;
 }
 
 ul.siteMapSub 
 {
 	font: bold 12px Arial, Helvetica, sans-serif;
 	color: #0066CC;
 	/*margin: 10px 0px 0px 0px;*/
 }
 
 ul.siteMapSub li
 {
 	padding: 5px 0px 0px 0px;
 }
 
 ul.siteMapSub a
 {
 	color: #B25E3A;
 	margin-top: 10px;
 	text-decoration: none
 }
 
  /****************************************************
 *** styles de la liste de fichier associés aux nouvelles
 ***************************************************/ 
.fileText
 {
 	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0px 0px 0px 5px;
	border-top: 1px dashed #CCCCCC;	
	width: 100%;
 }
 
 a.menuLink, a.menuLink:hover
 {
 	width:165px;
 	height:10px;
 	color: #FFFFFF;
 	text-decoration: none;
 	 
 }
 a.subMenuLink, a.subMenuLink:hover
 {
 	width:165px;
 	height:10px;	
 	color: #003399;
 	text-decoration: none;
 }
 /********* Calendrier *********************/
 #calendrier{
	width: 190px;
	font: normal 12px Arial, Helvetica, sans-serif;
	border: solid 1px #9e9e9e;
	border-right: none;
	padding: 2px;
}
table.month {
	width: 190px;
	text-align:center;
	border-collapse: collapse ;
	font-size: 12px;
}

td.monthname {
	font: bold 12px Arial;
	color: #FFFFFF;
	width: 120px;
	background: #5784be;
	border-bottom: solid 2px #b25e3a;
	padding: 4px 0px 4px 0px;
}

td.monthnavigationpre
{
	width:25px;
	background: #039;
	border-bottom: solid 2px #b25e3a;
}

td.monthnavigationpost
{
	width:25px;
	background: #039;
	border-bottom: solid 2px #b25e3a;
}
td.monthnavigationpre a
{
	font-weight: normal;
}

td.monthnavigationpost a
{
	font-weight: normal;}

table.month .monthday
{
	padding : 2px 2px 2px 2px; 
	border: 1px solid #DDDDDD;
}
td.event{
	border: 1px solid #DDDDDD;
}
table.month .monthday a
{
	font: normal 12px Arial;
	text-decoration: none;
	color: #b25e3a;
}
table.month .event a
{
	font: normal 12px Arial;
	text-decoration: none;
	color: #b25e3a;
}
table.month .todayevent a{
	color: #b25e3a;
	background-color: #97b9dc;
	text-decoration: none;
	font: normal 12px Arial;
}
table.month .nomonthday
{
	padding : 2px 2px 2px 2px; 
	border: 1px solid #DDDDDD;
}

table.month .saturday
{
	padding : 2px 2px 2px 2px; 
	border: 1px solid #DDDDDD;
	background: whitesmoke;
}
table.month .saturday a
{
	font: normal 12px Arial;
	text-decoration: none;
	color: #b25e3a;
}
table.month .sunday
{
	padding : 2px 2px 2px 2px; 
	border: 1px solid #DDDDDD;
	background: whitesmoke;
}
table.month .sunday a
{
	font: normal 12px Arial;
	text-decoration: none;
	color: #b25e3a;
}

table.month .selectedday
{
	padding : 2px 2px 2px 2px; 
	border: 1px solid #DDDDDD;
	background: #999999;
}

.month a
{
	font: bold 12px Arial;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
}

.dayname {
	width: 25px;

}
.today {
	color: black;
	/*border: 1px dotted #CCCCCC;*/
	width: 25px;
	background: #5784be;
}
/******* Page transcription et video ********/
.headerlist{
 	width: 197px;
 	height: 24px;
 	background: url(Images/top_cadre.gif) no-repeat;
 	font: 14px Arial, Helvetica, Geneva, sans-serif;
 	padding-left: 10px;
 	color: #b25e3a;
 	}
.semaine, .video{
	background: url(Images/bottom_cadre.gif) no-repeat -1px bottom;
	width: 197px;
	padding-bottom: 10px;
}
.cadre_semaine a{
	padding-left: 15px;
	text-decoration: none;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}
.cadre_video a{
	padding-left: 15px;
	text-decoration: none;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}
.doc{
	padding: 10px;
	width: 540px;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}
.trans{
	padding: 10px;
	width: 300px;
	font: 12px Arial, Helvetica, Geneva, sans-serif;

}
.titre_doc{
	font-weight: bold;
	font-size: 12px;
	float: left;
	margin: 0;
}
.trans .desc_doc{
	margin: 0;
	text-align: justify;
	text-indent: 20px;
}
.doc .desc_doc {
	margin: 5px 0 0px 0px;
	text-align: justify;
}
.trans .icone_doc {
	width: 100px;
}
.doc .icone_doc {
	width: 300px;
}
.doc a, .trans a{
	text-decoration: none;
}
.icone_doc img {
	height: 24px;
}
.fichier_doc	{
	margin: 0;
	font-size: 10px;}
.doc .date{
	color: #bfbfbf;
	font-size: 10px;
	margin-right: 15px;
}
embed{
	margin-top: 20px;
	margin-bottom: 20px;

}
.vidTitle{
	margin-bottom: -10px;}
a.vidTitle
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #5784BE;
	text-decoration: none;
}
a:hover.vidTitle 
{
	text-decoration: underline;
}