/*-------------------------------
 * Général
 *-------------------------------*/
 html,
 body {
 	height: 100%;
 	margin: 0;
 	padding: 0;
 }
 
 body {  
 	background: url(../img/bgrd.png) repeat-x center top;
 	color: #666;
 	font: 12px/1.4em Verdana, Arial, Helvetica, sans-serif;
 }
 
 #container {
 	margin: 0 auto;
 	padding: 0;
 	width: 976px;
 }

 h2 {
 	background-color: #EEE;
 	color: #000;
 	font-size: 16px;
 	font-weight: bold;
 	margin-top: 0;
	padding: 4px;
 }
 
 .withInfosCol h2 {
 	margin: 10px 0;
 }
 
 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;
 }
 
 .clearerRight {
 	border: none;
	clear: right;
	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;
 }
 
 .champ {
 	border: solid 1px #A5ACB2;
 	width: 200px;
 }
 
 .auto {
 	width: auto !important;
 }
 
 .champListe {
 	border: solid 1px #A5ACB2;
 	width: 202px;
 }
 
 .btn {
 	background: url(../img/bgrd_btn.png) repeat-x center center;
 	border: solid 1px #666;
 	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;
 }
 
 .col40 {
 	margin: 0;
 	width: 40%;
 }
 
 .col60 {
 	margin: 0;
 	width: 60%;
 }
 
 .infoNavOS {
 	color: #999;
 	font-size: 10px;
 	font-style: italic;
 	margin-top: 10px
 }
 
/*-------------------------------
 * Header
 *-------------------------------*/
 
 #top {
 	background: url(../img/bgrd_header.png) no-repeat center top;
 	height: 150px;
 	padding: 0 8px;
 }
 
 #headerBtn {
 	float: right;
 	list-style: none;
 	line-height: 20px;
 	margin: 8px 0 2px;
 }
 
 #headerBtn li {
 	float: left;
 }
 
 #headerBtn li.login {
 	font-weight: bold;
 }
 
 #headerBtn li a {
 	padding: 0 12px;
 }
 
/*-------------------------------
 * Header
 *-------------------------------*/
 
 #header {
 	background: #FFF url(../img/bgrd_logo.png) no-repeat 10px 10px;
 	height: 110px;
 	padding: 10px 10px 0;
 }
 
 /* Logo */
 #header #logo {
 	float: left;
 	height: 110px;
 	margin: 0;
 	width: 280px;
 }
 
 #header #logo h1 {
 	margin: 0;
 	text-indent: -10000px;
 	position: absolute;
 }
 
 #header #logo img {
 	margin: 12px 0 0 8px;
 }
 
 #header #logo1 {
 	background: url(../img/bgrd_logo1.png) no-repeat left top;
 	height: 110px;
 	position: absolute;
 	top: 0;
 	width: 114px;
 	z-index: 99999;
 }
 
/*-------------------------------
 * Menu
 *-------------------------------*/
 #menu {
 	font-size: 22px;
 	list-style: none;
 	margin: 0;
 	padding: 15px 0;
 	width: 100%;
 }
 
 #menu li {
 	display: inline;	
 	margin: 0 24px 0 0;
 	margin: 0 12px 0 0\9; /* Hack pour tous les IE (6, 7 & 8) */
 	padding: 10px 0;
 }
 
 #menu li a {
 	height: 40px;
 	line-height: 40px;
 	padding: 10px 0 10px 38px;	
 }
 
 #menu li.docs {
 	background: url(../img/bgrd_documents.png) no-repeat left center;
 }
 
 #menu li.actions {
 	background: url(../img/bgrd_actions.png) no-repeat left center;
 }
 
 #menu li.annuaire {
 	background: url(../img/bgrd_annuaire.png) no-repeat left center;
 }
 
