/* --------------------------------------------------------------

	* screen.css - Commission scolaire des Affluents

	* @type:    Screen
	* @langue:  Commun
	* @year:    2010
	* @author:  CyberGénération

--------------------------------------------------------------- */

/* Default setting.
--------------------------------------------------------------- */

	body {
		  font-family: Verdana, Helvetica, sans-serif;
		  font-size: 11px;
		  color: #223a44;
		  background: #011422;
	}

	#printHeader {
		display: none;
	}
	
	#pageContainer {
		position: relative; 
		width: 982px; 
		margin: 0 auto; 
	}

	a {
		color: #368ebe; 
		text-decoration: none; 
		font-weight: bold; 
	}
	
    a:hover	{
		color: #888; 
	}


/* globalClass.
--------------------------------------------------------------- */
	
	body div#pageContainer .last		{ background: none; }
	body div#pageContainer .left		{ float: left; }
	body div#pageContainer .clear		{ clear: both; float: none; height: 1%; }
	body div#pageContainer .hide		{ display: none; }


/* pageHeader
--------------------------------------------------------------- */

	#pageHeader {
		height: 154px;
	}
	
	#pageHeader .holder	{ 
		width: 982px; 
		margin: 0 auto; 
		position: relative;
	}
	
	#pageHeader a#logo {
		background: url(img/logo_pageHeader.gif) no-repeat; 
		display: block; 
		height: 112px; 
		width: 211px; 
		text-indent: -9999px; 
		position: absolute; 
		top: 2px; 
		left: 17px; 
	}
	
	#pageHeader .slogan {
		height: 46px;
		width: 267px;
		position: absolute;
		top: 51px;
		left: 272px;
		text-indent: -9999px;
	}
	
	#pageHeader	.noBorder {
		border: none;
	}


/* pageMenu
--------------------------------------------------------------- */

	/* quickMenu
	--------------------------------------------------------------- */

	#quickMenu { 
		position: absolute; 
		top: 9px; 
		right: 18px; 
	}
	
	#quickMenu li { 
		display: inline;
		padding: 0 6px 0 10px;
		border-left: 1px solid #444;
	}
	
	#quickMenu a { 
		font-size: 10px;
		color: #093a71;
	}


	/* mainMenu
	--------------------------------------------------------------- */
	
	#mainMenu {
		position: absolute;
		top: -38px;
		left: 0;
	}
	
	#mainMenu ul {
		width: 100%;
		display: block;
		height: 37px;

	}
	
	#mainMenu li {
		float: left;
		position: relative;
		width: auto;
		text-align: center;
		text-indent: -9999px;
	}
	
	#mainMenu a	{
		display: block;
		height: 25px;
		color: #fff;
		padding-top: 12px;
		/* #CG : modifier la valeur ci-dessous pour ajuster l'espace entre les éléments du menu */
		/* padding-left:12px; */
	}
	#mainMenu a.menu01 {padding-left:0;}
	
	#mainMenu a:hover{
		color: #b7bdc0;
	}
	
	/* style the table so that it takes no part in the layout - required for IE to work */
	#mainMenu table { 
		position: absolute; 
		top: 0;
		left: 0;
	}

	/* style for the dropdown menu */
	#mainMenu ul ul {
		position: absolute;
		top: 37px; 
		left: 0;
		visibility: hidden;
		margin-left: 0;
	}
	
	#mainMenu ul ul li {
		background: #f0f0f0;
		width: 209px; 
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #d6d6d6;
		text-align: left;
		text-indent: 0;
	}
	
	#mainMenu ul ul li a {
		height: auto;
		color: #5e6b70;
		font-size: 12px;
		padding: 11px 10px 9px 30px;
		background: url(img/arrow_submenu.gif) 14px 14px no-repeat;
	}
	
	#mainMenu ul ul li.topBorder {
		border-top: 1px solid #cdcdcd;
		padding-top: 2px; 
	}
	
	#mainMenu ul ul li.bottomBorder {
		border-bottom: 1px solid #cdcdcd;  
	}
	
	#mainMenu ul ul li.bottomBorder a {
		padding-bottom: 12px;	
	}
	


	

	/* hover of the dropdown menu */
	/* #mainMenu ul ul a:hover {
		color: #889ca8;	
		background: #fefefe url(img/arrow_submenu_select.gif) 26px 14px no-repeat;
	} */
	
	#mainMenu ul li:hover ul, #mainMenu ul li a:hover ul 	{ visibility:visible; }


	/* subMenu
	--------------------------------------------------------------- */

	/*#left_linklist .selected { background: #303030; }*/


