/*****************************************************************************
 *                   Redefinition des balises HTML                           *
 *****************************************************************************/ 
/*
@font-face {
  font-family: "Yiggivoo";
  src : url('/gix4/font/Yiggivoo UC.ttf');
}
*/
img {border: 0;padding: 0;margin:0}
fieldset {border-width: 0px;border-style: solid;border-color: #9b856d;margin: 0;padding: 0;}
form {margin: 0;}
.submit {background-color: #e7f2d2;font-size: 8pt;color: #507408;width: 90px;text-align: center;}
.indent {margin-left: 10px;}

/*****************************************************************************
 *                   Main colonne                                            *
 *****************************************************************************/
body {
	top: 0px;
	margin: 0px; 
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	background-image: url(/gix4/img/fond/bg-01.jpg);
	background-repeat: repeat-x;
	background-position: center 26px;
	background-color: #c2bebf;		
	color: #606060;
}
#bodyHome{
	background-position: center 0px;
}
.tutorial {
	top: 0px;
	left:0px;
	margin: 0px; 
	padding: 0px;
	width:997px;
	height:650px;
	border: 0px;	
}
/****************	barreHaute 	*********************************/
#barreHaute { top:0px; left:0px; width:100%; background-color:#B0ACAD; border-bottom:1px solid #3D393A; border-top:1px solid #3D393A; padding:0px; color:#4C4849; font:11px arial;}
#barreHaute .container { width:1050px;margin:0px; }
#barreHaute .container .menuUser { margin:0px; }
#barreHaute .menu, #barreHaute .menu ul { margin:0;padding:0;list-style-type:none;}
#barreHaute .menu .connect { margin:3px 0 0 5px; width:92px; color:#000; cursor:pointer }
#barreHaute .menu li { float:left;position:relative; }
#barreHaute .menu a { text-decoration:none }
/****************	Top	*************************************/
#top {
	width: 1000px;
	height:45px;
	margin-left: auto;
	margin-right: auto;
}
/****************	Logo	*************************************/
#logo { 
	float: left;
	color: #EEE;
	font-size: 16pt;
