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


/***************************************
 *     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 {
  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:#edf7ff;
}
html {
  font-size:100%;
}
body {
  font-size:0.7em;
}
a:link,
a:visited {
  color:#f37121;
  text-decoration:none;
}
a:hover,
a:active {
  color:#f37121;
  text-decoration:underline;
}
a img {
  border:none;
  text-decoration:none;
}
strong {
  font-weight:bold;
}
p {
  line-height:1.5em;
  margin-bottom:10px;
}
li {
  line-height:1.3em;
  list-style-type:disc;
  margin-left:1.5em;

}
hr {
  margin:5px 0;
  border-bottom:1px solid #ffffff;
  border-top:1px solid #D2E7F9;
  border-left:none;
  broder-right:none;
}
.clearleft {
  clear:left;
}
.clearright {
  clear:right;
}
.clearboth {
  clear:both;
}
.centerbloc {
  width:980px;
  margin:0 auto 0;
}
.text {
  color:rgb(75,75,77);
}
h1, h2 {
  color:#3a67b1;
  font-size:1.3em;
  font-weight:bold;
  margin-bottom:10px;
  padding-left:15px;
  background: url(../images/triangle_orange.png) no-repeat 0px 3px;
}
h1 a,
h2 a {
  color:#3a67b1 !important;
}
h2 {
  margin-top:30px;
}
h3 {
  font-size:1.1em;
  margin-top:20px;
  margin-bottom:10px;
  color:#3a67b1;
  font-weight:bold;
}
dl {
  float:left;
  margin-right:50px;
}
dt {
  font-weight:bold;
  font-size:1.2em;
  padding-bottom:5px;
}

/*** feedback and error message ***/
#feedback {
   margin-bottom:1em;
}
#feedback .error-box {
  color:red;
  font-weight:bold;
  background:#fff0f0 url(../yzCorePlugin/admin/images/error.png) no-repeat 10px 5px;
  border-top:1px solid #f0e0e0;
  border-bottom:1px solid #f0e0e0;
}

#feedback .notice-box {
  color:green;
  background:rgb(237,251,242) url(../yzCorePlugin/admin/images/ok.png) no-repeat 10px 5px;
  border-top: 1px solid rgb(189,224,202);
  border-bottom: 1px solid rgb(189,224,202);
}
#feedback .error-box,
#feedback .notice-box {
  font-weight:bold;
  padding:.5em 0 .5em 35px;
}

.error_list {
  color: red;
}


/*** header ***/

#header {
  height:126px;
  background:url(../images/bg_header2.png) no-repeat right;
}
#header .logo_jci img {
  margin-top:20px;
}


/*** contenu ***/

#contenu .centerbloc {
  padding:20px 0 30px 0;
}

.grandephoto {
  background:url(../images/bg_grandephoto.png) no-repeat;
  width:347px;
  height:252px;
  float:right;
  margin:0 0 40px 40px;
  position:relative
}
.grandephoto img {
  position:absolute;
  left:17px;
  top:22px;
}


/*** slider ***/
#gallery {
  height:265px;
  position:relative;
  overflow:hidden;
  padding-top:3px;
}
#gallery .step {
  position:absolute;
  bottom:0;
  left:450px;
}
#gallery .step span {
  border:4px solid #D2E7F9;
  color:white;
  heigth:8px;
  display:inline-block;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  cursor:pointer;
  margin:0 0 0 4px;
}
#gallery .step span:hover,
#gallery .step span.active {
  border-color:#3667AA
}
#gallery .prev,
#gallery .next {
  line-height:20px;
  height:20px;
  background-color:#D2E7F9;
  cursor:pointer;
   -webkit-border-radius:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  position:absolute;
  bottom:0;
  padding:0 5px;
}
#gallery .prev:hover,
#gallery .next:hover {
  background-color:#3667AA;
  color:#d2e7f9 !important;
}
#galery .prev {
  left:0;
}
#gallery .next {
  right:0;
}
#gallery .slider {
  width:5000px;
  left:0;
  position:absolute;
}
#gallery .slide {
  float:left;
  margin-right:8px;
  border:3px solid #D2E7F9;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  background-color:#D2E7F9;
}
#gallery .slide .title {
  display:block;
  line-height:25px;
  height:25px;
  padding-left:10px;
}


/*** grandephoto ***/
#carrousel {
  margin:0 0 40px 40px;
  float:right;
  position:relative;
  overflow:hidden;
  width:315px;
  height:209px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  border:3px solid #D2E7F9;
}
#carrousel .slide {
  position:absolute;
  top:0;
  left:0;
  width:315px;
  height:209px;
}
#carrousel .title {
  position:absolute;
  padding-left:12px;
  width:303px;
  line-height:25px;
  height:25px;
  bottom:0;
  left:0;
  background-color:#D2E7F9;
  color: black;
  font-weight:bold;
}
#carrousel .navigation {
  position:absolute;
  top:5px;
  right:5px;
}
#carrousel .navigation span {
  border:4px solid #D2E7F9;
  color:white;
  heigth:8px;
  line-height:8px;
  display:inline-block;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  cursor:pointer;
  margin:0 0 0 4px;
}
#carrousel .navigation span:hover,
#carrousel .navigation span.active {
  border-color:#3667AA;
}


