/*****************/
/* Style général */
/*****************/

/*******************/
/* fond de la page */
/*******************/
body
{
	background-image: url(../images/design/fond_page.gif);
	background-attachment: fixed;
	font-size: 0.8em;
	font-family: Arial, "Times new roman", Verdana, sans-serif;
	color: #8e3a02;
	margin: 0px;
}

/*****************************/
/* Style des champs de saisie*/
/*****************************/
input, textarea, select
{
	background-color: #FFFEE1;
	text-align:left;
	font-size: 12px;
	font-weight: normal;
	color: #8e3a02;
	border-width: 1px;
	border-color: #CCCCCC;
}

/* Changement de couleur au passage de la souris */
input:hover, textarea:hover, select:hover
{
	background-color: #FFFEE1;
	border-width: 1px;
	border-color: #CCCCCC;
}

/*******************/
/* Police Générale */
/*******************/
font, tr, td, ul
{
	padding: 0;
	margin: 0;
}

th
{
	font-family:MgOpen Modata;
	font-size:12px;
	font-weight : bold;
	text-align:center;
	color: #8e3a02;
}

/******************/
/* Liens généraux */
/******************/

a:link, a:active, a:visited
{
	color: #b7814b;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	color: #d49f6a;
	text-decoration: underline overline;
}