/*-------------------------------
 * Path
 *-------------------------------*/
 #path {
 	color: #9DB534;
 }
 
 #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 {
 	float: left;
 	width: 280px;
 }
 
 .withInfosCol #colLeft {
 	width: 300px;
 }
 
 .withInfosCol #colLeft h2 {
 	color: #FFF;
 	font-size: 20px;
 	font-weight: normal;
 	line-height: 40px;
 	height: 40px;
 	margin: 0;
 	padding: 6px 12px;
 	text-transform: none;
 }
 
 #colLeft div {
 	background-color: #EEE;
 	margin-bottom: 20px;
 	padding: 5px;
 }
 
 .withInfosCol #colLeft div {
 	background-color: #FFF;
 	margin-bottom: 0;
 	padding: 0;
 }
 
 .withInfosCol #colLeft div div {
 	padding: 10px;
 }
 
 #colLeft h2 {
 	color: #f35a05;
 	font-size: 13px;
 	padding: 0 3px;
 	text-align: left;
 	text-transform: uppercase;
 }
 
 #colLeft label {
 	display: block;
 	float: none;
 	margin: 0 auto;
	padding: 0;
	text-align: left;
 	width: 264px;
 }
 
 #colLeft .champ {
 	width: 262px;
 }

 #colLeft .champListe {
 	width: 264px;
 }

 #colLeft div div {
 	padding: 10px;
 }
 
 .withInfosCol #colLeft div a,
 .link {
 	background: url(../img/ico_link.png) no-repeat 0 6px;
 	display: block;
 	margin: 4px 0;
 	padding-left: 12px;
 }
 
 .deadLink {
 	background: url(../img/ico_deadlink.png) no-repeat 0 6px;
 	color: #CCC;
 	display: block;
 	margin: 4px 0;
 	padding-left: 12px;
 }
 
 .link.inline,
 .deadLink.inline {
 	display: inline;
 	background-position: 0 4px;
 }
 
 
 
 #colLeft .nav .selected {
 	color: #9DB534;
 	font-weight: bold;
 }
 
 #colLeft .nav a {
 	background: none;
 	margin: 0;
 	padding: 0;
 }
 
 #colLeft .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;
 }
 
 /* Actus */
 #blocNews h2 {
 	background: url(../img/bgrd_actus.png) no-repeat left top;
 	margin-top: 10px !important;
 }
 
 #blocNews .dateNews {
 	display: block;
 	font-weight: bold;
 	margin-bottom: 4px;
 }
 
 /* Quoi de neuf ? */
 #blocUp h2 {
 	background: url(../img/bgrd_whats_up.png) no-repeat left top;
 }
 
 #blocUp p {
 	margin: 4px 0;
 }
 
 #blocUp div div {
 	padding: 0 !important;
 }
 
 /* Evenements */
 #blocEvents h2 {
 	background: url(../img/bgrd_events.png) no-repeat left top;
 }
 
 #blocEvents .dateEvents {
 	display: block;
 	font-weight: bold;
 	margin-bottom: 4px;
 }
 
 /* Newsletter */
 #blocNewsletter h2 {
 	background: url(../img/bgrd_events.png) no-repeat left top;
 }
 
 #blocNewsletter p {
 	margin: 0;
 }
 
 #blocNewsletter input.champ {
 	width: 210px;
 }
 
 /* CIHEAM */
 #logo_iamm a {
 	background: none !important;
 	padding: 10px 0;
 	text-align: center;
 }
 
/*-------------------------------
 * colBody
 *-------------------------------*/
 #body {
 	background: url(../img/bgrd_body.png) repeat-y center top;
 	margin: 0;
 	padding: 20px 18px 20px;
 }
 
 .withInfosCol #body {
 	padding: 0 18px 20px 12px;
 }
 
 fieldset {
 	border: none;
 }
 
 #colBody {
 	margin-left: 300px;
 }
 
 * html .home #colBody {
 	display: inline-block;
 }
 
 .withInfosCol #colBody {
 	padding: 10px 10px 10px 20px;
 }
 
 #colBody {
 	padding: 0;
 }
 
 #blocPresentation {
 	margin-bottom: 20px;
 	/*height: 270px;*/
 }
 
 #blocPresentation a {
 	font-weight: bold;
 }
 
 #blocPresentation em {
 	font-weight: bold;
 }
 
 #blocPresentation ul {
 	/*float: left;*/
 	margin-top: 25px;
 }
 
 #blocPresentation .cultureVin {
 	margin-right: 40px;
 }
 
 .pres_interactive {
 	margin: 12px 0;
 }
 
 .pres_interactive object,
 .pres_interactive embed {
 	height: 177px !important;
 	width: 250px !important;
 }
 
 .pres_interactive div div {
 	display: none;
 }
 
 #blocAccess div.zoom_container {
 	float: left;
 }
 
