/************************************************************/
/* Normes graphiques intranet cybercite           */
/* Auteur : Pierre Perricaudet pperricaudet@cybercite.fr  */
/* Date : 2010-09-27                    */
/************************************************************/

/* Balises de base  *****************************************/
body {
  font-family:Helvetica, arial;
  font-size:12px;
  color:#3E3E40; /* Anthracite */
  background:url(../images/cybercite/bg_top.png) #479EE8 repeat-x;
  margin:0;
}

legend {
  color:#094596;
  font-size:1.3em;
}

fieldset {
  border:1px solid #094596;;
}

h1 {
  font-size:2em;
  font-weight:bold;
  color:#3E3E40;
  line-height:1.2em;
}

h2 {
  font-size:1.6em;
}

h1 strong, h2 strong {
  color:#8CBD10;
}

a {
  text-decoration : none;
  color: #E74B21;
}

a:hover {
  text-decoration: underline;
}

ul {
  margin:0;
  padding:0;
}

li {
  list-style-position:inside;
  list-style-image:url(../images/cybercite/puce.gif);
  display : list-item;
  
  margin-bottom:0;
  text-align:left;  
}

ul.dynamique_orange li {
  list-style-image:url(../images/cybercite/puce_orange_fonce.gif);
}

ul.dynamique_orange li:hover{
  list-style-image:url(../images/cybercite/puce_orange_clair.gif);
}

ul.dynamique li:hover{
  list-style-image:url(../images/cybercite/puce_bleu.gif);
}

/* Tableau  *************************************************/


table {
  border-collapse:collapse;
}

table thead tr td,
table thead tr th {
  color: white;
  font-weight: bold;
  background: #222 url(../images/cybercite/alert-overlay.png) repeat-x; 
  border: 1px solid #585858;
}

td,th {
  border: 1px solid #585858;
  padding: 4px;
  text-align: left;
}

/* Formulaire *********************************************/

.css_form  {
  background-color:#f1f1f1;
  padding-left:15px;
  padding-top:4px;
  padding-bottom:4px;
  margin-top:5px;
  margin-right:2px;
  margin-left:2px;
  width:600px;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
}

.css_form label {
  display:inline-block;
  width:140px;
  
}

.css_form label.check_label {
  display:inline;
}

.css_form input[type=text],.css_form textarea {
  width:120px;
  border:1px solid #888;
  -moz-border-radius:3px;
  -webkit-border-radius: 3px;
  background: #f8f8f8 url(../images/cybercite/alert-overlay.png) repeat-x; 
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.css_form textarea {
  height:60px;
  width:390px;
}

.css_form input[type=radio] {
  margin:0;
  padding:0;
}

.css_form select {
  width:120px;
  /*-moz-border-radius:3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);*/
  background-color: #f8f8f8;
}

.css_form p em {
  color:#7A7C78;
  margin-left:15px;
}

.css_form p.submit {
  /*text-align:right;*/
  margin-top:20px;
}

.css_form p em {
  display:inline-block;
  float:right;
  width:280px;
}

p.erreur_msg,p.confirm_msg {
  -moz-border-radius:3px;
  -webkit-border-radius: 3px;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:20px;
  padding-left:26px;
  width:300px;
}
p.erreur_msg {
  border:1px solid #CD0A0A;
  color: #CD0A0A;

  background: url(../images/cybercite/alerte.png) 10px 23px no-repeat #fff3f3;
}

p.confirm_msg {
  border:1px solid #479EE8;
  color:#1960c4;
  background: url(../images/cybercite/confirmation.png) 10px 21px no-repeat #eaf2fc;
}

.error-auth {
        display: inline-block;
  border:1px solid #CD0A0A;
        padding-top: 5px;
        text-align: center;
        vertical-align: middle;
  color: #CD0A0A;
        width: 200px;
        height:20px;
  background: url(/images/cybercite/alerte.png) 9px 8px no-repeat #fff3f3;
}
/* Architecture de la page  *********************************/
#conteneur{
  margin-left:30px;
  margin-right:30px;
}

#conteneur_body{
  background-color:#FFF;
  -moz-border-radius : 5px; 
  border-radius: 5px;
  padding:10px;
        min-height: 411px;
}

#conteneur_header, #footer {
  background:url(../images/cybercite/bg_banner.png) 0 0;
}

#conteneur_header {
  margin: 0 14px 12px;
}