/*	font-family: "Yiggivoo";	*/
}
#UnDon {
	width: 315px;
	background: #FFF;
	margin-left:5px;
	-moz-box-shadow: 3px 3px 3px #555;  
	-webkit-box-shadow: 3px 3px 3px #555;  
	box-shadow: 3px 3px 13px #555; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	padding: 3px;
	font-size: 8pt;
	color:#000000;
	text-align:center;
}
#GxFaireUnDon {
	display: none;
	position: absolute;
	width: 200px;
	background: #FFF;
	z-index: 1002;
	-moz-box-shadow: 3px 3px 3px #555;  
	-webkit-box-shadow: 3px 3px 3px #555;  
	box-shadow: 3px 3px 13px #555; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	padding: 5px;
	text-align:center;
}
#GxFaireUnDon .close {
	float: right;
	padding-top: 0px;
	margin-top: 0px;
}
#first {
	background-color: #888888;
	-moz-box-shadow: 3px 3px 3px #555;  
	-webkit-box-shadow: 3px 3px 3px #555;  
	box-shadow: 3px 3px 13px #555; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#first p {
	font-size: 10pt;
	color:#000000;
}
#first i {
	font-size: 8pt;
}
/****************	Info	*************************************/
#infos { 
	float: right;
	width: 190px;
	padding: 5px;
	margin-top: -23px;
	background: rgba(250,240,100,1);
	-moz-box-shadow: 3px 3px 13px #888;  
	-webkit-box-shadow: 3px 3px 13px #888;  
	box-shadow: 3px 3px 13px #888; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
}
/****************	Avatar	*************************************/
#joueurAvatar {
	float: right;
	width: 50px;
	height: 50px;
}
/****************	Menu *************************************/
#genetixVersion {
	float: left;
	width:70px;
	height:30px;
	margin-left:10px;
	padding: 0px;
	text-align:center;
	color:#AAAAAA;
}
#genetixPub {
	float: right;
	height:32px;
	margin-left:10px;
	padding: 0px;
	color:#AAAAAA;
}
.menu2 {
	float: left;
	margin:0px 0px 0px 25px;
	font-size: 10pt;
	background: rgba(255,255,255,0.9);
	-moz-box-shadow: 3px 3px 13px #888;  
	-webkit-box-shadow: 3px 3px 13px #888;  
	box-shadow: 3px 3px 13px #888; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
}
.menu2 ul {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type: none; 
}
.menu2 li {
	float: left;
	margin-right : 10px;
	margin-left : 10px;
}
.menu2 li a {
	text-decoration: none;
}
.menu3 {
	float: left;
	margin:0px 0px 0px 30px;
	font-size: 10pt;
	background: rgba(137,223,28	,0.9);
	-moz-box-shadow: 3px 3px 13px #888;  
	-webkit-box-shadow: 3px 3px 13px #888;  
	box-shadow: 3px 3px 13px #888; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
}
.menu3 ul {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type: none; 
}
.menu3 li {
	float: left;
	margin-right : 10px;
	margin-left : 10px;
}
.menu3 li a {
	text-decoration: none;
	color:#101010;
}
.menu4 {
	float: left;
	padding: 0px;
	margin:8px 0px 0px 130px;
	font-size: 10pt;
	background: rgba(255,255,255,0.9);
	-moz-box-shadow: 3px 3px 13px #888;  
	-webkit-box-shadow: 3px 3px 13px #888;  
	box-shadow: 3px 3px 13px #888; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
}
.menu4 ul {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type: none; 
}
.menu4 li {
	float: left;
	margin-right : 15px;
	margin-left : 15px;
}
.menu4 li a {
	text-decoration: none;
}
#menuContext {
	display: none;
}
/****************	mainEmploi *************************************/
#mainEmploi {
	margin: auto;
	width: 1000px;
	background: #EEE;
	margin-top:15px;
	padding-top:5px;
	-moz-box-shadow: 3px 3px 13px #888;  
	-webkit-box-shadow: 3px 3px 13px #888;  
	box-shadow: 3px 3px 13px #888; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
}
#mainEmploi a {
	text-decoration: none; 
	color: #557709;
}
#mainEmploi a:hover {
	color: #94b818;  
}
/*****************************************************************************
 *                   Pop Up		                                            *
 *****************************************************************************/ 
/****************	Genetix Connexion	*************************************/
#GxConnect {
	display: none;
	position: absolute;
	padding: 10px;
	width: 120px;
	background: #EEE;
	z-index: 999;
	-moz-box-shadow: 3px 3px 13px #888;  
	-webkit-box-shadow: 3px 3px 13px #888;  
	box-shadow: 3px 3px 13px #888; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
}
#GxConnect li {
	text-align:center;
}
#GxConnect li.rouge {
	color: #d9250d; 
	font-weight: 900;
}
#GxConnect li#menuform { 
	text-align: center;
	font-size: 8pt;
}
#GxConnect .close {
	float: right;
	padding-top: 0px;
	margin-top: 0px;
}
/****************	Genetix Inscription	*************************************/
#GxInscription {
	display: none;
	position: absolute;
	padding: 10px;
	width: 500px;
	background: #EEE;
	z-index: 999;
	-moz-box-shadow: 3px 3px 13px #888;  
	-webkit-box-shadow: 3px 3px 13px #888;  
	box-shadow: 3px 3px 13px #888; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
}
#GxInscription .close {
	float: right;
	padding-top: 0px;
	margin-top: 0px;
}
/*****************************************************************************
 *                   Bottom	                                                 *
 *****************************************************************************/
#legal {
	clear: both; 
	text-align: center;
	font-size: 8pt;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 15px; 
	padding-bottom: 6px; 
}
#legal ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#legal ul li {
	display: inline;
}
#legal ul li a {
	padding-left: 10px;
	padding-right: 10px;
	color: #59750d;
	text-decoration: none;
}
/****************	Footer *************************************/
#footer {
	margin: auto;
	width: 1050px;
	text-align: center;
	font-size: 8pt;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	padding-bottom:5px;
}
/*****************************************************************************
 *                           Publicite                                       *
 *****************************************************************************/
