/*************************
		BOUTONS
**************************/
.cssbuttonstoggler{
margin-left: 10px; /* 65 */
margin-top: 0px;
margin-bottom:0px;
padding-bottom: 5px;
width: 560px; /* 600 */
text-align: center;
background: white;
overflow: hidden;
border-bottom: 1px solid  #284968; /* thin a9a9a9*/
border-left: 1px solid  #284968;
border-right: 1px solid  #284968;
-moz-border-radius-bottomleft: 0px; /* 7 Crée un arrondi en bas cadre */
-moz-border-radius-bottomright: 0px; /* 7 Crée un arrondi an bas du cadre */
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

/*************************
		LIENS
**************************/
.cssbuttonstoggler a{
background: white no-repeat top left; /* transparent url('square-gray-left.gif') */
color: #5a5a5a;
display: block;
float: left;
margin-right: 6px;
font: normal 13px Tahoma bold;
font-weight: bold;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* hauteur de la case */
padding-left: 9px; /* taille de la case */
padding-right: 9px; /* taille de la case */
padding-top: 4px; /* taille de la case */
text-decoration: none;
}

/**********************************************************************
	SPAN à rajouter dans new_products_glide.php pour utiliser image
**********************************************************************/
.cssbuttonstoggler a span{
background: white no-repeat top right; /* transparent url('square-gray-right.gif') */
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom left;
text-decoration: none;
}

/*************************************
	ARTICLE EN COURS AVEC LES SPAN
*************************************/
.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom right;
color: #108ded;
text-decoration: none;
}

.cssbuttonstoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

/*********************************
	ARTICLE EN COURS SANS SPAN
*********************************/
.cssbuttonstoggler a.selected {
color: #108ded;
}

/********************************
	MARGIN BOUTON prev suiv
*********************************/
.cssbuttonstoggler a.prev, .glidecontenttoggler-2 a.next{
margin-left:20px; /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

/***************************
	Chgmt couleur HOVER
****************************/
.cssbuttonstoggler a.prev:hover, .glidecontenttoggler-2 a.next:hover, .cssbuttonstoggler a:hover{
text-decoration: none;
background-color: #108ded;
color: white;
}