/* quickSearch
--------------------------------------------------------------- */

	#quickSearch {
		position: absolute; 
		top: 50px;
		right: 20px;
		width: 279px;
	}

	#quickSearch fieldset { 
		border: none;
		margin: 0;
		padding: 2px 0 0 3px;
		background: url(img/bg_quicksearch.gif) 0 0 no-repeat;
		height: 27px;
		width: 276px;
	}
	
	#quickSearch legend,
	#quickSearch label { 
		display: none;
	}
	
	#quickSearch .field,
	#quickSearch_btn {
		float: left;	
	}
	
	#quickSearch .field {
		height: 21px;
		width: 183px;
		padding: 4px 4px 0 4px;
		border: 0; 
		margin: 0 3px 0 0;
		background: none;
	}

	#quickSearch_btn {
		text-indent: -9999px;
		width: 79px; 
		height: 25px; 
		margin: 0; 
		padding: 0;
		border: none; 
		cursor: pointer;
	}
	
	#quickSearch_btn:hover {
		background-position: bottom;	
	}


/* pageContent
--------------------------------------------------------------- */

	/* overflow:hidden pour forcé le wrappin dans FF - overflow:visible pour forcé le wrappin avec IE6  */
	#pageContent {
		overflow: hidden !important;
		overflow: visible;
		height: auto !important;
		min-height: 609px;
		height: 609px;
		color: #223a44;
		padding: 28px 0 0 10px;
	}
	
	
