/* Copyright (C) ThemeKat, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/base.css);


/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/



body {
font: normal 14px/20px Arial, Helvetica, sans-serif;

  
/* font-weight: bold;*/ 
  color: #444;
  }



a { color: #48b; }
a:hover
 { color: #3377BB; text-decoration: underline; }


a.box1:hover{padding:6px 0 6px 0;

  background:#f5f5f5;

  border-radius:2px;
 
  border:1px solid #ccc;
  border-width:5px;
 /*border-style:groove;
 box-shadow: 0 0 4px #3377BB; text-decoration: none;  */   } /*ajouté le 17/5/12 à 20/37*/

/*Ajouté le 17/5/12 à 22.17h*/

a.b {
     -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
  
    -moz-transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
    -webkit-transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
    background-color: #FFFFFF;
    background-position: relative;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #565656;
    display: block;
    float: left;
    /*height: 97px;*/
  height: 100px;
    text-decoration: none;
    vertical-align: middle;
    width: 108px;
}

a.b:link {
    color: #025A8D;
    outline: medium none;
    text-decoration: none;
}

a.b:hover {background-position: relative;
  border-bottom-left-radius:50% 20px;
 box-shadow:-5px 10px 15px rgba(255, 255, 255, 1);
/*rgba(255,255,255,0.25);-5px 5px 10px #3175BA;*/
  
  position: relative;
  z-index: 10;}





/*li fou9 Ajouté le 17/5/12 à 22.17h*/



table.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
  border: 1px solid #000;
}




/*infobull pour les raccourcis
.info {
position:relative;
border-bottom:1px dashed #808080;
text-decoration: none;
font-weight: bold;
}
.info:hover {
text-decoration: none;
background: none;
}
img.info span {display: none;}
.info:hover span {
display: inline;
position: absolute;
top:1.5em;
left:0.5em;
z-index: 20;
background: #446D87;
color: #fff;
border:1px solid #000;
width:150px;
text-align:center;
font-weight:normal;
font-size: 10px;
line-height:12px;
padding:2px 4px;
}*/

a.info {
position:relative;
border-bottom:1px dashed #808080;
text-decoration: none;
font-weight: bold;

background: -moz-linear-gradient(center top , #FBFBFB 0%, #F5F5F5) repeat scroll 0 0 transparent; border: 1px solid #F5F5F5; border-radius: 5px 5px 5px 5px;  display: block; margin: 10px auto; padding: 10px; position: relative; text-decoration: none; box-shadow: 0 0 20px #98bf21;
}
a:hover.info {
text-decoration: none;
background: none;
}
a.info span {display: none;}
a:hover.info span {
display: inline;
position: absolute;
top:1.5em;
left:0.5em;
z-index: 20;
background: #446D87;
color: #fff;
border:1px solid #000;
width:150px;
text-align:center;
font-weight:normal;
font-size: 10px;
line-height:12px;
padding:2px 4px;
}



/*nabila : ajouté le 18/5/12 à 18:30 */
.zoom {
height:70px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:69px;
height:70px;
}
.zoom img:hover {
/*width:300px;
height:400px;*/
  width:75px;
height:80px;
}
a.transImageLink img {
filter:Alpha(opacity=55);
-moz-opacity:0.55;
opacity:0.55; 
border:none;
}
a.transImageLink:hover img {
filter:Alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0; 
border:none;
}


/* Nabila : créé puis désactivé : 18/5/12  à 19:30
  .zoom1 {
 width: 70px;
 height: 69px;
 background: url(../../../images/messagerie/messageriens3.png)no-repeat;
 /*margin: 0 auto; 
}
.zoom1 p, .zoom1 a {
height: 69px; 
display: block;
margin:0
}
.zoom1 a:hover {
background: url(../../../images/messagerie/messageriens3.png) no-repeat 0 -69px;
cursor:help;
}*/

/*figure par défaut*/
code { color: #3377BB; }

ins, mark { background-color: #ffa; }
mark { color: #444; }

hr { border-top-color: #ddd; }

pre {
  border: 1px solid #ddd;
  background: #fafafa;
}

.Chronoform{font: 18px amiri;

box-shadow:  0px 0px 0px 5px rgba(239, 243, 245, 0.4), 0px 4px 20px rgba(58, 27, 27, 0.33);

/*background: #fffaf6;
border-radius: 4px;
color: #7e7975;
box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
  color: #000;
box-shadow: 0 2px 2px rgba(255, 10, 10, 0.2), 0 1px 5px rgba(255, 0, 0, 0.2), 0 0 0 12px rgba(159, 159, 159, 0.4);*/
padding: 10px;
}

.sep {
height: 1px;
background: #000;

}

.tele15:before{

content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 8px;
border-radius: 5px 5px 0 0;
background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);



}

.ccms_form_element select {

border: 2px solid #8DB1CB;

}

.Chronoform{
  
  background: #fff;
  
     
/*box-shadow: 0px 0px 0px 5px rgba(14, 113, 178, 0.4), 0px 4px 20px rgba(58, 27, 27, 0.33);*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


/*Inscription-moodle*/



.moodle1{ background-image:url('../../../images/elearning/moodle.png');}



.moodle input[TYPE=text], .moodle select { padding: 10px !important;


/*background: #f1f1f1;*/

margin: 0 0 10px 0;

border: 2px solid #F7942E;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;}


/*inscription spss*/


 
.spss{ background-image:url('../../../images/elearning/moodle.png');}



.spss input[TYPE=text], .spss select { padding: 10px !important;


/*background: #f1f1f1;*/

margin: 0 0 10px 0;

border: 2px solid #B6B6FF;;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;}

/*inscription calculatrice*/



.calcul input[TYPE=submit], .calcul input[TYPE=reset]{ 
  
  background:/*-webkit-gradient( linear, left top, left bottom, from(#B7FFF0), to(#85C7B9));*/

-webkit-gradient( linear, left top, left bottom, from(#FFB8B8), to(rgb(255, 91, 91)));
    
    
border-radius:5px;
box-shadow: 0 1px 1px #ccc , 0 1px 0 #fff;
/*text-shadow: 1px 1px 1px #fff;*/
  color:#fff;

}


.arabtex input[TYPE=submit], .arabtex input[TYPE=reset]{ 
  
  background:/*-webkit-gradient( linear, left top, left bottom, from(#B7FFF0), to(#85C7B9));*/

-webkit-gradient( linear, left top, left bottom, from(#EEDDBB), to(rgb(249, 166, 0)));
background: gradient( linear, left top, left bottom, from(#EEDDBB), to(rgb(249, 166, 0)));
    
border-radius:5px;
box-shadow: 0 1px 1px #ccc , 0 1px 0 #fff;
/*text-shadow: 1px 1px 1px #fff;*/
  color:#fff;

}


.arabtex input[TYPE=text], .arabtex select { padding: 10px !important;


/*background: #f1f1f1;*/

margin: 0 0 10px 0;

border: 2px solid #EEDDBB;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;}







.calcul input[TYPE=submit]:hover, .geo input[TYPE=reset]:hover {
background: -moz-linear-gradient( top, #a4b0cb 0%, #b9c5dd);
  background: -webkit-gradient( linear, left top, left bottom, from(#D44848), to(#990000));
    color: #000;}

.calcul input[TYPE=text], .calcul select { padding: 10px !important;
border: 1px solid ;

/*background: #f1f1f1;*/

margin: 0 0 10px 0;

border: 2px solid #FFB8B8;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;}

.calcul input[type=text]:focus .calcul select:focus{border: 2px solid #93D1C4;}

.calcul input[TYPE=submit]:hover, .calcul input[TYPE=reset]:hover {
background: -moz-linear-gradient( top, #a4b0cb 0%, #b9c5dd);
  background: /*-webkit-gradient( linear, left top, left bottom, from(#a4b0cb), to(#b9c5dd));*/-webkit-gradient( linear, left top, left bottom, from(#a4b0cb), to(#b9c5dd));

}


/*Inscription_zotero*/



.zotero input[TYPE=submit], .zotero input[TYPE=reset]{ 
  
  background:-webkit-gradient( linear, left top, left bottom, from(#B7FFF0), to(#85C7B9));
border-radius:5px;
box-shadow: 0 1px 1px #ccc , 0 1px 0 #fff;
/*text-shadow: 1px 1px 1px #fff;*/
  color:#fff;

}


.zotero input[TYPE=submit]:hover, .zotero input[TYPE=reset]:hover {
background: -moz-linear-gradient( top, #a4b0cb 0%, #b9c5dd);
  background: -webkit-gradient( linear, left top, left bottom, from(#D44848), to(#990000));
    color: #000;}

.zotero input[TYPE=text], .zotero select { padding: 10px !important;
border: 1px solid ;

/*background: #f1f1f1;*/

margin: 0 0 10px 0;

border: 2px solid #93D1C4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;}

.zotero input[type=text]:focus .zotero select:focus{border: 2px solid #93D1C4;}

/* inscription_geogebra*/



.geo input[TYPE=submit], .geo input[TYPE=reset]{ 
  
  background:/*-webkit-gradient( linear, left top, left bottom, from(#B7FFF0), to(#85C7B9));*/
-webkit-gradient( linear, left top, left bottom, from(rgba(204, 204, 255, 0.87)), to(#9898FF));
    
    
border-radius:5px;
box-shadow: 0 1px 1px #ccc , 0 1px 0 #fff;
/*text-shadow: 1px 1px 1px #fff;*/
  color:#fff;

}


.geo input[TYPE=submit]:hover, .geo input[TYPE=reset]:hover {
background: -moz-linear-gradient( top, #a4b0cb 0%, #b9c5dd);
  background: -webkit-gradient( linear, left top, left bottom, from(#D44848), to(#990000));
    color: #000;}

.geo input[TYPE=text], .geo select { padding: 10px !important;
border: 1px solid ;

/*background: #f1f1f1;*/

margin: 0 0 10px 0;

border: 2px solid #9898FF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;}

.geo input[type=text]:focus .geo select:focus{border: 2px solid #93D1C4;}

.geo input[TYPE=submit]:hover, .geo input[TYPE=reset]:hover {
background: -moz-linear-gradient( top, #a4b0cb 0%, #b9c5dd);
  background: /*-webkit-gradient( linear, left top, left bottom, from(#a4b0cb), to(#b9c5dd));*/-webkit-gradient( linear, left top, left bottom, from(#a4b0cb), to(#b9c5dd));

}

/*Inscription_excel*/


.excel input[TYPE=text], .excel select { padding: 10px !important;


/*background: #f1f1f1;*/

margin: 0 0 10px 0;

border: 2px solid #1E6E42;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;}




/*Inscription_qcm*/
 .s input, select {
  
  padding: 10px !important;
border: 1px solid #d3d3d3;

/*background: #f1f1f1;*/

margin: 0 0 10px 0;

border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;}






.s input[type=text],select {
   
    border: 3px solid /*#8DB1CB*/#FF9920;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.moodle input[type=text]:hover .zotero input[type=text]:hover ,.s input[type=text]:hover,select:hover {
    border-color: #737B8D;
}

.s label:hover ~ input ,label:hover ~ select{
    border-color: #737B8D;
}

 .s input[type=text]:focus, select:focus {

    border-color: #BBB;outline: none;
}





.s input[TYPE=submit], .s input[TYPE=reset] {
  
/*background-image: -webkit-linear-gradient(top, #FFD6D6, #FF6868);
border-color: #F9A1A1 #FF9090 #FF8181 #FF9C9C;
  color: #363636;*/
  
  
  color: #fff;
/* font-size: 14px; */
/* font-weight: 500; */
letter-spacing: 1px;
text-align: center;
text-decoration: none;
background: -moz-linear-gradient( top, #b9c5dd 0%, #a4b0cb);
background: /*-webkit-gradient( linear, left top, left bottom, from(#b9c5dd), to(#a4b0cb))*/-webkit-gradient( linear, left top, left bottom, from(#B7FFF0), to(#85C7B9));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid /*#737b8d*/#CFDCF9;
-moz-box-shadow: 0px 5px 5px rgba(000,000,000,0.1), inset 0px 1px 0px rgba(255,255,255,0.5);
-webkit-box-shadow: 0px 5px 5px rgba(000,000,000,0.1), inset 0px 1px 0px rgba(255,255,255,0.5);
box-shadow: 0px 5px 5px rgba(000,000,000,0.1), inset 0px 1px 0px rgba(255,255,255,0.5);
text-shadow: 0px 1px 3px rgba(000,000,000,0.3), 0px 0px 0px rgba(255,255,255,0);
  
      background: -webkit-gradient( linear, left top, left bottom, from(#FFD5A2), to(#FF9920));
    
    
    
    
   
}




.s input[TYPE=submit]:hover, input[TYPE=reset]:hover {
background: -moz-linear-gradient( top, #a4b0cb 0%, #b9c5dd);
  background: /*-webkit-gradient( linear, left top, left bottom, from(#a4b0cb), to(#b9c5dd));*/-webkit-gradient( linear, left top, left bottom, from(#a4b0cb), to(#b9c5dd));}

::-moz-selection { background: #39f; color: #fff; }
::selection { background: #39f; color: #fff; }





/*Inscription geogebra*/

.geo {

border : 1px solid #9898FF;

}




















/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

a:not([class]):active,
a:not([class]):focus {
  position: relative;
  top: 1px;
}

a:not([class]):active > *,
a:not([class]):focus > * {
  position: relative;
  top: -1px;
}


h1{
  font-size: 28px;
  color: #225180;
}

h2, h4, h5, h6 {
  color: #3377BB;
}

h3 {
  color: #225180;
}





/*Nouveau*/
li.test a:visited{color:#ff00ff;font-weight:bold;}


.fon{font-size:15px; font-weight:bold;}



/*pour le formulaire*/







