/*
****************************************
*
*  (c) YZALIS 2008
*
****************************************
*/


/***************************************
 *     General reset
 **************************************/

/* Reset styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, textarea, select {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}

/* remember to define focus styles! */
:focus {
  outline:none;
}
body {
  line-height:1;
  color:black;
  background:white;
}
ol, ul {
  list-style:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse:separate;
  border-spacing:0;
}
caption, th, td {
  text-align:left;
  font-weight:normal;
}
th, td {
  vertical-align:top;
}
blockquote:before, blockquote:after, q:before, q:after {
  content:"";
}
blockquote, q {
  quotes:"" "";
}

/***************************************
 *     Global
 **************************************/

html, body {
  margin:0;
  padding:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:rgb(75,75,77);
  background-color:rgb(75,75,77);
}

html {
  font-size:100%;
}

body {
  font-size:0.7em;
}

a:link,
a:visited {
  color:rgb(75,75,77);
}

a:hover,
a:active {
  color:rgb(234,71,42);
  text-decoration:none;
}

a img {
  border:none;
  text-decoration:none;
}

strong {
  font-weight:bold;
}

.yz_more {
  margin-top:3px;
  display:block;
}
.yz_more a:link,
.yz_more a:visited {
  color:rgb(234,71,42);
  text-decoration:none;
}
.yz_more a:hover,
.yz_more a:active {
  text-decoration:underline;
}

.yz_msg {
 margin:.5em 0 1em 0;
 color:green;
 font-weight:bold;
 background:#e0ffe0 url(../images/ok.png) no-repeat 5px .3em;
 padding:.5em 0 .5em 25px;
 border-top:1px solid #d0f0d0;
 border-bottom:1px solid #d0f0d0;
}
.yz_error {
 margin:.5em 0 1em 0;
 color:red;
 font-weight:bold;
 background:#ffe0e0 url(../images/error.png) no-repeat 5px .3em;
 padding:.2em 0 .2em 25px;
 border-top:1px solid #f0d0d0;
 border-bottom:1px solid #f0d0d0;
}

.yz_motdepasseoublie {
 text-align:center;
 margin-top:1em;
 margin-bottom:1em;
}

.yz_clearleft {
  clear:left;
}
.yz_clearright {
  clear:right;
}
.yz_clearboth {
  clear:both;
}


/***************************************
 *     Header
 **************************************/

#yz_header {
  padding:10px 0px 0px 0px;
}

#yz_header a img{
  margin-left:10px;
}

/*   Connexion    */
#yz_header #yz_connexion {
  margin-top:5px;
  text-align:right;
}
#yz_header #yz_connexion .yz_membre,
#yz_header #yz_connexion .yz_zonerecherche,
#yz_header #yz_connexion .yz_deconnexion {
  display:inline;
}
#yz_header #yz_connexion .yz_membre a,
#yz_header #yz_connexion .yz_membre {
  color: rgb(246,246,246);
  text-decoration:none;
}
#yz_header #yz_connexion .yz_membre a:hover {
  xcolor: rgb(234,71,42);
  text-decoration:underline;
}
#yz_header #yz_connexion .yz_membre,
#yz_header #yz_connexion .yz_deconnexion {
  margin:0 1em 0 0;
}

#yz_header #yz_connexion .yz_connexion {
  margin:0 1em 0 0;
}

#yz_header #yz_connexion .yz_zonerecherche{
  margin-right:11em;
}


/***************************************
 *     Fil d'arianne
 **************************************/

#yz_filarianne {
  margin-bottom:15px;
}
#yz_filarianne strong {
  color:rgb(0,0,0)
}


/***************************************
 *     Footer
 **************************************/

