@charset "iso-8859-1";

/* CSS Document */
body {
	background:url(../images/communes/background.png) repeat-x;
	background-color: #cfcecf;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}
h1 {
	color:#0f5a4a;
	font-size:18px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	}
h2 {
	color:#FFF;
	font-size:13px;
	height:30px;
	font-weight:bold;
	margin: 0;
	padding: 0 0 0 12px;
	line-height:29px;
	}
h2 a {
	color:#FFF;
	text-decoration:none;
	}
h2 a:hover {
	color:#FFF;
	text-decoration:none;
	}
/*h2:hover {
	color:#FFF;
	background-color:#0b483a;
	cursor:hand;
	cursor:pointer;
	}*/
h3 {
	color:#bb8d09;
	font-size:15px;
	font-weight:bold;
	margin: 17px 0 0 0;
	padding: 0;
	}
p {
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 2px;
	color: #000000;
	font-size: 12px;
	}
img {
	border: none;
	}
hr {
	background-color: #cacaca;
	margin: 28px 0 20px 0;
	}
a {
	color: #0f5a4a;
	text-decoration: underline;
	}
a:hover {
	color: #0f5a4a;
	text-decoration: underline;
	}
form {
	padding: 0px;
	margin: 0px;
	}

.obligatory {
	color: #CC3333;
	}
.form_annonce_embryons-title {
	font-weight:bold;
	border-bottom:dotted #666 1px;
	}
input {
	width:210px;
	}
input[type=radio] {
	width:auto;
	}
input[type=file] {
	width:260px;
	}
input[type=submit] {
	width:auto;
	}
select {
	width:214px;
	}
/* ************************************** Elements TOP ************************************** */
#big-wrapper {
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
	background-image:url(../images/communes/blue_bg_gradient.png);
	background-repeat:repeat-x;
	background-position: 266px 362px;
	}
#top-logo {
	width: 274px;
	height:317px;
	float:left;
	}
#top-embryons-fr {
	background: url(../images/fr/btn_embryons.png) 0 0 no-repeat;
	}
#top-eleveurs-fr {
	background: url(../images/fr/btn_eleveurs.png) 0 0 no-repeat;	
	}
#top-embryons-en {
	background: url(../images/en/btn_embryons.png) 0 0 no-repeat;
	}
#top-eleveurs-en {
	background: url(../images/en/btn_eleveurs.png) 0 0 no-repeat;	
	}
.big-menus {
	width: 268px;
	height:47px;
	float:right;	
	}
#top-embryons-fr:hover, #top-eleveurs-fr:hover, #top-embryons-en:hover, #top-eleveurs-en:hover {
	background-position: 0px -47px;
	cursor:hand;
	cursor:pointer;
	}	
#top-menus {
	width: 681px;
	height:39px;
	background:url(../images/communes/top-menus.png);
	float:left;
	}
.topmenus a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	float:right;
	margin-right:20px;
	display:inline;
	padding-top:7px;
	}
.topmenus a:hover {
	border-bottom:solid #bb8d09 2px;
	}
#top-flash {
	width: 681px;
	height:278px;
	float:left;
	}
#top-flash-arrows {
	width: 28px;
	height:95px;
	position:absolute;
	margin:183px 0 0 0;
	}
/* ************************************** Elements MENUS ************************************** */
#menus-wrapper {
	width: 955px;
	height:34px;
	margin:0px 0px 5px 0px;
	background:url(../images/communes/main-menu-back.png) 0 0 repeat-x;
	overflow:hidden;
	}
.btns-fr {
	float:left;
	height: 34px;
	color:#FFF;
	font-size:15px;
	line-height:33px;
	text-align:center;
	font-weight:bold;
	background:url(../images/communes/main-menu-back.png) 0 0 repeat-x;
	padding:0px 27px 0 26px;
	}
.btns-en {
	float:left;
	height: 34px;
	color:#FFF;
	font-size:15px;
	line-height:33px;
	text-align:center;
	font-weight:bold;
	background:url(../images/communes/main-menu-back.png) 0 0 repeat-x;
	padding:0px 31px 0 30px;
	}
