/*style du français*/

/* Copyright (C) ThemeKat, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/modules.css);


/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
  width: 50px;
  height: 50px;
  background: url(../images/module_badges.png) 0 0 no-repeat;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -50px; }
.module .badge-free { background-position: 0 -100px; }
.module .badge-new { background-position: 0 -150px; }


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon { background: url(../images/module_icons.png) 0 0 no-repeat; }

.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -30px; }
.module .module-title .icon-mail { background-position: 0 -60px; }
.module .module-title .icon-bubble { background-position: 0 -90px; }
.module .module-title .icon-login { background-position: 0 -120px; }
.module .module-title .icon-cart { background-position: 0 -150px; }


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box {
  padding: 15px;
  border: 1px solid #ececec;
  border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  /*box-shadow: 1px 1px 3px #ececec;*/
  margin-top: 5px;
  margin-bottom: 5px;
}

.mod-box .badge { top: -1px; right: -1px; }

h3.module-title  {
  color: /*white*/#225180;
  text-align: center;
/*background:#225180 url(../../../images/img3.bmp);*/
}

/*animation
.animation a:hover, .animation a:focus {
background-color:#ff8c00; /* pour les vieux navigateurs 
color: black;
animation-name: doigt; /* nom de l'animation 
animation-duration: 4s; /* temps de l'animation (4s) 
animation-iteration-count: infinite; /* nombre de boucles (infinie) 
animation-timing-function: linear; /* accelération de l'animation (constant) 
}
/* deuxième étape 
@-keyframes doigt {
0%   {background: rgba(255,140,0,0.4) url(/images/main.png) no-repeat 5px  10px;}
50%  {background: rgba(255,140,0,1)   url(/images/main.png) no-repeat 50px 10px}
100% {background: rgba(255,140,0,0.4) url(/images/main.png) no-repeat 5px  10px;}

} ?????*/



 .-telenseignement  {
   border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 5px #000000;
/* background: #FCFAE1; 
 background: #FDE9E0;
  background: #FEE7F0;
  background: #FEE7FF;
 background: #EFFBFB;
  background:#EFF8FB;*/

}
 .-communications  {
   border-radius: 3px;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 5px #000000;
 background: #FCFAE1; 
  
  background: url(../../../images/fond2.jpg);
/* background:red;
  width:100px;*/
}
/*transition main 31/10/12*/
 .-animation {
padding: 10px 10px 10px 50px;
/* pour les vieux navigateurs */
/*background:#FAC27E url(../../../images/main.png) no-repeat 5px 10px; */
/* pour les navigateurs récents */
background: rgba(176,196,222,0.4)url(../../../images/main.png) no-repeat 5px 10px;
    /*rgba(255,140,0,0.4)*/ 
border: 1px solid #FF8C00;
border-radius: 5px;
}

.-animation:hover , .-animation:focus {
 /* padding: 10px 10px 10px 40px;
/* pour les vieux navigateurs 
background:#FAC27E url(../../../images/main.png) no-repeat 5px 10px; 
/* pour les navigateurs récents 
background: rgba(255,140,0,0.4) url(../../../images/main.png) no-repeat 5px 10px;
border: 1px solid #FF8C00;
border-radius: 5px;*/
  
  /* première étape */
 
background-color:rgba(176,196,222,0.4); /* pour les vieux navigateurs */
color: black;
/*animation-name: doigt; /* nom de l'animation 
animation-duration:4s; /* temps de l'animation (4s) 
animation-iteration-count: infinite; /* nombre de boucles (infinie) 
animation-timing-function: linear; /* accelération de l'animation (constant) */
-webkit-animation:doigt 4s infinite linear;
-moz-animation:doigt 4s infinite linear;
} 
/* deuxième étape */
@-webkit-keyframes doigt {
/*0% {background:rgba(225,255,255,0.4) url(../../../images/main.png) no-repeat 5px 10px;}*/
0% {background:rgba(176,196,222,0.4) url(../../../images/main.png) no-repeat 5px 10px;}
50% {background:rgba(176,196,222,1) url(../../../images/main.png) no-repeat 50px 10px}
100% {background:rgba(176,196,222,0.4) url(../../../images/main.png) no-repeat 5px 10px;}
}
@-moz-keyframes doigt {
0% {background:rgba (176,196,222,0.4) url(/images/main.png) no-repeat 5px 10px;}
50% {background:rgba(176,196,222,1) url(/images/main.png) no-repeat 50px 10px}
100% {background:rgba(176,196,222,0.4) url(/images/main.png) no-repeat 5px 10px;}
}
/* Nabila : 2/11/12 clock2--suffix module clock2
.-clock2 {
  opacity:1.0;
filter:alpha(opacity=100);
}*/
.-clock2:hover {
  opacity:0.6;
filter:alpha(opacity=60);
 /* background-color: rgba(255,140,0,1);
 -webkit-transition: background-color 2s linear;*/ 
}*/
/*.-bleus {
  width: 50;
  background:red;
} ajouté 17/11/12 mais àa n'a pas marché ???*/