/*-------------------------------
 * Général
 *-------------------------------*/
 html,
 body {
 	height: 100%;
 	margin: 0;
 	padding: 0;
 }
 
 body {
 	background-color: #843709;
 	color: #666;
 	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 }
 
 body.popup {
 	background-color: #FFF;
 }
 
 .popup {
 	background: none;
 	padding: 0 20px;
 }
 
 #bgrd1 {
 	background: #FFF url(../img/bgrd_body_ocre.png) repeat-x center top;
 }
 
 #bgrd2 {
 	background: url(../img/bgrd_footer_ocre.png) repeat-x center bottom;
 }
 
 #container {
 	margin: 0 auto;
 	padding: 0;
 	width: 960px;
 }

 h2 {
 	color: #66B8E7;
 	font: 30px/28px "Haettenschweiler", Verdana, Arial, Helvetica, sans-serif;
 	margin-top: 0;
	padding: 4px;
 }
 
 h3 {
 	color: #333;
 }
 
 img {
 	border: none;
 	vertical-align: top;
 }
 
 a {
 	color: #000;
	outline: none;
	text-decoration: none;
 }
 
 a:hover {
	text-decoration: underline;
 }
  
 *+html p {
 	margin: 6px 0;
 }
 
 * html p {
 	margin: 6px 0;
 }
 
 ul {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }
 
 .clearer {
 	border: none;
	clear: both;
	float: none;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	visibility: hidden;
 }
 
 .alignLeft {
 	float: left;
 }
 
 .alignCenter {
 	text-align: center;
 }
 
 .alignRight {
 	float: right;
 }
 
 .emptyResult {
 	background-color: #F2F2F2;
 	border: solid 1px #CCC;
 	font-weight: bold;
 	margin: 5px 0;
 	padding: 20px;
 	text-align: center;
 }
 
 label {
 	float: left;
	font-weight: bold;
	margin: 4px 10px 0 0;
	padding: 0;
	text-align: right;
	width: 240px;
 }
 
 .multiChamp {
 	float: none;
 	width: auto;
 }
 
 .champ {
 	width: 200px;
 }
 
 .auto {
 	width: auto !important;
 }
 
 .champListe {
 	width: 202px;
 }
 
 .btn {
 	background: url(../img/bgrd_btn.png) repeat-x center center;
 	border: solid 1px #4A4139;
 	color: #F0F0F0;
 	font-weight: bold;
	height: 22px;
	padding: 0 12px 2px;
 }
 
 *+html .btn {
 	padding: 0 6px 2px;
 }
 
 * html .btn {
 	padding: 0 6px 2px;
 }
 
 .btn:hover {
 	color: #FFF;
 	border: solid 1px #000;
 	cursor: pointer;
 }
 
 .valid {
 	color: #86CC00;
 	font-size: 0.9em;
 	font-weight: bold;
 }
 
 .error {
 	color: #CC2200;
 	font-size: 0.9em;
 	font-weight: bold;
 }
 
 .btnForm {
 	text-align: center;
 }

 @font-face {
	font-family: "Haettenschweiler";
	src: url('include/HATTEN.TTF');
 }
 
/*-------------------------------
 * Header
 *-------------------------------*/
 
 #top {
 	height: 100px;
 	padding: 0;
 }
 
 #headerBtn {
 	float: right;
 	list-style: none;
 	line-height: 18px;
 	margin: 3px 0 1px;
 }
 
 #headerBtn li {
 	float: left;
 }
 
 #headerBtn li a {
 	color: #CCC0BA;
 	font-size: 13px;
 	margin: 0 10px;
 	padding: 1px 0 1px 16px;
 	text-decoration: none;
 }
 
 #headerBtn li a:hover {
 	color: #F0F0F0;
 	background-position: bottom left;
 }
 
 #headerBtn a.home {
 	background: url(../img/ico_home.png) no-repeat left top; 	
 }
 
 #headerBtn a.fiche {
 	background: url(../img/ico_fiche.png) no-repeat left top; 	
 }
 
 #headerBtn a.gestion {
 	background: url(../img/ico_gestion.png) no-repeat left top; 	
 }
 
 #headerBtn a.login {
 	background: url(../img/ico_login.png) no-repeat left top; 	
 }
 
 #headerBtn a.logout {
 	background: url(../img/ico_logout.png) no-repeat left top; 	
 }
 