/*** sidebar ***/

#sidebar {
  width:200px;
  float:right;
  margin-left:20px;
  padding:0 0 10px 20px;
  border-left:1px solid #d2e7f9;
}
#sidebar h2 {
  color:#3a67b1;
  font-size:1.1em;
  font-weight:bold;
  padding-bottom:5px;
  margin:20px 0 10px 0;
  border-bottom:1px solid #d2e7f9;
}
#sidebar h2.first {
  margin-top:0px;
}
#sidebar a:link,
#sidebar a:visited {
  text-decoration:none;
}
#sidebar a:hover,
#sidebar a:active {
  text-decoration:underline;
}


/*** footer ***/
#footer {
  background-color:#4375b9;
}
#footer .filarianne {
  padding:1px 0 1px 0;
  height:26px;
  background:#3a67b1 url(../images/bg_menu.png) repeat-x;
  border-bottom:1px solid #5d8ac3;
  color:#ffffff;
}
#footer .logo_jci {
  float:right;
  margin-top:1px;
}
#footer .filarianne a {
}
#footer .filarianne a:link,
#footer .filarianne a:visited,
#footer .filarianne .separateur,
#footer .filarianne .current {
  display:block;
  float:left;
  text-decoration:none;
  color:#ffffff;
}
#footer .filarianne a:link,
#footer .filarianne a:visited {
  font-weight:bold;
}

#footer .filarianne a:link,
#footer .filarianne a:visited {
  padding:7px 0 8px 0;
}
#footer .filarianne .separateur,
#footer .filarianne .current {
  padding:7px 5px 8px 5px;
}
#footer .filarianne a:hover,
#footer .filarianne a:active {
  text-decoration:underline;
}
#footer .contenufooter .centerbloc,
#footer .copyright .centerbloc {
  padding:10px 0;
  color:#ffffff;
}

#footer .copyright .centerbloc {
  padding:30px 0 10px 0;
}

#footer .copyright a:link,
#footer .copyright a:visited,
#footer .contenufooter a:link,
#footer .contenufooter a:visited {
  color:#ffffff !important;
  text-decoration:none;
}
#footer .copyright a:hover,
#footer .copyright a:active,
#footer .contenufooter a:hover,
#footer .contenufooter a:active {
  text-decoration:underline;
}


/*** menu ***/

#menu {
  padding:1px 0 1px 0;
  background:#3a67b1 url(../images/bg_menu.png) repeat-x;
}
#menu li {
  margin:0;
  padding:0;
  list-style-type:none;
  line-height:1em;
  display:inline;
}
#menu .logojci{
  padding:20px 0 20px 0;
}
#menu .centerbloc {
  border-left:1px solid #345f98;
  border-right:1px solid #6e98b8;
  height:26px;
}
#menu .buttonright {
  float:right;
}
#menu a {
  border-left:1px solid #6e98b8;
  border-right:1px solid #345f98;
}
#menu a:link,
#menu a:visited {
  display:block;
  font-weight:bold;
  float:left;
  padding:7px 15px 8px 15px;
  text-decoration:none;
  color:#ffffff;
}
#menu a:hover,
#menu a:active {
  background-color:#3a67b1;
}
#menu a:hover.actif,
#menu a.actif {
  background:#3a67b1 url(../images/bg_menu_hover.png) repeat-x;
}
#menu .disconnect a {
  padding:5px;
}


/*** Connexion ***/

#yz_loginbloc {
  width:350px;
  background-color:#d2e7f9;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:1em;
  margin:100px auto 300px;
}
#yz_loginbloc p {
  margin:0;
  line-height:1em;
}
#yz_loginbloc .yz_button {
  margin-top:5px;
  margin-left:110px;
}
#yz_loginbloc label {
  padding:8px 10px 0 0;
  display:block;
  float:left;
  text-align:left;
  width:100px;
  cursor:pointer;
  font-weight:bold;
}
#yz_loginbloc input[type=text],
#yz_loginbloc input[type=password],
#yz_loginbloc input[type=checkbox] {
  margin:5px 0 5px 0;
  padding:0.2em;
  font-family:verdana, Arial, sans-serif;
  vertical-align:middle;
  border:1px solid #ddd;
}
#yz_loginbloc input[type=text],
#yz_loginbloc input[type=password] {
  width:200px;

  border-left:1px solid #6e98b8;
  border-top:1px solid #6e98b8;
  border-right:1px solid #6e98b8;
  border-bottom:1px solid #6e98b8;
}

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

#yz_loginbloc .error_list {
  color: red;
  list-style-type:disc;
  margin-left:1.5em;
}


#map {
  border:3px solid #D2E7F6;
}


/*** TamTam ***/

.tamtam_fiche {
  background-color:#d2e7f9;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:1em;
  width: 320px;
  margin:0 20px 20px 0;
  float:left;
}
.tamtam_fiche img {
  float:left;
  margin-top:2px;
  border:1px solid #fff;
}
.tamtam_fiche p {
  margin:0 0 0 72px;
}
.tamtam_fiche p.postes {
  border-bottom:1px solid #edf7FF;
  margin-bottom:10px;
  padding-bottom:5px;
  font-weight:bold;
  color:#f37121;
}