.btns-fr:hover {
	background-position: 0px -34px;
	cursor:hand;
	cursor:pointer;
	}
.btns-en:hover {
	background-position: 0px -34px;
	cursor:hand;
	cursor:pointer;
	}
.img-float-left {
	float:left;
	}
/* ************************************** Elements CONTENU ************************************** */
#middle {
	width: 955px;
	}
.wrapper-yellow-titles {
	margin:14px 0 11px 0;
	}
.title-yellow-bar {
	height:32px;
	background:url(../images/communes/back-yellow-bar.png) 0 0 repeat-x;
	font-family: Times, serif;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	padding:0px 11px 0px 11px;
	text-transform: uppercase;
	}
/* ************************************** LEFT ************************************** */
#left {
	width: 266px;
	float:left;
	padding:0 0 16px 8px;
	}
#calendar {
	width: 259px;
	background: #bb8d09 url(../images/communes/back-calendar.jpg) 0 0 no-repeat;
	padding:4px 0;
	}
#calendar-top {
	color:#FFF;
	font-weight:bold;
	margin-left:14px;
	}
#calendar-top td {
	vertical-align:middle;
	padding:4px 0;
	width:33px;
	}	
#calendar-days {
	color:#FFF;
	font-weight:bold;
	margin-left:12px;
	border-collapse:collapse;
	border:solid #d3ae3a 1px;	
	}
#calendar-days td {
	text-align:right;
	vertical-align:bottom;
	width:32px;
	height:20px;
	background-color:#bb8d09;
	border-collapse:collapse;
	border:solid #d3ae3a 1px;	
	padding-right:4px;
	}

.calendar-event {
	background-image:url(../images/communes/calendar-triangle.png);
	background-position: bottom left;
	background-repeat:no-repeat;
}

.calendar-event a {
	color: #FFF;
	text-decoration: none;
}
	
	
.calendrier-header {
	border: none;
	text-align: center;
	padding: 0;
	margin: 0px;
	vertical-align: middle;
}

.tooltip { 
    background-color:#0b483a; 
    border:1px solid #fff; 
    padding:10px 15px; 
    max-width:150px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:11px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

.tooltip a {
	color: #FFF;
	font-weight: bold;
}


#sub-menus {
	width: 259px;
	background-color:#0f5a4a;
	margin:6px 0 0 0;
	padding:6px 0 6px 0;
	}
#pubs {
	width: 259px;
	padding:6px 0 ;
	}
#pubs img {
	margin:3px 0;
	}
/* ************************************** RIGHT ************************************** */
#right {
	width: 649px;
	float:left;
	padding:16px;
	}
/* ***************** TABLEAU EMBRYONS ***************** */
#retour {
	text-align:right;
	position:absolute;
	margin:28px 0 0 530px;
	}
#retour a {
	color:#0f5a4a;
	font-weight:bold;
	font-size:14px;
	border-bottom:solid #bb8d09 2px;
	text-decoration:none;
	}
#retour a:hover {
	border-bottom:solid #0f5a4a 2px;
	}
#lire-suite {
	text-align:right;
	}
#lire-suite a {
	color:#0f5a4a;
	font-weight:bold;
	font-size:12px;
	border-bottom:solid #bb8d09 2px;
	text-decoration:none;
	}
#lire-suite a:hover {
	border-bottom:solid #0f5a4a 2px;
	}
#affichez-vous {
	width:259px;
	height:22px;
	text-align:center;
	background:url(../images/communes/back_advertise.png);
	padding-top:2px;
	margin-top:2px;
	}
#affichez-vous a {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	border-bottom:solid #bb8d09 2px;
	text-decoration:none;
	}
#affichez-vous a:hover {
	border-bottom:solid #FFF 2px;
	text-decoration:none;
	}

#print-results {
	text-align:right;
	position:absolute;
	margin:84px 0 0 526px;
	}
#logo {
	text-align:right;
	position:absolute;
	margin:84px 0 0 500px;
	}