/* pageAccueil
--------------------------------------------------------------- */
	#pageAccueil #pageRow1 {
		height: 326px;
		padding: 2px 0 4px 0;
	}
	
	#pageAccueil #pageRow2 {
		clear: both;
		background: url(img/bg_row2.gif) 0 0 no-repeat;
		height: 261px;
	}
	
	#pageAccueil #pageRow2 h2 {
		color: #273f48;
		font-size: 12px;
		margin-bottom: 7px;
	}
	
	#pageAccueil #pageContent ul {
		list-style:none; margin:0; padding:0;
	}
	
	#slider {
		float: left;
		width: 730px;
		height: 323px;
		padding: 1px 0 0 4px;
	}
	
	#pub {
		float: left;
		width: 238px;
		height: 324px;
	}
	
	#pub .bureau-mini {
		height: 70px;
		width: 238px;
		position: relative;
	}
	
	#pub .bureau-mini a {
		display: block;
		width: 93px;
		height: 22px;
		position: absolute;
		left: 12px;
		bottom: 24px;
		text-indent: -9999px;
	}
	
	#pub .bureau-mini a:hover {
		background-position: left bottom;
	}
	
	#pub .bureau {
		height: 70px;
		width: 238px;
		position: relative;
	}
	
	#pub .bureau a {
		display: block;
		width: 93px;
		height: 22px;
		position: absolute;
		left: 12px;
		bottom: 24px;
		text-indent: -9999px;
	}
	
	#pub .bureau a:hover {
		background-position: left bottom;
	}
	
	#pub .autres {
		/* height: 172px;
		width: 224px;
		 background: url(img/bg_pub-vide.png) 0 0 no-repeat; */
	}
	#pub .autres4 img {
		height: 62px;
		width: 224px;
	}
	#pub .autres3 img {
		height: 84px;
		width: 224px;
	}
	
	#pub .autres2 img {
		height: 127px;
		width: 224px;
	}
	
	#pub .autres1 img {
		height: 254px;
		width: 224px;

	}
	
	#pageAccueil .box_agenda,
	#pageAccueil .box_dossier,
	#pageAccueil .box_recherche {
		float: left;	
	}
	
	
	/***AGENDA SCOLAIRE***/
	#pageAccueil .box_agenda {
		width: 302px;	
		padding: 11px 24px 0 24px; 
		overflow: hidden;
		position: relative;
		height: 250px;
	}
	
	#pageAccueil .news {
		overflow: hidden;	
	}
	
	#pageAccueil .news li {
		background: url(img/line_agenda.gif) left bottom no-repeat;
		margin-bottom: 7px;
	}
	
	#pageAccueil .news li,
	#pageAccueil .news .date,
	#pageAccueil .news .desc {
		float: left;
		
	}
	
	#pageAccueil .news a {
		color: #ed873b;
	}
	
	#pageAccueil .news p {
		font-family: Arial, Helvetica, sans-serif;
		color: #273F48;
		text-decoration: none;
	}
	
	#pageAccueil .news .date {
		color: #221f17;
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		height: 23px;
		width: 29px;
		padding: 8px 0 0 0;
		text-align: center;
		background: url(img/bg_date.gif) 0 0 no-repeat;
	}
	
	#pageAccueil .news .desc {
		width: 265px;	
		padding: 3px 0 0 4px;
	}
	
	#pageAccueil .news .desc p {
		margin-bottom: 13px;
	}
	
	#pageAccueil .box_agenda .btn {
		display: block;
		height: 23px;
		width: 139px;
		text-indent: -9999px;
		position: absolute;
		bottom: 12px;
		right: 18px;
	}
	
	#pageAccueil .box_agenda .btn:hover {
		background-position: bottom;	
	}
	
	/***DOSSIERS***/
	#pageAccueil .box_dossier {
		width: 364px;
		padding: 11px 0 0 14px;
	}
	
	#pageAccueil .dossiers li {
		float: left;
		padding: 4px 0;
		background: url(img/line_dossiers.gif) left bottom no-repeat;
	}
	
	#pageAccueil .dossiers a {
		display: block;
		color: #288dd0;
		font-size: 10px;
		height: 33px;
		width: 110px;
		padding: 15px 0 0 65px;
		/*text-indent: -9999px;*/
	}
	
	#pageAccueil .dossiers a:hover{
		text-decoration: underline;	
	}
	
	#pageAccueil .dossiers .twoLine a {
		height: 38px;
		padding-top: 10px;
	}
	
	
	
	/***RECHERCHE***/
	.box_recherche {
		width: 237px;	
		padding: 11px 0 0 7px;
	}
	
	.box_recherche form {
		padding: 14px 0 0 10px;	
	}
	
	.box_recherche h2,
	.box_recherche h3{	
		padding: 0 0 0 12px;
	}
	
	.box_recherche select {	
		width: 195px;
		height: 21px;
		margin-bottom: 12px;
		font-size: 1.0em;
		color: #595b5d;
		font-weight: bold;
	}
	
	.box_recherche button {
		height: 28px;
		width: 125px;
		border: 0;
		text-indent: -9999px;
		cursor: pointer;
		margin: 2px 0 0 37px;
	}
	
	.box_recherche button:hover {
		background-position: bottom;
	}
	
	#pageAccueil .box_recherche .affluents {
		margin-top: 15px;
		height: 93px;
		width: 235px;
		position: relative;
	}
	
	#pageAccueil .box_recherche .affluents a {
		display: block;
		height: 18px;
		width: 115px;
		text-indent: -9999px;
		position: absolute;
		top: 31px;
		left: 9px;
	}
	
	#pageAccueil .box_recherche .affluents a:hover {
		background-position: bottom;
	}
	
	