/*-------------------------------
 * Header
 *-------------------------------*/
 
 #header {
 	height: 78px;
 	padding: 0;
 }
 
 /* Logo */
 #header #logo {
 	float: left;
 	height: 69px;
 	margin: 0;
 	width: 232px;
 }
 
 #header #logo h1 {
 	margin: 0;
 	text-indent: -10000px;
 	position: absolute;
 }
 
 #header #logo img {
 	margin: 11px 0 0;
 }
 
/*-------------------------------
 * Menu
 *-------------------------------*/
  #header #menu {
  	float: right;
  	padding: 40px 0 9px;
  }
  
  #header #menu li {
  	float: left;
  	margin: 0 1px;
  }
  
  #header #menu li a {
  	color: #F0F0F0;
  	display: inline-block;
  	font-size: 16px;
  	height: 28px;
  	letter-spacing: -1px;
  	padding: 0 0 0 8px;
  	text-decoration: none;
  }
  
  #header #menu li a span {
  	display: inline-block;
  	padding: 5px 8px 5px 0;
  }
  
  #header #menu li a:hover {
  	background: url(../img/bgrd_menu_li_ocre.png) no-repeat top left;
  	color: #FFF;
  	cursor: pointer;
  }
  
  #header #menu li a:hover span {
  	background: url(../img/bgrd_menu_li_ocre.png) no-repeat top right;
  }
  
  #header #menu li a.selected {
  	background: url(../img/bgrd_menu_li_ocre.png) no-repeat bottom left;
  	color: #FFF;
  }
  
  #header #menu li a.selected span {
  	background: url(../img/bgrd_menu_li_ocre.png) no-repeat bottom right;
  }
  
  #header #menu li a.important {
  	color: #351d15;
  	font-weight: bold;
  }
  
  #header #menu li ul {
	border: 1px solid #843b10;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 99999;
 }
 
 #header #menu li ul li { 
 	border-bottom: solid 1px #b66332; 
 	border-top: solid 1px #b66332; 
 	clear: both; 
 	display: block;
 	margin: 0;
 }
 
 #header #menu li ul li a {
 	background: #994513;
 	display: block;
 	font-size: 13px;
 	height: auto; 
 	line-height: 18px; 
 	margin: -1px 0 0 0; 
 	overflow: hidden; 
 	padding: 4px 5px 6px; 
 	width: 149px; 
 }
 
 #header #menu li ul li a:hover {
 	background: #843b10;
 }
 
 #header #menu li ul li a span {
 	background: none !important;
 	padding: 0;
 }
 
 #header #menu li ul ul { 
	margin: -29px 0 0 159px; 
 }
 
/*-------------------------------
 * Path
 *-------------------------------*/
 #path {
 	color: #AAA;
 	font-size: 11px;
 	line-height: 17px;
 	height: 17px;
 }
 
 #path ul {
 	font-size: 0.9em;
 	margin: 0 0 0 12px;
 }
 
 #path li { 
 	display: block; 
 	float: left; 
 	margin-right: 3px;
 	padding: 4px 0;
 }
 