#yz_footer {
  clear:both;
  padding-top:10px;
  text-align:center;
  height:40px;
  background:url(../images/bg_footer_pro.png) top no-repeat;
}
#yz_footer p {
  margin-bottom:5px;
  color:rgb(230,230,230);
  font-size:0.9em;
}
#yz_footer p a:link,
#yz_footer p a:active,
#yz_footer p a:visited {
  color:rgb(230,230,230);
  text-decoration:none;
}
#yz_footer p a:hover {
  color:rgb(255,255,255);
  text-decoration:underline;
}


/***************************************
 *     Container
 **************************************/

#yz_container {
  width:1000px;
  margin:0 auto 0;
  padding:0;
}
#yz_content {
  background:url(../images/bg_container_pro.png) top repeat-y;
  padding:10px 20px 5px 20px;
  margin:0;
}
#yz_content .yz_potentiel {
  clear:both;
  text-align:right;
  margin-top:15px;
  display:block;
  color:rgb(234,71,42);
  font-weight:bold;
}
/***************************************
 *     Menu General
 **************************************/
#logo {
 float:left;
}
ul#yz_menugeneral a img {
  vertical-align:bottom;
}
ul#yz_menugeneral {
  margin:35px 0 0 0;
  padding:0 10px 15px 0;
  list-style-type:none;
  display:block;
  text-align:right;
  background:url(../images/bg_header_pro.png) bottom no-repeat;

}

ul#yz_menugeneral li {
  display:inline;
  font-weight:bold;
}

ul#yz_menugeneral li a:link,
ul#yz_menugeneral li a:visited {
  color:rgb(248,248,248);
  padding:5px 10px;
  text-transform:uppercase;
  text-decoration:none;
  -moz-border-radius:0.5em;
  -webkit-border-radius:0.5em;
  -khtml-border-radius:0.5em;
  border-radius:0.5em;
}

ul#yz_menugeneral li a:hover,
ul#yz_menugeneral li a:active {
  background-color: rgb(60,60,60);
  background: rgb(60,60,60) url(../images/bg_menu_item.png) bottom repeat-x;

}

ul#yz_menugeneral li a.yz_active:link,
ul#yz_menugeneral li a.yz_active:active,
ul#yz_menugeneral li a.yz_active:visited,
ul#yz_menugeneral li a.yz_active:hover {
  color:rgb(234,71,42);
  xbackground-color: rgb(60,60,60);
  background: rgb(60,60,60) url(../images/bg_menu_item.png) bottom repeat-x;

}

/*** Bouton de formulaire ***/

