/* 
Onglets
-----------------------------------------
*/

.onglet {background: url(//w3.ca-normandie.fr/img/onglet/g.gif) repeat-x bottom; width:100%; margin:0; padding:0; }
.ongletvide {background: url(//w3.ca-normandie.fr/img/onglet/g.gif) repeat-x top; width:100%; margin:0; padding:0; }

.onglet {position:relative; height:26px ;}
.onglet ul {float:right; height:26px;  list-style:none; margin:0; padding:0 30px 0 0}
.onglet ul li {float:left;  padding:0; margin:0 8px 0 0}
.onglet ul li a {display:block; height:26px; background:url(//w3.ca-normandie.fr/img/onglet/right.gif) top right no-repeat; float:left; height:26px; line-height:26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.onglet ul li a span {display:block; font-weight:bold; color:#0C8A94; padding:0 14px;  background:url(//w3.ca-normandie.fr/img/onglet/left.gif) top left no-repeat;}

.onglet ul li a:hover, .onglet ul li.selected a:hover  {display:block; height:26px; float:left; text-decoration:none;}
.onglet ul li a:hover span, .onglet ul li.selected a:hover span  {color:#fff}
.onglet ul li a:hover, .onglet ul li.selected a:hover {background:url(//w3.ca-normandie.fr//img/onglet/right_o.gif) top right no-repeat;}
.onglet ul li a:hover span, .onglet ul li.selected a:hover span {background:url(//w3.ca-normandie.fr/img/onglet/left_o.gif) top left no-repeat;}

.onglet ul li.selected a {display:block; height:26px; float:left; text-decoration:none; }
.onglet ul li.selected a span {color:#005B61}
.onglet ul li.selected a {background:url(//w3.ca-normandie.fr/img/onglet/right_.gif) top right no-repeat;}
.onglet ul li.selected a span {background:url(//w3.ca-normandie.fr/img/onglet/left_.gif) top left no-repeat;}