/*-------------------------------
 * colLeft
 *-------------------------------*/ 
 #colLeft {
 	background: #FFF url(../img/bgrd_colLeft.png) no-repeat top left;
 	float: left;
 	min-height: 275px;
 	padding: 10px;
 	width: 280px;
 }
 
 .home #colLeft {
 	padding: 10px 0;
 	width: 300px;
 }
 
 #colLeft h2 {
 	color: #66b8e7 !important;
 	font-size: 36px;
 }
 
 .home #search {
 	padding: 0 10px;
 }
 
 #colLeft #search h2 {
 	background: url(../img/big_ico_search.png) no-repeat left top;
 }
 
 #colLeft #search p {
 	padding: 0 40px;
 }
 
 #colLeft #search p input#nom {
 	background: url(../img/bgrd_search_input.png) no-repeat left top;
 	border: none;
 	float: left;
 	line-height: 18px;
 	height: 18px;
 	padding: 2px 2px 2px 5px;
 	width: 150px;
 }
 
 #colLeft #search p input.btn {
 	background: url(../img/bgrd_search_btn.png) no-repeat left top;
 	border: none;
 	cursor: pointer;
 	float: left;
 	line-height: 22px;
 	height: 22px;
 	padding: 3px 5px 3px 5px;
 	width: 32px;
 }
 
 #colLeft #search p input.btn:hover {
 	background-position: left bottom;
 }
 
 #colLeft #search p a {
 	display: block;
 	padding: 5px 0 0 15px;
 }
 
/*-------------------------------
 * colBody
 *-------------------------------*/
 #body {
 	margin: 0;
 	padding: 20px 0;
 }
 
 fieldset {
 	border: none;
 }
 
 #colBody {
 	margin-left: 320px;
 	padding: 0;
 }
 
 * html .home #colBody {
 	display: inline-block;
 }
 
 .home #colBody h2 {
 	font-size: 36px;
 }
 
 .home #body h2 {

 	margin: 0;
 	padding: 18px 0 22px 75px;
 }

 .home #body h2,
 .home #body h2 a {
 	color: #654135;
 }
 
 .home #body h2 a:hover {
 	color: #222;
 	text-decoration: none;
 }

 #colBodyLeft {
 	float: left;
 	width: 49%;
 }
 
 #colBodyRight {
 	float: right;
 	width: 49%;
 }
 
/*-------------------------------
 * Accueil
 *-------------------------------*/
 
 /* A la une */
 #blocNews h2 {
 	background: url(../img/big_ico_news.png) no-repeat left top;	
 }
 
 /* Agenda de l'IDA */
 #blocAgenda h2 {
 	padding: 0 !important;
 }
 
 #blocAgenda h2 img {
 	vertical-align: middle;
 }
 
 #colBodyRight p {
 	margin: 0 0 5px;
 }
 
 #colBodyRight .date {
 	background: url(../img/bgrd_date.png) no-repeat left top;
 	color: #FFF;
 	display: inline-block;
 	font-weight: bold;
 	height: 18px;
 	line-height: 18px;
 	margin: 5px 5px 0 0;
 	text-align: center;
 	width: 48px;
 }
 
 /* Les écrans de l'IDA */
 #blocVids h2 {
 	background: url(../img/big_ico_videos.png) no-repeat left top; 
 }
 
 #blocVids div {
 	padding: 5px 15px 0;
 }
 
 #blocVids div div {
 	padding: 0;
 }
 
 #media {
 	height: 350px;
 	overflow: hidden;
 	width: 280px;
 }
 
 #media div {
 	background-color: #FFF;
 	font-style: italic;
 	height: 350px;	
 }
 
 #media div p {
 	margin: 0;
 	padding: 0 0 0 10px;
 }
 
 #mediaNav {
 	margin-top: 10px;
 	padding: 0;
 }
 
 #mediaNav li {	
 	border-bottom: solid 1px #E3E3E3;
 	border-top: solid 1px #E3E3E3;
 	margin-top: -1px;
 }
 
 #mediaNav p {
 	margin: 0;
 	padding: 0;
 }
 
 #mediaNav a {
 	background: url(../img/ico_media.png) no-repeat left top;
 	color: #666;
 	display: block;
 	padding: 6px 0 6px 44px;
 	text-decoration : none;
 }
 
 #mediaNav a:hover {
 	background-color: #EEE;
 	color: #000;
 }
 
 #mediaNav li.activeSlide a,
 #mediaNav li.activeSlide a:hover {
 	background-color: #E8F2F5;
 	color: #333;
 	cursor: default;
 }

 /* Transaméricaines */
 #blocTransamericaines h2 {
 	background: url(../img/big_ico_transamericaines.png) no-repeat left top;
 }
 
 a.detailsNews {
 	color: #555;
 	display: block;
 	margin: 10px 0;
 }
 
 a.detailsNews:hover {
 	color: #000;
 	text-decoration: none;
 }
 
 #blocNews p,
 #blocAgenda p,
 #blocTransamericaines p {
	margin: 8px 0;
 }
 
 .detailNews h1 {
 	border-bottom: solid 3px #CCC;
 	font-size: 1.2em;
 	margin-bottom: 10px;
 	padding-bottom: 4px;
 	
 }
 