#footer {
  height:53px;
  margin-top:30px;
}
#conteneur_header,#coin_header_left,#coin_header_right,#header{
  height:53px;
}

#coin_header_left {
  width:14px;
  height:53px;
  background:url(../images/cybercite/bg_banner.png) 0 -55px no-repeat;
  float:left;
  margin-left:-14px;
}
#coin_header_right {
  width:14px;
  height:53px;
  background:url(../images/cybercite/bg_banner.png) 0 -110px no-repeat;
  float:right;
  margin-right:-14px;
        
}

.callage {
  width:100%;
  font-size:1px;  
  height:0;
  clear:both;
}


/* Menu supérieur *****************************************/
#nav{
  list-style:none outside;
  padding-left:25px;
  margin-bottom:8px;

}

#nav li {
  display:inline;
  
}

#nav li a {
  color: #7FC0F6;
  text-decoration:none;
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  font-size:1.1em;
}

#nav li.actif a,#nav li a:hover  {
  color:#FFF;
  
}

#nav li a:hover {
  background-color:#7FC0F6;
}

/* logos  *************************************************/
#logo{  
  float:left;
  display:block;
  border:0;
  text-indent:-10000px;
  margin-top:10px;
  margin-left:10px;
  width:156px;
  height:37px;
  overflow:hidden;
  background:url(../images/cybercite/logo_cybercite.png) no-repeat;
  background-size: contain;
}

/* Couleurs *************************************************/

.orange_fonce {
  color:#E74B21;
}

.orange_clair{
  color:#F8AE14;
}

.fond_orange_fonce {
  background-color:#E74B21;
}

.fond_orange_clair{
  background-color:#F8AE14;
}

.fond_anthracite{
  background-color:#3E3E40;
}

/* Formulaire *********************************************/
button:-moz-focus-inner { padding:0; }

.css_button,.css_button:visited {
  background: #222 url(../images/cybercite/alert-overlay.png) repeat-x; 
  display: inline-block;
  padding: 5px 10px 6px; 
  color: #fff; 
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;


}

.css_button:hover {
  background-color: #111;
  color: #fff;
}

.small.css_button,.small.css_button:visited {
  font-size: 11px;
  padding: 1px 4px 1px;
}

.css_button, .css_button:visited,.medium.css_button, .medium.css_button:visited   {
  font-size: 10px;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.css_button, .large.css_button:visited { 
  font-size: 11px; 
  padding: 8px 14px 9px;
}

.css_button_orange_fonce.css_button, .css_button_orange_fonce.css_button:visited{
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(#ee5f5b, #bd362f);
  background-color: #BD362F;
  border-color: #BD362F #BD362F #802420;
  
}
.css_button_orange_fonce.css_button:hover{ 
  background-color: #BD362F;
  border-color: #BD362F #BD362F #802420;
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image : moz-linear-gradient(#ee5f5b, #bd362f);
  
}

.css_button_orange_clair.css_button, .css_button_orange_clair.css_button:visited{
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  border-color: #F89406 #F89406 #AD6704;
  background-color: #FAA732;
 font-weight: bold;
}
.css_button_orange_clair.css_button:hover{ 
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(#fbb450, #f89406);
  border-color: #F89406 #F89406 #AD6704;
  background-color: #FAA732;
   font-weight: bold;
}

.css_button_vert.css_button,.css_button_vert.css_button:visited {
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -moz-linear-gradient(#62c462, #51a351);
  border-color: #51A351 #51A351 #387038;
  background-color: #5BB75B;
}

.css_button_vert.css_button:hover {
    background-color: #51A351;
    background-image: -moz-linear-gradient(#62C462, #51A351);
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.validate-img {
  margin-right: 8px;
}

.css_button_blue.css_button, .css_button_blue.css_button:visited{
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -moz-linear-gradient(#0088cc, #0044cc); 
  background-color: #006DCC;
  border-color: #04C #04C #002A80;
}
.css_button_blue:hover.css_button:hover{ 
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -moz-linear-gradient(#0088cc, #0044cc); 
  background-color: #006DCC;
  border-color: #04C #04C #002A80;
}

.button_deco {
  
  text-align: right;
  margin-right: 20px;
  padding-top: 15px;
  font-weight: bold;
}



.button_deco a{
  margin-right: 4px;
  vertical-align: middle;
}

.button_deco a img{
  margin-top: 1px;
}