/* SLIDER
--------------------------------------------------------------- */
	#slider h2 {
		text-indent	: -9999px;
		width: 116px;
		height: 27px;
		position: absolute;
		top: 7px;
		right: 152px;
	}
	
	#slider .btn {
		display: block;
		height: 23px;
		width: 140px;
		position: absolute;
		bottom: 12px;
		right: 10px;
		text-indent: -9999px;
	}
	
	#slider .btn_ract {
		display: block;
		height: 23px;
		width: 140px;
		position: absolute;
		bottom: 12px;
		right: 10px;
		text-indent: -9999px;
	}

	#featured {
		width: 475px;
		padding-right: 250px;
		position: relative;
		height: 316px;
	}
	
	#featured ul.ui-tabs-nav {
		position: absolute;
		top: 38px;
		left: 425px;
		list-style: none;
		padding: 0; 
		margin: 0;
		width: 300px;
		z-index: 10;
	}
	
	#featured ul.ui-tabs-nav li {
		color: #666;
		background: url(img/line_slider.gif) 30px bottom no-repeat;
		margin-top: -1px;
		zoom: 1;
	}
	
	#featured ul.ui-tabs-nav li.last {
		background: none;
	}
	
	#featured .ui-tabs-panel {
		width: 440px; 
		height: 314px;
		background: #999; 
		position: relative;
		overflow: hidden;
	}
	
	#featured .ui-tabs-hide {
		display:none;
	}
	
	#featured li.ui-tabs-nav-item a.video {
		background: url(img/ico_video.png) 268px 16px no-repeat;
	}
	
	#featured li.ui-tabs-nav-item a,
	#featured ul.ui-tabs-nav li.ui-tabs-selected a { 
		display: block;
		color: #333;  
		outline: none;
		padding: 15px 5px 0 25px;
		height: 31px;
		zoom: 1;
	}
	
	#featured li.ui-state-hover a {
		color: #2c637c;	
	}
	
	#featured li.ui-tabs-nav-item a.twoline,
	#featured ul.ui-tabs-nav li.ui-tabs-selected a.twoline{
		height: 38px;
		padding-top: 8px;
	}
	
	#featured ul.ui-tabs-nav li.ui-tabs-selected {
		background: url(img/bg_slider-selected.png) top left no-repeat;
	}
	
	