/*-------------------------------
 * Footer
 *-------------------------------*/
 #footer {
 	clear: both;
 	margin: 0;
 }
 
 #footer h2 {
 	color: #000;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	font-weight: bold;
 	margin: 0 0 15px;
 	padding: 0;
 	text-align: center;
 }
 
 #footer .col33 {
 	background: url(../img/bgrd_footer_li.png) no-repeat right center;
 	float: left;
 	height: 124px;
 	padding: 10px 0;
 	width: 33%;
 }
 
 * html #footer .col33 {
 	padding: 10px 0 0;
 }
 
 #footer .col33 a {
  	color: #444;
  	text-decoration: underline;
 }
 
 #footer .col33 a:hover {
  	color: #000;
 }
 
 #footer #infos ul {
 	margin: 25px 0 0 5px;
 }
 
 #footer #infos li a {
 	display: block;
 	line-height: 20px;
 	padding-left: 20px;
 }
 
 #footer #infos li a.pdf {
 	background: url(../img/ico_pdf.png) no-repeat left center;
 }

#footer #infos li a.rss {
 	background: url(../images/comment_rss_16.png) no-repeat left center;
 }

 #footer #abonnement ul {
 	margin: 0;
 	padding: 0 20px; 
 }
 
 #footer #abonnement p {
 	margin: 5px 0 0;
 	padding: 0 20px; 
 }
 
 #footer #abonnement p label {
 	float: left;
 	width: 96px;
 }
 
 #footer #abonnement p input#mailing_mail {
 	background: url(../img/bgrd_footer_input.png) no-repeat left top;
 	border: none;
 	float: left;
 	line-height: 21px;
 	height: 21px;
 	padding: 2px 2px 2px 5px;
 	width: 125px;
 }
 
 #footer #abonnement p input.btn {
 	background: url(../img/bgrd_footer_btn.png) no-repeat left top;
 	border: none;
 	cursor: pointer;
 	float: left;
 	line-height: 25px;
 	height: 25px;
 	padding: 3px 5px 3px 5px;
 	width: 32px;
 }
 
 #footer #abonnement p input.btn:hover {
 	background-position: left bottom;
 }
 
 #footer #contact {
 	background: none;
 }
  
 #footer #contact p {
 	margin: 0; 
 	padding: 0 20px 0 70px; 
 }
 
 #footerBtn {
 	color: #F0F0F0;
 	height: 26px;
 	line-height: 26px;
 	text-align: center;
 }
 
 #footerBtn li {
 	display: inline;
 }
 
 #footerBtn li a {
 	color: #F0F0F0;
 }
 
 #footerBtn li a:hover {
 	color: #F0F0F0;
 	text-decoration: none;
 }
 
/*-------------------------------
 * Tableaux
 *-------------------------------*/
 
 table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 15px;
	width: 99%;
 }
 
 table caption {
 	font-size: 0.9em;
 	text-transform: uppercase;
 }
 
 table table {
 	margin: 0;
 }
 
 table th {
 	background-color: #98917c;
 	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 1.1em;
	height: 24px;
	line-height: 24px;
	padding: 1px 2px;
	white-space: nowrap;
 }
 
 table th a {
 	color: #FFF;
 }
 
 table th a:hover {
 	color: #FFF;
 	text-decoration: none;
 }
 
 table th img {
 	vertical-align: middle;
 }
 
 table td {
	border-bottom: 1px solid #DDD;
	height: 22px;
	padding: 0 2px;
 }
 
 table .line1 {
	background-color: #F5F5F5;
 }
 
 table .line2 {
	background-color: #FFF;
 }
 
 .nowrap {
 	white-space: nowrap;
 }