/********************/
/* Ligne séparateur */
/********************/
hr{border: 1px solid #bb8754;}

/****************************/
/* Mise en forme de la date */
/****************************/
.date
{
	color: #666666;
	text-align: center;
}

/******************/
/* Pied de module */
/******************/
.pied_de_module
{
	text-align: center;
	color: #666666;
}
.pied_de_module a:link,
.pied_de_module a:active,
.pied_de_module a:visited
{
	color: #666666;
	text-decoration: none;
	font-weight : bold;
}
.pied_de_module a:hover
{
	color: #d49f6a;
	text-decoration: underline overline;
}

/************************/
/* Style du mod résumés */
/************************/
fieldset
{
	background-color: #FFFEE1;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	padding-left:5px;
	margin-left: auto;
	margin-right: auto;
}
.fieldset_resume 
{
	background-color: #FFFEE1;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	padding-left:5px;
	margin-left: auto;
	margin-right: auto;
}

/******************************/
/* regroupage de divers style */
/******************************/
#postzone{width: 75%;}

/* Visiualisation d'un post */
#apercu 
{
	text-align: left;
	height: 200px;
	width: 580px;
	color: #8e3a02;
	overflow: auto;
	padding: 2px;
	border: 1px;
	border-style: solid;
	border-color: #000;
	margin-left: auto;
	margin-right: auto;
}
a.BBcodeSyntaxe{position:relative;background:none;z-index:10}
a.BBcodeSyntaxe:hover{z-index:20;text-decoration:none}
a.BBcodeSyntaxe span{display:none;font-weight:400}
a.BBcodeSyntaxe:hover span{display:block;border:2px solid #ccc;position:absolute;top:20px;left:0;padding:0;width:230px;color:#666;text-align:center}
/* Pour avoir un beau background de bulle*/
a.BBcodeSyntaxe:hover>span{background:#000;background:#eae8e8;margin:0;padding:5px}
a.BBcodeSyntaxe em{color:#333;background:#ccc;display:block;margin:-5px -5px 0;font-size:.9em;letter-spacing:2px;}
/*****************************************************************************/
/* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */
/*****************************************************************************/
.onmouse_over 
{
  border: 1px #666 dashed;
  background: #ddd;
}
.onmouse_out{border: 0px;}

/*******************/
/* Style des labels*/
/*******************/
label 
{
	display: inline;
	float: left;
}
.label_enregistrer1 {
	width: 250px;
}
.label_enregistrer2 {width: 250px;}
.label_profil1 
{
	width: 150px;
	font-weight: bold;
}
.label_profil2 
{
	width: 280px;
	font-weight: bold;
}
.label_contact{width: 150px;}
.label_admin_options1{width: 200px;}
.label_admin_options2{width: 400px;}
.label_admin_email{width: 200px;}

/*****************************/
/* MISE EN FORUM DES BBCODES */
/*****************************/
/* Panneau du bbcode [panneau]*/
.panneau 
{
	background-color: #FFFEE1;
	border-width: 1px;
	border-style: dashed;
	border-color: #8e3a02;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 4px;
	line-height: 11px;
}

/* Citations dans les bbcodes ([quote][/quote])*/
.quote 
{
	background-color: #cccccc;
	border-width: 1px;
	border-style: dashed;
	border-color: #8e3a02;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 4px;
	line-height: 11px;
	position: relative;
	left: -2px;
}

/* Code PHP dans les bbcode. ([code][/code])*/
.code_php 
{
	background-color: #cccccc;
	border-width: 1px;
	border-style: dashed;
	border-color: #8e3a02;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 4px;
	line-height: 11px;
	left: -2px;
	overflow: auto;
	width: 500px;
}

/* Couleurs de fond en général des tableaux ex:index.php?mod=ip */
td.row1{background-color: #FFFEE1}
td.row2{background-color: #FFFEE1}
td.row3{background-color: #FFFEE1}

/* pour Page générée */
.gen
{ 
	color: #8e3a02;
	text-align: center;
	width: 100%;
	clear: both;
}
#ckws{color: #8e3a02;}
.copyright 
{
	color: #8e3a02;
	text-align: center;
	font-size: 0.8em;
}
.footer_kwsphp 
{
	width: 90%;
	margin: auto;
	background-color: #b7814b;
	border: 2px solid #b7814b;
	border-top: none;
	font-size: 0.8em;
}

/* Module elevage  */

.lettre a
{
  font-size:15px;
  font-weight:800px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  height:auto;
  width:22px;
  padding-top:5px;
  padding-bottom:5px;
  background: #F1F1F1;
  border: #000000 solid 1px;
  float:left;
}
input.boutonedit
{
  border:0px red;
  background-image:url(http://www.domaine-altais.fr/modules/elevage/presentation/bt_edit.png);
  width:16px;
  height:16px;
  cursor:pointer;
}
input.boutonsup
{
  border:0px red;
  background-image:url(http://www.domaine-altais.fr/modules/elevage/presentation/bt_sup.png);
  width:16px;
  height:16px;
  cursor:pointer;
}
input.boutoncal
{
  border:0px red;
  background-image:url(http://www.domaine-altais.fr/modules/elevage/presentation/img_cal.png);
  width:16px;
  height:16px;
  cursor:pointer;
}
input.boutonexpo
{
  border:0px red;
  background-image:url(http://www.domaine-altais.fr/modules/elevage/presentation/expo.png);
  width:16px;
  height:16px;
  cursor:pointer;
}
input.boutonsaillie
{
  border:0px red;
  background-image:url(http://www.domaine-altais.fr/modules/elevage/presentation/gestation.jpg);
  width:16px;
  height:16px;
  cursor:pointer;
}
.titre_chien
{
  overflow:auto;
  height:100px;
  width:200px;
}
form  
{ 
  padding: 0px;
  margin: 0px; 
}
form .avertissement
{
  margin:auto;
}
.cadre_fiche_chien
{
  background-color:#FFFFFF;
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  width:95%;
  height:auto;
  border: #000000 solid 1px;
}
#conteneur
  {
  margin-left:auto;
  margin-right:auto;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;
  width:700px;
  height:auto;
  min-height:560px;
  background-color: #E5E5E5;
  border: #000000 solid 1px;
  }
.pointi
{
  border-top:#000000 dashed 1px;
}
.rouge
{
  color:#FF0000;
}
.vert
{
  color:#32CD32;
}
.orange
{
  color:#ff9900;
}
#pedig
{
  margin-left:auto;
  margin-right:auto;
  padding-top:10px;
  width:950px;
  height:660px;
  background-color:#ffffff;
  border: #000000 solid 1px;
}
#pedig_info
{
  height:100px;
}
.gen1
{
  float:left;
  width: 250px;
  height: auto;
  margin-top:150px;
}
.gen2
{
  float:left;
  width: 250px;
  height: auto;
  margin-top:63px;
}
.gen3
{
  float:left;
  width: 250px;
  height: auto;
}
.gen4
{
  float:left;
  width: 250px;
  height: 600px;
}
.femelle
{
  color:#EA005E;
}
.male
{
  color:#0033CC;
}
td.male 
{
  color: black;
  font-weight: bold;
  background-image:url('../modules/elevage/presentation/fond_cell_male.png');
  background-repeat:no-repeat;
  font-size:10px;
  padding-left:5px;
}
td.femelle 
{
  color: black;
  font-weight: bold;
  background-image:url('../modules/elevage/presentation/fond_cell_femelle.png');
  background-repeat:no-repeat;
  font-size:10px;
  padding-left:5px;
}
label 
{
  padding-right:5px;
  padding-top:2px;
  text-align:right;
  float:left;
	width: 200px;
}
#apercuchien {
	text-align:left;
	height:250px;
	width:800px;
	color:#3366CC;
	overflow:auto;
	padding:2px;
	border:1px;
	border-style:solid;
	border-color:#000;
	margin-left:auto;
	margin-right:auto;
	}
#contenu4 {
	width: 100%;
	height:150px;
	background-color: #E3DBC7;
}
#contenu5 {
	width: 100%;
	background-color: #E3DBC7;
}

/* video elevage */
a.info
{
	position:relative;
	z-index:24;
	color:#000;
	text-decoration:none;
	display: block;
	height: 120px;
	width: 170px;
	float: left;
	background-color :#FFF;
	border:0px solid #CCCCCC;	
}

a.info:hover
{
	z-index:25;
}

a.info span
{
	display: none
}

a.info:hover span
{
	display:block;
	position:absolute;
	left:-1px;
	width:150px;
	border:1px solid #CCCCCC;
	background-color:#333333;
	color:#FFFFFF;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	top: 60px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.tab-liens 
{
	margin: 10px;
	border: 0px solid #CCCCCC;
}
/* css lightbox : popup images */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*************FIN DU CSS  ********************************/

.bloc_espace_membre1{
  text-align:left;
}
.bloc_espace_membre2{
  text-align:center;
}
.bloc_espace_membre3{
  text-align:center;
}
.bloc_espace_membre_avat{
  text-align:center;
}
.bloc_espace_membre_list-style{
	list-style-image:url('../images/espace_membre/puce.png');
	padding:5px;
	margin-left:18px;
}
.bloc_espace_membre_list-style li{

}
.bloc_espace_membre_priv{
	float:left !important;
}