/* pageContent
--------------------------------------------------------------- */

	#pageColumn1,
	#pageColumn2,
	#pageColumn3{
		float: left;	
	}
	
	#pageColumn1 {
		width: 224px;
		height: auto !important;
		min-height: 609px;
		height: 609px;
		margin-bottom: 18px;
	}
	
	#pageColumn2 {
		width: 434px;
		height: auto !important;
		min-height: 609px;
		height: 609px;
		color: #26373f;	
		padding: 30px 35px 22px 35px;
		position: relative;
		text-align: justify;
	}
	
	.twoColumn #pageColumn2 {
		width: 658px;
		padding-left: 35px;
		padding-top: 39px;
	}
	
	/* PAGE ÉCOLE */
	.ecole #pageColumn2 h3 {
		color: #124178;
		font-weight: bold;
		font-size: 13px;
		margin: 0 0 10px 0;
	}
	
	.ecole #pageColumn2 h4 {
		color: #23292c;
		font-weight: bold;
		font-size: 12px;
		margin: 0;
	}
	
	.ecole #pageColumn2 .info h3 {
		margin: 0 0 2px 0;
	}
	
	.ecole #pageColumn2 ul {
		margin-left: 0;
	}
	
	#pageColumn2 .content_holder {
		background: url(img/separator.png) left bottom no-repeat;
		padding-bottom: 43px;
		margin-bottom: 16px;
		position: relative;
	}
	
	#pageColumn2 .content_holder img {
		margin: 0 32px 34px 0;
		display: block;
	}
	/* Ajout pour Spip document */
	#pageColumn2 .content_holder img {
		display: block;
	}
	#pageColumn2 .spip_documents img {
	display: inline;
	}
	
	
	#pageColumn2 .content_holder.last {
		background: none;
	}
	
	#pageColumn2 .content_holder.info li {
		padding: 1px 0;
	}
	
	#pageColumn2 .content_holder.communique a {
		color: #6baccf;
	}
	
	#pageColumn2 .content_holder.agenda {
		color: #305970;
	}
	
	#pageColumn2 .btnRetourListe {
		display: block;
		position: absolute; 
		top: 25px; 
		right: 17px;
		width: 125px;
		height: 28px;
		text-indent: -9999px;
	}
	
	#pageColumn2 .btnRetourListe:hover {
		background-position: bottom;	
	}
	
	/* NOUVELLES */
	#pageColumn2 .content_holder.news {
		padding-bottom: 113px;	
	}
	
	#pageColumn2 .content_holder.news img {
		margin: 0 14px 9px 0;
	}
	
	#pageColumn2 .content_holder.news h3 {
		color: #26373f;
		font-size :15px;
	}
	
	#pageColumn2 #reseau .addthis_button,
	#pageColumn2 #reseau .btnFacebook,
	#pageColumn2 #reseau .btnLinkedin {
		display: block;
		float: left;
		margin-right: 7px;
	}

	#pageColumn2 #reseau .addthis_button img {
		margin: 0;
	}
	
	#pageColumn2 #reseau .btnFacebook,
	#pageColumn2 #reseau .btnLinkedin {
		height: 21px; 
		width: 21px; 
	}
	
	#pageColumn2 #reseau .btnFacebook {
		background: url(img/btn_facebook.gif) 0 0 no-repeat; 
	}
	
	#pageColumn2 #reseau .btnLinkedin {
		background: url(img/btn_linkedin.gif) 0 0 no-repeat; 
	}

	#pageColumn2 #reseau {
		height: 21px;
		width: 206px;
		padding: 23px 0 0 0;
		position: absolute;
		bottom: 46px; 
		right: -25px;
	}
	
	#pageColumn2 .autre li a {
		color: #6baccf;
		display: block;
		border-bottom: 1px solid #d4d7d9;
		width: 400px;
		padding-bottom: 5px;
	}
	
	#pageColumn2 .autre li a:hover {
		color: #627b88;
	}
	
	#pageColumn3 {
		width: 244px;
		height: auto !important;
		min-height: 604px;
		height: 604px;
		padding: 5px 0 0 0;
		background: url(img/bg_column2.png) 0 30px no-repeat;
	}
	
	#pageColumn1 h2 {
		font-size: 11px;
		margin: 18px 0 9px 11px;
	}
	
	/* sous-menu */
	#pageColumn1 .leftMenu {
		width: 224px;
		margin: 0 0 24px 0; padding: 0;
		/* background: url(img/bg_leftMenu_ul.gif) left top  repeat-y;  - Ajuster selon la saison */
		list-style:none;
	}
	#pageColumn1 .leftMenu li {width:inherit;}
	
	/* sous-menu - 1er niveau */
	#pageColumn1 .leftMenu li a {
		display: block;
		width: 185px;
		height:auto !important; height: 17px; min-height:17px;
		padding: 7px 0 4px 27px;
		color: #305970;
		border:solid #DDDDDD; border-width:1px 0 0;
		background: url(img/bg_leftMenu.gif) 12px 10px no-repeat; 
	}
	#pageColumn1 .leftMenu li.last a {border-bottom:1px solid #6d8b9c;}
	
	/* sous-menu 2e niveau */
	#pageColumn1 .leftMenu ul {
		margin: 0;
		padding: 0 0 0 25px;
		width: 187px; 
	}
	#pageColumn1 .leftMenu ul li { 
		background:none;
		padding: 0; margin:0;
		width:187px;
		height: auto !important; height:10px; min-height:10px; 
	}
	#pageColumn1 .leftMenu ul li a {
		padding: 5px 5px 4px 10px;
		background: url(img/listBullets/little-arrows.gif) 0 8px no-repeat;
		color: #6d8b9c;
		width: auto;
		height: auto;
	}
	
	/* liens actifs */
	#pageColumn1 .leftMenu li.selected > a 				{ background:none; color:#fff;}
	/* une ligne */
		#pageColumn1 .leftMenu li.selected 				{ background: url(img/bg_leftMenu-selected2.png) right no-repeat; }
	/*	#pageColumn1 .leftMenu li.drop		{ background: url(img/bg_leftMenuDrop.gif) 12px 10px no-repeat; } */
	/* deux lignes */
		#pageColumn1 .leftMenu li.selected.longer 		{ background: url(img/bg_leftMenu-selected2.png) right -28px no-repeat;}
		#pageColumn1 .leftMenu li.drop.selected.longer 	{ background: url(img/bg_leftMenu-selected-drop2.png) right -28px no-repeat;}

	
	
	#pageColumn1 .leftMenu ul li a.selected,
	#pageColumn1 .leftMenu ul li a:hover {
		color: #368ebe;
	/*	background: url(img/listBullets/blue_arrows.gif) 0 8px no-repeat; */
	}
	
	
	#pageColumn2 ul {
		margin: 0 0 0 24px;	
	}
	
	#pageColumn2 ul.secondaire {
		margin-top: 22px;	
		margin-left: 1px;
	}

	#pageColumn3 .bureau {
		height: 161px;
		width: 238px;
		position: relative;
		margin: 0 0 0 5px;
	}
	
	#pageColumn3 .bureau a {
		display: block;
		width: 93px;
		height: 22px;
		position: absolute;
		left: 12px;
		bottom: 24px;
		text-indent: -9999px;
	}
	
	#pageColumn3 .bureau a:hover {
		background-position: left bottom;
	}
	
	#pageColumn3 .box_recherche {
		background: url(img/bg_box_recherche.gif) 0 0 no-repeat;
		height: auto !important;
		min-height: 214px;
		height: 214px;
		margin-top: -10px;
	}
	
	#pageColumn3 .box_recherche form {
		padding-top: 20px;	
	}
	
	#pageColumn3 .box_recherche h3 {
		font-size: 12px;	
	}