#pub_bottom {
	text-align: center;
	margin-top:15px;
}
#pub_bottom_google { 
	text-align: center;
	margin-top:15px;
}
/*****************************************************************************
 *                           Divers                                          *
 *****************************************************************************/
/* ### Commentaires ### */
#newVersion {
	display: block;
	position: absolute;
	left:320px;
	top:0px;
	margin:0;
	width:135px;
	height:135px;
}
#bulle {
	display: block;
	position: absolute;
	visibility: hidden;
	margin:0;
	color:#036;
	width:172px;
	font-size:8pt;
    z-index: 9999;
}
#bulle_haut {
	width:172px;
	height:15px;
	background-image: url(/gix4/img/fond/commentaire_haut.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#bulle_info {
	margin:0;
	padding:0 15px 0 10px;
	background-image: url(/gix4/img/fond/commentaire_fond.png);
	background-position: top left;
	background-repeat: repeat-y;
}
#bulle_bas {
	width:172px;
	height:30px;
	background-image: url(/gix4/img/fond/commentaire_bas_gch.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.souligne {
	width: 300px;
	height: 2px;
	background-image: url(/gix4/img/icone/souligne.png);
	background-repeat: repeat-y;
	font-size: 0pt;
	margin-bottom: 0px;
	margin-left: 0px;
}
.souligneCourt {
	width: 200px;
	height: 2px;
	background-image: url(/gix4/img/icone/souligne.png);
	background-repeat: repeat-y;
	font-size: 0pt;
	margin-bottom: 0px;
	margin-left: 0px;
}
.saisie {
	font-size: 8pt;
	padding: 1px; 
	margin: 2px;
	border: 1px solid #94b818;
}
.dispo {
	font-size: 10pt;
	border:0px;
	padding: 1px;
	margin: 1px;
	color: #B61A1B;
}
.note {
	font-style: italic;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	color: #993906;
}
.i_button {
	font-size: 8pt;
	cursor: pointer;
}
/*****************************************************************************
 *                   Carte entreprise                                        *
 *****************************************************************************/ 
#carteIdentEleveur {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 270px;
	z-index: 999;
}
#carteTableEleveur{
	font-size: 8pt; 
}
#carteTableEleveur table{
	padding: 0px;
	border-spacing: 0px;
	border-collapse:collapse;
}
.carteTop {  
	height: 30px;
	background: url(/gix2/img/fond/carteIdentTop.png) 0 0 no-repeat;
}
.carteContent {
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(/gix2/img/fond/carteIdentMain.png);
	background-repeat: repeat-y;
}
.carteBottom {
	height: 20px;
	background: url(/gix2/img/fond/carteIdentBottom.png) 0 0 no-repeat ;
}
.map {
	position: absolute; 
	display: block;
	float: left;
	z-index:0;
} 
#carteIdentAnimal {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 270px;
	z-index: 999;
}
#carteNoBody { 
	margin-left: 3px;
	visibility: hidden; 
}
#cartePhoto {
	margin-left: 3px;
}
#carteTableAnimal{
	height: 30px;
} 
#carteIdentAnimalRef{
	margin: 3px;  
}
#carteIdentAnimalNom{ 
	margin: 3px;  
}
#carteMessage {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 270px;
	z-index: 999;
}
#carteTableMessage{
	font-size: 8pt;
}
#carteTableMessage input[type=image] {
	padding: 2px;
	border: 0px;
	margin: 0px;
}
textarea#styled {
	border: 0px solid #cccccc;
	padding: 1px;
	font-family: Tahoma, sans-serif;
	font-size: 8pt;
	background-color: #E7F2D2; 
}
.CiVar { 
	font-size: 8pt;
	padding: 2px;
}