/* commencer le nom de vos classes css par ".integrateur-" suivi du nom de votre classe, ex.: ".integrateur-grille-disposition" */


/* justement des H4 dans les conseils isabelle 15 juillet 2025 */

.grid-routine h4{
    text-align: left;
    padding-left: 10px;
    padding-right: 20px;
    font-size: 18px;
    margin: 0px 0 5px;
}

/* CSS Grille de Noël - Mise en ligne 2019-11-28 */

.integrateur-grille-noel-titre .disposition-grid-cell-bootstrap-xxs h2{
	text-align:center;
	margin-bottom: 0;
}


.integrateur-grille-noel{
	margin-top: 50px;
}

.integrateur-grille-noel p{
	margin: 0px;
}



.integrateur-grille-noel .int-img-bg div{
	position: relative;
	-webkit-box-shadow: 0 5px 6px -6px #bfbfbf;
	-moz-box-shadow: 0 5px 6px -6px #bfbfbf;
	box-shadow: 0 5px 6px -6px #bfbfbf;
	margin-bottom:10px;
}

.integrateur-grille-noel .int-img-bg.int-ac-marge-dr div{
	margin-right:5px;
}
.integrateur-grille-noel .int-img-bg.int-ac-marge-ga div{
	margin-left:5px;
}

.integrateur-grille-noel .int-img-bg a{
	display: block;
}

.integrateur-grille-noel .int-img-bg img{
	width: 100%;
    z-index: 0;
}

.integrateur-grille-noel .int-img-bg span{
	z-index: 1;
    position: absolute;
    display: block;
    bottom: 0;
    padding: 0.8em 0 0.8em 0.8em;
    background-color: #fff;
    opacity: 0.9;
    font-size: 28px;
    line-height: 0.95em;
	width: 100%;
}


.integrateur-grille-noel .int-img-bg.int-bloc-logos span{
	padding: 0.5em 0 0.2em 0.8em;
}	

.integrateur-grille-noel .int-img-bg.int-bloc-logos span.int-un-logo{
	padding: 0.3em 0 0.3em 0.8em;
}

.integrateur-grille-noel .int-img-bg.int-bloc-logos span.int-un-logo img{
	width: auto;
}	

.integrateur-grille-noel .int-img-bg.int-bloc-logos span img#attitude{
	height:51px;
	width:111px !important;
}

	
.integrateur-grille-noel .int-img-bg#int-bloc100 .int-txt{
    top: 0;
	bottom: auto;
    height: 100%;
    padding: 10% 0 4% 0.8em;
    width: 333px;
	font-size: 34px;
}


.integrateur-grille-noel .disposition-grid-cell-bootstrap-xxs.int-img-bg#int-bloc-txt-bottom .int-txt{
	font-size: 22px;
}



.integrateur-grille-noel .int-img-bg img.int-logos{
	max-width:350px;
	margin-top: 17px;
	width: 98%;
}



.disposition-grid-cell-bootstrap-sm .integrateur-img-bg{
	height: 278px;
	display:block;
	width:100%;
	position: relative;
	-webkit-box-shadow: 0 8px 6px -6px #9b9a9a;
	   -moz-box-shadow: 0 8px 6px -6px #9b9a9a;
	        box-shadow: 0 8px 6px -6px #9b9a9a;
}


/*Style pour les tableaux*/

.table_component {
    overflow: auto;
    width: 100%;
}

.table_component table {
    border: 1px solid #dededf;
    height: 100%;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: left;
}

.table_component caption {
    caption-side: top;
    text-align: left;
}

.table_component th {
    border: 1px solid #dededf;
    background-color: #eceff1;
    color: #000000;
    padding: 5px;
}

.table_component td {
    border: 1px solid #dededf;
    background-color: #ffffff;
    color: #000000;
    padding: 5px;
}