/*-------------------------------
 * Login
 *-------------------------------*/ 
 .login #login_form {
	background-color: #F5F5F5;
	border: 1px solid  #CCCCCC;
	margin: 30px auto;
	text-align: center;
	width: 500px;
 }
 
 .login h2 {
 	background: none;
 	color: #66B8E7;
	margin: 10px 20px 5px;
	text-align: center;
 }
 
 .login label {
 	display: block;
 	float: none;
 	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 200px;
 }
 
 .login .forget {
 	width: 200px;
 }
 
/*-------------------------------
 * Carousel
 *-------------------------------*/
.jcarousel-container {
    position: relative;
}

#mycarousel {
	height: 250px;
    overflow: hidden;
    padding: 0 20px;
    width: 274px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0 0 10px;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 !important;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    text-indent: 0;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 274px;
    height: 200px;  
}

.jcarousel-list li img { 
	float:left;
	margin: 0 8px 0 0; 
    width: 110px; 
}

.jcarousel-list li div { 
    display: inline-block;
    padding: 0;
    margin: 0;
}

.jcarousel-list li h3 {
	color: #000; 
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 0 !important;
}

.jcarousel-clip-horizontal {
	width: 100%;
}

.jcarousel-skin-tango .jcarousel-control {
	display: table;
	height: 14px;
	margin: 0 auto;
	text-align: center;
}

.jcarousel-skin-tango .jcarousel-control a {
    background: url(../img/btn_carousel.png) no-repeat center top;
    color: #FFF;
    float: left;
    font-size: 0;
    height: 14px;
    text-indent: -10000px;
    width: 20px;
}

.jcarousel-skin-tango .jcarousel-control a:hover {
    background: url(../img/btn_carousel.png) no-repeat center center;
}

.jcarousel-skin-tango .jcarousel-control a.active {
    background: url(../img/btn_carousel.png) no-repeat center bottom;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 314px;
    padding: 0 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  274px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 274px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 0 !important;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
 
/*-------------------------------
 * Menu recherche
 *-------------------------------*/  
 #menu_search li .lien_plus img {
 	vertical-align: baseline;
 }
 
 #menu_search li li .lien_plus {
 	padding-left: 15px;
 }
 
 #menu_search li li a {
 	margin-left: 35px;
 }
 
 *+html #menu_search li li a {
 	margin: 0;
 }
 
 * html #menu_search li li a {
 	margin: 0;
 }
 
 #menu_search li li li .lien_plus {
 	padding-left: 25px;
 }
 
 #menu_search li li li a {
 	margin-left: 45px;
 }
 
 *+html #menu_search li li li a {
 	margin: 0;
 }
 
 * html #menu_search li li li a {
 	margin: 0;
 }
 
 #menu_search li li li li .lien_plus {
 	padding-left: 35px;
 }
 
 #menu_search li li li li a {
 	margin-left: 55px;
 }
 
 *+html #menu_search li li li li a {
 	margin: 0;
 }
 
 * html #menu_search li li li li a {
 	margin: 0;
 }
 
 #menu_search li li li li li .lien_plus {
 	padding-left: 45px;
 }
 
 #menu_search li li li li li a {
 	margin-left: 65px;
 }
 
 *+html #menu_search li li li li li a {
 	margin: 0;
 }
 
 * html #menu_search li li li li li a {
 	margin: 0;
 }
 
 .num1 { 
 	color: #009e47; 
 }
 
 .num2 { 
 	color: #be2222;
 }
 
 .num3 { 
 	color: #f88811; 
 }
 
 .num4 { 
 	color: #003399; 
 }
 
 .num5 { 
 	color: #df0000; 
 }
 
 .num6 { 
 	color: #6b2092; 
 }
 
 .num7 { 
 	color: #666666; 
 }
 
/*-------------------------------
 * Création compte
 *-------------------------------*/
 .account table td {
	border-color: transparent;
 }
 