.prix-embryons {
	color:#FFF;
	font-size:13px;
	background-color:#bb8d09;
	margin:12px 10px;
	padding:4px 0 4px 0;
	}
#navigation {
	margin:18px 0 8px 0;
	text-align:right;
	color:#000;
	}
#navigation a {
	text-decoration:none;
	color:#0f5a4a;
	margin:0 8px 0 8px;
	}
#navigation a:hover {
	text-decoration:underline;
	color:#0f5a4a;
	}
.arrow-bigger {
	font-size:16px;
	}
.tbl_embryo_date {
	width:92px;
	height:24px;
	background:url(../images/communes/table_embryo_date.png) 0 0 no-repeat;
	color:#FFF;
	font-weight:bold;
	padding-left:5px;
	}
.tbl_embryo_date p {
	margin-top:-2px;
	color:#FFF;
	font-size:14px;
	}
.tbl_embryo_prefixe {
	height:24px;
	background-color:#bb8d09;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	padding-left:10px;
	}
.tbl_embryo_arrow {
	width: 120px;
	height:24px;
	background-color:#bb8d09;
	text-align:center;
	vertical-align:top;
	}
.tbl_embryo_qte {
	background-color:#0f5a4a;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:10px 0 5px 0;
	vertical-align:top;
	}
.tbl_embryo_number {
	font-size:18px;
	}
.tbl_embryo_lot {
	background-color:#0f5a4a;
	color:#FFF;
	font-size:12px;
	padding:10px 0 10px 10px;
	vertical-align:top;
	}
.tbl_embryo_lot p {
	color:#FFF;
	}
.img-white-border {
	border:solid #FFF 2px;
	margin-top:8px;
	}
.tbl_embryo_infos {
	background-color:#0f5a4a;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	padding-top:10px;
	}
.tbl_embryo_infos a {
	color:#FFF;
	text-decoration:none;
	}
.tbl_embryo_infos a:hover {
	color:#FFF;
	text-decoration:underline;
	}
.tbl_embryo_informations {
	width: 220px;
	background-color:#0F5A4A;
	vertical-align:bottom;
	padding-bottom:10px;
	}
.tbl_embryo_informations p {
	color:#FFF;
	font-size:11px;
	}
/* ************************************** BOTTOM ************************************** */
#bottom {
	width: 955px;
	height:124px;
	background:url(../images/communes/bottom.jpg);
	}
/* ************************************** Elements FOOTER ************************************** */
#footer {
	height:55px;
	background-color:#0f5a4a;
	border-top: solid #5e6164 1px;
	}
#footer-infos {
	width: 955px;
	height:55px;
	margin-left: auto;
	margin-right: auto;
	}
#footer-infos p {
	color:#FFF;
	font-size:11px;
	padding:7px 0px 0px 11px;
	float:left;
	}
#footer-infos a {
	color:#FFF;
	}
/* ************************************** expo ************************************** */
.img_galery {
	float: left;
	margin: 0px 7px 7px 0px;
	border: #BC8D09 solid 2px;
}

/* ************************************** PUB SCROLLER *********************************** */
/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 265px;
	width: 259px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}

/***** CALENDRIER TEXTE *******/
.months-text {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px dotted #666;
	color: #666;
	background-color:#EEE;
	padding: 3px;
	margin-bottom: 3px;
}

.days-text {
	padding: 3px;	
	font-size: 14px;
	font-weight: bold;
	background-color:#0F5A4A;
	text-align: left;
	border-bottom: 1px solid #666;
	color:#FFF;
}

.std-text {
	/*margin-left: 22px;
	padding-left: 22px;*/
	font-size: 12px;
	border-bottom: 1px #666 solid;
	
}

.std-text-tr {
	/*margin-left: 22px;
	padding-left: 22px;*/
	font-size: 12px;
	height: 25px;
	font-weight: bold;
}

.main-text-tr {
	padding-left: 3px;
}
.std-text-tr:hover {
	background-color: #F8F8F8;;
}

.day-info {
	padding: 5px 0 15px 0;
	line-height: 120%;
}
/* ************************************** --------------- ************************************** */