#blocAccess div.zoom {
	background-color: #F5F5F5;
 	border: solid 1px #DDD;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	float: left;
 	/*height: 250px;*/ 
 	min-height: 200px;
 	margin: 0 1% 2%;
 	padding: 1%;
 	width: 45%;
}

#blocAccess .titre_bloc {
	border-bottom: solid 1px #E5E5E5;
 	color: #9DB534;
 	display: block;
 	font-size: 15px;
 	font-weight: bold;
 	height: 32px;
 	margin: 0 0 5px 0;
 	padding-bottom: 5px;
 	text-align: center;
 }

#blocAccess .contenu_bloc {
 	margin: 10px;
 	display: block;
 }

 #blocAccess div .imgDoc {
 	background: #FFF;
 	border: solid 1px #E5E5E5;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	display: block;
 	line-height: 160px;
 	height: 160px;
 	margin-bottom: 5px;
 	padding: 0;
 	text-align: center;
 	width: 100%;
 }
 
 #blocAccess div .imgDoc img {
 	margin: 0 auto;
 	vertical-align: middle;
 }
 
 #blocAccess div .titleDoc {
 	background: none;
 	display: block;
 	font-style: italic;
 	margin: 0;
 	text-align: center;
 }
 
 #blocAccess div a {
 	background: url("../img/ico_link.png") no-repeat 0 6px;
    display: block;
    margin: 4px 0;
    padding-left: 12px;
 }
 
 #blocAccess .helpAccess {
 	clear: right;
 	display: block;
 	float: left;
 	text-align: center;
 }
 
 *+html #blocAccess .helpAccess {
 	float: none;
 	width: 99%;
 }
 
 * html #blocAccess .helpAccess {
 	float: none;
 	width: 99%;
 }
 
/*-------------------------------
 * Footer
 *-------------------------------*/
 #footer {
 	background: url(../img/bgrd_footer.png) no-repeat center top;
 	clear: both;
 	margin: 0;
 	padding: 20px 8px 10px;
 	text-align: center;
 }
 
 #footer #datemaj {
 	float: left;
 	font-size: 11px;
 	line-height: 20px;
 	color: #666;
 }
 
 #footer ul {
 	list-style: none;
 	line-height: 20px;
 	margin: 0 auto;
 }
 
 #footer li {
 	display: inline;
 	margin: 0 8px;
 }
 
/*-------------------------------
 * 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: #a4b934;
 	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;
 }
 
/*-------------------------------
 * Contact
 *-------------------------------*/
 .contact #colBody p {
 	padding: 0 15px;
 }
 
/*-------------------------------
 * Liens utiles
 *-------------------------------*/
 .liensUtiles a.liens {
 	border-bottom: solid 1px #CCC;
 	display: block;
 	margin: 4px 0;
 	padding: 5px 0 5px 12px;
 }
 
 .liensUtiles a.liens:hover {
 	background-color: #F2F2F2;
 	text-decoration: none;
 }
 
 .liensUtiles a.liens img {
 	vertical-align: middle;
 }
 
 .liensUtiles p {
 	padding: 0 15px;
 }

/*-------------------------------
 * Plan du site
 *-------------------------------*/ 
 .sitemap ul {
 	list-style: disc;
 	margin-left: 20px;
 	padding-left: 15px;
 }
 
 .num1 { 
 	color: #009e47; 
 }
 
 .num2 { 
 	color: #be2222; 
 }
 
 .num3 { 
 	color: #f88811; 
 }
 
 .num4 { 
 	color: #003399; 
 }
 
 .num5 { 
 	color: #df0000; 
 }
 
 .num6 { 
 	color: #6b2092; 
 }
 
 .num7 { 
 	color: #666666; 
 }
 
 .num8 { 
 	color: #FF3399; 
 }

/*-------------------------------
 * Login
 *-------------------------------*/ 
 .login #login_form {
	background-color: #F5F5F5;
	border: 1px solid  #CCCCCC;
	margin: 30px auto;
	text-align: center;
	width: 500px;
 }
 
 .login h2 {
 	background: none;
 	color: #9db534;
 	font-size: 2em;
 	font-weight: normal;
	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
 *-------------------------------*/
 #mycarousel  {
 	float: right;
	height: 110px;
	overflow: hidden;
	width: 660px;
 }
 
 .jcarousel-container {
    position: relative;
 }

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

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

 #mycarousel ul li {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 660px;
    height: 110px;
 }

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

 .jcarousel-prev {
    z-index: 3;
    display: none;
 }
 