/*-------------------------------
 * Annuaire
 *-------------------------------*/
 #searchCriteres {
 	margin-bottom: 20px;
 }
 
 #searchCriteres h2 {
 	margin: 0;
 	padding: 14px 4px 4px;
 }
 
 #searchCriteres p {
  	margin: 4px 0;
 }
 
 #searchCriteres p.btnForm {
  	margin: 12px 0;
 }
 
 #searchCriteres label {
 	display: block;
 	float: none;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 280px;
 }
 
 #searchCriteres .champ {
 	width: 280px;
 }
 
 #searchCriteres .champListe {
 	width: 284px;
 }
 
 .nav .selected {
 	color: #66B8E7;
 	font-weight: bold;
 }
 
 .nav a {
 	background: none;
 	margin: 0;
 	padding: 0;
 }
 
 .nav span {
 	background: url(../img/bgrd_nav.png) no-repeat center top;
 	display: block;
 	float: left;
 	line-height: 14px;
 	height: 16px;
 	text-align: center;
 	width: 20px;
 }
 
 .nav .clearer {
 	clear: none;
 }
 
/*-------------------------------
 * Action
 *-------------------------------*/
 .actionSearch #colBody ul {
 	margin: 0 0 15px 20px;
 }
 
 .actionSearch #body {
 	padding-top: 10px;
 }
 
 .action #body {
 	padding-top: 0;
 }
 
 .action #colLeft h2,
 .action #colBody h2 {
 	font: bold 13px/18px Verdana, Arial, Helvetica, sans-serif;
 	margin-bottom: 0;
 	text-transform: uppercase;
 }
 
 .action #colLeft p {
 	margin: 0 0 10px 15px;
 }
 
 .action #colLeft a {
 	display: block;
 	margin: 4px 0;
 }
 
 .action #path {
 	margin: 0 0 10px
 }
 
 .action #entete h1 {
 	font-size: 1.6em;
 	line-height: 2em;
 	margin: 0;
 }
 
 .action #entete span {
 	margin: 0 15px;
 }
 
 .action #colBody h2 {
 	margin-bottom: 10px;
 }
 
/*-------------------------------
 * Entete popup
 *-------------------------------*/
 #entete h1 {
 	background: none;
 	color: #000;
 	font-size: 2em;
 	font-weight: normal;
 	margin: 0 80px;
 }
 
/*-------------------------------
 * Popup
 *-------------------------------*/
 
 .popup h2 {
 	background: #EEE;
 	color: #000;
 	font-family: Verdana, Arial, Helvetic, sans-serif;
 	font-size: 16px;
 	font-weight: bold;
 	cursor: pointer;
 	margin-top: 20px;
 	padding: 4px;
 }
 
 *+html .popup h2 {
 	font-weight: normal;
 }
 
 * html .popup h2 {
 	font-weight: normal;
 }
 
 .popup .collapsable {
 	background: #EEE url(../img/s_wait.gif) no-repeat 99% 45%;
 }
 
 .popup strong {
 	float: left;
	padding: 1px 8px 1px 0;
	margin: 0;
	text-align: right;
	width: 200px;
 }
 
 .popup table strong,
 .popup.detailNews strong {
 	float: none;
 	padding: 0;
 	text-align: left;
 	width: auto;
 }

 .popup span {
 	display: block;
 	margin: 0 0 0 210px; 
 	padding: 1px 0;
 }
 
 .popup span strong {
 	float: none;
 	padding: 0;
 	text-align: left;
 	width: auto;
 }
 
 .popup div img {
 	vertical-align: middle;
 }

 .popup .champ {
 	width: 322px;
 }
 
 .popup select.champListe {
 	width: auto;
 }

 .buttonOrange
 {
	background-image: url(../img/buttonorange.png);
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	height: 29px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
	width: 178px;
 }
 
 .popup .buttons {
 	margin: 12px 0;
 }
 
 .popup .buttons a:hover {
 	text-decoration: none;
 }
 
 .popup #footer {
 	border-top: solid 1px #DDD;
 	margin-top: 10px;
 }
 
 .popup #footer ul {
 	line-height: 30px;
 	margin: 0;
 	text-align: center;
 }
 
 .popup #footer li {
 	display:inline;
	margin: 0 20px;
 }
 
 .choixPersonne .champ {
 	width: 200px;
 }
 
 .infosLegales span {
 	margin: 0;
 }
 
 .infosLegales strong {
 	float: none;
 	padding: 0;
 	text-align: left;
 	width: auto;
 }
 
