/*************************************************
Styles V5
*************************************************/

body
{
	margin: 0;
	font-size: 8pt;
	font-family: Arial;
}

img
{
	border: 0px;
}

.titre
{
	border-left: 1px solid #014299;
	border-collapse: collapse;
	color: White;
	background-color: #4883D2;
	background-image: url(../images/cointitre.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 16px 10px 6px 10px;
	display: block;
	margin-left: 10px;
	margin-top:16px;
}

.path
{
	margin: 10px 15px 10px 10px;
}

.path a
{
	text-decoration: none;
	color: #4883D2;
	font-weight: bold;
}

.lastConnection
{
	margin-top:12px;
	margin-right:5px;
	float:right ;
	font-size:7pt ;
	color:#AAA ;
}

.bottom
{
	margin-top: 20px;
}

.logo
{
	float: right;
	margin-top: 2px;
	margin-right: 5px;
	text-align: right;
}
.logo a
{
	text-decoration: none;
}

.logoImg
{
	float: right;
	padding-right: 10px;
}

td.paccueil 
{
	border: 1px solid #295097;
}

.authTOP
{
	width: 474px;
	height: 200px;
	background-image: url(../images/auth.png);
	background-repeat: no-repeat;
}

.auth
{
	width:480px;
}

.auth td
{
	color: #295097;
}

.auth td hr
{
	height: 1px;
	border-top: 0px;
	border-bottom: 1px solid #eee;
	margin: 0px;
}

.auth input
{
	margin: 0px;
}

.authmsg
{
	font-size: 10pt;
	color: #284A90;
	border: 1px solid #284A90;
	margin: 20px;
	background-color: #C6D2F7;
	text-align: center;
	padding: 2px;
}

.authmsg *
{
	font-size: 10pt;
}
.auth_inputs
{
	width: 100%;
}
.auth_inputs td
{
	border-top: 1px solid #eee;
}
.auth_inputs input
{
	width: 150px;
}

.delog
{
	position: absolute;
	right: 15px;
	top: 65px;
}

.delog a
{
	color: White;
}

/*.bouton
{
	background-color: #D9E9FD;
	border: 1px solid #284A90;
	color: #284A90;
	margin-bottom: 1px;
}*/

.boutonAction
{
	background-color: white;
	border: 0px;
	text-align: left;
	padding-left: 20px;
	background-image: url(../images/imgAction.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #284a90;
	font-weight: bold;
	width: auto;
	font-size: 11px;
}

hr.clear
{
	clear: both;
	width: 50%;
}

.error
{
	color: #cc4400;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	font-size: 130%;
}

.error a
{
	color: #284a90;
}

.content
{
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #014299;
	border-right: 1px solid #014299;
	border-left: 1px solid #014299;
	padding: 0px 0px 20px 0px;
}

.contentpad
{
	padding: 5px;
}

.BoutonAccueil
{
	float: left;
}

.liste_boutons
{
	width:100%;
	height:30px;
	text-align : left;
}

.liste_boutons input
{
	margin: 5px 5px 5px 0px;
}

.liste_boutons_fixes
{
	display: inline; /*border: 1px solid blue;*/
	padding: 3px;
	margin: 3px 0;
}

.liste_boutons_clic
{
	display: none; /*border: 1px solid red;*/
	padding: 3px;
	margin: 3px 0;
}

hr.ligne
{
	border-top: 1px solid #014299;
	height: 1px;
}

.noHead
{
	display: none;
}
.editorsZone
{
	padding: 5px;
}

/***********************************************
ATLAS
***********************************************/
.atlas_loading
{
	float: right;
}

/***********************************************
Menu de type onglet
***********************************************/
.menudiv
{
	margin: 30px 10px 0 10px;
}
.menudiv .mbar
{
	padding: 0px;
	border-right: 1px solid #000;
	font-size: 8px;
	margin: 0 2px;
}
.menudiv a
{
	text-decoration: none;
	white-space: nowrap;
}

.menudiv ul
{
	list-style: none;
	margin: 0px;
	padding:0px;
}

.menudiv li
{
	display: inline;
}

.menudiv div.menu0
{
	padding: 2px 0px;
}

.menudiv div.menu1
{
	padding-top: 2px;
}

.menudiv div.menu2
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.menudiv div.menu0 li a
{
	border-left: 1px solid #014299;
	background-image: url(../images/coinonglet.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 3px 9px 2px 9px;
	color: #014299;
	margin-right: 2px;
}

.menudiv div.menu1
{
	border-left: 1px solid #014299;
	border-right: 1px solid #014299;
	border-top: 1px solid #014299;
	background-color: #4883D2;
	background-image: none;
}

.menudiv div.menu2
{
	background-color: #97C4FE;
	background-image: none;
	padding-left: 6px;
	border-left: 1px solid #014299;
	border-right: 1px solid #014299;
	border-top: 1px solid #4883D2;
	border-bottom: 1px solid #014299;
}

.menudiv div.menu1 li a
{
	color: White;
	padding: 2px 6px 2px 6px;
}

.menudiv div.menu2 li a
{
	color: #014299;
}

.menudiv div.menu0 .currentnode a
{
	background-color: #4883D2;
	color: White;
}
.menudiv div.menu1 .currentnode a
{
	background-color: #97C4FE;
	padding: 2px 6px 2px 6px;
}

.menudiv div.menu2 .currentnode a
{
	font-weight: bold;
	color: Black;
}

/*.menudiv div.menu0 > ul, .menudiv div.menu1 > ul, .menudiv div.menu2 > ul
{
	/*margin-left: -40px;
}*/

/***********************************************
Menu treeview
***********************************************/
.menudiv2
{
	padding: 2px;
}
.menudiv2 a
{
	text-decoration: none;
	color: #014299;
}

/***********************************************
Treeview rôles
***********************************************/

.tree
{
	padding: 5px;
	font-size: 13px;
}
.tree ul
{
	list-style: none;
	list-style-image: none;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0px;
}
.tree li
{
	list-style: none;
}
.tree li img
{
	vertical-align: middle;
	cursor: pointer;
}

.tree .checkAll
{
	height: 10px;
	width: 10px;
	margin: 4px 5px 3px 5px;
	vertical-align: top;
}

.tree a
{
	text-decoration: none;
	color: #284A90;
}

.tree a:hover
{
	text-decoration: underline;
}


/***********************************************
Master2
***********************************************/

table.master2
{
	border-collapse: collapse;
	width: 100%;
}

td.master2
{
	border: 1px solid #014299;
	padding: 0px;
}

.content2
{
	border: 1px;
	margin: 0 10px 0 10px;
	padding: 0px 0px 20px 0px;
}

/*************************************************
Page des themes
*************************************************/

.theme
{
	text-align: center;
	margin: 10px 10px 30px 10px;
	width: 640px;
}

.theme td.currentTheme
{
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}

.theme td a
{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #014299;
}

.theme td a:hover
{
	color: White;
	background-color: #014299;
}
.theme td img
{
	border: 1px solid #014299;
	margin: 5px;
}

/*************************************************
Webpart RSS
*************************************************/
.rss
{
	height:300px;
	overflow:auto;
}

.rss ul
{
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	width: 90%;
}

.rss .date
{
	color: #666;
	padding-right: 3px;
	font-style: italic;
}

.rss a
{
	text-decoration: none;
	color: #014299;
	margin-left: 3px;
}

.rss a:hover
{
	text-decoration: underline;
}

.rssliste img 
{
	height: 16px;
}

/***********************************************
WebPart Signets
***********************************************/

.signetDossier
{
	border: 1px solid black;
	color: white;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #4883D2;
	cursor: pointer;
	margin-top: 5px;
}

.signetDossier img
{
	vertical-align: middle;
}
.signet
{
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid black;
	border-top: 0px;
	overflow: auto;
	width: auto;
}

.signet a
{
	text-decoration: none;
	color: #014299;
	margin-left: 8px;
}

.signet a:hover
{
	text-decoration: underline;
}

.signet ol
{
	margin: 0px;
	list-style-position: inside;
	width: 90%;
	padding: 0px;
}

a.signetPopup:hover
{
	background-image: url(../images/popup.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
}

/***********************************************
WebPartEditor
***********************************************/

.webPartEditor
{
	padding-top: 10px;
	font-family: Arial;
	font-size: 10pt;
}

.webPartEditor div
{
	margin: 5px 5px 5px 5px;
}

.webPartEditor span
{
	display: inline;
	float: left;
	width: 170px;
	font-size: 10pt;
	font-weight: bold;
	color: #014299;
}

/**********************************************
Menu DHTML
**********************************************/

ul#menu li ul
{
	display: none;
}
ul#menu li:hover > ul
{
	display: block;
}
ul#menu *
{
	z-index: 100;
}

ul#menu
{
	margin: 0px 0px 10px 0px;
	width: 200px;
}

ul#menu, ul#menu ul
{
	list-style: none;
	background-image: url(../images/fondMenu3.png);
	background-color: #97C4FE;
	margin: 0px;
	padding: 0px;
}

ul#menu ul
{
	margin: 0px;
	position: absolute;
	top: -1px;
	left: 199px;
	width: 200px;
}

ul#menu ul ul
{
	left: 199px;
}

ul#menu li
{
	position: relative;
	line-height: 25px;
	border-bottom: 1px solid #6996D2;
}

ul#menu li a
{
	display: block;
	width: 190px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-decoration: none;
}
ul#menu li li a
{
	width: 190px;
}

* html ul#menu li a
{
	display: inline-block;
}

ul#menu li a:hover
{
	background-color: #4883D2;
	color: white;
}

ul#menu li span
{
	display: block;
	margin-right: 10px;
}

ul#menu li em
{
	padding: 0;
	margin: 0;
	font-style: normal;
}
ul#menu li em.R
{
	color: #F00;
}
ul#menu li hr
{
	border: none 0;
	height: 1px;
	margin: 4px 0 3px -10px;
}
ul[id=menu] li hr
{
	display: none;
}


/*************************************************
Popup de notification style MSN
*************************************************/
.n
{
	font-family: arial;
	font-size: 12px;
	border: 1px solid #4F608E;
	padding: 10px 5px 15px 5px;
	color: white;
	position: absolute;
	bottom: 0px;
	right: 15px;
	display: none;
	cursor: hand;
	background: #FEFEFF url(../images/notifMail.gif) repeat-x;
	color: #4F608E;
	overflow: hidden;
	height: 1px;
	width:300px;
}
.n a.close
{
	position: absolute;
	top: 0px; right: 0px;
	font-weight: bold;
}
.n a.close:hover
{
	color: white;
	background-color: #4f608e;
}

.typeMsg
{
	font-size:11px ;
	font-style:italic ;
	text-align:right;
	float:right ;
	color:#014299;
}

.dateMsg
{
	font-size:10px ;
	font-style:italic ;
	float:left ;
	color:#014299;
}

.emetteurMsg
{
	text-align:center;
	font-size:11px;
	color:#014299;
}

/*************************************************
Aide Contextuelle
*************************************************/
.aideCtx
{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	border: 1px solid #014299;
	color: #014299;
	font-size: 8pt;
	background-color: white;
	background-image: url(../images/fondPP.png);
	background-repeat: repeat-y;
	z-index: 10;
	font-weight:500;
	text-align:justify;
	font-family:Verdana ;
}

.aideEntete
{
	background-image:url(../images/InfoG.gif) ;
	background-repeat:no-repeat ;
	background-position:10px center;
	height:40px;
	padding-left:60px;
	padding-top:10px;
	font-size: 8pt;
	font-weight:bolder;
}

.aide
{
	padding-top:0px;
	padding-bottom:5px;
}

.aide p
{
	padding-left:10px;
	padding-right:10px;
}

.titreAide
{
	font-size: 11pt;
	font-weight:bolder;
}

.aideCellPremiereAction
{
	vertical-align:middle ;
}

.aidePremiereAction
{
	padding-left:8px;
	padding-right:8px;
	border-left: outset 1px  #014299;
	height:100%;
}

.aidePremiereAction span
{
	font-weight:bold;
}

.aidePremiereAction a
{
	font-weight:bold;
	padding-left : 15px;
}

.aidePremiereAction a:hover
{
	text-decoration:underline;
}

.aidePremiereAction li
{
	list-style-type:disc;
	margin-top:10px;
}

.tableauAide td
{
	padding:5px;
}



/*************************************************
Webpart postit
*************************************************/

.pie
{
	border: 1px solid white;
	background-image: url(../images/postit.gif);
	width: 198px;
	height: 198px;
	margin: auto;
}

.piecontent
{
	margin: 30px 30px 0px 25px;
	height: 135px;
}


/*************************************************
Webpart météo
*************************************************/

.divMeteo
{
	border: 1px solid #014299;
	width: auto;
	padding: 20px;
	margin: 20px;
	font-size: 10pt;
	font-weight: bold;
	color: #014299;
	text-align: center;
}

.cellMeteo
{
	margin: 10px;
	padding: 10px;
}

.cellMeteoDet
{
	margin: 10px;
	padding: 10px;
	font-size: 10pt;
	font-weight: normal;
	color: #014299;
	text-align: center;
}

.cellMeteoTitre
{
	font-size: 10pt;
	font-weight: bold;
	color: #014299;
	text-align: left;
}

.tableauMeteo
{
	font-size: 12pt;
	color: #014299;
	text-align: center;
}

.tableauMeteoblue
{
	border-style: solid;
	border-width: 1px;
	border-color: blue;
}

.tableauAlert
{
	FONT-WEIGHT:  bold;
	FONT-SIZE: 10pt;
    COLOR: white;
    BACKGROUND-COLOR: gray;
    TEXT-DECORATION: none;
    border: 2px solid red;
    border-collapse:collapse ;
}

.chaud
{
	color: Red;
}

.froid
{
	color: Blue;
}

.panelTodayMeteo
{
	padding: 0px 0px 0px 0px;
}

.panelTodayMeteo h4
{
	margin-bottom: 10px;
}

.imgMeteoToday
{
	padding-right: 8px;
}

.panelDaysMeteo
{
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.panelDaysMeteo td
{
	text-align: center;
	padding: 0px 10px;
}

.dataWeatherIcone
{
	float:right ;
}

.weatherText
{
	padding-top:3px ;
	padding-bottom:0px;
	font-size:7pt;
	/*float:right ;*/
	white-space:normal;
}


/*************************************************
Calendrier
*************************************************/

table.cal
{
	width: 120px;
	height: 80px;
	text-align: center;
	cursor: default;
	padding: 0px;
	vertical-align: middle;
	background-color: #fff;
	border:2px solid #014299;
	font-size: 8pt;
	font-family: Arial,Helvetica,Sans-Serif;
	font-weight: bold;
}

table.calTitle
{
	padding: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	color: #014299;
}


th.calWeek
{
	text-align: center;
	font-weight: bold;
	padding: 0px;
	color: #4883D2;
}

td.calDay
{
	background-color: #D9E9FD;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}

td.calDay a
{
	font-weight: bold !important;
	color: #000000;
	display: block;
	padding: 0px;
	text-decoration: none !important;
}

td.calDay a:hover
{
	background-color: #97C4FE;
}

td.calDayActive
{
	background-color: #FF9900 !important;
}

td.calDaySelected
{
	background-color: #4883D2 !important;		
}

td.calDayError
{
	background-color: #B73045 !important;
}

td.calDayActive a, td.calDaySelected a, td.calDayError a
{
	color: #fff !important;	
}

td.calOtherMonth
{
	color: #7F7F7F !important;
	background-color: #D9E9FD !important;
}

td.calWeekEnd a
{
	color: #BD3522 !important;
}


/* ScolaCalendar */

.scw
{
	padding: 1px;
	vertical-align: middle;
}

iframe.scw
{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	visibility: hidden;
	width: 1px;
	height: 1px;
}

table.scw
{
	padding: 0px;
	visibility: hidden;
	position: absolute;
	width: 200px;
	top: 0px;
	left: 0px;
	z-index: 2;
	text-align: center;
	cursor: default;
	padding: 1px;
	vertical-align: middle;
	background-color: #FFFFFF;
	border-color: #4883D2;
	border: solid 2px;
	font-size: 10pt;
	font-family: Arial,Helvetica,Sans-Serif;
	font-weight: bold;
}

td.scwDrag
{
	text-align: center;
	font-size: 8pt;
	background-color: #4883D2;
	padding: 0px 0px;
	color: #000000;
}

td.scwHead
{
	padding: 0px 0px;
	text-align: center;
}

select.scwHead
{
	margin: 3px 1px;
}

input.scwHead
{
	height: 22px;
	width: 22px;
	vertical-align: middle;
	text-align: center;
	margin: 2px 1px;
	font-size: 10pt;
	font-family: fixedSys;
	font-weight: bold;
}

td.scwWeekNumberHead
{
	text-align: center;
	font-weight: bold;
	padding: 0px;
	color: #97C4FE;
}

td.scwWeek
{
	text-align: center;
	font-weight: bold;
	padding: 0px;
	color: #4883D2;
}

table.scwCells
{
	text-align: right;
	font-size: 8pt;
	width: 96%;
	font-family: Arial,Helvetica,Sans-Serif;
}

td.scwCells
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #D9E9FD;
}

td.scwWeekNo
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #D9E9FD;
}

td.scwFoot
{
	padding: 0px;
	text-align: center;
	font-weight: normal;
	color: #4883D2;
}

td.scwFootClose
{
	padding: 0px;
	text-align: right;
	vertical-align: bottom;
	font-weight: normal;
	color: #000000;
}

td.scwWeeks
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #D9E9FD;
}

td.scwActiveCell
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #97C4FE;
}

td.swcInputDate
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	background-color: #4883D2;
	color: #FFFFFF;
}

td.swcWeekendDays
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	background-color: #D9E9FD;
	color: #BD3522;
}