a:link.yz_boutonformulaire,
a:visited.yz_boutonformulaire,
a:active.yz_boutonformulaire{
  border:1px solid rgb(234,71,42);
  padding:0.3em 1.5em 0.3em 1.5em;
  background:url(../images/btn_form.png) repeat-x 0 0 ;
  color:rgb(255,255,255);
  text-decoration:none;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

a:hover.yz_boutonformulaire{
  background:url(../images/btn_form.png) repeat-x 0 -25px;
}

input.yz_boutonformulaire {
  border:1px solid rgb(234,71,42);
  padding:0.2em 1.5em 0.2em 1.5em;
  margin-top:1em;
  font-family:verdana, arial;
  font-size:100%;
  background:url(../images/btn_form.png) repeat-x 0 0 ;
  color:rgb(255,255,255);
  cursor:pointer;
  text-decoration:none;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

input:hover.yz_boutonformulaire{
  background:url(../images/btn_form.png) repeat-x 0 -25px;
}


/********* Erreurs / messages dans les formulaires ************/

.error_list {
}
.error_list li {
  color:red;
  padding:.5em 0 .5em 0;
}

.yz_msgs {
 margin:.5em 0 1em 0;
 color:green;
 font-weight:bold;
 background:#e0ffe0 url(../images/ok.png) no-repeat 5px .3em;
 padding:.5em 0 .5em 25px;
 border-top:1px solid #d0f0d0;
 border-bottom:1px solid #d0f0d0;
}
.yz_form .yz_erreurs {
 margin:.5em 0 1em 0;
 color:red;
 font-weight:bold;
 background:#fff0f0 url(../images/error.png) no-repeat 5px .3em;
 padding:.5em 0 .5em 25px;
 border-top:1px solid #f0e0e0;
 border-bottom:1px solid #f0e0e0;
}
.yz_form .yz_ligneformulaire .yz_erreurs {
 margin:0;
 padding:0 0 .5em 0;
 color:red;
 font-weight:bold;
 background:white;
 border:0;
}

/***** Tableaux *****/
.yz_table {
  width:100%;
  -moz-border-radius:0.5em;
  -webkit-border-radius:0.5em;
  -khtml-border-radius:0.5em;
  border-radius:0.5em;
  border:1px solid rgb(220,220,220);
}
.yz_table .i0 {
  background-color:rgb(250,250,250);
}
.yz_table .i1 {
  background-color:rgb(245,245,245);
}
.yz_table td,
.yz_table th {
  padding:5px;
  vertical-align:middle;
}
.yz_table tfoot td{
  background:rgb(255,255,255) url(../images/white-grad.png) top repeat-x;
  -moz-border-radius-bottomleft:0.5em;
  -moz-border-radius-bottomright:0.5em;
  -khtml-border-radius-bottomleft:0.5em;
  -khtml-border-radius-bottomright:0.5em;
  -webkit-border-bottom-left-radius:0.5em;
  -webkit-border-bottom-right-radius:0.5em;
  border-bottom-left-radius:0.5em;
  border-bottom-right-radius:0.5em;
  border-top:1px solid rgb(220,220,220);
}
.yz_table thead th{
  background:rgb(255,255,255) url(../images/white-grad.png) top repeat-x;
  -moz-border-radius-topleft:0.5em;
  -moz-border-radius-topright:0.5em;
  -khtml-border-radius-topleft:0.5em;
  -khtml-border-radius-topright:0.5em;
  -webkit-border-top-left-radius:0.5em;
  -webkit-border-top-right-radius:0.5em;
  border-top-left-radius:0.5em;
  border-top-right-radius:0.5em;
  font-weight:bold;
  border-bottom:1px solid rgb(220,220,220);
}
.yz_table thead tr{
  background-color:rgb(230,230,230);
}
.yz_table tbody tr:hover > td{
  background-color:rgb(240,240,240);
  color:rgb(0,0,0);
}

.yz_form label {
  font-weight:bold;
}

.yz_aide {
  position:relative;
  margin-left:1em;
}
.yz_aide span {
  display:none;
}
.yz_aide:hover {
  background:none;
  z-index:500;
  cursor:help;
}
.yz_aide:hover span {
  display:block;
  width:200px;
  position:absolute;
  top:-10px;
  left:34px;
  background:rgb(232,238,246);
  color:#404040;
  padding:3px 3px 5px 5px;
  border:1px solid rgb(96,134,177);
  border-left:5px solid rgb(96,134,177);
}


/*** identification facebox ***/

#yz_contenuformulairelogin label {
  display:block;
  width:105px;
  float:left;
}

#yz_contenuformulairelogin .yz_ligne {
  margin-bottom:1em;
}

#yz_contenuformulairelogin .yz_error {
  margin-left:105px;
}
#yz_contenuformulairelogin .yz_button {
  display:block;
  margin:auto;
}

#yz_contenuformulairelogin .yz_button {
  border:1px solid rgb(234,71,42);
  padding:0.2em 1.5em 0.2em 1.5em;
  margin-top:1em;
  font-family:verdana, arial;
  font-size:100%;
  background:url(../images/btn_form.png) repeat-x 0 0 ;
  color:rgb(255,255,255);
  cursor:pointer;
  text-decoration:none;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#yz_contenuformulairelogin .yz_button:hover{
  background:url(../images/btn_form.png) repeat-x 0 -25px;
}


/*** infos bulles ***/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}