/*-------------------------------
 * Actualités & Evenements
 *-------------------------------*/
 .actu {  
 	border: solid 1px #CCC;
 	background-color: #F2F2F2;
 	line-height: 1.6em;
 	margin: 12px 0;
 	padding: 4px 10px;
 }
 
 .actu.selected {
 	background-color: #FFF;
 }
 
 .actu .dateActu {
 	display: block;
 	color: #9db534;
 	font-weight: bold;
 	margin: 0 0 4px 0;
 	text-align: right;
 }
 
 .actu .titleActu {
 	border-bottom: solid 1px #EEE;
 	font-weight: bold;
 	margin-top: 6px;
 	padding-bottom: 4px;
 }
 
 .actu .titleActu a {
 	font-weight: normal;
 }
 
 .actu .upDocs {
 	border-top: solid 1px #EEE;
 	padding-top: 4px;
 }
 
 .actu .upDocs a {
 	background: url(../img/ico_link.png) no-repeat 0 7px;
 	display: block;
 	margin-left: 20px;
 	padding-left: 12px;
 }
 
 .actu .upDocs strong {
 	display: block;
 }
 
/*-------------------------------
 * Menu recherche
 *-------------------------------*/
 .documents #body ul#menu_switch_search {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
  
 #menu_switch_search li {
 	float: left;
 	margin: 0 2px 0 0; 
 	padding: 0; 
 }
 
 #menu_switch_search a {
 	background-color: #EEE;
 	display: block;
	font-weight: bold;
	line-height: 22px;
	height: 22px;
	padding: 0 4px; 
	margin: 0;
	text-decoration: none; 
 }
 
 #menu_switch_search a:hover {
 	text-decoration: none;
 }

 #menu_switch_search a.inactif { 
 	background-color: #F5F5F5; 
 	color: #888; 
 	font-size: 10px;
 }
 
 #menu_switch_search a.inactif:hover { 
 	background-color: #CCC; 
 	color: #FFF;
 }
 
 #menu_search li .lien_plus {
 	clear: left;
 	float: left;
 	margin: 0;
	padding: 6px 5px 0;
	width: 17px;
 }
 
 #menu_search li a {
 	display: block;
 	margin-left: 20px;
 	padding: 4px 0;
 }
 
 *+html #menu_search li a {
 	display: inline-block;
 	margin: 0;
 }
 
 * html #menu_search li a {
 	display: inline-block;
 	margin: 0;
 }
 
 #menu_search li li .lien_plus {
 	clear: left;
 	padding-left: 15px;
 }
 
 #menu_search li li a {
 	margin-left: 35px;
 }
 
 *+html #menu_search li li a {
 	display: inline-block;
 	margin: 0;
 	padding: 0;
 }
 
 * html #menu_search li li a {
 	display: inline-block;
 	margin: 0;
 	padding: 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;
 }
 
/*-------------------------------
 * Documents - Recherche avancée
 *-------------------------------*/
 .advanced_search #body div {
 	border: solid 1px #EEE;
 	padding: 0 10px;
 }
 
 .advanced_search #body ul {
 	list-style: disc;
 	margin-left: 20px;
 	padding-left: 15px;
 }
 
 .advanced_search #body ul li a {
 	margin: 0;
 }
 
 .advanced_search td {
 	border: none;
 	padding: 0;
 }
 
 .advanced_search td td {
 	border-bottom: 1px solid #DDD;
	padding: 0 2px;
 }

/*-------------------------------
 * Fiche doc
 *-------------------------------*/

 #infos_princ,
 #infos_supp {
 	padding: 5px;
 }
 
 .ficheDoc #colBody {
 	background-color: #EEE;
 }
 
 .ficheDoc strong {
 	float: left;
 	line-height: 0.9em;
	padding: 3px 5px 0 0;
	margin: 0;
	text-align: right;
	width: 180px;
 }
 
 .ficheDoc #entete strong {
 	width: 210px;
 }

 .ficheDoc span {
 	display: block;
 	margin: 0 0 0 190px; 
 	padding: 1px 0;
 }
 
 .ficheDoc #entete span {
 	margin: 0 0 0 220px; 
 }
 
 .ficheDoc .champ {
 	width: 320px;
 }
 
 .ficheDoc select.champListe {
 	width: auto;
 }
 
 .ficheDoc .btnForm {
 	margin: 0;
 	padding: 10px 0;
 }
 
 .ajoutDocAssocie label {
 	width: 120px;
 }
 