td.scwDisabledCell
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	background-color: #999999;
	color: #000000;
}

td.scwExMonth
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	background-color: #D9E9FD;
	color: #7F7F7F;
}

td.scwDisabledWeekend
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	background-color: #999999;
	color: #CC6666;
}

td.scwDisabledInDate
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	background-color: #CC9999;
	color: #FF0000;
}

td.scwDisabledExMonth
{
	padding: 3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	font-weight: bold;
	background-color: #999999;
	color: #666666;
}

.boutonPrecedent, .boutonSuivant
{
	border:0;
	width:16px;
	cursor:pointer;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
}

.boutonPrecedent
{
	background-image : url(../images/imgPrecedent2.gif) ;
}

.boutonSuivant
{
	background-image : url(../images/imgSuivant2.gif) ;
}

.maskedEditError
{
	background-color:#FE6D71;
}

/*************************************************
Webpart groupes
*************************************************/

.wpgroupes
{
	overflow: auto;
}
.wpgroupes a
{
	padding-right: 15px;
	text-decoration: none;
}

.wpgroupes a:hover
{
	background-image: url(../images/fleche_bas.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
.PPwpgroupe a
{
	display: block;
	margin: 4px 0px;
	width: 100%;
}
.PPwpgroupe a:hover
{
	color: white;
	background-color: #014299;
}

.PPwpgroupe .createBooksFolderImg
{
	background-image: url(../images/tree/folderSignetsNew.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.PPwpgroupe .gotoDossierImg
{
	background-image: url(../images/tree/folder.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.PPwpgroupe .mailImg
{
	background-image: url(../images/enveloppe.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.PPwpgroupe .newNewsImg
{
	background-image: url(../images/newNews.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.PPwpgroupe .newsImg
{
	background-image: url(../images/news.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.PPwpgroupe .collecteNewImg
{
	background-image: url(../images/tree/filefoldernew.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.PPwpgroupe .collecteImg
{
	background-image: url(../images/tree/filefolder.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.PPwpgroupe .forumNewImg
{
	background-image: url(../images/tree/folderPartageNew.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.PPwpgroupe .forumImg
{
	background-image: url(../images/tree/folderPartage.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

/*************************************************
Popup accès rapide
*************************************************/

.popupAR
{
	float: left;
	text-align: left;
}
.popupAR a
{
	margin: 4px 0px;
	display: block;
	width: 100%;
}

.popupAR a:hover
{
	color: white;
	background-color: #014299;
}


/*************************************************
Webpart Messagerie
*************************************************/

.messagerie_Global
{
	overflow : auto ;
	height: 300px ;
}

.message_Contenu img
{
	vertical-align: middle;
}

.message_Contenu
{
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #D9E9FD;
	border-top: 0px;
	overflow: auto;
	width: auto;
}

.message_Contenu ol
{
	margin: 0px;
	list-style-type: none;
	width: 90%;
	padding: 0px;
}

.message_Date
{
	color: black;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #D9E9FD;
	margin-top: 5px;
}

.message_Heure
{
	color: #666;
	padding-right: 3px;
	font-style: italic;
}

.message_Contenu a
{
	text-decoration: none;
	color: #014299;
	margin-left: 3px;
}

.message_Contenu a:hover
{
	text-decoration: underline;
}

/*************************************************
Webpart Agenda Liste
*************************************************/

.agendaListe_Global
{
	overflow : auto ;
}

.agendaListe_Contenu img
{
	vertical-align: middle;
}

.agendaListe_Contenu
{
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #D9E9FD;
	border-top: 0px;
	overflow: auto;
	width: auto;
}

.agendaListe_Contenu ol
{
	margin: 0px;
	list-style-type: none;
	width: 90%;
	padding: 0px;
}

.agendaListe_Date
{
	color: black;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #D9E9FD;
	margin-top: 5px;
}

.agendaListe_Heure
{
	color: #666;
	padding-right: 3px;
	font-style: italic;
}

.agendaListe_Contenu a
{
	text-decoration: none;
	color: #014299;
	margin-left: 3px;
}

.agendaListe_Contenu a:hover
{
	text-decoration: underline;
}

/*************************************************
Webpart Moteurs de recherche
*************************************************/

ul.wpmoteur
{
	list-style-type: none;
	margin: 2px;
}

ul.wpmoteur li
{
	display: inline;
	
	padding: 2px 5px;
	background-color: #F0F6FF;
	cursor: pointer;
	/*margin-right: 3px;*/
	color: #014299;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

ul.wpmoteur li.wpmcurrent
{
	background-color: #CBE2FF;
	border-top: 1px solid #97C4FE;
	border-right: 1px solid #97C4FE;
	border-left: 1px solid #97C4FE;
	font-weight: bold;
	
}

.wpmoteurc
{
	display: none;
	padding: 10px;
	background-color: #F0F6FF;
	margin: 0 2px;
	border: 1px solid #97C4FE;
	/*white-space: nowrap;*/
}

.wpmoteurc img, .wpmoteurc input
{
	vertical-align: middle;
}

/*************************************************
XML Littré
*************************************************/
.xmlittres 
{
	white-space: normal;
	margin-top: 5px;
	border-top: 1px solid #97C4FE;
	padding: 3px 0;
}

.xmlittres .aut  {
  text-decoration: none;
  font-style: normal;
  font-weight: bolder;
  color: rgb(0%, 50%, 0%)
}
.xmlittres span.citation {
  display: block;
  margin-top: 0em;
  text-indent: 1em;
}

.xmlittres span.cit  {
  font-style: italic;
  font-weight: normal;
  color: rgb(0%, 0%, 50%)
}
.xmlittres .entree {
  font-style: normal;
  font-weight: bolder;
  text-align: center;
  font-size: 200%;
  margin-bottom: .3ex;
}
.xmlittres #options
{
	display: none;
}
.xmlittreclear 
{
	color: #c40;
	font-weight: bold;
	display: inline;
	cursor: pointer;
}
.xmlcopy
{
	font-size: 80%;
	border-top: 1px solid #97C4FE;
	padding-top: 2px;
}

/*************************************************
Modal Popup
*************************************************/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup, .maPFConteneur
{
	background-color: #EDF5FF;
	background-image: url(../images/fondPP.png);
	background-repeat: repeat-y;
	padding: 5px 5px 5px 5px;
	border: 3px solid Gray;
	text-align: center;
}

.modalPopup input
{
	margin: 5px;
}

.modalPopup a:hover
{
	text-decoration: underline;
}

.modalPopup .lienCharte
{
	font-weight: bolder;
	font-size: 11px;
	color: #445566;
}

.modalPopupTitre
{
	color: white;
	padding: 5px;
	padding-left: 5px;
	margin: -5px -5px 10px 0px;
	font-weight: 700;
	font-size: 9pt;
	background-color: #9DA2A5;
	text-align: left;
	border-bottom: 10px;
}

.modalPopupTitre img
{
	float: left;
	margin-right: 10px;
}

.modalRadio, .modalTxt
{
	font-style: italic;
	font-size: 9pt;
	font-family: Arial;
	cursor: pointer;
	color: #014299;
}

.lblCharte
{
	padding-right: 5px;
	font-weight: bolder;
	font-size: 11px;
	color: #445566;
}

/*******************************************
Modal PopUp pour infos version A propos
********************************************/
.modalPopUpAPropos
{
	background-color: #EDF5FF;
	background-image: url(../images/fondPP.png);
	background-repeat: repeat-y;
	border: 3px solid Gray;
	clear: both;
	display: block;
	height: 400px;
	list-style-position: inside;
	visibility: visible;
	list-style-type: disc;
	text-align: center;
}

.modalPopUpAPropos input
{
	margin-top: 5px;
}

.modalPopUpAProposTitre
{
	background-color: #9DA2A5;
	color: white;
	font-family: Arial,Verdana;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
	text-align: left;
	margin-top: -5px;
	margin-right: -5px;
	margin-bottom: 3px;
	height: 20px;
	padding: 3px 5px 3px 5px;
}

.modalPopUpAPropos #divModuleInstalle
{
	text-align: left;
	background-color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}

.modalPopUpAPropos li
{
	font-style: italic;
	font-size: 9pt;
	font-family: Arial;
	color: #014299;
	padding-left: 40px;
}

.modalTxtAproposEnteteVersion, .modalTxtAproposEntete, .modalTxtAproposServeur, .modalTxtAproposTitreModule, .modalTxtApropos
{
	color: #014299;
	font-family: Arial;
}

.modalTxtApropos
{
	font-style: italic;
	font-size: 8pt;
}
.modalTxtAproposTitreModule
{
	font-size: 9pt;
	font-style: italic;
	padding-left: 120px;
}
.modalTxtAproposEntete
{
	font-size: 9pt;
	font-weight: 700;
}
.modalTxtAproposServeur
{
	font-size: 7pt;
}
.modalTxtAproposEnteteVersion
{
	font-size: 9pt;
	font-weight: 400;
}

/*************************************************
Page traductions
*************************************************/
.tradListe input 
{
	margin: 2px;
	width: 30%;
}

/*************************************************
Multipage accueil
*************************************************/
.pagesAccueil
{
	float: right;
}

.menuAcc ul, .menuAcc2 ul
{
	margin: 0px;
}
.menuAcc li, .menuAcc2 li
{
	display: inline;
	padding: 3px 0px;
}
.menuAcc, .menuAcc2 
{
	padding: 2px 0;
	border-bottom: 1px solid #014299;
	background-color: #D7E4F5;
	background-image: none;
}
.menuAcc li a, .menuAcc2 li a
{
	text-decoration: none;
	color: #014299;
	padding: 3px 6px 3px 6px;
}

.btLoupe
{
	cursor: pointer;
}


/*************************************************
Webpart template
*************************************************/

.wpdiv
{
	border: 1px solid black;
	overflow: hidden;
}

.wptitre
{
	background-color: #97C4FE;
	color: White;
	font-weight: bold;
	padding: 2px;
}

.wpverbs
{
	float: right;
}

.wpverbs img
{
	padding-right:3px;
}

.wpcorps
{
	padding: 5px;
}

.wpdragbar
{
	border-top: 2px solid blue;
	visibility: hidden;
	font-size: 2px;
}

/*************************************************
Webpart template Login.Aspx
*************************************************/

.wpdivNone
{
	border: 0px solid black;
	overflow: hidden;
}

.wptitreNone
{
	display:none ;
}

.wpcorpsNone
{
	border:0px solid black;
}
/**************************************
Page Load
***************************************/
.loading
{
	position: absolute; 
	background-color:Gray; 
	layer-background-color: Gray; 
	filter:alpha(opacity=70);
	opacity:0.7; 
	width: 100%;
	text-align:center ;
}

.msgLoading
{
	position: absolute;
	top: 50%;
	
}
.imgLoading
{
	 vertical-align:middle; 
	 text-align:center; 
	 background-position:center;
}

/***********************************************
WebPart Membres
***********************************************/

.panelMembres
{
	overflow : auto ;
	height: 300px ;
}

.listeMembresNb
{
	font-size: 90%;
}

.listeMembres
{
	margin: 0px;
	list-style-position: inside;
	width: 90%;
	padding: 0px;
	font-size:10px;
}

.listeMembres li 
{
	padding-left:10px;
	padding-bottom:2px;
	color: #014299;
}

.listeMembres a
{
	cursor: pointer;
}

.mbrEleve
{
	list-style-image:url(../images/tree/eleve.gif);
}

.mbrParent
{
	list-style-image:url(../images/tree/parent.gif);
}

.mbrAutre
{
	list-style-type:circle;
}
/*************************
Ma scolarité
***************************/
.DernieresInfo
{
	margin: 0px;
	list-style-position:inherit;
	width: 90%;
	padding: 0px;
	font-size:10px;
}

.DernieresInfo li 
{
	padding-left:5px;
	padding-bottom:2px;
	color: #014299;
	list-style-type:none;
}

.DernieresInfo strong
{
	color:Red; 
}

.wpmoteurc hr
{
	color: #97C4FE;
	background-color: #97C4FE;
	height:1px;
	border:0px;
}
/************************
Fiche détail
*************************/
.wpmoteurFd
{
	/*display: none;*/
	padding: 10px;
	margin: 0 2px;
	border: 1px solid #97C4FE;
	white-space: nowrap;
}

.WpSelected
{
	background-color: #CBE2FF;
	border-top: 1px solid #97C4FE;
	border-right: 1px solid #97C4FE;
	border-left: 1px solid #97C4FE;
	font-weight: bold;
}
.WpUnSelected
{
	padding: 2px 5px;
	background-color:#F0F6FF; /*#F0F6FF;*/
	cursor: pointer;
	margin-right: 3px;
	color: #014299;
	
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
/**/


/************************
Gestion Documentaire
*************************/

.gestDocGlobal
{
	background-color:White ;
	border : solid 2px #4883D2;
}



.gestDocMenu
{
	padding:2px;
	background-color : #4883D2;
	font-size:10pt;
	font-weight:bold;
}

.gestDocInfos
{
}

.lienDoc
{
	cursor:pointer;
}

.verticaltext{
writing-mode: tb-rl; 
filter: flipH() flipV();
}
.iframeGoogle
{
	vertical-align:middle;
	max-height :300px;
	overflow:auto;
}

/****************************
WebPart LearningKit
*****************************/


.LearningKitGrid
{
	border: solid 1px #D9E9FD;
}
.LearningKitGrid TD
{
	padding: 3px;
}
.LearningKitGrid .Header_, .LearningKitGridNotes .Header_
{
	color: black;
	font-weight: bold;
	background-color: #D9E9FD;
	margin-top: 5px;
}
.LearningKitGrid .Name_
{
	width: 90%;
}
.LearningKitGrid .Name_ a:hover
{
	text-decoration: underline;
}

.PanelNotesLearningKit
{
	margin-top:10px;
	height:250px;
	overflow:auto;
}

.LearningKitGridNotes
{
	border: solid 1px #D9E9FD;
	width:96%;
}

/****************************
Ma Première fois
*****************************/

.maPFConteneur 
{
	background-color:white;
	border: solid 3px #A5C0F6;
	color:#0D4A88;
	font-family:Arial,Verdana;
	height:400px;
	width:600px;
}

.maPFTitre
{
	background-color:#AEC7F8;
	font-weight: bold;
	font-size:10pt;
	vertical-align:middle;
	padding:3px;
}

.maPFContenu
{
	width:100%;
	height:90%;
	overflow:auto;
}

.maPFGaucheFixe
{
	width:60%;
	float:left;
	font-family:Verdana;
	padding-bottom:30px;
	text-align:left;
}

.maPFGaucheFixe table
{
	margin: 10px 7px 0px 7px ;
}

.maPFGaucheFixe div
{
	color:#5984B3;
	margin-bottom:30px;
}

.maPFGaucheFixe .imgLeft
{
	margin-top:20px;
	margin-right:15px ;
	float:left;
}

.maPFGaucheFixe .imgRight
{
	margin-top:20px;
	margin-left:15px ;
	float:right;
}

.maPFGaucheFixe ol
{
	list-style-image:URL(../../../images/PremiereFois/puceCarree.gif);
	list-style-position:outside;
	margin-left:20px;
	font-size:10pt;
	font-weight:bold;
}

.maPFGaucheFixe img
{
	width:180px;	
	height:100px;
}

.maPFDroiteFlux
{
	background-color:#F0F4F9;
	float:left;
	padding:7px;
	font-family:Verdana;
	color:#5984B3;
	text-align:left;
	min-width:50px;
}

.maPFDroiteFlux a
{
	font-weight:bold;
}

.maPFBas
{
	margin-bottom: -5px;
	margin-right: -5px;
	margin-top: 5px; /*padding: 3px;*/
	background-color: #AEC7F8;
	text-align: left;
	vertical-align: middle;
}