/* pageFooter
--------------------------------------------------------------- */

	#pageFooter	{ 
		height:auto !important; 
		min-height: 249px; 
		height: 249px;
		padding-top: 24px;
		margin-top: -15px;
		position: relative;
	}
	
	#pageFooter a {
		color: #fff;
		font-weight: bold;
		font-size: 10px;
	}
	
	#pageFooter a:hover {
		text-decoration: underline;
	}
	
	#pageFooter #bottom_linklist { 
		width: 982px; 
		margin: 0 auto;
	}
	
	#pageFooter #bottom_linklist ul {
		margin: 0 0 0 28px;
	}
	
	#pageFooter .box_connaitre,
	#pageFooter .box_joindre,
	#pageFooter .box_liens{
		float: left;
		height:auto !important; 
		min-height: 227px; 
		height: 227px;
		width: 200px;
		padding: 22px 0 0 0;
	}
	
	#pageFooter .box_connaitre {
		width: 331px;
		padding-left: 29px;
	}
	
	#pageFooter .box_joindre {
		padding-left: 9px;
		width: 369px;
	}
	
	#pageFooter .box_joindre p {
		font-weight: bold;	
		margin-left: 39px;
		line-height: 13px;
		margin-top: -1px;
	}
	
	#pageFooter .box_joindre p span {
		font-weight: normal;	
	}
	
	#pageFooter .box_liens {
		padding-left: 12px;
		width: 231px;
	}
	
	#pageFooter .box_connaitre h2,
	#pageFooter .box_joindre h2,
	#pageFooter .box_liens h2 {
		padding: 7px 0 0 38px;
		height: 32px;	
		color: #7faee4;	
		font-size: 13px;
	}
	

	#pageFooter .arrowsBullet li {
		list-style-type: none;
		padding: 4px 0 4px 11px;
	}
	
	#pageFooter .arrowsBullet li.first {
		padding-top: 0;	
		background-position: 0 6px; 
	}
	
	.arrowsBullet li {
		list-style-type: none;
		padding: 2px 0 2px 14px;
		background: url(img/listBullets/arrowBullet_list.png) 0 5px no-repeat;
	}
	
	.pdf li {
		list-style-type: none;
		padding: 3px 0 3px 24px;
		background: url(img/doc_icons/pdf.png) 0 0 no-repeat;
	}
	
	#pageColumn2 .act-date {
	color:#ED873B;
	font-weight:bold;
	}
	
	#pageColumn2 .act-titre {
	color:#ED873B;
	font-weight:bold;
	}
	
	.liencomplet {
	color:#9D9D9D;
	font-size: 12px;
	font-weight:normal;
	}
	
	/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
/*table.spip tr.row_first { background: #e2ebf2; }
table.spip tr.row_odd { background: #fff7e2; }
table.spip tr.row_even { background: #fff7e2; }*/
table.spip tr.row_first { background: #e2ebf2; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

	#urgence {
	height:316px;
	padding-right:250px;
	position:relative;
	width:475px;
	}
	
	#urgencetexte{
		position: absolute;
		top: 15px;
		left: 448px;
		padding: 0; 
		margin: 0;
		width: 266px;
		height: 298px;
	}
	#urgencetexte h3{
		color: #fe0002;
		margin-bottom: 8px;
	}
	#urgencetexte .date  {
		color: ##273f48;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 2px;
	}
	#urgencetexte .date:first-letter {
	  text-transform: uppercase;
	}
	#urgencetexte p{
		font-size: 12px;
		text-align: justify;	
	}
	#urgencetexte li{
		list-style-type:disc;
		margin-left: 16px;
		font-size: 12px;
		text-align: justify;	
	}
	
	
.spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }
.ui-datepicker { background: silver; }
/*.ui-datepicker td { padding: 2px; }*/

/*!
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}