/* Global properties ======================================================== */
html, body {width:950px;margin:0px auto;}
body {z-index:0;background:url('../images/stick.JPG') -132px 100px no-repeat;font:14px/25px Centry ghotic,Arial, Helvetica, sans-serif;color:#000000;min-width:950px;}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.main {z-index:5;background-color:#ededed;width:950px;border-top: 10px solid #82368E;margin:0px auto;-moz-box-shadow: 0px 0px 5px 5px #cfcfcf;
-webkit-box-shadow: 0px 0px 5px 5px #cfcfcf;
-o-box-shadow: 0px 0px 5px 5px #cfcfcf;
box-shadow: 0px 0px 5px 5px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=5);}
.trait{border-top:#82368E 1px solid;position:relative;left:10px;width: 900px;}
/***********************************************************************/
.right {
background:url('../images/footer.JPG') bottom right repeat;
}
a {text-decoration:none; cursor:pointer}
a:hover {text-decoration:none}

a.button {background:#82368E; font-size:14px; line-height:20px; color:#fff; display:inline-block; padding:6px 20px 5px 20px; box-shadow:0 1px 1px #fff ;float:right;}
a.button:hover {background:#A171AD}

a.link {text-transform:uppercase;text-decoration:none; cursor:pointer; color:#82368E}
a.link:hover {text-decoration:underline}

.color-1 {color:#fff}
a.color-1:hover {text-decoration:underline}

.font-3 {font-size:17px; line-height:33px; color:#292929}

h2 {font-size:34px; line-height:45px; color:#000; font-weight:normal; font-family:'Oxygen', sans-serif; letter-spacing:1px}
h3 {font-size:24px; line-height:30px; color:#000; font-weight:normal; font-family:'Oxygen', sans-serif}
h3 strong {font-weight:normal; display:block; margin-top:-5px}

ul {margin:0; padding:0;list-style-image:none}
ul.list-1 li {padding:10px 0 0 17px; line-height:25px; background:url(../images/marker.gif) 0 20px no-repeat}
ul.list-1 li a {font-size:14px; color:#000; line-height:25px}
ul.list-1 li a:hover {color:#44a7bb}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative;padding-bottom:2px;}
.extra-wrap {overflow:hidden;margin-top: 10px;}
.fleft {float:left}
.fright {float:right}
.img-indent {float:left; margin:7px 0 0 0}	
.img-indent-2 {float:left; margin:12px 26px 0 0;width:250px;height: 200px;}	
.last {margin-right:0 !important}
.img-radius {border-radius:4px}

.box-shadow {box-shadow:0 1px 1px #fff}

.top-1 {margin-top:12px}
.top-2 {margin-top:43px}
.top-3 {margin-top:33px}
.top-4 {margin-top:0}
.top-5 {margin-top:0}

.left-1 {margin-left:13px}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important}
.bot-1 {margin-bottom:0}
.bot-2 {margin-bottom:0}

.pad-0 {padding:22px 20px 23px 3px}
.pad-1 {padding:30px 26px 40px 26px}
.pad-2 {padding:0 26px}
.pad-3 {padding:26px 12px 40px 26px}

.p0 {padding-bottom:8px}
.p1 {padding-bottom:25px}
.p2 {padding-bottom:12px;background:#FFF;color:#82368E;line-height:21.1px;padding-right: 12px;}
.p3 {padding-bottom:17px}
.p4 {padding-bottom:12px;color: #676767;}
.p5 {padding-bottom:14px}
.p6 {padding-bottom:10px;color: #009C3F;}


/*********************************header*************************************/
header {width:900px; margin:0 auto; z-index:4;background:#fff;padding-bottom: 10px;}

h1 {margin:-20px 0 0 23px; display:inline-block; z-index:100;}

.form-search {float:right; margin:60px 39px 0 0; border:#d9d9db 1px solid; background:#fff; border-radius:4px}
#form-search input {width:186px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:transparent; border:none; color:#d2d2d2;  vertical-align:top; padding:5px 10px 5px 13px; display:inline-block; float:left; margin-right:4px}
.search_button {background:url(../images/search-button.png) 0 0 no-repeat; display:inline-block; vertical-align:top; float:left; width:26px; height:29px; margin:0 0 0 0}
.search_button:hover {background:url(../images/search-button.png) right 0 no-repeat}

.social-icons {text-align:right; padding:20px 10px 0px 0;float:right;}
.social-icons span {display:inline-block; font-size:13px; line-height:17px; color:#82368E; font-weight:bold; margin:3px 2px 0 0}
.social-icons a {display:inline-block; width:10px; height:23px; float:right;padding-right:14px;}
.icon-1 {background:url(../images/icon-1.png) 0 0 no-repeat}
.icon-2 {background:url(../images/icon-2.png) 0 0 no-repeat; margin-left:1px}
.icon-3 {background:url(../images/icon-3.png) 0 0 no-repeat; margin-left:1px}
.social-icons a:hover {background-color:#009C3F;}


#content {width:100%; margin:0 auto}

.border-1 {background:url(../images/border-1.gif) 0 bottom repeat-x}

.line-1 {background:url(../images/line.png) 0 bottom repeat-x; padding-bottom:29px; margin-bottom:24px}
.img-border {border:#ebebec 4px solid;width:250px;height: 200px;}

.block-1>div {float:left; width:278px; margin-right:27px}
.block-1>div h3 {margin-bottom:16px}
.block-1>div img {margin-bottom:12px}
.block-1>div a.button {margin:18px 0 0 0}

.aside {background:#f9f9fb; width:100%; padding:33px 0 60px 0}

.block-2>div {float:left; width:420px; margin-right:40px}

.block-3>div {float:left; width:278px; margin-right:27px;margin-top: 5px; padding:12px 12px;background-color: #FFF;border-right: 1px solid #82368E;}

.box-1 {overflow:hidden; padding-bottom:10px}
.box-1>span {display:inline-block; width:50px; font-size:14px; line-height:25px; color:#44a7bb; font-weight:bold; float:left}

.block-4>div {float:left; width:208px; margin-right:18px}
.block-4>div img {margin-bottom:18px}

.block-5 {float:left; width:270px; margin-right:10px;background-color: white;border-right: 1px solid #82368E;}
.block-6 {float:left; width:575px;margin-right:0px;background-color: white;padding: 12px;}
.block-7 {float:left; width:275px; margin-right:30px}

.block-8>div {float:left; width:430px; margin-right:27px}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 12px #82368E;
    }
    50% {
        -webkit-box-shadow: 0 0 12px #82368E;
    }
    100% {
        -webkit-box-shadow: 0 0 12px #82368E;
    }
}
.block-8>div img:hover {cursor:pointer; 
    -webkit-animation: pulse 1.5s infinite ease-in-out;}

.box-2 a {display:inline-block; float:left; margin-right:20px}

/****************************footer************************/
footer {background:#fff;margin-top:10px;border-top:1px solid #82368E;width:100%; position:relative; overflow:hidden; text-align:center; padding:0px 0 45px 0;}
footer p{position:relative;top:50px;color:#FFF;background-color:#82368E;padding:5px;}
footer #part{position:relative;right:20px;margin-top:30px;}
footer #part a{padding:0px 40px;display: inline;}
/**********************form**********************/
.map {width:270px; height:186px}
.map iframe {width:270px; height:186px; border-radius:8px}
dl {margin:17px 0 0 0px}
dl dt {margin-bottom:10px}
dl dd span {font-weight:bold}
dl dd {}
dl dd a {}
dl dd a:hover {}
#form {margin:8px 0 0 -5px; width:940px;background: #fff;padding:5px;}
#form input {border:#e0e0e1 1px solid; background:#ededed;font:13px Arial, Helvetica, sans-serif;color:#82368E;padding:7px 9px 7px 13px;outline:medium none;width:341px; height:17px; float:left; }
#form textarea {border:#e0e0e1 1px solid; background:#ededed;font:13px Arial, Helvetica, sans-serif;color:#82368E; height:108px;outline:medium none;overflow:auto;padding:6px 0 0 13px;width:550px;resize:none;margin:0 0 0 10px;float:right; }
#form label {position:relative;overflow:hidden;display:block;min-height:41px}
.btns {text-align:left; padding-top:20px;float:right;}
.btns a {display:inline-block; margin:0 10px 0 0px}
.text{
background:#82368E;
opacity: 0.6;
top:220px;
right:40px;
color:white;
font:8px Arial;
height:auto;width:400px;
position:absolute;
/* CSS3 Transition Magic */
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.text a{
    font:14px Arial;
opacity: 1.5;
color:#fff;
display:block;
padding:15px;
text-decoration:none;
/* CSS3 Transition Magic */
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .5s ease-out;
transition: all .4s ease-out;
}

.container:hover .text{
top:0;
}

/*********************************** css contact *********/
#tabContainer {
    margin-top:12px;
    margin-left: 5px;
	width:750px;
	padding:0px;
	border-radius: 4px; 
}

.tabs{
	height:30px;
}

.tabs > ul{
	font-size: 0.8em;
	list-style:none;
}

.tabs > ul > li{
	margin:0px 1px 0 0;
	padding:0px 10px;
	display:block;
	float:left;
	color:#FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
     height:0; 
     line-height: 30px;
     border-bottom:30px solid rgb(183,156,191);
     border-left:20px solid transparent;
     border-right:20px solid transparent; 
     font-weight: bold;
}

.tabs > ul > li:hover{
	 /* old browsers */
	cursor:pointer;
	color: #FFF;
}

.tabs > ul > li.tabActiveHeader{
   border-bottom:30px solid #82368E;
     border-left:20px solid transparent;
     border-right:20px solid transparent; 
	cursor:pointer;
	color: #FFF;
}

.tabscontent {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
    border:0px  solid #82368E;
   
    padding:0px 0px 0px;
	width:940px;
	margin:0;
	color:#333;
}


/* Some stylesheet reset */ 
.nav, .nav ul {
    margin-top: 43px; 
    margin-right:10px;
    padding: 0;
    list-style:none;
    line-height: 1;
   }
    
.nav {
    display: inline;
    float:right;
    position: relative;
    height: 34px;
    width: 700px; 
    border-radius: 3px;
    border: 1px solid #c1c1c1; 
         background: #eaeaea; 
          background: -webkit-linear-gradient(bottom, #e1e1e1, #f4f4f4); 
           background: -moz-linear-gradient(bottom, #e1e1e1, #f4f4f4); 
            background: -o-linear-gradient(bottom, #e1e1e1, #f4f4f4); 
             background: -ms-linear-gradient(bottom, #e1e1e1, #f4f4f4);
              box-shadow: inset 0 1px 0 #fff; } 
.nav>li { 
    display: block; 
    position: relative; 
    float: left; 
    margin: 0; 
    padding: 0 1px 0 0; } 
.nav>li>a {
        display: block; 
        padding: 11px 20px;
         font-family: Arial, sans-serif;
          font-size: 12px; font-weight: normal; 
          text-decoration: none; color: #82368E; 
          text-shadow: 0 1px 0 #fff; /
          -webkit-transition: all .3s; 
          -moz-transition: all .3s; 
          -ms-transition: all .3s; 
          -o-transition: all .3s; 
          transition: all .3s; } 
          
.nav>li>a:hover, .nav>li:hover>a {
    background: #fff;
    background: rgba(255, 255, 255, .6);
     color: #999; } 
.nav>li:first-child>a {
    border-top-left-radius: 3px; 
    border-bottom-left-radius: 3px; } 
    
.nav>.dropdown>a { padding-right: 26px; } 
 .nav>.dropdown>a::after { 
    content: "";
     position: absolute; 
     top: 14px;
      right: 11px;
       width: 4px; 
       height: 4px; 
       border-bottom: 1px solid #9a9a9a;
        border-right: 1px solid #9a9a9a;
         -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg); }
.nav>.dropdown>a:hover::after, 
.nav>.dropdown:hover>a::after { border-color: #999; }
 .nav ul {
    position: relative;
     position: absolute;
      left: -9999px; 
      display: block; 
      box-shadow: 0 1px 2px rgba(0, 0, 0, .1); 
     }
       .nav>li>ul {
        padding-top: 0px;
         z-index: 99; 
         border-top: 1px solid #c9c9c9;
          top: -9px;
          
           } 
     .nav>li:hover>ul { left: -1px; } 
      .nav ul ul { left: -9999px; top: 0px; z-index: 999; } 
       .nav ul>li:hover>ul { left: 230px; top: -44px; } 
       .nav ul>li>ul>li a {width:150px; } 
.nav ul li { 
    position: relative; 
    display: block; 
    border-left: 1px solid #c1c1c1; 
    border-right: 1px solid #c1c1c1;
     height: 0px; 
     -webkit-transition: height .3s; 
     -moz-transition: height .3s; 
     -o-transition: height .3s;
      -ms-transition: height .3s; } 
      
       
       .nav li:hover>ul>li { height: 25px;   }
       
          .nav ul li:hover>ul>li:first-child { height: 26px; } 
          .nav ul li a { 
            display: block; 
            width: 200px; 
            padding: 6px 10px 6px 20px; 
            border-bottom: 1px solid #e1e1e1; 
             font-size: 12px; 
             color:  #fff; 
             font-family: Arial, sans-serif; 
             text-decoration: none; 
              background: #82368E; 
           z-index:1000;
           opacity: 0.7;
           -webkit-transition: background .3s;
               -moz-transition: background .3s; 
               -ms-transition: background .3s; 
               -o-transition: background .3s; 
               transition: background .3s;
               
                } /* The hover state of the links */ 
               .nav ul li>a:hover, .nav ul li:hover>a 
               {
               font-family: Arial, sans-serif; 
               opacity: 1;
               background: #e9e9e9; 
               color: #82368E;
               } 
               .nav ul ul>li:first-child>a { border-top: 1px solid #c1c1c1; }
                .nav ul>li:last-child>a { border-bottom: 1px solid #c1c1c1; } 
                /* The arrow indicating a level 2+ submenu */ 
                .nav ul>.dropdown>a::after {
                    content: ""; 
                    position: absolute;
                     top: 10px;
                      right: 8px;
                       width: 4px;
                        height: 4px; 
                        border-bottom: 1px solid #a6a6a6;
                         border-right: 1px solid #a6a6a6;
                          -webkit-transform: rotate(-45deg);
                           -ms-transform: rotate(-45deg); 
                           -moz-transform: rotate(-45deg);
                            -o-transform: rotate(-45deg); }
                             .nav ul>.dropdown:hover>a::after, 
                             .nav ul>.dropdown>a:hover::after
                              { border-color: #a1a1a1; }
                               - See more at: http://themekings.net/2012/06/css-dropdown-navigation-menu/#sthash.iNOD61ui.dpuf
                               
                               
                               
   .alert {
  padding: 10px 35px 10px 15px;
  margin-bottom: 20px;
  color: #c09853;
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
}

.styled-select select {
    	padding:5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
   }
   .styled-select {
  
  	padding:5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
   }
   
   
  
/* Quelques ajustements pour les navigateurs*/
 
::-ms-clear {
    display: none; /* Enleve le "X" qui apparait dans les champs de formulaire sur IE10 */
}
 
@-moz-document url-prefix() {
    textarea{
        overflow:auto; /* Scrollbar auto uniquement pour Firefox */
    }
}
.cible a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
    
}
.cible a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.cible a:active,
.cible a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
.cible {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;

	border:#ccc 1px solid;
width: 100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.cible th {
	padding:4px 10px 4px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.cible th:first-child {
	text-align: left;
	padding-left:20px;
}
.cible tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.cible tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.cible tr {
	text-align: center;
	padding-left:20px;
}
.cible td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
.cible td {
	padding:5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.cible tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.cible tr:last-child td {
	border-bottom:0;
}
.cible tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.cible tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.cible tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.menufooter{
	margin-top: -22px;
	width:960px;

height:auto;

}
.menufooter ul{
    
    width:240px;
    background-color: white;
    float:left;
    line-height: 18px;
    
      
    }
.menufooter .titre{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#009C3F;
   text-align: left;
   padding-left: 40px;
   padding-bottom: 3px;
 
    
    }
    .menufooter ul li{
     text-align: left;
}
.menufooter ul li a{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#676767;
    padding:6px;
    text-transform: lowercase;
   }
   .menufooter ul li a:hover{
    text-decoration:underline;
    }
    
    
   

#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -120px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 15px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
    margin-top:3px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 5px;
	background: #ddd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #82368E;
}
.button
{
    margin: 2px;
    text-decoration: none;
    font:  normal 10px  Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;
    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    
}

.button, .button span
{
  text-transform: uppercase;
  font-size:10px;
  
}

.button span
{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
float:right;
    
    /* The background pattern */
    
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */
    
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;            
}

.button:hover
{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}
.button-blue
{
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

.button-blue:hover
{
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}

.button-blue:active
{
    background: #4477a1;
}






#bar { width:100%; height:5px; padding:0px 0; }    
    /* Login Container (default to float:right) */
    .container { width:562px; margin:0 auto; padding-top:200px; }
#loginContainer {
    position:relative;
    float:right;
    font-size:12px;
}


#loginButton  {
   
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
   margin-right:2px;
    background:#82368E;
  
    
}

#loginButton:hover {
    background:#009C3F;
}

/* Login Box */
#loginBox {
    position:absolute;
    top:-1px;
    right:30px;
    display:none;
    z-index:29;
}
#loginForm a {
    background: none;
    display: inline;
    width: auto;
    padding: 0px 5px;
    text-decoration: underline;
    }

/* If the Login Button has been clicked */    
#loginButton.active {
  
}

#loginButton.active span {
    background-position:53px -76px;
}

/* A Line added to overlap the border */
#loginButton.active em {
    position:absolute;
    
    height:1px;
    background:#82368E;
    bottom:-1px;
}

/* Login Form */
#loginForm {
    width:748px; 
   
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
}



/* Default Input */
#loginForm input {
    width:120px;
    border:1px solid #82368E;
    color:#3a454d;
    font-weight:bold;
    padding:3px 3px;
    font-size:12px;
}

/* Sign In Button */
#loginForm #login {
   float:right;
   padding:0 10px;
   text-decoration: underline;
}
#loginForm #login:hover {
   text-decoration: underline;
}
#erreurs {
    position:absolute;
    top:-1px;
    right:500px;
    float:left;
    width:300px;
    z-index:29;
}

.cssgradtableborder{
    border: solid 6px #eee;
       height: 350px;
       overflow: scroll;
    
}
.cssgradtable
{
    width: 100%;
   
    background: -webkit-gradient(linear, left top, left bottom, from(#fffafa), to(#eee));
    background: -moz-linear-gradient(top, #fffafa, #eee);
    background: -o-linear-gradient(top, #fffafa, #eee);
    background: linear-gradient(top, #fffafa, #eee);
    border: solid thin #eee;
    padding: 3px;
    text-align: center;
    border-collapse: collapse;
.cssgradtableborder{
    border: solid 6px #eee;
}
.cssgradtable
{
    width: 100%;
 
    background: -webkit-gradient(linear, left top, left bottom, from(#fffafa), to(#eee));
    background: -moz-linear-gradient(top, #fffafa, #eee);
    background: -o-linear-gradient(top, #fffafa, #eee);
    background: linear-gradient(top, #fffafa, #eee);
    border: solid thin #eee;
    padding: 3px;
    text-align: center;
    border-collapse: collapse;
}
.cssgradtable th
{
    background: #eaeaea; 
          background: -webkit-linear-gradient(bottom, #e1e1e1, #f4f4f4); 
           background: -moz-linear-gradient(bottom, #e1e1e1, #f4f4f4); 
            background: -o-linear-gradient(bottom, #e1e1e1, #f4f4f4); 
             background: -ms-linear-gradient(bottom, #e1e1e1, #f4f4f4);
             
    color: gray;
    
    padding: 5px;
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
}
.cssgradtable tr
{
    border: 0;
}
.cssgradtable td
{
    border: 0;
    color: #666;
    padding: 3px;
}
.cssgradtable tr:hover>td
{  
    background:#ccc;

color:white;
  cursor: pointer;
}

}
.cssgradtable th
{
    background: #eaeaea; 
          background: -webkit-linear-gradient(bottom, #e1e1e1, #f4f4f4); 
           background: -moz-linear-gradient(bottom, #e1e1e1, #f4f4f4); 
            background: -o-linear-gradient(bottom, #e1e1e1, #f4f4f4); 
             background: -ms-linear-gradient(bottom, #e1e1e1, #f4f4f4);
             
    color: gray;
    
    padding: 5px;
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
}
.cssgradtable tr
{
    border: 0;
}
.cssgradtable td
{
    border: 0;
    color: #666;
    padding: 3px;
}
.cssgradtable tr:hover>td
{  
    background:#ccc;

color:white;
  cursor: pointer;
}