BODY {text-align: center; background: #3b5A6F url('images/background_UPE.jpg') top center fixed; color: #000; font: 11px Arial, Helvetica, sans-serif;}
A {color: #000;}
IMG {border-width: 0; vertical-align: middle;}
A.simplelink:link, A.simplelink:visited {text-decoration: none;}
A.simplelink:hover {font-weight: bold;}
H1 {padding: 0; margin: 0; font: 15px Georgia, "Times New Roman", Times, serif; font-weight: bold;}
H3.doctitle {color: #743F18; font-weight: bold; padding: 0; margin: 4px 0 0 0; font-size: 14px;}
P.these {color: #000;}
.icon {vertical-align: middle; margin: 1px;}
.soustitre {font-style: italic; color: #0099CC; font-size: 14px; font-weight: bold;}
.smalltxt {color: 666; font-size: 9px;}
.sanspuces {list-style: none;}
.disabledtxt {color: #999; font-style: italic;}
.obl {color: red;}
.bluetext {color: #0099CC;}
.clear {clear: both;}
.calign {text-align: center;}
.ralign {text-align: right;}
.removetd {display: none; width: 1px;}

#cookies {padding: 5px; background-color: #CCC; opacity: 0.8; border-bottom: 1px solid #999; color: #000; position: relative; margin: -10px -10px 0 -10px;}
	#cookies A {color: #000;}
	#cookies A:hover {text-decoration: none;}
	#accept_cookie {background-color: #FFF; font-weight: bold; border-radius: 4px; padding: 6px 10px;}

#langselect {position: relative; clear: both; text-align: right; padding-top: 34px; color: #000;}
	#langselect .curlang {color: #fff; background-color: #0099CC; padding: 2px;}
	#langselect A {color: #000;}
	#langselect A:hover {text-decoration: none;}

.button {border: 1px solid #000; padding: 5px; background-color: #737A80; -moz-border-radius: 5px; border-radius: 5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737a80', endColorstr='#3b5a6f'); background: -webkit-gradient(linear, left top, left bottom, from(#737a80), to(#3b5a6f)); background: -moz-linear-gradient(top,  #737a80,  #3b5a6f);}
	.button A {color: #FFF; text-decoration: none; font-weight: bold;}
	.button A:hover {text-decoration: underline;}

.line {background: url('images/ligne.gif') center left repeat-x; height: 9px;}

.url_div {font-size: 12px; color: #444; padding: 12px 0 7px 0; font-style: italic;}

#indexrightcol A:link, #indexrightcol A:visited {color: #743F18; text-decoration: none; font-weight: bold;}
#indexrightcol A:hover {color: #0099CC;}
#indexrightcol {padding: 0 20px 0 20px;}
#indexrightcol H1 {padding: 8px 0; font: 14px Georgia, "Times New Roman", Times, serif; font-weight: bold;}

#mainMenu1 {position: relative;z-index: 9999;}

#menuList1 {
  margin: 0;
  padding: 0;
  position: static;
  /* do not use a position other than 'static' here */
  /* if the menu is vertical:
   * margin-left + border-left-width + padding-left must be equal to
   * margin-right + border-right-width + padding-right
   */
}

	#menuList1 A.actuator_level1, #menuList1 A.link_level1 {font-size: 14px; padding: 4px 0;}
	#menuList1 A.actuator_level1:link, #menuList1 A.actuator_level1:visited, #menuList1 A.link_level1:link, #menuList1 A.link_level1:visited {color: #743F18; text-decoration: none; padding: 4px 20px 4px 22px;}
	#menuList1 A.link_level1:hover {color: #FFF;}
	#menuList1 LI.biglink {border-bottom: 1px solid #F7F7F7;}
	#menuList1 LI.biglink:hover A.actuator_level1 {color: #FFF;}

	#menuList1 A.actuator_level1, #menuList1 A.link_level1 {width: 130px;}

#menuList1 li {
  /* do not change these rules */
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  /* do not change these rules */
}

#menuList1 li a {
  background-color: transparent;
  display: block;
  margin: 0;
  /* always set margin to '0' */
  /* Win/IE5.0 will ignore border and padding if display is 'inline' */
}

#menuList1 .menu A {color: #FFF; font-size: 11px; padding: 5px 20px 5px 8px; text-decoration: none;}

#menuList1 .menu li a:hover, #menuList1 .menu li a:focus {
  color: #FFF;
  background-color: #0099CC;
}

#menuList1 .menu li a.actuator {
  background: url("images/fleche-menu1.gif") no-repeat 100% 50%;
  color: #FFF;
}

#menuList1 .menu li a.actuator:hover, #menuList1 .menu li a.actuator:focus {
  background: url("images/fleche-menu1.gif") no-repeat 100% 50%;
  color: #FFF;
  background-color: #0099CC;
}

#menuList1 li a.actuator_level1 {
  background: url("images/fleche-menu1.gif") no-repeat 100% 50%;
  padding: 4px 20px 4px 22px;
}

#menuList1 li a.actuator_level1:hover, #menuList1 li a.actuator_level1:focus {
  text-decoration: none;
  color: #FFF;
}

LI.biglink:hover, LI.smalllink:hover {
	  color: #FFF;
  background-color: #0099CC;
}


#menuList1 .menu {
  background-color: #3B5A6F;
  color: #FFF;
  border: 1px solid #000;
  margin: 0;
  padding: 0;
  /* only set '0' or negative margin */
  /* border  width must be the same on the four sides (in 'px' units) */
  /* padding width must be the same on the four sides (in 'px' units) */
  z-index: 1;
  position: absolute;
  visibility: hidden;
  /* always set position to 'absolute' and visibility to 'hidden' */
}

#menuList1 .menu .menu {margin-left: -1px;}

#main {margin: auto; text-align: left; width: 1000px; position: relative; border: 1px solid #743F18; background-color: #FFF;}

	#bannerdiv {padding-left: 28px; height: 160px; vertical-align: middle; display: table-cell;}
	#filesindex #listdiv {background-color: #F4F4F4; padding: 10px;}
		#filesindex TD {text-align: left; padding: 2px 10px 2px 2px}

	#bannertable {width: 100%; border-width: 0; margin: 0; height: 162px; border-collapse: collapse;}

		#bannertd {width: 380px; padding: 0; margin: 0;}

		#extranet {padding: 18px 25px 0 0; background: #fff url('images/logo_bg.gif') no-repeat top left; vertical-align: top; text-align: right;}
			#extranet #solstice A {color: #fff;}
			#extranet #solstice A:link, #extranet #solstice A:visited {text-decoration: none;}
			#extranet #solstice A:hover {text-decoration: underline;}

			#searchdiv {overflow: hidden; float: right; width: 200px; padding: 0; margin: 8px 0 0 0;}
				#searchleftdiv {float: left;}
					#searchin {width: 125px; height: 22px; border-width: 0; background: url("images/searchbg.gif") no-repeat top left; font-size: 11px; vertical-align: middle; padding: 0 0 0 4px; margin: 0;}
				#searchrightdiv {float: right; width: 60px; text-align: right; margin-top: 2px;}

			#socialdiv {float: right; clear: both; margin-top: 54px;}
				#socialdiv A {margin-left: 4px;}

	#indextable {width: 100%; border-width: 0; margin: 0; background-color: #F4F4F4; border-collapse: collapse;}
	#thematable, #thematable2 {width: 100%; border-width: 0; margin: 0; padding: 0; border-collapse: collapse;}

		#menu1td {padding: 0; width: 173px; vertical-align: top; background-color: #FFF; border-bottom: 1px solid #FFF; border-top: 1px solid #F7F7F7;}
		#indextd {padding: 5px 0 6px 22px; vertical-align: top; border-width: 0 0 1px 1px; border-style: solid; border-color: #E8E8E8;}
		#indextd2 {padding: 5px 22px 6px 22px; vertical-align: top;}
		#indextd4 {padding: 0 22px 6px 22px; vertical-align: top;}
		#thematable #indextd, #thematable #indextd2 {background-color: #F4F4F4;}
			#navtable {width: 568px; padding: 0; margin: 0;}
				#navtable TD {padding: 0;}
				#navlinks {color: #666666; padding: 0; margin: 0;}
					#navlinks A:link, #navlinks A:visited {color: #666666; text-decoration: none;}
					#navlinks A:hover {text-decoration: underline;}
					.datecont {text-align: right; color: #0099CC;}
					.datecont2 {color: #0099CC; margin-bottom: 5px;}

			#indextable2 {width: 100%; border-width: 0; margin: 16px 0 0 0; border-collapse: collapse}
				#presdiv {border-right: 1px solid #000; padding: 0 14px 3px 0; width: 565px; vertical-align: top;}
				#actudiv {border-right: 1px solid #000; padding: 0 8px 3px 14px; width: 232px; vertical-align: top;}
					.actu {padding: 0; margin: 0;}
						.actu LI {list-style: none; padding: 0; margin: 0 0 25px 0; line-height: 15px;}
							.actu A.doclink:link, .actu A.doclink:visited {color: #743F18; font-weight: bold; text-decoration: none;}
							.actu A.doclink:hover {color: #0099CC;}
							.actu P {padding: 0; margin: 0; line-height: 12px;}
							.actu .nextdiv {text-align: right; color: #000; padding-right: 10px;}
								.actu .nextdiv A.nextlink:link, .actu .nextdiv A.nextlink:visited {text-decoration: none;}
								.actu .nextdiv A.nextlink:hover {text-decoration: underline;}
							#mentions_legales .printdoc, #contact .printdoc {text-align: left; margin: 20px 0 0 0;}
							.printdoc {margin: 0; text-align: right;}
								.printdoc A:link, .printdoc A:visited {text-decoration: underline;}
								.printdoc A:hover {text-decoration: none;}

				#membrestd {padding: 0 5px 0 0;}
					.membres {border: 1px solid #000; background-color: #FFF; margin: 0 0 6px 3px; font-weight: bold; font-size: 12px; padding: 26px 7px 16px 7px;}
						.membres A {text-decoration: none;}

	#vide {display: none;}
	#services, #footerbox {background: #743f18 url('images/footer_bg.gif') top left repeat-x; margin: 20px 0 0 0; padding: 8px;}
		#services TABLE {width: 100%; border-collapse: collapse;}
			#services_titre {width: 628px; text-align: right;}
			#services TD {vertical-align: top; color: #fff;}
			#services A {color: #fff; text-decoration: none;}
			#services A:hover {text-decoration: underline;}
			#services LI {padding: 4px 0;}
			#services H2 {font: 15px Georgia, "Times New Roman", Times, serif; font-weight: bold;}

	.wysbox {color: #656565; margin-top: 30px;}
	.wysbox2 {color: #656565; margin-top: 20px; margin-right: 6px;}
		.wysbox2 A {color: #743F18; font-weight: bold; text-decoration: none;}
		.wysbox2 A:hover {text-decoration: underline;}
	.presentationdiv {background: url('images/ligne.gif') bottom left repeat-x; padding-bottom: 20px;}

	.infotable {margin-top: 8px; width: 100%; border-width: 0; padding: 0; border-collapse: collapse;}
		.infotd1 {width: 566px; padding-right: 1px; border-right: 1px solid #000; vertical-align: top;}
			H1.titreinfo {background-color: #FFF; border-width: 1px 0; border-style: solid; border-color: #000; padding: 7px 0; width: 100%;}
		.infotd2 {padding: 0 0 0 15px; vertical-align: top;}
			.fichiersdiv {background: url('images/ligne.gif') top left repeat-x; padding: 10px 0; margin-top: 25px;}
				H3.intdroite {padding: 0; font-weight: bold; font-size: 11px; line-height: 0; color: #0099CC;}
				.fichiersdiv UL {padding: 0; margin: 0;}
					.fichiersdiv LI {padding: 3px 0; margin: 0; list-style: none;}
						.fichiersdiv LI A:hover {text-decoration: none;}
						.filesize {font-style: italic; color: #666;}
			.infotd2 H2 {padding: 0 0 12px 0; margin: 0; font: 15px Georgia, "Times New Roman", Times, serif; font-weight: bold; background: url('images/ligne.gif') bottom left repeat-x;}

	.date {color: #000; line-height: 15px;}

	.resultats {padding: 0; margin: 20px 4px 0 0; border-width: 0 0 1px 0;}
		.resultats LI {padding: 4px 0; margin: 0; list-style: none; background: url('images/ligne.gif') bottom left repeat-x;}
			.resultats .pos {font-size: 13px; color: #666666;}
			.resultats A.doclink:link, .resultats A.doclink:visited {color: #743F18; text-decoration: underline; font-size: 13px; font-weight: bold;}
			.resultats A.doclink:hover {color: #0099CC; text-decoration: none;}
			.res_rubrique {font-style: italic; color: #666;}
			.resultats .nextdiv {color: #000; padding: 0 0 0 10px;}
				.resultats .nextdiv A.nextlink:link, .resultats .nextdiv A.nextlink:visited {text-decoration: none;}
				.resultats .nextdiv A.nextlink:hover {text-decoration: underline;}
	.resultats_rub {margin: 20px 0 0 0; padding: 0 0 20px 0; border-width: 0 0 1px 0; background: url('images/ligne.gif') bottom left repeat-x; width: 100%;}
		.resultats_rub TD {width:33%}
			.resultats_rub A.doclink:link, .resultats_rub A.doclink:visited {color: #743F18; text-decoration: underline; font-size: 15px; font-weight: bold;}
			.resultats_rub A.doclink:hover {color: #0099CC; text-decoration: none;}

	.textdiv {margin: 12px 0 0 0; padding: 0; line-height: 15px; padding: 0 8px 0 0;}
		.textdiv A:link, .textdiv A:visited {color: #743F18; font-weight: bold; text-decoration: none;}
		.textdiv A:hover {text-decoration: underline;}

	#doc #indextd2 .infotd2, #category #indextd2 .infotd2, #document #indextd2 .infotd2, #category #indextd2 .infotd2, #mentions_legales .infotd2, #results .infotd2, #contact .infotd2, #membrestd, #plan_du_site .infotd2, #val_contenu .infotd2 {background-image: url('images/doc-bg.png'); background-position: bottom left; background-repeat: no-repeat; padding-bottom: 150px;}

	#contacttable {width: 100%; margin: 0; padding: 0; border-collapse: collapse;}
		#contacttable TH {color: #0099CC; width: 170px; vertical-align: top;}
		#contacttable TD {vertical-align: top; padding-bottom: 6px; line-height: 14px;}
			#contacttable A:link, #contacttable A:visited {text-decoration: none; color: #0099CC;}
			#contacttable A:hover {text-decoration: underline;}

	.caltable {margin: 0 auto 15px auto;}
		#calpage {text-align: center;}
			A.caltitle:link, A.caltitle:visited {text-decoration: none; color: #0099CC; font-weight: bold;}
			A.caltitle:hover {text-decoration: underline;}
		.caltd, .caltoday, .emptytd, .caltable TH {width: 18px; height: 18px; vertical-align: middle !important; text-align: center;}
		.caltd {color: #5F666A; background-color: #FFF;}
		.caltoday {color: #FFF; background-color: #0099CC;}
		.caltable TH {color: #3E5C85; font-weight: normal;}
			.caltable TABLE {width: 100%; padding: 0; margin: 0; border-width: 0;}
			A.callink:link, A.callink:visited {text-decoration: underline; color: #000; font-weight: bold;}
			A.callink:hover {text-decoration: none;}

	.colpos {text-align: right;}

	.optionstable {margin-left: 8px; border-left: 2px solid #CCC;}

	#footerbox {min-height: 40px;}
		#back2upe {padding: 10px;}

	#footer {color: #FFF; background-color: #4E280D; border-top: 1px solid #000; margin: 0; padding: 5px; font-weight: 100;}
		#footer UL {padding: 3px; margin: 0;}
			#footer  A:link, #footer A:visited {color: #fff; text-decoration: none;}
			#footer A:hover {color: #fff; text-decoration: underline;}

	#membresdiv1, #membresdiv2 {position: absolute; top:0; left:0; z-index: 2000; opacity: 0.95; filter: alpha(opacity=95);}
	#membresdiv1 {width: 370px;}
	#membresdiv2 {width: 730px;}
		#membresdiv1 TABLE, #membresdiv2 TABLE {width: 100%; margin: 0; border-collapse: collapse;}
			.membrestd1, .membrestd3 {background-color: #FFF; border: 1px solid #4D5256; padding: 8px;}
			.membrestd2 {background: url('images/membresbg.gif') center left no-repeat; width: 7px;}
				.closelink {padding: 8px 0 0 8px; vertical-align: bottom; text-align: left;}
					.closelink A:link, .closelink A:visited {color: #000; text-decoration: underline;}
					.closelink A:hover {text-decoration: none;}
				.logotd {text-align: center; padding: 10px 6px;}

	#toppages {border-bottom: 1px solid #000;}
	#bottompages {border-top: 1px solid #000;}
		.pagestable {width: 100%; margin: 0;}
			.pages1, .pages2 {width: 50%; color: #743F18; padding: 2px; font-size: 12px;}
			.pages2 {text-align: right;}
			.pagestable A:link, .pagestable A:visited {text-decoration: none; color: #743F18;}
			.pagestable A:hover {text-decoration: underline;}

	#plan_du_site #indextd2 UL UL {padding-bottom: 2px; padding-top: 4px;}
	#plan_du_site #indextd2 UL UL LI {list-style-image: url('images/puce2.gif'); font-weight: normal; padding: 2px 0;}
	#plan_du_site #indextd2 UL LI {list-style-image: url('images/puce1.gif'); font-weight: bold; padding: 2px 0 4px 0;}
	#plan_du_site #indextd2 LI A:link, #plan_du_site #indextd2 LI A:visited {text-decoration: underline;}
	#plan_du_site #indextd2 LI A:hover {text-decoration: none; color: #0099CC;}


	.formbox {border: 1px solid #999; padding: 2px; background-color: #F0F0F0;}

/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, 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/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, 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/Theming/API
 *

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, 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: block; 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*/
}

/* Module des campagnes */
.candidatebox {border: 1px solid #737A80; padding: 0; background-color: #dee0e1; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px;}
	.candidateboxhead {padding: 5px;}
	.candidatefields {border-top: 1px solid #a8adb1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#dee0e1'); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#dee0e1)); background: -moz-linear-gradient(top, #FFF, #dee0e1);}
		.candidatefields .buttondiv {margin: 10px 0 10px 4px;}
	.candidatetable {width: 100%; border-collapse: collapse;}
		.candidatetable TH, .candidatetable TD {border-bottom: 1px solid #a8adb1; padding: 5px 6px;}
.candidate-login-left {vertical-align: top; width: 40%; padding: 10px; border-right: 1px solid #999;}
.candidate-login-right {vertical-align: top; width: 60%; padding: 10px 10px 10px 20px;}


/* Puces IDEA */
LI.pucebleue {list-style-position: inside; list-style-image: url('images/puce-bleue.gif');}
LI.puceorange {list-style-position: inside; list-style-image: url('images/puce-orange.gif');}

H1.smaller {padding: 0; margin: 0 0 10px 0; font: 14px Georgia, "Times New Roman", Times, serif; font-weight: bold;}

#container {width: 218px; height: 100px; margin: 0 0 20px 6px; padding: 10px 0;}
#container img, #container .item {width:100%; height:100%; -moz-box-shadow: 0px 5px 5px #BBB; -webkit-box-shadow: 0px 5px 5px #BBB; box-shadow: 0px 5px 5px #BBB; border: 1px solid #AAA;}
.itemTitle {padding-top:30px;}
div#container div.itemTitle { display:none; } /* masque le title du carroussel */
#container .selectedItem {-moz-box-shadow: 0 4px 4px #BBB; -webkit-box-shadow: 0 4px 4px #BBB; box-shadow: 0 4px 4px #BBB; border:1px solid #AAA;}

#newsletter, #news {margin-bottom: 20px;}

#sliderh1 {margin-top: 28px; font: 14px Georgia, "Times New Roman", Times, serif; font-weight: bold;}
#newsslider {padding: 0; position: relative; margin-top: 10px; min-height: 170px;}
	#newsslider TABLE {border-collapse: collapse; border-width: 0; width: 100%; margin: 0;}
		#newsslider TD {vertical-align: top;}
			#newsslider H2 {margin: 0 0 6px 0;}
			#newsslider H2 A {color: #743F18; font-size: 12px; font-weight: bolder; text-decoration: none;}
			#newsslider P {margin: 10px 0 6px 0;}
			#newsslider A.nextlink {color: #1295BF; font-size: 12px; text-decoration: none;}
				#newsslider A.nextlink:hover, #newsslider H2 A:hover {text-decoration: underline;}
			#newsslider-buttons {text-align: right; padding: 3px 0 3px 20px;}
				#newsslider-buttons SPAN, #newsslider-buttons IMG, #newsslider-buttons A {vertical-align: middle;}
			#newspos {color: #1295BF;}
			.newstext {width: 640px; position: absolute; top: 0; left: 0;}
			.newsimg IMG {border: 1px solid #aaaaaa; margin: 0 10px 10px 0;}
			#newsslider .nextdiv {text-align: right;}
			#newsslider A.nextlink {color: #000;}
			#newsslider .date {color: #0099CC; padding: 0; margin: 0;}


/* FORUM */
.forum-buttons {margin: 30px 0 20px 0;}
.forum_threads {width: 100%; border-collapse: collapse; border: 1px solid #3b5a6f; margin-top: 20px;}
	.forum_threads TH {background-color: #4d5256; color: #fff;}
	.forum_threads TD, .forum_threads TH {padding: 7px;}
		.titre_sujet A {font-weight: bold;}
#forumdiv {margin-top: 8px;}
.forum_cat {border: 1px solid #000; background-color: #4d5256; color: #fff; padding: 5px 7px; font-weight: bold; font-size: 14px; margin-top: 10px;}
#forumdiv .forum_table {border: 1px solid #aaa; border-collapse: collapse; width: 100%;}
	.forum_table TD, .forum_threads TD {padding: 7px; background-color: #fafafa;}
	.forum_table TH {padding: 4px 7px; background-color: #e9e9e9; border-bottom: 1px solid #bbb; color: #4d5256;}
	.forum_table TR, .forum_threads TR {border-bottom: 1px solid #bbb;}
	.forum_table TR:last-child, .forum_threads TR:last-child {border-bottom: 0;}
	.forum_table .forumstats {text-align: right;}
		.forumlabel A {font-weight: bold; font-size: 14px;}
		.forumlabel A:hover, .thread_link A:hover, .date_post A:hover {color: #0099cc; text-decoration: none;}
		.forumlabel .info_label, .forum_threads .info_label {color: #666; margin-top: 4px;}
		.forumlastpost {width: 210px; text-align: right;}
		.forumlastpost A:hover {text-decoration: none; color: #0099cc;}
	.info_msg {color: #0099cc; border: 1px solid #0099cc; background-color: #fff; padding: 10px 5px; margin: 10px 0 0 0; font-weight: bold; text-align: center;}
.message_forum {border: 1px solid #4d5256; background-color: #fafafa; margin-top: 10px;}
	.entete-message {background-color: #4d5256;}
		.entete-message P {margin: 0; color: #fff;}
		.auteur-message {font-weight: bold; font-size: 12px; padding: 5px 10px 3px 10px;}
		.date-message {padding: 3px 10px 5px 10px;}
	.message_forum .message {padding: 0 10px;}
	.message_forum .message A {color: #4e280d;}
	.message_forum .message A:hover {text-decoration: none; color: #0099cc;}
	.message_forum .entete-message {border-bottom: 1px solid #bbb;}
	.forum-pages {margin-top: 10px; margin-left: 10px;}
#loginbox {margin: 15px 0; border: 1px solid #AAA; padding: 7px; background-color: #fafafa;}
	#loginbox A {color: #4e280d;}
	#loginbox A:hover {text-decoration: none;}
	#loginbox H2 {font-size: 14px; margin: 0;}
	.spantitle {font-weight: bold; display: block;}
	#loginbox .error {color: #f00; font-weight: bold; padding: 0; margin: 10px 0;}
	#loginbox .conf {color: #0099CC; font-weight: bold; padding: 0; margin: 10px 0;}
	#loginbox P {padding: 0; margin: 3px 0;}
#inscription {margin-top: 15px;}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format('woff'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5bbKic1PW3nceB3q24YFOMg.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
.material-icons {color: white; font-size: 16px; vertical-align: bottom;}


/* 10ans */
#main { border: 1px solid #376d8f; }

#logo { 
     display: block;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     background: url(http://www.univ-paris-est.fr/style/default/images/logo-2.gif) no-repeat;
     background-size: contain;
     width: 380px; 
     height: 162px; 
     padding-left: 380px; 
    }

#extranet {
    background: #fff url("http://www.univ-paris-est.fr/style/default/images/logo_bg.gif") no-repeat scroll left top;
    
    }
	
#socialdiv {
    float: right;
    clear: both;
    margin-top: 34px;
	}
#services, #footerbox {
    background: #743f18 url("http://www.univ-paris-est.fr/style/default/images/footer_bg.gif") repeat-x 
    }
	
#footer {
    background: #376d8f url("http://www.univ-paris-est.fr/style/default/images/footer_bg.gif") repeat-x scroll 0 0;
	}
 
#indextd {
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 0;
    padding: 5px 0 6px 20px;
    vertical-align: top;
    }