/* Modification de la marge du body à cause du navbar fixed-bottom */	
body {
    /*margin: 80px 0px;*/
    /*background: url("../image/r-az-subtle2023-c.png") repeat;*/
	
}
/* Menu blanc idem site Claranet */	
a.menublanc {
}
a.menublanc:link {
    color: white;
}
a.menublanc {
    color: white;
    margin-right: 10px;
}
a.menublanc:hover {
    color: #999999;
}

/* Menu rouge pour card fond blanc */	
a.menurouge {
}
a.menurouge:link {
    color: #ff3333;
}
a.menurouge {
    color: #ff3333;
    margin-right: 10px;
}
a.menurouge:hover {
    color: #999999;
}

/* Bouton rouge */
.btn-rouge {
    color: #FFFFFF;
    background-color: #FF5700;
    border-color: #FF5700;
}
.btn-rouge:hover, .btn-rouge:focus, .btn-rouge:active, .btn-rouge.active, .open .dropdown-toggle.btn-rouge {
    color: #FFFFFF;
    background-color: #CC4600;
    border-color: #000000;
}
.btn-rouge:active, .btn-rouge.active, .open .dropdown-toggle.btn-rouge {
    background-image: none;
}
.btn-rouge.disabled, .btn-rouge[disabled], fieldset[disabled] .btn-rouge, .btn-rouge.disabled:hover, .btn-rouge[disabled]:hover, fieldset[disabled] .btn-rouge:hover, .btn-rouge.disabled:focus, .btn-rouge[disabled]:focus, fieldset[disabled] .btn-rouge:focus, .btn-rouge.disabled:active, .btn-rouge[disabled]:active, fieldset[disabled] .btn-rouge:active, .btn-rouge.disabled.active, .btn-rouge[disabled].active, fieldset[disabled] .btn-rouge.active {
    background-color: #FF5700;
    border-color: #FF5700;
}
.btn-rouge .badge {
    color: #FF3333;
    background-color: #FFFFFF;
}
/* Bouton rouge contour blanc */
.btn-rougeblanc {
    color: #FFFFFF;
    background-color: #FF5700;
    border-color: #ffffff;
}
.btn-rougeblanc:hover, .btn-rouge:focus, .btn-rouge:active, .btn-rouge.active, .open .dropdown-toggle.btn-rouge {
    color: #FFFFFF;
    background-color: #CC4600;
    border-color: #FF5700;
}
.btn-rougeblanc:active, .btn-rouge.active, .open .dropdown-toggle.btn-rouge {
    background-image: none;
}
.btn-rougeblanc.disabled, .btn-rougeblanc[disabled], fieldset[disabled] .btn-rougeblanc, .btn-rougeblanc.disabled:hover, .btn-rougeblanc[disabled]:hover, fieldset[disabled] .btn-rougeblanc:hover, .btn-rougeblanc.disabled:focus, .btn-rougeblanc[disabled]:focus, fieldset[disabled] .btn-rougeblanc:focus, .btn-rougeblanc.disabled:active, .btn-rougeblanc[disabled]:active, fieldset[disabled] .btn-rougeblanc:active, .btn-rougeblanc.disabled.active, .btn-rougeblanc[disabled].active, fieldset[disabled] .btn-rougeblanc.active {
    background-color: #FF5700;
    border-color: #FF5700;
}
.btn-rougeblanc .badge {
    color: #FF3333;
    background-color: #FFFFFF;
}
/* Ligne HR horizontale personnifiée */		
hr.stylepk {
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 2px;
    border: 0;
}
/* Div spéciale avecadaptation de la taille de la police utilisée à l'intérieur de cette div */		
div.policeresponsive {
}
div.policeresponsive {
    font-size: 1rem;
} /*1rem = 16px*/

@media (min-width: 544px) {
div.policeresponsive {
    font-size: 1.5rem;
} /*1rem = 16px*/
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
div.policeresponsive {
    font-size: 2rem;
} /*1rem = 16px*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
div.policeresponsive {
    font-size: 2.5rem;
} /*1rem = 16px*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
div.policeresponsive {
    font-size: 3rem;
} /*1rem = 16px*/
}
/* hamburger color perso */	
.custom-toggler.navbar-toggler {
border-color: rgba(0,0,0,0.00);
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250,0,0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.bg-red{
	    color: #ffffff;
    background-color: #ff3333;
	opacity: 1;
}

.bg-pink {
  background-color: #CE6F9E;
}

.bg-redlight{
	    color: #ffffff;
    background-color: #ff3333;
	opacity: 0.7;
}

.bg-blacknavbar{
	    color: #ffffff;
    background-color: #343a40;
	opacity: 1;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.coin {
background-color:#ffffff;
border:1px solid #ffffff;
padding:5px;
/*arrondir les coins en haut à gauche et en bas à droite*/
/*-moz-border-radius:10px 0;*/
/*-webkit-border-radius:10px 0;*/
border-radius:10px 10px 10px 10px;
}

.coingris {
background-color:#999999;
border:1px solid #999999;
padding:5px;
/*arrondir les coins en haut à gauche et en bas à droite*/
/*-moz-border-radius:10px 0;*/
/*-webkit-border-radius:10px 0;*/
border-radius:10px 10px 10px 10px;
}

  .tablecollee
  {
    border-collapse:collapse;
  }

.bordurecellule
{
background-color:#ff3333;
border:solid #FFFFFF 1px;
height:25px;
padding-left:8px;
padding-right:8px;
}

.bordurecelluleblanc
{
background-color:#999999;
border:solid #FFFFFF 1px;
height:25px;
padding-left:8px;
padding-right:8px;
}

.borduretexte
{
background-color:#ff3333;
border:solid #FFFFFF 1px;
padding-left:8px;
padding-right:8px;
}

.carousel-caption {
    top: 0;
    bottom: auto;
	width:100%;
	margin-left: 0;
	margin-right: 0;
	left :0;
	right :0;
}