/*-------------------------------
 * Ajout note
 *-------------------------------*/
 
 .ajoutNote form strong {
 	float: left;
	padding: 1px 5px 1px 0;
	margin: 0;
	text-align: right;
	width: 180px;
 }
 
 .ajoutNote form span {
 	display: block;
 	margin: 0 0 0 190px; 
 	padding: 1px 0;
 }
 
 .ajoutNote #colBody table strong {
 	float: none;
 	padding: 0;
 	text-align: left;
 	width: auto;
 }
 
 .ajoutNote #colBody input.champ {
 	width: 400px;
 }
 
 .ajoutNote #colBody select.champListe {
 	width: auto;
 }
 
/*-------------------------------
 * Liste notes
 *-------------------------------*/
 .listeNotes #colBody input.champ {
 	width: auto;
 }
 
 .listeNotes #colBody select.champListe {
 	width: auto;
 }
 
/*-------------------------------
 * Calendrier
 *-------------------------------*/
 .navCalendar select {
 	width: auto;
 }
 
 .calendrier td { 
 	border-color: #FFF; 
 	border-style: solid; 
 	border-width: 0 1px 1px 0; 
 	height: 96px; 
 	padding: 2px; 
 	vertical-align: top; 
 	width: 96px; 
 }
 
 .calendrier td td { 
 	border: none; 
 	height: auto; 
 	width: auto; 
 }

 .calendrier td .heure_begin { 
 	margin-bottom: 20px; 
 }
 
 .calendrier td .heure_end 	{ 
 	display: block; 
 	vertical-align: bottom; 
 }

 .calendrier td.heure { 
 	width: 33px; 
 }
 
 .calendrier td.heure a { 
 	display: block; 
 }
 
 .calendrier a.day { 
 	padding-right: 18px;
 }

 .calendrier a.day:hover { 
 	background: url(../img/calendrier_add.png) no-repeat right center; 
 }

 a.calendrier {
	font-weight: bold;
	font-size: 9px;
 }

 a:hover.calendrier {
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	font-size: 9px;
 }
 
.we {
	background-color: #d7ceb5;
}

.week {
	background-color: #f5f1e8;
}

.spancalendar {
	display: block;
}

.tabhead {
	font-weight: bold; 
	text-align: center
}

#titre_periode_calendrier {
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 99%;
	background-color: #eee;
}

#titre_periode_calendrier a {
	font-weight: normal;
}

.itemExistingItem {
	background-color:#eee;
	}
 
#calendar_evts h2 {
	text-align: center;
}
/*-------------------------------
 * Saisie calendrier
 *-------------------------------*/
 .saisieCalendar strong {
 	float: left;
	padding: 1px 5px 1px 0;
	margin: 0;
	text-align: right;
	width: 120px;
 }
 
 .saisieCalendar input.champ {
 	width: auto;
 }
 
 .saisieCalendar select.champListe {
 	width: auto;
 }

/*-------------------------------
 * Rapport
 *-------------------------------*/
 
 .rapport #entete_rapport h1 {
 	background: none;
 	color: #000;
 }
 
 .rapport #entete_rapport .alignLeft img {
 	margin-right: 10px;
 }
 
 .rapport #entete_rapport span {
 	margin: 0;
 }
 
 .rapport #entete h1 {
	background: none;	
 }
 
 .rapport #entete span {
 	display: inline;
 }
 
 .rapport select.champListe {
 	width: auto;
 }
 
 .rapport .date td {
 	background-color: #CCC;
 	color: #FFF;
 	height: 2em;
 	line-height: 2em;
 }
 
#link_to_rss {
	text-align: center;
}

#filtre label {
	float: none;
}