/*-------------------------------
 * Action
 *-------------------------------*/
 .actionSearch #body,
 .action #body {
 	padding-top: 1px;
 }
 
 .actionSearch #colBody ul {
 	margin-bottom: 15px;
 }
 
 .action #path {
 	margin: 0 0 10px
 }
 
 .action #entete {
 	text-align: center;
 }
 
 .action #entete h1 {
 	color: #9DB534;
 	font-size: 1.6em;
 	margin: 0;
 }
 
 .action #entete span {
 	margin: 0 15px;
 }
 
/*-------------------------------
 * Fiche personne
 *-------------------------------*/
 .fichePersonne #entete h1 {
 	background: none;
 	color: #000;
 }
 
 .fichePersonne #entete .alignLeft img {
 	margin-right: 10px;
 }
 
 .fichePersonne #entete span {
 	margin: 0;
 }
 
 .fichePersonne .collapsable {
 	background: #EEE url(../img/s_wait.gif) no-repeat 99% 45%; 
 	cursor: pointer;
 	margin-top: 20px;
 }
 
 .fichePersonne strong {
 	float: left;
	padding: 1px 5px 1px 0;
	margin: 0;
	text-align: right;
	width: 200px;
 }

 .fichePersonne span {
 	display: block;
 	margin: 0 0 0 210px; 
 	padding: 1px 0;
 }
 
 .fichePersonne span strong {
 	float: none;
 	padding: 0;
 	text-align: left;
 	width: auto;
 }
 
 .fichePersonne #footer span {
 	margin: 0;
 }
 
 /*-------------------------------
 * Ajout document
 *-------------------------------*/ 
 .addDoc #entete span {
 	display: inline;
 }
 
 .addDoc #entete strong {
 	float: none;
 	padding: 0;
 	text-align: center;
 	width: auto;
 }
 
 .addDoc strong {
 	float: left;
	padding: 1px 5px 1px 0;
	margin: 0;
	text-align: right;
	width: 200px;
 }
 
 .addDoc span {
 	display: block;
 	margin: 0 0 0 210px; 
 	padding: 1px 0;
 }
 
 .addDoc select.champListe {
 	width: auto;
 }
 
/*-------------------------------
 * Ajout note
 *-------------------------------*/
 
 .ajoutNote #colBody strong {
 	float: left;
	padding: 1px 5px 1px 0;
	margin: 0;
	text-align: right;
	width: 180px;
 }
 
 .ajoutNote #colBody 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: auto;
 }
 
 .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: hand;
	font-size: 9px;
 }
 
.we {
	background-color: #BFCB7B;
}
.week {
	background-color: #F1F6D9;
}

.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;
}
 
/*-------------------------------
 * 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 select.champListe {
 	width: auto;
 }
 
 .rapport .date td {
 	background-color: #CCC;
 	color: #FFF;
 	height: 2em;
 	line-height: 2em;
 }
 
/*-------------------------------
 * Informations légales
 *-------------------------------*/
 .popup {
 	background: none;
 	padding: 0 20px;
 }
 
 .popup h1 {
 	background-color: #9db534;
 	color: #FFF;
 	font-size: 1.6em;
 	padding: 2px 2px 3px;
 }
 
 .popup h2 {
 	font-size: 1.2em;
 }
 
 .popup h3 {
 	background-color: #FFF;
 	border-bottom: solid 2px #CCC;
 	font-size: 1em;
 	margin: 0;
 	padding: 5px;	
 }
 
 .popup .buttons {
 	margin: 12px 0;
 }
 
 .popup .buttons a:hover {
 	text-decoration: none;
 }
 
 #vig_centre_1 { 
 	width: 100px; 
 	float: left;
 	margin: 8px 0 0 10px;
 	text-align: center;
 }
 
 #vig_centre_2 { 
 	width: 145px;
 	float: left;
 	margin: 8px 0 0 9px;
 	text-align: center;
 }