/*//// CSS PETZL TECHNICAL CONTENT ///*/
/*/////////////////////////////////////*/
/*////////////// GLOBAL ///////////////*/
/*/////////////////////////////////////*/
.videocontainer {
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
margin: 5% 0;
}
.videocontainer iframe, .videocontainer embed, .videocontainer object {
height: 100% !important;
width: 100% !important;
left: 0;
top: 0;
position: absolute;
}
/* ---------- code html ---------------
------------------------------------ */
.separateur {
clear: both;
}
/* ---------- code html ---------------
------------------------------------ */
.avantages, .inconvenients {
clear: both;
float: left;
margin: 0px 0 20px;
padding: 0;
width: 100%;
}
.avantages li, .inconvenients li {
/*clear: both;
float: left;*/
padding: 0 0 0 18px;
background-repeat: no-repeat;
background-position: left 2px;
list-style: none;
}
.avantages li::before, .inconvenients li::before {
content: "";
margin-left: -20px;
margin-top: -3px;
}
.avantages ::before, .inconvenients ::before {
content: "" !important;
}
.inconvenients li:before {
background-image: url("/sfc/servlet.shepherd/version/download/068w0000002tO04AAE") !important;
}
.avantages li:before {
background-image: url("/sfc/servlet.shepherd/version/download/068w0000002tNzzAAE") !important;
}
/* ---------- code html ---------------
- Méthode très proche de la méthode classique qui conviendra aux cordistes entraînés.
- Technique qui permet de réussir la manœuvre de secours même si on n’a pas tenu compte de l’élasticité de corde avant d’agir.
- Méthode très proche de la méthode classique qui conviendra aux cordistes entraînés.
- Technique qui permet de réussir la manœuvre de secours même si on n’a pas tenu compte de l’élasticité de corde avant d’agir.
------------------------------------ */
.ombre {
-webkit-box-shadow: 0px 0px 5px 0px #cecece;
-moz-box-shadow: 0px 0px 5px 0px #cecece;
-o-box-shadow: 0px 0px 5px 0px #cecece;
box-shadow: 0px 0px 5px 0px #cecece;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* ---------- code html ---------------
------------------------------------ */
.cadre-noir {
border: 1px solid #000000;
}
/* ---------- code html ---------------
------------------------------------ */
.cadre-orange {
border: 2px solid #e75300;
}
.cadre-gris {
border: 2px solid #b1b3b4;
}
.cadre-gris-fin {
border: 1px solid #b1b3b4;
}
.conteneur-gris {
background-color: #F6F6F6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
}
.conteneur-blanc {
background-color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 5px 0px #cecece;
-moz-box-shadow: 0px 0px 5px 0px #cecece;
-o-box-shadow: 0px 0px 5px 0px #cecece;
box-shadow: 0px 0px 5px 0px #cecece;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
}
/*////////////////////////////////////////////////////////////*/
/*////////////// ABSORBICA-pe01 -poids50a130kg ///////////////*/
/*////////////////////////////////////////////////////////////*/
.CT-1-illustration-unique {
width: 410px;
float: left;
margin-right: 20px
}
.CT-1-texte-illustration-unique {
width: calc(100% - 10px);
max-width: 280px;
margin-left: 10px;
float: left;
}
.CT-1-illustration-triple {
margin: 40px 0;
float: left;
width: 100%;
}
.CT-1-illustration-triple:first-of-type {
margin: 80px 0 40px 0;
float: left;
}
.CT-1-illustration-triple:last-of-type {
margin: 40px 0 80px 0;
float: left;
}
.CT-1-conteneur-illustration-triple-poids {
box-sizing: border-box;
height: 113px;
padding-left: calc(50% - 150px);
}
.CT-1-illustration-triple-poids {
height: auto;
width: 100px;
float: left;
}
.CT-1-conteneur-illustration-triple-graphiques {
border: 1px solid #c5c6c8;
box-sizing: border-box;
padding: 10px;
float: left;
width: 100%;
}
.CT-1-illustration-triple-graphiques {
float: left;
width: 33%;
padding: 1%;
box-sizing: border-box;
min-width: 33%;
}
@media (max-width: 750px) {
.CT-1-conteneur-illustration-triple-graphiques {
border: 1px solid #c5c6c8;
box-sizing: border-box;
padding: 10px;
float: left;
width: 100%;
}
.CT-1-illustration-triple-graphiques {
clear: both;
float: none;
text-align: center;
width: 100%;
padding: 2% 0;
box-sizing: content-box;
}
}
@media (max-width: 600px) {
.CT-1-conteneur-illustration-triple-graphiques {
border: 1px solid #c5c6c8;
box-sizing: border-box;
padding: 10px;
float: left;
width: 100%;
}
.CT-1-illustration-triple-graphiques {
clear: both;
float: none;
text-align: center;
width: 100%;
padding: 2% 0;
box-sizing: content-box;
}
}
@media (max-width: 480px) {
.CT-1-illustration-unique {
width: calc(100% - 20px);
float: left;
margin-right: 20px
}
.CT-1-conteneur-illustration-triple-poids {
box-sizing: border-box;
height: 88px;
padding-left: calc(50% - 105px);
}
.CT-1-illustration-triple-poids {
height: auto;
width: 70px;
float: left;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////// ABSORBICA-pe03 - Valeurs de tirant d’air avec ABSORBICA I et Y ///////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-2-illustration-2-visuels {
float: left;
width: 50%;
}
.CT-2-bloc-tableau {
float: left;
width: 100%;
margin: 20px 0 20px 0;
-moz-box-shadow: 0px 0px 5px 0px #cecece;
-webkit-box-shadow: 0px 0px 5px 0px #cecece;
-o-box-shadow: 0px 0px 5px 0px #cecece;
box-shadow: 0px 0px 5px 0px #cecece;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position: relative;
}
.CT-2-entrees-tableau {
float: left;
width: 98px;
position: relative;
z-index: 10;
}
.CT-2-conteneur-donnees-tableau {
float: left;
width: calc(100% - 98px);
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
margin: 0 0 20px 0;
}
.CT-2-conteneur-donnees-tableau-svg {
float: left;
width: calc(100% - 98px);
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
margin: 0 0 0 0;
}
.CT-2-donnees-tableau {
float: left;
width: 617px;
}
.CT-2-bouton-scroll {
float: left;
display: none;
margin: -20px 0 20px 20px;
width: 65px;
}
.CT-2-fleche-scroll {
bottom: 8px;
display: none;
left: 55px;
position: absolute;
width: 43px;
z-index: 10;
}
@media (max-width: 970px) {
.CT-2-css3-shadow {
position: relative;
}
.CT-2-css3-shadow:after {
border-radius: 100%;
bottom: 12%;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
content: "";
height: 75%;
left: 50%;
position: absolute;
right: 10%;
width: 30%;
z-index: -1;
}
.CT-2-bouton-scroll {
display: block;
}
.CT-2-fleche-scroll {
display: block;
}
}
@media (max-width: 600px) {
.CT-2-illustration-2-visuels {
width: 100%;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////// Escalade falaise-Positionnement de la dégaine et Clippage de la corde ///////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-3-illustration {
float: left;
width: 100%;
margin: 20px 0;
box-sizing: border-box;
}
.CT-3-illustration-1, .CT-3-illustration-2, .CT-3-illustration-3, .CT-3-illustration-4, .CT-3-illustration-5, .CT-3-illustration-6, .CT-3-illustration-7, .CT-3-illustration-8, .CT-3-illustration-9, .CT-3-illustration-10, .CT-3-illustration-11, .CT-3-illustration-12, .CT-3-illustration-13, .CT-3-illustration-14, .CT-3-illustration-15, .CT-3-illustration-16, .CT-3-illustration-17, .CT-3-illustration-18 {
float: left;
}
.CT-3-illustration-1 {
width: 6.5%;
margin-top: 10px;
}
.CT-3-illustration-2 {
width: 32%;
}
.CT-3-illustration-3 {
width: 59%;
margin: 0 0 0 10px;
}
.CT-3-illustration-4 {
width: 9%;
margin-top: 10px;
}
.CT-3-illustration-5 {
width: 100%;
}
.CT-3-illustration-6 {
width: 30%;
}
.CT-3-illustration-7 {
width: 100%;
}
.CT-3-illustration-8 {
width: 20%;
}
.CT-3-illustration-9 {
margin: 8% 0 0;
width: 31%;
}
.CT-3-illustration-10 {
margin: 11% 0 0;
width: 69%;
}
.CT-3-illustration-11 {
width: 45%;
}
.CT-3-illustration-12 {
width: 47%;
margin: 0 0 10px 0;
}
.CT-3-illustration-13 {
width: 9%;
margin-top: 10px;
}
.CT-3-illustration-14 {
width: 35%;
}
.CT-3-illustration-15 {
margin: 11% 0 0 5%;
width: 55%;
}
.CT-3-illustration-16 {
width: 9%;
margin-top: 10px;
}
.CT-3-illustration-17 {
width: 29.5%;
}
.CT-3-illustration-18 {
margin: 12% 0 0 4%;
width: 65%;
}
.CT-3-bloc-attention-1, .CT-3-bloc-attention-2, .CT-3-bloc-attention-3, .CT-3-bloc-attention-4, .CT-3-bloc-attention-5, .CT-3-bloc-attention-6 {
border: solid 2px #ed7809;
box-sizing: border-box;
padding: 10px;
float: left;
}
.CT-3-bloc-attention-1 {
width: 80%;
margin: 0 0 0 5%;
}
.CT-3-bloc-attention-2 {
width: 42%;
margin: 0 0 0 5%;
}
.CT-3-bloc-attention-3 {
width: 50%;
margin: 0 0 0 5%;
}
.CT-3-bloc-attention-4 {
width: 70%;
margin: 0 0 0 5%;
}
.CT-3-bloc-attention-5 {
width: 65%;
margin: 0 0 0 5%;
}
.CT-3-bloc-attention-6 {
margin: 0 0 0 5%;
width: 80%;
}
@media (max-width: 750px) {
.CT-3-illustration {
float: left;
width: 100%;
margin: 20px 0;
padding: 20px;
-moz-box-shadow: 0px 0px 5px 0px #cecece;
-webkit-box-shadow: 0px 0px 5px 0px #cecece;
-o-box-shadow: 0px 0px 5px 0px #cecece;
box-shadow: 0px 0px 5px 0px #cecece;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.CT-3-illustration-1 {
margin: 0 0 0 43%;
width: 8.5%;
}
.CT-3-illustration-4 {
margin: 0 0 0 42%;
width: 13%;
}
.CT-3-illustration-5 {
margin: 0 0 0 19%;
width: 60%;
}
.CT-3-illustration-6 {
margin: 0 0 0 25%;
width: 40%;
}
.CT-3-illustration-7 {
margin: 0 0 0 20%;
width: 60%;
}
.CT-3-illustration-8 {
margin: 0 0 0 28%;
width: 33%;
}
.CT-3-illustration-9 {
margin: 0 0 0;
width: 31%;
}
.CT-3-illustration-10 {
margin: 3% 0 0;
width: 69%;
}
.CT-3-illustration-11 {
width: 60%;
}
.CT-3-illustration-12 {
margin: 0 0 10px;
width: 65%;
}
.CT-3-illustration-13 {
margin: 0 0 0 40%;
width: 12%;
}
.CT-3-illustration-16 {
margin: 0 0 0 39%;
width: 13%;
}
.CT-3-bloc-attention-1, .CT-3-bloc-attention-2, .CT-3-bloc-attention-3, .CT-3-bloc-attention-4, .CT-3-bloc-attention-5, .CT-3-bloc-attention-6 {
clear: both;
margin: 5% 0 0;
width: 100%;
}
}
@media (max-width: 500px) {
.CT-3-illustration-14 {
margin: 0 0 0 30%;
width: 35%;
}
.CT-3-illustration-15 {
clear: both;
margin: -10% 0 0 5%;
width: 80%;
}
.CT-3-illustration-16 {
margin: 0 0 0 39%;
width: 13%;
}
.CT-3-illustration-17 {
margin: 0 0 0 28%;
width: 37%;
}
.CT-3-illustration-18 {
clear: both;
margin: 0 0 0 0;
width: 100%;
}
}
@media (max-width: 450px) {
.CT-3-illustration-1 {
margin: 0 0 0 41%;
width: 17%;
}
.CT-3-illustration-2 {
margin: 0 0 0 25%;
width: 50%;
}
.CT-3-illustration-3 {
clear: both;
margin: 3% 0 0;
width: 100%;
}
.CT-3-illustration-4 {
margin: 0 0 0 38%;
width: 25%;
}
.CT-3-illustration-5 {
margin: 0;
width: 100%;
}
.CT-3-illustration-6 {
margin: 0 0 0 15%;
width: 70%;
}
.CT-3-illustration-7 {
margin: 0;
width: 100%;
}
.CT-3-illustration-8 {
margin: 0 0 0 22%;
width: 55%;
}
.CT-3-illustration-9 {
margin: 0 0 0 26%;
width: 45%;
}
.CT-3-illustration-10 {
clear: both;
margin: -15% 0 0;
width: 100%;
}
.CT-3-illustration-11 {
width: 90%;
}
.CT-3-illustration-12 {
margin: 0 0 10px;
width: 95%;
}
.CT-3-illustration-13 {
margin: 0 0 0 35%;
width: 25%;
}
.CT-3-illustration-14 {
margin: 0 0 0 25%;
width: 50%;
}
.CT-3-illustration-15 {
clear: both;
margin: -15% 0 0;
width: 95%;
}
.CT-3-illustration-16 {
margin: 0 0 0 35%;
width: 25%;
}
.CT-3-illustration-17 {
margin: 0 0 0 19%;
width: 55%;
}
}
/*////////////////////////////////////////////////////////*/
/*////////////// EVOLV-ADJUST-artif-devers ///////////////*/
/*////////////////////////////////////////////////////////*/
.CT-4-image-4 {
float: left;
width: 60%;
}
.CT-4-vignette {
float: left;
margin: 0 0 0 20%;
width: 20%;
}
.CT-4-image-5 {
border: 1px solid #000000;
float: left;
width: 100%;
}
@media (max-width: 640px) {
.CT-4-image-4 {
float: left;
width: 100%;
}
.CT-4-vignette {
clear: both;
float: left;
margin: -45% 0 0;
width: 40%;
}
.CT-4-image-5 {
border: 1px solid #000000;
float: left;
width: 100%;
}
}
@media (max-width: 400px) {
.CT-4-vignette {
clear: both;
float: left;
margin: -10% 0 0;
width: 60%;
}
}
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////// ID-pe13c-decrochage-evacuation-kit-secours(dynamique) ///////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
.CT-5-bloc-avantages-gris {
background-color: #f0f0f0;
padding: 20px 20px 0 20px;
float: left;
width: 100%;
box-sizing: border-box;
}
.CT-5-bloc-etape, .CT-5-bloc-etape2 {
float: left;
width: 100%;
margin: 20px 0 20px 0;
-moz-box-shadow: 0px 0px 5px 0px #cecece;
-webkit-box-shadow: 0px 0px 5px 0px #cecece;
-o-box-shadow: 0px 0px 5px 0px #cecece;
box-shadow: 0px 0px 5px 0px #cecece;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position: relative;
padding: 20px;
box-sizing: border-box;
}
.CT-5-bloc-etape2 {
width: 65%;
}
.CT-5-image-1, .CT-5-image-2, .CT-5-image-3, .CT-5-image-4, .CT-5-image-5, .CT-5-image-6, .CT-5-image-7, .CT-5-image-8, .CT-5-image-9, .CT-5-image-10, .CT-5-image-11, .CT-5-image-12, .CT-5-image-13, .CT-5-image-14, .CT-5-image-15 {
float: left;
}
.CT-5-image-1, .CT-5-image-2, .CT-5-image-3, .CT-5-image-4 {
width: 50%;
margin: 20px 0;
}
.CT-5-image-5, .CT-5-image-6 {
width: 35%;
margin: 20px 20px 0 0;
}
.CT-5-image-7 {
margin: -20px 0 0;
width: 60%;
}
.CT-5-image-8 {
margin: 0;
width: 35%;
}
.CT-5-image-8-fleche {
float: left;
margin: 33% 0 0 -15%;
width: 10%;
}
.CT-5-image-8-fleche2 {
display: none;
}
.CT-5-image-8-loupe {
background-color: #ffffff;
float: left;
margin: 29% 0 0 -5.5%;
width: 27%;
}
.CT-5-image-9 {
margin: 2.5% 0 20px 0;
width: 34.7%;
}
.CT-5-image-10 {
margin: 0;
width: 56%;
}
.CT-5-image-10-fleche {
float: left;
margin: 50% 0 0 -24%;
width: 27%;
}
.CT-5-image-10-fleche2 {
display: none;
}
.CT-5-image-10-loupe {
background-color: #ffffff;
float: left;
margin: 5% 0 20px -1%;
width: 41%;
}
.CT-5-image-11 {
margin: 0;
width: 56%;
}
.CT-5-image-11-fleche {
float: left;
margin: 50% 0 0 -24%;
width: 27%;
}
.CT-5-image-11-fleche2 {
display: none;
}
.CT-5-image-11-loupe {
background-color: #ffffff;
float: left;
margin: 6.3% 0 20px -1%;
width: 41%;
}
.CT-5-image-12 {
margin: 0;
width: 56%;
}
.CT-5-image-12-fleche {
float: left;
margin: 54% 0 0 -24%;
width: 27%;
}
.CT-5-image-12-fleche2 {
display: none;
}
.CT-5-image-12-loupe {
background-color: #ffffff;
float: left;
margin: 6% 0 20px -1%;
width: 41%;
}
.CT-5-image-13 {
margin: 0 0 20px;
width: 56%;
}
.CT-5-image-13-fleche {
float: left;
margin: 54% 0 0 -24%;
width: 27%;
}
.CT-5-image-13-fleche2 {
display: none;
}
.CT-5-image-13-loupe {
background-color: #ffffff;
float: left;
margin: 27% 0 20px -2%;
width: 41%;
}
.CT-5-image-14 {
margin: 0 0 20px 0;
width: 56%;
}
.CT-5-image-15 {
margin: 0 0 20px 0;
width: 56%;
}
@media (max-width: 850px) {
.CT-5-image-8 {
margin: 0 0 0 25%;
width: 50%;
}
.CT-5-image-8-fleche {
float: left;
margin: 47% 0 0 -21%;
width: 10%;
}
.CT-5-image-8-loupe {
background-color: #ffffff;
float: left;
margin: 40% 0 0 -12%;
width: 35%;
}
.CT-5-image-9 {
clear: both;
margin: 7% 0 3% 25%;
width: 50%;
}
.CT-5-bloc-etape2 {
width: 100%;
}
}
@media (max-width: 750px) {
.CT-5-image-1, .CT-5-image-2, .CT-5-image-3, .CT-5-image-4 {
width: 75%;
}
.CT-5-image-5, .CT-5-image-6 {
width: 45%;
margin: 20px 5% 0 0;
}
}
@media (max-width: 550px) {
.CT-5-image-7 {
margin: -20px 20% 0 0;
width: 80%;
}
}
@media (max-width: 500px) {
.CT-5-image-8 {
margin: 0 0 0 0;
width: 75%;
}
.CT-5-image-8-fleche {
float: left;
margin: 71% 0 0 -30%;
width: 10%;
}
.CT-5-image-8-loupe {
background-color: #ffffff;
float: left;
margin: 60% 0 0 -23%;
width: 48%;
}
.CT-5-image-9 {
clear: both;
margin: 7% 0 3% 0;
width: 75%;
}
}
@media (max-width: 450px) {
.CT-5-image-1, .CT-5-image-2, .CT-5-image-3, .CT-5-image-4 {
width: 100%;
}
.CT-5-image-5, .CT-5-image-6 {
clear: both;
width: 60%;
margin: 20px 0 0 0;
}
.CT-5-image-7 {
margin: -20px 20% 0 0;
width: 100%;
}
}
@media (max-width: 400px) {
.CT-5-image-5, .CT-5-image-6 {
clear: both;
width: 80%;
margin: 20px 0 0 0;
}
.CT-5-image-8 {
margin: 0 0 0 5%;
width: 90%;
}
.CT-5-image-8-fleche {
display: none;
}
.CT-5-image-8-fleche2 {
display: block;
float: left;
margin: 82% 0 0 -38%;
width: 10%;
}
.CT-5-image-8-loupe {
background-color: #ffffff;
float: left;
margin: -10% 0 0 30%;
width: 70%;
}
.CT-5-image-9 {
clear: both;
margin: 20% 0 5% 5%;
width: 90%;
}
.CT-5-image-10 {
margin: 0 0 0 5%;
width: 90%;
}
.CT-5-image-10-fleche {
display: none;
}
.CT-5-image-10-fleche2 {
display: block;
float: left;
margin: 82% 0 0 -37%;
width: 10%;
}
.CT-5-image-10-loupe {
background-color: #ffffff;
margin: -10% 0 20px 40%;
width: 60%;
}
.CT-5-image-11 {
margin: 0 0 0 5%;
width: 90%;
}
.CT-5-image-11-fleche {
display: none;
}
.CT-5-image-11-fleche2 {
display: block;
float: left;
margin: 82% 0 0 -37%;
width: 10%;
}
.CT-5-image-11-loupe {
background-color: #ffffff;
margin: -13% 0 20px 40%;
width: 60%;
}
.CT-5-image-12 {
margin: 0 0 0 5%;
width: 90%;
}
.CT-5-image-12-fleche {
display: none;
}
.CT-5-image-12-fleche2 {
display: block;
float: left;
margin: 82% 0 0 -37%;
width: 10%;
}
.CT-5-image-12-loupe {
background-color: #ffffff;
margin: -13% 0 20px 40%;
width: 60%;
}
.CT-5-image-13 {
margin: 0 0 0 5%;
width: 90%;
}
.CT-5-image-13-fleche {
display: none;
}
.CT-5-image-13-fleche2 {
display: block;
float: left;
margin: 90% 0 0 -38%;
width: 10%;
}
.CT-5-image-13-loupe {
background-color: #ffffff;
margin: -13% 0 20px 40%;
width: 60%;
}
.CT-5-image-14 {
margin: 0 0 0 5%;
width: 90%;
}
.CT-5-image-15 {
margin: 0 0 0 5%;
width: 90%;
}
}
/*///////////////////////////////////////////////////////////////////*/
/*////////////// mousquetonsV2-pe05-connection-GRIGRI ///////////////*/
/*///////////////////////////////////////////////////////////////////*/
.CT-6-bloc-illustration, .CT-6-bloc-illustration-last {
float: left;
width: 24%;
height: auto;
margin: 10px 1.33% 20px 0;
-moz-box-shadow: 0px 0px 5px 0px #cecece;
-webkit-box-shadow: 0px 0px 5px 0px #cecece;
-o-box-shadow: 0px 0px 5px 0px #cecece;
box-shadow: 0px 0px 5px 0px #cecece;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position: relative;
background-color: #ffffff;
padding: 20px;
text-align: center;
box-sizing: border-box;
}
.CT-6-bloc-illustration p, .CT-6-bloc-illustration-last p {
float: left;
min-height: 90px;
}
.CT-6-bloc-illustration-last {
margin: 10px 0 20px 0;
}
.CT-6-texte-risques {
clear: both;
float: left;
margin: 10px 0 20px 0;
}
.CT-6-image-1, .CT-6-image-2, .CT-6-image-3, .CT-6-image-4, .CT-6-image-5, .CT-6-image-6, .CT-6-image-7, .CT-6-picto-danger-de-mort, .CT-6-picto-informations, .CT-6-fond-gris-illustrations {
float: left;
}
.CT-6-image-1 {
width: 20%;
border: solid 1px #000000;
margin: 0 20px 20px 0;
}
.CT-6-image-2 {
border: 1px solid #000000;
clear: both;
margin: 0 0 40px;
padding: 10px 25px 10px 10px;
width: 30%;
}
.CT-6-image-3, .CT-6-image-4, .CT-6-image-5, .CT-6-image-6 {
margin: 0 0 0 -19%;
width: 140%;
}
.CT-6-image-7 {
border: 1px solid #000000;
margin: 0 2% 0 0;
width: 12%;
}
.CT-6-bloc-illustration hr, .CT-6-bloc-illustration-last hr {
box-sizing: content-box;
clear: both;
float: left;
height: 0;
margin: 10% 0 15%;
width: 100%;
}
.CT-6-picto-danger-de-mort {
height: 5%;
margin: 10.5% 20px 0 -4%;
width: 6.5%;
}
.CT-6-picto-informations {
margin: 0 2% 0 0;
width: 12%;
}
.CT-6-fond-gris-illustrations {
float: left;
background-color: #F6F6F6;
width: 100%;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 0 20px 30px;
margin: 0 0 40px 0;
box-sizing: border-box;
}
.CT-6-fond-gris-illustrations-2 {
background-color: #f6f6f6;
border-radius: 8px;
box-sizing: border-box;
float: left;
margin: 0 0 20px;
padding: 0 20px 30px;
width: 100%;
}
.CT-6-texte-pave-pourquoi-choix {
float: left;
margin: 0;
width: 86%;
}
.CT-6-texte-precaution-usage {
float: left;
margin: 0 0 0;
width: 85%;
}
.CT-6-fond-gris-illustrations-2 h2 {
float: left;
margin-bottom: 20px;
width: 100%;
}
.CT-6-fond-gris-illustrations-2 p:first-child {
margin-top: 0;
}
@media (max-width: 850px) {
.CT-6-image-1 {
width: 30%;
border: solid 1px #000000;
margin: 0 20px 20px 0;
}
.CT-6-image-2 {
width: 40%;
}
.CT-6-picto-danger-de-mort {
height: 5%;
margin: 15% 20px 0 -6%;
width: 8%;
}
.CT-6-bloc-illustration, .CT-6-bloc-illustration-last {
margin: 10px 2% 20px 0;
width: 48%;
}
.CT-6-image-3, .CT-6-image-4, .CT-6-image-5, .CT-6-image-6 {
margin: 0 15%;
width: 70%;
}
.CT-6-image-7 {
border: 1px solid #000000;
margin: 0 2% 0 0;
width: 20%;
}
.CT-6-texte-precaution-usage {
float: left;
margin: 0 0 0;
width: 77%;
}
}
@media (max-width: 750px) {
.CT-6-image-3, .CT-6-image-4, .CT-6-image-5, .CT-6-image-6 {
margin: 0 5%;
width: 90%;
}
}
@media (max-width: 700px) {
.CT-6-image-3, .CT-6-image-4, .CT-6-image-5, .CT-6-image-6 {
margin: 0 5%;
width: 90%;
}
}
@media (max-width: 650px) {
.CT-6-picto-informations {
margin: 0 2% 0 0;
width: 17%;
}
.CT-6-image-3, .CT-6-image-4, .CT-6-image-5, .CT-6-image-6 {
margin: 0;
width: 100%;
}
.CT-6-texte-pave-pourquoi-choix {
float: left;
margin: 0;
width: 81%;
}
}
@media (max-width: 500px) {
.CT-6-bloc-illustration, .CT-6-bloc-illustration-last {
height: 400px;
}
}
@media (max-width: 450px) {
.CT-6-bloc-illustration, .CT-6-bloc-illustration-last {
height: 450px;
margin: 10px 0 20px 0;
width: 100%;
}
.CT-6-image-1 {
border: 1px solid #000000;
margin: 0 20px 20px 0;
width: 50%;
}
.CT-6-image-2 {
width: 60%;
}
.CT-6-picto-danger-de-mort {
height: 5%;
margin: 20% 20px 0 -9%;
width: 14%;
}
.CT-6-image-3, .CT-6-image-4, .CT-6-image-5, .CT-6-image-6 {
margin: 0 22.5%;
width: 55%;
}
.CT-6-texte-pave-pourquoi-choix {
clear: both;
float: left;
margin: 0;
}
.CT-6-image-7 {
border: 1px solid #000000;
width: 40%;
margin: 0 0 20px 0;
}
.CT-6-texte-precaution-usage {
clear: both;
float: left;
margin: 0;
width: 100%;
}
}
@media (max-width: 400px) {
.CT-6-bloc-illustration, .CT-6-bloc-illustration-last {
height: 450px;
margin: 10px 0 20px 0;
width: 100%;
}
.CT-6-image-3, .CT-6-image-4, .CT-6-image-5, .CT-6-image-6 {
margin: 0 15%;
width: 70%;
}
.CT-6-picto-informations {
width: 25%;
}
.CT-6-picto-informations {
margin: 0 2% 0 0;
width: 25%;
}
.CT-6-texte-pave-pourquoi-choix {
clear: both;
float: left;
margin: 0;
width: 100%;
}
}
@media (max-width: 400px) {
.CT-6-image-3, .CT-6-image-4, .CT-6-image-5, .CT-6-image-6 {
margin: 0 15%;
width: 70%;
}
}
@media (max-width: 350px) {
.CT-6-image-3, .CT-6-image-4, .CT-6-image-5, .CT-6-image-6 {
margin: 0 5%;
width: 90%;
}
}
/*//////////////////////////////////////////////////////////////////////////*/
/*////////////// RADsystem-pe07-autre-progression-simultanee ///////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
.CT-7-vignette-1 {
float: left;
width: 45%;
margin: 0 10% 0 0;
}
.CT-7-image-1 {
float: left;
margin: 0 0 10%;
width: 86%;
}
.CT-7-vignette-2 {
float: left;
margin: 10% 0 0;
width: 45%;
}
.CT-7-image-2 {
float: left;
margin: -11% 0 0;
width: 100%;
}
.CT-7-vignette-3 {
float: left;
width: 45%;
margin: 10% 10% 0 0;
}
.CT-7-image-3 {
float: left;
margin: 0 0 10%;
width: 100%;
}
.CT-7-vignette-4 {
float: left;
width: 68%;
margin: 10% 10% 0 0;
}
.CT-7-image-4 {
float: left;
margin: 0 0 3%;
width: 90%;
}
.CT-7-vignette-5 {
float: left;
width: 68%;
margin: 10% 10% 0 0;
}
.CT-7-image-5 {
float: left;
margin: 0 0 3%;
width: 90%;
}
.CT-7-encadre {
border: 1px solid #000000;
float: left;
margin: 13% 10% 0 0;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.CT-7-image-6 {
float: left;
margin: 0 3% 0 -3%;
width: 30%;
}
@media (max-width: 650px) {
.CT-7-vignette-1 {
float: left;
width: 70%;
margin: 0 10% 0 0;
}
.CT-7-image-1 {
float: left;
margin: 0 0 10%;
width: 86%;
}
.CT-7-vignette-2 {
clear: both;
float: left;
margin: 10% 0 0;
width: 70%;
}
.CT-7-image-2 {
float: left;
margin: -11% 0 -20%;
width: 100%;
}
.CT-7-vignette-3 {
float: left;
width: 70%;
margin: 10% 10% 0 0;
}
.CT-7-image-3 {
float: left;
margin: 0 0 10%;
width: 100%;
}
.CT-7-vignette-4 {
float: left;
margin: 10% 10% 0 0;
width: 100%;
}
.CT-7-image-4 {
float: left;
margin: 0 0 3%;
width: 95%;
}
.CT-7-vignette-5 {
float: left;
width: 100%;
margin: 10% 10% 0 0;
}
.CT-7-image-5 {
float: left;
margin: 0 0 3% 2%;
width: 95%;
}
.CT-7-encadre {
border: 1px solid #000000;
float: left;
margin: 13% 10% 20% 0;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.CT-7-image-6 {
float: left;
margin: 0 3% 0 -3%;
width: 50%;
}
}
@media (max-width: 400px) {
.CT-7-vignette-1 {
float: left;
width: 100%;
margin: 0 10% 0 0;
}
.CT-7-image-1 {
float: left;
margin: 0 20% 10%;
width: 60%;
}
.CT-7-vignette-2 {
clear: both;
float: left;
margin: 10% 0 0;
width: 100%;
}
.CT-7-image-2 {
float: left;
margin: -11% 15% -15%;
width: 70%;
}
.CT-7-vignette-3 {
float: left;
width: 100%;
margin: 10% 0 0 0;
}
.CT-7-image-3 {
float: left;
margin: 0 9% 10%;
width: 75%;
}
.CT-7-vignette-4 {
float: left;
margin: 10% 10% 0 0;
width: 100%;
}
.CT-7-image-4 {
float: left;
margin: 0 0 3%;
width: 95%;
}
.CT-7-vignette-5 {
float: left;
width: 100%;
margin: 10% 10% 0 0;
}
.CT-7-image-5 {
float: left;
margin: 0 0 3% 2%;
width: 95%;
}
.CT-7-encadre {
border: 1px solid #000000;
float: left;
margin: 13% 10% 20% 0;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.CT-7-image-6 {
float: left;
margin: 0 25% 0;
width: 50%;
}
}
/*////////////////////////////////////////////////////////////*/
/*////////////// ZIGZAG-securisation-ASCENTREE ///////////////*/
/*////////////////////////////////////////////////////////////*/
hr.CT-8 {
margin: 50px 0;
}
.CT-8-bloc-illustration-1 {
float: left;
width: 85%;
margin: 20px 0;
}
.CT-8-bloc-illustration-2 {
float: left;
width: 100%;
}
.CT-8-bloc-illustration-3 {
float: left;
width: 100%;
margin: 20px 0 0 0;
}
.CT-8-bloc-illustration-4 {
float: left;
margin: 20px 0 50px;
width: 100%;
}
.CT-8-bloc-illustration-5 {
clear: both;
float: left;
margin: 0 0 50px;
width: 55%;
}
.CT-8-bloc-illustration-6 {
clear: both;
float: left;
margin: 0 0 50px;
width: 55%;
}
.CT-8-bloc-illustration-5 p, .CT-8-bloc-illustration-6 p {
margin: 20px 0;
}
.CT-8-encadre, .CT-8-encadre-2 {
float: left;
border: solid 1px #000000;
padding: 20px;
box-sizing: border-box;
background-color: #ffffff;
margin: 20px 0;
}
.CT-8-encadre-2 {
width: 65%;
}
.CT-8-bloc-plus-moins {
clear: both;
float: left;
width: 55%;
}
.CT-8-bloc-image-1 {
width: 25%;
float: left;
}
.CT-8-bloc-image-2 {
width: 25%;
float: left;
}
.CT-8-bloc-image-1 p {
clear: both;
float: left;
text-align: center;
width: 100%;
}
.CT-8-bloc-image-2 p {
clear: both;
float: left;
text-align: center;
width: 100%;
}
.CT-8-image-1, .CT-8-image-2, .CT-8-image-3, .CT-8-image-4, .CT-8-image-5, .CT-8-image-6, .CT-8-image-7, .CT-8-image-8, .CT-8-image-9, .CT-8-image-10, .CT-8-image-11, .CT-8-image-12, .CT-8-image-13, .CT-8-image-14 {
float: left;
}
.CT-8-image-1 {
width: 100%;
margin: 0 0 10%;
}
.CT-8-image-2 {
width: 100%;
margin: 0 0 10%;
}
.CT-8-image-3 {
margin: 0 5% 0 0;
width: 55%;
}
.CT-8-image-4 {
margin: 0 5% 0 0;
width: 19%;
}
.CT-8-image-5 {
margin: 0 5% 0 0;
width: 19%;
}
.CT-8-image-6 {
margin: 0 3% 0 0;
width: 17%;
}
.CT-8-image-7 {
margin: 0 4% 0 0;
width: 17.4%;
}
.CT-8-image-8 {
width: 21.91%;
}
.CT-8-image-9 {
margin: 0 5% 0 0;
width: 17.4%;
}
.CT-8-image-10 {
width: 13.2%;
}
.CT-8-image-11 {
width: 100%;
}
.CT-8-image-12 {
width: 100%;
}
.CT-8-image-13 {
width: 40%;
}
.CT-8-image-14 {
width: 33%;
margin: 10px 0 20px;
}
.CT-8-fleche-droite-1 {
float: left;
margin: 17% 0 0 5%;
width: 18px;
}
.CT-8-fleche-bas-1 {
float: left;
width: 17px;
display: none;
}
.CT-8-fleche-droite-2 {
float: left;
margin: -107% 0 0;
width: 18px;
}
@media (max-width: 800px) {
.CT-8-bloc-illustration-5 {
width: 65%;
}
.CT-8-bloc-illustration-6 {
width: 65%;
}
.CT-8-encadre-2 {
width: 100%;
}
.CT-8-image-13 {
width: 35%;
}
.CT-8-image-14 {
margin: 10px 0 20px;
width: 45%;
}
.CT-8-texte-bloc-illustration-2 {
float: left;
width: 40%;
}
}
@media (max-width: 650px) {
.CT-8-bloc-illustration-1 {
float: left;
margin: 20px 0;
width: 100%;
}
.CT-8-bloc-illustration-5 {
width: 75%;
}
.CT-8-bloc-illustration-6 {
width: 75%;
}
.CT-8-texte-bloc-illustration-2 {
float: left;
width: 100%;
}
.CT-8-bloc-image-1 {
float: left;
width: 35%;
}
.CT-8-bloc-image-2 {
float: left;
width: 35%;
}
.CT-8-image-3 {
margin: 30px 25% 50px 0;
width: 75%;
}
.CT-8-image-4 {
margin: 0 5% 0 0;
width: 25%;
}
.CT-8-image-5 {
margin: 5% 50% 0 0;
width: 25%;
}
.CT-8-image-6 {
margin: 0 3% 5% 0;
width: 27%;
}
.CT-8-image-7 {
margin: 0 4% 5% 0;
width: 27.65%;
}
.CT-8-image-8 {
width: 34.85%;
margin: 0 0 5% 0;
}
.CT-8-image-9 {
margin: 0 5% 0 0;
width: 27.4%;
}
.CT-8-image-10 {
width: 20.9%;
}
.CT-8-image-13 {
width: 40%;
}
.CT-8-image-14 {
margin: 10px 0 20px;
width: 60%;
}
.CT-8-fleche-droite-1 {
float: left;
margin: 28% 0 0 5%;
width: 18px;
}
.CT-8-bloc-plus-moins {
width: 100%;
}
.CT-8-bloc-illustration-2 {
margin-bottom: -10px;
}
}
@media (max-width: 450px) {
.CT-8-image-4 {
margin: 0 5% 0 0;
width: 25%;
}
.CT-8-image-4 {
margin: 0 5% 0 0;
width: 30%;
}
.CT-8-image-5 {
margin: 0 30% 5% 0;
width: 30.7%;
}
.CT-8-bloc-illustration-5 {
width: 90%;
}
.CT-8-bloc-illustration-6 {
width: 90%;
}
}
@media (max-width: 400px) {
.CT-8-image-3 {
margin: 30px 10% 50px 0;
width: 90%;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*////////////// RADsystem-pe01-particularites-RADLINE ///////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-9-bloc-illustration-1, .CT-9-bloc-illustration-2, .CT-9-bloc-illustration-3, .CT-9-bloc-illustration-4, .CT-9-bloc-illustration-5 {
float: left;
width: 100%;
padding: 20px;
margin: 30px 0;
box-sizing: border-box;
}
.CT-9-bloc-illustration-3, .CT-9-bloc-illustration-5 {
display: none;
}
.CT-9-image-1 {
box-sizing: border-box;
float: left;
margin: 2.5% 3% 0 0;
padding: 20px;
width: 27%;
}
.CT-9-image-2 {
float: left;
width: 70%;
}
.CT-9-image-3 {
width: 30%;
padding: 20px;
box-sizing: border-box;
margin: 30px auto;
}
.CT-9-encadre-1, .CT-9-encadre-2 {
clear: both;
width: 100%;
padding: 5px 20px;
background-color: #f0f0f0;
box-sizing: border-box;
margin: 30px 0;
}
.CT-9-image-4 {
margin: 0 auto;
width: 65%;
}
.CT-9-image-5 {
margin: 0 auto;
width: 70%;
}
.CT-9-image-6 {
margin: 0 auto;
width: 55%;
padding: 20px;
box-sizing: border-box;
}
.CT-9-image-6 img {
width: 100%;
}
.CT-9-image-6-1 {
display: none;
}
@media (max-width: 750px) {
.CT-9-image-1 {
box-sizing: border-box;
float: none;
margin: 0 auto;
padding: 20px;
width: 45%;
}
.CT-9-image-2 {
clear: both;
float: none;
margin: 30px auto 0;
width: 85%;
}
.CT-9-image-3 {
width: 45%;
}
.CT-9-image-4 {
width: 85%;
}
.CT-9-image-5 {
width: 85%;
}
.CT-9-image-6 {
width: 65%;
}
}
@media (max-width: 600px) {
.CT-9-image-1 {
width: 55%;
}
.CT-9-image-2 {
width: 100%;
}
.CT-9-image-3 {
width: 55%;
}
.CT-9-image-4 {
width: 100%;
}
.CT-9-image-5 {
width: 100%;
}
.CT-9-image-6 {
width: 75%;
}
}
@media (max-width: 500px) {
.CT-9-bloc-illustration-2, .CT-9-bloc-illustration-4 {
display: none;
}
.CT-9-bloc-illustration-3, .CT-9-bloc-illustration-5 {
display: block;
}
.CT-9-image-4-1, .CT-9-image-4-2, .CT-9-image-4-3 {
margin: 0 auto;
width: 60%;
}
.CT-9-image-4-1, .CT-9-image-4-2 {
margin: 0 auto 20px;
}
.CT-9-image-5-1, .CT-9-image-5-2, .CT-9-image-5-3 {
width: 80%;
margin: 0 auto;
}
.CT-9-image-5-1, .CT-9-image-5-2 {
margin: 0 auto 20px;
}
.CT-9-image-6 {
width: 100%;
}
}
@media (max-width: 400px) {
.CT-9-image-1 {
width: 70%;
}
.CT-9-image-3 {
width: 75%;
}
.CT-9-image-4-1, .CT-9-image-4-2, .CT-9-image-4-3 {
width: 80%;
}
.CT-9-image-5-1, .CT-9-image-5-2, .CT-9-image-5-3 {
width: 100%;
}
.CT-9-image-6 {
display: none;
}
.CT-9-image-6-1 {
display: block;
margin: 0 auto;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*////////////// RADsystem-pe02-progression-simultanee ///////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-10-bloc-illustration-1, .CT-10-bloc-illustration-2 {
margin: 7% 0;
}
.CT-10-bloc-gris {
float: left;
width: 100%;
background: #F0F0F0;
height: auto;
padding: 20px;
box-sizing: border-box;
margin: 8% 0 10%;
}
.CT-10-bloc-courbes-1, .CT-10-bloc-courbes-2, .CT-10-bloc-courbes-3 {
box-sizing: border-box;
float: left;
margin: 5% 0 8%;
padding: 20px;
width: 100%;
}
.CT-10-bloc-courbes-1 p, .CT-10-bloc-courbes-2 p, .CT-10-bloc-courbes-3 p {
margin: 5% 10%;
width: 80%;
}
.CT-10-bloc-illustration-3 {
float: left;
width: 40%;
height: auto;
margin: 7% 20px 7%;
}
.CT-10-bloc-illustration-4 {
float: left;
height: auto;
width: 40%;
margin: 7% 0;
}
.CT-10-illustration-3-1 {
margin-top: 4.1%;
width: 65%;
}
.CT-10-illustration-4-1 {
width: 84%;
}
.CT-10-video {
margin: 3% 0 0;
}
.CT-10-video + p {
margin: 3% 0 13%;
}
.CT-10-tableau-1 {
float: left;
width: 100%;
padding: 20px;
margin: 6% 0;
box-sizing: border-box;
}
.CT-10-tableau-2 {
float: left;
padding: 20px;
width: 100%;
display: none;
margin: 6% 0;
box-sizing: border-box;
}
.CT-10-tableau-1 p, .CT-10-tableau-2 p {
background-color: #f0f0f0;
border-radius: 10px;
box-sizing: border-box;
float: right;
margin: -60px 0 1%;
padding: 20px 10%;
text-align: center;
width: 97%;
}
.CT-10-fleche {
float: left;
margin: 10% 0 0;
position: relative;
width: 35px;
z-index: 10;
}
@media (max-width: 800px) {
.CT-10-tableau-1 {
display: none;
}
.CT-10-tableau-2 {
display: block;
}
.CT-10-tableau-2 img {
margin: 0 20%;
width: 60%;
}
}
@media (max-width: 800px) {
.CT-10-tableau-2 img {
margin: 0 20%;
width: 60%;
}
}
@media (max-width: 650px) {
.CT-10-bloc-courbes-1 p, .CT-10-bloc-courbes-2 p, .CT-10-bloc-courbes-3 p {
margin: 3% 0;
width: 100%;
}
.CT-10-tableau-2 img {
margin: 0 12.5%;
width: 75%;
}
}
@media (max-width: 500px) {
.CT-10-tableau-2 img {
margin: 0 10%;
width: 80%;
}
}
@media (max-width: 450px) {
.CT-10-tableau-2 img {
margin: 0 0;
width: 100%;
}
.CT-10-bloc-illustration-3 {
float: left;
height: auto;
margin: 7% 20px;
width: 70%;
}
.CT-10-bloc-illustration-4 {
clear: both;
float: left;
height: auto;
margin: -3% 20px 7%;
width: 70%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////// ABSORBICA-pe02 - Comprendre et optimiser le tirant d’air avec ABSORBICA I et Y ///////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-11-illustration-1 {
float: left;
width: 33%;
margin: 3% 0 5%;
}
.CT-11-bloc-illustration-1, .CT-11-bloc-illustration-2 {
clear: both;
float: left;
width: 100%;
position: relative;
margin: 5% 0;
}
.CT-11-illustration-2 {
float: left;
width: 36%;
margin: 0 2% 0 0;
}
.CT-11-illustration-2-2 {
display: none;
}
.CT-11-illustration-3 {
float: left;
width: 24%;
padding-top: 28%;
border-right: solid 1px #cccccc;
margin: 0 2% 0 -22%;
padding-right: 2%;
}
.CT-11-illustration-4 {
float: left;
width: 24%;
padding-top: 23.5%;
border-right: solid 1px #cccccc;
margin: 0 2% 0 0;
padding-right: 2%;
}
.CT-11-illustration-5 {
float: left;
width: 24%;
padding-top: 2.2%;
}
.CT-11-illustration-6 {
float: left;
width: 15%;
margin: 0 2% 0 0;
}
.CT-11-illustration-6 + p {
margin: 0% 0 5%;
}
.CT-11-illustration-7 {
float: left;
width: 24%;
padding-top: 0;
border-right: solid 1px #cccccc;
margin: 0 2% 0 0;
padding-right: 2%;
}
.CT-11-illustration-8 {
float: left;
width: 25.4%;
padding-top: 0;
border-right: solid 1px #cccccc;
margin: 0 2% 0 0;
padding-right: 2%;
}
.CT-11-illustration-9 {
float: left;
width: 24%;
padding-top: 0;
}
@media (max-width: 600px) {
.CT-11-illustration-1 {
float: left;
width: 47%;
margin: 3% 0 5%;
}
.CT-11-illustration-2 {
display: none;
}
.CT-11-illustration-2-2 {
display: block;
float: left;
width: 48%;
margin: 0;
}
.CT-11-illustration-3 {
float: left;
width: 40%;
border-right: none;
margin: 0 0 12% 28.5%;
padding: 0;
clear: both;
}
.CT-11-illustration-4 {
clear: both;
float: left;
width: 40%;
border-right: none;
margin: 0 0 12% 27%;
padding: 0;
}
.CT-11-illustration-5 {
clear: both;
float: left;
width: 40%;
padding-top: 0;
margin: 0 0 2% 27%;
}
.CT-11-illustration-6 {
float: left;
width: 20%;
margin: 0;
}
.CT-11-illustration-6 + p {
margin: 0% 0 5% 23%;
}
.CT-11-illustration-7 {
float: left;
width: 45%;
border-right: none;
margin: 0 0 14% 6%;
padding: 0;
}
.CT-11-illustration-8 {
clear: both;
float: left;
width: 45%;
border-right: none;
margin: 0 0 14% 25%;
padding: 0;
}
.CT-11-illustration-9 {
clear: both;
float: left;
width: 45%;
padding-top: 0;
margin: 0 0 2% 25%;
}
}
@media (max-width: 450px) {
.CT-11-illustration-1 {
float: left;
width: 60%;
margin: 3% 0 5%;
}
.CT-11-illustration-2-2 {
float: left;
width: 60%;
margin: 0;
}
.CT-11-illustration-3 {
float: left;
width: 50%;
border-right: none;
margin: 0 0 12% 28.5%;
padding: 0;
}
.CT-11-illustration-4 {
clear: both;
float: left;
width: 50%;
border-right: none;
margin: 0 0 12% 27%;
padding: 0;
}
.CT-11-illustration-5 {
clear: both;
float: left;
width: 50%;
padding-top: 0;
margin: 0 0 2% 27%;
}
.CT-11-illustration-6 {
float: left;
width: 25%;
margin: 0;
}
.CT-11-illustration-6 + p {
margin: 0% 0 5% 29%;
}
.CT-11-illustration-7 {
float: left;
width: 55%;
border-right: none;
margin: 0 0 14% 3%;
padding: 0;
}
.CT-11-illustration-8 {
clear: both;
float: left;
width: 55%;
border-right: none;
margin: 0 0 14% 25%;
padding: 0;
}
.CT-11-illustration-9 {
clear: both;
float: left;
width: 55%;
padding-top: 0;
margin: 0 0 2% 25%;
}
}
/*////////////////////////////////////////////////////////////*/
/*////////////// absorbica-pe06-chuteSurArrete ///////////////*/
/*////////////////////////////////////////////////////////////*/
.CT-12-illustration-1 {
float: left;
width: 20%;
margin: 5%;
}
.CT-12-texte-illustration-1 {
width: 60%;
float: left;
margin: 5% 0 0 0;
}
.CT-12-illustration-2 {
float: left;
width: 50%;
margin: 5% 0;
}
.CT-12-illustration-3 {
float: left;
width: 44.5%;
margin: 5% 0;
}
.CT-12-illustration-4 {
float: left;
width: 50%;
margin: 5% 0;
}
.CT-12-illustration-5 {
float: left;
width: 44.5%;
margin: 5% 0;
}
.CT-12-bloc-info {
float: left;
width: 100%;
}
.CT-12-picto-information-bulle {
float: left;
margin: 0 20px 15% 0;
width: 45px;
}
.CT-12-bloc-info p {
margin: 0;
}
@media (max-width: 700px) {
.CT-12-texte-illustration-1 {
width: 60%;
float: left;
margin: 0;
}
.CT-12-illustration-1 {
float: left;
width: 30%;
margin: 5%;
}
.CT-12-illustration-2 {
float: left;
width: 75%;
margin: 5% 0;
}
.CT-12-illustration-3 {
float: left;
width: 68%;
margin: -10% 0 13% 7%;
}
.CT-12-illustration-4 {
float: left;
width: 75%;
margin: 5% 0;
}
.CT-12-illustration-5 {
float: left;
width: 68%;
margin: -10% 0 13% 7%;
}
.CT-12-picto-information-bulle {
float: left;
margin: 0 20px 35% 0;
width: 45px;
}
}
@media (max-width: 450px) {
.CT-12-texte-illustration-1 {
width: 100%;
float: left;
margin: 0;
}
.CT-12-illustration-1 {
float: left;
width: 50%;
margin: 5%;
}
.CT-12-illustration-2 {
float: left;
width: 95%;
margin: 5% 0;
}
.CT-12-illustration-3 {
float: left;
width: 88%;
margin: -10% 0 13% 7%;
}
.CT-12-illustration-4 {
float: left;
width: 95%;
margin: 5% 0;
}
.CT-12-illustration-5 {
float: left;
width: 88%;
margin: -10% 0 13% 7%;
}
.CT-12-picto-information-bulle {
float: left;
margin: 0 20px 2% 0;
width: 45px;
}
.CT-12-bloc-info p {
clear: both;
float: left;
margin: 0;
}
}
/*///////////////////////////////////////////////////////////////////////////////*/
/*////////////// ABSORBICA-pe12 - Connexion de MGO à la structure ///////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
.CT-13-illustration-1 {
float: left;
width: 80%;
margin: -5% 0 -10% -25%;
}
.CT-13-bloc-illustration-1, .CT-13-bloc-illustration-2, .CT-13-bloc-illustration-3, .CT-13-bloc-illustration-4, .CT-13-bloc-illustration-5, .CT-13-bloc-illustration-6 {
width: 100%;
float: left;
}
.CT-13-illustration-2, .CT-13-illustration-3, .CT-13-illustration-4, .CT-13-illustration-5, .CT-13-illustration-6, .CT-13-illustration-7, .CT-13-illustration-8, .CT-13-illustration-10 {
float: left;
width: 27%;
margin: 5% 5% 5% 0;
}
.CT-13-illustration-9 {
float: left;
width: 100%;
margin: 5% 0;
}
.CT-13-illustration-11 {
float: left;
width: 75%;
margin: 5% 0 0;
}
.CT-13-bloc-illustration-2 h2, .CT-13-bloc-illustration-3 h2, .CT-13-bloc-illustration-4 h2, .CT-13-bloc-illustration-5 h2, .CT-13-bloc-illustration-6 h2 {
float: left;
width: 68%;
}
.CT-13-bloc-illustration-2 p, .CT-13-bloc-illustration-3 p, .CT-13-bloc-illustration-4 p, .CT-13-bloc-illustration-5 p, .CT-13-bloc-illustration-6 p {
float: left;
width: 68%;
}
.CT-13-bloc-gris {
float: left;
box-sizing: border-box;
padding: 20px;
border-radius: 8px;
background-color: rgba(246, 246, 246, 1);
margin: 5% 0;
}
.CT-13-bloc-illustration-7 {
margin: 5% 0 0 0;
width: 68%;
float: left;
}
@media (max-width: 600px) {
.CT-13-illustration-1 {
float: left;
width: 120%;
margin: -15% 0 -10% -40%;
}
.CT-13-illustration-2, .CT-13-illustration-3, .CT-13-illustration-4, .CT-13-illustration-5, .CT-13-illustration-6, .CT-13-illustration-7, .CT-13-illustration-8, .CT-13-illustration-10 {
width: 45%;
}
.CT-13-bloc-illustration-1, .CT-13-bloc-illustration-2, .CT-13-bloc-illustration-3, .CT-13-bloc-illustration-4, .CT-13-bloc-illustration-5, .CT-13-bloc-illustration-6 {
margin-bottom: 5%;
}
.CT-13-bloc-illustration-1 h2, .CT-13-bloc-illustration-2 h2, .CT-13-bloc-illustration-3 h2, .CT-13-bloc-illustration-4 h2, .CT-13-bloc-illustration-5 h2, .CT-13-bloc-illustration-6 h2 {
width: 100%;
}
.CT-13-bloc-illustration-1 p, .CT-13-bloc-illustration-2 p, .CT-13-bloc-illustration-3 p, .CT-13-bloc-illustration-4 p, .CT-13-bloc-illustration-5 p, .CT-13-bloc-illustration-6 p {
width: 100%;
}
.CT-13-bloc-illustration-7 {
margin: 0;
width: 100%;
}
.CT-13-illustration-11 {
width: 100%;
}
}
/*///////////////////////////////////////////////////////////*/
/*////////////// alpinisme-approche-glaciaire ///////////////*/
/*///////////////////////////////////////////////////////////*/
.CT-14-illustration-1, .CT-14-illustration-1-2, .CT-14-illustration-2, .CT-14-illustration-2-2, .CT-14-illustration-3, .CT-14-illustration-4, .CT-14-illustration-4-2, .CT-14-illustration-5, .CT-14-illustration-6, .CT-14-illustration-7, .CT-14-illustration-8 {
float: left;
}
.CT-14-illustration-1-2, .CT-14-illustration-2-2, .CT-14-illustration-4-2 {
display: none;
}
.CT-14-illustration-1 {
width: 60%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-2 {
width: 60%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-3 {
width: 60%;
margin: 5% 0 7% 0%;
box-sizing: border-box;
padding: 20px;
}
.CT-14-illustration-4 {
width: 72%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-5 {
width: 50%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-6 {
width: 50%;
margin: 0 0 5% 30%;
padding: 20px;
box-sizing: border-box;
}
.CT-14-illustration-7 {
width: 51%;
margin: 5% 0 5% 10%;
}
.CT-14-illustration-8 {
width: 50%;
margin: 0 0 5% 30%;
box-sizing: border-box;
padding: 20px;
}
@media (max-width: 800px) {
.CT-14-illustration-1 {
width: 80%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-2 {
width: 80%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-3 {
width: 60%;
margin: 5% 0 7% 0%;
box-sizing: border-box;
padding: 20px;
}
.CT-14-illustration-4 {
width: 90%;
margin: 7% 0 5% 5%;
}
.CT-14-illustration-5 {
width: 60%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-6 {
width: 60%;
margin: 0 0 5% 30%;
padding: 20px;
box-sizing: border-box;
}
.CT-14-illustration-7 {
width: 60%;
margin: 5% 0 5% 10%;
}
.CT-14-illustration-8 {
width: 60%;
margin: 0 0 5% 30%;
box-sizing: border-box;
padding: 20px;
}
}
@media (max-width: 500px) {
.CT-14-illustration-1-2, .CT-14-illustration-2-2, .CT-14-illustration-4-2 {
display: block;
}
.CT-14-illustration-1, .CT-14-illustration-2, .CT-14-illustration-4 {
display: none;
}
.CT-14-illustration-1-2 {
width: 80%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-2-2 {
width: 80%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-3 {
width: 100%;
margin: 5% 0 7% 0%;
box-sizing: border-box;
padding: 20px;
}
.CT-14-illustration-4-2 {
width: 90%;
margin: 7% 0 5% 5%;
}
.CT-14-illustration-5 {
width: 75%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-6 {
width: 70%;
margin: 0 0 5% 30%;
padding: 20px;
box-sizing: border-box;
}
.CT-14-illustration-7 {
width: 75%;
margin: 7% 0 5% 10%;
}
.CT-14-illustration-8 {
width: 70%;
margin: 0 0 5% 30%;
box-sizing: border-box;
padding: 20px;
}
}
@media (max-width: 400px) {
.CT-14-illustration-1-2 {
width: 95%;
margin: 7% 0 5% 2.5%;
}
.CT-14-illustration-2-2 {
width: 95%;
margin: 7% 0 5% 2.5%;
}
.CT-14-illustration-3 {
width: 100%;
margin: 5% 0 7% 0%;
box-sizing: border-box;
padding: 20px;
}
.CT-14-illustration-4-2 {
width: 100%;
margin: 7% 0 5% 0%;
}
.CT-14-illustration-5 {
width: 85%;
margin: 7% 0 5% 7%;
}
.CT-14-illustration-6 {
width: 100%;
margin: 0 0 5% 0;
padding: 10%;
box-sizing: border-box;
}
.CT-14-illustration-7 {
width: 85%;
margin: 7% 0 5% 7%;
}
.CT-14-illustration-8 {
width: 100%;
margin: 0 0 5% 0;
padding: 10%;
box-sizing: border-box;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////// ASAP - Contre-assurage d'une personne avec ASAP à l'ancrage ///////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/
.CT-15-illustration-1, .CT-15-illustration-2, .CT-15-illustration-3, .CT-15-illustration-4 {
float: left;
}
.CT-15-illustration-1 {
width: 35%;
margin: 7% 9% 10% 0;
}
.CT-15-illustration-2 {
width: 42%;
margin: 7% 0 10%;
}
.CT-15-illustration-3 {
width: 39%;
margin: 7% 5% 10% 0;
}
.CT-15-illustration-4 {
width: 40%;
margin: 7% 0 10%;
}
@media (max-width: 800px) {
.CT-15-illustration-4 {
width: 55%;
margin: 7% 0 10%;
}
}
@media (max-width: 550px) {
.CT-15-illustration-1 {
width: 60%;
margin: 7% 9% 10% 15%;
}
.CT-15-illustration-2 {
width: 75%;
margin: 7% 0 10% 12%;
}
.CT-15-illustration-3 {
width: 68%;
margin: 7% 5% 10% 15%;
}
.CT-15-illustration-4 {
width: 60%;
margin: -26% 0 10%;
}
}
@media (max-width: 450px) {
.CT-15-illustration-4 {
width: 80%;
margin: -5% 0 0 10%;
}
}
/*///////////////////////////////////////////////////*/
/*////////////// CORDES-chute-efforts ///////////////*/
/*///////////////////////////////////////////////////*/
.CT-16-illustration-1, .CT-16-illustration-2, .CT-16-illustration-3, .CT-16-illustration-4 {
float: left;
width: 47%;
margin: 6% 6% 5% 2%;
}
.CT-16-bloc-texte-1, .CT-16-bloc-texte-2, .CT-16-bloc-texte-3 {
float: left;
width: 45%;
margin: 2% 0 5%;
}
.CT-16-bloc-gris-1, .CT-16-bloc-gris-2, .CT-16-bloc-gris-3, .CT-16-bloc-gris-4 {
background-color: #ECECED;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px;
float: left;
width: 100%;
margin: 5% 0 1%;
box-sizing: border-box;
}
.CT-16-bloc-gris-2 {
margin: 5% 0 5%;
}
.CT-16-bloc-gris-3 {
margin: 5% 0 3%;
}
.CT-16-bloc-gris-4 {
width: 100%;
float: left;
margin: 1% 0 1%;
}
.CT-16-bloc-gris-1 h3, .CT-16-bloc-gris-2 h3, .CT-16-bloc-gris-3 h3, .CT-16-bloc-gris-4 h3 {
margin: 0% 0;
}
.CT-16-hr {
margin: 30px 0;
}
@media (max-width: 700px) {
.CT-16-illustration-1, .CT-16-illustration-2, .CT-16-illustration-3, .CT-16-illustration-4 {
float: left;
width: 60%;
margin: 6% 6% 2% 2%;
}
.CT-16-bloc-texte-1, .CT-16-bloc-texte-2, .CT-16-bloc-texte-3 {
float: left;
width: 100%;
margin: 2% 0 5%;
}
}
@media (max-width: 550px) {
.CT-16-illustration-1, .CT-16-illustration-2, .CT-16-illustration-3, .CT-16-illustration-4 {
float: left;
width: 80%;
margin: 6% 6% 2% 9%;
}
}
@media (max-width: 400px) {
.CT-16-illustration-1, .CT-16-illustration-2, .CT-16-illustration-3, .CT-16-illustration-4 {
float: left;
width: 100%;
margin: 6% 0 2% 0;
}
}
/*//////////////////////////////////////////////////////////////*/
/*////////////// CORDES-chute-influence-appareil ///////////////*/
/*//////////////////////////////////////////////////////////////*/
.CT-17.videocontainer {
margin: 5% 0;
}
.CT-17-illustration-1, .CT-17-illustration-2, .CT-17-illustration-3 {
float: left;
width: 30%;
margin: 5% 3% 5% 0;
}
.CT-17-illustration-4 {
float: left;
width: 15%;
margin: 0% 0 5%;
}
@media (max-width: 800px) {
.CT-17-illustration-1, .CT-17-illustration-2, .CT-17-illustration-3 {
width: 49%;
margin: 5% 2% 0% 25%;
}
.CT-17-illustration-4 {
width: 20%;
margin: 5% 0 5% 28%;
}
}
@media (max-width: 550px) {
.CT-17-illustration-1, .CT-17-illustration-2, .CT-17-illustration-3 {
width: 60%;
margin: 5% 0% 0% 20%;
}
.CT-17-illustration-4 {
width: 25%;
margin: 5% 0 5% 23%;
}
}
@media (max-width: 450px) {
.CT-17-illustration-1, .CT-17-illustration-2, .CT-17-illustration-3 {
width: 80%;
margin: 5% 0% 0% 10%;
}
.CT-17-illustration-4 {
width: 35%;
margin: 9% 0 8% 13%;
}
}
@media (max-width: 350px) {
.CT-17-illustration-1, .CT-17-illustration-2, .CT-17-illustration-3 {
width: 100%;
margin: 5% 0% 0% 0%;
}
.CT-17-illustration-4 {
width: 43%;
margin: 9% 0 10% 0%;
}
}
/*///////////////////////////////////////////////////*/
/*////////////// CORDES-chute-theorie ///////////////*/
/*///////////////////////////////////////////////////*/
.CT-18-illustration-1, .CT-18-illustration-2, .CT-18-illustration-2-2, .CT-18-illustration-3 {
float: left;
}
.CT-18-illustration-1 {
width: 30%;
margin: 5% 8%;
}
.CT-18-illustration-2 {
width: 65%;
margin: 7% 5% 5%;
}
.CT-18-illustration-2-2 {
width: 60%;
display: none;
}
.CT-18-illustration-3 {
width: 30%;
margin: 5% 8%;
}
.CT-18-tableau-1 {
float: left;
width: 53%;
margin: 26% 0 7%;
}
.CT-18-tableau-2 {
float: left;
width: 25%;
margin: 5% 0 0;
}
.CT-18-tableau-3 {
float: left;
width: 53%;
margin: 17% 0 0%;
}
@media (max-width: 800px) {
.CT-18-illustration-1 {
width: 40%;
margin: 5% 3% 5% 6%;
}
.CT-18-tableau-1 {
float: left;
width: 51%;
margin: 46% 0 7%;
}
.CT-18-illustration-2 {
width: 85%;
margin: 7% 7% 5%;
}
.CT-18-tableau-2 {
float: left;
width: 100%;
margin: 0% 0 0;
}
.CT-18-illustration-3 {
width: 40%;
margin: 5% 3% 5% 6%;
}
.CT-18-tableau-3 {
float: left;
width: 51%;
margin: 36% 0 7%;
}
}
@media (max-width: 550px) {
.CT-18-illustration-1 {
width: 60%;
margin: 5% 3% 5% 20%;
}
.CT-18-tableau-1 {
width: 100%;
margin: 10% 0 0%;
}
.CT-18-illustration-2 {
display: none;
}
.CT-18-illustration-2-2 {
display: block;
width: 70%;
margin: 5% 3% 5% 15%;
}
.CT-18-tableau-2 {
width: 100%;
margin: 0% 0 0;
}
.CT-18-illustration-3 {
width: 60%;
margin: 5% 3% 5% 20%;
}
.CT-18-tableau-3 {
width: 100%;
margin: 10% 0 0%;
}
}
@media (max-width: 400px) {
.CT-18-illustration-1 {
width: 80%;
margin: 10% 3% 10% 10%;
}
.CT-18-illustration-2-2 {
display: block;
width: 100%;
margin: 10% 3% 10% 0%;
}
.CT-18-illustration-3 {
width: 80%;
margin: 10% 3% 10% 10%;
}
}
/*//////////////////////////////////////////////////*/
/*////////////// CORDES-chute-tirage ///////////////*/
/*//////////////////////////////////////////////////*/
.CT-19-illustration-1, .CT-19-illustration-1-2, .CT-19-illustration-2 {
float: left;
}
.CT-19-illustration-1 {
width: 85%;
margin: 5% 0 2%;
}
.CT-19-illustration-1-2 {
display: none;
}
.CT-19-illustration-2 {
width: 100%;
margin: 0% 0% 10% 0;
}
.CT-19-bloc-texte-1 {
float: left;
margin: 0;
width: 55%;
}
.CT-19-legende {
clear: both;
float: left;
}
.CT-19-bloc-illustration-1 {
float: left;
width: 40%;
margin: 0% 5% 5% 0;
}
.TC-19.videocontainer {
margin: 5% 0;
}
@media (max-width: 800px) {
.CT-19-illustration-1 {
width: 100%;
margin: 5% 0 7%;
}
.TC-19.videocontainer {
margin: 7% 0;
}
.CT-19-bloc-illustration-1 {
width: 50%;
margin: 5% 5% 5% 0;
}
.CT-19-bloc-texte-1 {
margin: 5% 0;
width: 45%;
}
.CT-19-illustration-2 {
width: 100%;
margin: 0% 0% 5% 0;
}
}
@media (max-width: 500px) {
.CT-19-illustration-1 {
display: none;
}
.CT-19-illustration-1-2 {
display: block;
width: 60%;
margin: 7% 0 10% 20%;
}
.CT-19-bloc-illustration-1 {
width: 60%;
margin: 5% 5% 5% 20%;
}
.CT-19-bloc-texte-1 {
margin: 0% 0;
width: 100%;
}
.CT-19-illustration-2 {
width: 100%;
margin: 0% 0% 3% 0;
}
}
@media (max-width: 400px) {
.CT-19-illustration-1 {
display: none;
}
.CT-19-illustration-1-2 {
display: block;
width: 80%;
margin: 7% 0 10% 10%;
}
.CT-19-bloc-illustration-1 {
width: 80%;
margin: 5% 5% 5% 10%;
}
.CT-19-bloc-texte-1 {
margin: 0% 0;
width: 100%;
}
.CT-19-illustration-2 {
width: 100%;
margin: 0% 0% 3% 0;
}
}
/*////////////////////////////////////////////////*/
/*////////////// CORDES-force-choc ///////////////*/
/*////////////////////////////////////////////////*/
.CT-20-illustration-1 {
float: left;
width: 23%;
margin: 5% 5% 0 0;
}
.CT-20-texte-1 {
float: left;
width: 72%;
margin: 5% 0% 0 0;
}
@media (max-width: 800px) {
.CT-20-illustration-1 {
float: left;
width: 30%;
margin: 5% 5% 0 0;
}
.CT-20-texte-1 {
float: left;
width: 65%;
margin: 5% 0% 0 0;
}
}
@media (max-width: 600px) {
.CT-20-illustration-1 {
float: left;
width: 45%;
margin: 5% 5% 0 0;
}
.CT-20-texte-1 {
float: left;
width: 50%;
margin: 5% 0% 0 0;
}
}
@media (max-width: 450px) {
.CT-20-illustration-1 {
float: left;
width: 60%;
margin: 5% 0% 0 17%;
}
.CT-20-texte-1 {
float: left;
width: 100%;
margin: 5% 0% 0 0;
}
}
/*/////////////////////////////////////////////*/
/*////////////// CORDES-dangers ///////////////*/
/*/////////////////////////////////////////////*/
.CT-21-illustration-1, .CT-21-illustration-1-2, .CT-21-illustration-2, .CT-21-illustration-3, .CT-21-illustration-4, .CT-21-illustration-5, .CT-21-illustration-6, .CT-21-illustration-6-2, .CT-21-illustration-6-3, .CT-21-illustration-7, .CT-21-illustration-8, .CT-21-illustration-8-2 {
float: left;
}
.CT-21-illustration-1-2, .CT-21-illustration-6-2, .CT-21-illustration-6-3, .CT-21-illustration-8-2 {
display: none;
}
.CT-21-texte-1, .CT-21-texte-2, .CT-21-texte-3, .CT-21-texte-4, .CT-21-texte-5, .CT-21-texte-6 {
float: left;
}
.CT-21-texte-1 {
width: 30%;
margin: 5% 5% 5% 0;
}
.CT-21-illustration-1 {
width: 40%;
margin: 5% 0 0 0;
}
.CT-21-texte-2 {
width: 30%;
margin: 0% 5% 0% 0;
}
.CT-21-illustration-2 {
width: 32%;
margin: 3% 0 0 0;
}
.CT-21-texte-3 {
width: 25%;
margin: 0% 5% 0% 0;
}
.CT-21-illustration-3 {
width: 24%;
margin: 5% 0 0 0;
}
.CT-21-illustration-4 {
width: 11%;
margin: 5% 2% 0 2%;
}
.CT-21-illustration-5 {
width: 23.5%;
margin: 5% 0 0 0;
}
.CT-21-texte-4 {
width: 30%;
margin: 0% 5% 0% 0;
}
.CT-21-illustration-6 {
width: 100%;
margin: 5% 0 0 0;
}
.CT-21-texte-5 {
width: 30%;
margin: 0% 5% 0% 0;
}
.CT-21-illustration-7 {
width: 40%;
margin: 0% 0 0 0;
}
.CT-21-texte-6 {
width: 30%;
margin: 0% 5% 0% 0;
}
.CT-21-illustration-8 {
width: 65%;
margin: 2% 0 0 0;
}
.CT-21-illustration-8-2 {
width: 100%;
margin: 5% 0 0 0;
}
.CT-21-hr {
float: left;
width: 100%;
margin: 30px 0;
}
@media (max-width: 800px) {
.CT-21-illustration-1 {
width: 55%;
margin: 5% 0 0 0;
}
.CT-21-illustration-2 {
width: 45%;
margin: 0% 0 0 0;
}
.CT-21-texte-3 {
width: 100%;
margin: 0% 5% 0% 0;
}
.CT-21-illustration-3 {
width: 32%;
margin: 5% 0 0 0;
}
.CT-21-illustration-4 {
width: 17%;
margin: 5% 2% 0 8%;
}
.CT-21-illustration-5 {
width: 31%;
margin: 5% 0 0 0;
}
.CT-21-illustration-6 {
display: none;
}
.CT-21-illustration-6-2 {
display: block;
width: 60%;
margin: 0% 0 0 0;
}
.CT-21-illustration-7 {
width: 55%;
margin: 0% 0 0 0;
}
.CT-21-texte-6 {
width: 100%;
margin: 0% 0% 0% 0;
}
.CT-21-illustration-8 {
width: 100%;
margin: 2% 0 0 0;
}
}
@media (max-width: 550px) {
.CT-21-texte-1 {
width: 100%;
margin: 5% 5% 5% 0;
}
.CT-21-illustration-1-2 {
display: block;
width: 50%;
margin: 0% 0 0 25%;
}
.CT-21-texte-2 {
width: 100%;
margin: 0% 5% 0% 0;
}
.CT-21-illustration-1 {
display: none;
}
.CT-21-illustration-2 {
width: 60%;
margin: 0% 0 0 20%;
}
.CT-21-illustration-3 {
width: 43%;
margin: 5% 0 0 27%;
}
.CT-21-illustration-4 {
width: 25%;
margin: 5% 2% 0 37%;
clear: both;
}
.CT-21-illustration-5 {
width: 43%;
margin: 10% 0 0 27%;
clear: both;
}
.CT-21-texte-4 {
width: 100%;
margin: 0% 5% 0% 0;
}
.CT-21-texte-5 {
width: 100%;
margin: 0% 0% 0% 0;
}
.CT-21-illustration-6-2 {
width: 80%;
margin: 7% 0 0 10%;
}
.CT-21-illustration-7 {
width: 65%;
margin: 0% 0 0 22%;
}
.CT-21-illustration-8 {
display: none;
}
.CT-21-illustration-8-2 {
display: block;
width: 45%;
margin: 5% 0 0 27%;
}
}
@media (max-width: 400px) {
.CT-21-illustration-1-2 {
display: block;
width: 70%;
margin: 0% 0 0 15%;
}
.CT-21-illustration-2 {
width: 80%;
margin: 0% 0 0 10%;
}
.CT-21-illustration-3 {
width: 60%;
margin: 5% 0 0 20%;
}
.CT-21-illustration-4 {
width: 35%;
margin: 5% 2% 0 32%;
}
.CT-21-illustration-5 {
width: 60%;
margin: 10% 0 0 20%;
clear: both;
}
.CT-21-illustration-6-2 {
display: none;
}
.CT-21-illustration-6-3 {
display: block;
width: 60%;
margin: 7% 0 0 20%;
}
.CT-21-texte-5 {
width: 100%;
margin: 0% 5% 0% 0;
}
.CT-21-illustration-7 {
width: 90%;
margin: 0% 0 0 5%;
}
.CT-21-illustration-8-2 {
width: 60%;
margin: 0% 0 0 20%;
}
}
/*////////////////////////////////////////////////////////*/
/*////////////// CORDES-force-choc-tableau ///////////////*/
/*////////////////////////////////////////////////////////*/
.CT-22-tableau-1 {
display: block;
}
.CT-22-tableau-2 {
display: none;
font-size: 12px;
}
.CT-22-tableau-1 img, .CT-22-tableau-2 img {
max-width: 25px;
}
@media (max-width: 420px) {
.CT-22-tableau-1 {
display: none;
}
.CT-22-tableau-2 {
display: block;
}
.CT-22-tableau-2 table {
font-size: 11px;
}
}
/*////////////////////////////////////////////*/
/*////////////// CORDES-pliage ///////////////*/
/*////////////////////////////////////////////*/
.CT-23.avantages {
margin: 5% 0 0 0;
}
.CT-23.inconvenients {
margin: 0 0 5% 0;
}
.CT-23.avantages li, .CT-23.inconvenients li {
margin: 0 0 0 0;
}
.CT-23.videocontainer {
margin: 25px 0;
}
/*/////////////////////////////////////////////////*/
/*////////////// CORDES-precautions ///////////////*/
/*/////////////////////////////////////////////////*/
.CT-24-illustration-1, .CT-24-illustration-2, .CT-24-illustration-3, .CT-24-illustration-4, .CT-24-illustration-4-2, .CT-24-illustration-4-3, .CT-24-illustration-5, .CT-24-illustration-6, .CT-24-illustration-7, .CT-24-illustration-7-2, .CT-24-illustration-8, .CT-24-illustration-8-2, .CT-24-illustration-8-3, .CT-24-illustration-9, .CT-24-illustration-9-2, .CT-24-texte-1, .CT-24-texte-2, .CT-24-texte-3, .CT-24-texte-4 {
float: left;
}
.CT-24-illustration-4-2, .CT-24-illustration-4-3, .CT-24-illustration-7-2, .CT-24-illustration-8-2, .CT-24-illustration-8-3, .CT-24-illustration-9-2 {
display: none;
}
.CT-24-illustration-1 {
width: 130px;
box-sizing: border-box;
padding: 30px;
margin: 5% 5% 5% 0;
}
.CT-24-illustration-2 {
width: 45%;
margin: 3% 0 0 0;
}
.CT-24-illustration-3 {
width: 130px;
box-sizing: border-box;
padding: 13px;
margin: 3% 5% 5% 0;
}
.CT-24-illustration-4 {
width: 65%;
margin: 3% 0 0 0;
}
.CT-24-illustration-5 {
width: 130px;
box-sizing: border-box;
padding: 25px;
margin: 3% 5% 5% 0;
}
.CT-24-illustration-6 {
width: 130px;
box-sizing: border-box;
padding: 30px;
margin: 3% 5% 5% 0;
}
.CT-24-illustration-7 {
width: 85%;
margin: 3% 0 0 7%;
}
.CT-24-illustration-8 {
width: 85%;
margin: 3% 0 0 7%;
}
.CT-24-illustration-9 {
width: 75%;
margin: 3% 0 0 0%;
}
.CT-24-texte-1 {
width: calc(95% - 130px);
margin: 2% 0 0 0;
}
.CT-24-texte-2 {
width: calc(95% - 130px);
margin: 0;
}
.CT-24-texte-3 {
width: 25%;
margin: 10% 0 0 0;
}
.CT-24-texte-4 {
width: 25%;
margin: 7% 0 0 0;
}
.CT-24-hr {
margin: 30px 0;
float: left;
width: 100%;
}
@media (max-width: 700px) {
.CT-24-illustration-2 {
clear: both;
width: 65%;
}
.CT-24-illustration-4 {
display: none;
}
.CT-24-illustration-4-2 {
display: block;
width: calc(75% - 130px);
}
.CT-24-illustration-7 {
display: none;
}
.CT-24-illustration-7-2 {
display: block;
width: 30%;
margin: 0 0 0 33%;
}
.CT-24-illustration-8 {
display: none;
}
.CT-24-illustration-8-2 {
display: block;
width: 70%;
margin: 0 0 0 15%;
}
.CT-24-illustration-9 {
width: 100%;
margin: 3% 0 0 0%;
}
}
@media (max-width: 500px) {
.CT-24-illustration-4-2 {
display: block;
width: calc(90% - 130px);
}
.CT-24-illustration-7-2 {
display: block;
width: 40%;
margin: 0 0 0 27%;
}
.CT-24-illustration-8-2 {
display: block;
width: 90%;
margin: 0 0 0 5%;
}
.CT-24-illustration-9 {
display: none;
}
.CT-24-illustration-9-2 {
display: block;
width: 60%;
margin: 3% 0 0 0%;
}
.CT-24-texte-3 {
width: calc(95% - 130px);
margin: 10% 0 0 0;
}
.CT-24-texte-4 {
width: calc(95% - 130px);
margin: 7% 0 0 0;
}
}
@media (max-width: 400px) {
.CT-24-illustration-1 {
width: 100px;
box-sizing: border-box;
padding: 20px;
margin: 5% 5% 5% 0;
}
.CT-24-illustration-3 {
width: 100px;
box-sizing: border-box;
padding: 10px;
margin: 3% 5% 5% 0;
}
.CT-24-texte-1 {
width: calc(95% - 100px);
margin: 2% 0 0 0;
}
.CT-24-texte-2 {
width: calc(95% - 100px);
margin: 0;
}
.CT-24-texte-3 {
width: calc(95% - 100px);
margin: 10% 0 0 0;
}
.CT-24-texte-4 {
width: calc(95% - 100px);
margin: 7% 0 0 0;
}
.CT-24-illustration-2 {
clear: both;
width: 80%;
}
.CT-24-illustration-4-2 {
display: none;
}
.CT-24-illustration-4-3 {
display: block;
width: calc(90% - 100px);
}
.CT-24-illustration-5 {
width: 100px;
box-sizing: border-box;
padding: 20px;
margin: 3% 5% 5% 0;
}
.CT-24-illustration-6 {
width: 100px;
box-sizing: border-box;
padding: 22px;
margin: 3% 5% 5% 0;
}
.CT-24-illustration-7-2 {
display: block;
width: 60%;
margin: 0 0 0 20%;
}
.CT-24-illustration-8-2 {
display: none;
}
.CT-24-illustration-8-3 {
display: block;
width: 63%;
margin: 0 0 0 19%;
}
.CT-24-illustration-9-2 {
display: block;
width: 75%;
margin: 3% 0 0 0%;
}
}
/*///////////////////////////////////////////////////////*/
/*////////////// auto-assurage-5-Annexe 1 ///////////////*/
/*///////////////////////////////////////////////////////*/
.CT-25-bloc-photos-1 {
float: left;
padding: 20px 20px 5% 20px;
;
border-radius: 10px;
margin: 3% 0 0 0;
}
.CT-25-bloc-photos-1 p {
float: left;
width: 60%;
margin: 0 0 2% 0;
}
.CT-25-bloc-photos-1 p:first-child {
float: left;
width: 100%;
margin: 0 0 0 0;
}
.CT-25-bloc-photo {
float: left;
width: 100%;
margin: 5% 0 0 0;
}
.CT-25-photo {
float: left;
width: 16%;
margin: 0 2% 0 0;
}
.CT-25-photo-5 {
float: left;
width: 16%;
margin: 0 2% 10% 0;
}
@media (max-width: 700px) {
.CT-25-photo {
float: left;
width: 20%;
margin: 0 2% 0 0;
}
.CT-25-photo-5 {
float: left;
width: 20%;
margin: 0 2% 20% 0;
}
}
@media (max-width: 500px) {
.CT-25-bloc-photos-1 p {
float: left;
width: 73%;
margin: 0 0 2% 0;
}
.CT-25-photo {
float: left;
width: 25%;
margin: 0 2% 0 0;
}
.CT-25-photo-5 {
float: left;
width: 25%;
margin: 0 2% 30% 0;
}
}
@media (max-width: 400px) {
.CT-25-bloc-photos-1 p {
float: left;
width: 100%;
margin: 0 0 2% 0;
clear: both;
}
.CT-25-photo {
float: left;
width: 40%;
margin: 5% 0 5% 0;
}
.CT-25-photo-5 {
float: left;
width: 40%;
margin: 5% 0 5% 0;
}
}
/*//////////////////////////////////////////////////////*/
/*////////////// auto-assurage-6-annexe2 ///////////////*/
/*//////////////////////////////////////////////////////*/
.CT-26-illustration-1 {
float: left;
margin: 5% 0;
width: 55%;
padding: 0 10%;
}
.CT-26-illustration-1-2 {
float: left;
display: none;
}
.CT-26-illustration-2 {
float: left;
box-sizing: border-box;
padding: 5px;
margin: -52% 0 0 -12%;
width: 30%;
background-color: #ffffff;
position: relative;
}
.CT-26-illustration-3 {
float: left;
width: 45%;
margin: 0% 5% 3% 0;
}
.CT-26-illustration-3-2 {
float: left;
display: none;
width: 100%;
margin: 5% 0;
}
.CT-26-picto-attention {
float: left;
height: 47px;
width: 50px;
margin: 2%;
}
@media (max-width: 800px) {
.CT-26-illustration-1 {
float: left;
margin: 5% 0;
width: 65%;
padding: 0 10%;
}
.CT-26-illustration-3 {
float: left;
width: 60%;
margin: 0% 5% 3% 0;
}
}
@media (max-width: 650px) {
.CT-26-illustration-1 {
float: left;
margin: 5% 0;
width: 80%;
padding: 0 5% 0 15%;
}
.CT-26-illustration-3 {
float: left;
width: 90%;
margin: 0% 5% 3% 5%;
}
.CT-26-texte-1 {
clear: both;
float: left;
}
}
@media (max-width: 500px) {
.CT-26-tableau table, .CT-26-tableau p {
font-size: 12px;
}
}
@media (max-width: 400px) {
.CT-26-illustration-1 {
display: none;
}
.CT-26-illustration-1-2 {
float: left;
display: block;
width: 100%;
}
.CT-26-illustration-2 {
float: left;
box-sizing: border-box;
padding: 5px 20px 5px 5px;
margin: 0% 0 2% 24.5%;
width: 37%;
background-color: #ffffff;
position: relative;
}
.CT-26-illustration-3 {
display: none;
}
.CT-26-illustration-3-2 {
display: block;
float: left;
width: 100%;
margin: 5% 0;
}
.CT-26-tableau table, .CT-26-tableau p {
font-size: 10px;
line-height: 11px;
}
.CT-26-tableau table tr td {
padding-left: 3px;
}
.CT-26-picto-attention {
float: left;
height: auto;
width: 30px;
margin: 2%;
}
}
/*//////////////////////////////////////////////////////*/
/*////////////// auto-assurage-7-annexe3 ///////////////*/
/*//////////////////////////////////////////////////////*/
.CT-27-illustration-1 {
float: left;
margin: 5% 0;
width: 55%;
padding: 0 10%;
}
.CT-27-illustration-1-2 {
float: left;
display: none;
}
.CT-27-illustration-2 {
float: left;
box-sizing: border-box;
padding: 5px;
margin: -47% 0 0 -12%;
width: 30%;
background-color: #ffffff;
position: relative;
}
.CT-27-illustration-3 {
float: left;
width: 45%;
margin: 0% 5% 3% 0;
}
.CT-27-illustration-3-2 {
float: left;
display: none;
width: 100%;
margin: 5% 0;
}
.CT-27-video {
margin: 2% 0 5%;
}
.CT-27-illustration-4 {
float: left;
width: 31%;
padding: 0 0 0 7%;
box-sizing: border-box;
}
.CT-27-texte-2 {
float: right;
width: 65%;
margin: -0.7% 0% 0% 0;
}
@media (max-width: 900px) {
.CT-27-illustration-4 {
float: left;
width: 35%;
padding: 0 0 0 7%;
}
.CT-27-texte-2 {
float: right;
width: 60%;
margin: -2.5% 0% 0% 0;
}
}
@media (max-width: 800px) {
.CT-27-illustration-1 {
float: left;
margin: 5% 0;
width: 65%;
padding: 0 10%;
}
.CT-27-illustration-3 {
float: left;
width: 60%;
margin: 0% 5% 3% 0;
}
}
@media (max-width: 650px) {
.CT-27-illustration-1 {
float: left;
margin: 5% 0;
width: 80%;
padding: 0 5% 0 15%;
}
.CT-27-illustration-3 {
float: left;
width: 90%;
margin: 0% 5% 3% 5%;
}
.CT-27-texte-1 {
clear: both;
float: left;
}
}
@media (max-width: 600px) {
.CT-27-illustration-4 {
float: left;
width: 50%;
padding: 0 0 0 7%;
}
.CT-27-texte-2 {
clear: left;
float: left;
width: 100%;
margin: 5% 0 0;
}
}
@media (max-width: 400px) {
.CT-27-illustration-1 {
display: none;
}
.CT-27-illustration-1-2 {
float: left;
display: block;
width: 100%;
}
.CT-27-illustration-2 {
float: left;
box-sizing: border-box;
padding: 5px 20px 5px 5px;
margin: 0% 0 2% 24.5%;
width: 37%;
background-color: #ffffff;
position: relative;
}
.CT-27-illustration-3 {
display: none;
}
.CT-27-illustration-3-2 {
display: block;
float: left;
width: 100%;
margin: 5% 0;
}
.CT-27-illustration-4 {
float: left;
width: 70%;
padding: 0 0 0 7%;
}
}
/*//////////////////////////////////////////////////////////////////////////////*/
/*////////////// ASAP - Utilisation de l’ASAP sur corde statique ///////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.CT-28-tableau-1 {
width: 70%;
float: left;
}
@media (max-width: 955px) {
.CT-28-tableau-1 {
width: 100%;
}
}
@media (max-width: 600px) {
.CT-28-tableau-1 table {
font-size: 14px;
}
.CT-28-td-center {
text-align: center;
}
}
@media (max-width: 500px) {
.CT-28-tableau-1 table {
font-size: 13px;
}
}
@media (max-width: 400px) {
.CT-28-tableau-1 table {
font-size: 11px;
}
.CT-28-tableau-1 table tr td {
padding-left: 3px;
}
}
/*//////////////////////////////////////////////////////////////////////////////*/
/*/////////////////// cat-decrochage-evacuation-victime-CROLL //////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.CT-29-illustration-1, .CT-29-illustration-2, .CT-29-illustration-3, .CT-29-illustration-4, .CT-29-illustration-5, .CT-29-illustration-6, .CT-29-bloc-illustration-1, .CT-29-bloc-illustration-2, .CT-29-bloc-illustration-3, .CT-29-bloc-illustration-4, .CT-29-bloc-illustration-5 {
float: left;
}
.CT-29-illustration-1, .CT-29-illustration-2, .CT-29-illustration-3, .CT-29-illustration-4, .CT-29-illustration-6 {
width: 100%;
margin: 2% 0 0 0;
}
.CT-29-illustration-5 {
width: 22%;
margin: -110% 0 0 75%;
}
.CT-29-bloc-illustration-1 {
width: 48%;
margin: 5% 4% 5% 0
}
.CT-29-bloc-illustration-2 {
width: 48%;
margin: 5% 0 5% 0
}
.CT-29-bloc-illustration-3 {
width: 48%;
margin: 5% 4% 5% 0
}
.CT-29-bloc-illustration-4 {
width: 48%;
margin: 5% 0 5% 0
}
.CT-29-bloc-illustration-5 {
width: 48%;
margin: 5% 4% 5% 0
}
@media (max-width: 800px) {
.CT-29-bloc-illustration-1, .CT-29-bloc-illustration-2, .CT-29-bloc-illustration-3, .CT-29-bloc-illustration-4, .CT-29-bloc-illustration-5 {
float: left;
clear: both;
width: 100%;
margin: 5% 0 0 0%;
}
.CT-29-illustration-1, .CT-29-illustration-2, .CT-29-illustration-3, .CT-29-illustration-4, .CT-29-illustration-6 {
width: 60%;
margin: 2% 0 0 20%;
}
}
@media (max-width: 550px) {
.CT-29-illustration-1, .CT-29-illustration-2, .CT-29-illustration-3, .CT-29-illustration-4, .CT-29-illustration-6 {
width: 80%;
margin: 2% 0 0 10%;
}
}
@media (max-width: 400px) {
.CT-29-illustration-1, .CT-29-illustration-2, .CT-29-illustration-3, .CT-29-illustration-4, .CT-29-illustration-6 {
width: 100%;
margin: 2% 0 0 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// cat-evacuation-double-ligne-traction ////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.CT-30-illustration-1, .CT-30-illustration-2, .CT-30-illustration-3, .CT-30-texte-1 {
float: left;
}
.CT-30-illustration-1 {
width: 40%;
margin: 5% 2% 0 0;
}
.CT-30-illustration-2 {
width: 95%;
margin: 0% 0 0 0;
}
.CT-30-illustration-3 {
display: none;
overflow: hidden;
}
.CT-30-texte-1 {
width: 15%;
margin: 5% 0 0 0;
}
.CT-30-cadre-noir {
display: none;
}
@media (max-width: 800px) {
.CT-30-illustration-1 {
width: 55%;
margin: 5% 4% 0 0;
}
.CT-30-illustration-2 {
width: 100%;
margin: 0% 0 0 0;
}
.CT-30-texte-1 {
width: 30%;
margin: 5% 0 0 0;
}
}
@media (max-width: 450px) {
.CT-30-illustration-1 {
width: 100%;
margin: 5% 0% 5% 0;
}
.CT-30-illustration-2 {
display: none;
width: 100%;
margin: 0 0 10% 0;
}
.CT-30-illustration-3 {
display: block;
width: 162%;
}
.CT-30-illustration-3 img {
float: left;
margin: 0 0 0 -38%;
}
.CT-30-texte-1 {
width: 100%;
margin: 0 0 5% 0;
}
.CT-30-cadre-noir {
display: block;
width: 100%;
float: left;
padding: 55% 0;
margin: -170% 0 0 0;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// cat-evacuation-telesiege-secouriste-cable ////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-31-illustration-1, .CT-31-illustration-1-2, .CT-31-illustration-2, .CT-31-illustration-3, .CT-31-illustration-3-2, .CT-31-bloc-illustration-1 {
float: left;
}
.CT-31-illustration-1-2, .CT-31-illustration-3-2 {
display: none;
}
.CT-31-illustration-1 {
width: 100%;
margin: 0;
}
.CT-31-bloc-illustration-1 {
width: 75%;
margin: 0 0 3% 0;
padding: 20px;
box-sizing: border-box;
}
.CT-31-illustration-2 {
width: 100%;
margin: 3% 0 0;
}
.CT-31-illustration-3 {
width: 80%;
margin: 5% 0;
}
@media (max-width: 800px) {
.CT-31-illustration-3 {
width: 100%;
margin: 5% 0;
}
.CT-31-bloc-illustration-1 {
width: 85%;
margin: 0 0 3% 0;
padding: 20px;
box-sizing: border-box;
}
}
@media (max-width: 500px) {
.CT-31-illustration-1-2, .CT-31-illustration-3-2 {
overflow: hidden;
display: block;
width: 100%;
}
.CT-31-illustration-3-2 {
margin: 5% 0;
width: 85%;
}
.CT-31-illustration-1-2 img {
margin: 0 0 0 -1px;
}
.CT-31-illustration-1, .CT-31-illustration-3 {
display: none;
}
.CT-31-bloc-illustration-1 {
width: 100%;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP - Installation d’une ligne de vie ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-32-illustration-1, .CT-32-illustration-2, .CT-32-illustration-3, .CT-32-illustration-4, .CT-32-illustration-5, .CT-32-illustration-6, .CT-32-illustration-7 {
float: left;
}
.CT-32-illustration-1 {
width: 55px;
margin: 0 10px 0 0;
}
.CT-32-illustration-2 {
width: 80%;
margin: 5% 0 0 0;
}
.CT-32-illustration-3 {
width: 80%;
margin: 5% 0 5% 0;
}
.CT-32-illustration-4 {
width: 70%;
margin: 5% 0 0 0;
}
.CT-32-illustration-5 {
width: 70%;
margin: 5% 0 5% 2%;
}
.CT-32-illustration-6 {
width: 60%;
margin: 5% 0 5% 0;
}
.CT-32-illustration-7 {
width: 24%;
margin: 12.2% 0 5% 0;
}
.CT-32-bloc-texte-1 {
padding: 20px;
margin: 5% 0;
}
.CT-32-bloc-texte-1 p {
margin: 0;
}
@media (max-width: 700px) {
.CT-32-illustration-2 {
width: 100%;
margin: 5% 0 0 0;
}
.CT-32-illustration-3 {
width: 100%;
margin: 5% 0 5% 0;
}
.CT-32-illustration-4 {
width: 100%;
margin: 5% 0 0 0;
}
.CT-32-illustration-5 {
width: 100%;
margin: 7% 0 5% 2%;
}
.CT-32-illustration-6 {
width: 71%;
margin: 5% 0 5% 0;
}
.CT-32-illustration-7 {
width: 28.5%;
margin: 13.6% 0 5% 0;
}
}
@media (max-width: 400px) {
.CT-32-illustration-6 {
width: 100%;
margin: 5% 0 10% 0;
}
.CT-32-illustration-7 {
clear: both;
float: left;
width: 38.4%;
margin: 0 0 5% 30%;
}
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - Assurer au GRIGRI ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.CT-33-illustration-1, .CT-33-illustration-2, .CT-33-illustration-3, .CT-33-illustration-4, .CT-33-illustration-5, .CT-33-illustration-6, .CT-33-illustration-7, .CT-33-illustration-8, .CT-33-illustration-9, .CT-33-illustration-9-2, .CT-33-illustration-10, .CT-33-illustration-10-2, .CT-33-illustration-11, .CT-33-illustration-11-2 {
float: left;
}
.CT-33-illustration-1 {
margin: 5% 5% 5% 0;
width: 48%;
}
.CT-33-illustration-2 {
margin: 5% 0 5% 0;
width: 30%;
}
.CT-33-illustration-3 {
margin: 5% 5% 5% 0;
width: 23%;
}
.CT-33-illustration-4 {
margin: 5% 0 5% 0;
width: 22.6%;
}
.CT-33-illustration-5 {
margin: 5% 5% 0 0;
width: 18%;
}
.CT-33-illustration-6 {
clear: both;
float: left;
margin: 5% 7% 3% 0;
width: 22%;
}
.CT-33-illustration-7 {
margin: 5% 7% 3% 0;
width: 19.5%;
}
.CT-33-illustration-8 {
margin: 5% 7% 3% 0;
width: 12.9%;
}
.CT-33-illustration-6 p, .CT-33-illustration-7 p, .CT-33-illustration-8 p {
margin: 15px 0 0 0;
float: left;
}
.CT-33-illustration-9 {
margin: 5% 10% 2% 0;
width: 90%;
}
.CT-33-illustration-9-2 {
margin: 5% 10% 2% 0;
width: 90%;
display: none;
}
.CT-33-illustration-10 {
margin: 5% 10% 2% 0;
width: 90%;
}
.CT-33-illustration-10-2 {
margin: 5% 10% 2% 0;
width: 90%;
display: none;
}
.CT-33-illustration-11 {
margin: 5% 10% 2% 0;
width: 90%;
}
.CT-33-illustration-11-2 {
margin: 5% 10% 2% 0;
width: 90%;
display: none;
}
@media (max-width: 800px) {
.CT-33-illustration-1 {
width: 65%;
}
.CT-33-illustration-2 {
width: 45%;
}
.CT-33-illustration-3 {
width: 30%;
}
.CT-33-illustration-4 {
width: 29.5%;
}
.CT-33-illustration-5 {
width: 23%;
}
.CT-33-illustration-6 {
width: 27%;
}
.CT-33-illustration-7 {
width: 24%;
}
.CT-33-illustration-8 {
width: 15.8%;
}
}
@media (max-width: 600px) {
.CT-33-illustration-1 {
width: 80%;
}
.CT-33-illustration-2 {
width: 60%;
}
.CT-33-illustration-3 {
width: 40%;
}
.CT-33-illustration-4 {
width: 39.2%;
}
.CT-33-illustration-5 {
width: 28%;
}
.CT-33-illustration-6 {
width: 33%;
}
.CT-33-illustration-7 {
width: 29.5%;
}
.CT-33-illustration-8 {
width: 19.7%;
margin: 5% 0% 3% 0;
}
}
@media (max-width: 450px) {
.CT-33-illustration-1 {
width: 100%;
margin: 5% 0 5% 0;
}
.CT-33-illustration-2 {
width: 80%;
margin: 10% 0 5% 10%;
}
.CT-33-illustration-3 {
width: 60%;
margin: 5% 5% 5% 20%;
}
.CT-33-illustration-4 {
width: 58%;
margin: 10% 0 5% 20%;
}
.CT-33-illustration-5 {
width: 42%;
margin: 5% 5% 0 25%;
}
.CT-33-illustration-6 {
width: 50%;
margin: 15% 7% 3% 25%;
}
.CT-33-illustration-7 {
width: 47%;
margin: 10% 7% 3% 28%;
}
.CT-33-illustration-8 {
width: 33%;
margin: 10% 0% 3% 36%;
}
}
@media (max-width: 400px) {
.CT-33-illustration-9 {
display: none;
}
.CT-33-illustration-9-2 {
display: block;
width: 80%;
}
.CT-33-illustration-10 {
display: none;
}
.CT-33-illustration-10-2 {
display: block;
width: 80%;
}
.CT-33-illustration-11 {
display: none;
}
.CT-33-illustration-11-2 {
display: block;
width: 80%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - Assurer dynamique au GRIGRI ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.CT-34-illustration-1, .CT-34-illustration-1-2, .CT-34-texte-1 {
float: left
}
.CT-34-texte-1 {
width: 29%;
margin: 5% 5% 0 0;
}
.CT-34-texte-1 p:first-of-type {
margin-top: 0;
}
.CT-34-texte-1 p:last-of-type {
margin-bottom: 0;
}
.CT-34-illustration-1 {
width: 45%;
margin: 5% 0;
}
.CT-34-illustration-1-2 {
display: none;
}
@media (max-width: 900px) {
.CT-34-texte-1 {
width: 35%;
margin: 5% 5% 0 0;
}
}
@media (max-width: 800px) {
.CT-34-texte-1 {
width: 45%;
margin: 5% 5% 0 0;
}
}
@media (max-width: 650px) {
.CT-34-texte-1 {
width: 100%;
margin: 5% 0 5% 0;
}
.CT-34-illustration-1 {
width: 100%;
margin: 0;
}
}
@media (max-width: 400px) {
.CT-34-texte-1 {
width: 100%;
margin: 5% 0 5% 0;
}
.CT-34-illustration-1 {
display: none;
}
.CT-34-illustration-1-2 {
display: block;
width: 100%;
margin: 0;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*//////////////////// glace-descente-abalakov ///////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-35-illustration-1, .CT-35-illustration-2, .CT-35-illustration-3, .CT-35-illustration-4, .CT-35-illustration-5, .CT-35-illustration-6, .CT-35-illustration-7, .CT-35-illustration-8, .CT-35-bloc-texte-1, .CT-35-bloc-illustration-1, .CT-35-texte-1 {
float: left;
}
.CT-35-illustration-1 {
width: 22%;
margin: 5% 2% 0 0;
}
.CT-35-illustration-2 {
width: 22%;
margin: 5% 2% 0 0;
}
.CT-35-illustration-3 {
width: 24.2%;
margin: 5% 2% 0 0;
}
.CT-35-illustration-4 {
width: 22%;
margin: 5% 2% 0 0;
}
.CT-35-illustration-5 {
clear: both;
width: 22%;
margin: 5% 2% 5% 0;
}
.CT-35-illustration-6 {
width: 48%;
margin: 0 4% 0 0;
}
.CT-35-illustration-7 {
width: 48%;
margin: 0 0 0 0;
}
.CT-35-illustration-8 {
width: 60%;
margin: 5% 0 0 20%;
}
.CT-35-bloc-texte-1 {
width: 100%;
margin: 5% 0;
}
.CT-35-bloc-illustration-1 {
width: 50%;
box-sizing: border-box;
padding: 20px;
}
.CT-35-bloc-illustration-1 p, .CT-35-bloc-texte-1 p {
margin-top: 0;
}
.CT-35-texte-1 {
margin-top: 5%;
float: left;
}
@media (max-width: 700px) {
.CT-35-illustration-1 {
width: 40%;
margin: 5% 5% 0 0;
}
.CT-35-illustration-2 {
width: 40%;
margin: 5% 5% 0 0;
}
.CT-35-illustration-3 {
clear: both;
width: 44.20%;
margin: 5% 5% 0 0;
}
.CT-35-illustration-4 {
width: 40%;
margin: 5% 5% 0 0;
}
.CT-35-illustration-5 {
clear: both;
width: 40%;
margin: 5% 5% 5% 0;
}
.CT-35-bloc-illustration-1 {
width: 70%;
}
}
@media (max-width: 500px) {
.CT-35-illustration-1 {
width: 60%;
margin: 5% 5% 0 0;
border: solid 1px #b1b3b4;
}
.CT-35-illustration-2 {
clear: both;
width: 60%;
margin: 5% 5% 0 0;
border: solid 1px #b1b3b4;
}
.CT-35-illustration-3 {
clear: both;
width: 60%;
margin: 5% 5% 0 0;
border: solid 1px #b1b3b4;
}
.CT-35-illustration-4 {
clear: both;
width: 60%;
margin: 5% 5% 0 0;
border: solid 1px #b1b3b4;
}
.CT-35-illustration-5 {
clear: both;
width: 60%;
margin: 5% 5% 5% 0;
border: solid 1px #b1b3b4;
}
.CT-35-illustration-1 p, .CT-35-illustration-2 p, .CT-35-illustration-3 p, .CT-35-illustration-4 p, .CT-35-illustration-5 p {
padding: 0 20px;
}
.CT-35-bloc-illustration-1 {
width: 70%;
}
.CT-35-illustration-6 {
width: 100%;
margin: 0 0 0 0;
}
.CT-35-illustration-7 {
width: 100%;
margin: 0 0 0 0;
}
.CT-35-illustration-8 {
width: 60%;
margin: 5% 0 0 20%;
}
.CT-35-bloc-illustration-1 {
width: 100%;
}
}
@media (max-width: 400px) {
.CT-35-illustration-1 {
width: 80%;
margin: 5% 0% 0 0;
}
.CT-35-illustration-2 {
width: 80%;
margin: 5% 0 0 0;
}
.CT-35-illustration-3 {
width: 80%;
margin: 5% 0 0 0;
}
.CT-35-illustration-4 {
width: 80%;
margin: 5% 0 0 0;
}
.CT-35-illustration-5 {
width: 80%;
margin: 5% 0;
}
}
/*//////////////////////////////////////////////////////////////////*/
/*//////////////////// glace-etude-fondation ///////////////////////*/
/*//////////////////////////////////////////////////////////////////*/
.CT-36-bloc-texte-1, .CT-36-bloc-texte-2, .CT-36-bloc-texte-3, .CT-36-illustration-1, .CT-36-illustration-2, .CT-36-illustration-3, .CT-36-illustration-4, .CT-36-illustration-5 {
float: left;
}
.CT-36-bloc-texte-1, .CT-36-bloc-texte-2 {
width: 100%;
}
.CT-36-bloc-texte-2 h2 {
margin-top: 0;
}
.CT-36-illustration-1, .CT-36-illustration-2, .CT-36-illustration-3, .CT-36-illustration-4 {
width: 100%;
margin: 5% 0 0 0;
}
.CT-36-illustration-1, .CT-36-illustration-3 {
margin: 5% 0 5% 0;
}
.CT-36-illustration-5 {
width: 25%;
margin: 0 5% 0 0;
}
.CT-36-bloc-texte-3 {
width: 70%;
}
.CT-36-bloc-texte-1-2, .CT-36-bloc-texte-1-3, .CT-36-bloc-texte-2-2, .CT-36-bloc-texte-2-3 {
width: 48%;
float: left;
}
.CT-36-bloc-texte-1-2, .CT-36-bloc-texte-2-2 {
margin: 0 4% 0 0;
}
.CT-36-hr {
margin: 30px 0;
float: left;
width: 100%;
}
@media (max-width: 800px) {
.CT-36-bloc-texte-1, .CT-36-bloc-texte-2 {
width: 70%;
}
.CT-36-illustration-5 {
width: 35%;
margin: 0 5% 0 0;
}
.CT-36-bloc-texte-3 {
width: 60%;
}
.CT-36-bloc-texte-1-2, .CT-36-bloc-texte-1-3, .CT-36-bloc-texte-2-2, .CT-36-bloc-texte-2-3 {
width: 100%;
float: left;
}
.CT-36-bloc-texte-1-2, .CT-36-bloc-texte-2-2 {
margin: 0 0% 0 0;
}
}
@media (max-width: 600px) {
.CT-36-bloc-texte-1, .CT-36-bloc-texte-2 {
width: 100%;
}
.CT-36-bloc-texte-3 {
clear: both;
float: left;
width: 100%;
margin: 5% 0 0 0;
}
.CT-36-illustration-5 {
width: 50%;
margin: 0 5% 0 0;
}
}
@media (max-width: 450px) {
.CT-36-illustration-5 {
width: 100%;
margin: 0 5% 0 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade falaise-Comment installer une moulinette ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-37-illustration-1, .CT-37-illustration-2, .CT-37-illustration-3, .CT-37-illustration-4, .CT-37-illustration-5, .CT-37-illustration-6, .CT-37-illustration-7, .CT-37-illustration-8, .CT-37-illustration-9, .CT-37-illustration-10, .CT-37-illustration-11, .CT-37-illustration-12, .CT-37-illustration-13 {
float: left;
width: 35%;
margin: 5% 5% 5% 0;
}
.CT-37-bloc-gris-1 {
float: left;
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: #F0F0F0;
margin: 5% 0 0 0;
}
.CT-37-bloc-gris-1 p {
margin: 0;
font-weight: bolder;
}
.CT-37-ul-av {
margin: 5% 0 0 0;
}
.CT-37-ul-av li {
margin: 0 0 0 0;
}
.CT-37-ul li {
margin: 0 0 0 0;
}
@media (max-width: 700px) {
.CT-37-illustration-1, .CT-37-illustration-2, .CT-37-illustration-3, .CT-37-illustration-4, .CT-37-illustration-5, .CT-37-illustration-6, .CT-37-illustration-7, .CT-37-illustration-8, .CT-37-illustration-9, .CT-37-illustration-10, .CT-37-illustration-11, .CT-37-illustration-12, .CT-37-illustration-13 {
float: left;
width: 45%;
margin: 5% 5% 5% 0;
}
}
@media (max-width: 450px) {
.CT-37-illustration-1, .CT-37-illustration-2, .CT-37-illustration-3, .CT-37-illustration-4, .CT-37-illustration-5, .CT-37-illustration-6, .CT-37-illustration-7, .CT-37-illustration-8, .CT-37-illustration-9, .CT-37-illustration-10, .CT-37-illustration-11, .CT-37-illustration-12, .CT-37-illustration-13 {
clear: both;
float: left;
width: 60%;
margin: 5% 0 5% 20%;
}
}
@media (max-width: 400px) {
.CT-37-illustration-1, .CT-37-illustration-2, .CT-37-illustration-3, .CT-37-illustration-4, .CT-37-illustration-5, .CT-37-illustration-6, .CT-37-illustration-7, .CT-37-illustration-8, .CT-37-illustration-9, .CT-37-illustration-10, .CT-37-illustration-11, .CT-37-illustration-12, .CT-37-illustration-13 {
clear: both;
float: left;
width: 80%;
margin: 5% 0 5% 10%;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade falaise-VIDEO-Assurer avec le REVERSO ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
.CT-38-video {
margin: 5% 0;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade falaise-VIDEO-Le plus mauvais assureur du monde ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-39-video {
margin: 5% 0;
}
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI- Technique spécifique pour gaucher ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.CT-40-video {
margin: 5% 0;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// cascade-affuter-ses-broches-a-glace ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-41-video {
margin: 5% 0;
}
/*///////////////////////////////////////////////////////////////////*/
/*//////////////////// cascade-basiques-video ///////////////////////*/
/*///////////////////////////////////////////////////////////////////*/
.CT-42-video {
margin: 5% 0;
}
/*/////////////////////////////////////////////////////////////////////*/
/*//////////////////// CONNECT-ADJUST-gestuelle ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/
.CT-43-video {
margin: 5% 0;
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// escalade-grde-voie-rappel ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-44-illustration-1, .CT-44-illustration-1-2, .CT-44-illustration-2, .CT-44-illustration-2-2, .CT-44-illustration-3, .CT-44-illustration-3-2, .CT-44-illustration-4, .CT-44-illustration-5, .CT-44-illustration-6, .CT-44-illustration-7, .CT-44-illustration-8, .CT-44-illustration-8-2, .CT-44-bloc-illustration-1 {
float: left;
}
.CT-44-illustration-1 {
width: 60%;
margin: 3% 0;
}
.CT-44-illustration-1-2 {
display: none;
}
.CT-44-illustration-2 {
width: 68%;
margin: 3% 0;
}
.CT-44-illustration-2-2 {
display: none;
}
.CT-44-illustration-3 {
width: 61%;
margin: 3% 0;
}
.CT-44-illustration-3-2 {
display: none;
}
.CT-44-illustration-4 {
width: 53%;
margin: 3% 0;
}
.CT-44-illustration-5 {
width: 52%;
margin: 3% 5% 3% 0;
}
.CT-44-bloc-illustration-1 {
width: 27%;
margin: 3% 0 3% 0;
}
.CT-44-illustration-6 {
width: 100%;
margin: 5% 0 3% 0;
}
.CT-44-illustration-7 {
width: 54%;
margin: 3% 0;
}
.CT-44-illustration-8 {
width: 83%;
margin: 3% 0;
}
.CT-44-illustration-8-2 {
display: none;
}
@media (max-width: 800px) {
.CT-44-illustration-1 {
width: 80%;
margin: 3% 0;
}
.CT-44-illustration-2 {
width: 83%;
margin: 3% 0;
}
.CT-44-illustration-3 {
width: 75%;
margin: 3% 0;
}
.CT-44-illustration-4 {
width: 67%;
margin: 3% 0;
}
.CT-44-illustration-5 {
width: 67%;
margin: 3% 1% 3% 0;
}
.CT-44-bloc-illustration-1 {
width: 32%;
margin: 3% 0 3% 0;
}
.CT-44-illustration-7 {
width: 67%;
margin: 3% 0;
}
.CT-44-illustration-8 {
width: 100%;
margin: 3% 0;
}
}
@media (max-width: 600px) {
.CT-44-illustration-1 {
width: 100%;
margin: 3% 0;
}
.CT-44-illustration-2 {
width: 100%;
margin: 3% 0;
}
.CT-44-illustration-3 {
width: 90%;
margin: 3% 0;
}
.CT-44-illustration-4 {
width: 82%;
margin: 3% 0;
}
.CT-44-illustration-5 {
width: 80%;
margin: 3% 1% 3% 0;
}
.CT-44-bloc-illustration-1 {
width: 35%;
margin: -100% 0 3% 65%;
}
.CT-44-illustration-7 {
width: 82%;
margin: 3% 0;
}
.CT-44-illustration-8 {
width: 100%;
margin: 3% 0;
}
}
@media (max-width: 450px) {
.CT-44-illustration-1 {
display: none;
}
.CT-44-illustration-1-2 {
display: block;
width: 80%;
margin: 5% 0;
}
.CT-44-illustration-2 {
display: none;
}
.CT-44-illustration-2-2 {
display: block;
width: 100%;
margin: 5% 0;
}
.CT-44-illustration-3 {
display: none;
}
.CT-44-illustration-3-2 {
display: block;
width: 100%;
margin: 5% 0;
}
.CT-44-illustration-4 {
width: 100%;
margin: 5% 0;
}
.CT-44-illustration-5 {
width: 100%;
margin: 5% 1% 5% 0;
}
.CT-44-bloc-illustration-1 {
width: 70%;
margin: -5% 0 5% 0%;
}
.CT-44-illustration-7 {
width: 100%;
margin: 5% 0;
}
.CT-44-illustration-8 {
display: none;
}
.CT-44-illustration-8-2 {
display: block;
width: 40%;
margin: 5% 0 3% 25%;
}
}
@media (max-width: 400px) {
.CT-44-illustration-8-2 {
display: block;
width: 55%;
margin: 5% 0 3% 18%;
}
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// escalade-grde-voie-relais-triangule ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-45-illustration-1, .CT-45-illustration-2, .CT-45-illustration-3, .CT-45-illustration-4, .CT-45-illustration-5, .CT-45-illustration-6, .CT-45-illustration-7, .CT-45-illustration-8, .CT-45-illustration-9, .CT-45-illustration-10 {
float: left;
}
.CT-45-bloc-illustration-1, .CT-45-bloc-illustration-2, .CT-45-bloc-illustration-3, .CT-45-bloc-illustration-4, .CT-45-bloc-illustration-5, .CT-45-bloc-illustration-6 {
float: left;
width: 35%;
margin: 5% 5% 5% 0;
}
.CT-45-illustration-1 {
width: 52%;
margin: 5% 0 5% 24%;
}
.CT-45-illustration-2 {
width: 45%;
margin: 5% 0 5% 27%;
}
.CT-45-illustration-3 {
width: 65%;
margin: 5% 0 5% 17%;
}
.CT-45-illustration-4 {
width: 100%;
margin: -7% 0 5%;
}
.CT-45-illustration-5 {
width: 37%;
margin: 5% 0 5% 31%;
}
.CT-45-illustration-6 {
width: 100%;
margin: -10% 0;
}
.CT-45-illustration-7 {
width: 13%;
margin: 5% 3% 0 0;
}
.CT-45-illustration-8 {
width: 19.3%;
margin: 5% 3% 0 0;
}
.CT-45-illustration-9 {
width: 26%;
margin: 8.4% 3% 0 0;
}
.CT-45-illustration-10 {
width: 30%;
margin: 13% 0% 0 0;
}
.CT-45-illustration-1 img, .CT-45-illustration-2 img, .CT-45-illustration-3 img, .CT-45-illustration-4 img, .CT-45-illustration-5 img, .CT-45-illustration-6 img {
margin: 20% 0 0 0;
}
.CT-45-hr {
float: left;
width: 100%;
margin: 30px 0;
}
@media (max-width: 800px) {
.CT-45-bloc-illustration-1, .CT-45-bloc-illustration-3, .CT-45-bloc-illustration-5 {
float: left;
width: 48%;
margin: 5% 4% 5% 0;
}
.CT-45-bloc-illustration-2, .CT-45-bloc-illustration-4, .CT-45-bloc-illustration-6 {
float: left;
width: 48%;
margin: 5% 0% 5% 0;
}
}
@media (max-width: 600px) {
.CT-45-bloc-illustration-1, .CT-45-bloc-illustration-2, .CT-45-bloc-illustration-3, .CT-45-bloc-illustration-4, .CT-45-bloc-illustration-5, .CT-45-bloc-illustration-6 {
clear: both;
float: left;
width: 70%;
margin: 5% 0% 5% 0%;
}
.CT-45-bloc-illustration-6 {
margin: 5% 0% 15% 0%;
}
.CT-45-illustration-7 {
width: 19.5%;
margin: 5% 27% 0 12%;
}
.CT-45-illustration-8 {
width: 28.95%;
margin: 5% 0% 0 0;
}
.CT-45-illustration-9 {
clear: both;
float: left;
width: 39%;
margin: 8.4% 10% 0 0;
}
.CT-45-illustration-10 {
width: 45%;
margin: 15% 0% 0 0;
}
}
@media (max-width: 450px) {
.CT-45-bloc-illustration-1, .CT-45-bloc-illustration-2, .CT-45-bloc-illustration-3, .CT-45-bloc-illustration-4, .CT-45-bloc-illustration-5, .CT-45-bloc-illustration-6 {
clear: both;
float: left;
width: 100%;
margin: 5% 0% 20% 0%;
}
.CT-45-illustration-1 img, .CT-45-illustration-2 img, .CT-45-illustration-3 img, .CT-45-illustration-4 img, .CT-45-illustration-5 img, .CT-45-illustration-6 img {
margin: 10% 0 0 0;
}
.CT-45-illustration-1, .CT-45-illustration-2, .CT-45-illustration-3, .CT-45-illustration-4, .CT-45-illustration-5, .CT-45-illustration-6 {
margin: 0;
}
.CT-45-illustration-1 {
padding-left: 25%;
}
.CT-45-illustration-2 {
padding-left: 27%;
}
.CT-45-illustration-3 {
padding-left: 17%;
}
.CT-45-illustration-5 {
padding-left: 30%;
}
.CT-45-bloc-illustration-6 {
margin: 5% 0% 15% 0%;
}
.CT-45-illustration-7 {
width: 40%;
margin: 10% 0 0 30%;
}
.CT-45-illustration-8 {
width: 58%;
margin: 25% 0 0 21%;
}
.CT-45-illustration-9 {
clear: both;
float: left;
width: 78%;
margin: 25% 0 0 11%;
}
.CT-45-illustration-10 {
width: 90%;
margin: 25% 0 0 5%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Rappel rapide lors d’une course d’arrête ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
.CT-46-bloc-illustration-1, .CT-46-bloc-illustration-2, .CT-46-bloc-illustration-3, .CT-46-bloc-illustration-3-2, .CT-46-bloc-illustration-4, .CT-46-bloc-illustration-5 {
float: left;
margin: 5% 0;
}
.CT-46-bloc-illustration-3, .CT-46-bloc-illustration-3-2 {
padding: 20px;
box-sizing: border-box;
}
.CT-46-bloc-illustration-1 {
width: 35%;
}
.CT-46-bloc-illustration-2 {
width: 50%;
}
.CT-46-bloc-illustration-3 {
width: 75%;
}
.CT-46-bloc-illustration-3-2 {
display: none;
}
.CT-46-bloc-illustration-4 {
width: 35%;
margin: 10% 0 5% 0;
}
.CT-46-bloc-illustration-5 {
width: 35%;
}
.CT-46 {
margin: 0;
}
.CT-46 li {
margin: 0;
}
@media (max-width: 800px) {
.CT-46-bloc-illustration-1 {
width: 50%;
}
.CT-46-bloc-illustration-2 {
width: 70%;
}
.CT-46-bloc-illustration-3 {
width: 100%;
}
.CT-46-bloc-illustration-4 {
width: 50%;
}
.CT-46-bloc-illustration-5 {
width: 50%;
}
}
@media (max-width: 600px) {
.CT-46-bloc-illustration-1 {
width: 70%;
}
.CT-46-bloc-illustration-2 {
width: 100%;
}
.CT-46-bloc-illustration-3 {
display: none;
}
.CT-46-bloc-illustration-3-2 {
width: 70%;
}
.CT-46-bloc-illustration-4 {
width: 70%;
}
.CT-46-bloc-illustration-5 {
width: 70%;
}
}
@media (max-width: 400px) {
.CT-46-bloc-illustration-1 {
width: 100%;
}
.CT-46-bloc-illustration-2 {
width: 100%;
}
.CT-46-bloc-illustration-3 {
display: none;
}
.CT-46-bloc-illustration-3-2 {
width: 100%;
}
.CT-46-bloc-illustration-4 {
width: 100%;
}
.CT-46-bloc-illustration-5 {
width: 100%;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RADsystem-pe04-noeuds-de-jonction-JIVE ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-47-bloc-illustration-1, .CT-47-bloc-illustration-2, .CT-47-bloc-illustration-3, .CT-47-bloc-illustration-4, .CT-47-bloc-illustration-5, .CT-47-bloc-illustration-6, .CT-47-bloc-illustration-7, .CT-47-bloc-texte-gris-1, .CT-47-bloc-texte-gris-2 {
float: left;
}
.CT-47-bloc-illustration-2 p, .CT-47-bloc-illustration-3 p, .CT-47-bloc-illustration-5 p, .CT-47-bloc-illustration-6 p, .CT-47-bloc-illustration-7 p {
float: left;
margin: 10px 0 0 0;
}
.CT-47-bloc-illustration-2, .CT-47-bloc-illustration-3, .CT-47-bloc-illustration-5, .CT-47-bloc-illustration-6, .CT-47-bloc-illustration-7 {
margin-bottom: 20px;
}
.CT-47-bloc-illustration-1, .CT-47-bloc-illustration-4 {
width: 12%;
padding: 20px;
box-sizing: border-box;
margin: 5% 0;
}
.CT-47-bloc-illustration-2 {
width: 20%;
margin: 5% 0 5% 5%;
}
.CT-47-bloc-illustration-3 {
width: 20%;
margin: 5% 0 5% 5%;
}
.CT-47-bloc-texte-gris-1, .CT-47-bloc-texte-gris-2 {
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: #f0f0f0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.CT-47-bloc-illustration-5 {
width: 20%;
margin: 5% 0 5% 5%;
}
.CT-47-bloc-illustration-6 {
width: 20%;
margin: 5% 0 5% 5%;
}
.CT-47-bloc-illustration-7 {
width: 20%;
margin: 5% 0 5% 5%;
}
@media (max-width: 800px) {
.CT-47-bloc-illustration-1, .CT-47-bloc-illustration-4 {
width: 16%;
}
.CT-47-bloc-illustration-2 {
clear: both;
float: left;
width: 30%;
margin: 0 0 5% 0;
}
.CT-47-bloc-illustration-3 {
width: 30%;
margin: 0 0 5% 5%;
}
.CT-47-bloc-illustration-5 {
clear: both;
float: left;
width: 30%;
margin: 0 0 5% 0;
}
.CT-47-bloc-illustration-6 {
width: 30%;
margin: 0 0 5% 5%;
}
.CT-47-bloc-illustration-7 {
width: 30%;
margin: 0 0 5% 5%;
}
}
@media (max-width: 600px) {
.CT-47-bloc-illustration-1, .CT-47-bloc-illustration-4 {
width: 22%;
}
.CT-47-bloc-illustration-2 {
clear: both;
float: left;
width: 50%;
margin: 5% 0 5% 0;
}
.CT-47-bloc-illustration-3 {
clear: both;
float: left;
width: 50%;
margin: 5% 0 5% 0;
}
.CT-47-bloc-illustration-5 {
clear: both;
float: left;
width: 50%;
margin: 5% 0 5% 0;
}
.CT-47-bloc-illustration-6 {
clear: both;
float: left;
width: 50%;
margin: 5% 0 5% 0;
}
.CT-47-bloc-illustration-7 {
clear: both;
float: left;
width: 50%;
margin: 5% 0 5% 0;
}
}
@media (max-width: 400px) {
.CT-47-bloc-illustration-1, .CT-47-bloc-illustration-4 {
width: 33%;
}
.CT-47-bloc-illustration-2 {
clear: both;
float: left;
width: 70%;
margin: 5% 0 5% 0;
}
.CT-47-bloc-illustration-3 {
clear: both;
float: left;
width: 70%;
margin: 5% 0 5% 0;
}
.CT-47-bloc-illustration-5 {
clear: both;
float: left;
width: 70%;
margin: 5% 0 5% 0;
}
.CT-47-bloc-illustration-6 {
clear: both;
float: left;
width: 70%;
margin: 5% 0 5% 0;
}
.CT-47-bloc-illustration-7 {
clear: both;
float: left;
width: 70%;
margin: 5% 0 5% 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MICRO TRAXION - sport 10 - Tests statique ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.CT-48-bloc-illustration-1 {
float: left;
width: 18%;
margin: 5% 5% 5% 0;
}
.CT-48-bloc-tableau {
float: left;
width: 60%;
margin: 5% 0;
}
@media (max-width: 800px) {
.CT-48-bloc-illustration-1 {
float: left;
width: 25%;
margin: 5% 5% 5% 0;
}
.CT-48-bloc-tableau {
float: left;
width: 70%;
margin: 5% 0;
}
}
@media (max-width: 500px) {
.CT-48-bloc-illustration-1 {
float: left;
width: 35%;
margin: 5% 5% 5% 0;
}
.CT-48-bloc-tableau {
clear: both;
float: left;
width: 100%;
margin: 5% 0;
}
}
@media (max-width: 400px) {
.CT-48-bloc-illustration-1 {
float: left;
width: 50%;
margin: 5% 5% 5% 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MICRO TRAXION - sport 9 -Remontée sur corde en auto-secours ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-49-bloc-illustration-1, .CT-49-bloc-illustration-2, .CT-49-bloc-illustration-3, .CT-49-bloc-illustration-4, .CT-49-bloc-illustration-5, .CT-49-bloc-illustration-6, .CT-49-bloc-illustration-7 {
float: left;
}
.CT-49-bloc-illustration-1 {
width: 30%;
margin: 5% 5% 5% 0;
}
.CT-49-bloc-illustration-2 {
width: 17%;
margin: 13% 5% 5% 0;
}
.CT-49-bloc-illustration-3 {
width: 17%;
margin: 13% 0 5% 0;
}
.CT-49-bloc-illustration-4 {
width: 100%;
margin: 5% 0;
padding: 30px;
box-sizing: border-box;
}
.CT-49-bloc-illustration-5 {
width: 100%;
margin: 5% 0;
padding: 30px;
box-sizing: border-box;
}
.CT-49-bloc-tableau-1 {
float: left;
width: 50%;
padding: 0 40px 0 0;
margin: 5% 0 0 0;
box-sizing: border-box;
}
.CT-49-bloc-tableau-2 {
float: left;
width: 50%;
border-left: dotted 1px black;
padding: 0 0 0 40px;
margin: 5% 0 0 0;
box-sizing: border-box;
}
.CT-49-bloc-orange-1 {
float: left;
padding: 15px;
background-color: rgb(231, 82, 0);
border-radius: 10px;
width: 100%;
box-sizing: border-box;
margin: 5% 0 0 0;
}
@media (max-width: 800px) {
.CT-49-bloc-illustration-1 {
width: 50%;
margin: 5% 10% 5% 0;
}
.CT-49-bloc-illustration-2 {
width: 25%;
margin: 5% 5% 5% 0;
}
.CT-49-bloc-illustration-3 {
width: 25%;
margin: 0% 0 5% 0;
}
.CT-49-bloc-illustration-4 {
padding: 0px;
}
.CT-49-bloc-illustration-5 {
padding: 0px;
}
}
@media (max-width: 650px) {
.CT-49-bloc-tableau-1 {
width: 100%;
padding: 0 0 0 0;
margin: 5% 0 5% 0;
}
.CT-49-bloc-tableau-2 {
width: 100%;
border-left: none;
border-top: dotted 1px black;
padding: 5% 0 0 0;
}
.CT-49-bloc-illustration-4 {
padding: 12%;
margin: -7% 0;
}
.CT-49-bloc-illustration-5 {
padding: 12%;
margin: -7% 0;
}
}
@media (max-width: 450px) {
.CT-49-bloc-illustration-1 {
width: 85%;
margin: 5% 10% 5% 0;
}
.CT-49-bloc-illustration-2 {
width: 35%;
margin: 5% 7% 5% 7%;
}
.CT-49-bloc-illustration-3 {
width: 35%;
margin: 5% 7% 5% 7%;
}
.CT-49-bloc-illustration-4 {
padding: 5%;
margin: 0;
}
.CT-49-bloc-illustration-5 {
padding: 5%;
margin: 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MICRO TRAXION - sport 7 - Assurage du second avec MICRO TRAXION = danger! ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-50-illustration-1 {
float: left;
width: 46px;
margin: 5% 0 1% 0;
}
.CT-50-illustration-2 {
width: 100%;
padding: 0 25%;
}
.CT-50-tableau-1 {
width: 100%;
margin: 5% 0;
}
.CT-50-tableau-2, .CT-50-tableau-3 {
display: none;
}
@media (max-width: 800px) {
.CT-50-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 600px) {
.CT-50-tableau-1 {
display: none;
}
table.CT-50-tableau-2, table.CT-50-tableau-3 {
display: block;
width: 100%;
margin: 5% 0;
}
table.CT-50-tableau-2 tr td, table.CT-50-tableau-3 tr td {
width: 100%;
}
}
@media (max-width: 400px) {
.CT-50-tableau-1 {
display: none;
}
table.CT-50-tableau-2, table.CT-50-tableau-3 {
display: block;
width: 100%;
margin: 5% 0;
}
table.CT-50-illustration-2 {
width: 100%;
padding: 0 10%;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MICRO TRAXION - sport 4 - Secours crevasse n°3 : Mouflages pour le secours ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-51-illustration-1, .CT-51-illustration-3, .CT-51-illustration-5, .CT-51-texte-1, .CT-51-texte-2, .CT-51-texte-3 {
float: left;
}
.CT-51-illustration-2, .CT-51-illustration-4, .CT-51-illustration-6, .CT-51-texte-1, .CT-51-texte-2, .CT-51-texte-3 {
float: left;
padding: 20px;
box-sizing: border-box;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.CT-51-illustration-1 {
margin: 5% 0;
width: 45%;
}
.CT-51-illustration-2 {
margin: 5% 0 0 -20%;
width: 20%;
}
.CT-51-texte-1 {
margin: 5% 0 0 5%;
width: 40%;
}
.CT-51-illustration-3 {
margin: 5% 0;
width: 45%;
}
.CT-51-illustration-4 {
margin: 5% 0 0 -12%;
width: 20%;
}
.CT-51-texte-2 {
margin: 5% 0 0 5%;
width: 40%;
}
.CT-51-illustration-5 {
margin: 5% 0;
width: 45%;
}
.CT-51-illustration-6 {
margin: 5% 0 0 5%;
width: 20%;
}
.CT-51-texte-3 {
margin: 5% 0 0 5%;
width: 40%;
}
@media (max-width: 800px) {
.CT-51-illustration-1 {
margin: 5% 0;
width: 60%;
}
.CT-51-illustration-2 {
margin: 5% 0 0 -20%;
width: 27%;
}
.CT-51-texte-1 {
margin: 0 0 5% 0;
width: 100%;
}
.CT-51-illustration-3 {
margin: 5% 0;
width: 60%;
}
.CT-51-illustration-4 {
margin: 5% 0 0 -12%;
width: 27%;
}
.CT-51-texte-2 {
margin: 0 0 5% 0;
width: 100%;
}
.CT-51-illustration-5 {
margin: 5% 0;
width: 60%;
}
.CT-51-illustration-6 {
margin: 5% 0 0 5%;
width: 27%;
}
.CT-51-texte-3 {
margin: 0 0 5% 0;
width: 100%;
}
}
@media (max-width: 600px) {
.CT-51-illustration-1 {
margin: 5% 0;
width: 80%;
}
.CT-51-illustration-2 {
margin: 5% 0 0 -20%;
width: 40%;
}
.CT-51-illustration-3 {
margin: 5% 0;
width: 80%;
}
.CT-51-illustration-4 {
margin: 5% 0 0 -20%;
width: 35%;
}
.CT-51-illustration-5 {
margin: 5% 0;
width: 80%;
}
.CT-51-illustration-6 {
margin: -55% 0 5% 0;
width: 39%;
}
}
@media (max-width: 450px) {
.CT-51-illustration-1 {
margin: 5% 0;
width: 100%;
}
.CT-51-illustration-2 {
clear: both;
float: left;
margin: -90% 0 5% 0;
width: 50%;
}
.CT-51-illustration-3 {
margin: 5% 0;
width: 100%;
}
.CT-51-illustration-4 {
clear: both;
float: left;
margin: -90% 0 5% 0;
width: 50%;
}
.CT-51-illustration-5 {
margin: 5% 0;
width: 100%;
}
.CT-51-illustration-6 {
clear: both;
float: left;
margin: -70% 0 5% 0;
width: 50%;
}
}
/*///////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Via ferrata-Gestion des longes ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
.CT-52-illustration-1, .CT-52-illustration-1-2, .CT-52-illustration-2, .CT-52-illustration-2-2 {
float: left;
}
.CT-52-illustration-1-2, .CT-52-illustration-2-2 {
display: none;
}
.CT-52-illustration-1 {
width: 100%;
margin: 5% 0;
}
.CT-52-illustration-2 {
width: 83%;
margin: 0 0 5% 0;
padding: 0 5%;
box-sizing: border-box;
}
@media (max-width: 600px) {
.CT-52-illustration-1, .CT-52-illustration-2 {
display: none;
}
.CT-52-illustration-1-2 {
display: block;
width: 60%;
margin: 5% 20%;
padding: 0 5%;
box-sizing: border-box;
}
.CT-52-illustration-2-2 {
display: block;
width: 60%;
margin: 0 0 5% 20%;
padding: 0 5%;
box-sizing: border-box;
}
}
@media (max-width: 450px) {
.CT-52-illustration-1-2 {
width: 80%;
margin: 5% 10%;
}
.CT-52-illustration-2-2 {
width: 80%;
margin: 0 0 5% 10%;
}
}
/*/////////////////////////////////////////////////////////////*/
/*//////////////////// CORDES-entretien ///////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.CT-53-illustration-1, .CT-53-illustration-2, .CT-53-texte-1, .CT-53-texte-2 {
float: left;
}
.CT-53-illustration-1, .CT-53-illustration-2 {
margin: 5%;
padding: 5%;
box-sizing: border-box;
width: 40%;
}
.CT-53-texte-1, .CT-53-texte-2 {
margin: 5% 0;
width: 25%;
}
@media (max-width: 700px) {
.CT-53-illustration-1, .CT-53-illustration-2 {
margin: 5%;
padding: 5%;
box-sizing: border-box;
width: 60%;
}
.CT-53-texte-1, .CT-53-texte-2 {
margin: 5% 0;
width: 25%;
}
}
@media (max-width: 500px) {
.CT-53-illustration-1, .CT-53-illustration-2 {
margin: 5% 0;
padding: 5%;
box-sizing: border-box;
width: 100%;
}
.CT-53-texte-1, .CT-53-texte-2 {
clear: both;
float: left;
margin: 0 0 5% 0;
width: 100%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// CORDES-Corde trop courte : attention danger ! ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/
.CT-54-illustration-1, .CT-54-illustration-2, .CT-54-illustration-3 {
float: left;
margin: 5% 0;
}
.CT-54-illustration-1 {
width: 35%;
}
.CT-54-illustration-2 {
width: 39%;
}
.CT-54-illustration-3 {
width: 38%;
}
@media (max-width: 800px) {
.CT-54-illustration-1 {
width: 53%;
}
.CT-54-illustration-2 {
width: 59%;
}
.CT-54-illustration-3 {
width: 58%;
}
}
@media (max-width: 500px) {
.CT-54-illustration-1 {
width: 71%;
}
.CT-54-illustration-2 {
width: 79%;
}
.CT-54-illustration-3 {
width: 78%;
}
}
@media (max-width: 400px) {
.CT-54-illustration-1 {
width: 88%;
}
.CT-54-illustration-2 {
width: 100%;
}
.CT-54-illustration-3 {
width: 98%;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*//////////////////// auto-assurage-9-annexe5 ///////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-55-illustration-1, .CT-55-illustration-2, .CT-55-illustration-3, .CT-55-illustration-4, .CT-55-illustration-5, .CT-55-illustration-6, .CT-55-illustration-7, .CT-55-texte-1, .CT-55-texte-2, .CT-55-encadre {
float: left;
}
.CT-55-encadre {
padding: 20px;
box-sizing: border-box;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 5% 0 0 0;
}
.CT-55-encadre p {
margin: 0;
}
.CT-55-illustration-1 {
width: 35%;
margin: 5% 5% 5% 0;
}
.CT-55-texte-1 {
width: 55%;
margin: 5% 0;
}
.CT-55-illustration-2 {
width: 27%;
margin: 5% 5% 5% 0;
}
.CT-55-illustration-3 {
width: 27%;
margin: 5% 5% 5% 0;
}
.CT-55-texte-2 {
width: 36%;
margin: 5% 0;
}
.CT-55-illustration-4 {
width: 13%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-5 {
width: 13%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-6 {
width: 13%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-7 {
width: 6%;
margin: 5% 20px 0 0;
}
.CT-55-encadre .CT-55-texte-3 {
clear: both;
float: left;
margin: 10px 0 0 0;
}
@media (max-width: 700px) {
.CT-55-illustration-1 {
width: 45%;
margin: 5% 5% 5% 0;
}
.CT-55-texte-1 {
width: 45%;
margin: 5% 0;
}
.CT-55-illustration-2 {
width: 38%;
margin: 5% 5% 5% 0;
}
.CT-55-illustration-3 {
width: 38%;
margin: 5% 5% 5% 0;
}
.CT-55-texte-2 {
clear: both;
float: left;
width: 100%;
margin: 0 0 5% 0;
}
.CT-55-illustration-4 {
width: 20%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-5 {
width: 20%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-6 {
width: 20%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-7 {
width: 10%;
margin: 5% 20px 0 0;
}
}
@media (max-width: 500px) {
.CT-55-illustration-1 {
width: 60%;
margin: 5% 0;
}
.CT-55-texte-1 {
width: 100%;
margin: 0 0 5% 0;
}
.CT-55-illustration-2 {
width: 48%;
margin: 5% 4% 5% 0;
}
.CT-55-illustration-3 {
width: 48%;
margin: 5% 0;
}
.CT-55-texte-2 {
clear: both;
float: left;
width: 100%;
margin: 0 0 5% 0;
}
.CT-55-illustration-4 {
width: 27%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-5 {
width: 27%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-6 {
width: 27%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-7 {
width: 13%;
margin: 5% 20px 0 0;
}
.CT-55-encadre p {
clear: both;
margin: 0 0 20px 0;
}
}
@media (max-width: 400px) {
.CT-55-illustration-1 {
width: 80%;
margin: 5% 0;
}
.CT-55-illustration-4 {
width: 38%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-5 {
width: 38%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-6 {
width: 38%;
margin: 0 20px 20px 0;
}
.CT-55-illustration-7 {
width: 17%;
margin: 5% 20px 0 0;
}
.CT-55-encadre p {
font-size: 15px;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// escalade-assurer-et-descendre-en-grande-voie ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/
.CT-56-illustration-1, .CT-56-illustration-2, .CT-56-illustration-3, .CT-56-illustration-4, .CT-56-illustration-5, .CT-56-illustration-6, .CT-56-bloc-illustration-1, .CT-56-bloc-illustration-2, .CT-56-bloc-illustration-3, .CT-56-bloc-illustration-4 {
float: left;
}
.CT-56-illustration-1 {
margin: 5% 0;
width: 35%;
}
.CT-56-illustration-2 {
margin: 5% 0;
width: 31%;
}
.CT-56-bloc-illustration-1 {
width: 25%;
margin: 5% 5% 5% 0;
}
.CT-56-illustration-3 {
width: 100%;
margin: 0 0 20px 0;
padding: 10% 20%;
box-sizing: border-box;
}
.CT-56-bloc-illustration-2 {
width: 25%;
margin: 5% 0 5% 0;
}
.CT-56-illustration-4 {
width: 100%;
margin: 0 0 20px 0;
padding: 10% 16.8%;
box-sizing: border-box;
}
.CT-56-bloc-illustration-3 {
width: 25%;
margin: 0 5% 5% 0;
}
.CT-56-illustration-5 {
width: 100%;
margin: 0 0 20px 0;
padding: 10% 30%;
box-sizing: border-box;
}
.CT-56-bloc-illustration-4 {
width: 25%;
margin: 0 0 5% 0;
}
.CT-56-illustration-6 {
width: 100%;
margin: 0 0 20px 0;
padding: 10% 30%;
box-sizing: border-box;
}
.CT-56-ul {
margin: 0 10px 0 0;
}
@media (max-width: 900px) {
.CT-56-illustration-1 {
margin: 5% 0;
width: 45%;
}
.CT-56-illustration-2 {
margin: 5% 0;
width: 38%;
}
.CT-56-bloc-illustration-1 {
width: 35%;
margin: 5% 5% 5% 0;
}
.CT-56-bloc-illustration-2 {
width: 35%;
margin: 5% 0 5% 0;
}
.CT-56-bloc-illustration-3 {
width: 35%;
margin: 0 5% 5% 0;
}
.CT-56-bloc-illustration-4 {
width: 35%;
margin: 0 0 5% 0;
}
}
@media (max-width: 700px) {
.CT-56-illustration-1 {
margin: 5% 0;
width: 60%;
}
.CT-56-illustration-2 {
margin: 5% 0;
width: 55%;
}
.CT-56-bloc-illustration-1 {
width: 48%;
margin: 5% 4% 5% 0;
}
.CT-56-bloc-illustration-2 {
width: 48%;
margin: 5% 0 5% 0;
}
.CT-56-bloc-illustration-3 {
width: 48%;
margin: 0 4% 5% 0;
}
.CT-56-bloc-illustration-4 {
width: 48%;
margin: 0 0 5% 0;
}
}
@media (max-width: 450px) {
.CT-56-illustration-1 {
margin: 5% 0;
width: 80%;
}
.CT-56-illustration-2 {
margin: 5% 0;
width: 75%;
}
.CT-56-bloc-illustration-1 {
width: 75%;
margin: 5% 0;
}
.CT-56-bloc-illustration-2 {
clear: both;
float: left;
width: 75%;
margin: 0 0 5% 0;
}
.CT-56-bloc-illustration-3 {
width: 75%;
margin: 0 0 5% 0;
}
.CT-56-bloc-illustration-4 {
clear: both;
float: left;
width: 75%;
margin: 0 0 5% 0;
}
}
/*///////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Via Ferrata-Assurer avec une corde ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
.CT-57-illustration-1, .CT-57-illustration-2, .CT-57-illustration-3, .CT-57-illustration-3-2, .CT-57-illustration-4, .CT-57-illustration-5, .CT-57-illustration-6, .CT-57-illustration-7, .CT-57-illustration-8, .CT-57-bloc-illustration-1, .CT-57-bloc-illustration-2 {
float: left;
}
.CT-57-bloc-illustration-1 {
margin: 5% 2% 5% 0;
width: 48%;
}
.CT-57-bloc-illustration-2 {
margin: 5% 0;
width: 48%;
padding: 0 0 0 2%;
box-sizing: border-box;
border-left: solid 1px #cecece;
}
.CT-57-illustration-1 {
width: 65%;
margin: 5% 0 0 15%
}
.CT-57-illustration-2 {
width: 68%;
margin: 5% 0 0 15%
}
.CT-57-illustration-3 {
padding: 20px;
box-sizing: border-box;
width: 25%;
margin: 5% 5% 5% 0;
}
.TechnicalContentDetailPage .CT-57-illustration-3-2 {
width: 35% !important;
margin: -130% 0 0 63%;
}
.CT-57-illustration-4 {
width: 50%;
margin: 5% 0;
}
.CT-57-illustration-5 {
width: 18.50%;
margin: 5% 0 5% -15%;
}
.CT-57-illustration-6 {
width: 50%;
margin: 5% 0;
}
.CT-57-illustration-7 {
width: 50%;
margin: 5% 0;
}
.CT-57-illustration-8 {
width: 50%;
margin: 5% 0;
}
@media (max-width: 700px) {
.CT-57-bloc-illustration-1 {
clear: both;
float: left;
margin: 5% 0;
width: 60%;
}
.CT-57-bloc-illustration-2 {
clear: both;
float: left;
margin: 5% 0;
width: 60%;
padding: 0;
box-sizing: border-box;
border-left: none;
}
.CT-57-illustration-3 {
width: 34%;
margin: 5% 5% 5% 0;
}
.CT-57-illustration-5 {
width: 25%;
margin: 5% 0 5% -15%;
}
.CT-57-illustration-6 {
width: 70%;
margin: 5% 0;
}
.CT-57-illustration-7 {
width: 70%;
margin: 5% 0;
}
.CT-57-illustration-8 {
width: 70%;
margin: 5% 0;
}
}
@media (max-width: 500px) {
.CT-57-bloc-illustration-1 {
clear: both;
float: left;
margin: 5% 0;
width: 80%;
}
.CT-57-bloc-illustration-2 {
clear: both;
float: left;
margin: 5% 0;
width: 80%;
padding: 0;
box-sizing: border-box;
border-left: none;
}
.CT-57-illustration-3 {
width: 45%;
margin: 5% 5% 5% 0;
}
.CT-57-illustration-4 {
clear: both;
float: left;
width: 55%;
margin: 5% 5% 5% 0;
}
.CT-57-illustration-5 {
width: 30%;
margin: 5% 0 5% -15%;
}
.CT-57-illustration-6 {
width: 85%;
margin: 5% 0;
}
.CT-57-illustration-7 {
width: 85%;
margin: 5% 0;
}
.CT-57-illustration-8 {
width: 85%;
margin: 5% 0;
}
}
@media (max-width: 400px) {
.CT-57-bloc-illustration-1 {
clear: both;
float: left;
margin: 5% 0;
width: 100%;
}
.CT-57-bloc-illustration-2 {
clear: both;
float: left;
margin: 5% 0;
width: 100%;
padding: 0;
box-sizing: border-box;
border-left: none;
}
.CT-57-illustration-3 {
width: 60%;
margin: 5% 5% 5% 0;
}
.CT-57-illustration-4 {
clear: both;
float: left;
width: 74%;
margin: 5% 5% 5% 0;
}
.CT-57-illustration-5 {
width: 40%;
margin: 5% 0 5% -25%;
}
.CT-57-illustration-6 {
width: 100%;
margin: 5% 0;
}
.CT-57-illustration-7 {
width: 100%;
margin: 5% 0;
}
.CT-57-illustration-8 {
width: 100%;
margin: 5% 0;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// auto-assurage-3-Installation pour l’auto-assurage sur deux corde ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.TechnicalContentDetailPage .CT-58-illustration-1, .CT-58-illustration-1 {
float: left;
margin: 2.7% 5% 0 0;
width: 30% !important;
}
.TechnicalContentDetailPage .CT-58-texte-1, .CT-58-texte-1 {
float: left;
width: 65%;
}
.TechnicalContentDetailPage .CT-58-illustration-2, .CT-58-illustration-2 {
width: 67% !important;
}
.TechnicalContentDetailPage .CT-58-illustration-3, .CT-58-illustration-3 {
width: 67% !important;
}
.TechnicalContentDetailPage .CT-58-illustration-4, .CT-58-illustration-4 {
height: 22px;
margin-right: 10px;
width: 38px !important;
float: left;
}
@media (max-width: 800px) {
.TechnicalContentDetailPage .CT-58-illustration-1, .CT-58-illustration-1 {
float: left;
margin: 2.7% 5% 5% 0;
width: 45% !important;
}
.TechnicalContentDetailPage .CT-58-texte-1, .CT-58-texte-1 {
float: left;
width: 50%;
}
.TechnicalContentDetailPage .CT-58-illustration-2, .CT-58-illustration-2 {
width: 85% !important;
}
.TechnicalContentDetailPage .CT-58-illustration-3, .CT-58-illustration-3 {
width: 85% !important;
}
}
@media (max-width: 650px) {
.TechnicalContentDetailPage .CT-58-illustration-1, .CT-58-illustration-1 {
float: left;
margin: 2.7% 5% 5% 0;
width: 60% !important;
}
.TechnicalContentDetailPage .CT-58-illustration-2, .CT-58-illustration-2 {
width: 100% !important;
}
.TechnicalContentDetailPage .CT-58-illustration-3, .CT-58-illustration-3 {
width: 100% !important;
}
.TechnicalContentDetailPage .CT-58-texte-1, .CT-58-texte-1 {
clear: both;
float: left;
width: 100%;
}
}
@media (max-width: 400px) {
.TechnicalContentDetailPage .CT-58-illustration-1, .CT-58-illustration-1 {
float: left;
margin: 2.7% 5% 5% 0;
width: 80% !important;
}
}
/*/////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe01-intro ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/
.CT-59-bloc-illustration-1, .CT-59-bloc-illustration-2, .CT-59-bloc-illustration-3, .CT-59-illustration-1, .CT-59-illustration-2, .CT-59-illustration-3, .CT-59-illustration-4, .CT-59-illustration-5, .CT-59-illustration-6, .CT-59-illustration-7, .CT-59-illustration-8, .CT-59-illustration-9, .CT-59-illustration-10, .CT-59-illustration-12, .CT-59-texte-1 {
float: left;
}
.CT-59-bloc-illustration-1 {
float: left;
background-color: #F6F6F6;
width: 100%;
padding: 20px;
border-radius: 10px;
margin: 5% 0;
box-sizing: border-box;
}
.CT-59-bloc-illustration-2 {
float: left;
width: 100%;
padding: 20px;
margin: 5% 0 1% 0;
box-sizing: border-box;
}
.CT-59-bloc-illustration-3 {
float: left;
background-color: #F6F6F6;
width: 100%;
padding: 20px;
border-radius: 10px;
margin: 5% 0;
box-sizing: border-box;
}
.CT-59-illustration-1 {
width: 40px;
margin: 0 20px 0 0;
}
.CT-59-illustration-2 {
width: 100%;
margin: 0;
}
.CT-59-illustration-2-2 {
width: 100%;
margin: 0;
display: none;
}
.CT-59-illustration-2-3 {
width: 100%;
margin: 0;
display: none;
}
.CT-59-illustration-3 {
float: right;
width: 50px;
margin: -70px -10px 0 0;
}
.CT-59-illustration-4 {
width: 46px;
margin: 0 3% 0 0;
}
.CT-59-texte-1 {
width: calc(97% - 46px);
}
.CT-59-bloc-tableau-1 {
width: 100%;
}
@media (max-width: 800px) {
.CT-59-illustration-2 {
display: none;
}
.CT-59-illustration-2-2 {
width: 100%;
margin: 0;
display: block;
}
}
@media (max-width: 450px) {
.CT-59-illustration-2-2 {
display: none;
}
.CT-59-illustration-2-3 {
width: 100%;
margin: 0;
display: block;
}
.CT-59-bloc-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 400px) {
.CT-59-bloc-tableau-1 {
font-size: 13px;
}
}
@media (max-width: 365px) {
.CT-59-bloc-tableau-1 {
font-size: 11px;
}
.CT-59-texte-1 {
clear: both;
float: left;
width: 100%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe03-formes-mousquetons ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////*/
.CT-60-bloc-illustration-1, .CT-60-bloc-illustration-2, .CT-60-bloc-illustration-3, .CT-60-bloc-illustration-4, .CT-60-bloc-illustration-5, .CT-60-bloc-illustration-6 {
float: left;
background-color: #FFF;
height: 10%;
width: 13%;
padding: 5px;
border-radius: 8px;
margin: 2% 2% 0 0;
}
.CT-60-bloc-info-1, .CT-60-bloc-info-2, .CT-60-bloc-info-3, .CT-60-bloc-info-4, .CT-60-bloc-info-5, .CT-60-bloc-info-6 {
float: left;
}
.CT-60-bloc-info-1 {
width: 50%;
float: left;
padding-right: 20px;
border-right: 1px solid #cccccc;
box-sizing: border-box;
}
.CT-60-bloc-info-2 {
width: 50%;
float: left;
padding-left: 20px;
box-sizing: border-box;
}
.CT-60-bloc-info-3 {
width: 50%;
float: left;
padding-right: 20px;
border-right: 1px solid #cccccc;
box-sizing: border-box;
}
.CT-60-bloc-info-4 {
width: 50%;
float: left;
padding-left: 20px;
box-sizing: border-box;
}
.CT-60-bloc-info-5 {
width: 100%;
float: left;
padding-right: 20px;
border-right: 1px solid #cccccc;
box-sizing: border-box;
}
.CT-60-bloc-info-6 {
width: 100%;
float: left;
padding-right: 20px;
border-right: 1px solid #cccccc;
box-sizing: border-box;
}
.CT-60-bloc-illustration-6 {
margin: 2% 0 0 0;
}
.CT-60-bloc-illustration-7, .CT-60-bloc-illustration-8, .CT-60-bloc-illustration-9, .CT-60-bloc-illustration-10 {
float: left;
background-color: #FFF;
width: 20%;
height: 100px;
padding: 5px;
border-radius: 8px;
margin: 2% 5% 0 0;
}
.CT-60-bloc-illustration-11, .CT-60-bloc-illustration-12 {
float: left;
background-color: #FFF;
width: 10%;
height: 100px;
padding: 5px;
border-radius: 8px;
margin: 2% 2.5% 0 0;
}
.CT-60-bloc-texte-1, .CT-60-bloc-texte-2, .CT-60-bloc-texte-3, .CT-60-bloc-texte-4 {
width: 60%;
float: left
}
.CT-60-bloc-texte-5, .CT-60-bloc-texte-6 {
width: 30%;
float: left
}
.CT-60-illustration-1 {
float: left;
width: 22%;
margin: 0 0 0 10%;
}
.CT-60-illustration-2 {
float: left;
width: 38%;
margin: 0 0 0 20%;
}
.CT-60-illustration-3 {
float: left;
width: 20%;
margin: 0 0 0 40%;
}
.CT-60-illustration-4 {
float: left;
width: 19%;
margin: 0 0 0 10%;
}
.CT-60-illustration-5 {
float: left;
width: 30%;
margin: 0 0 0 20%;
}
.CT-60-illustration-6 {
float: left;
width: 45%;
margin: 3% 0 0 00%;
}
.CT-60-illustration-7 {
float: left;
width: 40%;
margin: 0 0 0 0%;
}
.CT-60-illustration-8 {
float: left;
width: 23%;
margin: 7% 5% 0 00%;
}
.CT-60-illustration-9 {
float: left;
width: 20%;
margin: 0 0 0 0%;
}
.CT-60-illustration-10 {
float: left;
width: 17%;
margin: 0% 5% 0 00%;
}
.CT-60-illustration-11 {
float: left;
width: 8%;
margin: 5% 0 0 0%;
}
.CT-60-filet-1, .CT-60-filet-2 {
display: none;
}
@media (max-width: 700px) {
.CT-60-bloc-info-1 {
width: 100%;
float: left;
padding: 0;
border-right: none;
}
.CT-60-bloc-info-2 {
width: 100%;
float: left;
padding: 0;
}
.CT-60-bloc-info-3 {
width: 100%;
float: left;
padding: 0;
border-right: none;
}
.CT-60-bloc-info-4 {
width: 100%;
float: left;
padding: 0;
}
.CT-60-filet-1, .CT-60-filet-2 {
display: block;
}
.CT-60-bloc-illustration-7, .CT-60-bloc-illustration-8, .CT-60-bloc-illustration-9, .CT-60-bloc-illustration-10, .CT-60-bloc-illustration-11, .CT-60-bloc-illustration-12 {
float: left;
background-color: #FFF;
width: 15%;
height: auto;
padding: 5px;
border-radius: 8px;
margin: 2% 4% 0 0;
}
.CT-60-bloc-illustration-7 p, .CT-60-bloc-illustration-8 p, .CT-60-bloc-illustration-9 p, .CT-60-bloc-illustration-10 p, .CT-60-bloc-illustration-11 p, .CT-60-bloc-illustration-12 p {
margin: 0;
}
.CT-60-bloc-texte-5, .CT-60-bloc-texte-6 {
width: 60%;
float: left
}
.CT-60-illustration-1 {
width: 14.6%;
margin: 0 0 0 10%;
}
.CT-60-illustration-2 {
width: 25.3%;
margin: 0 0 0 10%;
}
.CT-60-illustration-3 {
width: 13.3%;
margin: 0 0 0 40%;
}
.CT-60-illustration-4 {
width: 12.6%;
margin: 0 0 0 10%;
}
.CT-60-illustration-5 {
width: 20%;
margin: 0 0 0 10%;
}
.CT-60-illustration-6 {
width: 30%;
margin: 1.5% 0 0 00%;
}
.CT-60-illustration-7 {
width: 26.6%;
margin: 0 0 0 0%;
}
.CT-60-illustration-8 {
width: 34.5%;
margin: 7% 10% 0 00%;
}
.CT-60-illustration-9 {
width: 30%;
margin: 0 0 0 0%;
}
.CT-60-illustration-10 {
width: 25.5%;
margin: 0% 10% 0 00%;
}
.CT-60-illustration-11 {
width: 12%;
margin: 10% 0 0 0%;
}
.CT-60-bloc-illustration-1, .CT-60-bloc-illustration-2, .CT-60-bloc-illustration-3, .CT-60-bloc-illustration-4, .CT-60-bloc-illustration-5, .CT-60-bloc-illustration-6 {
height: 8%;
width: 12%;
}
}
@media (max-width: 450px) {
.CT-60-illustration-4 {
clear: both;
float: left;
}
.CT-60-bloc-illustration-1, .CT-60-bloc-illustration-2, .CT-60-bloc-illustration-3, .CT-60-bloc-illustration-4, .CT-60-bloc-illustration-5, .CT-60-bloc-illustration-6 {
height: 8%;
width: 22%;
}
.CT-60-bloc-illustration-3 {
margin: 2% 2% 2px 0;
}
.CT-60-bloc-illustration-7, .CT-60-bloc-illustration-8, .CT-60-bloc-illustration-9, .CT-60-bloc-illustration-10, .CT-60-bloc-illustration-11, .CT-60-bloc-illustration-12 {
width: 20%;
margin: 2% 5% 0 0;
}
.CT-60-bloc-texte-1, .CT-60-bloc-texte-2, .CT-60-bloc-texte-3, .CT-60-bloc-texte-4 {
width: 72%;
}
.CT-60-illustration-1 {
width: 22%;
}
.CT-60-illustration-2 {
width: 38%;
margin: 0 0 0 10%;
}
.CT-60-illustration-3 {
width: 20%;
margin: 0 0 0 40%;
}
.CT-60-illustration-4 {
width: 19%;
margin: 0 0 0 10%;
}
.CT-60-illustration-5 {
width: 30%;
margin: 0 0 0 10%;
}
.CT-60-illustration-6 {
width: 45%;
margin: 1.5% 0 0 00%;
}
.CT-60-illustration-7 {
width: 40%;
margin: 0 0 0 0%;
}
.CT-60-illustration-8 {
width: 41.4%;
margin: 7% 10% 0 00%;
}
.CT-60-illustration-9 {
width: 36%;
margin: 0 0 0 0%;
}
.CT-60-illustration-10 {
width: 30.6%;
margin: 0% 10% 0 00%;
}
.CT-60-illustration-11 {
width: 14.4%;
margin: 10% 0 0 0%;
}
.CT-60-bloc-texte-5, .CT-60-bloc-texte-6 {
width: 60%;
float: left
}
.CT-60-bloc-texte-5, .CT-60-bloc-texte-6 {
width: 72%;
}
}
@media (max-width: 400px) {
.CT-60-bloc-texte-1, .CT-60-bloc-texte-2, .CT-60-bloc-texte-3, .CT-60-bloc-texte-4, .CT-60-bloc-texte-5, .CT-60-bloc-texte-6 {
clear: both;
float: left;
width: 100%;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe06-connection-VERSO-REVERSO ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
.CT-61-illustration-1, .CT-61-illustration-2, .CT-61-illustration-3, .CT-61-illustration-4, .CT-61-bloc-gris-1, .CT-61-bloc-gris-2, .CT-61-bloc-illustration-1, .CT-61-bloc-illustration-2 {
float: left;
}
.CT-61-bloc-gris-1, .CT-61-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-61-bloc-gris-2 p:first-of-type {
margin: 0 0 1em 0;
}
.CT-61-bloc-illustration-1 {
background-color: #FFF;
width: 30%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 5% 2% 0 0;
box-sizing: border-box;
}
.CT-61-bloc-illustration-2 {
background-color: #FFF;
width: 30.5%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 5% 3% 0 0;
box-sizing: border-box;
}
.CT-61-illustration-1 {
width: 16%;
margin: 0 3% 0 0;
}
.CT-61-illustration-2 {
width: 30%;
margin: 3% 0 0 0;
}
.CT-61-illustration-4 {
width: 85px;
margin: 2% 3% 0 0;
}
.CT-61-texte-1 {
margin: 0 0 0 100px;
}
.CT-61-texte-2 {
margin: 2% 0 0 0;
float: left;
width: calc(97% - 100px);
}
@media (max-width: 800px) {
.CT-61-illustration-1 {
width: 23%;
margin: 0 3% 0 0;
}
.CT-61-illustration-2 {
width: 40%;
margin: 3% 0 0 0;
}
.CT-61-bloc-illustration-1 {
width: 40%;
}
.CT-61-bloc-illustration-2 {
width: 40.7%;
}
}
@media (max-width: 600px) {
.CT-61-illustration-1 {
width: 30%;
margin: 0 3% 0 0;
}
.CT-61-illustration-2 {
width: 50%;
margin: 3% 0 0 0;
}
.CT-61-bloc-illustration-1 {
width: 48%;
margin: 5% 3.3% 0 0;
}
.CT-61-bloc-illustration-2 {
width: 48.7%;
margin: 5% 0% 0 0;
}
}
@media (max-width: 450px) {
.CT-61-illustration-1 {
width: 40%;
margin: 0 3% 0 0;
}
.CT-61-illustration-2 {
width: 60%;
margin: 3% 0 0 0;
}
.CT-61-bloc-illustration-1 {
width: 65%;
margin: 5% 0 0 17%;
}
.CT-61-bloc-illustration-2 {
width: 65%;
margin: 5% 0% 0 17%;
}
.CT-61-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-61-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-61-illustration-4 {
width: 85px;
margin: 2% 3% 5% 0;
}
}
@media (max-width: 400px) {
.CT-61-bloc-illustration-1 {
width: 80%;
margin: 5% 0 0 10%;
}
.CT-61-bloc-illustration-2 {
width: 80%;
margin: 5% 0% 0 10%;
}
.CT-61-illustration-2 {
width: 80%;
margin: 3% 0 0 0;
}
.CT-61-intro {
float: left;
clear: both;
}
}
@media (max-width: 350px) {
.CT-61-illustration-1 {
width: 50%;
margin: 0 3% 0 0;
}
.CT-61-bloc-illustration-1 {
width: 100%;
margin: 5% 0 0 0;
}
.CT-61-bloc-illustration-2 {
width: 100%;
margin: 5% 0% 0 0;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe07-bout-Longe-Positionnement ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/
.CT-62-illustration-1, .CT-62-illustration-2, .CT-62-illustration-3, .CT-62-illustration-4, .CT-62-bloc-gris-1, .CT-62-bloc-gris-2, .CT-62-bloc-illustration-1, .CT-62-bloc-illustration-2 {
float: left;
}
.CT-62-bloc-gris-1, .CT-62-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-62-bloc-gris-2 p:first-of-type {
margin: 0 0 1em 0;
}
.CT-62-bloc-illustration-1 {
background-color: #FFF;
width: 55%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 3% 2% 3% 0;
box-sizing: border-box;
}
.CT-62-bloc-illustration-1-2 {
background-color: #FFF;
width: 60%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 5% 3% 0 0;
box-sizing: border-box;
display: none;
}
.CT-62-illustration-1 {
width: 3.2%;
margin: 0 3% 0 0;
padding: 20px;
}
.CT-62-illustration-2 {
width: 50%;
margin: 3% 0 0 0;
}
.CT-62-illustration-4 {
width: 70px;
margin: 2% 3% 0 0;
}
.CT-62-texte-1 {
margin: 0 0 0 100px;
}
.CT-62-texte-2 {
margin: 2% 0 0 0;
float: left;
width: calc(97% - 100px);
}
@media (max-width: 800px) {
.CT-62-illustration-1 {
width: 4.3%;
margin: 0 3% 0 0;
}
.CT-62-illustration-2 {
width: 65%;
margin: 3% 0 0 0;
}
.CT-62-bloc-illustration-1 {
width: 75%;
margin: 3% 3.3% 5% 0;
}
}
@media (max-width: 600px) {
.CT-62-illustration-1 {
width: 6.1%;
margin: 0 3% 0 0;
}
.CT-62-illustration-2 {
width: 85%;
margin: 3% 0 0 0;
}
.CT-62-bloc-illustration-1 {
width: 90%;
margin: 3% 3.3% 5% 0;
}
}
@media (max-width: 450px) {
.CT-62-illustration-1 {
width: 8%;
margin: 0 3% 0 0;
}
.CT-62-illustration-2 {
width: 100%;
margin: 3% 0 0 0;
}
.CT-62-bloc-illustration-1 {
width: 100%;
margin: 3% 0 5% 0%;
}
.CT-62-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-62-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-62-illustration-4 {
width: 85px;
margin: 2% 3% 5% 0;
}
}
@media (max-width: 400px) {
.CT-62-bloc-illustration-1 {
display: none;
}
.CT-62-bloc-illustration-1-2 {
width: 70%;
margin: 3% 0 5% 15%;
display: block;
}
.CT-62-intro {
float: left;
clear: both;
}
}
@media (max-width: 350px) {
.CT-62-illustration-1 {
width: 11%;
margin: 0 3% 0 0;
}
.CT-62-bloc-illustration-1 {
display: none;
}
.CT-62-bloc-illustration-1-2 {
width: 100%;
margin: 3% 0 5% 0%;
display: block;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe11-connexions-ancrages-relais ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/
.CT-63-illustration-1, .CT-63-illustration-2, .CT-63-illustration-3, .CT-63-illustration-4, .CT-63-bloc-gris-1, .CT-63-bloc-gris-2, .CT-63-bloc-illustration-1, .CT-63-bloc-illustration-2 {
float: left;
}
.CT-63-bloc-gris-1, .CT-63-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-63-bloc-gris-2 p:first-of-type {
margin: 0 0 1em 0;
}
.CT-63-bloc-illustration-1 {
background-color: #FFF;
width: 85%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 5% 2% 0 0;
box-sizing: border-box;
}
.CT-63-bloc-illustration-1-2 {
background-color: #FFF;
width: 30%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 5% 2% 0 0;
box-sizing: border-box;
display: none;
}
.CT-63-bloc-illustration-2 {
background-color: #FFF;
width: 38%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 1% 3% 0 0;
box-sizing: border-box;
}
.CT-63-illustration-1 {
width: 19%;
margin: 0 3% 0 0;
}
.CT-63-illustration-2 {
width: 60%;
margin: 3% 0 0 0;
}
.CT-63-illustration-2-2 {
width: 60%;
margin: 3% 0 0 0;
display: none;
}
.CT-63-illustration-4 {
width: 100px;
margin: 2% 3% 0 0;
background-color: #fff;
}
.CT-63-texte-1 {
margin: 0 0 0 100px;
}
.CT-63-texte-2 {
margin: 2% 0 0 0;
float: left;
width: calc(96% - 100px);
}
.CT-63-illustration-5 {
width: 50%;
margin: 3% 0 0 0;
}
.CT-63-illustration-5-2 {
width: 50%;
margin: 3% 0 0 0;
display: none;
}
@media (max-width: 800px) {
.CT-63-illustration-1 {
width: 23%;
margin: 0 3% 0 0;
}
.CT-63-illustration-2 {
width: 73%;
margin: 3% 0 0 0;
}
.CT-63-bloc-illustration-1 {
width: 100%;
}
.CT-63-bloc-illustration-2 {
width: 46%;
}
.CT-63-illustration-5 {
width: 70%;
margin: 3% 0 0 0;
}
}
@media (max-width: 600px) {
.CT-63-illustration-1 {
width: 30%;
margin: 0 3% 0 0;
}
.CT-63-illustration-2 {
width: 100%;
margin: 3% 0 0 0;
}
.CT-63-bloc-illustration-1 {
display: none;
}
.CT-63-bloc-illustration-1-2 {
width: 70%;
margin: 5% 2% 0 15%;
display: block;
}
.CT-63-bloc-illustration-2 {
width: 70%;
margin: 5% 0% 0 15%;
}
.CT-63-illustration-5 {
width: 100%;
margin: 3% 0 0 0;
}
}
@media (max-width: 450px) {
.CT-63-illustration-1 {
width: 40%;
margin: 0 3% 0 0;
}
.CT-63-illustration-2 {
display: none;
}
.CT-63-illustration-2-2 {
width: 83%;
margin: 3% 0 0 0;
display: block;
}
.CT-63-bloc-illustration-1-2 {
width: 85%;
margin: 5% 2% 0 7.5%;
display: block;
}
.CT-63-bloc-illustration-2 {
width: 85%;
margin: 5% 0% 0 7.5%;
}
.CT-63-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-63-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-63-illustration-4 {
width: 85px;
margin: 2% 3% 5% 0;
}
.CT-63-illustration-5 {
width: 80%;
margin: 3% 0 0 0;
}
}
@media (max-width: 400px) {
.CT-63-bloc-illustration-1-2 {
width: 80%;
margin: 5% 2% 0 10%;
display: block;
}
.CT-63-bloc-illustration-2 {
width: 80%;
margin: 5% 0% 0 10%;
}
.CT-63-illustration-2 {
width: 80%;
margin: 3% 0 0 0;
}
.CT-63-intro {
float: left;
clear: both;
}
}
@media (max-width: 350px) {
.CT-63-illustration-1 {
width: 50%;
margin: 0 3% 0 0;
}
.CT-63-bloc-illustration-1-2 {
width: 100%;
margin: 5% 2% 0 0%;
display: block;
}
.CT-63-bloc-illustration-2 {
width: 100%;
margin: 5% 0% 0 0%;
}
.CT-63-illustration-5 {
width: 100%;
margin: 3% 0 0 0;
}
}
/*/////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe13-mouflages ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/
.CT-64-illustration-1, .CT-64-illustration-2, .CT-64-illustration-3, .CT-64-illustration-4, .CT-64-bloc-gris-1, .CT-64-bloc-gris-2, .CT-64-bloc-illustration-1, .CT-64-bloc-illustration-2 {
float: left;
}
.CT-64-bloc-gris-1, .CT-64-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-64-bloc-gris-2 p:first-of-type {
margin: 0 0 1em 0;
}
.CT-64-bloc-illustration-1 {
background-color: #FFF;
width: 25.2%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 5% 2% 0 0;
box-sizing: border-box;
}
.CT-64-bloc-illustration-2 {
background-color: #FFF;
width: 38.2%;
align: center;
padding: 2.5% 20px 20px 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-64-bloc-illustration-2 p:first-of-type {
margin: 0;
}
.CT-64-illustration-1 {
width: 5%;
margin: 0 3% 0 0;
padding: 20px 30px 10px;
}
.CT-64-illustration-2 {
width: 45%;
margin: 3% 0 0 0;
}
.CT-64-illustration-2-2 {
width: 60%;
margin: 3% 0 0 0;
display: none;
}
.CT-64-illustration-4 {
width: 40px;
margin: 2% 3% 0 0;
background-color: #fff;
padding: 20px 30px 10px;
}
.CT-64-texte-1 {
margin: 0 0 0 100px;
}
.CT-64-texte-2 {
margin: 2% 0 0 0;
float: left;
width: calc(96% - 100px);
}
.CT-64-illustration-5 {
width: 35%;
margin: 3% 0 0 0;
}
.CT-64-hr {
clear: both;
float: left;
margin: 30px 0;
width: 100%;
}
@media (max-width: 800px) {
.CT-64-illustration-1 {
width: 7%;
margin: 0 3% 0 0;
}
.CT-64-illustration-2 {
width: 60%;
margin: 3% 0 0 0;
}
.CT-64-bloc-illustration-1 {
width: 35%;
}
.CT-64-bloc-illustration-2 {
width: 53.5%;
padding: 3.1% 20px 20px 20px;
}
.CT-64-illustration-5 {
width: 50%;
margin: 3% 0 0 0;
}
}
@media (max-width: 600px) {
.CT-64-illustration-1 {
width: 8.8%;
margin: 0 3% 0 0;
}
.CT-64-illustration-2 {
width: 80%;
margin: 3% 0 0 0;
}
.CT-64-bloc-illustration-1 {
width: 46%;
margin: 5% 2% 0 27%;
}
.CT-64-bloc-illustration-2 {
width: 70%;
margin: 5% 0% 5% 15%;
}
.CT-64-illustration-5 {
width: 70%;
margin: 3% 0 0 0;
}
}
@media (max-width: 450px) {
.CT-64-illustration-1 {
width: 10%;
margin: 0 3% 0 0;
}
.CT-64-illustration-2 {
display: none;
}
.CT-64-illustration-2-2 {
width: 72%;
margin: 3% 0 0 0;
display: block;
}
.CT-64-bloc-illustration-1 {
width: 58%;
margin: 5% 2% 0 21%;
}
.CT-64-bloc-illustration-2 {
width: 85%;
margin: 5% 0 5% 7.5%;
}
.CT-64-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-64-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-64-illustration-4 {
width: 40px;
margin: 2% 3% 5% 0;
}
.CT-64-illustration-5 {
width: 60%;
margin: 3% 0 0 0;
}
}
@media (max-width: 400px) {
.CT-64-bloc-illustration-1 {
width: 67%;
margin: 5% 2% 0 16.5%;
}
.CT-64-bloc-illustration-2 {
width: 100%;
margin: 5% 0% 5% 0%;
}
.CT-64-illustration-2 {
width: 80%;
margin: 3% 0 0 0;
}
.CT-64-intro {
float: left;
clear: both;
}
.CT-64-illustration-5 {
width: 70%;
margin: 3% 0 0 0;
}
}
@media (max-width: 350px) {
.CT-64-illustration-1 {
width: 15%;
margin: 0 3% 0 0;
}
.CT-64-illustration-5 {
width: 80%;
margin: 3% 0 0 0;
}
.CT-64-illustration-2-2 {
width: 95%;
margin: 3% 0 0 0;
display: block;
}
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe15-PIRANA ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-65-illustration-1, .CT-65-illustration-2, .CT-65-illustration-3, .CT-65-illustration-4, .CT-65-bloc-gris-1, .CT-65-bloc-gris-2, .CT-65-bloc-illustration-1, .CT-65-bloc-illustration-1-2 {
float: left;
}
.CT-65-bloc-gris-1, .CT-65-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-65-bloc-gris-2 p:first-of-type {
margin: 0 0 1em 0;
}
.CT-65-bloc-illustration-1 {
background-color: #FFF;
width: 55%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 5% 2% 3% 0;
box-sizing: border-box;
}
.CT-65-bloc-illustration-1-2 {
display: none;
}
.CT-65-illustration-1 {
width: 14%;
margin: 0 3% 0 0;
padding: 0;
}
.CT-65-illustration-2 {
width: 22%;
margin: 3% 0 5% 0;
}
.CT-65-illustration-4 {
width: 100px;
margin: 2% 3% 0 0;
background-color: #fff;
}
.CT-65-texte-1 {
margin: 0 0 0 100px;
}
.CT-65-texte-2 {
margin: 2% 0 0 0;
float: left;
width: calc(96% - 100px);
}
.CT-65-intro p {
margin-bottom: 0;
}
@media (max-width: 800px) {
.CT-65-illustration-1 {
width: 21%;
margin: 0 3% 0 0;
}
.CT-65-illustration-2 {
width: 30%;
margin: 3% 0 5% 0;
}
.CT-65-bloc-illustration-1 {
width: 72%;
margin: 3% 2% 3% 0;
}
}
@media (max-width: 600px) {
.CT-65-illustration-1 {
width: 24%;
margin: 0 3% 0 0;
}
.CT-65-illustration-2 {
width: 40%;
margin: 3% 0 5% 0;
}
.CT-65-bloc-illustration-1 {
width: 100%;
margin: 3% 2% 5% 0%;
}
}
@media (max-width: 450px) {
.CT-65-illustration-1 {
width: 30%;
margin: 0 3% 0 0;
}
.CT-65-illustration-2 {
width: 50%;
margin: 3% 0 5% 0;
}
.CT-65-bloc-illustration-1 {
display: none;
}
.CT-65-bloc-illustration-1-2 {
background-color: #FFF;
width: 75%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 3% 0% 5% 12.5%;
box-sizing: border-box;
display: block;
}
.CT-65-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-65-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-65-illustration-4 {
width: 100px;
margin: 2% 0 5% 0;
}
}
@media (max-width: 400px) {
.CT-65-bloc-illustration-1-2 {
width: 100%;
margin: 3% 0% 5% 0%;
}
.CT-65-illustration-2 {
width: 55%;
margin: 3% 0 5% 0;
}
.CT-65-intro {
float: left;
clear: both;
}
}
@media (max-width: 350px) {
.CT-65-illustration-1 {
width: 40%;
margin: 0 3% 0 0;
}
.CT-65-illustration-2 {
width: 65%;
margin: 3% 0 5% 0;
}
.CT-65-illustration-2-2 {
width: 95%;
margin: 3% 0 0 0;
display: block;
}
}
/*/////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe16-HUIT-RACK ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/
.CT-66-illustration-1, .CT-66-illustration-2, .CT-66-illustration-3, .CT-66-illustration-4, .CT-66-bloc-gris-1, .CT-66-bloc-gris-2, .CT-66-bloc-illustration-1, .CT-66-bloc-illustration-1-2 {
float: left;
}
.CT-66-bloc-gris-1, .CT-66-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-66-bloc-gris-2 p:first-of-type {
margin: 0 0 1em 0;
}
.CT-66-bloc-illustration-1 {
background-color: #FFF;
width: 100%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 5% 2% 3% 0;
box-sizing: border-box;
}
.CT-66-bloc-illustration-1-2 {
display: none;
}
.CT-66-illustration-1 {
width: 24%;
margin: 0 3% 0 0;
padding: 0;
}
.CT-66-illustration-2 {
width: 40%;
margin: 3% 0 5% 0;
}
.CT-66-illustration-4 {
width: 110px;
margin: 2% 3% 0 0;
background-color: #fff;
}
.CT-66-texte-1 {
margin: 0 0 0 100px;
}
.CT-66-texte-2 {
margin: 2% 0 0 0;
float: left;
width: calc(96% - 110px);
}
.CT-66-intro p {
margin-bottom: 0;
}
@media (max-width: 800px) {
.CT-66-illustration-1 {
width: 28%;
margin: 0 3% 0 0;
}
.CT-66-illustration-2 {
width: 50%;
margin: 3% 0 5% 0;
}
.CT-66-bloc-illustration-1 {
width: 100%;
margin: 3% 2% 3% 0;
}
}
@media (max-width: 600px) {
.CT-66-illustration-1 {
width: 38%;
margin: 0 3% 0 0;
}
.CT-66-illustration-2 {
width: 70%;
margin: 3% 0 5% 0;
}
.CT-66-bloc-illustration-1 {
display: none;
}
.CT-66-bloc-illustration-1-2 {
background-color: #FFF;
width: 75%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 3% 0% 5% 12.5%;
box-sizing: border-box;
display: block;
}
}
@media (max-width: 450px) {
.CT-66-illustration-1 {
width: 40%;
margin: 0 3% 0 0;
}
.CT-66-illustration-2 {
width: 80%;
margin: 3% 0 5% 0;
}
.CT-66-bloc-illustration-1-2 {
background-color: #FFF;
width: 100%;
align: center;
padding: 20px;
border-radius: 10px;
margin: 3% 0% 5% 0%;
box-sizing: border-box;
display: block;
}
.CT-66-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-66-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-66-illustration-4 {
width: 100px;
margin: 2% 0 5% 0;
}
}
@media (max-width: 400px) {
.CT-66-bloc-illustration-1-2 {
width: 100%;
margin: 3% 0% 5% 0%;
}
.CT-66-illustration-2 {
width: 85%;
margin: 3% 0 5% 0;
}
.CT-66-intro {
float: left;
clear: both;
}
}
@media (max-width: 350px) {
.CT-66-illustration-1 {
width: 55%;
margin: 0 3% 0 0;
}
.CT-66-illustration-2 {
width: 100%;
margin: 3% 0 5% 0;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe20-mauvais-Positionnements ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
.CT-67-illustration-1, .CT-67-illustration-2, .CT-67-illustration-3, .CT-67-illustration-4, .CT-67-illustration-5, .CT-67-illustration-6, .CT-67-illustration-7, .CT-67-illustration-8, .CT-67-illustration-9, .CT-67-illustration-10, .CT-67-illustration-11, .CT-67-illustration-12, .CT-67-illustration-13, .CT-67-illustration-14, .CT-67-illustration-15, .CT-67-illustration-15-2, .CT-67-illustration-16, .CT-67-illustration-17, .CT-67-illustration-17-2, .CT-67-illustration-18, .CT-67-illustration-19, .CT-67-illustration-19-2, .CT-67-illustration-20, .CT-67-illustration-21, .CT-67-illustration-21-2, .CT-67-illustration-22, .CT-67-illustration-23, .CT-67-illustration-23-2, .CT-67-illustration-24, .CT-67-illustration-25, .CT-67-illustration-26, .CT-67-illustration-26-2, .CT-67-illustration-27, .CT-67-illustration-28, .CT-67-illustration-28-2, .CT-67-bloc-illustration-10, .CT-67-illustration-29, .CT-67-illustration-29-2 {
float: left;
}
.CT-67-illustration-15-2, .CT-67-illustration-17-2, .CT-67-illustration-19-2, .CT-67-illustration-21-2, .CT-67-illustration-23-2, .CT-67-illustration-26-2, .CT-67-illustration-28-2, .CT-67-illustration-29-2 {
display: none;
}
.CT-67-illustration-1 {
width: 65px;
margin: 3% 20px 3% 20px;
}
.CT-67-illustration-2 {
margin: 0 0 15% 0;
}
.CT-67-illustration-4, .CT-67-illustration-5, .CT-67-illustration-6, .CT-67-illustration-7, .CT-67-illustration-8, .CT-67-illustration-9, .CT-67-illustration-10 {
margin: 2% 1% 1% 0;
}
.CT-67-illustration-12 {
margin: 0 20px 0 0;
}
.CT-67-illustration-24 {
margin: 0 0 10% 0;
}
.CT-67-bloc-illustration-2 h4, .CT-67-bloc-illustration-3 h4, .CT-67-bloc-illustration-4 h4, .CT-67-bloc-illustration-5 h4, .CT-67-bloc-illustration-6 h4, .CT-67-bloc-illustration-7 h4, .CT-67-bloc-illustration-8 h4, .CT-67-bloc-illustration-9 h4 {
margin: 0 0 20px 0;
}
.CT-67-bloc-illustration-10 {
width: calc(100% - 124px)
}
.CT-67-texte-1 {
margin: 3% 0
}
.CT-67-texte-1 p:first-of-type {
margin-top: 0
}
.CT-67-bloc-gris-1 {
background-color: #F6F6F6;
width: 100%;
float: left;
padding: 20px;
border-radius: 10px;
margin: 0 0 5% 0;
box-sizing: border-box;
}
.CT-67-bloc-illustration-1 {
width: 124px;
float: left;
margin: 3% 20px 0 0;
}
.CT-67-texte-2 {
float: left;
width: calc(100% - 144px);
margin: 3% 0 0 0;
}
.CT-67-hr {
margin: 30px 0;
}
.CT-67-bloc-illustration-2, .CT-67-bloc-illustration-3, .CT-67-bloc-illustration-4, .CT-67-bloc-illustration-5, .CT-67-bloc-illustration-6, .CT-67-bloc-illustration-7, .CT-67-bloc-illustration-8, .CT-67-bloc-illustration-9 {
background-color: #FFF;
width: 100%;
/*align: center;*/
float: left;
padding: 20px;
border-radius: 10px;
margin: 5% 0 1%;
box-sizing: border-box;
}
.CT-67-bloc-pictos-1 {
width: 138px;
float: left;
}
.CT-67-degrade {
clear: both;
float: left;
height: 40px;
width: 100%;
margin: 20px 0 -2% 0;
}
.CT-67-information {
float: left;
margin: 0 20px 0 0;
width: 40px;
}
.CT-67-texte-information {
width: calc(97% - 60px);
float: left;
}
.CT-67-illustration-28 {
width: 420px;
}
.CT-67-illustration-28 img {
width: 100%;
}
.CT-67-illustration-29 {
width: 158px;
margin-left: 35px;
}
.CT-67-illustration-29-2 {
width: 254px;
clear: both;
float: left;
margin: 30px 0 0 142px;
}
@media (max-width: 980px) {
.CT-67-illustration-28, .CT-67-illustration-29 {
display: none;
}
.CT-67-illustration-28-2, .CT-67-illustration-29-2 {
display: block;
}
}
@media (max-width: 930px) {
.CT-67-illustration-17, .CT-67-illustration-23 {
display: none;
}
.CT-67-illustration-17-2, .CT-67-illustration-23-2 {
display: block;
}
}
@media (max-width: 834px) {
.CT-67-illustration-12 {
margin: 0 20px 20px 0;
}
}
@media (max-width: 805px) {
.CT-67-illustration-15, .CT-67-illustration-19, .CT-67-illustration-21, .CT-67-illustration-26, .CT-67-illustration-28 {
display: none;
}
.CT-67-illustration-15-2, .CT-67-illustration-19-2, .CT-67-illustration-21-2, .CT-67-illustration-26-2, .CT-67-illustration-28-2 {
display: block;
}
.CT-67-bloc-illustration-2, .CT-67-bloc-illustration-3, .CT-67-bloc-illustration-4, .CT-67-bloc-illustration-5, .CT-67-bloc-illustration-6, .CT-67-bloc-illustration-7, .CT-67-bloc-illustration-8, .CT-67-bloc-illustration-9 {
margin: 10% 0 2%;
}
}
@media (max-width: 600px) {
.CT-67-texte-2 {
float: left;
width: 100%;
margin: 0;
}
.CT-67-bloc-illustration-1 {
width: 100%;
float: left;
margin: 3% 20px 0 0;
}
.CT-67-illustration-2 {
margin: 0 10px 0% 0;
}
}
@media (max-width: 500px) {
.CT-67-illustration-11, .CT-67-illustration-14, .CT-67-illustration-16, .CT-67-illustration-18, .CT-67-illustration-20, .CT-67-illustration-22, .CT-67-bloc-pictos-1, .CT-67-illustration-27 {
margin: 0 0 20px 18px;
}
.CT-67-bloc-illustration-10 {
width: calc(100% - 18px);
float: left;
clear: both;
}
.CT-67-illustration-12, .CT-67-illustration-13 {
width: 100%;
}
.CT-67-texte-information {
clear: both;
float: left;
width: 100%;
}
.CT-67-illustration-29-2 {
margin: 25px 0 0 19px;
}
}
@media (max-width: 400px) {
.CT-67-illustration-15-2, .CT-67-illustration-17-2, .CT-67-illustration-19-2, .CT-67-illustration-21-2, .CT-67-illustration-23-2, .CT-67-illustration-26-2, .CT-67-illustration-28-2 {
margin-right: 18px;
}
}
@media (max-width: 392px) {
.CT-67-illustration-29-2 {
width: calc(100% - 37px);
}
}
@media (max-width: 350px) {
.CT-67-illustration-11, .CT-67-illustration-14, .CT-67-illustration-16, .CT-67-illustration-18, .CT-67-illustration-20, .CT-67-illustration-22, .CT-67-bloc-pictos-1, .CT-67-illustration-27 {
margin: 0 0 20px 15px;
}
}
@media (max-width: 320px) {
.CT-67-illustration-11, .CT-67-illustration-14, .CT-67-illustration-16, .CT-67-illustration-18, .CT-67-illustration-20, .CT-67-illustration-22, .CT-67-bloc-pictos-1, .CT-67-illustration-27 {
margin: 0 0 20px 13px;
}
}
/*////////////////////////////////////////////////////////*/
/*//////////////////// MINITRAXION ///////////////////////*/
/*////////////////////////////////////////////////////////*/
.CT-68-illustration-1 {
float: left;
width: 46px;
margin: 5% 0 1% 0;
}
.CT-68-illustration-2 {
width: 100%;
padding: 0 25%;
}
.CT-68-tableau-1 {
width: 100%;
margin: 5% 0;
}
.CT-68-tableau-2, .CT-68-tableau-3 {
display: none;
}
@media (max-width: 800px) {
.CT-68-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 600px) {
.CT-68-tableau-1 {
display: none;
}
.CT-68-tableau-2, .CT-68-tableau-3 {
display: block;
width: 100%;
margin: 5% 0;
}
}
@media (max-width: 400px) {
.CT-68-tableau-1 {
display: none;
}
.CT-68-tableau-2, .CT-68-tableau-3 {
display: block;
width: 100%;
margin: 5% 0;
}
.CT-68-illustration-2 {
width: 100%;
padding: 0 10%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MICRO TRAXION - sport 11 -Tests sur MICRO TRAXION et cordelettes dyneema ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-69-bloc-gris-1 {
clear: both;
float: left;
align: center;
background: #F0F0F0;
width: 100%;
height: auto;
padding: 20px;
border-radius: 10px;
margin: 3% 0;
box-sizing: border-box;
}
.CT-69-illustration-1 {
padding: 20px;
border-radius: 10px;
box-sizing: border-box;
margin: 3% auto 0;
width: 640px;
}
.CT-69-illustration-1-2 {
display: none;
}
.CT-69-bloc-gris-1 p {
margin: 0;
}
@media (max-width: 810px) {
.CT-69-illustration-1 {
width: 100%;
}
}
@media (max-width: 700px) {
.CT-69-bloc-gris-1 {
width: 100%;
margin: 3% 0;
}
}
@media (max-width: 450px) {
.CT-69-illustration-1 {
display: none;
}
.CT-69-illustration-1-2 {
padding: 20px;
border-radius: 10px;
box-sizing: border-box;
margin: 3% auto 0;
width: 100%;
display: block;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// LightingSPORT La puissance lumineuse ou l’autonomie ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-70-tableau-1 {
border: 0 hidden #FFF;
max-width: 562px;
}
@media (max-width: 550px) {
.CT-70-tableau-1 {
font-size: 0.9em;
}
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// LightingSPORT La qualité du faisceau ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.CT-71-bloc-illustration-1, .CT-71-bloc-illustration-2, .CT-71-illustration-2, .CT-71-illustration-3 {
float: left;
}
.CT-71-bloc-illustration-1 {
max-width: 48%;
padding: 0 2% 0 0;
box-sizing: border-box;
margin: 3% 2% 3% 0;
border-right: solid 2px #cccccc;
}
.CT-71-bloc-illustration-1 img {
width: 100%;
float: left;
margin: 3% 0;
}
.CT-71-bloc-illustration-2 {
max-width: 48%;
box-sizing: border-box;
margin: 3% 0;
}
.CT-71-bloc-illustration-1 p, .CT-71-bloc-illustration-2 p {
margin: 0;
}
.illustration-1 {
width: 46%;
margin: 52.5% 8% 0 0;
float: left;
}
.illustration-2 {
width: 46%;
margin: 52.5% 0 0 0;
float: left;
}
.illustration-1 img {
width: 100%;
float: left;
margin: 0 0 5% 0;
}
.illustration-2 img {
width: 100%;
float: left;
margin: 0 0 5% 0;
}
@media (max-width: 700px) {
.CT-71-bloc-illustration-1 {
border-bottom: solid 2px #cccccc;
border-right: none;
margin: 3% 2% 3% 0;
padding: 0 0 6% 0;
max-width: 70%;
}
.CT-71-bloc-illustration-2 {
clear: both;
float: left;
max-width: 70%;
}
.illustration-1 {
width: 46%;
margin: 3% 8% 0 0;
float: left;
}
.illustration-2 {
width: 46%;
margin: 3% 0 0 0;
float: left;
}
}
@media (max-width: 600px) {
.CT-71-bloc-illustration-1 {
max-width: 85%;
}
.CT-71-bloc-illustration-2 {
max-width: 85%;
}
}
@media (max-width: 450px) {
.CT-71-bloc-illustration-1 {
max-width: 100%;
}
.CT-71-bloc-illustration-2 {
max-width: 100%;
}
}
/*/////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI-Tendre une tyrolienne ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/
.CT-72-illustration-1, .CT-72-illustration-1-2, .CT-72-illustration-2, .CT-72-illustration-3, .CT-72-illustration-3-2, .CT-72-illustration-4, .CT-72-illustration-4-2 {
float: left;
}
.CT-72-illustration-1-2, .CT-72-illustration-2-2, .CT-72-illustration-3-2, .CT-72-illustration-4-2 {
display: none;
}
.CT-72-illustration-1, .CT-72-illustration-3, .CT-72-illustration-4 {
width: 90%;
margin: 3% 0;
}
.CT-72-illustration-2 {
width: 50%;
margin: -13% 0 5% 51%;
padding: 10px;
box-sizing: border-box;
}
@media (max-width: 700px) {
.CT-72-illustration-2 {
clear: both;
float: left;
width: 75%;
margin: 0 0 5% 0;
padding: 10px;
}
}
@media (max-width: 500px) {
.CT-72-illustration-1, .CT-72-illustration-2, .CT-72-illustration-3, .CT-72-illustration-4 {
display: none;
}
.CT-72-illustration-1-2, .CT-72-illustration-3-2, .CT-72-illustration-4-2 {
display: block;
width: 90%;
margin: 3% 0;
}
.CT-72-illustration-2-2 {
clear: both;
float: left;
display: block;
width: 40%;
margin: 2% 0 5% 30%;
padding: 10px;
box-sizing: border-box;
}
}
@media (max-width: 400px) {
.CT-72-illustration-2-2 {
width: 50%;
margin: 2% 0 5% 25%;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Passer un fractionnement à la descente ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-73-illustration-1, .CT-73-illustration-2 {
float: left;
}
.technicalContentContainer .CT-73-texte-1, .TechnicalContainer .CT-73-texte-1 {
max-width: 350px;
float: left;
margin: 3% 40px 0 0;
}
.technicalContentContainer .CT-73-texte-2, .TechnicalContainer .CT-73-texte-2 {
max-width: 350px;
float: left;
margin: 3% 40px 0 0;
}
.technicalContentContainer .CT-73-texte-3, .TechnicalContainer .CT-73-texte-3 {
float: left;
margin: 3% 40px 0 0;
max-width: 700px;
}
.technicalContentContainer .CT-73-texte-4, .TechnicalContainer .CT-73-texte-4 {
max-width: 250px;
float: left;
margin: 3% 40px 0 0;
}
.technicalContentContainer .CT-73-texte-5, .TechnicalContainer .CT-73-texte-5 {
max-width: 350px;
float: left;
margin: 3% 40px 0 0;
}
.technicalContentContainer .CT-73-texte-6, .TechnicalContainer .CT-73-texte-6 {
margin: 3% 0 0 0;
float: left;
}
@media (max-width: 660px) {
.CT-73-illustration-1 {
clear: both;
float: left;
margin-top: 20px;
}
.CT-73-illustration-2 {
margin-top: 20px;
}
}
@media (max-width: 450px) {
.technicalContentContainer .CT-73-texte-1, .TechnicalContainer .CT-73-texte-1, .technicalContentContainer .CT-73-texte-2, .TechnicalContainer .CT-73-texte-2, .technicalContentContainer .CT-73-texte-3, .TechnicalContainer .CT-73-texte-3, .technicalContentContainer .CT-73-texte-4, .TechnicalContainer .CT-73-texte-4, .technicalContentContainer .CT-73-texte-5, .TechnicalContainer .CT-73-texte-5, .technicalContentContainer .CT-73-texte-6, .TechnicalContainer .CT-73-texte-6 {
width: 100%;
margin: 3% 0 0 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - coincement cordes derrière la came - déblocage ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-74-illustration-1, .CT-74-illustration-2, .CT-74-illustration-3, .CT-74-illustration-4, .CT-74-illustration-5, .CT-74-illustration-6, .CT-74-bloc-illustration-1, .CT-74-bloc-illustration-2 {
float: left;
}
.CT-74-bloc-illustration-1 {
margin: 5% 0;
width: 80%;
}
.CT-74-bloc-illustration-2 {
margin: 0;
width: 80%;
}
.CT-74-bloc-illustration-1 p, .CT-74-bloc-illustration-2 p, .CT-74-bloc-illustration-1 img, .CT-74-bloc-illustration-2 img {
float: left;
width: 100%;
}
.CT-74-bloc-illustration-1 p, .CT-74-bloc-illustration-2 p {
margin: 10px 0 0 0;
}
.CT-74-illustration-1, .CT-74-illustration-3, .CT-74-illustration-4, .CT-74-illustration-6 {
width: 40%;
margin: 0 0 0 0;
}
.CT-74-illustration-2, .CT-74-illustration-5 {
width: 6%;
margin: 27% 5% 0 5%;
}
.CT-74-hr {
display: none;
}
@media (max-width: 800px) {
.CT-74-bloc-illustration-1 {
margin: 5% 0;
width: 100%;
}
.CT-74-bloc-illustration-2 {
margin: 0;
width: 100%;
}
}
@media (max-width: 800px) {
.CT-74-bloc-illustration-1 {
margin: 5% 0;
padding: 0 4% 0 0;
width: 50%;
max-width: 274px;
box-sizing: border-box;
}
.CT-74-bloc-illustration-2 {
margin: 5% 0;
width: 50%;
padding: 0 0 0 4%;
box-sizing: border-box;
max-width: 274px;
border-left: solid 1px #cccccc;
}
.CT-74-illustration-1, .CT-74-illustration-3, .CT-74-illustration-4, .CT-74-illustration-6 {
width: 100%;
margin: 0 0 0 0;
}
.CT-74-illustration-2, .CT-74-illustration-5 {
width: 12%;
margin: 5% 0 5% 44%;
transform: rotate(90deg);
}
}
@media (max-width: 400px) {
.CT-74-bloc-illustration-1 {
margin: 5% 0;
padding: 0;
width: 100%;
max-width: 274px;
box-sizing: border-box;
}
.CT-74-bloc-illustration-2 {
clear: both;
float: left;
margin: 5% 0;
width: 100%;
padding: 0;
box-sizing: border-box;
max-width: 274px;
border-left: none;
}
.CT-74-illustration-2, .CT-74-illustration-5 {
width: 12%;
margin: 5% 0 5% 40%;
transform: rotate(90deg);
}
.CT-74-hr {
display: block;
width: 100%;
margin: 4.5% 0 6%;
float: left;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// cat-mouflage-systeme-couple ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-75.avantages {
margin: 0;
}
.CT-75-illustration-1, .CT-75-illustration-2, .CT-75-illustration-3 {
float: left;
}
.CT-75-illustration-1, .CT-75-illustration-2 {
width: 28%;
margin: 2% 5% 0 0;
}
@media (max-width: 800px) {
.CT-75-illustration-1, .CT-75-illustration-2 {
width: 37%;
margin: 2% 5% 0 0;
}
}
@media (max-width: 650px) {
.CT-75-illustration-1, .CT-75-illustration-2 {
width: 47%;
margin: 2% 5% 0 0;
}
.CT-75-illustration-2 {
margin: 2% 0 0 0;
}
}
@media (max-width: 450px) {
.CT-75-illustration-1, .CT-75-illustration-2 {
clear: both;
float: left;
width: 70%;
margin: 2% 0 0 15%;
}
.CT-75-illustration-1 p, .CT-75-illustration-2 p {
margin: -5% 0 0 -20%;
}
.CT-75-illustration-2 {
margin: 10% 0 0 20%;
}
}
@media (max-width: 400px) {
.CT-75-illustration-1, .CT-75-illustration-2 {
width: 85%;
}
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// cat-mouflage-systeme-independant ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
.CT-76.avantages {
margin: 0;
}
.CT-76-illustration-1, .CT-76-illustration-2 {
float: left;
}
.CT-76-illustration-1 {
width: 28%;
margin: 2% 5% 0 0;
}
.CT-76-illustration-2 {
width: 34.7%;
margin: 2% 5% 0 0;
}
@media (max-width: 800px) {
.CT-76-illustration-1 {
width: 37%;
margin: 2% 5% 0 0;
}
.CT-76-illustration-2 {
width: 45.9%;
margin: 2% 5% 0 0;
}
}
@media (max-width: 650px) {
.CT-76-illustration-1 {
clear: both;
float: left;
width: 50%;
margin: 2% 0 0 20%;
}
.CT-76-illustration-2 {
clear: both;
float: left;
width: 63%;
margin: 10% 0 0 28%;
}
.CT-76-illustration-1 p {
margin: -5% 0 0 15%;
}
.CT-76-illustration-2 p {
margin: -5% 0 0 -25%;
}
}
@media (max-width: 450px) {
.CT-76-illustration-1 {
width: 70%;
margin: 2% 0 0 -5%;
}
.CT-76-illustration-2 {
width: 88%;
margin: 10% 0 0 9%;
}
}
@media (max-width: 400px) {
.CT-76-illustration-1 {
width: 85%;
margin: 2% 0 0 -10%;
}
.CT-76-illustration-2 {
width: 100%;
margin: 10% 0 0 0;
}
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////////////// cat-passage-fractio-montee ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.CT-77-bloc-illustration-1, .CT-77-bloc-illustration-2, .CT-77-bloc-illustration-3, .CT-77-illustration-1, .CT-77-illustration-2, .CT-77-illustration-3 {
float: left;
}
.CT-77-bloc-illustration-1 p, .CT-77-bloc-illustration-2 p, .CT-77-bloc-illustration-3 p {
height: 40px;
}
.CT-77-bloc-illustration-1 p {
width: 70%;
}
.CT-77-bloc-illustration-1 {
width: 48%;
margin: 5% 4% 5% 0;
}
.CT-77-bloc-illustration-2 {
width: 48%;
margin: 5% 0;
}
.CT-77-bloc-illustration-3 {
width: 55%;
margin: -8% 0 0 0;
}
.CT-77-illustration-1 {
width: 80%;
margin: 3% 0 0 0;
}
.CT-77-illustration-2 {
width: 100%;
margin: 3% 0 0 0;
}
.CT-77-illustration-3 {
width: 100%;
margin: 3% 0 0 0;
}
@media (max-width: 1000px) {
.CT-77-bloc-illustration-1 p {
width: 100%;
}
}
@media (max-width: 700px) {
.CT-77-bloc-illustration-1 {
width: 70%;
margin: 5% 4% 7% 0;
}
.CT-77-bloc-illustration-2 {
width: 70%;
margin: 0% 0 7% 0;
}
.CT-77-bloc-illustration-3 {
width: 85%;
margin: 0;
}
.CT-77-bloc-illustration-1 p, .CT-77-bloc-illustration-2 p, .CT-77-bloc-illustration-3 p {
height: auto;
}
}
@media (max-width: 500px) {
.CT-77-bloc-illustration-1 {
width: 85%;
margin: 5% 4% 7% 0;
}
.CT-77-bloc-illustration-2 {
width: 85%;
margin: 0% 0 7% 0;
}
.CT-77-bloc-illustration-3 {
width: 100%;
margin: 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP - Précisions sur l'utilisation de l'ASAP connecté sans absorbeur ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-78-illustration-1, .CT-78-illustration-2, .CT-78-illustration-3, .CT-78-illustration-4, .CT-78-illustration-4-2, .CT-78-illustration-5, .CT-78-illustration-6, .CT-78-illustration-6-2, .CT-78-illustration-7, .CT-78-illustration-7-2, .CT-78-illustration-8, .CT-78-illustration-9, .CT-78-illustration-9-2, .CT-78-illustration-10, .CT-78-illustration-11, .CT-78-bloc-illustration-1, .CT-78-bloc-illustration-2, .CT-78-bloc-gris-1, .CT-78-bloc-gris-2 {
float: left;
}
.CT-78-illustration-1 {
width: 65px;
margin: 3% 15px 3% 0;
}
.CT-78-illustration-2 {
width: 120px;
margin: 0 10px 3% 0;
}
.CT-78-illustration-3 {
width: 50px;
margin: 3% 20px 3% 0;
}
.CT-78-bloc-illustration-1 {
width: 100%;
margin: 3% 0;
}
.CT-78-bloc-illustration-2 {
width: 100%;
margin: 7% 0;
}
.CT-78-bloc-gris-1 {
width: 100%;
height: 100%;
padding: 10% 0;
box-sizing: border-box;
background-color: #ededee;
border-radius: 10px;
}
.CT-78-bloc-gris-2 {
width: 100%;
height: 100%;
padding: 5% 0;
box-sizing: border-box;
background-color: #ededee;
border-radius: 10px;
}
.CT-78-illustration-4 {
width: 3%;
margin: 0 0 0 0.7%;
}
.CT-78-illustration-4-2 {
display: none;
}
.CT-78-illustration-5 {
width: 32%;
margin: -32.5% 1% 0 4.6%;
padding: 6% 20px;
background-color: #fff;
box-sizing: border-box;
}
.CT-78-illustration-6 {
width: 60.1%;
margin: -32.5% 0 0 0;
padding: 1.96% 20px;
box-sizing: border-box;
background-color: #fff;
}
.CT-78-illustration-6-2 {
display: none;
}
.CT-78-illustration-7 {
width: 3%;
margin: 0 0 0 0.7%;
}
.CT-78-illustration-7-2 {
display: none;
}
.CT-78-illustration-8 {
width: 32%;
margin: -33.5% 1% 0 4.6%;
padding: 6% 20px;
background-color: #fff;
box-sizing: border-box;
}
.CT-78-illustration-9 {
width: 60.1%;
margin: -33.5% 0 0 0;
padding: 7.30% 20px;
box-sizing: border-box;
background-color: #fff;
}
.CT-78-illustration-9-2 {
display: none;
}
.CT-78-illustration-10 {
width: 53px;
margin: 3% 15px 3% 0;
}
.CT-78-illustration-11 {
width: 35%;
margin: 3% 0;
}
.CT-78-hr {
float: left;
width: 100%;
margin: 30px 0;
}
.CT-78-illustration-1 + h2 {
float: left;
margin: 60px 0 0 0;
}
.CT-78-illustration-2 + p {
float: left;
margin: 120px 0 0 0;
width: calc(100% - 130px);
}
.CT-78-illustration-3 + h2 {
float: left;
margin: 50px 0 0 0;
}
.CT-78-illustration-10 + h2 {
float: left;
margin: 60px 0 0 0;
width: calc(100% - 68px);
}
@media (max-width: 900px) {
.CT-78-bloc-illustration-1 {
width: 60%;
margin: 3% 0 0 -3%;
}
.CT-78-bloc-illustration-2 {
width: 60%;
margin: 7% 0 0 -3%;
}
.CT-78-bloc-gris-1 {
width: 80%;
padding: 13% 10% 150%;
box-sizing: border-box;
margin: 0 0 0 10%;
background-color: #ededee;
border-radius: 10px;
}
.CT-78-bloc-gris-2 {
width: 80%;
padding: 13% 10% 150%;
box-sizing: border-box;
margin: 0 0 0 10%;
background-color: #ededee;
border-radius: 10px;
}
.CT-78-illustration-4 {
display: none;
}
.CT-78-illustration-4-2 {
width: 80px;
margin: -19% 0 175% 0.7%;
margin-left: calc(50% - 40px);
display: block;
}
.CT-78-illustration-5 {
width: 90%;
margin: -253% 1% 0 4.6%;
padding: 6% 10%;
background-color: #fff;
box-sizing: border-box;
}
.CT-78-illustration-6 {
display: none;
}
.CT-78-illustration-6-2 {
width: 90%;
margin: -179% 0 3% 5%;
padding: 1.96% 20px;
box-sizing: border-box;
background-color: #fff;
display: block;
}
.CT-78-illustration-7 {
display: none;
}
.CT-78-illustration-7-2 {
width: 130px;
margin: -19% 0 205% 0.7%;
margin-left: calc(50% - 65px);
display: block;
}
.CT-78-illustration-8 {
width: 90%;
margin: -270% 1% 0 4.6%;
padding: 6% 10%;
background-color: #fff;
box-sizing: border-box;
}
.CT-78-illustration-9 {
display: none;
}
.CT-78-illustration-9-2 {
width: 90%;
margin: -195% 0 3% 5%;
padding: 1.96% 20px;
box-sizing: border-box;
background-color: #fff;
display: block;
}
.CT-78-illustration-11 {
width: 40%;
margin: 3% 0;
}
}
@media (max-width: 700px) {
.CT-78-bloc-illustration-1 {
width: 80%;
margin: 3% 0 0 -3%;
}
.CT-78-bloc-illustration-2 {
width: 80%;
margin: 7% 0 0 -3%;
}
.CT-78-illustration-11 {
width: 50%;
margin: 3% 0;
}
}
@media (max-width: 500px) {
.CT-78-bloc-illustration-1 {
width: 106.5%;
margin: 3% 0 0 -3%;
}
.CT-78-bloc-illustration-2 {
width: 106.5%;
margin: 7% 0 0 -3%;
}
.CT-78-illustration-11 {
width: 65%;
margin: 3% 0;
}
.CT-78-illustration-1 + h2 {
clear: both;
width: 100%;
margin: 0px 0 7% 0;
}
.CT-78-illustration-2 + p {
clear: both;
width: 100%;
margin: 5px 0 7% 0;
}
.CT-78-illustration-3 + h2 {
clear: both;
width: 100%;
margin: 0px 0 7% 0;
}
.CT-78-illustration-10 + h2 {
clear: both;
width: 100%;
margin: 0px 0 7% 0;
}
}
@media (max-width: 400px) {
.CT-78-illustration-11 {
width: 85%;
margin: 3% 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP - Principe de fonctionnement ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.CT-79-illustration-1, .CT-79-illustration-2, .CT-79-illustration-3, .CT-79-illustration-3-2, .CT-79-illustration-4 {
float: left;
}
.CT-79-illustration-1 {
width: 40%;
margin: 3% 10% 0 0;
}
.CT-79-illustration-2 {
width: 22%;
margin: 3% 0;
}
.CT-79-illustration-1 p, .CT-79-illustration-2 p {
margin: 0 0 2% 0;
}
.CT-79-illustration-3 {
width: 45%;
margin: 5% 0;
}
.CT-79-illustration-3-2 {
display: none;
}
.CT-79-illustration-4 {
width: 23.5%;
margin: 3% 0 0 5%;
box-sizing: border-box;
padding: 20px;
}
@media (max-width: 750px) {
.CT-79-illustration-1 {
width: 50%;
margin: 3% 10% 0 0;
}
.CT-79-illustration-2 {
width: 28%;
margin: 3% 0;
}
.CT-79-illustration-3 {
width: 57%;
margin: 5% 0;
}
.CT-79-illustration-4 {
width: 37%;
margin: 3% 0 0 5%;
box-sizing: border-box;
padding: 20px;
}
}
@media (max-width:450px) {
.CT-79-illustration-1 {
width: 75%;
margin: 3% 10% 0 12%;
}
.CT-79-illustration-2 {
width: 41%;
margin: 7% 0 3% 9%;
}
.CT-79-illustration-3 {
display: none;
}
.CT-79-illustration-3-2 {
width: 48%;
margin: 5% 12% 5% 0;
display: block;
}
.CT-79-illustration-4 {
width: 40%;
margin: 3% 0 0 0;
box-sizing: border-box;
padding: 20px;
}
}
@media (max-width:400px) {
.CT-79-illustration-3-2 {
width: 60%;
margin: 5% 12% 5% 20%;
display: block;
}
.CT-79-illustration-4 {
clear: both;
width: 100%;
margin: 7% 0 0 0;
box-sizing: border-box;
padding: 20px 30%;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP - Secours sur corde-performance de l'ASAP sur corde tendue ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-80-illustration-1, .CT-80-illustration-2, .CT-80-illustration-3, .CT-80-illustration-4, .CT-80-illustration-5, .CT-80-illustration-6, .CT-80-bloc-illustration-1, .CT-80-bloc-illustration-2, .CT-80-bloc-illustration-3, .CT-80-bloc-illustration-4 {
float: left;
}
.CT-80-bloc-illustration-1 {
width: 48%;
margin: 3% 4% 3% 0;
}
.CT-80-bloc-illustration-2 {
width: 48%;
margin: 3% 0;
}
.CT-80-illustration-1 {
width: 28%;
margin: 7% 0 0 3%;
}
.CT-80-illustration-2 {
width: 28%;
margin: 7% 0 0 3%;
}
.CT-80-illustration-3 {
width: 20%;
margin: 3% 10% 3% 3%;
}
.CT-80-bloc-illustration-3 {
width: 60%;
}
.CT-80-bloc-illustration-3 p, .CT-80-bloc-illustration-3 h2 {
padding: 0 0 0 12%;
box-sizing: border-box;
}
.CT-80-illustration-4 {
width: 7%;
margin: 9% 5% 0 0;
}
.CT-80-illustration-5 {
width: 23%;
margin: 3% 10% 0 3%;
}
.CT-80-bloc-illustration-4 {
width: 60%;
}
.CT-80-bloc-illustration-4 p, .CT-80-bloc-illustration-4 h2 {
padding: 0 0 0 12%;
box-sizing: border-box;
}
.CT-80-illustration-6 {
width: 7%;
margin: 9% 5% 0 0;
}
@media (max-width: 800px) {
.CT-80-illustration-1 {
width: 40%;
margin: 7% 0 0 3%;
}
.CT-80-illustration-2 {
width: 40%;
margin: 7% 0 0 3%;
}
.CT-80-illustration-3 {
width: 25%;
margin: 3% 10% 3% 3%;
}
.CT-80-bloc-illustration-3 {
width: 50%;
}
.CT-80-illustration-4 {
width: 10%;
margin: 9% 5% 0 0;
}
.CT-80-illustration-5 {
width: 28%;
margin: 3% 10% 0 3%;
}
.CT-80-bloc-illustration-4 {
width: 50%;
}
.CT-80-illustration-6 {
width: 10%;
margin: 9% 5% 0 0;
}
.CT-80-bloc-illustration-4 p, .CT-80-bloc-illustration-4 h2 {
padding: 0 0 0 15%;
box-sizing: border-box;
}
}
@media (max-width: 650px) {
.CT-80-illustration-1 {
width: 50%;
margin: 7% 0 0 3%;
}
.CT-80-illustration-2 {
width: 50%;
margin: 7% 0 0 3%;
}
.CT-80-illustration-3 {
width: 30%;
margin: 3% 10% 3% 3%;
}
.CT-80-illustration-5 {
width: 35%;
margin: 3% 10% 0 3%;
}
}
@media (max-width: 500px) {
.CT-80-bloc-illustration-1 {
width: 100%;
margin: 3% 4% 3% 0;
}
.CT-80-bloc-illustration-2 {
width: 100%;
margin: 3% 0;
}
.CT-80-illustration-1 {
width: 30%;
margin: 7% 0 0 33%;
}
.CT-80-illustration-2 {
width: 30%;
margin: 7% 0 0 33%;
}
.CT-80-illustration-3 {
width: 40%;
margin: 3% 10% 3% 25%;
}
.CT-80-bloc-illustration-3 {
width: 100%;
}
.CT-80-illustration-4 {
width: 8%;
margin: 7% 5% 0 0;
}
.CT-80-illustration-5 {
width: 45%;
margin: 3% 10% 0 25%;
}
.CT-80-bloc-illustration-4 {
width: 100%;
}
.CT-80-illustration-6 {
width: 8%;
margin: 7% 5% 0 0;
}
}
@media (max-width: 400px) {
.CT-80-bloc-illustration-1 {
width: 100%;
margin: 3% 4% 3% 0;
}
.CT-80-bloc-illustration-2 {
width: 100%;
margin: 3% 0;
}
.CT-80-illustration-1 {
width: 40%;
margin: 7% 0 0 29%;
}
.CT-80-illustration-2 {
width: 40%;
margin: 7% 0 0 29%;
}
.CT-80-illustration-3 {
width: 55%;
margin: 3% 10% 3% 20%;
}
.CT-80-bloc-illustration-3 {
width: 100%;
}
.CT-80-illustration-4 {
width: 10%;
margin: 7% 5% 0 0;
}
.CT-80-illustration-5 {
width: 62%;
margin: 3% 10% 0 18%;
}
.CT-80-bloc-illustration-4 {
width: 100%;
}
.CT-80-illustration-6 {
width: 10%;
margin: 7% 5% 0 0;
}
.CT-80-bloc-illustration-4 p, .CT-80-bloc-illustration-4 h2 {
padding: 0 0 0 15%;
box-sizing: border-box;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// HARNAIS-pe05-usage du point ventral volt ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
.CT-81-illustration-1, .CT-81-illustration-1-2, .CT-81-illustration-2, .CT-81-illustration-3, .CT-81-illustration-4 {
float: left;
}
.CT-81-illustration-1 {
width: 41%;
margin: 3% 15% 3% 0;
}
.CT-81-illustration-1-2 {
display: none;
}
.CT-81-illustration-2 {
width: 8%;
margin: 8% 0 3%;
}
.CT-81-illustration-3 {
width: 21%;
margin: 3% 5% 3% 0;
}
.CT-81-illustration-4 {
width: 23%;
margin: 3% 0;
}
@media (max-width: 800px) {
.CT-81-illustration-1 {
width: 51%;
margin: 3% 15% 3% 0;
}
.CT-81-illustration-2 {
width: 10%;
margin: 8% 0 3%;
}
.CT-81-illustration-3 {
width: 28%;
margin: 3% 5% 3% 0;
}
.CT-81-illustration-4 {
width: 30.6%;
margin: 3% 0;
}
}
@media (max-width: 600px) {
.CT-81-illustration-1 {
width: 65%;
margin: 3% 7% 3% 0;
}
.CT-81-illustration-2 {
width: 13%;
margin: 10% 0 3%;
}
.CT-81-illustration-3 {
width: 36%;
margin: 3% 5% 3% 0;
}
.CT-81-illustration-4 {
width: 39.6%;
margin: 3% 0;
}
}
@media (max-width: 450px) {
.CT-81-illustration-1 {
display: none;
}
.CT-81-illustration-1-2 {
width: 50%;
margin: 3% 20% 3% 0;
display: block;
}
.CT-81-illustration-2 {
width: 18%;
margin: 15% 0 3%;
}
.CT-81-illustration-3 {
width: 50%;
margin: 3% 0% 3% 25%;
}
.CT-81-illustration-4 {
width: 55%;
margin: 6% 0 3% 22.5%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// HARNAIS-pe05-usage du point ventral volt ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
.CT-82-illustration-1, .CT-82-illustration-2, .CT-82-illustration-3, .CT-82-illustration-4, .CT-82-illustration-4-2, .CT-82-illustration-4-3, .CT-82-illustration-4-4 {
float: left;
}
.CT-82-illustration-1 {
width: 15%;
margin: 3% 5% 2% 0;
}
.CT-82-illustration-2 {
width: 15%;
margin: 6.7% 2% 2% 0;
}
.CT-82-illustration-3 {
width: 35%;
margin: 28% 0 2% 0;
}
.CT-82-illustration-4 {
width: 100%;
margin: 2% 0 2% 0;
}
.CT-82-illustration-4-2 {
padding: 5%;
}
.CT-82-illustration-4-3 {
padding: 5%;
}
.CT-82-illustration-4-4 {
padding: 5%;
}
.CT-82-tableau-1 {
width: 80%;
margin: 5% 0 !important;
}
.CT-82-tableau-2 {
display: none;
}
@media (max-width: 800px) {
.CT-82-illustration-1 {
width: 20%;
margin: 3% 5% 2% 0;
}
.CT-82-illustration-2 {
width: 20%;
margin: 8% 3% 2% 0;
}
.CT-82-illustration-3 {
width: 45%;
margin: 37% 0 2% 0;
}
.CT-82-tableau-1 {
width: 100%;
margin: 5% 0 !important;
}
}
@media (max-width: 650px) {
.CT-82-tableau-1 {
font-size: 13px;
}
}
@media (max-width: 600px) {
.CT-82-illustration-1 {
width: 27%;
margin: 3% 5% 2% 0;
}
.CT-82-illustration-2 {
width: 27%;
margin: 10.5% 3% 2% 0;
}
.CT-82-illustration-3 {
width: 65%;
margin: 3% 0 2% 0;
clear: both;
}
}
@media (max-width: 500px) {
.CT-82-illustration-1 {
width: 32%;
margin: 3% 6% 2% 0;
}
.CT-82-illustration-2 {
width: 32%;
margin: 10.5% 4% 2% 0;
}
.CT-82-illustration-3 {
width: 80%;
margin: 3% 0 2% 0;
}
.CT-82-tableau-1 {
display: none;
}
.CT-82-tableau-2 {
width: 60%;
display: block;
}
}
@media (max-width: 400px) {
.CT-82-illustration-1 {
width: 40%;
margin: 3% 7% 2% 0;
}
.CT-82-illustration-2 {
width: 40%;
margin: 12% 4% 2% 0;
}
.CT-82-illustration-3 {
width: 100%;
margin: 3% 0 2% 0;
}
.CT-82-tableau-2 {
width: 100%;
display: block;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// cat-principes-generaux-travail-hauteur ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-83-bloc-texte-1, .CT-83-bloc-illustration-1, .CT-83-bloc-illustration-2, .CT-83-bloc-illustration-3, .CT-83-bloc-illustration-4, .CT-83-bloc-illustration-5, .CT-83-illustration-1, .CT-83-illustration-2, .CT-83-illustration-3, .CT-83-illustration-3-2, .CT-83-illustration-4, .CT-83-illustration-4-2, .CT-83-illustration-5, .CT-83-illustration-6 {
float: left;
}
.CT-83-bloc-texte-1 {
width: 100%;
padding: 20px;
box-sizing: border-box;
margin: 3% 0;
}
.CT-83-bloc-texte-1 p {
margin: 0;
}
.CT-83-bloc-illustration-1 {
width: 48%;
}
.CT-83-bloc-illustration-1 p {
margin: 25px 0 20% 0;
}
.CT-83-illustration-1 {
width: 50%;
margin: 25px 0 0 25%;
}
.CT-83-bloc-illustration-2 {
width: 48%;
padding: 0 0 0 2%;
margin: 0 0 0 2%;
border-left: solid 1px #bebebe;
box-sizing: border-box;
}
.CT-83-bloc-illustration-2 p {
margin: 25px 0 10% 0;
}
.CT-83-illustration-2 {
width: 30%;
margin: 25px 0 0 35%;
}
.CT-83-bloc-illustration-3 {
width: 100%;
}
.CT-83-bloc-illustration-3 p {
margin: 25px 0 5% 0;
}
.CT-83-illustration-3 {
width: 70%;
}
.CT-83-illustration-3-2 {
display: none;
}
.CT-83-bloc-illustration-4 {
width: 68%;
margin: 1% 2% 0 0;
padding: 20px;
box-sizing: border-box;
}
.CT-83-bloc-illustration-4 p {
margin: 0 0 3% 0;
}
.CT-83-bloc-texte-3 {
margin: 2% 0 0 0;
float: left;
width: 100%;
}
.CT-83-bloc-texte-3 p {
float: left;
width: 33%;
margin: 0 0 3% 0;
text-align: center;
}
.CT-83-illustration-4 {
width: 100%;
}
.CT-83-illustration-4-2 {
display: none;
}
.CT-83-bloc-illustration-5 {
width: 30%;
margin: 1% 0 0 0;
padding: 20px;
box-sizing: border-box;
}
.CT-83-bloc-illustration-5 p {
margin: 0 0 3% 0;
}
.CT-83-illustration-5 {
width: 60%;
margin: 17% 0 0 20%;
}
.CT-83-bloc-texte-4 {
float: left;
width: 48%;
margin: 0 4% 0 0;
}
.CT-83-illustration-6 {
width: 38%;
margin: 3% 0 0 0;
}
.CT-83-hr {
width: 100%;
float: left;
margin: 30px 0;
}
@media (max-width: 800px) {
.CT-83-illustration-1 {
width: 70%;
margin: 0 0 0 15%;
}
.CT-83-illustration-2 {
width: 43%;
margin: 0 0 0 28.5%;
}
.CT-83-illustration-3 {
width: 100%;
}
.CT-83-illustration-4 {
display: none;
}
.CT-83-bloc-illustration-4 {
width: 40%;
margin: 1% 2% 0 0;
padding: 20px;
box-sizing: border-box;
}
.CT-83-illustration-4-2 {
width: 90%;
display: block;
margin: -366% 0 0 5%;
}
.CT-83-bloc-texte-3 p {
float: left;
width: 100%;
margin: 0 0 119% 0;
text-align: center;
}
.CT-83-bloc-texte-2 {
float: left;
width: 48%;
margin: 0 4% 0 0;
}
.CT-83-bloc-illustration-5 {
width: 40%;
margin: 2% 0 0 52%;
padding: 20px;
box-sizing: border-box;
}
.CT-83-illustration-6 {
width: 48%;
margin: 3% 0 0 0;
}
}
@media (max-width: 650px) {
.CT-83-bloc-illustration-1 {
width: 100%;
}
.CT-83-bloc-illustration-1 p {
margin: 25px 0 5% 0;
}
.CT-83-illustration-1 {
width: 40%;
margin: 0 0 0 30%;
}
.CT-83-bloc-illustration-2 {
width: 100%;
padding: 30px 0 0 0;
margin: 30px 0 0 0;
border-left: none;
border-top: solid 1px #bebebe;
box-sizing: border-box;
}
.CT-83-illustration-2 {
width: 23%;
margin: 0 0 0 38.5%;
}
.CT-83-illustration-3 {
display: none;
}
.CT-83-illustration-3-2 {
display: block;
width: 40%;
margin: 3% 0 3% 30%;
}
.CT-83-illustration-4 {
display: none;
}
.CT-83-bloc-illustration-4 {
width: 48%;
margin: 1% 4% 0 0;
padding: 20px;
box-sizing: border-box;
}
.CT-83-bloc-texte-2 {
float: left;
width: 100%;
margin: 0 4% 0 0;
}
.CT-83-bloc-illustration-5 {
width: 48%;
margin: 1% 0 0 0%;
padding: 20px;
box-sizing: border-box;
}
.CT-83-illustration-5 {
width: 65%;
margin: 17% 0 0 17.5%;
}
.CT-83-illustration-6 {
width: 65%;
margin: 3% 0 0 17.5%;
}
.CT-83-bloc-texte-4 {
float: left;
width: 100%;
margin: 0 0 3% 0;
}
}
@media (max-width: 500px) {
.CT-83-illustration-1 {
width: 50%;
margin: 0 0 0 25%;
}
.CT-83-illustration-2 {
width: 30%;
margin: 0 0 0 35%;
}
.CT-83-illustration-3-2 {
width: 55%;
margin: 3% 0 3% 22.5%;
}
.CT-83-bloc-illustration-4 {
width: 60%;
margin: 1% 4% 0 0;
padding: 20px;
box-sizing: border-box;
}
.CT-83-bloc-illustration-5 {
width: 60%;
margin: 3% 0 0 0%;
padding: 20px;
box-sizing: border-box;
}
.CT-83-illustration-6 {
width: 80%;
margin: 3% 0 0 10%;
}
}
@media (max-width: 400px) {
.CT-83-illustration-1 {
width: 65%;
margin: 0 0 0 17.5%;
}
.CT-83-illustration-2 {
width: 38%;
margin: 0 0 0 31%;
}
.CT-83-illustration-3-2 {
width: 70%;
margin: 3% 0 3% 15%;
}
.CT-83-bloc-illustration-4 {
width: 75%;
}
.CT-83-bloc-illustration-5 {
width: 75%;
}
.CT-83-illustration-6 {
width: 100%;
margin: 3% 0 0 00%;
}
}
@media (max-width: 350px) {
.CT-83-bloc-illustration-4 {
width: 85%;
}
.CT-83-bloc-illustration-5 {
width: 85%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP - Secours sur corde-descente accompagnée ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/
.CT-84-illustration-1, .CT-84-illustration-2, .CT-84-illustration-3, .CT-84-illustration-3-2, .CT-84-illustration-3-3, .CT-84-illustration-3-4, .CT-84-illustration-4, .CT-84-illustration-4-2, .CT-84-illustration-4-3, .CT-84-illustration-5, .CT-84-texte-1 {
float: left;
}
.CT-84-illustration-1 {
width: 35%;
margin: 5% 5% 3% 5%;
}
.CT-84-illustration-2 {
width: 20%;
margin: 3% 5% 7% 0;
}
.CT-84-texte-1 {
width: 55%;
margin: 5% 0;
}
.CT-84-texte-2 {
width: 75%;
margin: 5% 0 3%;
}
.CT-84-illustration-3 {
width: 100%;
margin: 3% 0;
}
.CT-84-illustration-3-2, .CT-84-illustration-3-3, .CT-84-illustration-3-4, .CT-84-illustration-4-2, .CT-84-illustration-4-3 {
display: none;
}
.CT-84-illustration-4 {
width: 60%;
margin: 3% 0;
}
.CT-84-illustration-5 {
width: 45%;
margin: 3% 5% 3% 0;
}
.CT-84-texte-3 {
margin: 10% 0 0 0;
}
@media (max-width: 800px) {
.CT-84-illustration-1 {
width: 50%;
margin: 5% 5% 3% 5%;
}
.CT-84-texte-1 {
width: 40%;
margin: 2% 0;
}
.CT-84-illustration-2 {
width: 30%;
margin: 3% 5% 7% 0;
}
.CT-84-texte-2 {
width: 100%;
margin: 6% 0 3%;
}
.CT-84-illustration-5 {
width: 60%;
margin: 3% 5% 3% 0;
}
.CT-84-texte-3 {
margin: 8% 0 0 0;
}
}
@media (max-width: 650px) {
.CT-84-illustration-1 {
width: 60%;
margin: 5% 0 0 20%;
}
.CT-84-texte-1 {
width: 100%;
margin: -2% 0 0;
}
.CT-84-illustration-2 {
width: 35%;
margin: 3% 5% 7% 0;
}
.CT-84-illustration-3 {
display: none;
}
.CT-84-illustration-3-2, .CT-84-illustration-3-3, .CT-84-illustration-3-4, .CT-84-illustration-4-2, .CT-84-illustration-4-3 {
width: 55%;
margin: 3% 0 0 22.5%;
box-sizing: border-box;
display: block;
clear: both;
padding: 20px;
}
.CT-84-illustration-3-4, .CT-84-illustration-4-3 {
margin: 3% 0 3% 22.5%;
}
.CT-84-illustration-4 {
display: none;
}
.CT-84-illustration-5 {
width: 75%;
margin: 3% 0 3% 12.5%;
}
.CT-84-texte-3 {
margin: 0;
clear: both;
}
}
@media (max-width: 650px) {
.CT-84-illustration-1 {
width: 75%;
margin: 5% 0 0 12.5%;
}
.CT-84-illustration-3-2, .CT-84-illustration-3-3, .CT-84-illustration-3-4, .CT-84-illustration-4-2, .CT-84-illustration-4-3 {
width: 65%;
margin: 3% 0 0 17.7%;
}
.CT-84-illustration-3-4, .CT-84-illustration-4-3 {
margin: 3% 0 3% 17.7%;
}
.CT-84-illustration-5 {
width: 85%;
margin: 3% 0 3% 7.5%;
}
}
@media (max-width: 400px) {
.CT-84-illustration-1 {
width: 90%;
margin: 5% 0 0 5%;
}
.CT-84-illustration-2 {
width: 50%;
margin: 3% 0 7% 22%;
}
.CT-84-texte-2 {
clear: both;
}
.CT-84-illustration-3-2, .CT-84-illustration-3-3, .CT-84-illustration-3-4, .CT-84-illustration-4-2, .CT-84-illustration-4-3 {
width: 80%;
margin: 3% 0 0 10%;
}
.CT-84-illustration-3-4, .CT-84-illustration-4-3 {
margin: 3% 0 3% 10%;
}
.CT-84-illustration-5 {
width: 90%;
margin: 3% 0 3% 5%;
}
}
@media (max-width: 350px) {
.CT-84-illustration-3-2, .CT-84-illustration-3-3, .CT-84-illustration-3-4, .CT-84-illustration-4-2, .CT-84-illustration-4-3 {
width: 100%;
margin: 3% 0 0 0%;
}
.CT-84-illustration-3-4, .CT-84-illustration-4-3 {
margin: 3% 0 3% 0%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP - Utilisation de l’ASAP à l’approche d’un obstacle ou du sol ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-85-illustration-1, .CT-85-illustration-1-2, .CT-85-illustration-2, .CT-85-illustration-2-2, .CT-85-illustration-2-3, .CT-85-illustration-3, .CT-85-illustration-4 {
float: left;
}
.CT-85-illustration-1-2, .CT-85-illustration-2-2, .CT-85-illustration-2-3 {
display: none;
}
.CT-85-illustration-1 {
width: 75%;
margin: 5% 0;
}
.CT-85-illustration-2 {
width: 100%;
margin: 3% 0 5% 0;
}
.CT-85-illustration-3 {
width: 11.5%;
margin: 5.5% 5% 3% 0;
}
.CT-85-illustration-4 {
width: 20%;
margin: 3% 0;
padding: 20px;
box-sizing: border-box;
}
.CT-85-illustration-5, .TechnicalContainer .CT-85-illustration-5 {
width: 60% !important;
padding: 2px;
margin: 0 0 0 20%;
box-sizing: border-box;
}
.CT-85-illustration-6, .TechnicalContainer .CT-85-illustration-6 {
width: 70% !important;
padding: 2px;
margin: 0 0 0 15%;
box-sizing: border-box;
}
.CT-85-illustration-7, .TechnicalContainer .CT-85-illustration-7 {
width: 95% !important;
margin: 0 0 0 2.5%;
padding: 2px;
box-sizing: border-box;
}
.CT-85-tableau-1, .TechnicalContainer .CT-85-tableau-1, .CT-85-tableau-2, .TechnicalContainer .CT-85-tableau-2, .CT-85-tableau-3, .TechnicalContainer .CT-85-tableau-3 {
text-align: center;
}
.CT-85-tableau-2, .CT-85-tableau-3 {
display: none;
}
@media (max-width: 850px) {
.CT-85-illustration-1 {
width: 90%;
margin: 5% 0;
}
.CT-85-illustration-2 {
display: none;
}
.CT-85-illustration-2-2 {
clear: both;
display: block;
width: 30%;
margin: 3% 4% 3% 0;
}
.CT-85-illustration-2-3 {
display: block;
width: 30%;
margin: 3% 0;
}
.CT-85-illustration-3 {
width: 15%;
margin: 6.5% 5% 3% 0;
}
.CT-85-illustration-4 {
width: 25.8%;
margin: 3% 0;
}
}
@media (max-width: 700px) {
.CT-85-illustration-1 {
display: none;
}
.CT-85-illustration-1-2 {
display: block;
width: 50%;
margin: 5% 0;
}
.CT-85-illustration-2-2 {
width: 37%;
}
.CT-85-illustration-2-3 {
width: 37%;
}
.CT-85-illustration-3 {
width: 17.2%;
margin: 7% 5% 3% 0;
}
.CT-85-illustration-4 {
width: 29.8%;
margin: 3% 0;
}
.CT-85-tableau-1 {
display: none;
}
.CT-85-tableau-2 {
display: block;
}
}
@media (max-width: 600px) {
.CT-85-illustration-1-2 {
width: 60%;
}
.CT-85-illustration-2-2 {
width: 45%;
}
.CT-85-illustration-2-3 {
width: 45%;
}
.CT-85-illustration-3 {
width: 21%;
margin: 7.3% 5% 3% 0;
}
.CT-85-illustration-4 {
width: 36.1%;
margin: 3% 0;
}
}
@media (max-width: 450px) {
.CT-85-illustration-1-2 {
width: 75%;
}
.CT-85-illustration-2-2 {
width: 60%;
margin: 5% 0 5% 20%;
}
.CT-85-illustration-2-3 {
width: 60%;
margin: 0 0 5% 20%;
}
.CT-85-illustration-3 {
width: 27.3%;
margin: 8.7% 5% 3% 0;
}
.CT-85-illustration-4 {
width: 46%;
margin: 3% 0;
}
.CT-85-tableau-2 {
display: none;
}
.CT-85-tableau-3 {
display: block;
}
}
@media (max-width: 400px) {
.CT-85-illustration-1-2 {
width: 85%;
}
.CT-85-illustration-2-2 {
width: 75%;
margin: 5% 0 5% 12.5%;
}
.CT-85-illustration-2-3 {
width: 75%;
margin: 0 0 5% 12.5%;
}
.CT-85-illustration-3 {
width: 33%;
margin: 9% 5% 3% 0;
}
.CT-85-illustration-4 {
width: 55%;
margin: 3% 0;
}
.CT-85-tableau-2 {
display: none;
}
.CT-85-tableau-3 {
display: block;
}
}
@media (max-width: 350px) {
.CT-85-illustration-1-2 {
width: 100%;
}
.CT-85-illustration-2-2 {
width: 85%;
margin: 5% 0 5% 7.5%;
}
.CT-85-illustration-2-3 {
width: 85%;
margin: 0 0 5% 7.5%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ID-pe03a-descente-appareil-ancrage-150-250-kg-IDS ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-86-illustration-1, .CT-86-illustration-1-2, .CT-86-illustration-2, .CT-86-illustration-2-2, .CT-86-illustration-3, .CT-86-illustration-3-2 {
float: left;
}
.CT-86-illustration-1-2, .CT-86-illustration-2-2, .CT-86-illustration-3-2 {
display: none;
}
.CT-86-illustration-1, .CT-86-illustration-2, .CT-86-illustration-3 {
width: 100%;
margin: 3% 0;
}
@media (max-width: 800px) {
.CT-86-illustration-1, .CT-86-illustration-2, .CT-86-illustration-3 {
display: none;
}
.CT-86-illustration-1-2, .CT-86-illustration-2-2, .CT-86-illustration-3-2 {
width: 60%;
margin: 3% 0;
display: block;
}
}
@media (max-width: 550px) {
.CT-86-illustration-1-2, .CT-86-illustration-2-2, .CT-86-illustration-3-2 {
width: 80%;
}
}
@media (max-width: 400px) {
.CT-86-illustration-1-2, .CT-86-illustration-2-2, .CT-86-illustration-3-2 {
width: 100%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ID-pe03b-descente-appareil-ancrage-150-272-kg-IDL ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-87-illustration-1, .CT-87-illustration-1-2, .CT-87-illustration-2, .CT-87-illustration-2-2, .CT-87-illustration-3, .CT-87-illustration-3-2 {
float: left;
}
.CT-87-illustration-1-2, .CT-87-illustration-2-2, .CT-87-illustration-3-2 {
display: none;
}
.CT-87-illustration-1, .CT-87-illustration-2, .CT-87-illustration-3 {
width: 100%;
margin: 3% 0;
}
@media (max-width: 800px) {
.CT-87-illustration-1, .CT-87-illustration-2, .CT-87-illustration-3 {
display: none;
}
.CT-87-illustration-1-2, .CT-87-illustration-2-2, .CT-87-illustration-3-2 {
width: 60%;
margin: 3% 0;
display: block;
}
}
@media (max-width: 550px) {
.CT-87-illustration-1-2, .CT-87-illustration-2-2, .CT-87-illustration-3-2 {
width: 80%;
}
}
@media (max-width: 400px) {
.CT-87-illustration-1-2, .CT-87-illustration-2-2, .CT-87-illustration-3-2 {
width: 100%;
}
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ID-pe09-rendement-ID-en-mouflage ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
.CT-88-illustration-1, .CT-88-illustration-2, .CT-88-illustration-3, .CT-88-illustration-4, .CT-88-illustration-5, .CT-88-illustration-6, .CT-88-illustration-7, .CT-88-illustration-8, .CT-88-illustration-9, .CT-88-illustration-10, .CT-88-illustration-11, .CT-88-illustration-12 {
float: left;
width: 25%;
margin: 5% 5% 5% 0;
}
@media (max-width: 700px) {
.CT-88-illustration-1, .CT-88-illustration-2, .CT-88-illustration-3, .CT-88-illustration-4, .CT-88-illustration-5, .CT-88-illustration-6, .CT-88-illustration-7, .CT-88-illustration-8, .CT-88-illustration-9, .CT-88-illustration-10, .CT-88-illustration-11, .CT-88-illustration-12 {
clear: both;
float: left;
width: 40%;
margin: 5% 0 5% 30%;
}
}
@media (max-width: 550px) {
.CT-88-illustration-1, .CT-88-illustration-2, .CT-88-illustration-3, .CT-88-illustration-4, .CT-88-illustration-5, .CT-88-illustration-6, .CT-88-illustration-7, .CT-88-illustration-8, .CT-88-illustration-9, .CT-88-illustration-10, .CT-88-illustration-11, .CT-88-illustration-12 {
clear: both;
float: left;
width: 50%;
margin: 5% 0 5% 25%;
}
}
@media (max-width: 450px) {
.CT-88-illustration-1, .CT-88-illustration-2, .CT-88-illustration-3, .CT-88-illustration-4, .CT-88-illustration-5, .CT-88-illustration-6, .CT-88-illustration-7, .CT-88-illustration-8, .CT-88-illustration-9, .CT-88-illustration-10, .CT-88-illustration-11, .CT-88-illustration-12 {
clear: both;
float: left;
width: 70%;
margin: 5% 0 5% 15%;
}
}
@media (max-width: 350px) {
.CT-88-illustration-1, .CT-88-illustration-2, .CT-88-illustration-3, .CT-88-illustration-4, .CT-88-illustration-5, .CT-88-illustration-6, .CT-88-illustration-7, .CT-88-illustration-8, .CT-88-illustration-9, .CT-88-illustration-10, .CT-88-illustration-11, .CT-88-illustration-12 {
clear: both;
float: left;
width: 85%;
margin: 5% 0 5% 7.5%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ID-pe16-techniques-de-hissage-de-civiere ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
.CT-89-illustration-1, .CT-89-illustration-2, .CT-89-illustration-2-2, .CT-89-illustration-3, .CT-89-illustration-4, .CT-89-illustration-4-2 {
float: left
}
.CT-89.avantages li, .CT-89.inconvenients li {
margin-top: 0;
}
.CT-89-illustration-1, .CT-89-illustration-3 {
width: 28%;
margin: 5% 0;
}
.CT-89-illustration-2, .CT-89-illustration-4 {
width: 75%;
margin: -25% 0 5% 12.5%;
}
.CT-89-illustration-2-2, .CT-89-illustration-4-2 {
display: none;
}
@media (max-width: 800px) {
.CT-89-illustration-1, .CT-89-illustration-3 {
width: 35%;
margin: 5% 0;
}
.CT-89-illustration-2, .CT-89-illustration-4 {
width: 90%;
margin: -25% 0 5% 5%;
}
}
@media (max-width: 700px) {
.CT-89-illustration-1, .CT-89-illustration-3 {
width: 40%;
margin: 5% 0;
}
.CT-89-illustration-2, .CT-89-illustration-4 {
width: 100%;
margin: -25% 0 5% 0;
}
}
@media (max-width: 500px) {
.CT-89-illustration-1, .CT-89-illustration-3 {
width: 50%;
margin: 5% 0;
}
.CT-89-illustration-2, .CT-89-illustration-4 {
display: none;
}
.CT-89-illustration-2-2, .CT-89-illustration-4-2 {
display: block;
width: 100%;
margin: 0 0 5% 0;
}
}
@media (max-width: 450px) {
.CT-89-illustration-1, .CT-89-illustration-3 {
width: 70%;
margin: 5% 0;
}
}
@media (max-width: 400px) {
.CT-89-illustration-1, .CT-89-illustration-3 {
width: 100%;
margin: 5% 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// PRO TRAXION - Information complémentaire : tests de résistance statique ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-90-illustration-1, .CT-90-texte-1 {
float: left
}
.CT-90-illustration-1 {
width: 13%;
margin: 3% 3% 3% 0;
}
.CT-90-texte-1 {
margin: 3% 0;
width: 84%;
}
.CT-90-texte-1 p:first-of-type {
margin-top: 0;
}
table.CT-90-tableau-1 {
width: 77%;
margin: 3% 0;
}
@media (max-width: 800px) {
.CT-90-illustration-1 {
width: 18%;
margin: 3% 3% 3% 0;
}
.CT-90-texte-1 {
margin: 3% 0;
width: 79%;
}
table.CT-90-tableau-1 {
width: 100%;
margin: 2% 0;
}
}
@media (max-width: 650px) {
.CT-90-illustration-1 {
width: 23%;
margin: 3% 3% 3% 0;
}
.CT-90-texte-1 {
margin: 3% 0;
width: 74%;
}
table.CT-90-tableau-1 {
width: 100%;
margin: 2% 0;
}
}
@media (max-width: 500px) {
.CT-90-illustration-1 {
width: 28%;
margin: 3% 3% 3% 0;
}
.CT-90-texte-1 {
margin: 3% 0;
width: 69%;
}
table.CT-90-tableau-1 {
width: 100%;
margin: 1% 0;
font-size: 14px;
}
}
@media (max-width: 400px) {
.CT-90-illustration-1 {
width: 40%;
margin: 3% 3% 3% 0;
}
.CT-90-texte-1 {
clear: both;
margin: 3% 0;
width: 100%;
}
table.CT-90-tableau-1 {
width: 100%;
margin: 0% 0;
font-size: 13px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// PRO TRAXION - Utilisation d'un connecteur dans le trou de connexion secondaire ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-91-illustration-1, .CT-91-illustration-1-2, .CT-91-illustration-2, .CT-91-illustration-2-2, .CT-91-illustration-3, .CT-91-illustration-4 {
float: left;
}
.CT-91-illustration-1-2, .CT-91-illustration-2-2 {
display: none;
}
.CT-91-illustration-1, .CT-91-illustration-2 {
width: 80%;
margin: 3% 0;
}
.CT-91-illustration-3 {
width: 16%;
margin: 3% 0;
}
.CT-91-illustration-4 {
width: 28%;
margin: -5% 0 3%;
}
.CT-91-texte-1 {
float: left;
margin: 15% 0% 0 3%;
width: 53%;
}
@media (max-width: 800px) {
.CT-91-illustration-1, .CT-91-illustration-2 {
width: 100%;
margin: 3% 0;
}
.CT-91-illustration-2 {
margin-bottom: 6%;
}
.CT-91-illustration-3 {
width: 16%;
margin: 3% 0;
}
.CT-91-illustration-4 {
width: 28%;
margin: -5% 0 3%;
}
.CT-91-texte-1 {
float: left;
margin: 15% 0% 0 3%;
width: 53%;
}
}
@media (max-width: 600px) {
.CT-91-illustration-1, .CT-91-illustration-2 {
display: none;
}
.CT-91-illustration-1-2, .CT-91-illustration-2-2 {
width: 65%;
margin: 3% 0;
padding: 20px;
box-sizing: border-box;
display: block;
}
.CT-91-illustration-2 {
margin-bottom: 6%;
}
.CT-91-illustration-3 {
width: 25%;
margin: 3% 0;
}
.CT-91-illustration-4 {
width: 50%;
margin: 5% 0 3% 25%;
}
.CT-91-texte-1 {
margin: 15% 0% 0 3%;
width: 72%;
}
}
@media (max-width: 450px) {
.CT-91-illustration-1, .CT-91-illustration-2 {
display: none;
}
.CT-91-illustration-1-2, .CT-91-illustration-2-2 {
width: 80%;
}
.CT-91-illustration-2 {
margin-bottom: 6%;
}
.CT-91-illustration-3 {
width: 30%;
margin: 3% 0;
}
.CT-91-illustration-4 {
width: 65%;
margin: 5% 0 3% 17.5%;
}
.CT-91-texte-1 {
margin: 15% 0% 0 3%;
width: 67%;
}
}
@media (max-width: 400px) {
.CT-91-illustration-1, .CT-91-illustration-2 {
display: none;
}
.CT-91-illustration-1-2, .CT-91-illustration-2-2 {
width: 100%;
}
.CT-91-illustration-2 {
margin-bottom: 6%;
}
.CT-91-illustration-3 {
width: 37%;
margin: 15% 0 -13% 31.5%;
}
.CT-91-illustration-4 {
width: 80%;
margin: 5% 0 3% 10%;
}
.CT-91-texte-1 {
clear: both;
width: 100%;
}
}
/*/////////////////////////////////////////////////////////////*/
/*//////////////////// RIG-13-Tests RIG ///////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.CT-92-illustration-1, .CT-92-illustration-2, .CT-92-illustration-3, .CT-92-tableau-1, .CT-92-tableau-2 {
float: left;
}
.CT-92-illustration-1 {
width: 100%;
max-width: 369px;
margin: 3% 0;
}
.CT-92-illustration-2 {
width: 100%;
max-width: 326px;
margin: 3% 0;
}
.CT-92-illustration-3 {
width: 100%;
max-width: 405px;
margin: 3% 0;
}
table.CT-92-tableau-1, table.CT-92-tableau-2 {
width: 100%;
max-width: 500px;
margin: 3% 0;
}
@media (max-width: 500px) {
table.CT-92-tableau-1, table.CT-92-tableau-2 {
font-size: 13px;
}
.CT-92-illustration-1, .CT-92-illustration-2, .CT-92-illustration-3 {
margin: 5% 0;
}
}
@media (max-width: 400px) {
table.CT-92-tableau-1, table.CT-92-tableau-2 {
font-size: 11px;
}
.CT-92-illustration-1, .CT-92-illustration-2, .CT-92-illustration-3 {
margin: 10% 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MICRO TRAXION - pro 3 -Remontée sur corde ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.CT-93-illustration-1, .CT-93-illustration-2, .CT-93-illustration-3, .CT-93-illustration-4, .CT-93-illustration-5, .CT-93-bloc-illustration-1, .CT-93-bloc-illustration-2, .CT-93-bloc-orange-1 {
float: left
}
.CT-93-illustration-1 {
width: 100%;
max-width: 238px;
margin: 3% 0;
}
.CT-93-illustration-2 {
width: 100%;
max-width: 330px;
margin: 3% 0;
}
.CT-93-bloc-illustration-1 {
width: calc(48% - 1px);
margin: 3% 0;
}
.CT-93-bloc-illustration-2 {
width: 48%;
padding: 0 0 0 2%;
margin: 3% 0 3% 2%;
border-left: dotted 1px #000000;
}
.CT-93-illustration-3 {
width: 100%;
max-width: 321px;
margin: 3% 0;
}
.CT-93-illustration-4 {
width: 100%;
max-width: 321px;
margin: 3% 0;
}
.CT-93-tableau-1, .CT-93-tableau-2, .CT-93-tableau-3, .CT-93-tableau-4 {
float: left;
width: 100%;
max-width: 321px;
margin: 3% 0;
}
.CT-93-tableau-1 caption, .CT-93-tableau-2 caption, .CT-93-tableau-3 caption, .CT-93-tableau-4 caption {
margin: 0 0 10px 0;
}
.CT-93-illustration-5 {
width: 100%;
max-width: 33px;
}
.CT-93-illustration-6 {
width: 100%;
max-width: 33px;
}
.CT-93-bloc-orange-1 {
padding: 20px;
background-color: rgb(231, 82, 0);
border-radius: 10px;
width: 100%;
max-width: 321px;
box-sizing: border-box;
}
@media (max-width: 800px) {
.CT-93-tableau-1, .CT-93-tableau-2, .CT-93-tableau-3, .CT-93-tableau-4 {
font-size: 14px;
}
}
@media (max-width: 600px) {
.CT-93-bloc-illustration-1 {
width: 100%;
margin: 3% 0;
}
.CT-93-bloc-illustration-2 {
width: 100%;
padding: 0;
margin: 3% 0;
border-left: none;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe14-connexion-harnais-Longe-ZILLON-GRILLON ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-94-illustration-1, .CT-94-illustration-2, .CT-94-illustration-3, .CT-94-illustration-4, .CT-94-illustration-5, .CT-94-illustration-6, .CT-94-bloc-gris-1, .CT-94-bloc-gris-2, .CT-94-bloc-illustration-1, .CT-94-bloc-illustration-2, .CT-94-bloc-illustration-3 {
float: left;
}
.CT-94-illustration-1 {
width: 110px;
margin: 0 3% 0 0;
padding: 0px 10px 10px 15px;
}
.CT-94-illustration-2 {
width: 30%;
margin: 3% 0 0 0;
}
.CT-94-bloc-gris-1, .CT-94-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-94-bloc-gris-2 p:first-of-type {
margin: 0 0 1em 0;
}
.CT-94-bloc-illustration-1 {
background-color: #FFF;
width: 34%;
align: center;
padding: 2.5% 20px 20px 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-94-bloc-illustration-2 {
background-color: #FFF;
width: 34%;
align: center;
padding: 2.5% 20px 20px 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-94-bloc-illustration-1 p:first-of-type img, .CT-94-bloc-illustration-2 p:first-of-type img {
margin: 0 55px;
}
.CT-94-bloc-illustration-1 p, .CT-94-bloc-illustration-2 p {
margin: 0;
}
.CT-94-bloc-illustration-3 p {
margin: 0;
}
.CT-94-bloc-illustration-3 {
background-color: #FFF;
width: 69%;
align: center;
padding: 2.5% 20px 20px 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-94-illustration-3, .TechnicalContentDetailPage .CT-94-illustration-3 {
width: 29.4% !important;
margin: 0 0 0 0;
background-color: #fff;
padding: 0 10% 10px;
box-sizing: inherit;
}
.CT-94-illustration-4, .TechnicalContentDetailPage .CT-94-illustration-4 {
width: 27.5% !important;
margin: 0 0 0 0;
background-color: #fff;
padding: 0 10% 10px;
box-sizing: inherit;
}
.CT-94-illustration-6 {
width: 110px;
margin: 2% 3% 0 0;
padding: 0px 10px 10px 15px;
background-color: #ffffff;
}
.CT-94-texte-1 {
margin: 0 0 0 100px;
}
.CT-94-texte-2 {
margin: 2% 0 0 0;
float: left;
width: calc(90% - 110px);
}
.CT-94-hr {
clear: both;
float: left;
margin: 30px 0;
width: 100%;
}
@media (max-width: 800px) {
.CT-94-illustration-2 {
width: 40%;
margin: 3% 0 0 0;
}
.CT-94-bloc-illustration-1 {
width: 48.5%;
margin: 5% 3% 3% 0;
}
.CT-94-bloc-illustration-2 {
width: 48.5%;
margin: 5% 0% 3% 0;
}
.CT-94-bloc-illustration-3 {
width: 100%;
}
.CT-94-texte-2 {
width: calc(90% - 110px);
}
}
@media (max-width: 650px) {
.CT-94-bloc-illustration-1 {
width: 60%;
margin: 5% 3% 3% 20%;
}
.CT-94-bloc-illustration-2 {
width: 60%;
margin: 5% 3% 3% 20%;
}
.CT-94-bloc-illustration-3 {
width: 60%;
margin: 5% 0 5% 20%;
}
.CT-94-illustration-3, .TechnicalContentDetailPage .CT-94-illustration-3 {
width: 65% !important;
padding: 0 17.5% 20%;
box-sizing: inherit;
}
.CT-94-illustration-4, .TechnicalContentDetailPage .CT-94-illustration-4 {
width: 64% !important;
padding: 0 17.5% 0%;
box-sizing: inherit;
}
}
@media (max-width: 600px) {
.CT-94-illustration-2 {
width: 50%;
margin: 3% 0 0 0;
}
}
@media (max-width: 500px) {
.CT-94-illustration-2 {
width: 60%;
margin: 3% 0 0 0;
}
.CT-94-bloc-illustration-1 {
width: 75%;
margin: 5% 3% 3% 12.5%;
}
.CT-94-bloc-illustration-2 {
width: 75%;
margin: 5% 3% 3% 12.5%;
}
.CT-94-bloc-illustration-3 {
width: 75%;
margin: 5% 0 5% 12.5%;
}
.CT-94-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-94-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-94-illustration-6 {
margin: 2% 3% 5% 0;
}
}
@media (max-width: 450px) {
.CT-94-bloc-illustration-1 {
width: 85%;
margin: 5% 3% 3% 7.5%;
}
.CT-94-bloc-illustration-2 {
width: 85%;
margin: 5% 3% 3% 7.5%;
}
.CT-94-bloc-illustration-3 {
width: 85%;
margin: 5% 0 5% 7.5%;
}
.CT-94-illustration-2 {
width: 75%;
margin: 3% 0 0 0;
}
.CT-94-intro {
float: left;
clear: both;
}
.CT-94-illustration-8 {
width: 70%;
margin: 3% 0 0 0;
}
}
@media (max-width: 400px) {
.CT-94-bloc-illustration-1 {
width: 100%;
margin: 5% 3% 3% 0;
}
.CT-94-bloc-illustration-2 {
width: 100%;
margin: 5% 3% 3% 0;
}
.CT-94-bloc-illustration-3 {
width: 100%;
margin: 5% 0 5% 0;
}
.CT-94-illustration-2 {
width: 80%;
margin: 3% 0 0 0;
}
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe12-connection-ZIGZAG ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.CT-95-texte-italique-1 {
margin-top: 60px;
}
.CT-95-intro {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-95-illustration-1 {
min-width: 100px;
width: 100px;
margin: 0 40px 0 40px;
}
.CT-95-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin-top: 30px;
padding: 20px;
width: 300px;
}
.CT-95-illustration-2, .CT-95-illustration-3, .CT-95-illustration-4 {
width: 92px;
max-width: 92px;
margin: 0 10px 0 0;
text-align: center;
display: flex;
flex-direction: column;
position: relative;
}
.CT-95-illustration-2 img {
width: 28px !important;
margin: 0 auto;
}
.CT-95-illustration-3 img {
width: 47px !important;
margin: 0 auto 10px;
padding-top: 7px;
}
.CT-95-illustration-4 img {
width: 39px !important;
margin: 0 auto 10px;
padding-top: 15px;
}
.CT-95-illustration-2 a, .CT-95-illustration-3 a, .CT-95-illustration-4 a {
align-self: flex-end;
position: absolute;
bottom: 0;
font-size: 14px;
line-height: 20px;
color: #444444;
text-decoration: underline;
}
.CT-95-illustration-danger {
width: 50px;
margin-right: -50px;
position: relative;
}
.CT-95-illustration-danger img {
position: absolute;
bottom: 0;
}
.CT-95-bloc-gris-1, .CT-95-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
border-radius: 10px;
margin: 30px 0 0 0;
box-sizing: border-box;
}
.CT-95-bloc-illustration-2, .CT-95-bloc-illustration-4, .CT-95-bloc-illustration-6 {
margin-top: 30px;
background-color: #ffffff;
border-radius: 10px;
display: flex;
flex-direction: column;
padding: 30px;
box-sizing: border-box;
}
.CT-95-bloc-illustration-3, .CT-95-bloc-illustration-5, .CT-95-bloc-illustration-7 {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.CT-95-vide-1, .CT-95-vide-2 {
max-width: 183px;
width: 183px;
}
.CT-95-illustration-5 {
max-width: 183px;
width: 183px;
}
.CT-95-illustration-6 {
max-width: 186px;
width: 186px;
}
.CT-95-illustration-7 {
max-width: 183px;
width: 183px;
}
.CT-95-illustration-8 {
max-width: 183px;
width: 183px;
}
.CT-95-illustration-9 {
max-width: 183px;
width: 183px;
}
.CT-95-illustration-10 {
max-width: 183px;
width: 183px;
}
.CT-95-illustration-11 {
max-width: 179px;
width: 179px;
}
.CT-95-illustration-12 {
max-width: 183px;
width: 183px;
}
.CT-95-illustration-13 {
max-width: 186px;
width: 186px;
}
.CT-95-illustration-14 {
max-width: 184px;
width: 184px;
}
.CT-95-bloc-texte-1 {
margin-top: 30px;
display: flex;
flex-direction: row;
}
.CT-95-illustration-15 {
margin: 0 30px;
width: 85px;
min-width: 85px;
}
.CT-95-bloc-illustration-8 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-95-illustration-16 {
width: 100px;
min-width: 100px;
height: 230px;
background-color: #ffffff;
margin-right: 30px;
}
.CT-95-illustration-16 img {
width: 60px !important;
margin-left: 23px;
}
@media (max-width: 700px) {
.CT-95-intro {
flex-direction: column;
}
.CT-95-illustration-1 {
margin: 0 auto;
}
.CT-95-bloc-illustration-3, .CT-95-bloc-illustration-5, .CT-95-bloc-illustration-7 {
flex-direction: column;
}
.CT-95-vide-1, .CT-95-vide-2 {
display: none;
}
.CT-95-illustration-5, .CT-95-illustration-7, .CT-95-illustration-8, .CT-95-illustration-9, .CT-95-illustration-11, .CT-95-illustration-12, .CT-95-illustration-13 {
margin: 0 auto;
margin-bottom: 50px;
}
.CT-95-illustration-6, .CT-95-illustration-10, .CT-95-illustration-14 {
margin: 0 auto;
}
}
@media (max-width: 450px) {
.CT-95-bloc-illustration-1 {
flex-direction: column;
width: 100%;
box-sizing: border-box;
position: relative;
}
.CT-95-illustration-2, .CT-95-illustration-3, .CT-95-illustration-4 {
margin: 0 auto;
}
.CT-95-illustration-2 img {
margin: 0 auto;
padding-bottom: 20px;
}
.CT-95-illustration-3 img {
margin: 0 auto;
padding-top: 20px;
padding-bottom: 25px;
}
.CT-95-illustration-4 img {
margin: 0 auto;
padding-top: 20px;
padding-bottom: 25px;
}
.CT-95-illustration-danger {
width: 50px;
position: absolute;
bottom: 20px;
right: 40px;
}
.CT-95-bloc-texte-1 {
flex-direction: column;
}
.CT-95-illustration-15 {
margin: 0;
}
.CT-95-bloc-illustration-8 {
flex-direction: column;
}
.CT-95-illustration-16 {
margin: 0 auto 15px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe10-connexion-antichute-Au-Harnais ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-96-illustration-1, .CT-96-illustration-2, .CT-96-illustration-3, .CT-96-illustration-4, .CT-96-bloc-gris-1, .CT-96-bloc-gris-2, .CT-96-bloc-illustration-1, .CT-96-bloc-illustration-2, .CT-96-bloc-illustration-3, .CT-96-bloc-illustration-3-2 {
float: left;
}
.CT-96-bloc-illustration-3-2 {
display: none;
}
.CT-96-illustration-1 {
max-width: 264px;
width: 100%;
margin: 0 3% 3% 0;
}
.CT-96-illustration-2 {
width: 30%;
margin: 3% 0 0 0;
}
.CT-96-bloc-gris-1, .CT-96-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-96-bloc-gris-2 p:first-of-type {
margin: 0 0 1em 0;
}
.CT-96-bloc-illustration-1 {
background-color: #FFF;
width: 43%;
align: center;
padding: 20px 20px 20px 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-96-bloc-illustration-2 {
background-color: #FFF;
width: 43%;
align: center;
padding: 20px 20px 20px 20px;
border-radius: 10px;
margin: 5% 0 3% 0;
box-sizing: border-box;
}
.CT-96-bloc-illustration-3, .CT-96-bloc-illustration-3-2 {
background-color: #FFF;
width: 89%;
align: center;
padding: 20px 20px 20px 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-96-bloc-illustration-1 p:first-of-type img {
margin: 0 25%;
}
.CT-96-bloc-illustration-2 p:first-of-type img {
margin: 0 25%;
}
.CT-96-bloc-illustration-3 p:first-of-type img {
margin: 0 25%;
}
.CT-96-bloc-illustration-3-2 p:first-of-type img {
margin: 0 25%;
}
.CT-96-bloc-illustration-1 p, .CT-96-bloc-illustration-2 p, .CT-96-bloc-illustration-3 p, .CT-96-bloc-illustration-3-2 p {
margin: 0;
}
.CT-96-bloc-gris-1 h2, .CT-96-bloc-gris-2 h2 {
margin-top: 20px;
}
.CT-96-bloc-gris-1 ul {
margin-left: -20px;
}
.CT-96-bloc-illustration-3 p {
margin: 0;
}
.CT-96-illustration-4 {
width: 210px;
margin: 2% 3% 0 0;
background-color: #ffffff;
}
.CT-96-texte-1 {
margin: 0 0 0 100px;
}
.CT-96-texte-2 {
margin: 2% 0 0 0;
float: left;
width: calc(97% - 230px);
}
.CT-96-texte-2 ul {
margin: -10px 0 0 0px;
}
.CT-96-hr {
clear: both;
float: left;
margin: 30px 0;
width: 100%;
}
@media (max-width: 800px) {
.CT-96-illustration-2 {
width: 40%;
margin: 3% 0 0 0;
}
.CT-96-bloc-illustration-1 {
width: 60%;
margin: 3% 0 3% 20%;
}
.CT-96-bloc-illustration-2 {
width: 60%;
margin: 3% 0 3% 20%;
}
.CT-96-bloc-illustration-3 {
width: 70%;
margin: 3% 0 3% 15%;
}
.CT-96-bloc-illustration-3 p:first-of-type img {
margin: 0 0;
}
}
@media (max-width: 650px) {
.CT-96-bloc-illustration-2 {
width: 60%;
margin: 5% 3% 3% 20%;
}
.CT-96-bloc-illustration-1 {
width: 75%;
margin: 3% 0 3% 12.5%;
}
.CT-96-bloc-illustration-2 {
width: 75%;
margin: 3% 0 3% 12.5%;
}
.CT-96-bloc-illustration-3 {
width: 90%;
margin: 3% 0 3% 5%;
}
.CT-96-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-96-texte-2 ul {
margin: 3% 0 0 -20px;
}
}
@media (max-width: 600px) {
.CT-96-illustration-2 {
width: 50%;
margin: 3% 0 0 0;
}
}
@media (max-width: 500px) {
.CT-96-bloc-illustration-1 {
width: 90%;
margin: 3% 0 3% 5%;
}
.CT-96-bloc-illustration-2 {
width: 90%;
margin: 3% 0 3% 5%;
}
.CT-96-bloc-illustration-3 {
display: none;
}
.CT-96-bloc-illustration-3-2 {
width: 90%;
margin: 3% 0 3% 5%;
display: block;
}
.CT-96-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-96-illustration-4 {
margin: 2% 3% 5% 0;
}
}
@media (max-width: 400px) {
.CT-96-bloc-illustration-1 {
width: 100%;
margin: 3% 0 3% 0;
}
.CT-96-bloc-illustration-2 {
width: 100%;
margin: 3% 0 3% 0;
}
.CT-96-bloc-illustration-3-2 {
width: 100%;
margin: 3% 0 3% 0;
display: block;
}
.CT-96-bloc-illustration-1 p:first-of-type img {
margin: 0 10%;
}
.CT-96-bloc-illustration-2 p:first-of-type img {
margin: 0 10%;
}
.CT-96-bloc-illustration-3-2 p:first-of-type img {
margin: 0 10%;
}
}
/*////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe09-bout-Longe-Antichute ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
.CT-97-illustration-1, .CT-97-illustration-2, .CT-97-illustration-3, .CT-97-illustration-4, .CT-97-bloc-gris-1, .CT-97-bloc-gris-2, .CT-97-bloc-illustration-1, .CT-97-bloc-illustration-1-2, .CT-97-bloc-illustration-2, .CT-97-bloc-illustration-2-2, .CT-97-bloc-illustration-3, .CT-97-bloc-illustration-3-2, .CT-97-bloc-illustration-4 {
float: left;
}
.CT-97-bloc-illustration-1-2, .CT-97-bloc-illustration-2-2, .CT-97-bloc-illustration-3-2 {
display: none;
}
.CT-97-illustration-1 {
max-width: 79px;
width: 100%;
margin: 0 3% 3% 0;
}
.CT-97-illustration-2 {
width: 50%;
margin: 3% 0 0 0;
}
.CT-97-bloc-gris-1, .CT-97-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-97-bloc-gris-2 p:first-of-type {
margin: 0 0 1em 0;
}
.CT-97-bloc-illustration-1, .CT-97-bloc-illustration-1-2 {
background-color: #FFF;
width: 48.5%;
align: center;
padding: 20px 20px 20px 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-97-bloc-illustration-2, .CT-97-bloc-illustration-2-2 {
background-color: #FFF;
width: 48.5%;
align: center;
padding: 20px 20px 20px 20px;
border-radius: 10px;
margin: 5% 0 3% 0;
box-sizing: border-box;
}
.CT-97-bloc-illustration-3, .CT-97-bloc-illustration-3-2 {
background-color: #FFF;
width: 58%;
align: center;
padding: 20px 20px 0 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-97-bloc-illustration-4 {
background-color: #FFF;
width: 28.5%;
align: center;
padding: 20px 20px 25px 20px;
border-radius: 10px;
margin: 5% 0 3% 0;
box-sizing: border-box;
}
.CT-97-bloc-illustration-1 p:first-of-type img {
margin: 0 0;
}
.CT-97-bloc-illustration-2 p:first-of-type img {
margin: 0 10.5%;
}
.CT-97-bloc-illustration-3 p:first-of-type img {
margin: 0 0;
}
.CT-97-bloc-illustration-4 p:first-of-type img {
margin: 0 0;
}
.CT-97-bloc-illustration-1 p, .CT-97-bloc-illustration-1-2 p, .CT-97-bloc-illustration-2 p, .CT-97-bloc-illustration-2-2 p .CT-97-bloc-illustration-3 p, .CT-97-bloc-illustration-3-2 p, .CT-97-bloc-illustration-4 p {
margin: 0;
}
.CT-97-bloc-gris-1 h2, .CT-97-bloc-gris-2 h2 {
margin-top: 20px;
}
.CT-97-bloc-gris-1 ul {
margin-left: -20px;
}
.CT-97-bloc-illustration-3 p {
margin: 0;
}
.CT-97-illustration-4 {
width: 79px;
margin: 2% 3% 0 0;
background-color: #ffffff;
}
.CT-97-texte-1 {
margin: 0 0 0 100px;
}
.CT-97-texte-2 {
margin: 3% 0 0 -3%;
float: left;
width: calc(97% - 79px);
}
.CT-97-texte-2 ul {
margin: -10px 0 0 0px;
}
.CT-97-hr {
clear: both;
float: left;
margin: 30px 0;
width: 100%;
}
@media (max-width: 800px) {
.CT-97-illustration-2 {
width: 63%;
margin: 3% 0 0 0;
}
.CT-97-bloc-illustration-1, .CT-97-bloc-illustration-2, .CT-97-bloc-illustration-3 {
display: none;
}
.CT-97-bloc-illustration-1-2 {
width: 60%;
margin: 3% 0 3% 20%;
display: block;
}
.CT-97-bloc-illustration-2-2 {
width: 60%;
margin: 3% 0 3% 20%;
display: block;
}
.CT-97-bloc-illustration-3-2 {
width: 60%;
margin: 3% 0 3% 20%;
padding: 20px;
display: block;
}
.CT-97-bloc-illustration-4 {
width: 60%;
margin: 3% 0 3% 20%;
padding: 20px;
display: block;
}
.CT-97-bloc-illustration-1-2 p:first-of-type img {
margin: 0 15%;
}
.CT-97-bloc-illustration-2-2 p:first-of-type img {
margin: 0 15%;
}
.CT-97-bloc-illustration-3-2 p:first-of-type img {
margin: 0 15%;
}
.CT-97-bloc-illustration-4 p:first-of-type img {
margin: 0 19%;
}
}
@media (max-width: 650px) {
.CT-97-illustration-2 {
width: 70%;
margin: 3% 0 0 0;
}
.CT-97-bloc-illustration-2 {
width: 73%;
margin: 5% 3% 3% 20%;
}
.CT-97-bloc-illustration-1-2 {
width: 75%;
margin: 3% 0 3% 12.5%;
}
.CT-97-bloc-illustration-2-2 {
width: 75%;
margin: 3% 0 3% 12.5%;
}
.CT-97-bloc-illustration-3-2 {
width: 75%;
margin: 3% 0 3% 12.5%;
}
.CT-97-bloc-illustration-4 {
width: 75%;
margin: 3% 0 3% 12.5%;
}
}
@media (max-width: 500px) {
.CT-97-illustration-2 {
width: 80%;
margin: 3% 0 0 0;
}
.CT-97-bloc-illustration-1-2 {
width: 90%;
margin: 3% 0 3% 5%;
}
.CT-97-bloc-illustration-2-2 {
width: 90%;
margin: 3% 0 3% 5%;
}
.CT-97-bloc-illustration-3-2 {
width: 90%;
margin: 3% 0 3% 5%;
}
.CT-97-bloc-illustration-4 {
width: 90%;
margin: 3% 0 3% 5%;
}
.CT-97-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
}
@media (max-width: 450px) {
.CT-97-illustration-4 {
margin: 2% 3% 5% 0;
}
.CT-97-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-97-texte-2 ul {
margin: 3% 0 0 -20px;
}
}
@media (max-width: 400px) {
.CT-97-illustration-2 {
width: 100%;
margin: 3% 0 0 0;
}
.CT-97-bloc-illustration-1-2 {
width: 100%;
margin: 3% 0 3% 0;
}
.CT-97-bloc-illustration-2-2 {
width: 100%;
margin: 3% 0 3% 0;
}
.CT-97-bloc-illustration-3-2 {
width: 100%;
margin: 3% 0 3% 0;
}
.CT-97-bloc-illustration-4 {
width: 100%;
margin: 3% 0 3% 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe08-bout-Longe-Progression ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.CT-98-illustration-1, .CT-98-illustration-2, .CT-98-illustration-3, .CT-98-illustration-4, .CT-98-bloc-gris-1, .CT-98-bloc-gris-2, .CT-98-bloc-illustration-1, .CT-98-bloc-illustration-1-2, .CT-98-bloc-illustration-2, .CT-98-bloc-illustration-3 {
float: left;
}
.CT-98-bloc-illustration-1-2 {
display: none;
}
.CT-98-illustration-1 {
max-width: 79px;
width: 100%;
margin: 0 3% 3% 0;
}
.CT-98-illustration-2 {
width: 50%;
margin: 3% 0 0 0;
}
.CT-98-bloc-gris-1, .CT-98-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-98-bloc-illustration-1, .CT-98-bloc-illustration-1-2 {
background-color: #FFF;
width: 60%;
align: center;
padding: 20px 20px 20px 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-98-bloc-illustration-2 {
background-color: #FFF;
width: 32%;
align: center;
padding: 20px 20px 20px 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-98-bloc-illustration-3 {
background-color: #FFF;
width: 32%;
align: center;
padding: 20px 20px 0 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-98-bloc-illustration-1 p:first-of-type img {
margin: 0 0;
}
.CT-98-bloc-illustration-2 p:first-of-type img {
margin: 0 0;
}
.CT-98-bloc-illustration-3 p:first-of-type img {
margin: 0 0;
}
.CT-98-bloc-illustration-1 p, .CT-98-bloc-illustration-1-2 p, .CT-98-bloc-illustration-2 p, .CT-98-bloc-illustration-3 p {
margin: 0;
}
.CT-98-bloc-gris-1 h2, .CT-98-bloc-gris-2 h2 {
margin-top: 20px;
}
.CT-98-bloc-gris-1 ul {
margin-left: -20px;
}
.CT-98-illustration-4 {
width: 79px;
margin: 2% 3% 0 0;
background-color: #ffffff;
}
.CT-98-texte-1 {
margin: 0 0 0 100px;
}
.CT-98-bloc-gris-1 ul {
margin-left: 0px;
}
.CT-98-texte-2 {
margin: 3% 0 0 0;
float: left;
width: calc(94% - 79px);
}
.CT-98-texte-2 ul {
margin: -20px 0 0 0px;
}
.CT-98-hr {
clear: both;
float: left;
margin: 30px 0;
width: 100%;
}
@media (max-width: 835px) {
.CT-98-illustration-2 {
width: 63%;
margin: 3% 0 0 0;
}
.CT-98-bloc-illustration-1 {
display: none;
}
.CT-98-bloc-illustration-1-2 {
width: 60%;
margin: 3% 0 3% 20%;
display: block;
}
.CT-98-bloc-illustration-2 {
width: 60%;
margin: 3% 0 3% 20%;
display: block;
}
.CT-98-bloc-illustration-3 {
width: 60%;
margin: 3% 0 3% 20%;
padding: 20px;
display: block;
}
.CT-98-bloc-illustration-1-2 p:first-of-type img {
margin: 0 15%;
}
.CT-98-bloc-illustration-2 p:first-of-type img {
margin: 0 15%;
}
.CT-98-bloc-illustration-3 p:first-of-type img {
margin: 0 15%;
}
}
@media (max-width: 650px) {
.CT-98-illustration-2 {
width: 70%;
margin: 3% 0 0 0;
}
.CT-98-bloc-illustration-1-2 {
width: 75%;
margin: 3% 0 3% 12.5%;
}
.CT-98-bloc-illustration-2 {
width: 75%;
margin: 3% 0 3% 12.5%;
}
.CT-98-bloc-illustration-3 {
width: 75%;
margin: 3% 0 3% 12.5%;
}
}
@media (max-width: 500px) {
.CT-98-illustration-2 {
width: 80%;
margin: 3% 0 0 0;
}
.CT-98-bloc-illustration-1-2 {
width: 90%;
margin: 3% 0 3% 5%;
}
.CT-98-bloc-illustration-2 {
width: 90%;
margin: 3% 0 3% 5%;
}
.CT-98-bloc-illustration-3 {
width: 90%;
margin: 3% 0 3% 5%;
}
.CT-98-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
}
@media (max-width: 450px) {
.CT-98-illustration-4 {
margin: 2% 3% 5% 0;
}
.CT-98-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-98-texte-2 ul {
margin: 3% 0 0 -20px;
}
}
@media (max-width: 400px) {
.CT-98-illustration-2 {
width: 100%;
margin: 3% 0 0 0;
}
.CT-98-bloc-illustration-1-2 {
width: 100%;
margin: 3% 0 3% 0;
}
.CT-98-bloc-illustration-2 {
width: 100%;
margin: 3% 0 3% 0;
}
.CT-98-bloc-illustration-3 {
width: 100%;
margin: 3% 0 3% 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe04-connection-descendeur-cliquet-au-harnais ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-99-illustration-1, .CT-99-illustration-2, .CT-99-illustration-3, .CT-99-illustration-4, .CT-99-bloc-gris-1, .CT-99-bloc-gris-2, .CT-99-bloc-illustration-1, .CT-99-bloc-illustration-2, .CT-99-bloc-illustration-2-2 {
float: left;
}
.CT-99-illustration-1 {
max-width: 134px;
width: 100%;
margin: 0 3% 3% 0;
}
.CT-99-bloc-illustration-2-2 {
display: none;
}
.CT-99-illustration-2 {
width: 30%;
margin: 3% 0 0 0;
}
.CT-99-bloc-gris-1, .CT-99-bloc-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 0px 20px 30px 20px;
border-radius: 10px;
margin: 3% 0 0 0;
box-sizing: border-box;
}
.CT-99-bloc-gris-2 p:first-of-type {
margin: 0 0 1em 0;
}
.CT-99-bloc-illustration-1 {
background-color: #FFF;
width: 30%;
align: center;
padding: 20px 20px 20px 20px;
border-radius: 10px;
margin: 5% 3% 3% 0;
box-sizing: border-box;
}
.CT-99-bloc-illustration-2, .CT-99-bloc-illustration-2-2 {
background-color: #FFF;
width: 46.6%;
align: center;
padding: 20px 20px 20px 20px;
border-radius: 10px;
margin: 5% 0 3% 0;
box-sizing: border-box;
}
.CT-99-bloc-illustration-1 p, .CT-99-bloc-illustration-2 p, .CT-99-bloc-illustration-2-2 p {
margin: 0;
}
.CT-99-bloc-gris-1 h2, .CT-99-bloc-gris-2 h2 {
margin-top: 20px;
}
.CT-99-illustration-4 {
width: 106px;
margin: 2% 3% 0 0;
background-color: #ffffff;
}
.CT-99-texte-1 {
margin: 0 0 0 100px;
}
.CT-99-texte-2 {
margin: 3% 0 0 0;
float: left;
width: calc(94% - 106px);
}
.CT-99-texte-2 ul {
margin: -20px 0 0 0px;
}
.CT-99-hr {
clear: both;
float: left;
margin: 30px 0;
width: 100%;
}
@media (max-width: 830px) {
.CT-99-illustration-2 {
width: 40%;
margin: 3% 0 0 0;
}
.CT-99-bloc-illustration-1 {
width: 40%;
}
.CT-99-bloc-illustration-2 {
width: 62%;
}
}
@media (max-width: 650px) {
.CT-99-illustration-2 {
width: 45%;
margin: 3% 0 0 0;
}
.CT-99-bloc-illustration-1 {
width: 60%;
margin: 3% 0 3% 0;
}
.CT-99-bloc-illustration-2 {
width: 96%;
margin: 3% 0 3% 0;
}
}
@media (max-width: 600px) {
.CT-99-illustration-2 {
width: 50%;
margin: 3% 0 0 0;
}
}
@media (max-width: 500px) {
.CT-99-illustration-2 {
width: 60%;
margin: 3% 0 0 0;
}
.CT-99-texte-1 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-99-texte-1 ul {
margin: 0 0 0 -20px;
}
.CT-99-texte-2 {
clear: both;
float: left;
margin: 0 0 0 0;
width: 100%;
}
.CT-99-texte-2 ul {
margin: 3% 0 0 -20px;
}
}
@media (max-width: 450px) {
.CT-99-illustration-2 {
width: 75%;
margin: 3% 0 0 0;
}
.CT-99-bloc-illustration-1 {
width: 80%;
margin: 3% 0 3% 10%;
}
.CT-99-bloc-illustration-2 {
display: none;
}
.CT-99-bloc-illustration-2-2 {
width: 80%;
margin: 3% 0 3% 10%;
display: block;
}
.CT-99-illustration-4 {
margin: 2% 3% 5% 0;
}
}
@media (max-width: 400px) {
.CT-99-illustration-2 {
width: 80%;
margin: 3% 0 0 0;
}
.CT-99-bloc-illustration-1 {
width: 100%;
margin: 3% 0 3% 0;
}
.CT-99-bloc-illustration-2-2 {
width: 100%;
margin: 3% 0 3% 0;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*//////////////////// cat-installation-cordes ///////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-100-bloc-illustration-1, .CT-100-bloc-illustration-2, .CT-100-bloc-illustration-3, .CT-100-bloc-illustration-4, .CT-100-bloc-illustration-5, .CT-100-bloc-illustration-6, .CT-100-bloc-illustration-7, .CT-100-bloc-illustration-8, .CT-100-bloc-illustration-9, .CT-100-illustration-1, .CT-100-illustration-2, .CT-100-illustration-3, .CT-100-illustration-4, .CT-100-illustration-5, .CT-100-illustration-6, .CT-100-illustration-7, .CT-100-illustration-8, .CT-100-illustration-9, .CT-100-illustration-10, .CT-100-illustration-11 {
float: left;
}
.CT-100-illustration-2-2, .CT-100-illustration-3-2, .CT-100-illustration-4-2, .CT-100-illustration-11-2 {
display: none;
}
.technicalContentContainer .CT-100-illustration-1, .TechnicalContentDetailPage .CT-100-illustration-1 {
width: 100% !important;
max-width: 247px;
margin: 3% 3% 0 0;
}
.technicalContentContainer .CT-100-bloc-illustration-2, .TechnicalContentDetailPage .CT-100-bloc-illustration-2 {
max-width: 465px;
width: 100%;
margin: 3% 0 0 0;
}
.technicalContentContainer .CT-100-bloc-illustration-3, .TechnicalContentDetailPage .CT-100-bloc-illustration-3 {
width: 100%;
margin-bottom: 20px;
padding: 20px;
box-sizing: border-box;
}
.technicalContentContainer .CT-100-bloc-illustration-3-2, .TechnicalContentDetailPage .CT-100-bloc-illustration-3-2 {
width: 100%;
margin-bottom: 20px;
padding: 20px;
box-sizing: border-box;
}
.technicalContentContainer .CT-100-bloc-illustration-3 p, .TechnicalContentDetailPage .CT-100-bloc-illustration-3 p, .technicalContentContainer .CT-100-bloc-illustration-4 p, .TechnicalContentDetailPage .CT-100-bloc-illustration-4 p, .technicalContentContainer .CT-100-bloc-illustration-5 p, .TechnicalContentDetailPage .CT-100-bloc-illustration-5 p, .technicalContentContainer .CT-100-bloc-illustration-7 p, .TechnicalContentDetailPage .CT-100-bloc-illustration-7 p {
margin-top: 0;
}
.technicalContentContainer .CT-100-illustration-2, .TechnicalContentDetailPage .CT-100-illustration-2 {
max-width: 321px;
width: 100% !important;
margin: 3% 0 0 0;
}
.technicalContentContainer .CT-100-bloc-illustration-4, .TechnicalContentDetailPage .CT-100-bloc-illustration-4 {
width: 100%;
margin-bottom: 20px;
padding: 20px;
box-sizing: border-box;
}
.technicalContentContainer .CT-100-bloc-illustration-4-2, .TechnicalContentDetailPage .CT-100-bloc-illustration-4-2 {
width: 100%;
margin-bottom: 20px;
padding: 20px;
box-sizing: border-box;
}
.technicalContentContainer .CT-100-illustration-3, .TechnicalContentDetailPage .CT-100-illustration-3 {
max-width: 420px;
width: 100% !important;
margin: 3% 0 0 0;
}
.technicalContentContainer .CT-100-bloc-illustration-5, .TechnicalContentDetailPage .CT-100-bloc-illustration-5 {
width: 100%;
margin-bottom: 20px;
padding: 20px;
box-sizing: border-box;
}
.technicalContentContainer .CT-100-illustration-4, .TechnicalContentDetailPage .CT-100-illustration-4 {
max-width: 438px;
width: 100% !important;
margin: 3% 0 0 0;
}
.technicalContentContainer .CT-100-illustration-4-2, .TechnicalContentDetailPage .CT-100-illustration-4-2 {
max-width: 180px;
width: 100% !important;
margin: 3% 0 0 0;
}
.technicalContentContainer .CT-100-illustration-5, .TechnicalContentDetailPage .CT-100-illustration-5 {
max-width: 327px;
width: 100% !important;
margin: 3% 3% 0 0;
}
.technicalContentContainer .CT-100-bloc-illustration-7, .TechnicalContentDetailPage .CT-100-bloc-illustration-7 {
max-width: 230px;
width: 100%;
margin: 3% 0 3% 0;
padding: 20px;
box-sizing: border-box;
}
.technicalContentContainer .CT-100-illustration-6, .TechnicalContentDetailPage .CT-100-illustration-6 {
max-width: 179px;
width: 100% !important;
margin: 3% 3% 0 0;
}
.CT-100-bloc-illustration-8 {
width: 150px;
margin-right: 20px;
border-right: 1px solid black;
}
.CT-100-illustration-10 {
width: 73px;
}
.CT-100-bloc-illustration-9 {
width: 430px;
padding-left: 10px;
padding-right: 10px;
}
.CT-100-illustration-11 {
height: 605px;
width: 386px;
}
.CT-100-illustration-7 {
width: 13%;
margin: 5% 3% 0 0;
}
.CT-100-illustration-8 {
width: 19.3%;
margin: 5% 3% 0 0;
}
.CT-100-illustration-9 {
width: 30%;
margin: 13% 0% 0 0;
}
.CT-100-hr {
float: left;
width: 100%;
margin: 30px 0;
}
@media (max-width: 920px) {
.technicalContentContainer .CT-100-illustration-1, .TechnicalContentDetailPage .CT-100-illustration-1 {
margin-left: calc(50% - 124px);
}
.technicalContentContainer .CT-100-bloc-illustration-2, .TechnicalContentDetailPage .CT-100-bloc-illustration-2 {
max-width: 100%;
}
.technicalContentContainer .CT-100-illustration-2, .TechnicalContentDetailPage .CT-100-illustration-2 {
margin-left: calc(50% - 160px);
}
.technicalContentContainer .CT-100-illustration-3, .TechnicalContentDetailPage .CT-100-illustration-3 {
margin-left: calc(50% - 210px);
}
.technicalContentContainer .CT-100-illustration-4, .TechnicalContentDetailPage .CT-100-illustration-4 {
margin-left: calc(50% - 219px);
}
}
@media (max-width: 800px) {
.CT-100-bloc-illustration-8 {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
border-right: none;
border-bottom: 1px solid black;
}
.CT-100-illustration-10 {
margin-left: calc(50% - 37px);
}
.CT-100-bloc-illustration-9 {
width: 100%;
}
.technicalContentContainer .CT-100-illustration-11, .TechnicalContentDetailPage .CT-100-illustration-11 {
margin-left: calc(50% - 193px);
}
}
@media (max-width: 750px) {
.CT-100-illustration-7 {
width: 19.5%;
margin: 5% 27% 0 12%;
}
.CT-100-illustration-8 {
width: 28.95%;
margin: 5% 0% 0 0;
}
.CT-100-illustration-9 {
width: 45%;
margin: 15% 0% 0 0;
}
}
@media (max-width: 720px) {
.technicalContentContainer .CT-100-illustration-7, .TechnicalContentDetailPage .CT-100-bloc-illustration-7 {
max-width: 100%;
}
.technicalContentContainer .CT-100-illustration-5, .TechnicalContentDetailPage .CT-100-illustration-5 {
margin-left: calc(50% - 164px);
}
.technicalContentContainer .CT-100-illustration-6, .TechnicalContentDetailPage .CT-100-illustration-6 {
margin-left: calc(50% - 90px);
}
}
@media (max-width: 540px) {
.technicalContentContainer .CT-100-illustration-3, .TechnicalContentDetailPage .CT-100-illustration-3 {
display: none;
}
.technicalContentContainer .CT-100-illustration-3-2, .TechnicalContentDetailPage .CT-100-illustration-3-2 {
margin-left: calc(50% - 107px);
display: block;
}
.technicalContentContainer .CT-100-illustration-4, .TechnicalContentDetailPage .CT-100-illustration-4 {
display: none;
}
.technicalContentContainer .CT-100-illustration-4-2, .TechnicalContentDetailPage .CT-100-illustration-4-2 {
margin-left: calc(50% - 90px);
display: block;
}
}
@media (max-width: 450px) {
.technicalContentContainer .CT-100-illustration-2, .TechnicalContentDetailPage .CT-100-illustration-2 {
display: none;
}
.technicalContentContainer .CT-100-illustration-2-2, .TechnicalContentDetailPage .CT-100-illustration-2-2 {
margin-left: calc(50% - 94px);
display: block;
}
.technicalContentContainer .CT-100-illustration-11, .TechnicalContentDetailPage .CT-100-illustration-11 {
display: none;
}
.technicalContentContainer .CT-100-illustration-11-2, .TechnicalContentDetailPage .CT-100-illustration-11-2 {
margin-left: calc(50% - 114px);
display: block;
}
.CT-100-illustration-7 {
width: 40%;
margin: 10% 0 0 30%;
}
.CT-100-illustration-8 {
width: 58%;
margin: 25% 0 0 21%;
}
.CT-100-illustration-9 {
width: 90%;
margin: 25% 0 0 5%;
}
}
@media (max-width: 400px) {
.technicalContentContainer .CT-100-illustration-5, .TechnicalContentDetailPage .CT-100-illustration-5 {
max-width: 327px;
width: 100% !important;
margin: 0 3% 0 0;
}
}
/*///////////////////////////////////////////////////////////////////////////*/
/*//////////////////// cat-principes-generaux-secours ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
.CT-101-hr {
float: left;
width: 100%;
margin: 30px 0;
}
.CT-101-texte-1 {
margin-top: 0;
}
@media (max-width: 600px) {
.CT-101-texte-1 {
clear: both;
float: left;
width: 100%;
margin: 3% 0;
}
.CT-101-texte-2 {
float: left;
width: 100%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RIG-1-Descendre-sur-un-brin-en-rajoutant-du-freinage ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 500px) {
.CT-102-texte {
clear: both;
float: left;
width: 100%;
margin-top: 10px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ID-pe02-utilisation-corde-dynamique-assurage-leader ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-103-illustration-1, .CT-103-illustration-2, .CT-103-illustration-2-2, .CT-103-illustration-3, .CT-103-illustration-4, .CT-103-tableau-1 {
float: left;
}
.CT-103-illustration-1 {
width: 100%;
max-width: 376px;
margin: 3% 0;
}
.CT-103-tableau-1 {
width: 100%;
max-width: 500px;
margin: 3% 0;
}
.CT-103-illustration-2 {
width: 100%;
margin: 5% 0 3% 0;
}
.CT-103-illustration-2-2 {
margin: 5% 0 3% 0;
display: none;
}
.CT-103-illustration-3 {
width: 100%;
max-width: 208px;
margin: 3% 0;
}
.CT-103-illustration-4 {
width: 100%;
max-width: 270px;
margin: 2.6% 0 3% 10%;
}
@media (max-width: 600px) {
.CT-103-illustration-2 {
display: none;
}
.CT-103-illustration-2-2 {
margin: 5% 0 3% 0;
display: block;
width: 100%;
max-width: 350px;
}
.CT-103-illustration-4 {
width: 100%;
max-width: 270px;
margin: 7% 0 3% 0%;
clear: both;
}
}
@media (max-width: 400px) {
.CT-103-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 332px) {
.CT-103-illustration-3 {
width: 78%;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MICRO TRAXION - pro 5 - Tests statique ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-104-tableau-1, .CT-104-tableau-2 {
float: left;
width: 100%;
max-width: 500px;
}
@media (max-width: 400px) {
.CT-104-tableau-1, .CT-104-tableau-2 {
font-size: 14px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + 100kg - ABSORBICA I & Y (80&150 cm) - Poids : 100 à 120 Kg ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-105-illustration-1 {
width: 100% !important;
max-width: 679px !important;
margin: 0 0 5% 0;
}
.CT-105-illustration-2 {
width: 100% !important;
max-width: 849px !important;
margin: 4% 0 5% 0;
}
.CT-105-illustration-1-2, .CT-105-illustration-2-2 {
display: none;
}
.CT-105-tableau-1 {
width: 100%;
max-width: 600px;
margin: 5% 0 !important;
float: left;
}
.CT-105-tableau-1-2, .CT-105-tableau-1-3 {
display: none;
max-width: 300px;
}
@media (max-width: 975px) {
.CT-105-illustration-1 {
max-width: 82% !important;
}
.CT-105-illustration-2 {
max-width: 100% !important;
}
}
@media (max-width: 650px) {
.CT-105-illustration-1, .CT-105-illustration-2 {
display: none;
}
.CT-105-illustration-1-2 {
display: block;
max-width: 125px !important;
margin: 10% 0 5% 0;
margin-left: calc(50% - 63px);
}
.CT-105-illustration-2-2 {
display: block;
max-width: 177px !important;
margin: 10% 0 5% 0;
margin-left: calc(50% - 89px);
}
.CT-105-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 500px) {
.CT-105-tableau-1 {
display: none;
}
.CT-105-tableau-1-2, .CT-105-tableau-1-3 {
display: block;
margin: 5% 0 2.5% 0;
float: left;
}
}
@media (max-width: 400px) {
.CT-105-tableau-1-2, .CT-105-tableau-1-3 {
font-size: 13px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + 100kg - ABSORBICA (80cm)- 120-140kg ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-106-illustration-1 {
width: 100% !important;
max-width: 849px !important;
margin: 1% 0 0 0;
}
.CT-106-illustration-1-2 {
display: none;
}
.CT-106-tableau-1 {
width: 100%;
max-width: 630px;
margin: 5% 0 !important;
float: left;
}
.CT-106-td-1 {
width: 16% !important;
}
.CT-106-td-2 {
width: 28% !important;
}
.CT-106-tableau-1-2, .CT-106-tableau-1-3, .CT-106-tableau-1-4 {
display: none;
max-width: 300px;
}
@media (max-width: 975px) {
.CT-106-illustration-1 {
max-width: 100% !important;
}
}
@media (max-width: 650px) {
.CT-106-illustration-1 {
display: none;
}
.CT-106-illustration-1-2 {
display: block;
max-width: 177px !important;
margin: 10% 0 5% 0;
margin-left: calc(50% - 89px);
}
.CT-106-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 500px) {
.CT-106-tableau-1 {
display: none;
}
.CT-106-tableau-1-2, .CT-106-tableau-1-3, .CT-106-tableau-1-4 {
display: block;
margin: 5% 0 2.5% 0;
float: left;
}
}
@media (max-width: 400px) {
.CT-106-tableau-1-2, .CT-106-tableau-1-3, .CT-106-tableau-1-4 {
font-size: 13px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + 100kg - ABSORBICA I & Y (150 cm) - Poids : 120 à 140 KG ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-107-illustration-1 {
width: 100% !important;
max-width: 679px !important;
margin: 0 0 5% 0;
}
.CT-107-illustration-2 {
width: 100% !important;
max-width: 849px !important;
margin: 4% 0 5% 0;
}
.CT-107-illustration-1-2, .CT-107-illustration-2-2 {
display: none;
}
.CT-107-tableau-1 {
width: 100%;
max-width: 600px;
margin: 5% 0 !important;
float: left;
}
.CT-107-tableau-1-2, .CT-107-tableau-1-3 {
display: none;
max-width: 300px;
}
@media (max-width: 975px) {
.CT-107-illustration-1 {
max-width: 82% !important;
}
.CT-107-illustration-2 {
max-width: 100% !important;
}
}
@media (max-width: 650px) {
.CT-107-illustration-1, .CT-107-illustration-2 {
display: none;
}
.CT-107-illustration-1-2 {
display: block;
max-width: 125px !important;
margin: 10% 0 5% 0;
margin-left: calc(50% - 63px);
}
.CT-107-illustration-2-2 {
display: block;
max-width: 177px !important;
margin: 10% 0 5% 0;
margin-left: calc(50% - 89px);
}
.CT-107-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 500px) {
.CT-107-tableau-1 {
display: none;
}
.CT-107-tableau-1-2, .CT-107-tableau-1-3 {
display: block;
margin: 5% 0 2.5% 0;
float: left;
}
}
@media (max-width: 400px) {
.CT-107-tableau-1-2, .CT-107-tableau-1-3 {
font-size: 13px;
}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs-plus-de-100kg-ASAP ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-108-illustration-1 {
width: 100% !important;
max-width: 800px !important;
margin: 0 0 0 0;
}
.CT-108-illustration-1-2 {
display: none;
}
.CT-108-tableau-1 {
width: 100%;
max-width: 600px;
margin: 5% 0 !important;
float: left;
}
.CT-108-tableau-1-2, .CT-108-tableau-1-3 {
display: none;
max-width: 300px;
}
@media (max-width: 975px) {
.CT-108-illustration-1 {
max-width: 100% !important;
}
}
@media (max-width: 650px) {
.CT-108-illustration-1 {
display: none;
}
.CT-108-illustration-1-2 {
display: block;
max-width: 155px !important;
margin: 10% 0 5% 0;
margin-left: calc(50% - 78px);
}
.CT-108-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 500px) {
.CT-108-tableau-1 {
display: none;
}
.CT-108-tableau-1-2, .CT-108-tableau-1-3 {
display: block;
margin: 5% 0 2.5% 0;
float: left;
}
}
@media (max-width: 400px) {
.CT-108-tableau-1-2, .CT-108-tableau-1-3 {
font-size: 13px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs-plus-de-100kg-ASCENSION-ASCENTREE ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
.CT-109-illustration-1, .CT-109-illustration-2, .CT-109-illustration-3, .CT-109-illustration-3-2, .CT-109-bloc-texte-1, .CT-109-image-1, .CT-109-image-2, .CT-109-image-3 {
float: left;
}
.CT-109-illustration-1 {
width: 158px;
margin: 3% 10% 3% 0;
}
.CT-109-illustration-2 {
width: 158px;
margin: 3% 0 3% 0;
}
.CT-109-illustration-3 {
width: 100%;
max-width: 475px;
margin: 3% 3% 3% 0;
}
.CT-109-illustration-3-2 {
width: 100%;
max-width: 245px;
margin: 3% 0;
margin-left: calc(50% - 123px);
display: none;
}
.CT-109-bloc-texte-1 {
margin: 3% 0 0 0;
width: calc(66% - 245px);
}
.CT-109-image-1 {
width: 23%;
margin-right: 4%;
float: left;
}
.CT-109-image-2 {
width: 28%;
margin-right: 4%;
float: left;
}
.CT-109-image-3 {
width: 28%;
margin-right: 4%;
float: left;
}
@media (max-width: 950px) {
.CT-109-bloc-texte-1 {
clear: both;
width: 100%;
}
}
@media (max-width: 600px) {
.CT-109-image-1, .CT-109-image-2, .CT-109-image-3 {
width: 100%;
margin: 3% 0;
float: left;
}
}
@media (max-width: 400px) {
.CT-109-illustration-3 {
display: none;
}
.CT-109-illustration-3-2 {
display: block;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + 100kg - CORDE PETZL EN 1891 ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
.CT-110-tableau-1 {
max-width: 600px;
width: 100%;
}
.CT-110-bloc-tableau-1 {
display: none;
}
@media (max-width: 650px) {
.CT-110-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 500px) {
.CT-110-tableau-1 {
display: none;
}
.CT-110-bloc-tableau-1 {
display: block;
}
}
@media (max-width: 400px) {
.CT-110-tableau-1-2, .CT-110-tableau-1-3 {
font-size: 13px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + de 100kg - GRILLON A DOUBLE - 100-120kg ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-111-tableau-1 {
width: 100%;
max-width: 800px;
}
.CT-111-bloc-tableau-1 {
display: none;
}
@media (max-width: 650px) {
.CT-111-tableau-1 {
font-size: 14px;
}
.CT-111-tableau-1 {
display: none;
}
.CT-111-bloc-tableau-1 {
display: block;
}
}
@media (max-width: 400px) {
.CT-111-tableau-1-2, .CT-111-tableau-1-3, .CT-111-tableau-1-4 {
font-size: 13px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + de 100kg - GRILLON A DOUBLE - 120-140kg ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-112-tableau-1 {
width: 100%;
max-width: 800px;
}
.CT-112-bloc-tableau-1 {
display: none;
}
@media (max-width: 650px) {
.CT-112-tableau-1 {
font-size: 14px;
}
.CT-112-tableau-1 {
display: none;
}
.CT-112-bloc-tableau-1 {
display: block;
}
}
@media (max-width: 400px) {
.CT-112-tableau-1-2, .CT-112-tableau-1-3, .CT-112-tableau-1-4 {
font-size: 13px;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + de 100kg - GRILLON A SIMPLE- Poids : 100 à 140 KG ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-113-tableau-1 {
width: 100%;
max-width: 800px;
}
.CT-113-bloc-tableau-1 {
display: none;
}
@media (max-width: 650px) {
.CT-113-tableau-1 {
font-size: 14px;
}
.CT-113-tableau-1 {
display: none;
}
.CT-113-bloc-tableau-1 {
display: block;
}
}
@media (max-width: 400px) {
.CT-113-tableau-1-2, .CT-113-tableau-1-3, .CT-113-tableau-1-4 {
font-size: 13px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + de 100kg - GRILLON Ligne de Vie - Poids : 100 à 140 kg ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-114-illustration-1, .CT-114-illustration-2 {
float: left;
}
.CT-114-illustration-1 {
width: 100%;
max-width: 285px;
margin: 3% 5% 3% 0;
}
.CT-114-illustration-2 {
width: 100%;
max-width: 285px;
margin: 3% 0;
}
.CT-114-tableau-1 {
width: 100%;
max-width: 500px;
}
.CT-114-tableau-1-2 {
width: 100%;
max-width: 400px;
}
.CT-114-bloc-tableau-1 {
display: none;
}
@media (max-width: 650px) {
.CT-114-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 400px) {
.CT-114-tableau-1 {
display: none;
}
.CT-114-bloc-tableau-1 {
display: block;
}
.CT-114-tableau-1-2 {
font-size: 13px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + de 100kg - Harnais Petzl et connecteurs Petzl- 100 à 140 KG ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-115-illustration-1, .CT-115-illustration-1-2, .CT-115-illustration-2, .CT-115-illustration-2-2 {
float: left;
}
.CT-115-illustration-1-2, .CT-115-illustration-2-2 {
display: none;
}
.CT-115-illustration-1 {
width: 100%;
max-width: 580px;
margin: 3% 0 7% 0;
}
.CT-115-illustration-1-2 {
width: 100%;
max-width: 271px;
margin: 3% 0 7% 0;
}
.CT-115-illustration-2 {
width: 100%;
max-width: 680px;
margin: -3% 0 7% 0;
}
.CT-115-illustration-2-2 {
width: 100%;
max-width: 254px;
margin: 0 0 7% 0;
}
@media (max-width: 650px) {
.CT-115-illustration-1, .CT-115-illustration-2 {
display: none;
}
.CT-115-illustration-1-2, .CT-115-illustration-2-2 {
display: block;
}
}
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + 100kg - I'D et RIG ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.CT-116-illustration-1, .CT-116-illustration-1-2, .CT-116-illustration-2, .CT-116-illustration-3, .CT-116-illustration-4, .CT-116-illustration-5, .CT-116-illustration-6, .CT-116-illustration-7 {
float: left;
}
.CT-116-illustration-1 {
width: 100%;
max-width: 695px;
}
.CT-116-illustration-1-2 {
width: 100%;
max-width: 304px;
display: none;
}
.CT-116-illustration-2 {
width: 100%;
max-width: 210px;
margin: 3% 3% 3% 0;
}
.CT-116-illustration-3 {
width: 100%;
max-width: 169px;
margin: 3% 0;
}
.CT-116-illustration-4 {
width: 100%;
max-width: 150px;
margin: 3% 3% 3% 0;
}
.CT-116-illustration-5 {
width: 100%;
max-width: 150px;
margin: 3% 0;
}
.CT-116-illustration-4 img, .CT-116-illustration-5 img {
max-width: 75px;
}
.CT-116-illustration-6 {
width: 100%;
max-width: 250px;
margin: 3% 5% 3% 0;
}
.CT-116-illustration-7 {
width: 100%;
max-width: 140px;
margin: 6% 0 3% 0;
}
@media (max-width: 650px) {
.CT-116-illustration-1 {
display: none;
}
.CT-116-illustration-1-2 {
display: block;
}
}
@media (max-width: 475px) {
.CT-116-illustration-6 {
clear: both;
margin-left: calc(50% - 125px);
}
.CT-116-illustration-7 {
clear: both;
margin-left: calc(50% - 70px);
}
}
@media (max-width: 450px) {
.CT-116-illustration-2 {
margin-left: calc(50% - 105px);
}
.CT-116-illustration-3 {
margin: -15% 0 15%;
margin-left: calc(50% - 85px);
}
.CT-116-illustration-4 {
margin-left: calc(50% - 38px);
}
.CT-116-illustration-5 {
margin-left: calc(50% - 38px);
}
.CT-116-illustration-4 p, .CT-116-illustration-5 p {
text-align: center;
margin-left: -50%;
}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs-plus-de-100kg-JANE ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-117-illustration-1, .CT-117-illustration-1-2, .CT-117-tableau-1, .CT-117-tableau-1-2, .CT-117-tableau-1-3, .CT-117-tableau-1-4 {
float: left;
}
.CT-117-illustration-1 {
width: 100%;
max-width: 429px;
margin: 3% 0;
}
.CT-117-illustration-1-2 {
width: 100%;
max-width: 280px;
display: none;
margin: 3% 0;
}
.CT-117-tableau-1 {
width: 100%;
max-width: 800px;
}
.CT-117-tableau-1-2, .CT-117-tableau-1-3, .CT-117-tableau-1-4 {
display: none;
}
@media (max-width: 750px) {
.CT-117-tableau-1 {
display: none;
}
.CT-117-tableau-1-2, .CT-117-tableau-1-3, .CT-117-tableau-1-4 {
font-size: 14px;
display: block;
width: 100%;
max-width: 350px;
margin: 3% 0;
}
}
@media (max-width: 400px) {
.CT-117-illustration-1 {
display: none;
}
.CT-117-illustration-1-2 {
display: block;
}
.CT-117-tableau-1-2, .CT-117-tableau-1-3, .CT-117-tableau-1-4 {
font-size: 13px;
}
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + de 100kg - SPELEGYCA ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-118-illustration-1, .CT-118-illustration-2, .CT-118-illustration-3, .CT-118-illustration-4, .CT-118-illustration-5 {
float: left;
}
.CT-118-illustration-1 {
margin: 3% 0;
width: 145px;
}
.CT-118-tableau-1 {
width: 100%;
max-width: 600px;
}
.CT-118-tableau-1-2, .CT-118-tableau-1-3 {
display: none;
}
.CT-118-illustration-2 {
width: 164px;
margin: 3% 0;
margin-right: 10px;
}
.CT-118-illustration-3 {
width: 164px;
margin: 3% 0;
margin-right: 10px;
}
.CT-118-illustration-4 {
width: 206px;
margin: 3% 0;
margin-right: 10px;
}
.CT-118-illustration-5 {
width: 206px;
margin: 3% 0;
margin-right: 10px;
}
@media (max-width: 1000px) {
.CT-118-illustration-2 {
margin: 3% 3%;
}
.CT-118-illustration-3 {
margin: 3% 3%;
}
.CT-118-illustration-4 {
clear: both;
float: left;
}
}
@media (max-width: 650px) {
.CT-118-tableau-1 {
display: none;
}
.CT-118-tableau-1-2, .CT-118-tableau-1-3 {
font-size: 14px;
display: block;
width: 100%;
max-width: 350px;
margin: 3% 0;
}
.CT-118-tableau-1-2, .CT-118-tableau-1-3 {
font-size: 14px;
}
}
@media (max-width: 500px) {
.CT-118-illustration-2 {
clear: both;
float: left;
margin: 3% 0;
margin-left: calc(50% - 82px);
}
.CT-118-illustration-3 {
clear: both;
float: left;
margin: 3% 0;
margin-left: calc(50% - 82px);
}
.CT-118-illustration-4 {
clear: both;
float: left;
margin-left: calc(50% - 103px);
}
.CT-118-illustration-5 {
clear: both;
float: left;
margin-left: calc(50% - 103px);
}
}
@media (max-width: 400px) {
.CT-118-tableau-1-2, .CT-118-tableau-1-3 {
font-size: 13px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + 100kg -chapitre commun ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////*/
.CT-119-illustration-1, .CT-119-illustration-1-2, .CT-119-illustration-2, .CT-119-illustration-2-2 {
float: left;
}
.CT-119-illustration-1 {
margin: 0 0 3% 0;
width: 100%;
max-width: 550px;
}
.CT-119-illustration-1-2 {
display: none;
}
.CT-119-illustration-2 {
margin: 3% 0;
width: 100%;
max-width: 550px;
}
.CT-119-illustration-2-2 {
display: none;
}
@media (max-width: 600px) {
.CT-119-illustration-2 {
display: none;
}
.CT-119-illustration-2-2 {
margin: 3% 0;
width: 100%;
max-width: 300px;
display: block;
}
}
@media (max-width: 500px) {
.CT-119-illustration-1 {
display: none;
}
.CT-119-illustration-1-2 {
margin: 0 0 3% 0;
width: 100%;
max-width: 300px;
display: block;
}
}
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// travailleurs + 100kg - CHECK LIST ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.CT-120-tableau-1 {
width: 100%;
margin: 5% 0;
}
.CT-120-tableau-1-2 {
display: none;
}
.CT-120-tableau-1-3 {
display: none;
}
@media (max-width: 800px) {
.CT-120-tableau-1 {
display: none;
}
.CT-120-tableau-1-2 {
width: 100%;
margin: 5% 0;
display: block;
}
}
@media (max-width: 650px) {
.CT-120-tableau-1 {
font-size: 14px;
}
}
@media (max-width: 500px) {
.CT-120-tableau-1 {
font-size: 13px;
}
}
@media (max-width: 400px) {
.CT-120-tableau-1-2 {
display: none;
}
.CT-120-tableau-1-3 {
font-size: 14px;
width: 100%;
margin: 5% 0;
display: block;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIG ZAG Secours en descente accompagnée sur un seul ZIGZAG pour deux personnes ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-121-illustration-1, .CT-121-illustration-2, .CT-121-illustration-3, .CT-121-bloc-gris-1, .CT-121-texte-1 {
float: left;
}
.CT-121-illustration-1 {
width: 100%;
max-width: 306px;
margin: 3% 0;
}
.CT-121-illustration-2 {
width: 100%;
max-width: 346px;
margin: 3% 0;
}
.CT-121-illustration-3 {
width: 100%;
max-width: 346px;
margin: 3% 0;
}
.CT-121-bloc-gris-1, .CT-121-bloc-gris-2 {
width: 100%;
max-width: 800px;
margin: 3% 0;
background-color: #F0F0F0;
padding: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-sizing: border-box;
}
.CT-121-bloc-gris-1 h3, .CT-121-bloc-gris-2 h3 {
margin-top: 0;
}
.CT-121-texte-1 {
margin: 3% 0 3% 3%;
width: calc(80% - 306px);
}
.CT-121-texte-1 p {
margin-top: 0;
}
@media (max-width: 700px) {
.CT-121-texte-1 {
margin: 0 0 3% 0;
width: 100%;
}
}
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// cat-evacuation-balancier-espagnol ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.CT-122-illustration-1, .CT-122-illustration-2, .CT-122-illustration-3 {
float: left;
}
.CT-122-illustration-1 {
width: 100%;
max-width: 243px;
}
.CT-122-illustration-2 {
width: 100%;
max-width: 214px;
}
.CT-122-illustration-3 {
width: 100%;
max-width: 203px;
}
.CT-122-bloc-illustration-1, .CT-122-bloc-illustration-2, .CT-122-bloc-illustration-3 {
margin: 3% 0;
}
@media (max-width: 825px) {
.CT-122-illustration-1 {
clear: both;
margin-left: calc(50% - 121px);
}
.CT-122-illustration-2 {
clear: both;
margin-left: calc(50% - 107px);
}
.CT-122-illustration-3 {
clear: both;
margin-left: calc(50% - 101px);
}
.CT-122-bloc-illustration-1, .CT-122-bloc-illustration-2, .CT-122-bloc-illustration-3 {
width: 100%;
padding: 20px;
box-sizing: border-box;
float: left;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZILLON - 1 -Rappel des fonctions principales de la longe ZILLON ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-123-illustration-1, .CT-123-illustration-2, .CT-123-illustration-3 {
float: left;
}
.CT-123-illustration-1 {
width: 213px;
margin: 3% 37px 3% 0;
}
.CT-123-illustration-2 {
width: 213px;
margin: 3% 37px 3% 0;
}
.CT-123-illustration-3 {
width: 213px;
margin: 3% 37px 3% 0;
}
.CT-123-illustration-1 img, .CT-123-illustration-2 img, .CT-123-illustration-3 img {
margin: 5% 0 0 0;
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-acces-corde-double ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-124-illustration-1, .CT-124-illustration-2, .CT-124-illustration-3, .CT-124-illustration-4, .CT-124-illustration-5, .CT-124-illustration-6, .CT-124-texte-1, .CT-124-texte-2, .CT-124-texte-3, .CT-124-texte-4, .CT-124-bloc-illustration-1, .CT-124-bloc-illustration-2, .CT-124-bloc-illustration-3, .CT-124-hr {
float: left;
}
.CT-124-bloc-illustration-1-2, .CT-124-bloc-illustration-2-2, .CT-124-bloc-illustration-3-2 {
display: none;
}
.CT-124-illustration-1 {
margin: 3% 4% 3% 0;
width: 100%;
max-width: 320px;
}
.CT-124-texte-1 {
margin: 3% 0;
width: 40%;
text-align: center;
}
.CT-124-texte-2 {
margin: 3% 0 3% 10%;
width: 50%;
text-align: center;
}
.CT-124-texte-3 {
margin: 3% 0;
width: calc(96% - 320px);
}
.CT-124-texte-3 li {
margin-top: 3px !important;
}
.CT-124-illustration-2 {
margin: 3% 4% 3% 0;
width: 100%;
max-width: 415px;
}
.CT-124-texte-4 {
margin: 3% 0;
width: calc(96% - 415px);
}
.CT-124-texte-4 h2 {
margin-top: 0;
}
.CT-124-illustration-3 {
margin: 3% 0;
padding: 10px;
box-sizing: border-box;
width: 100%;
max-width: 273px;
}
.CT-124-hr {
width: 100%;
margin: 30px 0;
}
.CT-124-bloc-illustration-1, .CT-124-bloc-illustration-2 {
width: 30%;
margin: 3% 4% 3% 0;
}
.CT-124-bloc-illustration-3 {
width: 30%;
margin: 3% 0;
}
.CT-124-bloc-illustration-1 p, .CT-124-bloc-illustration-2 p, .CT-124-bloc-illustration-3 p {
width: 100%;
float: left;
}
.CT-124-bloc-illustration-1 p:first-of-type, .CT-124-bloc-illustration-2 p:first-of-type, .CT-124-bloc-illustration-3 p:first-of-type {
margin-top: 30px;
}
.CT-124-illustration-4 {
width: 100%;
max-width: 206px;
}
.CT-124-illustration-5 {
width: 100%;
max-width: 206px;
}
.CT-124-illustration-6 {
width: 100%;
max-width: 234px;
}
@media (max-width: 850px) {
.CT-124-texte-4 {
clear: both;
width: 100%;
}
.CT-124-illustration-2 {
margin: 0% 4% 3% 0;
margin-left: calc(50% - 207px);
}
.CT-124-illustration-3 {
max-width: 100%;
}
.CT-124-illustration-3 img {
max-width: 273px;
margin-left: calc(50% - 136px);
}
}
@media (max-width: 700px) {
.CT-124-texte-3 {
width: 100%;
clear: both;
}
.CT-124-illustration-1 {
width: 100%;
margin-left: calc(50% - 160px);
}
.CT-124-bloc-illustration-1, .CT-124-bloc-illustration-2, .CT-124-bloc-illustration-3 {
display: none;
}
.CT-124-bloc-illustration-1-2, .CT-124-bloc-illustration-2-2, .CT-124-bloc-illustration-3-2 {
width: 100%;
margin: 3% 0;
display: block;
float: left;
}
.CT-124-illustration-4 {
margin-left: calc(50% - 103px);
}
.CT-124-illustration-5 {
margin-left: calc(50% - 103px);
}
.CT-124-illustration-6 {
margin-left: calc(50% - 117px);
}
}
@media (max-width: 500px) {
.CT-124-illustration-2 {
margin-left: 0;
}
}
@media (max-width: 400px) {
.CT-124-illustration-1 {
margin-left: 0;
}
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-acces-corde-simple ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-125-illustration-1, .CT-125-illustration-2, .CT-125-illustration-3, .CT-125-texte-1, .CT-125-texte-2, .CT-125-texte-3, .CT-125-texte-4 {
float: left;
}
.CT-125-illustration-1 {
margin: 3% 4% 3% 0;
width: 100%;
max-width: 320px;
}
.CT-125-texte-1 {
margin: 3% 0;
width: 55%;
text-align: center;
}
.CT-125-texte-2 {
margin: 3% 0 3% 0;
width: 45%;
text-align: center;
}
.CT-125-texte-3 {
margin: 3% 0;
width: calc(96% - 320px);
}
.CT-125-texte-3 li {
margin-top: 3px !important;
}
.CT-125-illustration-2 {
margin: 3% 4% 3% 0;
width: 100%;
max-width: 353px;
}
.CT-125-texte-4 {
margin: 3% 0;
width: calc(96% - 353px);
}
.CT-125-texte-4 h2 {
margin-top: 0;
}
.CT-125-illustration-3 {
margin: 3% 0;
padding: 10px;
box-sizing: border-box;
width: 100%;
max-width: 273px;
}
@media (max-width: 850px) {
.CT-125-texte-4 {
clear: both;
width: 100%;
}
.CT-125-illustration-2 {
margin: 0% 4% 3% 0;
margin-left: calc(50% - 176px);
}
.CT-125-illustration-3 {
max-width: 100%;
}
.CT-125-illustration-3 img {
max-width: 273px;
margin-left: calc(50% - 136px);
}
}
@media (max-width: 700px) {
.CT-125-texte-3 {
width: 100%;
clear: both;
}
.CT-125-illustration-1 {
width: 100%;
margin-left: calc(50% - 160px);
}
}
@media (max-width: 500px) {
.CT-125-illustration-2 {
margin-left: 0;
}
}
@media (max-width: 400px) {
.CT-125-illustration-1 {
margin-left: 0;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-acces-double-prussik ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-126-illustration-1, .CT-126-illustration-2, .CT-126-illustration-3, .CT-126-illustration-4, .CT-126-texte-1, .CT-126-texte-2, .CT-126-texte-3, .CT-126-texte-4 {
float: left;
}
.CT-126-illustration-1 {
margin: 3% 4% 3% 0;
width: 100%;
max-width: 320px;
}
.CT-126-texte-1 {
margin: 3% 0;
width: 40%;
text-align: center;
}
.CT-126-texte-2 {
margin: 3% 0 3% 10%;
width: 50%;
text-align: center;
}
.CT-126-texte-3 {
margin: 3% 0;
width: calc(96% - 320px);
}
.CT-126-texte-3 li {
margin-top: 3px !important;
}
.CT-126-illustration-2 {
margin: 3% 4% 3% 0;
width: 100%;
max-width: 415px;
}
.CT-126-texte-4 {
margin: 3% 0;
width: calc(96% - 415px);
}
.CT-126-texte-4 h2 {
margin-top: 0;
}
.CT-126-illustration-3 {
margin: 3% 0 30px 0;
padding: 20px;
box-sizing: border-box;
width: 100%;
max-width: 252px;
}
.CT-126-illustration-3 p {
margin-top: 0;
}
.CT-126-illustration-4 {
margin: 3% 0;
padding: 10px;
box-sizing: border-box;
width: 100%;
max-width: 250px;
}
@media (max-width: 850px) {
.CT-126-texte-4 {
clear: both;
width: 100%;
}
.CT-126-illustration-2 {
margin: 0% 4% 3% 0;
margin-left: calc(50% - 207px);
}
.CT-126-illustration-3 {
max-width: 100%;
}
.CT-126-illustration-3 img {
width: 100%;
max-width: 200px;
margin-left: calc(50% - 100px);
}
.CT-126-illustration-4 {
max-width: 100%;
}
.CT-126-illustration-4 img {
width: 100%;
max-width: 250px;
margin-left: calc(50% - 125px);
}
}
@media (max-width: 700px) {
.CT-126-texte-3 {
width: 100%;
clear: both;
}
.CT-126-illustration-1 {
width: 100%;
margin-left: calc(50% - 160px);
}
}
@media (max-width: 500px) {
.CT-126-illustration-2 {
margin-left: 0;
}
}
@media (max-width: 400px) {
.CT-126-illustration-1 {
margin-left: 0;
}
}
@media (max-width: 350px) {
.CT-126-illustration-1 {
margin-left: 0;
}
.CT-126-illustration-3 img {
margin-left: 0;
}
.CT-126-illustration-4 img {
margin-left: 0;
}
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-demontage-avec-fausse-fourche ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.CT-127-illustration-1, .CT-127-illustration-2 {
float: left;
}
.CT-127-illustration-1 {
margin: 3% 10% 3% 0;
width: 45%;
}
.CT-127-illustration-2 {
margin: 3% 0;
width: 45%;
}
.CT-127-illustration-1 img, .CT-127-illustration-2 img {
width: 100%;
max-width: 398px;
}
.CT-127-illustration-1 p, .CT-127-illustration-2 p {
float: left;
margin-top: 0;
}
@media (max-width: 650px) {
.CT-127-illustration-1 {
margin: 3% 0;
width: 100%;
}
.CT-127-illustration-2 {
width: 100%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-demontage-sans-fausse-fourche ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.CT-128-illustration-1, .CT-128-illustration-2, .CT-128-illustration-3, .CT-128-illustration-4, .CT-128-texte-1, .CT-128-texte-2, .CT-128-bloc-illustration-1 {
float: left;
}
.CT-128-illustration-1 {
margin: 3% 4% 3% 0;
width: 100%;
max-width: 170px;
box-sizing: border-box;
padding: 20px;
}
.CT-128-illustration-1 h2 {
margin-top: 0;
margin-bottom: 20px;
}
.CT-128-texte-1 {
width: calc(96% - 170px);
margin: 3% 0;
}
.CT-128-texte-1 p:first-of-type {
margin-top: 0;
}
.CT-128-illustration-2 {
margin: 3% 10% 3% 0;
width: 45%;
}
.CT-128-texte-2 {
margin: 3% 0;
width: 45%;
padding: 20px;
box-sizing: border-box;
}
.CT-128-texte-2 h2 {
margin-top: 0;
}
.CT-128-illustration-3 {
margin: 3% 0;
width: 100%;
max-width: 320px;
}
.CT-128-bloc-illustration-1 {
margin: 3% 0;
padding: 20px;
box-sizing: border-box;
width: 100%;
}
.CT-128-bloc-illustration-1 p:first-of-type {
margin-top: 0;
}
.CT-128-illustration-4 {
width: 200px;
margin: 3% 0 0 0;
margin-left: calc(50% - 100px);
}
@media (max-width: 700px) {
.CT-128-texte-2 {
clear: both;
width: 100%;
}
.CT-128-illustration-3 {
width: 100% !important;
max-width: 300px;
margin-left: calc(50% - 150px);
}
.CT-128-illustration-2 {
width: 100%;
margin: 3% 0;
}
.CT-128-illustration-2 img {
width: 100%;
max-width: 350px;
margin-left: calc(50% - 175px);
}
}
@media (max-width: 500px) {
.CT-128-texte-1 {
clear: both;
width: 100%;
max-width: 100%;
}
.CT-128-illustration-1 {
max-width: 100%;
}
.CT-128-illustration-1 img {
max-width: 150px;
margin-left: calc(50% - 75px);
}
}
@media (max-width: 410px) {
.CT-128-illustration-2 img {
margin-left: 0;
}
.CT-128-illustration-3 {
margin-left: 0;
}
}
/*/////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-loop-rope ///////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.CT-129-bloc-illustration-1, .CT-129-illustration-1, .CT-129-illustration-2, .CT-129-illustration-3, .CT-129-hr, .CT-129-texte-1 {
float: left;
}
.CT-129-bloc-illustration-1 {
width: 58%;
margin: 3% 4% 3% 0;
}
.CT-129-illustration-1 {
width: 100%;
max-width: 500px;
}
.CT-129-illustration-2 {
width: 100%;
}
.CT-129-illustration-2 img {
max-width: 300px;
width: 100%;
margin-left: calc(50% - 150px);
float: left;
}
.CT-129-hr {
width: 100%;
margin: 30px 0;
}
.CT-129-illustration-3 {
width: 100%;
max-width: 190px;
padding: 20px;
box-sizing: border-box;
margin: 10% 0;
}
.CT-129-texte-1 {
width: 38%;
margin: 30px 0 3%;
}
.CT-129-texte-1 h2 {
margin-top: 0;
}
@media (max-width: 700px) {
.CT-129-bloc-illustration-1 {
width: 100%;
margin: 3% 0;
}
.CT-129-texte-1 {
width: 100%;
margin: 3% 0;
}
.CT-129-illustration-2 {
padding: 0 20%;
box-sizing: border-box;
}
.CT-129-illustration-2 img {
max-width: 100%;
width: 100%;
margin-left: 0;
}
.CT-129-illustration-3 {
margin: 3% 0;
width: 100%;
max-width: 100%;
}
.CT-129-illustration-3 img {
width: 100%;
max-width: 130px;
margin-left: calc(50% - 65px);
}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-secours-pilotage-victime ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-130-illustration-1, .CT-130-illustration-2, .CT-130-illustration-3, .CT-130-bloc-illustration-1 {
float: left;
}
.CT-130-illustration-1 {
width: 65%;
margin: 3% 4% 3% 0;
}
.CT-130-illustration-1 img {
width: 100%;
max-width: 500px;
margin: 0 auto;
float: left;
}
.CT-130-bloc-illustration-1 {
width: 31%;
margin: 3% 0;
}
.CT-130-illustration-2 {
width: 100%;
padding: 20px;
box-sizing: border-box;
margin: 0 0 5% 0;
}
.CT-130-illustration-3 {
width: 100%;
padding: 20px;
box-sizing: border-box;
margin: 0;
}
@media (max-width: 700px) {
.CT-130-illustration-1 {
width: 100%;
margin: 3% 0;
}
.CT-130-bloc-illustration-1 {
width: 100%;
margin: 3% 0;
}
.CT-130-illustration-2 {
width: 48%;
margin: 0 4% 0 0;
}
.CT-130-illustration-3 {
width: 48%;
}
}
@media (max-width: 400px) {
.CT-130-illustration-2 {
width: 100%;
margin: 0 0 7% 0;
}
.CT-130-illustration-3 {
width: 100%;
}
.CT-130-illustration-2 img, .CT-130-illustration-3 img {
max-width: 210px;
width: 100%;
margin-left: calc(50% - 105px);
}
}
@media (max-width: 300px) {
.CT-130-illustration-2 img, .CT-130-illustration-3 img {
margin-left: 0;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-securisation-ASCENTREE-variante ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-131-illustration-1, .CT-131-illustration-2, .CT-131-bloc-texte-1 {
float: left;
}
.CT-131-illustration-1 {
width: 50%;
margin: 5% 4% 3% 0;
}
.CT-131-bloc-texte-1 {
width: 46%;
margin: 3% 0;
}
.CT-131-bloc-texte-1 li {
margin-top: 3px !important;
}
.CT-131-illustration-2 {
width: 100%;
margin: 5% 0;
}
@media (max-width: 700px) {
.CT-131-bloc-texte-1 {
width: 100%;
margin: 3% 0 0 0;
}
.CT-131-illustration-1 {
width: 100%;
margin: 3% 0;
}
.CT-131-illustration-1 img {
width: 45%;
padding: 0 27.5%;
box-sizing: border-box;
}
}
@media (max-width: 450px) {
.CT-131-illustration-1 img {
width: 70%;
padding: 0 15%;
}
}
/*/////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-technique-fantome ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/
.CT-132-bloc-illustration-1, .CT-132-illustration-1, .CT-132-illustration-2, .CT-132-illustration-2-2, .CT-132-illustration-3, .CT-132-illustration-3-2, .CT-132-illustration-4, .CT-132-illustration-4-2, .CT-132-illustration-5, .CT-132-illustration-5-2, .CT-132-illustration-6, .CT-132-illustration-6-2, .CT-132-illustration-7, .CT-132-illustration-7-2, .CT-132-hr {
float: left;
}
.CT-132-illustration-2-2, .CT-132-illustration-3-2, .CT-132-illustration-4-2, .CT-132-illustration-5-2, .CT-132-illustration-6-2, .CT-132-illustration-7-2 {
display: none;
}
.CT-132-illustration-2 p, .CT-132-illustration-3 p, .CT-132-illustration-4 p, .CT-132-illustration-5 p, .CT-132-illustration-6 p, .CT-132-illustration-7 p {
text-align: center;
}
.CT-132-bloc-illustration-1 {
width: 100%;
max-width: 450px;
padding: 20px;
box-sizing: border-box;
margin: 3% 0;
}
.CT-132-illustration-1 {
width: 100px;
margin: 0 5% 0 0;
}
.CT-132-illustration-2 {
width: 30.6%;
margin: 3% 4% 3% 0;
}
.CT-132-illustration-3 {
width: 30.6%;
margin: 3% 4% 3% 0;
}
.CT-132-illustration-4 {
width: 30.6%;
margin: 3% 0;
}
.CT-132-hr {
width: 100%;
margin: 30px 0;
}
.CT-132-illustration-5 {
width: 30.6%;
margin: 3% 4% 3% 0;
}
.CT-132-illustration-6 {
width: 30.6%;
margin: 3% 4% 3% 0;
}
.CT-132-illustration-7 {
width: 30.6%;
margin: 3% 0;
}
@media (max-width: 700px) {
.CT-132-bloc-illustration-1 {
max-width: 100%;
}
.CT-132-illustration-2, .CT-132-illustration-3, .CT-132-illustration-4, .CT-132-illustration-5, .CT-132-illustration-6, .CT-132-illustration-7 {
display: none;
}
.CT-132-illustration-2-2, .CT-132-illustration-3-2, .CT-132-illustration-4-2, .CT-132-illustration-5-2, .CT-132-illustration-6-2, .CT-132-illustration-7-2 {
display: block;
width: 100%;
margin: 3% 0;
}
.CT-132-illustration-2-2 img, .CT-132-illustration-3-2 img, .CT-132-illustration-4-2 img, .CT-132-illustration-5-2 img, .CT-132-illustration-6-2 img, .CT-132-illustration-7-2 img {
width: 100%;
max-width: 278px;
margin-left: calc(50% - 139px);
float: left;
}
.CT-132-illustration-2-2 p, .CT-132-illustration-3-2 p, .CT-132-illustration-4-2 p, .CT-132-illustration-5-2 p, .CT-132-illustration-6-2 p, .CT-132-illustration-7-2 p {
text-align: center;
width: 100%;
float: left;
max-width: 278px;
margin-left: calc(50% - 139px);
}
}
@media (max-width: 340px) {
.CT-132-illustration-2-2 img, .CT-132-illustration-3-2 img, .CT-132-illustration-4-2 img, .CT-132-illustration-5-2 img, .CT-132-illustration-6-2 img, .CT-132-illustration-7-2 img {
margin-left: 0;
}
.CT-132-illustration-2-2 p, .CT-132-illustration-3-2 p, .CT-132-illustration-4-2 p, .CT-132-illustration-5-2 p, .CT-132-illustration-6-2 p, .CT-132-illustration-7-2 p {
margin-left: 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// LightingPRO 5Q - Mode de gestion de l'énergie ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/
.CT-133-bloc-gris-1 {
float: left;
width: 100%;
padding: 20px;
box-sizing: border-box;
margin: 30px 0;
background-color: #F4F4F4;
}
.CT-133-bloc-gris-1 h3 {
margin-top: 0;
}
.CT-133-p-1 {
float: left;
margin: 3% 0 0 0;
width: calc(95% - 60px);
}
.CT-133-p-2 {
float: left;
margin: 1% 0 3% 0;
width: calc(95% - 60px);
}
.CT-133-illustration-1, .TechnicalContentDetailPage .CT-133-illustration-1 {
width: 40px !important;
height: 7px;
margin-left: 10px;
margin-right: 10px;
float: left;
margin-top: 3.6%;
}
.CT-133-illustration-2, .TechnicalContentDetailPage .CT-133-illustration-2 {
width: 40px !important;
height: 7px;
margin-left: 10px;
margin-right: 10px;
float: left;
margin-top: 1.6%;
}
@media (max-width: 400px) {
.CT-133-p-2 {
float: left;
margin: 3% 0 3% 0;
width: calc(95% - 60px);
}
.CT-133-illustration-2, .TechnicalContentDetailPage .CT-133-illustration-2 {
width: 40px !important;
height: 7px;
margin-left: 10px;
margin-right: 10px;
float: left;
margin-top: 3.6%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// LightingPRO 5Q - Type de source d'énergie ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.CT-134-bloc-gris-1 {
float: left;
width: 100%;
padding: 20px;
box-sizing: border-box;
margin: 30px 0;
background-color: #F4F4F4;
}
.CT-134-bloc-gris-1 h3 {
margin-top: 0;
}
.CT-134-illustration-1 {
width: 100% !important;
max-width: 405px;
margin: 1.5% 0 3% 0;
}
.CT-134-illustration-2 {
width: 100% !important;
max-width: 405px;
margin: 1.5% 0 3% 0;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// LightingPRO Indice de protection IP ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-135-tableau-1 {
float: left;
width: 100%;
max-width: 47%;
margin: 3% 4% 3% 0;
}
.CT-135-tableau-2 {
float: left;
width: 100%;
max-width: 47%;
margin: 3% 0;
}
.CT-135-illustration-1 {
float: right;
margin-left: 10px;
max-width: 321px;
width: 100%;
}
@media (max-width: 750px) {
.CT-135-illustration-1 {
float: left;
margin: 0;
max-width: 321px;
width: 100%;
}
.CT-135-separateur {
clear: both;
}
}
@media (max-width: 650px) {
.CT-135-tableau-1 {
font-size: 14px;
}
.CT-135-tableau-2 {
font-size: 14px;
}
}
@media (max-width: 500px) {
.CT-135-tableau-1 {
max-width: 100%;
margin: 3% 0 3% 0;
}
.CT-135-tableau-2 {
max-width: 100%;
margin: 0 0 3% 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// LightingPRO La gestion de l'énergie ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-136-bloc-texte-1 {
width: 100%;
max-width: 48%;
margin: 3% 4% 3% 0;
float: left
}
.CT-136-bloc-texte-2 {
width: 100%;
max-width: 48%;
margin: 3% 0 3% 0;
float: left
}
.CT-136-hr {
width: 100%;
margin: 30px 0;
float: left;
}
.CT-136-illustration-1, .CT-136-illustration-2 {
float: left;
margin-right: 5px;
max-width: 20px !important;
width: 100% !important;
}
.CT-136-texte-1, .CT-136-texte-2 {
float: left;
width: calc(100% - 25px);
margin: 0;
}
.CT-136-illustration-3, .CT-136-illustration-4 {
float: left;
margin: 0.6% 5px 0 0;
max-width: 40px !important;
width: 100% !important;
}
.CT-136-texte-3, .CT-136-texte-4 {
float: left;
width: calc(100% - 45px);
margin: 0;
}
@media (max-width: 800px) {
.CT-136-bloc-texte-1 {
max-width: 100%;
}
.CT-136-bloc-texte-2 {
max-width: 100%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// LightingPRO La puissance lumineuse ou l'autonomie ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-137-tableau-1 {
border: 0 hidden #FFF;
max-width: 562px;
}
.CT-137-hr {
width: 100%;
margin: 30px 0;
float: left;
}
.CT-137-illustration-1, .TechnicalContentDetailPage .CT-137-illustration-1 {
width: 100% !important;
max-width: 850px !important;
margin: 30px 0;
float: left;
}
@media (max-width: 550px) {
.CT-137-tableau-1 {
font-size: 0.9em;
}
}
/*/////////////////////////////////////////////////////////////////////*/
/*//////////////////// LightingPRO Norme HAZLOC ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/
img.CT-138-illustration-1 {
float: left;
width: 100% !important;
max-width: 426px !important;
margin: 3% 0;
}
.CT-138-tableau-1 {
float: left;
width: 100% !important;
max-width: 842px !important;
margin: 3% 0;
}
.CT-138-tableau-1-2, .CT-138-tableau-1-3, .CT-138-tableau-1-4 {
float: left;
width: 100% !important;
margin: 5% 0;
display: none;
}
.CT-138-tableau-1-3 {
margin: 0;
}
.CT-138-tableau-1-4 {
margin: 5% 0 8% 0;
}
@media (max-width:650px) {
.CT-138-tableau-1 {
font-size: 14px;
}
}
@media (max-width:550px) {
.CT-138-tableau-1 {
display: none;
}
.CT-138-tableau-1-2, .CT-138-tableau-1-3, .CT-138-tableau-1-4 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZILLON - 2 -rangement-de-la-corde-de-réserve-de-la-longe-ZILLON ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-139-illustration-1, .CT-139-illustration-2, .CT-139-illustration-3, .CT-139-illustration-4, .CT-139-illustration-4-2, .CT-139-illustration-5, .CT-139-bloc-illustration-1 {
float: left;
}
.CT-139-illustration-1 p, .CT-139-illustration-2 p, .CT-139-illustration-3 p, .CT-139-illustration-4 p, .CT-139-illustration-4-2 p, .CT-139-illustration-5 p {
margin-top: 10px;
}
.CT-139-bloc-illustration-1 {
margin: 5% 0;
}
.CT-139-bloc-illustration-1 p {
clear: both;
margin: 0 0 20px;
}
.CT-139-illustration-1 {
width: 100%;
max-width: 202px;
margin: 5% 30px 5% 0;
}
.CT-139-illustration-2 {
width: 100%;
max-width: 227px;
margin: 5% 0;
}
.CT-139-illustration-1 p, .CT-139-illustration-2 p, .CT-139-illustration-5 p {
margin: 0 0 20px;
}
.CT-139-illustration-3 {
width: 100%;
max-width: 202px;
margin: 0 5% 5% 0;
}
.CT-139-illustration-4 {
width: 100%;
max-width: 360px;
margin: 0 0 5% 0;
box-sizing: border-box;
padding: 10px;
}
.CT-139-illustration-4-2 {
width: 100%;
max-width: 150px;
margin: 0 0 5% 0;
display: none;
box-sizing: border-box;
padding: 10px;
}
.CT-139-bloc-illustration-1 {
clear: both;
float: left;
width: 100%;
max-width: 600px;
}
.CT-139-illustration-5 {
width: 100%;
max-width: 205px;
margin: 5% 0;
clear: both;
}
@media (max-width: 739px) {
.CT-139-illustration-1 {
margin-left: calc(50% - 230px);
}
.CT-139-bloc-illustration-1 {
max-width: 360px;
margin-left: calc(50% - 180px);
}
.CT-139-illustration-3 {
margin-left: calc(50% - 101px);
}
.CT-139-illustration-5 {
margin-left: calc(50% - 102px);
}
}
@media (max-width: 512px) {
.CT-139-illustration-1 {
margin-left: calc(50% - 101px);
}
.CT-139-illustration-2 {
margin-left: calc(50% - 113px);
}
.CT-139-illustration-3 {
margin-left: calc(50% - 101px);
}
.CT-139-bloc-illustration-1 {
margin-left: calc(50% - 180px);
}
.CT-139-illustration-5 {
margin-left: calc(50% - 102px);
}
}
@media (max-width: 425px) {
.CT-139-illustration-4 {
display: none;
}
.CT-139-bloc-illustration-1 {
margin-left: 0;
width: 100%;
}
.CT-139-illustration-1 {
margin: 10% 5% 10% 0;
}
.CT-139-illustration-2 {
margin: 10% 0;
}
.CT-139-illustration-3 {
margin: 10% 5% 10% 0;
}
.CT-139-illustration-4 {
margin: 10% 0;
}
.CT-139-illustration-4-2 {
margin: 10% 0;
}
.CT-139-illustration-4-2 {
margin-left: calc(50% - 75px);
display: block;
}
.CT-139-illustration-1 {
margin-left: calc(50% - 101px);
}
.CT-139-illustration-2 {
margin-left: calc(50% - 113px);
}
.CT-139-illustration-3 {
margin-left: calc(50% - 101px);
}
.CT-139-illustration-5 {
margin-left: calc(50% - 102px);
}
}
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - Assurer avec le GRIGRI fixé au sol ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
.CT-140-illustration-1, .CT-140-illustration-2, .CT-140-illustration-3 {
display: inline-block;
}
.CT-140-illustration-1 {
width: 100%;
max-width: 250px;
margin: 5% 5% 5% 0;
}
.CT-140-illustration-2 {
width: 100%;
max-width: 250px;
margin: 5% 5% 5% 0;
}
.CT-140-illustration-3 {
width: 100%;
max-width: 170px;
margin: 5% 0;
}
@media (max-width:700px) {
.CT-140-illustration-1, .CT-140-illustration-2, .CT-140-illustration-3 {
display: block;
}
.CT-140-illustration-1, .CT-140-illustration-2 {
margin: 5% 0;
margin-left: calc(50% - 125px);
}
.CT-140-illustration-3 {
margin: 5% 0;
margin-left: calc(50% - 85px);
}
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - Assurer au GRIGRI ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.CT-141-bloc-illustration-1 img, .CT-141-bloc-illustration-2 img, .CT-141-bloc-illustration-3 img, .CT-141-bloc-illustration-4 img {
margin-bottom: 5px;
}
.CT-141-bloc-illustration-1 p {
min-height: 38px;
}
.CT-141-bloc-illustration-1 {
margin: 5% 30px 5% 0;
display: inline-block;
width: 100%;
max-width: 324px;
vertical-align: top;
}
.CT-141-bloc-illustration-2 {
margin: 5% 0;
display: inline-block;
width: 100%;
max-width: 324px;
vertical-align: top;
}
.CT-141-bloc-illustration-3 {
margin: 0 30px 5% 0;
display: inline-block;
width: 100%;
max-width: 324px;
vertical-align: top;
}
.CT-141-bloc-illustration-4 {
margin: 0 0 5%;
display: inline-block;
width: 100%;
max-width: 324px;
vertical-align: top;
}
@media (max-width:855px) {
.CT-141-bloc-illustration-1 {
margin: 10% 0;
display: block;
}
.CT-141-bloc-illustration-2 {
margin: 0 0 10% 0;
display: block;
}
.CT-141-bloc-illustration-3 {
margin: 0 0 10% 0;
display: block;
}
.CT-141-bloc-illustration-4 {
margin: 0 0 10% 0;
display: block;
}
.CT-141-bloc-illustration-1 p {
min-height: auto;
}
}
@media (max-width:600px) {
.CT-141-bloc-illustration-1 {
margin: 15% 0;
}
.CT-141-bloc-illustration-2 {
margin: 0 0 15% 0;
}
.CT-141-bloc-illustration-3 {
margin: 0 0 15% 0;
}
.CT-141-bloc-illustration-4 {
margin: 0 0 15% 0;
}
}
@media (max-width:384px) {
.CT-141-bloc-illustration-2 {
width: 100%;
margin: 0 30% 15% 0;
}
.CT-141-bloc-illustration-2 img {
width: 75% !important;
}
}
/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - Choix du mode d’assurage ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.CT-142-bloc-illustration-1-2, .CT-142-bloc-illustration-2-2, .CT-142-bloc-illustration-3-2 {
display: none;
}
.CT-142-bloc-illustration-1 {
width: 100%;
max-width: 400px;
margin: 5% 0;
}
.CT-142-bloc-illustration-2 {
width: 100%;
max-width: 400px;
margin: 5% 0;
}
.CT-142-bloc-illustration-3 {
width: 100%;
max-width: 700px;
margin: 5% 0;
}
@media (max-width:650px) {
.CT-142-bloc-illustration-1 {
margin-left: calc(50% - 200px);
}
.CT-142-bloc-illustration-2 {
margin-left: calc(50% - 200px);
}
.CT-142-bloc-illustration-3 {
display: none;
}
.CT-142-bloc-illustration-3-2 {
display: block;
width: 100%;
max-width: 270px;
margin: 10% 0;
margin-left: calc(50% - 135px);
}
}
@media (max-width:450px) {
.CT-142-bloc-illustration-1, .CT-142-bloc-illustration-2 {
display: none;
}
.CT-142-bloc-illustration-1-2 {
display: block;
width: 100%;
max-width: 220px;
margin: 15% 0;
margin-left: calc(50% - 110px);
}
.CT-142-bloc-illustration-2-2 {
display: block;
width: 100%;
max-width: 220px;
margin: 15% 0;
margin-left: calc(50% - 110px);
}
.CT-142-bloc-illustration-3-2 {
margin: 15% 0;
margin-left: calc(50% - 135px);
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - Compatibilité cordes GRIGRI2 / GRIGRI ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
.CT-143-bloc-illustration-1 {
width: 100%;
max-width: 500px;
margin: 5% 0;
}
.CT-143-bloc-illustration-1-2 {
display: none;
}
@media (max-width:450px) {
.CT-143-bloc-illustration-1 {
display: none;
}
.CT-143-bloc-illustration-1-2 {
display: block;
width: 100%;
max-width: 260px;
margin: 10% 0;
margin-left: calc(50% - 130px);
}
}
@media (max-width:325px) {
.CT-143-bloc-illustration-1-2 {
margin: 15% 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - Déclenchement de la poignée anti-panique ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-144-bloc-illustration-2-2, .CT-144-bloc-illustration-3-2, .CT-144-bloc-illustration-4-2 {
display: none;
}
.CT-144-bloc-illustration-1 {
width: 60px;
margin: 5% 0 0 0;
display: inline-block;
}
.CT-144-bloc-texte-1 {
margin: 5% 0 0 0;
display: inline-block;
}
.CT-144-bloc-illustration-2 {
width: 100%;
max-width: 650px;
margin: 5% 0;
display: inline-block;
}
.CT-144-bloc-illustration-3 {
width: 100%;
max-width: 600px;
margin: 5% 0;
display: inline-block;
}
.CT-144-bloc-illustration-4 {
width: 100%;
max-width: 650px;
margin: 5% 0;
display: inline-block;
}
@media (max-width:912px) {
.CT-144-bloc-illustration-1 {
width: 60px;
margin: 5% 0 0 0;
display: inline-block;
}
.CT-144-bloc-texte-1 {
margin: 0;
display: block;
}
}
@media (max-width:550px) {
.CT-144-bloc-illustration-2, .CT-144-bloc-illustration-3, .CT-144-bloc-illustration-4 {
display: none;
}
.CT-144-bloc-illustration-2-2 {
display: block;
width: 100%;
max-width: 300px;
margin: 10% 0;
margin-left: calc(50% - 150px);
}
.CT-144-bloc-illustration-3-2 {
display: block;
width: 100%;
max-width: 260px;
margin: 5% 0;
margin-left: calc(50% - 130px);
}
.CT-144-bloc-illustration-4-2 {
display: block;
width: 100%;
max-width: 320px;
margin: 10% 0;
margin-left: calc(50% - 160px);
}
}
@media (max-width:385px) {
.CT-144-bloc-illustration-4-2 {
margin: 10% 0;
}
}
@media (max-width:370px) {
.CT-144-bloc-illustration-2-2 {
margin: 10% 0;
}
}
@media (max-width:330px) {
.CT-144-bloc-illustration-3-2 {
margin: 5% 0;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - Utilisation du GRIGRI+ avec cordes semi-statiques ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-145-bloc-illustration-1 {
width: 100%;
margin: 5% 0 15px 0;
}
.CT-145-bloc-illustration-2 {
width: 100%;
margin: 0 0 15px 0;
}
.CT-145-bloc-illustration-3 {
width: 100%;
margin: 0 0 15px 0;
}
.CT-145-bloc-illustration-1 img, .CT-145-bloc-illustration-2 img, .CT-145-bloc-illustration-3 img {
width: 110px !important;
margin: 0 15px 0 0;
display: inline-block;
vertical-align: middle;
}
.CT-145-bloc-illustration-1 p, .CT-145-bloc-illustration-2 p, .CT-145-bloc-illustration-3 p {
display: inline-block;
width: calc(100% - 200px);
vertical-align: middle;
}
@media (max-width:500px) {
.CT-145-bloc-illustration-1 p, .CT-145-bloc-illustration-2 p, .CT-145-bloc-illustration-3 p {
display: block;
width: 100%;
}
.CT-145-bloc-illustration-1 {
margin: 10% 0 10% 0;
}
.CT-145-bloc-illustration-2 {
margin: 0 0 10% 0;
}
.CT-145-bloc-illustration-3 {
margin: 0 0 10% 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Utilisation du bloqueur ADJUST avec le MGO OPEN ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-146-bloc-illustration-1 {
max-width: 600px;
width: 100%;
margin: 5% 0;
}
.CT-146-bloc-illustration-1-2 {
display: none;
margin: 5% 0;
}
.CT-146-bloc-illustration-2 {
max-width: 580px;
width: 100%;
margin: 5% 0;
}
.CT-146-bloc-illustration-2-2 {
display: none;
margin: 5% 0;
}
.CT-146-bloc-illustration-3 {
max-width: 520px;
width: 100%;
margin: 5% 0;
}
.CT-146-bloc-illustration-3-2 {
display: none;
margin: 5% 0;
}
@media (max-width:500px) {
.CT-146-bloc-illustration-1 {
display: none;
}
.CT-146-bloc-illustration-1-2 {
display: inline-block;
max-width: 100%;
width: 320px;
margin: 7% auto;
margin-left: calc(50% - 160px);
}
.CT-146-bloc-illustration-2 {
display: none;
}
.CT-146-bloc-illustration-2-2 {
display: inline-block;
max-width: 100%;
width: 300px;
margin: 7% auto;
margin-left: calc(50% - 150px);
}
.CT-146-bloc-illustration-3 {
display: none;
}
.CT-146-bloc-illustration-3-2 {
display: inline-block;
max-width: 100%;
width: 230px;
margin: 7% auto;
margin-left: calc(50% - 115px);
}
}
@media (max-width:380px) {
.CT-146-bloc-illustration-1-2 {
margin-left: 0;
}
.CT-146-bloc-illustration-3-2 {
width: 80%;
margin-left: 10%;
}
}
@media (max-width:360px) {
.CT-146-bloc-illustration-2-2 {
margin-left: 0;
}
}
@media (max-width:290px) {
.CT-146-bloc-illustration-3-2 {
margin-left: 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// HYBRID-performances-ACTIK-avec-CORE ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-147-illustration-1 {
padding: 10px;
width: 140px;
height: auto;
border-radius: 8px;
margin: 5.5% 30px 0 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-147-texte-1 {
width: calc(100% - 175px);
margin: 5% 0 0;
display: inline-block;
}
.CT-147-texte-1 p:first-of-type {
margin-top: 0;
}
.CT-147-illustration-2 {
padding: 10px;
width: 100%;
height: auto;
border-radius: 8px;
margin: 5% 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-147-illustration-2-2 {
display: none;
}
.CT-147-illustration-3 {
padding: 10px;
width: 100%;
height: auto;
border-radius: 8px;
margin: 5% 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-147-illustration-3-2 {
display: none;
}
@media (max-width: 650px) {
.CT-147-texte-1 {
width: 100%;
display: block;
}
}
@media (max-width: 500px) {
.CT-147-illustration-2, .CT-147-illustration-3 {
display: none;
}
.CT-147-illustration-2-2, .CT-147-illustration-3-2 {
padding: 10px;
width: 100%;
height: auto;
border-radius: 8px;
margin: 5% 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-147-illustration-2-2 img, .CT-147-illustration-3-2 img {
margin-left: calc(50% - 160px);
}
}
@media (max-width: 405px) {
.CT-147-illustration-2-2 img, .CT-147-illustration-3-2 img {
margin-left: 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// HYBRID-performances-ACTIK-CORE-avec-piles ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.CT-148-illustration-1 {
padding: 10px;
width: 140px;
height: auto;
border-radius: 8px;
margin: 5.5% 30px 0 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-148-texte-1 {
width: calc(100% - 175px);
margin: 5% 0 0;
display: inline-block;
}
.CT-148-texte-1 p:first-of-type {
margin-top: 0;
}
.CT-148-illustration-2 {
padding: 10px;
width: 100%;
height: auto;
border-radius: 8px;
margin: 5% 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-148-illustration-2-2 {
display: none;
}
.CT-148-illustration-3 {
padding: 10px;
width: 100%;
height: auto;
border-radius: 8px;
margin: 5% 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-148-illustration-3-2 {
display: none;
}
@media (max-width: 650px) {
.CT-148-texte-1 {
width: 100%;
display: block;
}
}
@media (max-width: 500px) {
.CT-148-illustration-2, .CT-148-illustration-3 {
display: none;
}
.CT-148-illustration-2-2, .CT-148-illustration-3-2 {
padding: 10px;
width: 100%;
height: auto;
border-radius: 8px;
margin: 5% 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-148-illustration-2-2 img, .CT-148-illustration-3-2 img {
max-width: 320px;
margin-left: calc(50% - 160px);
}
}
@media (max-width: 405px) {
.CT-148-illustration-2-2 img, .CT-148-illustration-3-2 img {
margin-left: 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// HYBRID-performances-TIKKA-avec-CORE ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-149-illustration-1 {
padding: 10px;
width: 140px;
height: auto;
border-radius: 8px;
margin: 5.5% 30px 0 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-149-texte-1 {
width: calc(100% - 175px);
margin: 5% 0 0;
display: inline-block;
}
.CT-149-texte-1 p:first-of-type {
margin-top: 0;
}
.CT-149-illustration-2 {
padding: 10px;
width: 100%;
height: auto;
border-radius: 8px;
margin: 5% 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-149-illustration-2-2 {
display: none;
}
.CT-149-illustration-3 {
padding: 10px;
width: 100%;
height: auto;
border-radius: 8px;
margin: 5% 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-149-illustration-3-2 {
display: none;
}
@media (max-width: 650px) {
.CT-149-texte-1 {
width: 100%;
display: block;
}
.CT-149-illustration-2 {
display: none;
}
.CT-149-illustration-2-2 {
padding: 10px;
width: 100%;
height: auto;
border-radius: 8px;
margin: 5% 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-149-illustration-2-2 img {
max-width: 320px;
margin-left: calc(50% - 160px);
}
}
@media (max-width: 500px) {
.CT-149-illustration-3 {
display: none;
}
.CT-149-illustration-3-2 {
padding: 10px;
width: 100%;
height: auto;
border-radius: 8px;
margin: 5% 0;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
display: inline-block;
vertical-align: top;
}
.CT-149-illustration-3-2 img {
max-width: 320px;
margin-left: calc(50% - 160px);
}
}
@media (max-width: 405px) {
.CT-149-illustration-2-2 img, .CT-149-illustration-3-2 img {
margin-left: 0;
}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Eclairage - choix de lampe ATEX ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-150-tableau-1, .CT-150-tableau-2, .CT-150-tableau-4, .CT-150-tableau-5 {
display: inline-block;
width: calc(100% - 12px);
margin: 0 0 0 12px;
}
.CT-150-tableau-3 {
display: inline-block;
width: 100%;
}
.CT-150-tableau-1 th, .CT-150-tableau-1 td, .CT-150-tableau-2 th, .CT-150-tableau-2 td, .CT-150-tableau-3 th, .CT-150-tableau-3 td, .CT-150-tableau-4 th, .CT-150-tableau-4 td, .CT-150-tableau-5 th, .CT-150-tableau-5 td {
text-align: center !important;
padding: 4px 4px !important;
font-size: 14px;
}
.CT-150-tableau-1 th, .CT-150-tableau-1 td, .CT-150-tableau-3 th, .CT-150-tableau-3 td, .CT-150-tableau-4 th, .CT-150-tableau-4 td, .CT-150-tableau-5 th, .CT-150-tableau-5 td {
text-align: center !important;
padding: 5px 4px !important;
}
.CT-150-tableau-1 table, .CT-150-tableau-1 table tr:first-child, .CT-150-tableau-1 tr:first-child th:first-child {
border: none;
}
.CT-150-tableau-1 table {
margin-top: 10px;
}
.CT-150-texte-1 {
margin: 10px 0 30px 12px;
}
.CT-150-texte-2 {
margin: -15px 0 0 0;
font-size: 14px !important;
}
.CT-150-texte-3 {
margin: 40px 0 0 0;
}
.CT-150-illustration-1 {
display: inline-block;
margin: 0 20px 0 0;
}
.CT-150-texte-4 {
display: inline-block;
width: calc(100% - 120px);
}
.CT-150-texte-5 {
margin: 10px 0 0 12px;
}
.CT-150-texte-6 {
margin: 0 0 30px 12px;
}
.CT-150-texte-7 {
text-align: center;
box-sizing: border-box;
padding: 15px;
margin: 10px 0 30px 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.CT-150-texte-8 {
margin: 10px 0 0 12px;
}
.CT-150-texte-9 {
margin: 0 0 30px 12px;
}
.CT-150-texte-10 {
text-align: center;
box-sizing: border-box;
padding: 15px;
margin: 10px 0 30px 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.CT-150-illustration-2 {
max-width: 500px;
width: 100%;
margin: 0 0 20px;
display: inline-block;
margin-left: calc(50% - 250px);
}
.CT-150-illustration-2-2 {
display: none;
}
@media (max-width: 1024px) {
.CT-150-tableau-1, .CT-150-tableau-2, .CT-150-tableau-4, .CT-150-tableau-5 {
width: 100%;
margin: 0;
}
.CT-150-texte-1 {
margin: 10px 0 30px 0;
}
.CT-150-texte-5 {
margin: 10px 0 0 0;
}
.CT-150-texte-6 {
margin: 0 0 30px 0;
}
.CT-150-texte-7 {
margin: 10px 0 30px 0;
}
.CT-150-texte-8 {
margin: 10px 0 0 0;
}
.CT-150-texte-9 {
margin: 0 0 30px 0;
}
.CT-150-texte-10 {
margin: 10px 0 30px 0;
}
}
@media (max-width: 680px) {
.CT-150-illustration-2 {
display: none;
}
.CT-150-illustration-2-2 {
max-width: 320px;
width: 100%;
margin: 0 0 20px;
display: inline-block;
margin-left: calc(50% - 160px);
}
.CT-150-tableau-1 th, .CT-150-tableau-1 td, .CT-150-tableau-2 th, .CT-150-tableau-2 td, .CT-150-tableau-3 th, .CT-150-tableau-3 td, .CT-150-tableau-4 th, .CT-150-tableau-4 td, .CT-150-tableau-5 th, .CT-150-tableau-5 td {
font-size: 13px;
line-height: 15px;
}
}
@media (max-width: 450px) {
.CT-150-illustration-2 {
display: none;
}
.CT-150-illustration-2-2 {
max-width: 100%;
width: 100%;
margin: 0 0 20px;
display: inline-block;
margin-left: 0;
}
.CT-150-tableau-1 th, .CT-150-tableau-1 td, .CT-150-tableau-2 th, .CT-150-tableau-2 td, .CT-150-tableau-3 th, .CT-150-tableau-3 td, .CT-150-tableau-4 th, .CT-150-tableau-4 td, .CT-150-tableau-5 th, .CT-150-tableau-5 td {
font-size: 12px;
line-height: 13.5px;
}
}
@media (max-width: 360px) {
.CT-150-tableau-1 th, .CT-150-tableau-1 td, .CT-150-tableau-2 th, .CT-150-tableau-2 td, .CT-150-tableau-3 th, .CT-150-tableau-3 td, .CT-150-tableau-4 th, .CT-150-tableau-4 td, .CT-150-tableau-5 th, .CT-150-tableau-5 td {
font-size: 11px;
line-height: 12.5px;
padding: 4px 2px !important;
}
.CT-150-tableau-1 th, .CT-150-tableau-1 td, .CT-150-tableau-3 th, .CT-150-tableau-3 td, .CT-150-tableau-4 th, .CT-150-tableau-4 td, .CT-150-tableau-5 th, .CT-150-tableau-5 td {
text-align: center !important;
padding: 5px 2px !important;
}
}
/*////////////////////////////////////////////////////////////////*/
/*//////////////////// Eclairage-zone ATEX ///////////////////////*/
/*////////////////////////////////////////////////////////////////*/
.cadre-noir {
border: 1px solid #000000;
}
.CT-151-texte-1 {
margin: 50px 0 0 0 !important;
}
.CT-151-tableau-1 {
display: inline-block;
width: 100%;
margin: 10px 0 20px 0;
}
.CT-151-tableau-1 th, .CT-151-tableau-1 td {
text-align: center !important;
padding: 5px 4px !important;
font-size: 14px;
}
.CT-151-tableau-1 table {
margin-top: 10px;
}
.CT-151-illustration-1 {
margin: 20px 0 60px 0;
}
.CT-151-illustration-1 img {
width: 80%;
margin: 0 10%;
}
.CT-151-illustration-1-2 {
margin: 20px 0 60px 0;
display: none;
}
.CT-151-illustration-2 {
margin: 40px 0 0 0;
}
.CT-151-illustration-2 img {
width: 30%;
margin: 0 35%;
}
@media (max-width: 1024px) {
.CT-151-tableau-1 {
width: 100%;
margin: 0;
}
}
@media (max-width: 680px) {
.CT-151-tableau-1 th, .CT-151-tableau-1 td {
font-size: 13px;
line-height: 15px;
}
.CT-151-illustration-1 img {
width: 100%;
margin: 0;
}
.CT-151-illustration-2 img {
width: 40%;
margin: 0 30%;
}
}
@media (max-width: 450px) {
.CT-151-tableau-1 th, .CT-151-tableau-1 td {
font-size: 12px;
line-height: 13.5px;
}
.CT-151-illustration-1 img {
width: 100%;
margin: 0;
}
.CT-151-illustration-2 img {
width: 60%;
margin: 0 25%;
}
.CT-151-illustration-1 {
display: none;
}
.CT-151-illustration-1-2 {
display: block;
}
.CT-151-illustration-1-2 img {
width: 100%;
margin: 0;
}
}
@media (max-width: 360px) {
.CT-151-tableau-1 th, .CT-151-tableau-1 td {
font-size: 11px;
line-height: 12.5px;
padding: 4px 2px !important;
}
.CT-151-tableau-1 th, .CT-151-tableau-1 td {
text-align: center !important;
padding: 5px 2px !important;
}
.CT-151-illustration-2 img {
width: 80%;
margin: 0 20%;
}
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// Eclairage - Marquage ATEX ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-152-texte-1 {
margin: 50px 0 0 0 !important;
}
.CT-152-illustration-1 {
width: 100%;
max-width: 600px;
margin: 30px auto;
}
.CT-152-illustration-1-2, .CT-152-illustration-1-3 {
display: none;
}
.CT-152-texte-2 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
text-align: center;
background-color: #e3e4e4;
width: 100%;
}
.CT-152-texte-3 {
margin: 50px 0 0 0 !important;
}
.CT-152-texte-4 {
margin: 30px 0 20px !important;
}
.CT-152-texte-4 span {
margin: 5px 0 0 0 !important;
display: inline-block;
}
.CT-152-texte-5 li {
margin-top: 15px !important;
}
.CT-152-texte-6 {
margin: 50px 0 0 0 !important;
}
.CT-152-texte-6 span {
display: inline-block;
margin: 0 0 0 22px !important;
}
@media (max-width: 600px) {
.CT-152-illustration-1 {
display: none;
}
.CT-152-illustration-1-2 {
display: block;
width: 100%;
margin: 30px auto;
max-width: 450px;
}
}
@media (max-width: 450px) {
.CT-152-illustration-1-2 {
display: none;
}
.CT-152-illustration-1-3 {
display: block;
width: 100%;
margin: 30px auto;
max-width: 320px;
}
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// Eclairage-directives ATEX ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-153-texte-1 {
width: 100%;
margin: 15px 0 0 0;
}
.CT-153-texte-2 {
margin-top: 10px;
display: inline-block;
}
/*///////////////////////////////////////////////////////////*/
/*//////////////////// Eclairage-ATEX ///////////////////////*/
/*///////////////////////////////////////////////////////////*/
.CT-154-illustration-1 {
margin: 30px auto;
width: 100%;
max-width: 500px;
}
.CT-154-texte-1 span {
margin: 5px 0 0 25px !important;
display: inline-block;
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade-arrêter une chute ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.CT-155-texte-1 {
margin: 50px 0 0 0;
}
.CT-155-illustration-1 {
max-width: 600px;
}
.CT-155-illustration-1, .CT-155-illustration-1-2 {
margin: 40px 0;
}
.CT-155-illustration-1-2 {
display: none;
}
@media (max-width: 450px) {
.CT-155-illustration-1 {
display: none;
}
.CT-155-illustration-1-2 {
display: block;
max-width: 280px;
margin: 40px auto;
}
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade-arrêter une chute ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.CT-156-illustration-1 {
width: 100%;
max-width: 500px;
margin: 80px 0;
}
.CT-156-illustration-2 {
width: 100%;
margin: 30px 0;
}
.CT-156-illustration-3 {
width: 100%;
margin: 30px 0;
max-width: 500px;
}
.CT-156-illustration-1-2, .CT-156-illustration-2-2, .CT-156-illustration-3-2 {
display: none;
}
.CT-156-texte-1, .CT-156-texte-2, .CT-156-texte-3 {
margin-top: 50px !important;
}
.CT-156-texte-1 + p, .CT-156-texte-2 + p, .CT-156-texte-3 + p {
width: 100% !important;
}
@media (max-width: 550px) {
.CT-156-illustration-1, .CT-156-illustration-2, .CT-156-illustration-3 {
display: none;
}
.CT-156-illustration-1-2, .CT-156-illustration-2-2, .CT-156-illustration-3-2 {
display: block;
}
.CT-156-illustration-1-2 {
width: 100%;
max-width: 400px;
margin: 80px auto;
}
.CT-156-illustration-2-2 {
width: 100%;
margin: 30px auto;
max-width: 400px;
}
.CT-156-illustration-3-2 {
width: 85%;
margin: 30px auto;
max-width: 280px;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade - bonnes pratiques pour assurer en tête ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-157-texte-1 + p, .CT-157-texte-2 + p, .CT-157-texte-3 + p, .CT-157-texte-4 + p, .CT-157-texte-5 + p, .CT-157-texte-6 + p, .CT-157-texte-7 + p {
width: 100%;
}
.CT-157-texte-1, .CT-157-texte-2, .CT-157-texte-3, .CT-157-texte-4, .CT-157-texte-5, .CT-157-texte-6, .CT-157-texte-7 {
margin-top: 50px !important;
}
.CT-157-bloc-illustration-1, .CT-157-bloc-illustration-2, .CT-157-bloc-illustration-3, .CT-157-bloc-illustration-4, .CT-157-bloc-illustration-5, .CT-157-bloc-illustration-6, .CT-157-bloc-illustration-7 {
margin: 40px 0;
width: 100%;
}
.CT-157-texte-ill-1, .CT-157-texte-ill-2, .CT-157-texte-ill-3, .CT-157-texte-ill-4, .CT-157-texte-ill-5, .CT-157-texte-ill-6, .CT-157-texte-ill-7 {
background-color: #f2f2f3;
padding: 15px 15px 15px 65px;
background-image: url(/sfc/servlet.shepherd/version/download/068w0000004no9FAAQ);
background-position: 15px 15px;
background-repeat: no-repeat;
background-size: 40px;
box-sizing: border-box;
width: 50%;
-webkit-border-radius: 0px 20px 0px 0px;
-moz-border-radius: 0px 20px 0px 0px;
border-radius: 0px 20px 0px 0px;
display: inline-block;
margin: 100px 0 0 0;
vertical-align: top;
}
.CT-157-illustration-1, .CT-157-illustration-2, .CT-157-illustration-3, .CT-157-illustration-4, .CT-157-illustration-5, .CT-157-illustration-6, .CT-157-illustration-7 {
width: 49%;
display: inline-block;
}
.CT-157-illustration-1 img {
width: 80% !important;
}
.CT-157-illustration-2 img {
width: 46% !important;
}
.CT-157-illustration-3 img {
width: 60% !important;
}
.CT-157-illustration-4 img {
width: 55% !important;
}
.CT-157-illustration-5 img {
width: 55% !important;
}
.CT-157-illustration-6 img {
width: 60% !important;
}
.CT-157-illustration-7 img {
width: 75% !important;
}
@media (max-width: 700px) {
.CT-157-texte-ill-1, .CT-157-texte-ill-2, .CT-157-texte-ill-3, .CT-157-texte-ill-4, .CT-157-texte-ill-5, .CT-157-texte-ill-6, .CT-157-texte-ill-7 {
display: block;
margin: 20px 0 0 0;
vertical-align: inherit;
width: 100%;
min-height: 70px;
}
.CT-157-illustration-1, .CT-157-illustration-2, .CT-157-illustration-3, .CT-157-illustration-4, .CT-157-illustration-5, .CT-157-illustration-6, .CT-157-illustration-7 {
width: 100%;
}
.CT-157-illustration-1 img, .CT-157-illustration-2 img, .CT-157-illustration-3 img, .CT-157-illustration-4 img, .CT-157-illustration-5 img, .CT-157-illustration-6 img, .CT-157-illustration-7 img {
margin: 0 auto;
display: block;
}
.CT-157-illustration-1 img {
width: 80% !important;
}
.CT-157-illustration-2 img {
width: 35% !important;
}
.CT-157-illustration-3 img {
width: 50% !important;
}
.CT-157-illustration-4 img {
width: 40% !important;
}
.CT-157-illustration-5 img {
width: 40% !important;
}
.CT-157-illustration-6 img {
width: 45% !important;
}
.CT-157-illustration-7 img {
width: 60% !important;
}
.CT-157-texte-ill-3 {
margin-bottom: -30px;
}
}
@media (max-width: 500px) {
.CT-157-illustration-1 img {
width: 80% !important;
}
.CT-157-illustration-2 img {
width: 46% !important;
}
.CT-157-illustration-3 img {
width: 60% !important;
}
.CT-157-illustration-4 img {
width: 55% !important;
}
.CT-157-illustration-5 img {
width: 55% !important;
}
.CT-157-illustration-6 img {
width: 60% !important;
}
.CT-157-illustration-7 img {
width: 75% !important;
}
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade-Communiquer en escalade ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
.CT-158-texte-1 {
margin: 60px 0 0 0;
}
.CT-158-texte-2 + p {
width: 100%;
}
.CT-158-illustration-1 {
margin: 30px 0 50px;
width: 100%;
max-width: 340px;
}
.CT-158-illustration-2 {
margin: 30px 0 50px;
width: 100%;
max-width: 500px;
}
.CT-158-illustration-3 {
margin: 30px 0;
width: 100%;
}
.CT-158-illustration-1-2, .CT-158-illustration-2-2, .CT-158-illustration-3-2 {
display: none;
}
@media (max-width: 980px) {
.CT-158-illustration-1 {
width: 40%;
}
.CT-158-illustration-2 {
width: 60%;
}
}
@media (max-width: 700px) {
.CT-158-illustration-1, .CT-158-illustration-2, .CT-158-illustration-3 {
display: none;
}
.CT-158-illustration-1-2 {
display: block;
width: 100%;
margin: 30px auto 50px;
max-width: 170px;
}
.CT-158-illustration-2-2 {
display: block;
width: 100%;
margin: 30px auto 50px;
max-width: 170px;
}
.CT-158-illustration-3-2 {
display: block;
width: 100%;
margin: 30px auto 50px;
max-width: 200px;
}
}
/*/////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade-faire descendre ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/
.CT-159-texte-1 {
margin: 60px 0 0 0;
}
.CT-159-illustration-1 {
margin: 50px 0;
width: 100%;
max-width: 700px;
}
.CT-159-illustration-1-2, .CT-159-illustration-1-3 {
display: none;
}
@media (max-width: 500px) {
.CT-159-illustration-1 {
display: none;
}
.CT-159-illustration-1-2 {
display: block;
margin: 30px auto;
width: 100%;
max-width: 450px;
}
}
@media (max-width: 400px) {
.CT-159-illustration-1-2 {
display: none;
}
.CT-159-illustration-1-3 {
display: block;
margin: 30px auto;
width: 100%;
max-width: 220px;
}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade-parer en début de voie ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-160-texte-1 {
margin: 60px 0 0 0;
}
.CT-160-texte-2 strong, .CT-160-texte-3 strong {
font-weight: bold !important;
}
.CT-160-illustration-1 {
width: 100%;
max-width: 700px;
margin: 30px 0;
}
.CT-160-illustration-2 {
width: 100%;
max-width: 700px;
margin: 30px 0 60px;
}
.CT-160-illustration-2-2 {
display: none;
}
.CT-160-illustration-3 {
width: 100%;
max-width: 700px;
margin: 30px 0;
}
@media (max-width: 450px) {
.CT-160-illustration-2-2 {
display: block;
width: 100%;
max-width: 150px;
margin: 30px auto 60px;
}
.CT-160-illustration-2 {
display: none;
}
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade - vigilance et anticipation ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.CT-161-texte-1 {
margin: 60px 0 0 0;
}
.CT-161-texte-1 strong, .CT-161-texte-2 strong {
font-weight: bold !important;
}
.CT-161-texte-3 + p {
width: 100%;
}
.CT-161-illustration-1 {
width: 100%;
max-width: 700px;
margin: 30px 0;
}
.CT-161-illustration-2 {
width: 82%;
max-width: 700px;
margin: 30px 0;
}
.CT-161-illustration-2-2 {
display: none;
}
.CT-161-illustration-3 {
width: 100%;
max-width: 800px;
margin: 30px 0;
}
.CT-161-illustration-3-2 {
display: none;
}
@media (max-width: 600px) {
.CT-161-illustration-2-2 {
display: block;
width: 100%;
max-width: 150px;
margin: 30px auto;
}
.CT-161-illustration-2 {
display: none;
}
.CT-161-illustration-3-2 {
display: block;
width: 100%;
max-width: 150px;
margin: 30px auto;
}
.CT-161-illustration-3 {
display: none;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// canyon-couplages d'amarrage ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-162-texte-1 {
margin-top: 60px !important;
}
.CT-162-texte-1 + p, .CT-162-texte-2 + p, .CT-162-texte-3 + p {
width: 100%;
}
.CT-162-illustration-1 {
width: 100%;
max-width: 150px;
margin: 30px 0 60px;
}
.CT-162-illustration-2 {
width: 100%;
max-width: 400px;
margin: 30px 0 60px;
}
.CT-162-illustration-2-2 {
display: none;
}
.CT-162-illustration-3 {
width: 100%;
max-width: 700px;
margin: 30px 0 120px;
}
.CT-162-illustration-3-2 {
display: none;
}
@media (max-width: 900px) {
.CT-162-illustration-3-2 {
display: block;
width: 100%;
max-width: 350px;
margin: 30px 0 120px;
}
.CT-162-illustration-3 {
display: none;
}
}
@media (max-width: 470px) {
.CT-162-illustration-1 {
margin: 30px auto 60px;
}
.CT-162-illustration-2-2 {
display: block;
width: 100%;
max-width: 170px;
margin: 30px auto 60px;
}
.CT-162-illustration-2 {
display: none;
}
.CT-162-illustration-3-2 {
margin: 30px auto 120px;
}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// canyon-freinage et clé sur huit ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-163-texte-1 {
margin-top: 60px !important;
}
.CT-163-texte-1 + p, .CT-163-texte-2 + p {
width: 100%;
}
.CT-163-illustration-1 {
width: 100%;
max-width: 650px;
margin: 30px 0 60px;
}
.CT-163-illustration-1-2 {
display: none;
}
.CT-163-illustration-2 {
width: 100%;
max-width: 650px;
margin: 30px 0 60px;
}
.CT-163-illustration-2-2 {
display: none;
}
.CT-163-illustration-3 {
width: 100%;
max-width: 750px;
margin: 30px 0 60px;
}
.CT-163-illustration-3-2 {
display: none;
}
.CT-163-illustration-4 {
width: 100%;
max-width: 750px;
margin: 30px 0 120px;
}
.CT-163-illustration-4-2 {
display: none;
}
@media (max-width: 940px) {
.CT-163-illustration-1 {
max-width: 85%;
}
.CT-163-illustration-2 {
max-width: 85%;
}
.CT-163-illustration-3 {
max-width: 100%;
}
.CT-163-illustration-4 {
max-width: 100%;
}
}
@media (max-width: 500px) {
.CT-163-illustration-1, .CT-163-illustration-2, .CT-163-illustration-3, .CT-163-illustration-4 {
display: none;
}
.CT-163-illustration-1-2 {
display: block;
width: 100%;
max-width: 150px;
margin: 30px auto 60px;
}
.CT-163-illustration-2-2 {
display: block;
width: 100%;
max-width: 160px;
margin: 30px auto 60px;
}
.CT-163-illustration-3-2 {
display: block;
width: 100%;
max-width: 190px;
margin: 30px auto 60px;
}
.CT-163-illustration-4-2 {
display: block;
width: 100%;
max-width: 135px;
margin: 30px auto 120px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Canyon - freinage et clé d'arrêt sur PIRANA ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
.CT-164-texte-1 {
margin-top: 60px !important;
}
.CT-164-texte-1 + p, .CT-164-texte-2 + p {
width: 100%;
}
.CT-164-illustration-1 {
width: 100%;
max-width: 700px;
margin: 30px 0 60px;
}
.CT-164-illustration-1-2 {
display: none;
}
.CT-164-illustration-2 {
width: 100%;
max-width: 300px;
margin: 30px 0 60px;
}
.CT-164-illustration-2-2 {
display: none;
}
.CT-164-illustration-3 {
width: 100%;
max-width: 475px;
margin: 30px 0 60px;
}
.CT-164-illustration-3-2 {
display: none;
}
@media (max-width: 880px) {
.CT-164-illustration-2 {
width: 100%;
max-width: 43%;
margin: 30px 0 60px;
}
.CT-164-illustration-3 {
width: 100%;
max-width: 68%;
margin: 30px 0 60px;
}
}
@media (max-width: 650px) {
.CT-164-illustration-1, .CT-164-illustration-2, .CT-164-illustration-3 {
display: none;
}
.CT-164-illustration-1-2 {
display: block;
width: 100%;
max-width: 190px;
margin: 30px auto 60px;
}
.CT-164-illustration-2-2 {
display: block;
width: 100%;
max-width: 160px;
margin: 30px auto 60px;
}
.CT-164-illustration-3-2 {
display: block;
width: 100%;
max-width: 220px;
margin: 30px auto 60px;
}
}
/*///////////////////////////////////////////////////*/
/*//////////////////// Noeuds ///////////////////////*/
/*///////////////////////////////////////////////////*/
.CT-165-texte-1 + p, .CT-165-texte-2 + p, .CT-165-texte-3 + p, .CT-165-texte-4 + p, .CT-165-texte-5 + p, .CT-165-texte-6 + p, .CT-165-texte-7 + p, .CT-165-texte-8 + p {
width: 100%;
}
.CT-165-texte-10 {
color: #ffffff !important;
}
.CT-165-bloc-illustration-1 {
width: 69%;
margin: 60px 0;
display: inline-block;
}
.CT-165-illustration-1 {
width: 85%;
margin: 30px 0 0 0;
}
.CT-165-illustration-1-2 {
width: 100%;
margin: 30px 0 0 0;
display: none;
}
.CT-165-bloc-illustration-2 {
width: 30%;
margin: 60px 0;
display: inline-block;
vertical-align: top;
}
.CT-165-illustration-2 {
width: 85%;
margin: 30px 0 0 0;
}
.CT-165-bloc-illustration-3 {
width: 50%;
margin: 0 0 60px;
display: inline-block;
}
.CT-165-illustration-3 {
width: 50%;
margin: 30px 0 0 0;
}
.CT-165-bloc-illustration-4 {
width: 49%;
margin: 0 0 60px;
display: inline-block;
vertical-align: top;
}
.CT-165-illustration-4 {
width: 75%;
margin: 30px 0 0 0;
}
.CT-165-illustration-4-2 {
width: 100%;
display: none;
margin: 30px 0 0 0;
}
.CT-165-bloc-illustration-5 {
width: 100%;
margin: 0 0 60px;
}
.CT-165-illustration-5 {
width: 75%;
margin: 30px 0 0 0;
}
.CT-165-illustration-5-2 {
width: 100%;
display: none;
margin: 30px 0 0 0;
}
.CT-165-bloc-illustration-6 {
width: 80%;
margin: 0 0 60px;
}
.CT-165-illustration-6 {
width: 100%;
margin: 30px 0 0 0;
}
.CT-165-illustration-6-2 {
width: 100%;
display: none;
margin: 30px 0 0 0;
}
.CT-165-bloc-illustration-7 {
width: 100%;
margin: 0 0 60px;
}
.CT-165-illustration-7 {
width: 90%;
margin: 30px 0 0 0;
}
.CT-165-illustration-7-2 {
width: 100%;
display: none;
margin: 30px 0 0 0;
}
.CT-165-bloc-illustration-8 {
width: 100%;
margin: 0 0 60px;
}
.CT-165-bloc-illustration-8 h4 {
text-transform: none !important;
font-weight: bold !important;
}
.CT-165-illustration-8 {
width: 75%;
margin: 30px 0 60px 0;
}
.CT-165-illustration-8-2 {
width: 100%;
display: none;
margin: 30px 0 0 0;
}
.CT-165-bloc-illustration-9 {
width: 50%;
margin: 0 0 60px;
display: inline-block;
}
.CT-165-illustration-9 {
width: 75%;
margin: 30px 0 0 0;
}
.CT-165-illustration-9 p {
width: 75% !important;
}
.CT-165-illustration-9-2 {
width: 100%;
display: none;
margin: 30px 0 0 0;
}
.CT-165-bloc-illustration-10 {
width: 49%;
margin: 0 0 60px;
display: inline-block;
vertical-align: top;
}
.CT-165-illustration-10 {
width: 75%;
margin: 30px 0 0 0;
}
.CT-165-illustration-11 {
width: 100%;
margin: 30px 0 0 0;
}
.CT-165-illustration-11 img {
width: 80%;
}
@media (max-width: 700px) {
.CT-165-bloc-illustration-1 {
width: 100%;
margin: 60px 0;
}
.CT-165-bloc-illustration-2 {
width: 100%;
margin: 0 0 30px;
}
.CT-165-illustration-2 {
width: 40%;
}
.CT-165-bloc-illustration-3 {
width: 100%;
margin: 0 0 30px;
}
.CT-165-illustration-3 {
width: 40%;
}
.CT-165-bloc-illustration-4 {
width: 100%;
margin: 0 0 30px;
}
.CT-165-illustration-4 {
width: 60%;
}
.CT-165-illustration-5 {
width: 100%;
margin: 30px 0 0 0;
}
.CT-165-bloc-illustration-6 {
width: 100%;
}
.CT-165-illustration-7 {
width: 100%;
}
.CT-165-illustration-8 {
width: 100%;
}
.CT-165-illustration-9 {
width: 100%;
}
.CT-165-bloc-illustration-9 {
width: 100%;
margin: 0 0 30px;
}
.CT-165-illustration-10 {
width: 50%;
margin: 30px 0 0 0;
}
.CT-165-bloc-illustration-10 {
width: 100%;
}
.CT-165-bloc-illustration-10 h3 {
display: none;
}
.CT-165-illustration-11 {
width: 50%;
}
}
@media (max-width: 500px) {
.CT-165-illustration-1 {
display: none;
}
.CT-165-illustration-1-2 {
display: block;
width: 220px;
margin: 30px auto 0;
}
.CT-165-illustration-2 {
display: block;
width: 220px;
margin: 30px auto 0;
}
.CT-165-illustration-3 {
width: 200px;
margin: 30px auto 0;
}
.CT-165-illustration-4 {
width: 300px;
margin: 30px auto 0;
max-width: 100%;
}
.CT-165-illustration-5 {
display: none;
}
.CT-165-illustration-5-2 {
display: block;
width: 220px;
margin: 30px auto 0;
}
.CT-165-illustration-6 {
display: none;
}
.CT-165-illustration-6-2 {
display: block;
width: 300px;
margin: 30px auto 0;
max-width: 100%;
}
.CT-165-illustration-7 {
display: none;
}
.CT-165-illustration-7-2 {
display: block;
width: 300px;
margin: 30px auto 0;
max-width: 100%;
}
.CT-165-illustration-8 {
display: none;
}
.CT-165-illustration-8-2 {
display: block;
width: 250px;
margin: 30px auto 0;
}
.CT-165-illustration-9 {
display: none;
}
.CT-165-illustration-9-2 {
display: block;
width: 250px;
margin: 30px auto 0;
}
.CT-165-illustration-10 {
width: 270px;
margin: 30px auto 0;
max-width: 100%;
}
.CT-165-illustration-11 {
width: 280px;
margin: 30px auto 0;
max-width: 100%;
}
}
/*///////////////////////////////////////////////////*/
/*//////////////////// Noeuds ///////////////////////*/
/*///////////////////////////////////////////////////*/
.CT-166-texte-1 {
margin-top: 60px !important;
}
.CT-166-texte-1 + p, .CT-166-texte-2 + p {
width: 100% !important;
}
.CT-166-illustration-1 {
width: 100%;
max-width: 250px;
margin: 30px 0 60px;
}
.CT-166-illustration-2 {
width: 100%;
max-width: 750px;
margin: 30px 0 60px;
}
.CT-166-illustration-2-2 {
display: none;
}
@media (max-width: 950px) {
.CT-166-illustration-1 {
width: 30%;
margin: 30px 0 60px;
}
.CT-166-illustration-2 {
width: 100%;
max-width: 750px;
margin: 30px 0 60px;
}
}
@media (max-width: 800px) {
.CT-166-illustration-1 {
width: 100%;
margin: 30px auto 60px;
}
.CT-166-illustration-2 {
display: none;
}
.CT-166-illustration-2-2 {
display: block;
width: 100%;
max-width: 300px;
margin: 30px auto 60px;
}
}
/*/////////////////////////////////////////////////////////////////////////*/
/*//////////////////// canyon-rejoindre relais expo ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/
.CT-167-texte-1 {
margin-top: 60px !important;
}
.CT-167-texte-1 + p, .CT-167-texte-2 + p {
width: 100% !important;
}
.CT-167-bloc-illustration-1 {
width: 49%;
display: inline-block;
vertical-align: top;
padding: 0 20px 0 0;
box-sizing: border-box;
}
.CT-167-illustration-1 {
width: 100%;
max-width: 350px;
margin: 30px 0 60px;
}
.CT-167-bloc-illustration-2 {
width: 50%;
display: inline-block;
margin: 0 0 60px;
}
.CT-167-illustration-2 {
width: 100%;
margin: 30px 0 20px;
padding: 5px 15px;
max-width: 300px;
box-sizing: border-box;
}
.CT-167-illustration-3 {
width: 48%;
max-width: 360px;
margin: 30px 0 60px;
padding: 10px;
box-sizing: border-box;
}
.CT-167-bloc-illustration-3 {
width: 49%;
display: inline-block;
vertical-align: top;
padding: 0 20px 0 0;
box-sizing: border-box;
}
.CT-167-illustration-4 {
width: 100%;
max-width: 350px;
margin: 30px 0 60px;
}
.CT-167-bloc-illustration-4 {
width: 50%;
display: inline-block;
margin: 30px 0 60px;
}
.CT-167-illustration-5 {
width: 100%;
max-width: 300px;
margin: 0 0 20px;
padding: 5px;
box-sizing: border-box;
}
.CT-167-bloc-illustration-5 {
width: 49%;
display: inline-block;
vertical-align: top;
padding: 0 20px 0 0;
box-sizing: border-box;
}
.CT-167-illustration-6 {
width: 100%;
max-width: 350px;
margin: 30px 0 60px;
}
.CT-167-bloc-illustration-6 {
width: 50%;
display: inline-block;
margin: 30px 0 60px;
}
.CT-167-illustration-7 {
width: 100%;
max-width: 220px;
margin: 0 0 20px;
box-sizing: border-box;
}
.CT-167-illustration-8 {
width: 48%;
max-width: 350px;
margin: 30px 0 60px;
}
@media (max-width: 650px) {
.CT-167-bloc-illustration-1 {
width: 100%;
padding: 0 20px 0 0;
}
.CT-167-illustration-1 {
width: 100%;
margin: 30px auto 30px;
}
.CT-167-bloc-illustration-2 {
width: 100%;
margin: 0 0 60px;
}
.CT-167-illustration-2 {
width: 100%;
margin: 0px auto 20px;
}
.CT-167-illustration-2 + p {
text-align: center;
max-width: 300px;
margin: 1em auto;
}
.CT-167-illustration-3 {
width: 100%;
margin: 30px auto 60px;
}
.CT-167-bloc-illustration-3 {
width: 100%;
}
.CT-167-illustration-4 {
width: 100%;
margin: 30px auto 00px;
}
.CT-167-bloc-illustration-4 {
width: 100%;
margin: 30px 0 30px;
}
.CT-167-illustration-5 {
width: 100%;
max-width: 300px;
margin: 0 auto 20px;
padding: 5px;
box-sizing: border-box;
}
.CT-167-illustration-5 + p {
text-align: center;
}
.CT-167-bloc-illustration-5 {
width: 100%;
}
.CT-167-illustration-6 {
width: 100%;
max-width: 350px;
margin: 30px auto 0;
}
.CT-167-bloc-illustration-6 {
width: 100%;
display: inline-block;
margin: 30px 0 60px;
}
.CT-167-illustration-7 {
width: 100%;
margin: 0 auto 0;
}
.CT-167-illustration-7 + p {
text-align: center;
}
.CT-167-illustration-8 {
width: 100%;
max-width: 350px;
margin: 30px auto 60px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RADsystem-pe04-noeuds-de-jonction-JIVE ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-168-texte-1 {
margin-top: 60px !important;
}
.CT-168-texte-5 + p, .CT-168-texte-6 + p {
width: 100% !important;
}
.CT-168-bloc-illustration-1 {
width: 100%;
}
.CT-168-illustration-1 {
width: 270px;
max-width: 100%;
margin: 30px 30px 30px 0;
display: inline-block;
}
.CT-168-texte-2 {
display: inline-block;
width: calc(100% - 305px);
margin: 20% 0 0 0;
vertical-align: top;
}
.CT-168-bloc-illustration-2 {
width: 700px;
max-width: 100%;
margin: 30px auto;
padding: 20px;
box-sizing: border-box;
}
.CT-168-illustration-2 {
width: 170px;
display: inline-block;
}
.CT-168-illustration-2 + p {
width: calc(100% - 236px);
display: inline-block;
margin: 4% 0 0 30px;
vertical-align: top;
}
.CT-168-illustration-3 {
width: 45px;
display: inline-block;
margin: 25px 10px 0 0;
vertical-align: top;
}
.CT-168-illustration-3 + p {
width: calc(100% - 68px);
display: inline-block;
margin-top: 20px;
}
.CT-168-texte-3 {
margin: 60px 0 0 0 !important;
}
.CT-168-illustration-4 {
width: 80%;
margin: 30px auto;
}
.CT-168-bloc-illustration-3 {
width: 100%;
margin: 60px auto 30px;
padding: 20px;
box-sizing: border-box;
}
.CT-168-illustration-5 {
width: 170px;
height: 140px;
display: inline-block;
vertical-align: top;
}
.CT-168-texte-4 {
display: inline-block;
width: 20px !important;
vertical-align: top;
margin: 60px 5px;
}
.CT-168-illustration-6 {
width: 170px;
height: 140px;
display: inline-block;
}
.CT-168-illustration-6 + p {
width: calc(100% - 418px);
margin: 13px 0 0 30px;
display: inline-block;
vertical-align: top;
}
.CT-168-texte-5 {
margin: 60px 0 0 0 !important;
}
.CT-168-illustration-7 {
margin: 30px 0 0;
width: 100%;
}
.CT-168-illustration-7-2 {
display: none;
}
.CT-168-texte-6 {
margin: 60px 0 0 0 !important;
}
.CT-168-texte-7 {
margin: 50px 0 0 0 !important;
}
.CT-168-texte-8 {
margin: 60px 0 0 0 !important;
}
.CT-168-illustration-8 {
margin: 30px 30px 0 0;
width: 170px;
display: inline-block;
}
.CT-168-illustration-9 {
margin: 0 30px 0 0;
width: 170px;
display: inline-block;
}
.CT-168-illustration-10 {
margin: 0 30px 0 0;
width: 170px;
display: inline-block;
}
.CT-168-illustration-11 {
margin: 30px 30px 0 0;
width: 170px;
display: inline-block;
}
.CT-168-illustration-12 {
margin: 0 30px 0 0;
width: 170px;
display: inline-block;
}
.CT-168-illustration-13 {
margin: 0 30px 0 0;
width: 170px;
display: inline-block;
}
.CT-168-bloc-illustration-4, .CT-168-bloc-illustration-5, .CT-168-bloc-illustration-6, .CT-168-bloc-illustration-7, .CT-168-bloc-illustration-8, .CT-168-bloc-illustration-9 {
margin-bottom: 0;
}
.CT-168-bloc-illustration-4 p {
width: calc(100% - 207px);
display: inline-block;
vertical-align: top;
margin: 26px 0 30px 0;
border-bottom: 1px solid #bebebe;
padding: 0 0 30px 0;
}
.CT-168-bloc-illustration-5 p {
width: calc(100% - 207px);
display: inline-block;
vertical-align: top;
margin: -4px 0 30px 0;
border-bottom: 1px solid #bebebe;
padding: 0 0 30px 0;
}
.CT-168-bloc-illustration-6 p {
width: calc(100% - 207px);
display: inline-block;
vertical-align: top;
margin: -4px 0 0 0;
}
.CT-168-bloc-illustration-7 p {
width: calc(100% - 207px);
display: inline-block;
vertical-align: top;
margin: 26px 0 30px 0;
border-bottom: 1px solid #bebebe;
padding: 0 0 30px 0;
}
.CT-168-bloc-illustration-8 p {
width: calc(100% - 207px);
display: inline-block;
vertical-align: top;
margin: -4px 0 30px 0;
border-bottom: 1px solid #bebebe;
padding: 0 0 30px 0;
}
.CT-168-bloc-illustration-9 p {
width: calc(100% - 207px);
display: inline-block;
vertical-align: top;
margin: -4px 0 0 0;
}
@media (max-width: 960px) {
.CT-168-illustration-6 + p {
margin: 0 0 0 30px;
}
}
@media (max-width: 800px) {
.CT-168-illustration-6 + p {
width: 100%;
margin: 20px 0 0 0;
display: block;
vertical-align: top;
}
}
@media (max-width: 735px) {
.CT-168-illustration-2 + p {
margin: 0 0 0 30px;
}
.CT-168-illustration-4 {
width: 100%;
}
.CT-168-illustration-7 {
display: none;
}
.CT-168-illustration-7-2 {
display: block;
margin: 30px auto;
width: 70%;
}
}
@media (max-width: 650px) {
.CT-168-illustration-1 {
margin: 30px auto;
display: block;
}
.CT-168-texte-2 {
display: block;
width: 100%;
margin: 0 0 0 0;
}
}
@media (max-width: 550px) {
.CT-168-illustration-8 {
margin: 30px 0 0 0;
width: 170px;
display: block;
}
.CT-168-bloc-illustration-4 p {
width: 100%;
display: block;
margin: 20px 0 30px 0;
}
.CT-168-illustration-9 {
margin: 0 0 20px 0;
width: 170px;
display: block;
}
.CT-168-bloc-illustration-5 p {
width: 100%;
display: block;
margin: 0px 0 30px 0;
}
.CT-168-illustration-10 {
margin: 0 0 20px 0;
width: 170px;
display: block;
}
.CT-168-bloc-illustration-6 p {
width: 100%;
display: block;
margin: 0 0 0 0;
}
.CT-168-illustration-11 {
margin: 30px 0 0 0;
width: 170px;
display: block;
}
.CT-168-bloc-illustration-7 p {
width: 100%;
display: block;
margin: 20px 0 30px 0;
}
.CT-168-illustration-12 {
margin: 0 0 20px 0;
width: 170px;
display: block;
}
.CT-168-bloc-illustration-8 p {
width: 100%;
display: block;
margin: 0 0 30px 0;
}
.CT-168-illustration-13 {
margin: 0 0 20px 0;
width: 170px;
display: block;
}
.CT-168-bloc-illustration-9 p {
width: 100%;
display: inline-block;
vertical-align: top;
margin: 0 0 0 0;
}
}
@media (max-width: 485px) {
.CT-168-illustration-2 {
width: 170px;
display: block;
margin: 0 auto;
}
.CT-168-illustration-2 + p {
width: 100%;
display: block;
margin: 20px 0 0 0;
vertical-align: top;
}
.CT-168-illustration-5 {
width: 170px;
height: 140px;
display: block;
vertical-align: top;
margin: 0 auto;
}
.CT-168-texte-4 {
display: block;
width: 20px !important;
vertical-align: top;
margin: 20px auto;
}
.CT-168-illustration-6 {
width: 170px;
height: 140px;
display: block;
margin: 0 auto;
}
.CT-168-illustration-7-2 {
width: 100%;
}
}
/*//////////////////////////////////////////////////////////*/
/*//////////////////// PARTNER CHECK ///////////////////////*/
/*//////////////////////////////////////////////////////////*/
.CT-169-texte-1 {
margin: 60px 0 0 0;
}
.CT-169-illustration-1 {
margin: 20px 0 60px 0;
}
.CT-169-illustration-2 {
display: inline-block;
height: 150px;
margin-right: 40px;
width: 197px;
}
.CT-169-bloc-texte-1 {
display: inline-block;
vertical-align: top;
width: calc(100% - 250px);
}
.CT-169-illustration-3 {
display: inline-block;
height: 150px;
margin-right: 40px;
width: 197px;
}
.CT-169-bloc-texte-2 {
display: inline-block;
vertical-align: top;
width: calc(100% - 250px);
}
.CT-169-illustration-4 {
display: inline-block;
height: 150px;
margin-right: 40px;
width: 197px;
}
.CT-169-bloc-texte-3 {
display: inline-block;
vertical-align: top;
width: calc(100% - 250px);
}
.CT-169-illustration-5 {
display: inline-block;
height: 150px;
margin-right: 40px;
width: 197px;
}
.CT-169-bloc-texte-4 {
display: inline-block;
vertical-align: top;
width: calc(100% - 250px);
}
.CT-169-bloc-illustration-1 {
margin: 0 0 30px 0;
}
.CT-169-bloc-illustration-2 {
margin: 0 0 30px 0;
}
.CT-169-bloc-illustration-3 {
margin: 0 0 30px 0;
}
.CT-169-bloc-illustration-4 {
margin: 0 0 30px 0;
}
@media (max-width: 520px) {
.CT-169-bloc-texte-1 {
display: block;
vertical-align: top;
width: 100%;
}
.CT-169-bloc-texte-2 {
display: block;
vertical-align: top;
width: 100%;
}
.CT-169-bloc-texte-3 {
display: block;
vertical-align: top;
width: 100%;
}
.CT-169-bloc-texte-4 {
display: block;
vertical-align: top;
width: 100%;
}
.CT-169-bloc-illustration-1 {
margin: 0 0 50px 0;
}
.CT-169-bloc-illustration-2 {
margin: 0 0 50px 0;
}
.CT-169-bloc-illustration-3 {
margin: 0 0 50px 0;
}
.CT-169-bloc-illustration-4 {
margin: 0 0 50px 0;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade- Noeud en huit ///////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-170-illustration-1 {
margin: 0 0 0 0;
}
.CT-170-illustration-1-2 {
display: none;
}
.CT-170-texte-1 {
margin: 7px 0 0 59%;
}
@media (max-width: 550px) {
.CT-170-illustration-1 {
display: none;
}
.CT-170-illustration-1-2 {
display: block;
margin: 0 0 0 0;
}
.CT-170-texte-1 {
margin: 10px 0 0 0;
text-align: center;
}
}
/*//////////////////////////////////////////////////////////////////*/
/*//////////////////// Technologie FACE2FACE ///////////////////////*/
/*//////////////////////////////////////////////////////////////////*/
.CT-171-video-1 {
margin: 60px 0;
}
.CT-171-texte-1 {
display: block;
width: 100%;
}
.CT-171-texte-2 {
display: block;
width: 100%;
}
.CT-171-illustration-1 {
padding: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-sizing: border-box;
width: 100%;
max-width: 450px;
margin: 60px auto;
background-color: #1d1d1b;
}
.CT-171-texte-2 {
display: block;
width: 100%;
}
.CT-171-illustration-2 {
padding: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-sizing: border-box;
width: 100%;
max-width: 510px;
margin: 60px auto;
}
@media (max-width: 510px) {
.CT-171-video-1 {
margin: 30px 0;
}
.CT-171-texte-1 {
display: block;
width: 100%;
}
.CT-171-texte-2 {
display: block;
width: 100%;
}
.CT-171-illustration-1 {
padding: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-sizing: border-box;
width: 100%;
max-width: 450px;
margin: 30px auto;
background-color: #1d1d1b;
}
.CT-171-texte-2 {
display: block;
width: 100%;
}
.CT-171-illustration-2 {
padding: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-sizing: border-box;
width: 100%;
max-width: 510px;
margin: 30px auto;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP - Utilisation de l’ASAP à l’approche d’un obstacle ou du sol v2 ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-172-illustration-3, .CT-172-illustration-4 {
float: left;
}
.CT-172-illustration-1-2, .CT-172-illustration-2-2, .CT-172-illustration-2-3 {
display: none;
}
.CT-172-illustration-1 {
width: 100%;
max-width: 585px;
margin: 5% 0;
}
.CT-172-illustration-2 {
width: 100%;
margin: 9% 0 9% 0;
}
.CT-172-illustration-2 img {
width: 100%;
}
.CT-172-illustration-3 {
width: 11.5%;
margin: 5.5% 5% 3% 0;
}
.CT-172-illustration-4 {
width: 20%;
margin: 3% 0;
padding: 20px;
box-sizing: border-box;
}
.CT-172-illustration-5, .TechnicalContainer .CT-172-illustration-5 {
width: 60% !important;
padding: 2px;
margin: 0 0 0 20%;
box-sizing: border-box;
}
.CT-172-illustration-6, .TechnicalContainer .CT-172-illustration-6 {
width: 70% !important;
padding: 2px;
margin: 0 0 0 15%;
box-sizing: border-box;
}
.CT-172-illustration-7, .TechnicalContainer .CT-172-illustration-7 {
width: 95% !important;
margin: 0 0 0 2.5%;
padding: 2px;
box-sizing: border-box;
}
.CT-85-tableau-1, .TechnicalContainer .CT-85-tableau-1, .CT-85-tableau-2, .TechnicalContainer .CT-85-tableau-2, .CT-85-tableau-3, .TechnicalContainer .CT-85-tableau-3 {
text-align: center;
}
.CT-85-tableau-2, .CT-85-tableau-3 {
display: none;
}
@media (max-width: 850px) {
.CT-172-illustration-2 {
display: none;
}
.CT-172-illustration-2-2 {
clear: both;
display: block;
width: 100%;
max-width: 504px;
margin: 15% auto 10%;
}
.CT-172-illustration-3 {
width: 15%;
margin: 6.5% 5% 3% 0;
}
.CT-172-illustration-4 {
width: 25.8%;
margin: 3% 0;
}
}
@media (max-width: 700px) {
.CT-172-illustration-1 {
display: none;
}
.CT-172-illustration-1-2 {
display: block;
width: 100%;
max-width: 280px;
margin: 10% auto;
}
.CT-172-illustration-3 {
width: 17.2%;
margin: 7% 5% 3% 0;
}
.CT-172-illustration-4 {
width: 29.8%;
margin: 3% 0;
}
.CT-85-tableau-1 {
display: none;
}
.CT-85-tableau-2 {
display: block;
}
}
@media (max-width: 600px) {
.CT-172-illustration-3 {
width: 21%;
margin: 7.3% 5% 3% 0;
}
.CT-172-illustration-4 {
width: 36.1%;
margin: 3% 0;
}
}
@media (max-width: 450px) {
.CT-172-illustration-2-2 {
display: none;
}
.CT-172-illustration-2-3 {
display: block;
width: 100%;
margin: 15% auto 15%;
max-width: 305px;
}
.CT-172-illustration-3 {
width: 27.3%;
margin: 8.7% 5% 3% 0;
}
.CT-172-illustration-4 {
width: 46%;
margin: 3% 0;
}
.CT-85-tableau-2 {
display: none;
}
.CT-85-tableau-3 {
display: block;
}
}
@media (max-width: 400px) {
.CT-172-illustration-3 {
width: 33%;
margin: 9% 5% 3% 0;
}
.CT-172-illustration-4 {
width: 55%;
margin: 3% 0;
}
.CT-85-tableau-2 {
display: none;
}
.CT-85-tableau-3 {
display: block;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP - Secours sur corde-descente accompagnée v2 ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-173-texte-0 {
margin: 30px 0 0 0;
}
.CT-173-illustration-1 {
width: calc(34% - 4px);
margin: 5% 5% 3% 5%;
display: inline-block;
}
.CT-173-illustration-2 {
width: 20%;
margin: 3% 5% 7% 0;
}
.CT-173-texte-1 {
width: 55%;
margin: 5% 0;
display: inline-block;
vertical-align: top;
}
.CT-173-texte-2 {
width: 75%;
margin: 5% 0 3%;
}
.CT-173-illustration-3 {
width: 100%;
margin: 3% 0;
}
.CT-173-illustration-3-2, .CT-173-illustration-3-3, .CT-173-illustration-3-4, .CT-173-illustration-4-2, .CT-173-illustration-4-3 {
display: none;
}
.CT-173-illustration-4 {
width: 60%;
margin: 3% 0;
}
.CT-173-illustration-5 {
margin: 3% 5% 3% 0;
width: calc(35% - 4px);
display: inline-block;
}
.CT-173-texte-3 {
width: 30%;
margin: 8% 0 0 0;
display: inline-block;
vertical-align: top;
}
.contentPage table.CT-173-tableau-1, .contentPage table.CT-173-tableau-2 {
table-layout: fixed;
margin: 5% 0;
}
.CT-173-tableau-1-1, .CT-173-tableau-1-2, .CT-173-tableau-1-3, .CT-173-tableau-2-1, .CT-173-tableau-2-2 {
table-layout: fixed;
display: none;
}
@media (max-width: 800px) {
.CT-173-illustration-1 {
width: calc(49% - 4px);
margin: 5% 5% 3% 5%;
display: inline-block;
}
.CT-173-texte-1 {
width: 40%;
margin: 2% 0;
display: inline-block;
vertical-align: top;
}
.CT-173-illustration-2 {
width: 30%;
margin: 3% 5% 7% 0;
}
.CT-173-texte-2 {
width: 100%;
margin: 6% 0 3%;
}
.CT-173-illustration-5 {
margin: 3% 5% 3% 0;
width: calc(59% - 4px);
display: inline-block;
}
.CT-173-texte-3 {
width: 35%;
margin: 8% 0 0 0;
display: inline-block;
vertical-align: top;
}
}
@media (max-width: 650px) {
.CT-173-illustration-1 {
width: 75%;
margin: 5% 0 0 12.5%;
}
.CT-173-texte-1 {
width: 100%;
margin: -2% 0 0;
}
.CT-173-illustration-2 {
width: 35%;
margin: 3% 5% 7% 0;
}
.CT-173-illustration-3 {
display: none;
}
.CT-173-illustration-3-2, .CT-173-illustration-3-3, .CT-173-illustration-3-4, .CT-173-illustration-4-2, .CT-173-illustration-4-3 {
width: 65%;
margin: 3% 0 0 17.7%;
box-sizing: border-box;
display: block;
padding: 20px;
}
.CT-173-illustration-3-4, .CT-173-illustration-4-3 {
margin: 3% 0 3% 17.7%;
}
.CT-173-illustration-4 {
display: none;
}
.CT-173-illustration-5 {
width: 85%;
margin: 3% 0 3% 7.5%;
}
.CT-173-texte-3 {
width: 100%;
margin: 0;
}
.CT-173-tableau-1, .CT-173-tableau-2 {
font-size: 12px !important;
}
}
@media (max-width: 500px) {
.CT-173-tableau-1, .CT-173-tableau-2 {
display: none;
}
.CT-173-tableau-1-1, .CT-173-tableau-1-2, .CT-173-tableau-1-3, .CT-173-tableau-2-1, .CT-173-tableau-2-2 {
font-size: 12px !important;
margin: 5% 0 !important;
display: table;
}
.CT-173-tableau-1-1 img, .CT-173-tableau-1-2 img, .CT-173-tableau-1-3 img, .CT-173-tableau-2-1 img, .CT-173-tableau-2-2 img {
width: 50% !important;
margin-left: calc(50% - 25%) !important;
}
}
@media (max-width: 400px) {
.CT-173-illustration-1 {
width: 90%;
margin: 5% 0 0 5%;
}
.CT-173-illustration-2 {
width: 50%;
margin: 3% 0 7% 22%;
}
.CT-173-texte-2 {
clear: both;
}
.CT-173-illustration-3-2, .CT-173-illustration-3-3, .CT-173-illustration-3-4, .CT-173-illustration-4-2, .CT-173-illustration-4-3 {
width: 80%;
margin: 3% 0 0 10%;
}
.CT-173-illustration-3-4, .CT-173-illustration-4-3 {
margin: 3% 0 3% 10%;
}
.CT-173-illustration-5 {
width: 90%;
margin: 3% 0 3% 5%;
}
}
@media (max-width: 350px) {
.CT-173-illustration-3-2, .CT-173-illustration-3-3, .CT-173-illustration-3-4, .CT-173-illustration-4-2, .CT-173-illustration-4-3 {
width: 100%;
margin: 3% 0 0 0%;
}
.CT-173-illustration-3-4, .CT-173-illustration-4-3 {
margin: 3% 0 3% 0%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// JAG SYSTEM-Décrochage et évacuation d’une victime sur antichute par deux équipie ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-174-texte-1 ul li {
font-size: 24px;
}
.CT-174-texte-2 {
margin: 10px 0 60px 0;
}
.CT-174-illustration-1 {
width: 85px;
display: inline-block;
}
.CT-174-bloc-illustration-1 {
width: calc(100% - 100px);
display: inline-block;
vertical-align: top;
padding: 0 0 0 20px;
box-sizing: border-box;
}
.CT-174-bloc-illustration-1 p {
margin: 0 0 60px 0;
}
.CT-174-illustration-2 {
width: 70%;
margin: 0 0 30px 0;
}
.CT-174-illustration-3 {
width: 45%;
}
.CT-174-illustration-4 {
width: 45%;
}
.CT-174-illustration-5 {
width: 45%;
}
.CT-174-illustration-6 {
width: 45%;
}
@media (max-width: 650px) {
.CT-174-illustration-2 {
width: 100%;
margin: 0 0 30px 0;
}
.CT-174-illustration-3 {
width: 64.5%;
}
.CT-174-illustration-4 {
width: 64.5%;
}
.CT-174-illustration-5 {
width: 64.5%;
}
.CT-174-illustration-6 {
width: 64.5%;
}
}
@media (max-width: 450px) {
.CT-174-bloc-illustration-1 {
width: 100%;
display: block;
padding: 0;
}
.CT-174-illustration-2 {
width: 100%;
margin: 0 0 30px 0;
}
.CT-174-illustration-3 {
width: 64.5%;
margin: 0 auto;
}
.CT-174-illustration-4 {
width: 64.5%;
margin: 0 auto;
}
.CT-174-illustration-5 {
width: 64.5%;
margin: 0 auto;
}
.CT-174-illustration-6 {
width: 64.5%;
margin: 0 auto;
}
}
/*////////////////////////////////////////////////////////////////*/
/*//////////////////// RIG-13-Tests RIG v2 ///////////////////////*/
/*////////////////////////////////////////////////////////////////*/
.CT-175-texte-1, .CT-175-texte-2 {
margin: 60px 0 0 0 !important;
}
.CT-175-bloc-illustration-1, .CT-175-bloc-illustration-2, .CT-175-bloc-illustration-3, .CT-175-bloc-illustration-4, .CT-175-bloc-illustration-5 {
padding: 30px;
width: 100%;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 5px 0px #cecece;
-moz-box-shadow: 0px 0px 5px 0px #cecece;
-o-box-shadow: 0px 0px 5px 0px #cecece;
box-shadow: 0px 0px 5px 0px #cecece;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 30px 0;
}
.CT-175-bloc-illustration-1 h4, .CT-175-bloc-illustration-2 h4, .CT-175-bloc-illustration-3 h4, .CT-175-bloc-illustration-4 h4, .CT-175-bloc-illustration-5 h4 {
margin-top: 0 !important;
}
.CT-175-bloc-illustration-2 hr {
margin: 30px 0 !important;
}
.CT-175-illustration-1 {
display: inline-block;
width: 310px;
margin: 30px 50px 0 0;
}
.CT-175-illustration-2 {
display: inline-block;
width: 310px;
margin: 30px 0 0 0;
vertical-align: top;
}
.CT-175-illustration-3 {
display: inline-block;
width: 256px;
margin: 30px 50px 0 0;
}
.CT-175-illustration-4 {
display: inline-block;
width: 386px;
margin: 30px 0 0 0;
vertical-align: top;
}
.CT-175-illustration-4-2 {
display: none;
max-width: 320px;
width: 100%;
margin: 30px auto 0;
}
.CT-175-illustration-5 {
display: inline-block;
width: 247px;
margin: 30px 50px 0 0;
}
.CT-175-illustration-6 {
display: inline-block;
width: 386px;
margin: 30px 0 0 0;
vertical-align: top;
}
.CT-175-illustration-6-2 {
display: none;
max-width: 320px;
width: 100%;
margin: 30px auto 0;
}
.CT-175-illustration-7 {
display: inline-block;
width: 210px;
margin: 30px 50px 0 0;
}
.CT-175-illustration-8 {
display: inline-block;
width: 386px;
margin: 30px 0 0 0;
vertical-align: top;
}
.CT-175-illustration-8-2 {
display: none;
max-width: 320px;
width: 100%;
margin: 30px auto 0;
}
.CT-175-illustration-9 {
display: inline-block;
width: 251px;
margin: 30px 50px 0 0;
}
.CT-175-illustration-10 {
display: inline-block;
width: 386px;
margin: 30px 0 0 0;
vertical-align: top;
}
.CT-175-illustration-10-2 {
display: none;
max-width: 320px;
width: 100%;
margin: 30px auto 0;
}
.CT-175-illustration-11 {
display: inline-block;
width: 251px;
margin: 30px 50px 0 0;
}
.CT-175-illustration-12 {
display: inline-block;
width: 386px;
margin: 30px 0 0 0;
vertical-align: top;
}
.CT-175-illustration-12-2 {
display: none;
max-width: 320px;
width: 100%;
margin: 30px auto 0;
}
.CT-175-illustration-13 {
display: inline-block;
width: 386px;
margin: 30px 0 0 0;
}
.CT-175-illustration-13-2 {
display: none;
max-width: 320px;
width: 100%;
margin: 30px auto 0;
}
.CT-175-illustration-14 {
display: inline-block;
width: 247px;
margin: 30px auto 0;
}
.CT-175-texte-3 {
width: calc(100% - 272px);
margin: 30px 0 0 20px;
vertical-align: top;
display: inline-block;
}
.CT-175-texte-3 strong {
font-weight: bold !important;
}
@media (max-width: 1105px) {
.CT-175-illustration-1 {
display: block;
width: 310px;
margin: 30px auto 0;
}
.CT-175-illustration-2 {
display: block;
width: 310px;
margin: 30px auto 0;
vertical-align: top;
}
.CT-175-illustration-3 {
display: block;
width: 256px;
margin: 30px auto 0;
}
.CT-175-illustration-4 {
display: block;
width: 386px;
margin: 50px auto 0;
vertical-align: top;
}
.CT-175-illustration-5 {
display: block;
width: 247px;
margin: 30px auto 0;
}
.CT-175-illustration-6 {
display: block;
width: 386px;
margin: 50px auto 0;
vertical-align: top;
}
.CT-175-illustration-7 {
display: block;
width: 210px;
margin: 30px auto 0;
}
.CT-175-illustration-8 {
display: block;
width: 386px;
margin: 50px auto 0;
vertical-align: top;
}
.CT-175-illustration-9 {
display: block;
width: 251px;
margin: 30px auto 0;
}
.CT-175-illustration-10 {
display: block;
width: 386px;
margin: 50px auto 0;
vertical-align: top;
}
.CT-175-illustration-11 {
display: block;
width: 251px;
margin: 30px auto 0;
}
.CT-175-illustration-12 {
display: block;
width: 386px;
margin: 50px auto 0;
vertical-align: top;
}
.CT-175-illustration-13 {
display: block;
width: 386px;
margin: 30px auto 0;
}
.CT-175-illustration-14 {
display: block;
width: 247px;
margin: 30px auto 0;
}
.CT-175-texte-3 {
width: 100%;
margin: 30px 0 0 0;
}
}
@media (max-width: 510px) {
.CT-175-bloc-illustration-1, .CT-175-bloc-illustration-2, .CT-175-bloc-illustration-3, .CT-175-bloc-illustration-4, .CT-175-bloc-illustration-5 {
padding: 15px;
}
.CT-175-illustration-1 {
max-width: 310px;
width: 100%;
}
.CT-175-illustration-2 {
max-width: 310px;
width: 100%;
}
.CT-175-illustration-3 {
max-width: 256px;
width: 100%;
}
.CT-175-illustration-4 {
display: none;
}
.CT-175-illustration-4-2 {
display: block;
}
.CT-175-illustration-5 {
max-width: 247px;
width: 100%;
}
.CT-175-illustration-6 {
display: none;
}
.CT-175-illustration-6-2 {
display: block;
}
.CT-175-illustration-7 {
max-width: 210px;
width: 100%;
}
.CT-175-illustration-8 {
display: none;
}
.CT-175-illustration-8-2 {
display: block;
}
.CT-175-illustration-9 {
display: none;
}
.CT-175-illustration-10 {
display: none;
}
.CT-175-illustration-11 {
max-width: 251px;
width: 100%;
}
.CT-175-illustration-10-2 {
display: block;
}
.CT-175-illustration-12 {
display: none;
}
.CT-175-illustration-12-2 {
display: block;
}
.CT-175-illustration-13 {
display: none;
}
.CT-175-illustration-13-2 {
display: block;
}
.CT-175-illustration-14 {
max-width: 247px;
width: 100%;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RIG-12-Tyrolienne-sur-corde ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-176-texte-1 {
margin-top: 60px;
}
.CT-176-texte-2, .CT-176-texte-3, .CT-176-texte-4 {
margin: 60px 0 20px !important;
}
.CT-176-texte-2 + p + p {
margin-top: 5px !important;
}
.CT-176-texte-3 + p + p {
margin-top: 5px !important;
}
.CT-176-texte-strong {
font-weight: bold !important;
}
.CT-176-illustration-1 {
margin: 50px 0;
max-width: 460px;
width: 100%;
}
.CT-176-illustration-2 {
margin: 50px 0 30px;
max-width: 460px;
width: 100%;
}
.CT-176-illustration-3 {
margin: 30px 0;
max-width: 835px;
width: 100%;
}
.CT-176-illustration-3-2 {
margin: 30px 0;
max-width: 500px;
width: 100%;
display: none;
}
.CT-176-illustration-3-3 {
margin: 30px 0;
max-width: 350px;
width: 100%;
display: none;
}
.CT-176-bloc-gris {
margin: 25px 0 0 0;
width: 450px;
background-color: #f6f6f6;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 25px;
box-sizing: border-box;
}
.CT-176-bloc-gris strong {
font-weight: bold !important;
}
.CT-176-bloc-gris .CT-176-picto-information {
width: 81px;
display: inline-block;
vertical-align: top;
}
.CT-176-bloc-gris .CT-176-bloc-texte-information {
width: calc(100% - 120px);
margin: 0 0 0 10px;
display: inline-block;
vertical-align: top;
padding: 0 0 0 15px;
border-left: 1px solid #444444;
}
@media (max-width: 700px) {
.CT-176-bloc-gris {
width: 100%;
}
}
@media (max-width: 600px) {
.CT-176-illustration-3 {
display: none;
}
.CT-176-illustration-3-2 {
display: block;
}
}
@media (max-width: 400px) {
.CT-176-illustration-3-2 {
display: none;
}
.CT-176-illustration-3-3 {
display: block;
}
.CT-176-bloc-gris .CT-176-bloc-texte-information {
width: 100%;
margin: 0 0 0 0;
display: inline-block;
vertical-align: top;
padding: 0;
border-left: none;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RIG-2-Descente accompagnée, auto-secours par le coéquipier v2 ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.ombre {
-webkit-box-shadow: 0px 0px 5px 0px #cecece;
-moz-box-shadow: 0px 0px 5px 0px #cecece;
-o-box-shadow: 0px 0px 5px 0px #cecece;
box-shadow: 0px 0px 5px 0px #cecece;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.CT-177-texte-1 {
margin: 60px 0 !important;
}
.CT-177-texte-1 a {
text-decoration: none;
color: #444444;
display: inline;
}
.CT-177-ancre {
display: block;
}
#CT-177-1, #CT-177-2, #CT-177-3, #CT-177-4, #CT-177-5 {
margin: 60px 0 20px !important;
}
.CT-177-illustration-1, .CT-177-illustration-2 {
width: calc(50% - 3px);
display: inline-block;
margin: 30px 0;
}
.CT-177-illustration-1 img, .CT-177-illustration-2 img {
width: 265px !important;
margin-left: calc(50% - 132px);
}
.CT-177-bloc-illustration-1, .CT-177-bloc-illustration-2, .CT-177-bloc-illustration-3, .CT-177-bloc-illustration-6, .CT-177-bloc-illustration-7, .CT-177-bloc-illustration-14, .CT-177-bloc-illustration-16, .CT-177-bloc-illustration-17, .CT-177-bloc-illustration-18 {
padding: 30px;
width: 100%;
box-sizing: border-box;
margin: 30px 0;
}
.CT-177-bloc-gris-1, .CT-177-bloc-gris-2, .CT-177-bloc-gris-3, .CT-177-bloc-gris-4 {
background-color: #f6f6f6;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 25px;
box-sizing: border-box;
}
.CT-177-bloc-gris-3 {
margin: 25px 0 0 0;
}
.CT-177-bloc-gris-1 strong, .CT-177-bloc-gris-2 strong, .CT-177-bloc-gris-3 strong {
padding: 5px 12px;
background-color: #e3e4e4;
border-radius: 7px;
color: #444444;
margin: 10px 0 5px 0;
display: inline-block;
}
.CT-177-bloc-gris-3 strong:first-of-type {
margin: 0 0 5px 0;
}
.CT-177-bloc-gris-3 .CT-177-picto-information {
width: 81px;
display: inline-block;
vertical-align: top;
}
.CT-177-bloc-gris-3 .CT-177-bloc-texte-information {
width: calc(100% - 120px);
margin: 0 0 0 10px;
display: inline-block;
vertical-align: top;
padding: 0 0 0 15px;
border-left: 1px solid #444444;
}
.CT-177-bloc-illustration-4, .CT-177-bloc-illustration-5 {
padding: 30px;
width: calc(50% - 12.5px);
box-sizing: border-box;
margin: 30px 0;
}
.CT-177-bloc-illustration-5 {
margin-left: 25px;
}
.CT-177-bloc-illustration-1 {
position: relative;
}
.CT-177-illustration-3 {
width: 100%;
max-width: 50%;
}
.CT-177-illustration-4 {
width: 100%;
max-width: 45%;
position: absolute;
right: 30px;
top: 30px;
}
.CT-177-illustration-4-2 {
width: 100%;
max-width: 320px;
margin: 30px auto 0;
display: none;
}
.CT-177-illustration-5 {
max-width: 64%;
width: 100%;
display: inline-block;
}
.CT-177-illustration-5-2 {
display: none;
}
.CT-177-bloc-gris-1 {
width: calc(33% - 6px);
display: inline-block;
vertical-align: top;
margin: 0 0 0 3%;
}
.CT-177-illustration-6 {
max-width: 50%;
width: 100%;
display: inline-block;
}
.CT-177-bloc-gris-2 {
width: calc(50% - 6px);
display: inline-block;
vertical-align: top;
margin: 0 0 0 0;
}
.CT-177-bloc-illustration-double {
display: flex;
flex-direction: row;
}
.CT-177-bloc-illustration-4 p, .CT-177-bloc-illustration-5 p {
margin-top: 0 !important;
}
.CT-177-illustration-7 {
max-width: 385px;
width: 100%;
}
.CT-177-illustration-8 {
max-width: 385px;
width: 100%;
}
.CT-177-bloc-illustration-6 {
position: relative;
}
.CT-177-illustration-9 {
width: 100%;
max-width: 45%;
margin: 17% 0;
}
.CT-177-illustration-10 {
width: 100%;
max-width: 45%;
position: absolute;
right: 30px;
top: 30px;
}
.CT-177-illustration-10-2 {
width: 100%;
max-width: 320px;
margin: 30px auto 0;
display: none;
}
.CT-177-bloc-illustration-7 {
position: relative;
}
.CT-177-illustration-11 {
width: 100%;
max-width: 45%;
margin: 5% 0;
}
.CT-177-illustration-12 {
width: 100%;
max-width: 45%;
position: absolute;
right: 30px;
top: 30px;
}
.CT-177-illustration-12-2 {
width: 100%;
max-width: 320px;
margin: 30px auto 0;
display: none;
}
.CT-177-bloc-gris-4 {
width: calc(45%);
right: 30px;
top: 47%;
position: absolute;
}
.CT-177-bloc-illustration-8 {
display: flex;
flex-direction: row;
margin: 50px 0;
}
.CT-177-bloc-illustration-9 {
width: 60%;
display: flex;
flex-direction: column;
}
.CT-177-bloc-illustration-9 p {
height: 55px;
margin: 0;
}
.CT-177-bloc-illustration-10 {
width: 15%;
margin: 0 10px;
display: flex;
flex-direction: column;
}
.CT-177-bloc-illustration-10 p {
height: 55px;
margin: 0;
}
.CT-177-bloc-illustration-11 {
width: 15%;
display: flex;
flex-direction: column;
}
.CT-177-bloc-illustration-11 p {
height: 55px;
margin: 0;
}
.CT-177-illustration-13 {
max-width: 520px;
padding: 30px;
box-sizing: border-box;
}
.CT-177-illustration-13-2 {
display: none;
}
.CT-177-illustration-14 {
height: calc(100% - 55px);
display: flex;
}
.CT-177-illustration-14 img {
margin: auto;
width: 60% !important;
}
.CT-177-illustration-15 {
display: flex;
height: calc(100% - 55px);
}
.CT-177-illustration-15 img {
margin: auto;
width: 87% !important;
}
.CT-177-bloc-illustration-14 {
position: relative;
}
.CT-177-illustration-16 {
width: 100%;
max-width: 45%;
}
.CT-177-illustration-17 {
width: 100%;
max-width: 45%;
position: absolute;
right: 30px;
top: 30px;
}
.CT-177-illustration-17-2 {
width: 100%;
max-width: 320px;
margin: 30px auto 0;
display: none;
}
.CT-177-bloc-illustration-15 {
display: flex;
flex-direction: row;
}
.CT-177-bloc-illustration-16 {
margin: 0 30px 60px 0;
}
.CT-177-bloc-illustration-16 p {
margin: 0 !important;
}
.CT-177-bloc-illustration-17 {
margin: 0 0 60px 0;
}
.CT-177-illustration-20 {
text-align: center;
}
.CT-177-illustration-20 img {
max-width: 400px;
}
.CT-177-illustration-20-2 {
display: none;
}
@media (max-width: 900px) {
.CT-177-illustration-11 {
margin: 10% 0;
}
.CT-177-bloc-gris-4 {
width: calc(45%);
right: 30px;
top: 45%;
position: absolute;
}
}
@media (max-width: 800px) {
.CT-177-illustration-11 {
margin: 15% 0;
}
.CT-177-bloc-gris-4 {
width: calc(45%);
right: 30px;
top: 41%;
position: absolute;
}
}
@media (max-width: 750px) {
.CT-177-illustration-1 img, .CT-177-illustration-2 img {
margin-left: 0;
}
.CT-177-illustration-3 {
max-width: 400px;
margin: 0 auto;
}
.CT-177-illustration-4 {
width: 100%;
max-width: 387px;
position: relative;
right: 0;
top: 0;
margin: 30px auto 0;
}
.CT-177-illustration-5 {
max-width: 493px;
width: 100%;
display: block;
margin: 0 auto;
}
.CT-177-bloc-gris-1 {
width: 100%;
display: block;
vertical-align: top;
margin: 25px 0 0 0;
}
.CT-177-illustration-6 {
max-width: 400px;
width: 100%;
display: block;
margin: 0 auto;
}
.CT-177-bloc-gris-2 {
width: 100%;
display: block;
}
.CT-177-bloc-illustration-double {
flex-direction: column;
}
.CT-177-bloc-illustration-4 {
width: 100%;
margin: 30px 0 0 0;
}
.CT-177-bloc-illustration-5 {
width: 100%;
margin: 25px 0 0 0;
}
.CT-177-illustration-7 {
margin: 0 auto;
}
.CT-177-illustration-8 {
margin: 0 auto;
}
.CT-177-illustration-9 {
max-width: 400px;
margin: 0 auto;
}
.CT-177-illustration-10 {
width: 100%;
max-width: 387px;
position: relative;
right: 0;
top: 0;
margin: 30px auto 0;
}
.CT-177-illustration-11 {
max-width: 400px;
margin: 0 auto;
}
.CT-177-illustration-12 {
width: 100%;
max-width: 387px;
position: relative;
right: 0;
top: 0;
margin: 30px auto 0;
}
.CT-177-bloc-gris-4 {
width: 100%;
max-width: 387px;
position: relative;
right: 0;
top: 0;
margin: 25px auto 0;
}
.CT-177-bloc-illustration-8 {
flex-direction: column;
}
.CT-177-bloc-illustration-9 {
flex-direction: column;
width: 100%;
}
.CT-177-illustration-13 {
max-width: 100%;
padding: 0 30px 30px 30px;
}
.CT-177-bloc-illustration-10 {
width: 100%;
margin: 50px 0 0 0;
}
.CT-177-illustration-14 {
height: auto;
display: block;
padding: 30px;
text-align: center;
}
.CT-177-illustration-14 img {
margin: auto;
width: 100% !important;
max-width: 80px;
}
.CT-177-bloc-illustration-11 {
width: 100%;
margin: 50px 0 0 0;
}
.CT-177-illustration-15 {
height: auto;
display: block;
padding: 30px;
text-align: center;
}
.CT-177-illustration-15 img {
margin: auto;
width: 100% !important;
max-width: 115px;
}
.CT-177-illustration-16 {
max-width: 400px;
margin: 0 auto;
}
.CT-177-illustration-17 {
width: 100%;
max-width: 387px;
position: relative;
right: 0;
top: 0;
margin: 30px auto 0;
}
.CT-177-bloc-illustration-15 {
flex-direction: column;
}
.CT-177-illustration-16 {
margin: 0 30px 30px 0;
}
.CT-177-illustration-18 {
text-align: center;
}
.CT-177-illustration-18 img {
max-width: 340px;
}
.CT-177-illustration-19 {
text-align: center;
}
.CT-177-illustration-19 img {
max-width: 340px;
}
}
@media (max-width: 600px) {
.CT-177-illustration-13 {
display: none;
}
.CT-177-illustration-13-2 {
width: 100%;
display: block;
padding: 30px;
box-sizing: border-box;
text-align: center;
}
.CT-177-illustration-13-2 img {
max-width: 280px;
}
}
@media (max-width: 500px) {
.CT-177-illustration-20 {
display: none;
}
.CT-177-illustration-20-2 {
display: block;
text-align: center;
}
.CT-177-illustration-20-2 img {
max-width: 240px;
}
}
@media (max-width: 400px) {
.CT-177-illustration-1, .CT-177-illustration-2 {
max-width: 265px;
width: 100%;
display: block;
margin: 30px auto;
}
.CT-177-illustration-4 {
display: none;
}
.CT-177-illustration-4-2 {
display: block;
}
.CT-177-illustration-5 {
display: none;
}
.CT-177-illustration-5-2 {
max-width: 247px;
width: 100%;
display: block;
margin: 0 auto;
}
.CT-177-bloc-gris-3 .CT-177-picto-information {
width: 100%;
display: block;
}
.CT-177-bloc-gris-3 .CT-177-bloc-texte-information {
width: 100%;
margin: 10px 0 0 0;
display: inline-block;
vertical-align: top;
padding: 0;
border-left: none;
}
.CT-177-illustration-10 {
display: none;
}
.CT-177-illustration-10-2 {
display: block;
}
.CT-177-illustration-12 {
display: none;
}
.CT-177-illustration-12-2 {
display: block;
}
.CT-177-illustration-17 {
display: none;
}
.CT-177-illustration-17-2 {
display: block;
}
}
@media (max-width: 360px) {
.CT-177-illustration-13-2 {
padding: 30px 15px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RIG-2-Descente accompagnée, auto-secours par le coéquipier ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-178-texte-1 {
margin-top: 60px !important;
}
.CT-178-texte-2 {
margin: 60px 0 30px !important;
}
.CT-178-illustration-1 {
padding: 20px 30px 10px;
box-sizing: border-box;
margin: 30px 0;
max-width: 440px;
width: 100%;
}
.CT-178-illustration-1-2 {
padding: 15px 20px 0px 20px;
box-sizing: border-box;
margin: 30px 0;
max-width: 310px;
width: 100%;
display: none;
}
.CT-178-illustration-2 {
margin: 30px 0;
max-width: 580px;
width: 100%;
}
.CT-178-illustration-2-2 {
margin: 30px 0;
width: 100%;
display: none;
}
.CT-178-texte-1 {
margin-top: 60px !important;
}
.CT-178-bloc-recit-1 {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.CT-178-bloc-illustration-1 {
width: calc(50% - 12.5px);
margin: 25px 25px 25px 0;
}
.CT-178-bloc-illustration-2 {
width: calc(50% - 12.5px);
margin: 25px 0;
}
.CT-178-bloc-illustration-3 {
width: calc(50% - 12.5px);
margin: 25px 25px 25px 0;
}
.CT-178-bloc-illustration-4 {
width: calc(50% - 12.5px);
margin: 25px 0;
}
.CT-178-bloc-illustration-5 {
width: calc(50% - 12.5px);
margin: 25px 25px 25px 0;
}
.CT-178-bloc-illustration-6 {
width: calc(50% - 12.5px);
margin: 25px 0;
}
.CT-178-bloc-illustration-7 {
width: calc(50% - 12.5px);
margin: 25px 25px 25px 0;
}
.CT-178-illustration-3, .CT-178-illustration-4, .CT-178-illustration-5, .CT-178-illustration-6, .CT-178-illustration-7, .CT-178-illustration-8, .CT-178-illustration-9 {
padding: 30px;
margin-bottom: 10px;
}
@media (max-width: 750px) {
.CT-178-illustration-3, .CT-178-illustration-4, .CT-178-illustration-5, .CT-178-illustration-6, .CT-178-illustration-7, .CT-178-illustration-8, .CT-178-illustration-9 {
padding: 15px;
}
}
@media (max-width: 500px) {
.CT-178-illustration-1 {
display: none;
}
.CT-178-illustration-1-2 {
display: block;
}
.CT-178-illustration-2 {
display: none;
}
.CT-178-illustration-2-2 {
display: block;
}
.CT-178-illustration-2-2 img {
max-width: 350px;
}
.CT-178-bloc-illustration-1 {
width: 100%;
margin: 25px 0;
}
.CT-178-bloc-illustration-2 {
width: 100%;
margin: 25px 0;
}
.CT-178-bloc-illustration-3 {
width: 100%;
margin: 25px 0;
}
.CT-178-bloc-illustration-4 {
width: 100%;
margin: 25px 0;
}
.CT-178-bloc-illustration-5 {
width: 100%;
margin: 25px 0;
}
.CT-178-bloc-illustration-6 {
width: 100%;
margin: 25px 0;
}
.CT-178-bloc-illustration-7 {
width: 100%;
margin: 25px 0;
}
.CT-178-illustration-3, .CT-178-illustration-4, .CT-178-illustration-5, .CT-178-illustration-6, .CT-178-illustration-7, .CT-178-illustration-8, .CT-178-illustration-9 {
text-align: center;
}
.CT-178-illustration-3 img, .CT-178-illustration-4 img, .CT-178-illustration-5 img, .CT-178-illustration-6 img, .CT-178-illustration-7 img, .CT-178-illustration-8 img, .CT-178-illustration-9 img {
max-width: 300px;
}
}
/*//////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RIG-5-systeme-de-mouflage-avec-le-rig ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////*/
.CT-179-texte-1 {
margin-top: 60px !important;
}
.CT-179-illustration-1 {
width: 100%;
max-width: 192px;
margin: 50px 40px 0 0;
display: inline-block;
}
.CT-179-illustration-2 {
width: 100%;
max-width: 281px;
margin: 50px 0 0 0;
display: inline-block;
vertical-align: top;
}
@media (max-width: 650px) {
.CT-179-illustration-1 {
width: 100%;
max-width: 100%;
margin: 50px 0 0 0;
display: block;
text-align: center;
}
.CT-179-illustration-2 {
width: 100%;
max-width: 100%;
margin: 50px 0 0 0;
display: block;
text-align: center;
}
.CT-179-illustration-1 img {
max-width: 192px;
}
.CT-179-illustration-2 img {
max-width: 281px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RIG-6-systeme-de-descente-depuis-le-sol-pre-installe v2 ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-180-texte-1 {
margin-top: 60px !important;
}
.CT-180-bloc-gris {
margin: 25px 0 0 0;
width: 450px;
background-color: #f6f6f6;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 25px;
box-sizing: border-box;
}
.CT-180-bloc-gris strong {
font-weight: bold !important;
}
.CT-180-bloc-gris .CT-180-picto-information {
width: 81px;
display: inline-block;
vertical-align: top;
}
.CT-180-bloc-gris .CT-180-bloc-texte-information {
width: calc(100% - 120px);
margin: 0 0 0 10px;
display: inline-block;
vertical-align: top;
padding: 0 0 0 15px;
border-left: 1px solid #444444;
}
.CT-180-bloc-illustration {
display: flex;
flex-direction: row;
margin: 60px 0 0 0;
}
.CT-180-illustration-1 {
flex-grow: 1;
}
.CT-180-illustration-2 {
flex-grow: 1;
position: relative;
}
.CT-180-illustration-3 {
flex-grow: 1;
position: relative;
}
.CT-180-illustration-1 img {
max-width: 320px;
}
.CT-180-illustration-2 img {
max-width: 73%;
position: absolute;
bottom: 0;
}
.CT-180-illustration-3 img {
max-width: 74.3%;
position: absolute;
bottom: 0;
}
@media (max-width: 700px) {
.CT-180-bloc-gris {
width: 100%;
}
.CT-180-bloc-illustration {
flex-direction: column;
margin: 60px 0 0 0;
}
.CT-180-illustration-1 {
text-align: center;
}
.CT-180-illustration-2 {
text-align: center;
margin: 70px 0 70px 0;
}
.CT-180-illustration-3 {
text-align: center;
}
.CT-180-illustration-1 img {
max-width: 250px;
}
.CT-180-illustration-2 img {
max-width: 190px;
position: relative;
bottom: auto;
}
.CT-180-illustration-3 img {
max-width: 193px;
position: relative;
bottom: auto;
}
}
@media (max-width: 400px) {
.CT-180-bloc-gris .CT-180-bloc-texte-information {
width: 100%;
margin: 0 0 0 0;
display: inline-block;
vertical-align: top;
padding: 0;
border-left: none;
}
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////////////// via-ferrata-avec-un-enfant ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.CT-181-texte-1 {
margin-top: 60px !important;
}
.CT-181-texte-2 {
margin-top: 60px !important;
}
.CT-181-illustration-1 {
margin: 30px 0;
width: 100%;
max-width: 435px;
}
.CT-181-bloc-illustration-1 {
margin: 30px 0;
width: 100%;
max-width: 435px;
padding: 20px;
box-sizing: border-box;
}
.CT-181-bloc-illustration-1 p {
margin-bottom: 0px !important;
}
.CT-181-illustrations-1 {
display: flex;
flex-direction: row;
margin: 0 0 20px 0;
}
.CT-181-illustration-2 {
width: 50%;
}
.CT-181-illustration-3 {
width: 50%;
border-left: 1px solid #222222;
}
.CT-181-texte-3 {
margin: 50px 0 0 0 !important;
}
.CT-181-illustration-4 {
width: 30%;
max-width: 225px;
margin: 30px 30px 30px 0;
display: inline-block;
}
.CT-181-bloc-illustration-2 {
width: 63%;
max-width: 470px;
display: inline-block;
vertical-align: top;
}
.CT-181-illustration-5 {
box-sizing: border-box;
padding: 10px;
margin: 30px 0 15px;
}
.CT-181-illustration-6 {
width: 100%;
max-width: 620px;
margin: 30px 0 50px;
padding: 10px;
box-sizing: border-box;
}
.CT-181-illustration-6-2 {
display: none;
margin: 30px 0 50px;
padding: 10px;
}
.CT-181-bloc-illustration-3 {
width: 100%;
max-width: 620px;
padding: 20px;
margin: 30px 0 50px;
box-sizing: border-box;
}
.CT-181-bloc-illustration-3 p {
margin: 20px 0 0 0;
}
.CT-181-illustration-7 {
width: 100%;
}
.CT-181-illustration-7-2 {
display: none;
width: 100%;
}
.CT-181-bloc-gris {
margin: 25px 0 0 0;
max-width: 620px;
width: 100%;
background-color: #f6f6f6;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 25px;
box-sizing: border-box;
display: flex;
}
.CT-181-bloc-gris strong {
font-weight: bold !important;
}
.CT-181-bloc-gris .CT-181-picto-information {
width: 81px;
display: inline-block;
vertical-align: top;
}
.CT-181-bloc-gris .CT-181-bloc-texte-information {
width: calc(100% - 120px);
margin: 0 0 0 10px;
display: inline-block;
vertical-align: top;
padding: 0 0 0 15px;
border-left: 1px solid #444444;
}
@media (max-width: 620px) {
.CT-181-illustration-4 {
width: 100%;
max-width: 225px;
margin: 30px 0;
display: block;
}
.CT-181-bloc-illustration-2 {
width: 100%;
max-width: 470px;
display: block;
vertical-align: top;
margin: 0 0 60px 0;
}
}
@media (max-width: 450px) {
.CT-181-illustrations-1 {
flex-direction: column;
}
.CT-181-illustration-2 {
width: 100%;
text-align: center;
}
.CT-181-illustration-2 img {
max-width: 180px;
}
.CT-181-illustration-3 {
width: 100%;
border-top: 1px solid #222222;
border-left: none;
margin: 20px 0 0 0;
padding: 20px 0 0 0;
text-align: center;
}
.CT-181-illustration-3 img {
max-width: 180px;
}
.CT-181-illustration-6 {
display: none;
}
.CT-181-illustration-6-2 {
display: block;
text-align: center;
}
.CT-181-illustration-6-2 img {
max-width: 250px;
}
.CT-181-illustration-7 {
display: none;
}
.CT-181-illustration-7-2 {
display: block;
width: 100%;
text-align: center;
}
.CT-181-illustration-7-2 img {
max-width: 180px;
}
.CT-181-bloc-gris .CT-181-bloc-texte-information {
width: 100%;
margin: 0 0 0 0;
display: inline-block;
vertical-align: top;
padding: 0;
border-left: none;
}
.CT-181-bloc-gris {
display: block;
}
}
/*///////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RADLINE-glissement-gaine-coupe ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
.CT-182-texte-1 {
margin-top: 60px;
}
.CT-182-illustration-1 {
max-width: 125px;
width: 100%;
display: block;
margin: 30px 0;
}
.CT-182-illustration-2 {
max-width: 300px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-2-2 {
max-width: 235px;
width: 100%;
margin: 30px auto;
display: none;
}
.CT-182-illustration-3 {
max-width: 265px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-4 {
max-width: 210px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-5 {
max-width: 290px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-6 {
max-width: 380px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-6-2 {
display: none;
}
.CT-182-illustration-7 {
max-width: 165px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-8 {
max-width: 280px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-9 {
max-width: 472px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-9-2 {
max-width: 276px;
width: 100%;
margin: 30px auto;
display: none;
}
.CT-182-illustration-10 {
max-width: 265px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-11 {
max-width: 300px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-12 {
max-width: 395px;
width: 100%;
margin: 30px 0;
}
.CT-182-illustration-12-2 {
max-width: 210px;
width: 100%;
margin: 30px auto;
display: none;
}
@media (max-width: 400px) {
.CT-182-illustration-2 {
display: none;
}
.CT-182-illustration-2-2 {
max-width: 235px;
width: 100%;
margin: 30px 0;
display: block;
}
.CT-182-illustration-6 {
display: none;
}
.CT-182-illustration-6-2 {
max-width: 225px;
width: 100%;
margin: 30px 0;
margin-left: -32px;
display: block;
}
.CT-182-illustration-9 {
display: none;
}
.CT-182-illustration-9-2 {
max-width: 276px;
width: 100%;
margin: 30px auto;
display: block;
}
.CT-182-illustration-12 {
display: none;
}
.CT-182-illustration-12-2 {
max-width: 210px;
width: 100%;
margin: 30px 0;
display: block;
}
}
@media (max-width: 360px) {
.CT-182-illustration-10 {
width: 85%;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Slackline avec les amarrages COEUR PULSE et COEUR BOLT ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-183-texte-1 {
margin-top: 60px !important;
}
.CT-183-h4 {
text-transform: none !important;
font-size: 18px !important;
}
.CT-183-illustration-1 {
max-width: 510px;
margin: 50px 0 80px;
}
.CT-183-illustration-1-2 {
max-width: 215px;
display: none;
margin: 50px 0 80px;
}
.CT-183-illustration-2 {
max-width: 750px;
margin: 50px 0 80px;
}
.CT-183-illustration-2-2 {
max-width: 355px;
display: none;
margin: 50px 0 80px;
}
.CT-183-illustration-3 {
max-width: 833px;
margin: 50px 0 80px;
}
.CT-183-illustration-3-2 {
max-width: 408px;
display: none;
margin: 50px 0 80px;
}
.CT-183-illustration-3-3 {
max-width: 195px;
display: none;
margin: 50px 0 80px;
}
.CT-183-illustration-4 {
max-width: 533px;
margin: 50px 0 80px;
}
.CT-183-illustration-4-2 {
max-width: 323px;
display: none;
margin: 50px 0 80px;
}
.CT-183-illustration-5 {
max-width: 291px;
margin: 50px 0;
}
.CT-183-illustration-6 {
max-width: 597px;
margin: 50px 0;
}
.CT-183-illustration-6-2 {
max-width: 292px;
display: none;
margin: 50px 0;
}
@media (max-width: 800px) {
.CT-183-illustration-3 {
display: none;
}
.CT-183-illustration-3-2 {
display: block;
}
}
@media (max-width: 750px) {
.CT-183-illustration-6 {
display: none;
}
.CT-183-illustration-6-2 {
display: block;
}
}
@media (max-width: 450px) {
.CT-183-illustration-1 {
display: none;
}
.CT-183-illustration-1-2 {
display: block;
margin: 50px auto 80px;
}
.CT-183-illustration-2 {
display: none;
}
.CT-183-illustration-2-2 {
display: block;
margin: 50px auto 80px;
}
.CT-183-illustration-3-2 {
display: none;
}
.CT-183-illustration-3-3 {
display: block;
margin: 50px auto 80px;
}
.CT-183-illustration-4 {
display: none;
}
.CT-183-illustration-4-2 {
display: block;
margin: 50px auto 80px;
}
.CT-183-illustration-5 {
margin: 50px auto;
}
.CT-183-illustration-6-2 {
margin: 50px auto;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// VIA FERRATA- Installation de la longe de via ferrata sur le harnais ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-184-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 60px 0 60px 0;
}
.CT-184-texte-1 {
width: 160px;
margin: auto 20px auto 0;
}
.CT-184-illustration-1 {
width: calc(100% - 180px);
max-width: 565px;
}
.CT-184-illustration-1-2 {
display: none;
}
.CT-184-illustration-1 {
width: 100%;
max-width: 705px;
}
.CT-184-illustration-2-2 {
display: none;
}
@media (max-width: 700px) {
.CT-184-bloc-illustration-1 {
display: flex;
flex-direction: column;
margin: 60px 0 60px 0;
}
.CT-184-texte-1 {
width: 100%;
margin: 0 0 15px 0;
}
}
@media (max-width: 550px) {
.CT-184-texte-1 {
text-align: center;
}
.CT-184-illustration-1 {
display: none;
}
.CT-184-illustration-1-2 {
display: block;
width: 100%;
max-width: 278px;
margin: 0 auto;
}
.CT-184-illustration-2 {
display: none;
}
.CT-184-illustration-2-2 {
display: block;
width: 100%;
max-width: 348px;
margin: 0 auto;
}
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Principes de base de via ferrata ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
.CT-185-texte-1 {
margin: 60px 0 30px;
}
.CT-185-illustration-1 {
width: 100%;
max-width: 318px;
margin: 0 0 60px;
}
.CT-185-illustration-2 {
width: 100%;
max-width: 314px;
margin: 30px 0 60px;
}
.CT-185-illustration-3 {
width: 100%;
max-width: 671px;
margin: 30px 0 60px;
}
.CT-185-illustration-3-2 {
width: 100%;
max-width: 352px;
display: none;
margin: 30px 0 60px;
}
@media (max-width: 500px) {
.CT-185-illustration-3 {
display: none;
}
.CT-185-illustration-3-2 {
display: block;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// VIA FERRATA- Pourquoi une longe spécifique pour la via ferrata ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-186-texte-1 {
margin: 60px 0 30px;
}
.CT-186-illustration-1 {
width: 100%;
max-width: 645px;
margin: 0 0 60px;
}
.CT-186-illustration-1-2 {
width: 100%;
max-width: 378px;
margin: 30px auto 60px;
display: none;
}
.CT-186-illustration-2 {
width: 100%;
max-width: 720px;
margin: 30px 0 60px;
}
.CT-186-illustration-2-2 {
width: 100%;
max-width: 380px;
display: none;
margin: 30px auto 60px;
}
.CT-186-hr {
border-top: dashed 1px #87888A;
margin-bottom: 30px;
}
@media (max-width: 500px) {
.CT-186-illustration-1 {
display: none;
}
.CT-186-illustration-1-2 {
display: block;
}
.CT-186-illustration-2 {
display: none;
}
.CT-186-illustration-2-2 {
display: block;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// VIA FERRATA- Passage de fractionnement en via ferrata ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-187-bloc-illustration-1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 60px 0 0 0;
}
.CT-187-illustration-1 {
width: 100%;
max-width: 300px;
margin: 0 0 30px 0;
}
.CT-187-illustration-2 {
width: 100%;
max-width: 300px;
margin: 0 0 30px 0;
}
.CT-187-illustration-3 {
width: 100%;
max-width: 300px;
margin: 0 0 30px 0;
}
.CT-187-illustration-4 {
width: 100%;
max-width: 300px;
margin: 0 0 30px 0;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// VIA FERRATA- Position de repos en cas de fatigue en via ferrata ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-188-illustration-1 {
width: 100%;
max-width: 704px;
margin: 60px 0 0 0;
}
.CT-188-illustration-1-2 {
width: 100%;
max-width: 521px;
margin: 60px auto 0 auto;
display: none;
}
@media (max-width: 500px) {
.CT-188-illustration-1 {
display: none;
}
.CT-188-illustration-1-2 {
display: block;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// VIA FERRATA- PARTNER CHECK en via ferrata ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.CT-189-bloc-illustration-1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 60px 0 0 0;
}
.CT-189-illustration-1 {
margin: 0 70px 0 0;
max-width: 417px;
width: 100%;
}
.CT-189-bloc-illustration-2 {
display: flex;
flex-direction: column;
max-width: 208px;
width: 100%;
}
.CT-189-illustration-2 {
margin: 0 0 5px 0;
width: 100%;
}
.CT-189-illustration-3 {
margin: 50px 0 5px 0;
width: 100%;
}
.CT-189-illustration-4 {
margin: 50px 0 5px 0;
width: 100%;
}
.CT-189-illustration-5 {
margin: 50px 0 5px 0;
width: 100%;
}
@media (max-width: 870px) {
.CT-189-bloc-illustration-1 {
flex-direction: column;
}
.CT-189-illustration-1 {
margin: 0 auto 60px;
}
.CT-189-bloc-illustration-2 {
margin: 0 auto;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe19-connexion-corde-harnais ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
.CT-190-bloc-illustration-1 img, .CT-190-bloc-illustration-2 img, .CT-190-bloc-illustration-3 img, .CT-190-bloc-illustration-6 img, .CT-190-bloc-illustration-9 img, .CT-190-illustration-12 img, .CT-190-illustration-13 img, .CT-190-illustration-13-2 img, .CT-190-illustration-14 img, .CT-190-illustration-14-2 img {
width: 100% !important;
height: 100% !important;
}
.CT-190-bloc-illustration-1 {
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: row;
margin-top: 60px;
}
.CT-190-illustration-1 {
width: 100%;
height: auto;
max-width: 100px;
min-width: 100px;
margin: 0 25px 0 0;
}
.CT-190-texte-1 p {
width: 100%;
}
.CT-190-bloc-illustration-2 {
background-color: #f6f6f6;
padding: 20px;
margin: 40px 0;
box-sizing: border-box;
}
.CT-190-illustration-2 {
width: 100%;
height: auto;
max-width: 100px;
min-width: 100px;
margin: 0 25px 0 0;
}
.CT-190-texte-2 h2 {
width: 100%;
}
.CT-190-bloc-illustration-2-texte {
margin: 40px 0 0 0;
}
.CT-190-bloc-illustration-2-texte-1 {
padding: 0 30px 0 0;
border-right: solid 1px #222222;
width: 33%;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.CT-190-bloc-illustration-2-texte p {
width: 100%;
}
.CT-190-illustration-3 {
margin: 25px auto 0;
width: 100%;
max-width: 169px;
min-width: 169px;
flex-grow: 1;
display: flex;
}
.CT-190-illustration-4 {
margin: 25px auto 0;
width: 100%;
max-width: 116px;
min-width: 116px;
flex-grow: 1;
display: flex;
}
.CT-190-illustration-5 {
margin: 25px auto 0;
width: 100%;
max-width: 135px;
min-width: 135px;
flex-grow: 1;
display: flex;
}
.CT-190-illustration-3 img, .CT-190-illustration-4 img, .CT-190-illustration-5 img {
margin: auto;
}
.CT-190-bloc-illustration-2-texte-2 {
padding: 0 30px;
width: 33%;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.CT-190-bloc-illustration-2-texte-3 {
padding: 0 0 0 30px;
border-left: solid 1px #222222;
width: 33%;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.CT-190-bloc-illustration-3, .CT-190-bloc-illustration-6, .CT-190-bloc-illustration-9 {
background-color: #f6f6f6;
padding: 20px;
margin: 40px 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-sizing: border-box;
}
.CT-190-bloc-illustration-3 h3, .CT-190-bloc-illustration-6 h3, .CT-190-bloc-illustration-9 h3 {
margin: 0 0 20px 0;
width: 100%;
}
.CT-190-bloc-illustration-3 p, .CT-190-bloc-illustration-6 p, .CT-190-bloc-illustration-9 p {
margin-top: 0;
width: 100%;
}
.CT-190-bloc-illustration-3 ul li, .CT-190-bloc-illustration-6 ul li, .CT-190-bloc-illustration-9 ul li {
width: 100%;
padding-left: 0;
box-sizing: border-box;
}
.CT-190-bloc-illustration-2-titre {
display: flex;
flex-direction: row;
}
.CT-190-bloc-illustration-2-texte {
display: flex;
flex-direction: row;
}
.CT-190-bloc-illustration-3-illustrations, .CT-190-bloc-illustration-4-illustrations, .CT-190-bloc-illustration-5-illustrations {
display: flex;
flex-direction: row;
margin: 35px 0 20px 0;
}
.CT-190-bloc-illustration-5-illustrations {
flex-wrap: wrap;
margin: 35px 0 0 0;
}
.CT-190-bloc-illustration-4, .CT-190-bloc-illustration-5, .CT-190-bloc-illustration-7, .CT-190-bloc-illustration-8, .CT-190-bloc-illustration-10, .CT-190-bloc-illustration-11 {
background-color: #ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width: 50%;
padding: 20px;
box-sizing: border-box;
}
.CT-190-bloc-illustration-10, .CT-190-bloc-illustration-11 {
background-color: #ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width: calc(50% - 10px);
box-sizing: border-box;
padding: 20px;
margin-bottom: 20px;
}
.CT-190-bloc-illustration-4, .CT-190-bloc-illustration-7, .CT-190-bloc-illustration-10 {
margin-right: 20px;
}
.CT-190-bloc-illustration-4 .avantages, .CT-190-bloc-illustration-5 .avantages, .CT-190-bloc-illustration-7 .avantages, .CT-190-bloc-illustration-8 .avantages, .CT-190-bloc-illustration-10 .avantages, .CT-190-bloc-illustration-11 .avantages {
margin-bottom: 0px;
}
.CT-190-bloc-illustration-4 .inconvenients, .CT-190-bloc-illustration-5 .inconvenients, .CT-190-bloc-illustration-7 .inconvenients, .CT-190-bloc-illustration-8 .inconvenients, .CT-190-bloc-illustration-10 .inconvenients, .CT-190-bloc-illustration-11 .inconvenients {
margin-top: 0px;
}
.CT-190-texte-4, .CT-190-texte-5, .CT-190-texte-6, .CT-190-texte-7, .CT-190-texte-8, .CT-190-texte-9 {
padding-bottom: 25px;
border-bottom: solid 1px #bebebe;
box-sizing: border-box;
}
.CT-190-illustration-6 {
margin: 25px auto 25px;
width: 100%;
max-width: 247px;
min-width: 247px;
flex-grow: 1;
display: flex;
}
.CT-190-illustration-7 {
margin: 25px auto 25px;
width: 100%;
max-width: 251px;
min-width: 251px;
flex-grow: 1;
display: flex;
}
.CT-190-illustration-8 {
margin: 10px auto 25px;
width: 100%;
max-width: 121px;
min-width: 121px;
flex-grow: 1;
display: flex;
}
.CT-190-illustration-9 {
margin: 10px auto 25px;
width: 100%;
max-width: 121px;
min-width: 121px;
flex-grow: 1;
display: flex;
}
.CT-190-illustration-10 {
margin: 10px auto 25px;
width: 100%;
max-width: 89px;
min-width: 89px;
flex-grow: 1;
display: flex;
}
.CT-190-illustration-11 {
margin: 10px auto 25px;
width: 100%;
max-width: 89px;
min-width: 89px;
flex-grow: 1;
display: flex;
}
.CT-190-texte-10 {
margin-right: 20px;
width: calc(50% - 10px);
}
.CT-190-texte-11 {
width: calc(50% - 10px);
}
.CT-190-bloc-illustration-12 {
display: flex;
margin: 20px 0 0 0;
}
.CT-190-illustration-12 {
margin: 10px 20px 25px 0;
width: 100%;
max-width: 245px;
min-width: 245px;
}
.CT-190-illustration-13 {
margin: 10px 20px 25px 0;
width: 100%;
max-width: 458px;
min-width: 458px;
}
.CT-190-illustration-13-2 {
margin: 10px 20px 25px 0;
width: 100%;
max-width: 183px;
min-width: 183px;
display: none;
}
.CT-190-illustration-14 {
margin: 10px 20px 25px 0;
width: 100%;
max-width: 458px;
min-width: 458px;
}
.CT-190-illustration-14-2 {
margin: 10px 20px 25px 0;
width: 100%;
max-width: 182px;
min-width: 182px;
display: none;
}
@media (max-width: 800px) {
.CT-190-bloc-illustration-3-illustrations, .CT-190-bloc-illustration-4-illustrations, .CT-190-bloc-illustration-5-illustrations {
flex-direction: column;
}
.CT-190-bloc-illustration-4, .CT-190-bloc-illustration-5, .CT-190-bloc-illustration-7, .CT-190-bloc-illustration-8, .CT-190-bloc-illustration-10, .CT-190-bloc-illustration-11 {
width: 100%;
}
.CT-190-bloc-illustration-4, .CT-190-bloc-illustration-7, .CT-190-bloc-illustration-10 {
margin-bottom: 20px;
}
.CT-190-bloc-illustration-10 {
order: 1;
}
.CT-190-bloc-illustration-10 {
order: 3;
}
.CT-190-texte-10 {
order: 2;
width: 100%;
margin: 0 0 30px 0
}
.CT-190-texte-11 {
order: 4;
width: 100%;
margin: 0;
}
}
@media (max-width: 750px) {
.CT-190-bloc-illustration-2-texte {
flex-direction: column;
}
.CT-190-bloc-illustration-2-texte-1 {
padding: 0 0 30px 0;
border-right: none;
border-bottom: solid 1px #222222;
width: 100%;
box-sizing: border-box;
}
.CT-190-bloc-illustration-2-texte-2 {
padding: 0 0 30px 0;
width: 100%;
border-bottom: solid 1px #222222;
box-sizing: border-box;
}
.CT-190-bloc-illustration-2-texte-3 {
padding: 0;
border-left: none;
width: 100%;
box-sizing: border-box;
}
}
@media (max-width: 550px) {
.CT-190-bloc-illustration-1 {
flex-direction: column;
margin: 0 auto 25px;
}
.CT-190-illustration-1 {
margin: 0 auto;
}
.CT-190-bloc-illustration-2-titre {
flex-direction: column-reverse;
}
.CT-190-illustration-2 {
margin: 0 auto 0;
}
.CT-190-bloc-illustration-12 {
margin: 20px 0;
flex-direction: column;
}
.CT-190-illustration-12 {
margin: 0 auto;
}
.CT-190-illustration-13 {
display: none;
}
.CT-190-illustration-14 {
display: none;
}
.CT-190-illustration-13-2 {
display: block;
margin: 10px auto 30px;
}
.CT-190-illustration-14-2 {
display: block;
margin: 10px auto 30px;
}
}
@media (max-width: 370px) {
.CT-190-illustration-6, .CT-190-illustration-7 {
max-width: 100%;
min-width: 100%;
}
}
/*//////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Lighting_indice de protection ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
.CT-191-texte-1 {
margin-top: 60px !important;
}
.CT-191-illustration-1 {
width: 100%;
max-width: 52px;
margin: 0 auto 10px;
}
.CT-191-illustration-2 {
width: 100%;
max-width: 52px;
margin: 0 auto 10px;
}
.CT-191-illustration-3 {
width: 100%;
max-width: 107px;
margin: 0 auto 10px;
}
.CT-191-illustration-4 {
width: 100%;
max-width: 63px;
margin: 0 auto 10px;
}
.CT-191-illustration-5 {
width: 100%;
max-width: 75px;
margin: 0 auto 10px;
}
.CT-191-illustration-6 {
width: 100%;
max-width: 82px;
margin: 0 auto 10px;
}
.CT-191-illustration-7 {
width: 100%;
max-width: 69px;
margin: 0 auto 10px;
}
.CT-191-illustration-8 {
width: 100%;
max-width: 71px;
margin: 0 auto 10px;
}
.CT-191-illustration-9 {
width: 100%;
max-width: 356px;
margin-top: 20px;
}
.CT-191-illustration-1 img, .CT-191-illustration-2 img, .CT-191-illustration-3 img, .CT-191-illustration-4 img, .CT-191-illustration-5 img, .CT-191-illustration-6 img, .CT-191-illustration-7 img, .CT-191-illustration-8 img, .CT-191-illustration-9 img {
width: 100%;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Installer un rappel lors d’une descente à skis ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
.CT-192-texte-1 {
margin-top: 50px;
}
.CT-192-bloc-illustration-1 {
margin: 30px 0 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.CT-192-illustration-1 {
width: 200px;
}
.CT-192-illustration-2 {
width: 200px;
}
.CT-192-illustration-3 {
width: 200px;
}
.CT-192-illustration-4 {
width: 200px;
}
.CT-192-illustration-5 {
width: 200px;
}
.CT-192-illustration-6 {
width: 200px;
}
.CT-192-illustration-7 {
width: 200px;
}
.CT-192-illustration-8 {
width: 200px;
}
.CT-192-illustration-9 {
width: 200px;
}
.CT-192-illustration-10 {
width: 200px;
}
.CT-192-bloc-illustration-2 {
margin: 50px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.CT-192-illustration-11 {
width: 110px;
}
.CT-192-illustration-12 {
width: 110px;
}
.CT-192-illustration-13 {
width: 110px;
}
.CT-192-illustration-14 {
width: 110px;
}
.CT-192-illustration-15 {
margin: 40px 0;
max-width: 370px;
width: auto;
}
.CT-192-bloc-illustration-3 {
margin: 50px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.CT-192-illustration-15 {
margin: 40px 0;
max-width: 370px;
width: auto;
}
.CT-192-bloc-illustration-4 {
margin: 50px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.CT-192-illustration-16 {
margin-right: 10px;
width: 130px;
margin-bottom: 10px;
}
.CT-192-illustration-17 {
margin-right: 10px;
width: 130px;
margin-bottom: 10px;
}
.CT-192-illustration-18 {
margin-right: 10px;
width: 130px;
margin-bottom: 10px;
}
.CT-192-illustration-19 {
margin-right: 10px;
width: 130px;
margin-bottom: 10px;
}
.CT-192-illustration-20 {
margin-right: 10px;
width: 130px;
margin-bottom: 10px;
}
.CT-192-illustration-21 {
margin-right: 10px;
width: 130px;
margin-bottom: 10px;
}
.CT-192-bloc-illustration-5 {
margin: 50px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.CT-192-illustration-22 {
margin-right: 10px;
width: 150px;
margin-bottom: 10px;
}
.CT-192-illustration-23 {
margin-right: 10px;
width: 150px;
margin-bottom: 10px;
}
.CT-192-illustration-24 {
margin-right: 10px;
width: 189px;
margin-bottom: 10px;
}
.CT-192-illustration-25 {
margin-right: 10px;
width: 189px;
margin-bottom: 10px;
}
.CT-192-illustration-26 {
margin-right: 10px;
width: 189px;
margin-bottom: 10px;
}
@media (max-width: 460px) {
.CT-192-bloc-illustration-1 {
margin: 30px auto;
width: 200px;
}
.CT-192-illustration-1 {
margin-bottom: 20px;
}
.CT-192-illustration-3 {
margin-top: -20px;
}
.CT-192-illustration-4 {
margin-top: -20px;
}
.CT-192-illustration-5 {
margin-top: -20px;
}
.CT-192-illustration-6 {
margin-top: 50px;
}
.CT-192-illustration-7 {
margin-top: -20px;
}
.CT-192-illustration-8 {
margin-top: -20px;
}
.CT-192-illustration-9 {
margin-top: -30px;
}
.CT-192-illustration-10 {
margin-top: -20px;
margin-left: -30px;
}
.CT-192-bloc-illustration-5 {
flex-direction: column;
}
.CT-192-illustration-22 {
margin: 0 auto 10px;
}
.CT-192-illustration-23 {
margin: 0 auto 10px;
}
.CT-192-illustration-24 {
margin: 0 auto 10px;
}
.CT-192-illustration-25 {
margin: 0 auto 10px;
}
.CT-192-illustration-26 {
margin: 0 auto 10px;
}
.CT-192-bloc-illustration-4 {
flex-direction: column;
}
.CT-192-illustration-16 {
margin: 0 auto 10px;
}
.CT-192-illustration-17 {
margin: 0 auto 10px;
}
.CT-192-illustration-18 {
margin: 0 auto 10px;
}
.CT-192-illustration-19 {
margin: 0 auto 10px;
}
.CT-192-illustration-20 {
margin: 0 auto 10px;
}
.CT-192-illustration-21 {
margin: 0 auto 10px;
}
}
@media (max-width: 499px) {
.CT-192-bloc-illustration-2 {
margin: 50px auto;
width: 110px;
}
.CT-192-illustration-14 {
margin-top: 30px;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-01-usages-principaux ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-193-bloc-titre-1 {
display: flex;
flex-direction: column;
margin-top: 30px;
}
.CT-193-illustration-1 {
width: 51px;
min-width: 51px;
margin-right: 10px;
margin-top: 11px;
margin-bottom: 10px;
}
.CT-193-bloc-texte-1 h2 {
margin-top: 0px;
}
.CT-193-bloc-illustration-1 {
margin-top: 30px;
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
box-sizing: border-box;
}
.CT-193-illustration-2 {
width: 100%;
max-width: 351px;
margin: 10px;
}
.CT-193-illustration-3 {
width: 100%;
max-width: 245px;
margin: 10px;
}
.CT-193-illustration-4 {
width: 100%;
max-width: 202px;
margin: 10px;
}
.CT-193-illustration-5 {
width: 100%;
max-width: 200px;
margin: 10px;
}
.CT-193-illustration-6 {
width: 100%;
max-width: 311px;
margin: 10px;
}
.CT-193-bloc-titre-2 {
display: flex;
flex-direction: column;
margin-top: 30px;
}
.CT-193-illustration-7 {
width: 51px;
min-width: 51px;
margin-right: 10px;
margin-top: 11px;
margin-bottom: 10px;
}
.CT-193-bloc-texte-2 h2 {
margin-top: 0px;
}
.CT-193-bloc-illustration-2 {
margin-top: 30px;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.CT-193-illustration-8 {
width: 100%;
max-width: 351px;
margin: 10px;
}
.CT-193-illustration-9 {
width: 100%;
max-width: 245px;
margin: 10px;
}
.CT-193-illustration-10 {
width: 100%;
max-width: 200px;
margin: 10px;
}
.CT-193-illustration-11 {
width: 100%;
max-width: 200px;
margin: 10px;
}
.CT-193-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-193-bloc-illustration-4 {
width: calc(100% - 15px);
margin-right: 15px;
padding: 20px;
box-sizing: border-box;
position: relative;
}
.CT-193-bloc-illustration-5 {
width: calc(100% - 15px);
margin-left: 15px;
padding: 20px;
box-sizing: border-box;
position: relative;
}
.CT-193-illustration-12 {
width: 51px;
min-width: 51px;
position: absolute;
top: 20px;
left: 20px;
}
.CT-193-illustration-13 {
width: 100%;
max-width: 350px;
}
.CT-193-illustration-14 {
width: 50px;
min-width: 51px;
position: absolute;
top: 20px;
left: 20px;
}
.CT-193-illustration-15 {
width: 100%;
max-width: 350px;
}
@media (max-width: 950px) {
.CT-193-bloc-illustration-3 {
flex-direction: column;
}
.CT-193-bloc-illustration-4 {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.CT-193-bloc-illustration-5 {
width: 100%;
margin-left: 0;
}
.CT-193-illustration-13 {
margin: 0 auto;
}
.CT-193-illustration-15 {
margin: 0 auto;
}
}
/*/////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-02-prehension ///////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
.CT-194-texte-italique-1 {
margin-top: 10px;
}
.CT-194-bloc-illustration-1 {
display: flex;
flex-direction: column;
}
.CT-194-illustration-1 {
padding: 5px;
box-sizing: border-box;
width: 200px;
height: 192px;
margin-top: 30px;
}
.CT-194-bloc-illustration-2 {
margin-top: 30px;
display: flex;
flex-direction: row;
justify-content: space-around;
margin-bottom: 30px;
}
.CT-194-illustration-2 {
width: 100%;
max-width: 255px;
}
.CT-194-illustration-2 img {
margin-bottom: 15px;
}
.CT-194-illustration-3 {
width: 100%;
max-width: 255px;
}
.CT-194-illustration-3 img {
margin-bottom: 15px;
}
.CT-194-bloc-illustration-3 {
margin-top: 30px;
display: flex;
flex-direction: row;
justify-content: space-around;
margin-bottom: 30px;
}
.CT-194-illustration-4 {
width: 100%;
max-width: 255px;
}
.CT-194-illustration-4 img {
margin-bottom: 15px;
}
.CT-194-illustration-5 {
width: 100%;
max-width: 255px;
}
.CT-194-illustration-5 img {
margin-bottom: 15px;
}
.CT-194-illustration-6 {
padding: 5px;
box-sizing: border-box;
width: 200px;
height: 192px;
margin-top: 30px;
}
.CT-194-bloc-illustration-4 {
display: flex;
flex-direction: column;
}
.CT-194-bloc-illustration-5 {
margin-top: 30px;
display: flex;
flex-direction: row;
justify-content: space-around;
margin-bottom: 30px;
}
.CT-194-illustration-7 {
width: 100%;
max-width: 285px;
}
.CT-194-illustration-7 img {
margin-bottom: 15px;
}
.CT-194-illustration-8 {
width: 100%;
max-width: 285px;
}
.CT-194-illustration-8 img {
margin-bottom: 15px;
}
.CT-194-bloc-illustration-6 {
display: flex;
flex-direction: column;
}
.CT-194-illustration-9 {
padding: 5px;
box-sizing: border-box;
width: 200px;
height: 192px;
margin-top: 30px;
}
.CT-194-bloc-illustration-7 {
display: flex;
flex-direction: column;
}
.CT-194-bloc-illustration-8 {
margin-top: 30px;
display: flex;
flex-direction: column;
justify-content: space-around;
margin-bottom: 30px;
}
.CT-194-bloc-illustration-9 {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.CT-194-illustration-10 {
width: 100%;
max-width: 275px;
}
.CT-194-illustration-11 {
width: 100%;
max-width: 275px;
}
.CT-194-texte-1 {
margin: 15px auto 0;
text-align: center;
}
.CT-194-bloc-illustration-10 {
margin-top: 30px;
display: flex;
flex-direction: row;
justify-content: space-around;
margin-bottom: 30px;
}
.CT-194-illustration-12 {
width: 100%;
max-width: 275px;
}
.CT-194-texte-2 {
text-align: left;
width: 100%;
max-width: 275px;
align-self: flex-end;
}
@media (max-width: 800px) {
.CT-194-bloc-illustration-2 {
flex-direction: column;
}
.CT-194-illustration-1 {
margin: 30px auto;
}
.CT-194-illustration-2 {
margin: 0 auto 30px;
}
.CT-194-illustration-3 {
margin: 0 auto 30px;
}
.CT-194-bloc-illustration-3 {
flex-direction: column;
}
.CT-194-illustration-4 {
margin: 0 auto 30px;
}
.CT-194-illustration-5 {
margin: 0 auto 30px;
}
.CT-194-illustration-6 {
margin: 30px auto;
}
.CT-194-bloc-illustration-5 {
flex-direction: column;
}
.CT-194-illustration-7 {
margin: 0 auto 30px;
}
.CT-194-illustration-8 {
margin: 0 auto 30px;
}
.CT-194-illustration-6 {
margin: 30px auto;
}
.CT-194-bloc-illustration-9 {
flex-direction: column;
}
.CT-194-illustration-9 {
margin: 30px auto;
}
.CT-194-illustration-10 {
width: 100%;
max-width: 275px;
margin: 0 auto 30px;
}
.CT-194-illustration-11 {
width: 100%;
max-width: 275px;
margin: 0 auto 30px;
}
.CT-194-texte-1 {
width: 100%;
max-width: 275px;
text-align: left;
margin: -15px auto 0;
}
.CT-194-bloc-illustration-10 {
flex-direction: column;
}
.CT-194-illustration-12 {
margin: 30px auto;
}
.CT-194-texte-2 {
margin: -15px auto 0;
}
}
/*//////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-03-precautions ///////////////////////*/
/*//////////////////////////////////////////////////////////////////*/
.CT-195-illustration-1 {
width: 100%;
max-width: 535px;
margin: 30px 0 30px;
}
.CT-195-illustration-1-2 {
width: 100%;
max-width: 245px;
margin: 30px auto;
display: none;
}
.CT-195-illustration-2 {
width: 100%;
max-width: 857px;
margin: 30px 0 30px;
}
.CT-195-illustration-2-2 {
width: 100%;
max-width: 492px;
display: none;
margin: 30px 0 30px;
}
.CT-195-illustration-2-3 {
width: 100%;
max-width: 200px;
margin: 30px auto;
display: none;
}
.CT-195-illustration-3 {
width: 100%;
max-width: 383px;
margin: 30px 0 30px;
}
.CT-195-illustration-3-2 {
width: 100%;
max-width: 210px;
margin: 30px auto;
display: none;
}
.CT-195-illustration-4 {
width: 100%;
max-width: 350px;
margin: 30px 0 30px;
}
.CT-195-illustration-4-2 {
width: 100%;
max-width: 150px;
display: none;
margin: 30px auto;
}
.CT-195-illustration-5 {
width: 100%;
max-width: 446px;
margin: 30px 0 30px;
}
@media (max-width: 800px) {
.CT-195-illustration-2 {
display: none;
}
.CT-195-illustration-2-2 {
display: block;
}
}
@media (max-width: 450px) {
.CT-195-illustration-1 {
display: none;
}
.CT-195-illustration-1-2 {
display: block;
}
.CT-195-illustration-2-2 {
display: none;
}
.CT-195-illustration-2-3 {
display: block;
}
.CT-195-illustration-3 {
display: none;
}
.CT-195-illustration-3-2 {
display: block;
}
.CT-195-illustration-4 {
display: none;
}
.CT-195-illustration-4-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-04-malconnexion-retour-corde ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-196-illustration-1 {
width: 100%;
max-width: 180px;
margin: 30px 0 0 30px;
}
.CT-196-bloc-illustration-1 {
display: flex;
flex-direction: row;
}
.CT-196-illustration-2 {
width: 100%;
max-width: 180px;
margin: 30px 80px 0 30px;
}
.CT-196-bloc-illustration-1 img {
margin-bottom: 15px;
}
.CT-196-illustration-2 img {
margin-bottom: 15px;
}
.CT-196-illustration-3 {
width: 100%;
max-width: 180px;
margin: 30px 0;
}
.CT-196-illustration-4 {
width: 100%;
max-width: 660px;
margin: 30px 0 0 30px;
}
.CT-196-illustration-4-2 {
width: 100%;
max-width: 202px;
display: none;
margin: 30px auto;
}
@media (max-width: 600px) {
.CT-196-illustration-1 {
margin: 30px auto;
}
.CT-196-bloc-illustration-1 {
flex-direction: column;
}
.CT-196-illustration-2 {
margin: 30px auto;
}
.CT-196-illustration-3 {
margin: 30px auto;
}
.CT-196-illustration-4 {
display: none;
}
.CT-196-illustration-4-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-07- Torsion de la chaîne du ZIGZAG et ZILLON
///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-197-illustration-1 {
margin: 30px 0;
width: 100%;
max-width: 300px;
}
.CT-197-illustration-2 {
margin: 30px 0 0 0;
width: 100%;
max-width: 618px;
}
.CT-197-illustration-2-2 {
margin: 30px 0 0 0;
width: 100%;
max-width: 294px;
display: none;
}
.CT-197-illustration-3 {
margin: 30px;
width: 100%;
max-width: 258px;
}
.CT-197-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin-top: 20px;
}
.CT-197-texte-1 {
width: 300px;
align-self: flex-end;
}
.CT-197-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
border-radius: 10px;
margin: 50px 0 0 0;
box-sizing: border-box;
}
@media (max-width: 500px) {
.CT-197-illustration-1 {
margin: 30px auto;
}
.CT-197-illustration-2 {
display: none;
}
.CT-197-illustration-2-2 {
margin: 50px auto 0;
display: block;
}
.CT-197-bloc-illustration-2 {
display: flex;
flex-direction: column;
margin-top: 20px;
}
.CT-197-illustration-3 {
margin: 30px auto;
}
.CT-197-illustration-3 img {
margin: 0 auto;
}
.CT-197-texte-1 {
width: 100%;
align-self: auto;
}
.CT-197-bloc-texte-gris-1 {
margin: 30px 0 0 0;
}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-08-acces-corde-en-double ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-198-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 30px 0 50px;
}
.CT-198-illustration-1 {
margin: 0 30px 0 0;
width: 100%;
max-width: 485px;
min-width: 485px;
}
.CT-198-bloc-illustration-1 p {
align-self: center;
}
.CT-198-illustration-1-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 235px;
}
.CT-198-bloc-illustration-2 {
display: flex;
flex-direction: row;
}
.CT-198-illustration-2 {
width: 100%;
max-width: 473px;
min-width: 473px;
margin-right: 50px;
}
.CT-198-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 0 0;
display: flex;
flex-direction: row;
}
.CT-198-illustration-3 {
margin-bottom: 30px;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-198-bloc-illustration-3 {
margin: 50px 0 30px;
padding: 30px;
box-sizing: border-box;
max-width: 440px;
width: 100%;
}
.CT-198-illustration-4 {
width: 100%;
max-width: 179px;
margin: 30px auto 0;
}
.CT-198-bloc-illustration-4 {
padding: 30px;
box-sizing: border-box;
}
.CT-198-bloc-illustration-5 {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.CT-198-illustration-5 {
width: 100%;
max-width: 206px;
}
.CT-198-illustration-6 {
width: 100%;
max-width: 206px;
}
@media (max-width: 1000px) {
.CT-198-bloc-texte-gris-1 {
flex-direction: column;
}
}
@media (max-width: 900px) {
.CT-198-bloc-illustration-2 {
flex-direction: column;
}
.CT-198-illustration-2 {
margin-bottom: 15px;
}
.CT-198-bloc-texte-gris-1 {
flex-direction: row;
}
.CT-198-illustration-3 {
margin-bottom: 0px;
}
}
@media (max-width: 850px) {
.CT-198-bloc-illustration-1 {
flex-direction: column;
}
.CT-198-illustration-1 {
margin: 0 30px 15px 0;
}
}
@media (max-width: 800px) {
.CT-198-illustration-1 {
min-width: initial;
}
.CT-198-illustration-2 {
min-width: initial;
}
.CT-198-bloc-illustration-3 {
max-width: initial;
width: 100%;
}
.CT-198-bloc-illustration-5 {
flex-direction: column;
}
.CT-198-bloc-illustration-4 {
padding: 30px;
box-sizing: border-box;
width: 100%;
}
.CT-198-illustration-5 {
width: 100%;
max-width: 100%;
}
.CT-198-illustration-5 img {
margin-left: calc(50% - 103px);
width: 206px !important;
}
.CT-198-illustration-6 {
width: 100%;
max-width: 100%;
margin-top: 30px;
}
.CT-198-illustration-6 img {
margin-left: calc(50% - 103px);
width: 206px !important;
}
}
@media (max-width: 600px) {
.CT-198-illustration-2 {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 400px) {
.CT-198-illustration-1 {
display: none;
}
.CT-198-illustration-1-2 {
display: block;
}
.CT-198-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-198-illustration-3 {
margin-bottom: 20px;
}
.CT-198-bloc-texte-gris-1 p:last-of-type {
margin-bottom: 0;
}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-09-acces-corde-en-simple ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-199-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 30px 0 50px;
}
.CT-199-illustration-1 {
margin: 0 30px 0 0;
width: 100%;
max-width: 485px;
min-width: 485px;
}
.CT-199-bloc-illustration-1 p {
align-self: center;
}
.CT-199-illustration-1-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 235px;
}
.CT-199-bloc-illustration-2 {
display: flex;
flex-direction: row;
}
.CT-199-illustration-2 {
width: 100%;
max-width: 295px;
min-width: 295px;
margin-right: 50px;
}
.CT-199-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 0 0;
display: flex;
flex-direction: row;
}
.CT-199-illustration-3 {
margin-bottom: 30px;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-199-bloc-illustration-3 {
margin: 50px 0 30px;
padding: 30px;
box-sizing: border-box;
max-width: 440px;
width: 100%;
}
.CT-199-illustration-4 {
width: 100%;
max-width: 255px;
margin: 30px auto 0;
}
.CT-199-bloc-illustration-4 {
padding: 30px;
box-sizing: border-box;
}
@media (max-width: 1000px) {
.CT-199-bloc-texte-gris-1 {
flex-direction: column;
}
}
@media (max-width: 900px) {
.CT-199-bloc-illustration-2 {
flex-direction: column;
}
.CT-199-illustration-2 {
margin-bottom: 15px;
}
.CT-199-bloc-texte-gris-1 {
flex-direction: row;
}
.CT-199-illustration-3 {
margin-bottom: 0px;
}
}
@media (max-width: 850px) {
.CT-199-bloc-illustration-1 {
flex-direction: column;
}
.CT-199-illustration-1 {
margin: 0 30px 15px 0;
}
}
@media (max-width: 800px) {
.CT-199-illustration-1 {
min-width: initial;
}
.CT-199-illustration-2 {
min-width: initial;
}
.CT-199-bloc-illustration-3 {
max-width: initial;
width: 100%;
}
.CT-199-bloc-illustration-5 {
flex-direction: column;
}
.CT-199-bloc-illustration-4 {
padding: 30px;
box-sizing: border-box;
width: 100%;
}
}
@media (max-width: 600px) {
.CT-199-illustration-2 {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 400px) {
.CT-199-illustration-1 {
display: none;
}
.CT-199-illustration-1-2 {
display: block;
}
.CT-199-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-199-illustration-3 {
margin-bottom: 20px;
}
.CT-199-bloc-texte-gris-1 p:last-of-type {
margin-bottom: 0;
}
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-11-securisation-ASCENTREE ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
.CT-200-illustration-1 {
width: 100%;
max-width: 485px;
min-width: 485px;
margin: 30px 0 50px;
}
.CT-200-bloc-texte-gris-1 p:last-of-type {
margin-bottom: 0;
}
.CT-200-illustration-1-2 {
width: 100%;
max-width: 235px;
margin: 30px auto;
display: none;
}
.CT-200-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin-bottom: 30px;
}
.CT-200-illustration-2 {
width: 100%;
max-width: 395px;
min-width: 395px;
margin-right: 50px;
}
.CT-200-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-200-illustration-3 {
margin-bottom: 30px;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-200-illustration-4 {
width: 100%;
max-width: 840px;
margin: 30px 0 60px;
}
.CT-200-illustration-4-2 {
width: 100%;
max-width: 333px;
margin: 30px auto 60px;
display: none;
}
.CT-200-illustration-5 {
margin-bottom: 30px;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-200-bloc-illustration-3 {
padding: 30px;
box-sizing: border-box;
display: flex;
flex-direction: row;
margin-bottom: 30px;
}
.CT-200-bloc-illustration-4 {
width: 50%;
}
.CT-200-bloc-texte-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-200-illustration-7 {
width: 50%;
text-align: center;
}
.CT-200-illustration-7 img {
width: 100%;
max-width: 215px;
margin: 30px auto;
}
.CT-200-illustration-3 {
margin-bottom: 30px;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-200-illustration-6 {
width: 100%;
max-width: 168px;
margin: 30px auto 0;
}
.CT-200-bloc-illustration-5 {
display: flex;
flex-direction: row;
}
.CT-200-bloc-illustration-6 {
width: 50%;
margin-right: 30px;
}
.CT-200-bloc-illustration-7 {
width: 50%;
}
.CT-200-illustration-8 {
width: 100%;
max-width: 402px;
margin: 20px auto 0;
}
.CT-200-illustration-9 {
width: 100%;
max-width: 407px;
margin: 20px auto 0;
}
.CT-200-illustration-9-2 {
width: 100%;
max-width: 407px;
margin: 20px auto 0;
display: none;
}
.CT-200-bloc-texte-gris-3 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 0 0;
display: flex;
flex-direction: row;
}
.CT-200-illustration-10 {
margin-bottom: 30px;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
@media (max-width: 1000px) {
.CT-200-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-200-illustration-5 {
margin-bottom: 30px;
}
}
@media (max-width: 900px) {
.CT-200-bloc-illustration-2 {
flex-direction: column;
}
.CT-200-illustration-2 {
min-width: initial;
}
.CT-200-bloc-texte-gris-1 {
flex-direction: row;
}
.CT-200-illustration-3 {
margin-bottom: 0px;
}
.CT-200-bloc-texte-gris-2 {
flex-direction: column;
}
}
@media (max-width: 800px) {
.CT-200-illustration-1 {
min-width: initial;
}
}
@media (max-width: 700px) {
.CT-200-illustration-4 {
display: none;
}
.CT-200-illustration-4-2 {
display: block;
}
.CT-200-bloc-illustration-3 {
flex-direction: column;
}
.CT-200-bloc-illustration-4 {
width: 100%;
}
.CT-200-bloc-texte-gris-2 {
flex-direction: row;
}
.CT-200-illustration-7 {
width: 100%;
text-align: center;
}
}
@media (max-width: 600px) {
.CT-200-illustration-2 {
margin-left: auto;
margin-right: auto;
}
.CT-200-bloc-illustration-5 {
display: flex;
flex-direction: column;
}
.CT-200-bloc-illustration-6 {
width: 100%;
margin: 0 auto 30px;
margin-right: 0;
}
.CT-200-bloc-illustration-7 {
width: 100%;
margin: 0 auto 30px;
display: flex;
flex-direction: column-reverse;
}
.CT-200-illustration-9 {
display: none;
}
.CT-200-illustration-9-2 {
display: block;
}
.CT-200-bloc-texte-gris-3 {
flex-direction: column;
}
}
@media (max-width: 450px) {
.CT-200-bloc-texte-gris-2 {
flex-direction: column;
}
}
@media (max-width: 400px) {
.CT-200-illustration-1 {
display: none;
}
.CT-200-illustration-1-2 {
display: block;
}
.CT-200-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-200-illustration-3 {
margin-bottom: 20px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-13-demontage-avec-fausse-fourche ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
.CT-201-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-201-bloc-illustration-2 {
width: calc(50% - 15px);
margin-right: 15px;
}
.CT-201-illustration-1 {
width: 100%;
max-width: 370px;
}
.CT-201-bloc-illustration-3 {
width: calc(50% - 15px);
margin-left: 15px;
}
.CT-201-illustration-2 {
width: 100%;
max-width: 370px;
}
@media (max-width: 650px) {
.CT-201-bloc-illustration-1 {
flex-direction: column;
}
.CT-201-bloc-illustration-2 {
width: 100%;
margin-right: 0;
}
.CT-201-illustration-1 {
margin: 0 auto;
}
.CT-201-bloc-illustration-3 {
width: 100%;
margin-right: 0;
}
.CT-201-illustration-2 {
margin: 0 auto;
}
}
/*////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-14-demontage-sans-fausse-fourche ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
.CT-202-bloc-illustration-1 {
width: 369px;
display: flex;
flex-direction: row;
margin: 30px 0;
}
.CT-202-illustration-1 {
width: 100%;
max-width: 190px;
margin-right: 30px;
}
.CT-202-illustration-2 {
width: 100%;
max-width: 122px;
}
.CT-202-bloc-illustration-2 {
display: flex;
flex-direction: row;
}
.CT-202-illustration-3 {
width: 100%;
max-width: 410px;
margin-right: 30px;
}
.CT-202-illustration-4 {
width: 100%;
max-width: 389px;
}
@media (max-width: 750px) {
.CT-202-bloc-illustration-1 {
margin: 30px auto;
width: 100%;
max-width: 369px;
}
.CT-202-bloc-illustration-2 {
flex-direction: column;
}
.CT-202-illustration-3 {
margin: 0 auto 30px !important;
}
.CT-202-illustration-4 {
margin: 0 auto !important;
}
}
@media (max-width: 450px) {
.CT-202-bloc-illustration-1 {
flex-direction: column;
}
.CT-202-illustration-1 {
margin: 0 auto 30px;
}
.CT-202-illustration-2 {
margin: 0 auto;
}
}
/*///////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-16-secours-pilotage-victime ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
.CT-203-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-203-illustration-1 {
width: 100%;
max-width: 462px;
margin-right: 30px;
}
.CT-203-illustration-2 {
width: 100%;
max-width: 205px;
}
@media (max-width: 650px) {
.CT-203-bloc-illustration-1 {
flex-direction: column;
}
.CT-203-illustration-1 {
width: 100%;
max-width: 462px;
margin: 0 auto 30px auto;
}
.CT-203-illustration-2 {
max-width: 100%;
}
.CT-203-illustration-2 img {
margin: 0 auto 30px;
width: 100%;
max-width: 205px;
display: block;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-17-Secours descente accompagnée ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-204-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 0 0;
display: flex;
flex-direction: row;
}
.CT-204-illustration-1 {
margin-bottom: 30px;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-204-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 30px 0 10px;
}
.CT-204-illustration-2 {
width: 100%;
margin-top: 30px;
margin-bottom: 10px;
}
.CT-204-illustration-2-2 {
width: 100%;
max-width: 389px;
margin: 0 auto;
margin-top: 30px;
display: none;
}
.CT-204-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin: 30px 0 10px;
}
.CT-204-illustration-3 {
width: 50%;
margin-right: 3.5%;
}
.CT-204-bloc-illustration-2 p {
width: 50%;
}
.CT-204-bloc-texte-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 0 0;
}
.CT-204-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-204-illustration-4 {
margin-right: 30px;
padding: 30px;
background-color: #ffffff;
}
.CT-204-illustration-4 img {
width: 97px;
min-width: 97px;
}
.CT-204-illustration-5 {
margin-right: 30px;
padding: 30px;
background-color: #ffffff;
}
.CT-204-illustration-5 img {
width: 104px;
min-width: 104px;
}
@media (max-width: 850px) {
.CT-204-bloc-illustration-3 {
flex-wrap: wrap;
}
.CT-204-bloc-illustration-3 div:nth-of-type(3) {
margin-top: 30px;
}
.CT-204-illustration-4 {
margin-right: 15px;
width: calc(50% - 15px);
box-sizing: border-box;
text-align: center;
}
.CT-204-illustration-4 img {
max-width: 97px;
margin: 0 auto;
display: block;
}
.CT-204-illustration-5 {
margin-right: initial;
margin-left: 15px;
width: calc(50% - 15px);
box-sizing: border-box;
text-align: center;
}
.CT-204-illustration-5 img {
max-width: 104px;
margin: 0 auto;
display: block;
}
}
@media (max-width: 600px) {
.CT-204-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-204-illustration-2 {
display: none;
}
.CT-204-illustration-2-2 {
display: block;
}
.CT-204-bloc-illustration-2 {
flex-direction: column;
}
.CT-204-illustration-3 {
width: 100%;
max-width: 427px;
margin: 0 auto 10px;
}
.CT-204-bloc-illustration-2 p {
width: 100%;
}
}
@media (max-width: 500px) {
.CT-204-bloc-illustration-3 {
flex-direction: column;
flex-wrap: nowrap;
}
.CT-204-illustration-4 {
width: 100%;
margin-bottom: 30px;
}
.CT-204-illustration-5 {
width: 100%;
margin-left: initial;
}
}
/*//////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-19-utilisation-2ePoint ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
.CT-205-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 30px 0;
}
.CT-205-illustration-1 {
width: 100%;
max-width: 405px;
margin-right: 30px;
}
.CT-205-illustration-2 {
width: 100%;
max-width: 290px;
align-self: center;
}
.CT-205-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 0 0;
display: flex;
flex-direction: row;
}
.CT-205-bloc-illustration-2 {
background-color: #ffffff;
padding: 30px;
box-sizing: border-box;
width: calc(33% - 20px);
margin-right: 20px;
}
.CT-205-bloc-illustration-2 h3 {
text-align: center;
}
.CT-205-bloc-illustration-3 ul:last-of-type {
margin-bottom: 0;
;
}
.CT-205-illustration-3 img {
margin: 30px auto;
width: 100%;
max-width: 150px;
display: block;
}
.CT-205-bloc-illustration-3 {
background-color: #ffffff;
padding: 30px;
box-sizing: border-box;
width: calc(33% - 10px);
margin-right: 10px;
margin-left: 10px;
}
.CT-205-illustration-3 {
border-bottom: 1px solid #b1b3b4;
margin-bottom: 30px;
}
.CT-205-bloc-illustration-3 h3 {
text-align: center;
}
.CT-205-bloc-illustration-3 ul:last-of-type {
margin-bottom: 0;
;
}
.CT-205-illustration-4 img {
margin: 30px auto;
width: 100%;
max-width: 138px;
display: block;
}
.CT-205-illustration-4 {
border-bottom: 1px solid #b1b3b4;
margin-bottom: 30px;
}
.CT-205-bloc-illustration-4 {
background-color: #ffffff;
padding: 30px;
box-sizing: border-box;
width: calc(33% - 20px);
margin-left: 20px;
}
.CT-205-bloc-illustration-4 h3 {
text-align: center;
}
.CT-205-bloc-illustration-4 ul:last-of-type {
margin-bottom: 0;
;
}
.CT-205-illustration-5 {
border-bottom: 1px solid #b1b3b4;
margin-bottom: 30px;
}
.CT-205-illustration-5 img {
margin: 30px auto;
width: 100%;
max-width: 120px;
display: block;
}
@media (max-width: 1000px) {
.CT-205-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-205-bloc-illustration-2 {
width: 100%;
margin: 0 0 30px 0;
}
.CT-205-bloc-illustration-3 {
width: 100%;
margin: 0 0 30px 0;
}
.CT-205-bloc-illustration-4 {
width: 100%;
margin: 0;
}
}
@media (max-width: 650px) {
.CT-205-bloc-illustration-1 {
flex-direction: column;
}
.CT-205-illustration-1 {
margin: 0 auto 30px;
}
}
/*//////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-20-DdRT-et-SRT ///////////////////////*/
/*//////////////////////////////////////////////////////////////////*/
.CT-206-bloc-texte-gris-1, .CT-206-bloc-texte-gris-2, .CT-206-bloc-texte-gris-3, .CT-206-bloc-texte-gris-4, .CT-206-bloc-texte-gris-5 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 0 0;
}
.CT-206-bloc-illustration-1, .CT-206-bloc-illustration-2, .CT-206-bloc-illustration-3, .CT-206-bloc-illustration-4, .CT-206-bloc-illustration-5 {
margin: 30px 0 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.CT-206-illustration-1, .CT-206-illustration-2, .CT-206-illustration-3, .CT-206-illustration-4, .CT-206-illustration-5, .CT-206-illustration-6, .CT-206-illustration-7, .CT-206-illustration-8, .CT-206-illustration-9, .CT-206-illustration-10 {
background-color: #ffffff;
padding: 30px;
box-sizing: border-box;
width: 48%;
position: relative;
}
.CT-206-illustration-1 img, .CT-206-illustration-2 img, .CT-206-illustration-3 img, .CT-206-illustration-4 img, .CT-206-illustration-5 img, .CT-206-illustration-6 img, .CT-206-illustration-7 img, .CT-206-illustration-8 img, .CT-206-illustration-9 img, .CT-206-illustration-10 img {
margin: 30px auto 0;
width: 100%;
display: block;
}
.CT-206-illustration-1 img, .CT-206-illustration-2 img {
max-width: 245px;
}
.CT-206-illustration-3 img, .CT-206-illustration-4 img {
max-width: 297px;
}
.CT-206-illustration-5 img, .CT-206-illustration-6 img {
max-width: 240px;
}
.CT-206-illustration-7 img, .CT-206-illustration-8 img {
max-width: 296px;
}
.CT-206-illustration-9 img, .CT-206-illustration-10 img {
max-width: 200px;
}
.CT-206-illustration-1 ul:first-of-type, .CT-206-illustration-2 ul:first-of-type, .CT-206-illustration-5 i:first-of-type, .CT-206-illustration-6 i:first-of-type, .CT-206-illustration-7 i:first-of-type, .CT-206-illustration-8 i:first-of-type, .CT-206-illustration-9 i:first-of-type, .CT-206-illustration-10 i:first-of-type {
padding-top: 30px;
border-top: 1px solid #b1b3b4;
margin-top: 30px;
display: block;
}
.CT-206-illustration-1 ul:first-of-type li:first-of-type, .CT-206-illustration-2 ul:first-of-type li:first-of-type {
margin-top: 0;
}
.CT-206-logo-DdRT, .CT-206-logo-SRT {
width: 51px !important;
position: absolute;
top: 30px;
left: 30px;
}
.CT-206-logo-DdRT img, .CT-206-logo-SRT img {
margin: 0 0 0 0 !important;
}
@media (max-width: 750px) {
.CT-206-bloc-illustration-1, .CT-206-bloc-illustration-2, .CT-206-bloc-illustration-3, .CT-206-bloc-illustration-4, .CT-206-bloc-illustration-5 {
flex-direction: column;
}
.CT-206-illustration-1, .CT-206-illustration-2, .CT-206-illustration-3, .CT-206-illustration-4, .CT-206-illustration-5, .CT-206-illustration-6, .CT-206-illustration-7, .CT-206-illustration-8, .CT-206-illustration-9, .CT-206-illustration-10 {
width: 100%;
}
.CT-206-illustration-1, .CT-206-illustration-3, .CT-206-illustration-5, .CT-206-illustration-7, .CT-206-illustration-9 {
margin-bottom: 30px;
}
}
/*/////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-21-detail-SRT ///////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
.CT-207-bloc-texte-gris-1, .CT-207-bloc-texte-gris-2, .CT-207-bloc-texte-gris-3, .CT-207-bloc-texte-gris-4 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 0 0;
}
.CT-207-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 30px 0;
justify-content: space-between;
}
.CT-207-illustration-1 {
width: 48%;
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
display: flex;
}
.CT-207-illustration-1 img {
width: 100%;
max-width: 245px;
display: block;
margin: 0 auto;
flex: 1;
}
.CT-207-texte-1 {
width: 48%;
}
.CT-207-texte-1 p:first-child {
margin-top: 0 !important;
}
.CT-207-illustration-2, .CT-207-illustration-2-2 {
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
margin: 30px 0 0;
}
.CT-207-illustration-2-2 {
display: none;
}
.CT-207-illustration-2 img {
width: 100%;
max-width: 746px;
display: block;
margin: 0 auto;
}
.CT-207-illustration-2-2 img {
width: 100%;
max-width: 343px;
display: block;
margin: 0 auto;
}
.CT-207-illustration-3 {
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
margin: 30px 0 30px;
}
.CT-207-illustration-3-2 {
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
margin: 30px 0 30px;
display: none;
}
.CT-207-illustration-3 img {
width: 100%;
max-width: 756px;
display: block;
margin: 0 auto;
}
.CT-207-illustration-3-2 img {
width: 100%;
max-width: 241px;
display: block;
margin: 0 auto;
}
.CT-207-illustration-4 {
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
margin: 30px 0 0;
}
.CT-207-illustration-4-2 {
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
margin: 30px 0 0;
display: none;
}
.CT-207-illustration-4 img {
width: 100%;
max-width: 759px;
display: block;
margin: 0 auto;
}
.CT-207-illustration-4-2 img {
width: 100%;
max-width: 282px;
display: block;
margin: 0 auto;
}
.CT-207-illustration-5 {
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
margin: 30px 0 0;
width: 48%;
}
.CT-207-illustration-5 img {
width: 100%;
max-width: 267px;
display: block;
margin: 0 auto;
}
.CT-207-illustration-6 {
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
margin: 30px 0 0;
}
.CT-207-illustration-6-2 {
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
margin: 30px 0 0;
display: none;
}
.CT-207-illustration-6 img {
width: 100%;
max-width: 778px;
display: block;
margin: 0 auto;
}
.CT-207-illustration-6-2 img {
width: 100%;
max-width: 374px;
display: block;
margin: 0 auto;
}
.CT-207-bloc-illustration-2 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 30px 0 0;
}
.CT-207-bloc-illustration-2 p {
width: 30%;
}
.CT-207-bloc-illustration-3 {
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
width: 66%;
}
.CT-207-illustration-7 img {
width: 100%;
max-width: 515px;
display: block;
margin: 0 auto 30px;
}
.CT-207-illustration-7-2 img {
width: 100%;
max-width: 348px;
display: none;
margin: 0 auto 30px;
}
.CT-207-illustration-8 img {
width: 100%;
max-width: 348px;
display: block;
margin: 0 auto;
}
@media (max-width: 650px) {
.CT-207-bloc-illustration-1 {
flex-direction: column;
}
.CT-207-illustration-1 {
width: 100%;
}
.CT-207-texte-1 {
width: 100%;
}
.CT-207-texte-1 p:first-child {
margin-top: 15px !important;
}
.CT-207-illustration-1 {
display: block;
}
.CT-207-illustration-2 {
display: none;
}
.CT-207-illustration-2-2 {
display: block;
}
.CT-207-illustration-2-2 img {
margin: 0 auto;
}
.CT-207-illustration-3 {
display: none;
}
.CT-207-illustration-3-2 {
display: block;
}
.CT-207-illustration-4 {
display: none;
}
.CT-207-illustration-4-2 {
display: block;
}
.CT-207-illustration-5 {
width: 100%;
}
.CT-207-illustration-6 {
display: none;
}
.CT-207-illustration-6-2 {
display: block;
}
.CT-207-bloc-illustration-2 {
flex-direction: column;
}
.CT-207-bloc-illustration-2 p {
width: 100%;
margin-bottom: 30px;
}
.CT-207-bloc-illustration-3 {
width: 100%;
}
}
@media (max-width: 600px) {
.CT-207-illustration-7 img {
display: none;
}
.CT-207-illustration-7-2 img {
display: block;
}
}
/*///////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-22-affutage ///////////////////////*/
/*///////////////////////////////////////////////////////////////*/
.CT-208-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 0 0;
display: flex;
flex-direction: row;
}
.CT-208-illustration-1 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-208-bloc-illustration-1 {
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 30px 0;
}
.CT-208-illustration-2 {
width: 100%;
max-width: 165px;
}
.CT-208-illustration-2 i {
margin-top: 15px;
display: block;
}
.CT-208-bloc-illustration-2 {
width: 100%;
max-width: 580px;
display: flex;
flex-direction: row;
border: 1px solid #1a171b;
padding: 30px;
box-sizing: border-box;
justify-content: center;
}
.CT-208-illustration-3 {
width: 48%;
max-width: 206px;
padding-right: 30px;
margin-right: 30px;
border-right: 1px solid #1a171b;
}
.CT-208-illustration-4 {
width: 48%;
max-width: 206px;
}
.CT-208-illustration-3 i, .CT-208-illustration-4 i {
margin-top: 15px;
display: block;
}
.CT-208-illustration-5 {
width: 100%;
max-width: 350px;
margin: 30px 0;
padding: 20px;
box-sizing: border-box;
}
.CT-208-bloc-illustration-3 {
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 30px 0;
}
.CT-208-illustration-6 {
width: 100%;
max-width: 219px;
}
.CT-208-illustration-7 {
width: 100%;
max-width: 506px;
padding: 30px;
border: 1px solid #1a171b;
margin-left: 30px;
}
.CT-208-illustration-7-2 {
width: 100%;
max-width: 241px;
padding: 30px;
border: 1px solid #1a171b;
display: none;
}
.CT-208-illustration-8 {
width: 100%;
max-width: 391px;
margin: 30px 0;
}
.CT-208-illustration-8-2 {
width: 100%;
max-width: 167px;
margin: 30px 0;
display: none;
}
.CT-208-illustration-9 {
width: 100%;
max-width: 337px;
margin: 30px 0;
}
.CT-208-illustration-9-2 {
width: 100%;
max-width: 191px;
margin: 30px 0;
display: none;
}
@media (max-width: 1000px) {
.CT-208-bloc-illustration-1 {
flex-direction: column;
}
.CT-208-illustration-2 {
margin-bottom: 30px;
}
.CT-208-bloc-illustration-3 {
flex-direction: column;
}
.CT-208-illustration-6 {
margin: 0 0 30px;
}
.CT-208-illustration-7 {
margin: 0;
box-sizing: border-box;
}
}
@media (max-width: 600px) {
.CT-208-illustration-7 {
display: none;
}
.CT-208-illustration-7-2 {
display: block;
}
.CT-208-bloc-illustration-2 {
flex-direction: column;
}
.CT-208-illustration-3 {
border-right: none;
border-bottom: 1px solid #1a171b;
padding-right: 0;
margin-right: 0;
padding-bottom: 30px;
margin-bottom: 30px;
width: 100%;
}
.CT-208-illustration-4 {
width: 100%;
max-width: 206px;
}
.CT-208-bloc-illustration-2 {
max-width: 280px;
}
}
@media (max-width: 450px) {
.CT-208-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-208-bloc-texte-gris-1 p {
margin-bottom: 0;
}
.CT-208-illustration-1 {
margin-bottom: 30px;
}
.CT-208-illustration-2 {
margin: 0 auto 30px;
}
.CT-208-illustration-3 {
margin-right: auto;
margin-left: auto;
}
.CT-208-illustration-4 {
margin-right: auto;
margin-left: auto;
}
.CT-208-illustration-5 {
margin: 30px auto;
}
.CT-208-illustration-6 {
margin: 0 auto 30px;
}
.CT-208-illustration-7-2 {
margin: 0 auto;
}
.CT-208-illustration-8 {
display: none;
}
.CT-208-illustration-8-2 {
display: block;
margin: 30px auto;
}
.CT-208-illustration-9 {
margin: 30px auto;
}
.CT-208-bloc-illustration-2 {
max-width: 100%;
}
}
@media (max-width: 400px) {
.CT-208-illustration-9 {
display: none;
}
.CT-208-illustration-9-2 {
display: block;
margin: 30px auto;
}
.CT-208-illustration-7-2 {
max-width: 320px;
box-sizing: border-box;
}
}
/*///////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Casques PRO _ résistance jugulaire ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
.CT-209-illustration-1 {
width: 100%;
max-width: 297px;
margin: 30px 0;
border: 1px solid #b1b3b4;
}
.CT-209-bloc-texte-gris-1 {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #F6F6F6;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0;
}
.CT-209-bloc-texte-gris-1 p {
width: 48%;
margin: 0;
text-align: center;
}
.CT-209-bloc-texte-1 {
display: flex;
flex-direction: row;
}
.CT-209-bloc-texte-1 ul {
align-self: center;
margin: 0;
}
/*
.CT-209-bloc-texte-1 ul {
display: flex;
flex-direction: row;
}
*/
.CT-209-illustration-2 {
width: 47px;
min-width: 47px;
margin-right: 15px;
}
.CT-209-bloc-texte-gris-2 {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #F6F6F6;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0;
}
.CT-209-bloc-illustration-1 {
width: 48%;
text-align: center;
}
.CT-209-bloc-illustration-2 {
width: 48%;
text-align: center;
}
.CT-209-illustration-3 {
width: 100%;
max-width: 236px;
margin: 30px auto;
}
.CT-209-illustration-4 {
width: 100%;
max-width: 236px;
margin: 30px auto;
}
.CT-209-bloc-illustration-3 {
display: flex;
flex-direction: row;
}
.CT-209-illustration-5 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
@media (max-width: 800px) {
.CT-209-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-209-bloc-texte-gris-1 p {
width: 100%;
max-width: 300px;
margin: 0 auto;
}
.CT-209-bloc-texte-gris-1 p:first-child {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #b1b3b4;
}
.CT-209-bloc-texte-gris-2 {
flex-direction: column;
}
.CT-209-bloc-illustration-1 {
width: 100%;
max-width: 300px;
margin: 0 auto;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #b1b3b4;
}
.CT-209-bloc-illustration-2 {
width: 100%;
max-width: 300px;
margin: 0 auto;
}
}
/*//////////////////////////////////////////////////////////////////*/
/*//////////////////// CT casque PRO_fusible ///////////////////////*/
/*//////////////////////////////////////////////////////////////////*/
.CT-210-illustration-1 {
width: 100%;
max-width: 817px;
margin: 30px auto;
}
.CT-210-illustration-1-2 {
width: 100%;
max-width: 583px;
margin: 30px auto;
display: none;
}
.CT-210-illustration-1-3 {
width: 100%;
max-width: 285px;
margin: 30px auto;
display: none;
}
@media (max-width: 800px) {
.CT-210-illustration-1 {
display: none;
}
.CT-210-illustration-1-2 {
display: block;
}
}
@media (max-width: 500px) {
.CT-210-illustration-1-2 {
display: none;
}
.CT-210-illustration-1-3 {
display: block;
}
}
/*/////////////////////////////////////////////////////////////////*/
/*//////////////////// CT casque PRO_certif ///////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
.CT-211-hr {
margin: 30px 0;
}
.CT-211-decalage-gauche {
margin-left: 60px;
}
.CT-211-bloc-texte-1 {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.CT-211-bloc-texte-1 h3 {
width: 48%;
text-align: center;
padding: 10px;
box-sizing: border-box;
border: 2px solid #b1b3b4;
vertical-align: middle;
display: flex;
}
.CT-211-bloc-texte-1 h3 span {
margin: auto;
}
.CT-211-bloc-illustration-1, .CT-211-bloc-illustration-5, .CT-211-bloc-illustration-9, .CT-211-bloc-illustration-12, .CT-211-bloc-illustration-15, .CT-211-bloc-illustration-19, .CT-211-bloc-illustration-23 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-211-bloc-illustration-12 {
margin-bottom: 15px;
}
.CT-211-illustration-1, .CT-211-illustration-5, .CT-211-illustration-9, .CT-211-illustration-12, .CT-211-illustration-15, .CT-211-illustration-19, .CT-211-illustration-23 {
width: 55px;
min-width: 55px;
margin-right: 15px;
}
.CT-211-bloc-illustration-1 p, .CT-211-bloc-illustration-5 p, .CT-211-bloc-illustration-9 p, .CT-211-bloc-illustration-12 p, .CT-211-bloc-illustration-15 p, .CT-211-bloc-illustration-19 p, .CT-211-bloc-illustration-23 p {
align-self: center;
}
.CT-211-bloc-texte-gris-1, .CT-211-bloc-texte-gris-2, .CT-211-bloc-texte-gris-3, .CT-211-bloc-texte-gris-4, .CT-211-bloc-texte-gris-5, .CT-211-bloc-texte-gris-6 {
display: flex;
flex-direction: row;
justify-content: center;
background-color: #F6F6F6;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0;
}
.CT-211-bloc-illustration-2, .CT-211-bloc-illustration-6, .CT-211-bloc-illustration-13, .CT-211-bloc-illustration-16, .CT-211-bloc-illustration-20, .CT-211-bloc-illustration-24 {
width: 48%;
padding-right: 30px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.CT-211-bloc-illustration-2 p, .CT-211-bloc-illustration-3 p, .CT-211-bloc-illustration-6 p, .CT-211-bloc-illustration-7 p, .CT-211-bloc-illustration-13 p, .CT-211-bloc-illustration-14 p, .CT-211-bloc-illustration-16 p, .CT-211-bloc-illustration-17 p, .CT-211-bloc-illustration-20 p, .CT-211-bloc-illustration-21 p, .CT-211-bloc-illustration-24 p, .CT-211-bloc-illustration-25 p {
margin-bottom: 15px;
text-align: center;
margin-top: 0;
}
.CT-211-illustration-2, .CT-211-illustration-3 {
width: 100%;
max-width: 209px;
margin: auto;
}
.CT-211-bloc-illustration-3, .CT-211-bloc-illustration-7, .CT-211-bloc-illustration-14, .CT-211-bloc-illustration-17, .CT-211-bloc-illustration-21, .CT-211-bloc-illustration-25 {
width: 48%;
padding-left: 30px;
border-left: solid 1px #b1b3b4;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.CT-211-bloc-illustration-4 {
display: flex;
flex-direction: row;
}
.CT-211-illustration-4, .CT-211-illustration-8, .CT-211-illustration-18, .CT-211-illustration-22, .CT-211-illustration-26, .CT-211-illustration-28 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-211-illustration-6 {
width: 100%;
max-width: 118px;
margin: auto;
}
.CT-211-illustration-7 {
width: 100%;
max-width: 118px;
margin: auto;
}
.CT-211-bloc-illustration-8 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-211-bloc-texte-gris-3 span {
width: 48%;
padding-right: 30px;
box-sizing: border-box;
text-align: center;
border-right: solid 1px #b1b3b4;
}
.CT-211-bloc-texte-gris-3 span + p {
width: 48%;
padding-left: 30px;
box-sizing: border-box;
text-align: center;
margin-top: 0;
}
.CT-211-illustration-10 {
width: 46px;
min-width: 46px;
margin: 20px auto 0;
}
.CT-211-illustration-20 {
width: 46px;
min-width: 46px;
margin: auto;
}
.CT-211-illustration-11 {
margin-left: 30px;
width: 95px;
min-width: 95px;
}
.CT-211-illustration-13 {
width: 100%;
max-width: 250px;
margin: auto;
}
.CT-211-illustration-14 {
width: 100%;
max-width: 254px;
margin: auto;
}
.CT-211-illustration-16 {
width: 100%;
max-width: 264px;
margin: auto;
}
.CT-211-illustration-17 {
width: 100%;
max-width: 264px;
margin: auto;
}
.CT-211-bloc-illustration-18 {
display: flex;
flex-direction: row;
}
.CT-211-illustration-21 {
width: 100%;
max-width: 198px;
margin: auto;
}
.CT-211-bloc-illustration-22 {
display: flex;
flex-direction: row;
}
.CT-211-illustration-24 {
width: 46px;
min-width: 46px;
margin: auto;
}
.CT-211-bloc-illustration-26 {
display: flex;
flex-direction: row;
}
.CT-211-illustration-25 {
width: 100%;
max-width: 154px;
margin: auto;
}
.CT-211-bloc-texte-2 {
display: flex;
flex-direction: row;
justify-content: space-between;
border: 2px solid #b1b3b4;
padding: 10px;
box-sizing: border-box;
margin-bottom: 15px;
margin-top: 30px;
}
.CT-211-bloc-texte-2 h3 {
width: calc(100% - 84px);
text-align: center;
vertical-align: middle;
margin: 0;
}
.CT-211-illustration-27 {
width: 54px;
min-width: 54px;
max-width: 54px;
margin: auto;
}
.CT-211-bloc-illustration-27 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-211-bloc-illustration-2 p, .CT-211-bloc-illustration-3 p, .CT-211-bloc-illustration-6 p, .CT-211-bloc-illustration-7 p {
margin-top: 15px;
}
.CT-211-bloc-illustration-6 p, .CT-211-bloc-illustration-7 p {
max-width: 210px;
margin: 0 auto;
}
.CT-211-illustration-6 {
width: 100%;
max-width: 118px;
margin: 10px auto;
}
.CT-211-illustration-7 {
width: 100%;
max-width: 118px;
margin: 10px auto;
}
.CT-211-illustration-13 {
width: 100%;
max-width: 161px;
margin: 10px auto;
margin-left: calc(50% - 100px);
}
.CT-211-illustration-14 {
width: 100%;
max-width: 189px;
margin: 10px auto;
margin-left: calc(50% - 105px);
}
.CT-211-bloc-illustration-13 span, .CT-211-bloc-illustration-14 span {
color: #b2b2b2;
border: none;
padding: 0;
}
.CT-211-illustration-13 + p, .CT-211-illustration-14 + p {
padding: 0 0 0 15px;
}
.CT-211-illustration-16 {
width: 100%;
max-width: 163px;
margin: 0 auto 10px;
margin-left: calc(50% - 100px);
}
.CT-211-illustration-17 {
width: 100%;
max-width: 163px;
margin: 0 auto 10px;
margin-left: calc(50% - 105px);
}
.CT-211-illustration-16 p, .CT-211-illustration-17 p {
padding: 0 0 0 10px;
}
.CT-211-illustration-16 + p, .CT-211-illustration-17 + p {
padding: 0 0 0 15px;
}
.CT-211-illustration-21, .CT-211-illustration-25 {
width: 100%;
max-width: 123px;
margin: 0 auto;
}
.CT-211-bloc-illustration-21 p, .CT-211-bloc-illustration-25 p {
margin-top: 15px;
}
@media (max-width: 800px) {
.CT-211-decalage-gauche {
margin-left: 0;
}
}
@media (max-width: 650px) {
.CT-211-bloc-texte-gris-4 {
flex-direction: column;
}
.CT-211-bloc-illustration-13, .CT-211-bloc-illustration-16 {
width: 100%;
padding-right: 0;
padding-bottom: 30px;
}
.CT-211-bloc-illustration-14, .CT-211-bloc-illustration-17 {
width: 100%;
padding-left: 0;
border-left: none;
border-top: solid 1px #b1b3b4;
padding-top: 30px;
}
}
@media (max-width: 500px) {
.CT-211-decalage-gauche {
margin-left: 0;
}
.CT-211-bloc-texte-gris-1, .CT-211-bloc-texte-gris-2, .CT-211-bloc-texte-gris-3, .CT-211-bloc-texte-gris-4, .CT-211-bloc-texte-gris-5, .CT-211-bloc-texte-gris-6 {
flex-direction: column;
}
.CT-211-bloc-illustration-2, .CT-211-bloc-illustration-6, .CT-211-bloc-illustration-13, .CT-211-bloc-illustration-16, .CT-211-bloc-illustration-20, .CT-211-bloc-illustration-24 {
width: 100%;
padding-right: 0;
padding-bottom: 30px;
}
.CT-211-bloc-illustration-3, .CT-211-bloc-illustration-7, .CT-211-bloc-illustration-14, .CT-211-bloc-illustration-17, .CT-211-bloc-illustration-21, .CT-211-bloc-illustration-25 {
width: 100%;
padding-left: 0;
border-left: none;
border-top: solid 1px #b1b3b4;
padding-top: 30px;
}
.CT-211-bloc-texte-gris-3 span {
width: 100%;
padding-right: 0;
padding-bottom: 30px;
border-right: none;
border-bottom: solid 1px #b1b3b4;
}
.CT-211-bloc-texte-gris-3 span + p {
width: 100%;
padding-left: none;
padding-top: 30px;
margin-top: 0;
}
}
@media (max-width: 450px) {
.CT-211-bloc-illustration-4, .CT-211-bloc-illustration-8, .CT-211-bloc-illustration-18, .CT-211-bloc-illustration-22, .CT-211-bloc-illustration-26, .CT-211-bloc-illustration-27 {
flex-direction: column;
}
.CT-211-illustration-11 {
margin: auto;
}
}
@media (max-width: 400px) {
.CT-211-bloc-texte-1 {
flex-direction: column;
}
.CT-211-bloc-texte-1 h3 {
width: 100%;
}
.CT-211-bloc-texte-1 h3:first-child {
margin-bottom: 15px;
}
.CT-211-bloc-texte-1 h3:last-child {
margin-top: 0px;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*//////////////////// Lighting_ANSI protocole ///////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-212-bloc-illustration-1, .CT-212-bloc-illustration-2, .CT-212-bloc-illustration-3, .CT-212-bloc-illustration-4, .CT-212-bloc-illustration-5 {
display: flex;
flex-direction: row;
}
.CT-212-bloc-illustration-1 {
margin-top: 50px;
}
.CT-212-bloc-illustration-1, .CT-212-bloc-illustration-2, .CT-212-bloc-illustration-3, .CT-212-bloc-illustration-4 {
margin-bottom: 30px;
}
.CT-212-illustration-1, .CT-212-illustration-2, .CT-212-illustration-3, .CT-212-illustration-4 {
width: 75px;
min-width: 75px;
margin-right: 30px;
}
.CT-212-bloc-illustration-5 {
margin-top: 70px;
}
.CT-212-illustration-5 {
width: 100%;
max-width: 400px;
}
.CT-212-bloc-illustration-5 p {
margin-left: -190px;
max-width: 200px;
width: 100%;
margin-top: 50px;
}
@media (max-width: 525px) {
.CT-212-bloc-illustration-5 p {
margin-left: -220px;
margin-top: 50px;
}
}
@media (max-width: 430px) {
.CT-212-bloc-illustration-5 {
flex-direction: column;
}
.CT-212-bloc-illustration-5 p {
margin-left: 0;
margin-top: 30px;
width: 100%;
max-width: inherit;
}
}
@media (max-width: 350px) {
.CT-212-bloc-illustration-1, .CT-212-bloc-illustration-2, .CT-212-bloc-illustration-3, .CT-212-bloc-illustration-4 {
flex-direction: column;
}
.CT-212-bloc-illustration-5 {
margin-top: 30px;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Mousqueton_bloquéverrouillé ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-213-illustration-1 {
width: 100%;
max-width: 600px;
margin: 30px 0;
}
.CT-213-illustration-1-2 {
width: 100%;
max-width: 200px;
margin: 30px auto;
display: none;
}
.CT-213-illustration-2 {
width: 100%;
max-width: 180px;
margin: 30px 0;
}
.CT-213-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin-top: -30px;
}
.CT-213-illustration-3 {
width: 90px;
min-width: 90px;
margin-left: 30px;
}
.CT-213-bloc-illustration-1 p {
width: 100%;
align-self: center;
}
@media (max-width: 550px) {
.CT-213-illustration-1 {
display: none;
}
.CT-213-illustration-1-2 {
display: block;
}
.CT-213-illustration-2 {
margin: 30px auto;
}
.CT-213-bloc-illustration-1 {
margin-top: -15px;
}
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// Eclairage- HYBRID-concept ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-214-bloc-illustration-1 {
display: flex;
flex-direction: row;
justify-content: center;
margin: 30px 0 60px;
}
.CT-214-illustration-1 {
width: 135px;
height: 142px;
}
.CT-214-illustration-2 {
width: 47px;
margin: 0 30px;
display: flex;
}
.CT-214-illustration-2 img {
margin: auto;
width: 47px;
height: 80px;
}
.CT-214-illustration-3 {
width: 121px;
height: 141px;
}
.CT-214-bloc-texte-1 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 30px 0;
}
.CT-214-bloc-illustration-2 {
display: flex;
flex-direction: row;
width: 47.5%;
}
.CT-214-bloc-illustration-3 {
display: flex;
flex-direction: row;
width: 47.5%;
}
.CT-214-illustration-4 {
width: 67px;
min-width: 67px;
height: 97px;
margin-right: 15px;
}
.CT-214-illustration-5 {
width: 67px;
min-width: 67px;
height: 97px;
margin-right: 15px;
}
.CT-214-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px;
display: flex;
flex-direction: row;
}
.CT-214-illustration-6 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-214-illustration-7 {
margin: 30px 0 0 0;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.CT-214-illustration-7 img {
max-width: 535px;
width: 100%;
margin: auto;
display: block;
}
.CT-214-illustration-7 + p {
margin: 30px 0;
}
.CT-214-bloc-texte-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px;
display: flex;
flex-direction: row;
}
.CT-214-illustration-8 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-214-bloc-texte-2 {
display: flex;
flex-direction: row;
}
.CT-214-illustration-9 {
width: 186px;
min-width: 186px;
height: 112px;
background-color: #ffffff;
padding: 10px 10px 20px 10px;
box-sizing: border-box;
margin-left: 20px;
}
.CT-214-bloc-texte-gris-3 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px;
display: flex;
flex-direction: row;
}
.CT-214-illustration-10 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-214-bloc-texte-3 {
display: flex;
flex-direction: row;
}
.CT-214-illustration-11 {
width: 162px;
min-width: 162px;
margin-left: 20px;
display: flex;
}
.CT-214-illustration-11-img {
width: 162px;
margin: auto;
}
.CT-214-illustration-11 img {
margin: auto;
}
.CT-214-bloc-texte-gris-4 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px;
display: flex;
flex-direction: row;
}
.CT-214-illustration-12 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-214-bloc-texte-4 {
display: flex;
flex-direction: row;
}
.CT-214-illustration-13 {
width: 110px;
min-width: 110px;
height: 85px;
background-color: #ffffff;
margin-left: 20px;
}
@media (max-width: 700px) {
.CT-214-bloc-texte-1 {
flex-direction: column;
}
.CT-214-bloc-illustration-2 {
width: 100%;
margin-bottom: 30px;
}
.CT-214-bloc-illustration-3 {
width: 100%;
}
.CT-214-bloc-texte-2 {
flex-direction: column;
}
.CT-214-illustration-9 {
margin-left: 0;
}
.CT-214-bloc-texte-3 {
flex-direction: column;
}
.CT-214-illustration-11 {
margin-left: 0;
margin-top: 10px;
}
.CT-214-bloc-texte-4 {
flex-direction: column;
}
.CT-214-illustration-13 {
margin-left: 0;
}
}
@media (max-width: 600px) {
.CT-214-bloc-texte-gris-1, .CT-214-bloc-texte-gris-2, .CT-214-bloc-texte-gris-3, .CT-214-bloc-texte-gris-4 {
flex-direction: column;
}
.CT-214-illustration-6, .CT-214-illustration-8, .CT-214-illustration-10, .CT-214-illustration-12 {
margin-bottom: 15px;
}
}
@media (max-width: 500px) {
.CT-214-bloc-illustration-1 {
flex-direction: column;
}
.CT-214-illustration-1 {
margin: auto;
}
.CT-214-illustration-2 {
margin: auto;
}
.CT-214-illustration-3 {
margin: auto;
}
}
/*//////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-23-compatibilite-ancien-ZIGZAG ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////*/
.CT-215-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 0;
display: flex;
flex-direction: row;
}
.CT-215-illustration-3 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-215-bloc-illustration-1 {
margin-top: 30px;
display: flex;
flex-direction: row;
}
.CT-215-illustration-1 {
min-width: 464px;
}
.CT-215-illustration-1-2 {
display: none;
max-width: 415px;
width: 100%;
}
.CT-215-bloc-illustration-2 {
margin-top: 30px;
display: flex;
flex-direction: row;
align-items: flex-start;
}
.CT-215-illustration-1, .CT-215-illustration-1-2, .CT-215-illustration-2 {
padding: 15px;
box-sizing: border-box;
margin-right: 30px;
}
.CT-215-illustration-2 {
min-width: 336px;
width: 100%;
}
@media (max-width: 900px) {
.CT-215-bloc-texte-gris-1 {
flex-direction: column;
}
}
@media (max-width: 750px) {
.CT-215-bloc-illustration-1 {
flex-direction: column;
}
.CT-215-bloc-illustration-2 {
flex-direction: column;
}
.CT-215-illustration-1, .CT-215-illustration-1-2 {
margin: 0 auto 5px;
}
.CT-215-illustration-1 {
width: 100%;
max-width: 464px;
min-width: auto;
}
.CT-215-illustration-2 {
margin: 0 auto 30px;
}
.CT-215-illustration-2 {
max-width: 386px;
width: 100%;
min-width: auto;
}
.CT-215-bloc-texte-gris-1 {
flex-direction: row;
}
}
@media (max-width: 530px) {
.CT-215-illustration-1 {
display: none;
}
.CT-215-illustration-1-2 {
display: block;
}
.CT-215-bloc-texte-gris-1 {
flex-direction: column;
}
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// I'D - maintien position mains libres ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.CT-216-illustration-1 {
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.CT-216-illustration-1 img {
width: 100%;
max-width: 543px;
margin: auto;
display: block;
}
.CT-216-illustration-1-2 {
display: none;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.CT-216-illustration-1-2 img {
width: 100%;
max-width: 366px;
margin: auto;
display: block;
}
.CT-216-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 20px 0;
}
.CT-216-illustration-2 {
width: 100%;
max-width: 359px;
min-width: 225px;
}
.CT-216-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: calc(100% - 30px);
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 0 0 30px 30px;
display: flex;
flex-direction: row;
}
.CT-216-bloc-illustration-2 {
display: flex;
flex-direction: row;
font-size: 12px;
}
.CT-216-bloc-illustration-2-1 {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.CT-216-bloc-illustration-2-1 span {
padding: 5px 10px;
background-color: #e3e3e3;
border-radius: 15px;
margin: 10px 0 5px;
display: inline-block;
}
.CT-216-bloc-illustration-2-2 {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.CT-216-bloc-illustration-2-2 span {
padding: 5px 10px;
background-color: #e3e3e3;
border-radius: 15px;
margin: 10px 0 5px;
display: inline-block;
}
.CT-216-illustration-3 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-216-illustration-4 img {
width: 56px !important;
height: 125px !important;
}
.CT-216-illustration-5 img {
width: 56px !important;
height: 125px !important;
}
.CT-216-bloc-texte-1 p {
margin: 20px 0 0 0;
}
.CT-216-bloc-texte-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 20px 0;
display: flex;
flex-direction: row;
}
.CT-216-illustration-6 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-216-illustration-7 img {
width: 56px !important;
height: 125px !important;
}
.CT-216-illustration-8 img {
width: 56px !important;
height: 125px !important;
}
.CT-216-illustration-9 img {
width: 56px !important;
height: 125px !important;
}
.CT-216-illustration-10 img {
width: 56px !important;
height: 125px !important;
}
.CT-216-bloc-illustration-3 {
display: flex;
flex-direction: row;
padding-bottom: 20px;
border-bottom: solid 1px #cccccc;
margin-bottom: 20px;
}
.CT-216-bloc-illustration-4 {
display: flex;
flex-direction: row;
}
.CT-216-bloc-illustration-3 span, .CT-216-bloc-illustration-4 span {
padding: 5px 10px;
background-color: #e3e3e3;
border-radius: 15px;
margin: 10px 0 5px;
display: inline-block;
font-size: 12px;
}
.CT-216-bloc-illustration-3-2, .CT-216-bloc-illustration-3-3, .CT-216-bloc-illustration-4-2, .CT-216-bloc-illustration-4-3 {
min-width: 100px;
}
.CT-216-bloc-illustration-5 {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.CT-216-illustration-11, .CT-216-illustration-12 {
padding: 20px;
box-sizing: border-box;
width: calc(50% - 10px);
}
.CT-216-illustration-11 p, .CT-216-illustration-12 p {
margin-top: 0;
margin-bottom: 20px !important;
}
.CT-216-illustration-11, .CT-216-illustration-12 {
padding: 20px;
box-sizing: border-box;
width: calc(50% - 10px);
}
.CT-216-illustration-11 img {
width: 100%;
max-width: 286px;
display: block;
margin: auto;
}
.CT-216-illustration-12 img {
width: 100%;
max-width: 325px;
display: block;
margin: auto;
}
@media (max-width: 800px) {
.CT-216-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-216-illustration-3 {
margin-bottom: 30px;
}
}
@media (max-width: 700px) {
.CT-216-bloc-illustration-1 {
flex-direction: column;
}
.CT-216-bloc-texte-gris-1 {
width: 100%;
margin: 0 0 30px 0;
flex-direction: row;
}
.CT-216-illustration-2 {
margin: auto;
}
}
@media (max-width: 550px) {
.CT-216-bloc-illustration-5 {
flex-direction: column;
}
.CT-216-illustration-11, .CT-216-illustration-12 {
width: 100%;
}
.CT-216-illustration-12 {
margin-top: 20px;
}
.CT-216-bloc-texte-gris-1, .CT-216-bloc-texte-gris-2 {
flex-direction: column;
}
.CT-216-illustration-6 {
margin-bottom: 30px;
}
}
@media (max-width: 450px) {
.CT-216-bloc-illustration-2 {
flex-direction: column;
}
.CT-216-bloc-illustration-2-1 {
margin: 0 auto 20px;
text-align: center;
}
.CT-216-bloc-illustration-2-2 {
margin: auto;
text-align: center;
}
.CT-216-bloc-illustration-3, .CT-216-bloc-illustration-4 {
flex-direction: column;
}
.CT-216-bloc-illustration-3 p, .CT-216-bloc-illustration-4 p {
margin-bottom: 0;
}
.CT-216-bloc-illustration-3-2, .CT-216-bloc-illustration-4-2 {
margin: 0 auto 20px;
text-align: center;
}
.CT-216-bloc-illustration-3-3, .CT-216-bloc-illustration-4-3 {
margin: 0 auto;
text-align: center;
}
.CT-216-bloc-texte-gris-1, .CT-216-bloc-texte-gris-2 {
padding: 20px;
}
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// I'D - Usages et perf I'DS ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-217-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin-top: 30px;
text-align: center;
}
.CT-217-bloc-illustration-1-2 span, .CT-217-bloc-illustration-1-3 span {
padding: 5px 10px;
background-color: #e3e3e3;
border-radius: 15px;
margin: 10px 0 5px;
display: inline-block;
}
.CT-217-bloc-illustration-1-3 {
margin-left: 60px;
}
.CT-217-illustration-1 img {
width: 95px !important;
height: 210px !important;
margin-top: 10px;
}
.CT-217-illustration-2 img {
width: 95px !important;
height: 210px !important;
margin-top: 10px;
}
.CT-217-bloc-illustration-2, .CT-217-bloc-illustration-5, .CT-217-bloc-illustration-8, .CT-217-bloc-illustration-10 {
display: flex;
flex-direction: row;
margin-top: 30px;
justify-content: space-between;
}
.CT-217-illustration-3 {
width: 222px;
margin: 0 30px 30px 0;
}
.CT-217-illustration-4, .CT-217-illustration-8 {
width: 576px;
}
.CT-217-illustration-4-2, .CT-217-illustration-8-2 {
width: 320px;
display: none;
}
.CT-217-bloc-illustration-3, .CT-217-bloc-illustration-6 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-217-picto-info {
width: 41px;
min-width: 41px;
margin: 11px 10px 0 0;
}
.CT-217-bloc-illustration-3 div span {
padding: 5px 10px;
background-color: #e3e3e3;
border-radius: 15px;
margin: 10px 0 5px;
display: inline-block;
}
.CT-217-bloc-illustration-4, .CT-217-bloc-illustration-7, .CT-217-bloc-illustration-9, .CT-217-bloc-illustration-11 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-217-illustration-5 {
width: 100%;
max-width: 238px;
margin: 0 50px 0 0;
}
.CT-217-illustration-6 {
width: 100%;
max-width: 267px;
}
.CT-217-illustration-7 {
width: 167px;
margin: 0 30px 30px 0;
}
.CT-217-illustration-9 {
width: 100%;
max-width: 316px;
margin: 0 50px 0 0;
}
.CT-217-illustration-10 {
width: 100%;
max-width: 320px;
}
.CT-217-bloc-illustration-8, .CT-217-bloc-illustration-10 {
margin-bottom: 30px;
}
.CT-217-illustration-11 {
width: 330px;
margin: 0 30px 30px 0;
}
.CT-217-illustration-12 {
width: 435px;
}
.CT-217-illustration-12-2 {
width: 320px;
display: none;
}
.CT-217-illustration-13 {
width: 100%;
min-width: 525px;
max-width: 525px;
margin: 0 50px 0 0;
}
.CT-217-illustration-13-2 {
width: 100%;
min-width: 304px;
max-width: 304px;
margin: 0 50px 0 0;
display: none;
}
.CT-217-illustration-14 {
width: 100%;
min-width: 285px;
max-width: 285px;
}
.CT-217-illustration-15 {
width: 325px;
margin: 0 30px 30px 0;
}
.CT-217-illustration-16 {
width: 406px;
}
.CT-217-illustration-16-2 {
width: 320px;
display: none;
}
.CT-217-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-217-illustration-17 {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-217-illustration-18 {
width: 100%;
max-width: 334px;
margin: 0 30px 30px 0;
}
.CT-217-illustration-19 {
width: 100%;
max-width: 334px;
}
@media (max-width: 980px) {
.CT-217-bloc-illustration-2, .CT-217-bloc-illustration-5, .CT-217-bloc-illustration-8, .CT-217-bloc-illustration-10 {
flex-direction: column;
}
.CT-217-illustration-13 {
display: none;
}
.CT-217-illustration-13-2 {
margin: 0 auto 40px;
display: block;
}
.CT-217-illustration-14 {
margin: 0 auto;
}
}
@media (max-width: 730px) {
.CT-217-illustration-4, .CT-217-illustration-8 {
display: none;
}
.CT-217-illustration-4-2, .CT-217-illustration-8-2 {
display: block;
margin: 0 auto;
}
.CT-217-illustration-3 {
margin: 0 auto 30px auto;
}
.CT-217-bloc-illustration-4, .CT-217-bloc-illustration-7, .CT-217-bloc-illustration-9, .CT-217-bloc-illustration-11 {
flex-direction: column;
}
.CT-217-illustration-5 {
margin: 0 auto 30px;
}
.CT-217-illustration-6 {
margin: 0 auto 0;
}
.CT-217-illustration-7 {
margin: 0 auto 30px;
}
.CT-217-illustration-9 {
margin: 0 auto 40px;
}
.CT-217-illustration-10 {
margin: 0 auto;
}
.CT-217-illustration-11 {
margin: 0 auto 30px auto;
}
.CT-217-illustration-12 {
display: none;
}
.CT-217-illustration-12-2 {
display: block;
margin: 0 auto;
}
.CT-217-illustration-14 {
margin: 0 auto;
}
.CT-217-illustration-15 {
margin: 0 auto 40px auto;
}
.CT-217-illustration-16 {
display: none;
}
.CT-217-illustration-16-2 {
display: block;
margin: 0 auto;
}
.CT-217-illustration-18 {
margin: 0 auto 50px;
}
.CT-217-illustration-19 {
margin: 0 auto;
}
}
@media (max-width: 400px) {
.CT-217-bloc-illustration-1 {
flex-direction: column;
}
.CT-217-bloc-illustration-1-3 {
margin-left: 0px;
margin-top: 30px;
}
.CT-217-illustration-4-2, .CT-217-illustration-8-2 {
width: 100%;
max-width: 320px;
}
.CT-217-illustration-11 {
max-width: 330px;
width: 100%;
}
.CT-217-illustration-12-2 {
max-width: 320px;
width: 100%;
}
.CT-217-illustration-13-2 {
width: 100%;
min-width: inherit;
}
.CT-217-illustration-14 {
width: 100%;
min-width: inherit;
}
.CT-217-bloc-illustration-10 {
margin-top: 0px;
}
.CT-217-illustration-15 {
width: 100%;
margin: 0 30px 30px 0;
}
.CT-217-illustration-16-2 {
max-width: 320px;
width: 100%;
}
.CT-217-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-217-bloc-texte-gris-1 p {
margin-bottom: 0;
}
.CT-217-illustration-18 p {
margin: -50% 0 0 40% !important;
width: 50% !important;
}
}
@media (max-width: 375px) {
.CT-217-illustration-18 p {
font-size: 13px !important;
}
}
@media (max-width: 360px) {
.CT-217-illustration-18 p {
font-size: 12px !important;
line-height: 17px !important;
}
}
@media (max-width: 360px) {
.CT-217-illustration-18 p {
line-height: 15px !important;
}
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// I'D - Usages et perf I'DL ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-218-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin-top: 30px;
text-align: center;
}
.CT-218-bloc-illustration-1-2 span, .CT-218-bloc-illustration-1-3 span {
padding: 5px 10px;
background-color: #e3e3e3;
border-radius: 15px;
margin: 10px 0 5px;
display: inline-block;
}
.CT-218-bloc-illustration-1-3 {
margin-left: 60px;
}
.CT-218-illustration-1 img {
width: 95px !important;
height: 210px !important;
margin-top: 10px;
}
.CT-218-illustration-2 img {
width: 95px !important;
height: 210px !important;
margin-top: 10px;
}
.CT-218-bloc-illustration-2, .CT-218-bloc-illustration-5, .CT-218-bloc-illustration-8, .CT-218-bloc-illustration-10 {
display: flex;
flex-direction: row;
margin-top: 30px;
justify-content: space-between;
}
.CT-218-illustration-3 {
width: 222px;
margin: 0 30px 30px 0;
}
.CT-218-illustration-4, .CT-218-illustration-8 {
width: 576px;
}
.CT-218-illustration-4-2, .CT-218-illustration-8-2 {
width: 320px;
display: none;
}
.CT-218-bloc-illustration-3, .CT-218-bloc-illustration-6 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-218-picto-info {
width: 41px;
min-width: 41px;
margin: 11px 10px 0 0;
}
.CT-218-bloc-illustration-3 div span {
padding: 5px 10px;
background-color: #e3e3e3;
border-radius: 15px;
margin: 10px 0 5px;
display: inline-block;
}
.CT-218-bloc-illustration-4, .CT-218-bloc-illustration-7, .CT-218-bloc-illustration-9, .CT-218-bloc-illustration-11 {
display: flex;
flex-direction: row;
margin-top: 30px;
}
.CT-218-illustration-5 {
width: 100%;
max-width: 238px;
margin: 0 50px 0 0;
}
.CT-218-illustration-6 {
width: 100%;
max-width: 267px;
}
.CT-218-illustration-7 {
width: 167px;
margin: 0 30px 30px 0;
}
.CT-218-illustration-9 {
width: 100%;
max-width: 316px;
margin: 0 50px 0 0;
}
.CT-218-illustration-10 {
width: 100%;
max-width: 320px;
}
.CT-218-bloc-illustration-8, .CT-218-bloc-illustration-10 {
margin-bottom: 30px;
}
.CT-218-illustration-11 {
width: 330px;
margin: 0 30px 30px 0;
}
.CT-218-illustration-12 {
width: 435px;
}
.CT-218-illustration-12-2 {
width: 320px;
display: none;
}
.CT-218-illustration-13 {
width: 100%;
min-width: 525px;
max-width: 525px;
margin: 0 50px 0 0;
}
.CT-218-illustration-13-2 {
width: 100%;
min-width: 304px;
max-width: 304px;
margin: 0 50px 0 0;
display: none;
}
.CT-218-illustration-14 {
width: 100%;
min-width: 285px;
max-width: 285px;
}
.CT-218-illustration-15 {
width: 325px;
margin: 0 30px 30px 0;
}
.CT-218-illustration-16 {
width: 406px;
}
.CT-218-illustration-16-2 {
width: 320px;
display: none;
}
.CT-218-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-218-illustration-17 {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-218-illustration-18 {
width: 100%;
max-width: 334px;
margin: 0 30px 30px 0;
}
.CT-218-illustration-19 {
width: 100%;
max-width: 334px;
}
@media (max-width: 980px) {
.CT-218-bloc-illustration-2, .CT-218-bloc-illustration-5, .CT-218-bloc-illustration-8, .CT-218-bloc-illustration-10 {
flex-direction: column;
}
.CT-218-illustration-13 {
display: none;
}
.CT-218-illustration-13-2 {
margin: 0 auto 40px;
display: block;
}
.CT-218-illustration-14 {
margin: 0 auto;
}
}
@media (max-width: 730px) {
.CT-218-illustration-4, .CT-218-illustration-8 {
display: none;
}
.CT-218-illustration-4-2, .CT-218-illustration-8-2 {
display: block;
margin: 0 auto;
}
.CT-218-illustration-3 {
margin: 0 auto 30px auto;
}
.CT-218-bloc-illustration-4, .CT-218-bloc-illustration-7, .CT-218-bloc-illustration-9, .CT-218-bloc-illustration-11 {
flex-direction: column;
}
.CT-218-illustration-5 {
margin: 0 auto 30px;
}
.CT-218-illustration-6 {
margin: 0 auto 0;
}
.CT-218-illustration-7 {
margin: 0 auto 30px;
}
.CT-218-illustration-9 {
margin: 0 auto 40px;
}
.CT-218-illustration-10 {
margin: 0 auto;
}
.CT-218-illustration-11 {
margin: 0 auto 30px auto;
}
.CT-218-illustration-12 {
display: none;
}
.CT-218-illustration-12-2 {
display: block;
margin: 0 auto;
}
.CT-218-illustration-15 {
margin: 0 auto 40px auto;
}
.CT-218-illustration-16 {
display: none;
}
.CT-218-illustration-16-2 {
display: block;
margin: 0 auto;
}
.CT-218-illustration-18 {
margin: 0 auto 50px;
}
.CT-218-illustration-19 {
margin: 0 auto;
}
}
@media (max-width: 400px) {
.CT-218-bloc-illustration-1 {
flex-direction: column;
}
.CT-218-bloc-illustration-1-3 {
margin-left: 0px;
margin-top: 30px;
}
.CT-218-illustration-4-2, .CT-218-illustration-8-2 {
width: 100%;
max-width: 320px;
}
.CT-218-illustration-11 {
max-width: 330px;
width: 100%;
}
.CT-218-illustration-12-2 {
max-width: 320px;
width: 100%;
}
.CT-218-illustration-13-2 {
width: 100%;
min-width: inherit;
}
.CT-218-illustration-14 {
width: 100%;
min-width: inherit;
}
.CT-218-bloc-illustration-10 {
margin-top: 0px;
}
.CT-218-illustration-15 {
width: 100%;
margin: 0 30px 30px 0;
}
.CT-218-illustration-16-2 {
max-width: 320px;
width: 100%;
}
.CT-218-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-218-bloc-texte-gris-1 p {
margin-bottom: 0;
}
.CT-218-illustration-18 p {
margin: -50% 0 0 40% !important;
width: 50% !important;
}
}
@media (max-width: 375px) {
.CT-218-illustration-18 p {
font-size: 13px !important;
}
}
@media (max-width: 360px) {
.CT-218-illustration-18 p {
font-size: 12px !important;
line-height: 17px !important;
}
}
@media (max-width: 360px) {
.CT-218-illustration-18 p {
line-height: 15px !important;
}
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Eclairage - Reactive lighting V2 ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
strong {
font-weight: 700 !important;
}
.CT-219-illustration-1 {
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-219-hr {
margin: 50px 0;
}
.CT-219-bloc-illustration-1 {
display: flex;
flex-direction: row;
}
.CT-219-bloc-illustration-1 p {
max-width: 450px !important;
}
@media (max-width: 450px) {
.CT-219-bloc-illustration-1 {
flex-direction: column;
}
}
/*/////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Eclairage - Reactive lighting V2 ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
.CT-220-bloc-illustration-1, .CT-220-bloc-illustration-2, .CT-220-bloc-illustration-3, .CT-220-bloc-illustration-4, .CT-220-bloc-illustration-5 {
display: flex;
flex-direction: row;
}
.CT-220-bloc-illustration-1 {
margin-top: 30px;
}
.CT-220-bloc-illustration-1, .CT-220-bloc-illustration-2, .CT-220-bloc-illustration-3, .CT-220-bloc-illustration-4 {
margin-bottom: 30px;
}
.CT-220-illustration-1, .CT-220-illustration-2, .CT-220-illustration-3, .CT-220-illustration-4 {
width: 75px;
min-width: 75px;
margin-right: 30px;
}
.CT-220-bloc-illustration-4 {
padding: 0 20px;
}
.CT-220-bloc-illustration-4 p {
margin-top: 0;
}
.CT-220-bloc-illustration-5 {
margin-top: 70px;
padding: 0 20px;
}
.CT-220-illustration-5 {
width: 100%;
max-width: 400px;
margin-left: 40px;
}
.CT-220-bloc-illustration-5 p {
margin-left: -190px;
max-width: 300px;
width: 100%;
margin-top: 50px;
}
@media (max-width: 525px) {
.CT-220-bloc-illustration-5 p {
margin-left: -220px;
margin-top: 50px;
}
}
@media (max-width: 430px) {
.CT-220-bloc-illustration-5 {
flex-direction: column;
}
.CT-220-bloc-illustration-5 p {
margin-left: 0;
margin-top: 30px;
width: 100%;
max-width: inherit;
}
}
@media (max-width: 350px) {
.CT-220-bloc-illustration-1, .CT-220-bloc-illustration-2, .CT-220-bloc-illustration-3, .CT-220-bloc-illustration-4 {
flex-direction: column;
}
.CT-220-bloc-illustration-5 {
margin-top: 30px;
}
}
.CT-220-bloc-ansi {
border: solid 1px #000;
padding: 20px;
position: relative;
margin-bottom: 70px;
margin-top: 80px;
}
.CT-220-bloc-ansi p {
margin-top: 0;
}
.CT-220-titre-ansi {
position: absolute;
background-color: #fff;
padding: 0 30px 0 10px;
top: -48px;
left: 0;
width: auto !important;
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// IDevac-CT002--usages-principaux ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-221-bloc-illustration-1 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 50px 0;
}
.CT-221-illustration-1 {
width: 100%;
max-width: 230px;
}
.CT-221-tableau-1 {
width: 557px;
}
.CT-221-tableau-1-2 {
width: 100%;
max-width: 274px;
margin: 0 auto;
display: none;
}
.CT-221-tableau-2 {
width: 100%;
max-width: 274px;
margin: 30px auto 0;
}
.CT-218-bloc-illustration-1-2 {
display: flex;
flex-direction: column;
}
.CT-221-illustration-2 {
width: 100%;
max-width: 202px;
margin: 50px 0;
}
.CT-221-illustration-3 {
width: 100%;
max-width: 276px;
margin: 50px 0;
}
.CT-221-bloc-illustration-2 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 50px 0;
}
.CT-221-illustration-4 {
width: 100%;
max-width: 330px;
}
.CT-218-bloc-illustration-2-2 {
display: flex;
flex-direction: column;
}
.CT-221-tableau-3 {
width: 100%;
max-width: 379px;
}
.CT-221-tableau-3-2 {
width: 100%;
max-width: 267px;
margin: 0 auto;
display: none;
}
.CT-221-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 274px;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 7px 0 0 102px;
display: flex;
flex-direction: column;
}
.CT-221-illustration-attention {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-221-texte-1 {
margin-top: 15px;
}
.CT-221-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin: 50px 0;
}
.CT-218-bloc-illustration-3-3 {
margin: 0 17px;
}
.CT-218-bloc-illustration-3-2-2, .CT-218-bloc-illustration-3-3-2, .CT-218-bloc-illustration-3-4-2 {
padding: 30px;
border-radius: 10px;
}
.CT-221-bloc-illustration-3 p {
margin-bottom: 20px;
}
.CT-221-illustration-5 {
width: 364px;
}
.CT-221-illustration-5-2 {
width: 100%;
max-width: 247px;
margin: 0 auto;
display: none;
}
.CT-221-illustration-6 {
width: 82px;
height: 240px;
}
.CT-221-illustration-7 {
width: 107px;
height: 240px;
}
.CT-221-bloc-illustration-4 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 50px 0;
}
.CT-221-illustration-8 {
width: 100%;
max-width: 245px;
}
.CT-221-tableau-4 {
width: 585px;
}
.CT-221-tableau-4-2 {
width: 100%;
max-width: 274px;
margin: 0 auto;
display: none;
}
@media (max-width: 980px) {
.CT-221-bloc-illustration-1 {
flex-direction: column;
}
.CT-221-illustration-1 {
margin: 0 auto 50px;
}
.CT-221-tableau-1 {
margin: auto;
}
.CT-221-bloc-illustration-2 {
flex-direction: column;
}
.CT-221-illustration-4 {
margin: 0 auto 50px;
}
.CT-218-bloc-illustration-2-2 {
margin: 0 auto;
}
.CT-221-bloc-illustration-3 {
flex-direction: column;
}
.CT-218-bloc-illustration-3-3 {
margin: 30px 0;
}
.CT-221-illustration-5 {
width: 100%;
max-width: 364px;
margin: 0 auto;
}
.CT-221-illustration-6 {
margin: 0 auto;
}
.CT-221-illustration-7 {
margin: 0 auto;
}
.CT-221-bloc-illustration-4 {
flex-direction: column;
}
.CT-221-illustration-8 {
margin: 0 auto 30px;
}
.CT-221-tableau-4 {
margin: 0 auto;
}
}
@media (max-width: 700px) {
.CT-221-illustration-2 {
margin: 50px auto;
}
.CT-221-illustration-3 {
margin: 50px auto;
}
.CT-221-tableau-1 {
display: none;
}
.CT-221-tableau-1-2 {
display: block;
}
.CT-221-tableau-2 {
margin: 2px auto 0;
}
.CT-221-tableau-4 {
display: none;
}
.CT-221-tableau-4-2 {
display: block;
}
}
@media (max-width: 500px) {
.CT-221-tableau-3 {
display: none;
}
.CT-221-tableau-3-2 {
display: block;
}
.CT-221-bloc-texte-gris-1 {
width: 100%;
margin: 30px 0 0 0px;
flex-direction: row;
}
.CT-221-illustration-5 {
display: none;
}
.CT-221-illustration-5-2 {
display: block;
}
}
@media (max-width: 400px) {
.CT-221-bloc-texte-gris-1 {
flex-direction: column;
}
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe04_Certification ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.CT-222-p {
width: 100% !important;
}
.CT-222-h3 {
margin: 50px 0 0 0 !important;
}
.CT-222-retrait-texte {
padding: 0 0 0 30px;
box-sizing: border-box;
}
.CT-222-retrait-texte-span {
padding: 0 0 0 14px;
display: inline-block;
}
.CT-222-hr {
margin: 50px 0 40px;
}
@media (max-width: 1000px) {
.CT-222-retrait-texte-span {
padding: 0;
}
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe05_antipanique ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-223-p {
margin: 50px 0 0 0;
}
.CT-223-illustration-1 {
width: 100%;
padding: 30px;
box-sizing: border-box;
margin: 30px 0 0 0;
}
.CT-223-illustration-1 img {
width: 100%;
max-width: 125px;
margin: 0 auto;
display: block;
}
/*////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe01_gamme_S_L ///////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-224-p {
margin: 50px 0 0 0;
}
.CT-224-table-1 {
text-align: center;
}
.CT-224-table-2 {
display: none;
}
.CT-224-table-3 {
display: none;
}
.CT-224-table-1 td, .CT-224-table-2 td, .CT-224-table-3 td {
padding: 6px !important;
box-sizing: border-box;
}
@media (max-width: 850px) {
.CT-224-table-1 {
display: none;
}
.CT-224-table-2 {
text-align: center;
max-width: 340px;
width: 100%;
display: table;
}
.CT-224-table-3 {
text-align: center;
max-width: 340px;
width: 100%;
display: table;
}
}
/*/////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe13_ficelle_poignee ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/
.CT-225-illustration-1 {
width: 100%;
max-width: 850px;
margin: 50px 0;
}
.CT-225-illustration-1-2 {
width: 100%;
max-width: 630px;
margin: 50px auto;
display: none;
}
.CT-225-bloc-illustration-1 {
display: flex;
flex-direction: column;
width: 100%;
max-width: 405px;
}
.CT-225-illustration-2 {
width: 100%;
max-width: 405px;
margin: 5px 0;
}
@media (max-width: 600px) {
.CT-225-illustration-1 {
display: none;
}
.CT-225-illustration-1-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe11_MouflageBoucle ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-226-p {
margin: 50px 0 0 0;
}
.CT-226-bloc-illustration-1 {
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 50px auto;
width: 100%;
max-width: 790px;
}
.CT-226-bloc-illustration-2 {
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 50px auto;
width: 100%;
max-width: 400px;
}
.CT-226-illustration-1 {
width: 100%;
max-width: 263px;
margin-top: 17px;
}
.CT-226-illustration-2 {
width: 100%;
max-width: 433px;
}
.CT-226-illustration-2-2 {
width: 100%;
max-width: 260px;
margin: 50px auto 0;
display: none;
}
.CT-226-illustration-3 {
width: 100%;
max-width: 153px;
}
.CT-226-illustration-4 {
width: 100%;
max-width: 172px;
}
.CT-226-illustration-5 {
width: 100%;
max-width: 212px;
margin: 50px auto 0;
}
@media (max-width: 950px) {
.CT-226-bloc-illustration-1 {
flex-direction: column;
width: 100%;
max-width: 100%;
}
.CT-226-illustration-1 {
margin: 0 auto;
}
.CT-226-illustration-2 {
margin: 50px auto 0;
}
}
@media (max-width: 450px) {
.CT-226-bloc-illustration-2 {
flex-direction: column;
width: 100%;
max-width: 100%;
}
.CT-226-illustration-2 {
display: none;
}
.CT-226-illustration-2-2 {
display: block;
}
.CT-226-illustration-3 {
margin: 0 auto;
}
.CT-226-illustration-4 {
margin: 50px auto 0;
}
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe02_principe_fonctionnement ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.CT-227-h3 {
margin: 50px 0 0 0 !important;
}
.CT-227-illustration-1, .CT-227-illustration-1-2, .CT-227-illustration-1-3, .CT-227-illustration-3, .CT-227-illustration-3-2, .CT-227-illustration-3-3 {
padding: 20px;
box-sizing: border-box;
margin: 50px 0 70px;
}
.CT-227-illustration-2, .CT-227-illustration-2-2, .CT-227-illustration-2-3 {
padding: 0 20px 20px 20px;
box-sizing: border-box;
margin: 50px 0 70px;
}
.CT-227-illustration-1 img {
width: 100%;
max-width: 800px;
margin: 0 auto;
display: block;
}
.CT-227-illustration-1-2, .CT-227-illustration-1-3, .CT-227-illustration-2-2, .CT-227-illustration-2-3, .CT-227-illustration-3-2, .CT-227-illustration-3-3 {
display: none;
}
.CT-227-illustration-1-2 img {
width: 100%;
max-width: 396px;
margin: 0 auto;
display: block;
}
.CT-227-illustration-1-3 img {
width: 100%;
max-width: 187px;
margin: 0 auto;
display: block;
}
.CT-227-illustration-2 img {
width: 100%;
max-width: 803px;
margin: 0 auto;
display: block;
}
.CT-227-illustration-2-2 img {
width: 100%;
max-width: 436px;
margin: 0 auto;
display: block;
}
.CT-227-illustration-2-3 img {
width: 100%;
max-width: 339px;
margin: 0 auto;
display: block;
}
.CT-227-illustration-3 img {
width: 100%;
max-width: 597px;
margin: 0 auto;
display: block;
}
.CT-227-illustration-3-2 img {
width: 100%;
max-width: 354px;
margin: 0 auto;
display: block;
}
.CT-227-illustration-3-3 img {
width: 100%;
max-width: 334px;
margin: 0 auto;
display: block;
}
@media (max-width: 900px) {
.CT-227-illustration-1, .CT-227-illustration-2, .CT-227-illustration-3 {
display: none;
}
.CT-227-illustration-1-2, .CT-227-illustration-2-2, .CT-227-illustration-3-2 {
display: block;
padding: 20px;
}
}
@media (max-width: 480px) {
.CT-227-illustration-1-2, .CT-227-illustration-2-2, .CT-227-illustration-3-2 {
display: none;
}
.CT-227-illustration-2-3, .CT-227-illustration-3-3 {
display: block;
padding: 20px;
}
.CT-227-illustration-1-3 {
padding: 20px 70px;
display: block;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe03_techniques_miroir_classique ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
.CT-228-h3 {
margin-top: 50px !important;
display: inline-block;
}
.CT-228-bloc-illustration-1, .CT-228-bloc-illustration-2 {
display: flex;
flex-direction: column;
margin: 50px 0;
}
.CT-228-illustration-1 {
width: 100%;
max-width: 323px;
}
.CT-228-illustration-2 {
width: 100%;
max-width: 847px;
margin: -120px 0 0 0;
}
.CT-228-illustration-2-2 {
width: 100%;
max-width: 650px;
display: none;
}
.CT-228-illustration-3 {
width: 100%;
max-width: 323px;
}
.CT-228-illustration-4 {
width: 100%;
max-width: 837px;
margin: -30px 0 0 0;
}
.CT-228-illustration-4-2 {
width: 100%;
max-width: 628px;
display: none;
}
@media (max-width: 800px) {
.CT-228-illustration-2 {
display: none;
}
.CT-228-illustration-2-2 {
display: block;
margin: 20px 0 0 0;
}
.CT-228-illustration-4 {
display: none;
}
.CT-228-illustration-4-2 {
display: block;
margin: 20px 0 0 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade falaise-Comment installer une moulinette ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-229-illustration-1 {
width: 35%;
margin: 5% auto;
}
.CT-229-illustration-2, .CT-229-illustration-3 {
width: 100%;
}
.CT-229-encadre {
padding: 5px 15px 15px 15px;
margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 5px 0px #cecece;
-moz-box-shadow: 0px 0px 5px 0px #cecece;
-o-box-shadow: 0px 0px 5px 0px #cecece;
box-shadow: 0px 0px 5px 0px #cecece;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.CT-229-container {
justify-content: center;
display: inline-flex;
width: 100%;
}
.CT-229-illustration-4, .CT-229-illustration-5 {
width: 40%;
margin: 5%;
}
.CT-229-illustration-6 {
width: 30%;
margin: 5% auto;
}
.CT-229-illustration-7, .CT-229-illustration-8 {
width: 30%;
margin: 5%;
}
.CT-229-illustration-8 {
width: 40%;
}
.CT-229-remove-margin-left {
width: 100% !important;
}
@media (max-width: 700px) {
.CT-229-illustration-1, .CT-229-illustration-2, .CT-229-illustration-3, .CT-229-illustration-4, .CT-229-illustration-5, .CT-229-illustration-6, .CT-229-illustration-7, .CT-229-illustration-8 {
width: 45%;
margin: 5% auto;
}
.CT-229-container {
flex-direction: column;
}
.CT-229-encadre {
width: 100%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe08_ComparaisonMAESTRO_ID_Miroir ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.CT-230-h3 {
margin-top: 50px !important;
display: inline-block;
}
.CT-230-bloc-illustration-1 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 50px 0;
}
.CT-230-bloc-illustration-2 {
display: flex;
flex-direction: column;
width: calc(48% + 10px);
margin: 0 20px 0 0;
}
.CT-230-bloc-illustration-3 {
display: flex;
flex-direction: column;
width: calc(48.6% + 10px);
}
.CT-230-illustration-2 img {
width: 100% !important;
max-width: calc(369px + 5px);
margin: 0 auto;
display: block;
}
.CT-230-illustration-4 img {
width: 100% !important;
max-width: 389px;
margin: 0 auto;
display: block;
}
.CT-230-illustration-1 {
width: 127px;
margin: 0 auto 30px;
}
.CT-230-illustration-2 {
border: 1px solid #333333;
padding: 20px;
box-sizing: border-box;
}
.CT-230-illustration-3 {
width: 127px;
margin: 0 auto 30px;
}
.CT-230-illustration-4 {
border: 1px solid #333333;
padding: 20px;
box-sizing: border-box;
}
.CT-230-bloc-illustration-4 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 50px 0;
}
.CT-230-illustration-5 {
border: 1px solid #333333;
padding: 20px;
box-sizing: border-box;
width: calc(48% + 10px);
margin: 0 20px 0 0;
}
.CT-230-illustration-5 img {
width: 100% !important;
max-width: 328px;
margin: 0 auto;
display: block;
}
.CT-230-illustration-5-2 {
border: 1px solid #333333;
padding: 20px;
box-sizing: border-box;
display: none;
}
.CT-230-illustration-5-2 img {
width: 100% !important;
max-width: 131px;
margin: 0 auto;
display: block;
}
.CT-230-illustration-6 {
border: 1px solid #333333;
padding: 20px;
box-sizing: border-box;
width: calc(49.9% + 10px);
}
.CT-230-illustration-6 img {
width: 100% !important;
max-width: 406px;
margin: 0 auto;
display: block;
}
.CT-230-illustration-6-2 {
border: 1px solid #333333;
padding: 20px;
box-sizing: border-box;
display: none;
}
.CT-230-illustration-6-2 img {
width: 100% !important;
max-width: 198px;
margin: 0 auto;
display: block;
}
.CT-230-bloc-illustration-5 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 50px 0 0;
}
.CT-230-illustration-7 {
width: 33%;
display: flex;
padding: 20px;
box-sizing: border-box;
}
.CT-230-illustration-7 img {
width: 100% !important;
max-width: 211px;
margin: auto;
display: block;
}
.CT-230-illustration-8 {
width: 33%;
margin: 0 20px 0 0;
padding: 20px;
box-sizing: border-box;
border: 1px solid #333333;
}
.CT-230-illustration-8 img {
width: 100% !important;
max-width: 209px;
margin: 0 auto;
display: block;
}
.CT-230-illustration-9 {
width: 33%;
padding: 20px;
box-sizing: border-box;
border: 1px solid #333333;
}
.CT-230-illustration-9 img {
width: 100% !important;
max-width: 137px;
margin: 0 auto;
display: block;
}
.CT-230-bloc-illustration-6 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 20px 0 50px;
}
.CT-230-illustration-10 {
width: 33%;
display: flex;
padding: 20px;
box-sizing: border-box;
}
.CT-230-illustration-10 img {
width: 100% !important;
max-width: 250px;
margin: auto;
display: block;
}
.CT-230-illustration-11 {
width: 33%;
margin: 0 20px 0 0;
padding: 20px;
box-sizing: border-box;
border: 1px solid #333333;
}
.CT-230-illustration-11 img {
width: 100% !important;
max-width: 247px;
margin: 0 auto;
display: block;
}
.CT-230-illustration-12 {
width: 33%;
padding: 20px;
box-sizing: border-box;
border: 1px solid #333333;
}
.CT-230-illustration-12 img {
width: 100% !important;
max-width: 212px;
margin: 0 auto;
display: block;
}
.CT-230-bloc-illustration-7 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 50px 0 0;
}
.CT-230-illustration-13 {
width: 29%;
display: flex;
padding: 20px;
box-sizing: border-box;
}
.CT-230-illustration-13 img {
width: 100% !important;
max-width: 294px;
margin: auto;
display: block;
}
.CT-230-illustration-14 {
width: 67.5%;
display: flex;
padding: 20px;
box-sizing: border-box;
border: 1px solid #333333;
}
.CT-230-illustration-14 img {
width: 100% !important;
max-width: 400px;
margin: auto;
display: block;
}
@media (max-width: 700px) {
.CT-230-bloc-illustration-1 {
flex-direction: column;
}
.CT-230-bloc-illustration-2 {
flex-direction: column;
width: 100%;
margin: 0 0 50px 0;
}
.CT-230-bloc-illustration-3 {
flex-direction: column;
width: 100%;
margin: 0 0 50px 0;
}
.CT-230-bloc-illustration-4 {
flex-direction: column;
}
.CT-230-illustration-5 {
width: 100%;
margin: 0 0 20px 0;
}
.CT-230-illustration-6 {
width: 100%;
}
.CT-230-bloc-illustration-5 {
flex-direction: column;
}
.CT-230-illustration-7 {
width: 100%;
}
.CT-230-illustration-8 {
width: 100%;
margin: 0 0 20px 0;
}
.CT-230-illustration-9 {
width: 100%;
}
.CT-230-bloc-illustration-6 {
flex-direction: column;
margin: 50px 0;
}
.CT-230-illustration-10 {
width: 100%;
}
.CT-230-illustration-11 {
width: 100%;
margin: 0 0 20px 0;
}
.CT-230-illustration-12 {
width: 100%;
}
.CT-230-bloc-illustration-7 {
flex-direction: column;
}
.CT-230-illustration-13 {
width: 100%;
}
.CT-230-illustration-14 {
width: 100%;
}
}
@media (max-width: 700px) {
.CT-230-illustration-5 {
display: none;
}
.CT-230-illustration-6 {
display: none;
}
.CT-230-illustration-5-2 {
display: block;
margin: 0 0 20px 0;
}
.CT-230-illustration-6-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////*/
/*//////////////////// GRILLON_2_PERSONNES ///////////////////////*/
/*////////////////////////////////////////////////////////////////*/
.CT-231-illustrations {
margin-top: 30px;
width: 35%;
min-width: 320px;
}
.CT-231-wrapper {
display: flex;
}
.CT-231-table {
text-align: center;
border: 0;
}
.CT-231-table tr {
border: 0 !important;
}
.CT-231-table tr:first-child {
border-bottom: 1px solid #e6e6e6 !important;
}
.CT-231-table td {
padding: 10px;
border: 0 !important;
}
.CT-231-table td:nth-child(2), .CT-231-table td:nth-child(3) {
border-left: 1px solid #e6e6e6 !important;
border-right: 1px solid #e6e6e6 !important;
}
.CT-231-illustration-4 {
margin-right: 5%;
}
@media (max-width: 700px) {
.CT-231-wrapper {
flex-direction: column;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe09_ContreAssurage ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-232-p {
margin-top: 50px !important;
display: block;
}
.CT-232-h3 {
margin-top: 50px !important;
display: block;
}
.CT-232-illustration-1 {
margin: 50px 0 10px;
width: 100%;
max-width: 851px;
}
.CT-232-illustration-1-2 {
width: 100%;
max-width: 366px;
margin: 0 auto 10px;
display: none;
}
.CT-232-bloc-illustration-1 {
display: flex;
flex-direction: row;
}
.CT-232-illustration-2 {
width: 50%;
margin: 50px 0;
}
.CT-232-illustration-3 {
width: 50%;
margin: 50px 0;
}
.CT-232-illustration-2 img {
width: 100%;
max-width: 324px;
margin: 0 auto;
display: block;
}
.CT-232-illustration-3 img {
width: 100%;
max-width: 236px;
margin: 0 auto;
display: block;
}
.CT-232-illustration-4 {
width: 100%;
max-width: 539px;
margin: 50px auto;
}
.CT-232-illustration-4-2 {
width: 100%;
max-width: 244px;
display: none;
margin: 50px auto;
}
.CT-232-illustration-5 {
width: 100%;
max-width: 751px;
margin: 50px auto;
}
.CT-232-illustration-5-2 {
width: 100%;
max-width: 403px;
display: none;
margin: 50px auto;
}
.CT-232-bloc-illustration-2 {
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 50px 0;
}
.CT-232-bloc-illustration-3 {
display: flex;
flex-direction: column;
max-width: 137px;
}
.CT-232-bloc-illustration-3 p {
margin-bottom: 20px;
text-align: center;
}
.CT-232-illustration-6 {
width: 100%;
max-width: 137px;
}
.CT-232-illustration-7 {
width: calc(100% - 167px);
max-width: 607px;
}
.CT-232-illustration-7-2 {
width: 100%;
max-width: 607px;
display: none;
}
@media (max-width: 830px) {
.CT-232-bloc-illustration-1 {
flex-direction: column;
}
.CT-232-illustration-4 {
display: none;
}
.CT-232-illustration-4-2 {
display: block;
}
.CT-232-illustration-2 {
width: 100%;
margin: 50px auto;
}
.CT-232-illustration-3 {
width: 100%;
margin: 0px 0 50px;
padding: 0 30px;
box-sizing: border-box;
}
}
@media (max-width: 800px) {
.CT-232-illustration-1 {
display: none;
}
.CT-232-illustration-1-2 {
display: block;
}
.CT-232-illustration-1-2 + em {
text-align: center;
width: 100%;
display: inline-block;
}
}
@media (max-width: 700px) {
.CT-232-bloc-illustration-2 {
flex-direction: column;
}
.CT-232-bloc-illustration-3 {
max-width: 100%;
}
.CT-232-illustration-6 {
width: 100%;
margin: 0 auto 50px;
}
.CT-232-illustration-7 {
width: 100%;
margin: auto;
}
}
@media (max-width: 600px) {
.CT-232-illustration-5 {
display: none;
}
.CT-232-illustration-5-2 {
display: block;
}
}
@media (max-width: 550px) {
.CT-232-illustration-7 {
display: none;
}
.CT-232-illustration-7-2 {
display: block;
width: 100%;
max-width: 331px;
margin: 0 auto;
}
}
/*//////////////////////////////////////////////////////////*/
/*//////////////////// ID S_TestLabo ///////////////////////*/
/*//////////////////////////////////////////////////////////*/
.CT-233-h3 {
margin-top: 50px !important;
display: block;
}
.CT-233-hr {
margin: 30px 0 !important;
}
.CT-233-bloc-illustration-1 {
padding: 30px;
box-sizing: border-box;
margin: 30px 0;
}
.CT-233-h4 {
margin-top: 0 !important;
text-transform: none !important;
}
.CT-233-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-233-illustration-1 {
width: 50%;
}
.CT-233-illustration-2 {
width: 50%;
}
.CT-233-illustration-1 img {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.CT-233-illustration-2 img {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.CT-233-illustration-1-2 {
display: none;
width: 100%;
max-width: 385px;
margin: 0 auto;
}
.CT-233-bloc-illustration-3 {
padding: 30px;
box-sizing: border-box;
margin: 30px 0;
}
.CT-233-bloc-illustration-4 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-233-illustration-3 {
width: 50%;
}
.CT-233-illustration-4 {
width: 50%;
}
.CT-233-illustration-3 img {
width: 100%;
max-width: 256px;
margin: 0 auto;
display: block;
}
.CT-233-illustration-4 img {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.CT-233-bloc-illustration-5 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-233-illustration-5 {
width: 50%;
}
.CT-233-illustration-6 {
width: 50%;
}
.CT-233-illustration-5 img {
width: 100%;
max-width: 246px;
margin: 0 auto;
display: block;
}
.CT-233-illustration-6 img {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.CT-233-bloc-illustration-6 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-233-illustration-7 {
width: 50%;
}
.CT-233-illustration-8 {
width: 50%;
}
.CT-233-illustration-7 img {
width: 100%;
max-width: 206px;
margin: 0 auto;
display: block;
}
.CT-233-illustration-8 img {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.CT-233-bloc-illustration-7 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-233-illustration-9 {
width: 50%;
}
.CT-233-illustration-10 {
width: 50%;
}
.CT-233-illustration-9 img {
width: 100%;
max-width: 251px;
margin: 0 auto;
display: block;
}
.CT-233-illustration-10 img {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.CT-233-bloc-illustration-8 {
padding: 30px;
box-sizing: border-box;
margin: 30px 0;
}
.CT-233-bloc-illustration-9 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-233-illustration-11, .CT-233-illustration-12 {
width: 50%;
}
.CT-233-illustration-11 img {
width: 100%;
max-width: 235px;
margin: 0 auto;
display: block;
}
.CT-233-illustration-12 img {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.CT-233-bloc-illustration-10 {
padding: 30px;
box-sizing: border-box;
margin: 30px 0;
}
.CT-233-illustration-13 {
width: 100%;
max-width: 385px;
margin: 30px 0 0;
}
@media (max-width: 750px) {
.CT-233-illustration-1 {
display: none;
}
.CT-233-illustration-2 {
display: none;
}
.CT-233-illustration-1-2 {
display: block;
}
.CT-233-bloc-illustration-4, .CT-233-bloc-illustration-5, .CT-233-bloc-illustration-6, .CT-233-bloc-illustration-7, .CT-233-bloc-illustration-9 {
flex-direction: column;
}
.CT-233-illustration-3, .CT-233-illustration-5, .CT-233-illustration-7, .CT-233-illustration-9, .CT-233-illustration-11 {
width: 100%;
margin-bottom: 30px;
}
.CT-233-illustration-4, .CT-233-illustration-6, .CT-233-illustration-8, .CT-233-illustration-10, .CT-233-illustration-12 {
width: 100%;
}
.CT-233-illustration-13 {
margin: 30px auto 0;
}
}
@media (max-width: 400px) {
.CT-233-bloc-illustration-1, .CT-233-bloc-illustration-3, .CT-233-bloc-illustration-8, .CT-233-bloc-illustration-10 {
padding: 15px;
}
}
/*//////////////////////////////////////////////////////////*/
/*//////////////////// ID L_TestLabo ///////////////////////*/
/*//////////////////////////////////////////////////////////*/
.CT-234-h3 {
margin-top: 50px !important;
display: block;
}
.CT-234-hr {
margin: 30px 0 !important;
}
.CT-234-bloc-illustration-1, .CT-234-bloc-illustration-2, .CT-234-bloc-illustration-5, .CT-234-bloc-illustration-7 {
padding: 30px;
box-sizing: border-box;
margin: 30px 0;
}
.CT-234-h4 {
margin-top: 0 !important;
text-transform: none !important;
}
.CT-234-illustration-1 {
width: 100%;
max-width: 385px;
margin: 30px 0 0;
}
.CT-234-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-234-illustration-2 {
width: 50%;
}
.CT-234-illustration-3 {
width: 50%;
}
.CT-234-illustration-2 img {
width: 100%;
max-width: 256px;
margin: 0 auto;
display: block;
}
.CT-234-illustration-3 img {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.CT-234-bloc-illustration-4 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-234-illustration-4 {
width: 50%;
}
.CT-234-illustration-5 {
width: 50%;
}
.CT-234-illustration-4 img {
width: 100%;
max-width: 251px;
margin: 0 auto;
display: block;
}
.CT-234-illustration-5 img {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.CT-234-bloc-illustration-6 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-234-illustration-6 {
width: 50%;
}
.CT-234-illustration-7 {
width: 50%;
}
.CT-234-illustration-6 img {
width: 100%;
max-width: 235px;
margin: 0 auto;
display: block;
}
.CT-234-illustration-7 img {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.CT-234-illustration-8 {
width: 100%;
max-width: 385px;
margin: 30px 0 0;
}
@media (max-width: 750px) {
.CT-234-bloc-illustration-3, .CT-234-bloc-illustration-4, .CT-234-bloc-illustration-6 {
flex-direction: column;
}
.CT-234-illustration-2, .CT-234-illustration-4, .CT-234-illustration-6 {
width: 100%;
margin-bottom: 30px;
}
.CT-234-illustration-3, .CT-234-illustration-5, .CT-234-illustration-7 {
width: 100%;
}
.CT-234-illustration-1, .CT-234-illustration-8 {
margin: 30px auto 0;
}
}
@media (max-width: 400px) {
.CT-234-bloc-illustration-1, .CT-234-bloc-illustration-5, .CT-234-bloc-illustration-5, .CT-234-bloc-illustration-7 {
padding: 15px;
}
}
/*//////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe06_RapportsMouflage ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
.CT-235-h3 {
margin-top: 50px !important;
display: block;
}
.CT-235-h4 {
margin-top: 70px !important;
}
.CT-235-h3 + p {
width: 100% !important;
}
.CT-235-bloc-illustration-1, .CT-235-bloc-illustration-2, .CT-235-bloc-illustration-3, .CT-235-bloc-illustration-4, .CT-235-bloc-illustration-5, .CT-235-bloc-illustration-6 {
display: flex;
flex-direction: row;
margin: 50px 0;
}
.CT-235-illustration-1 {
width: 100%;
max-width: 276px;
margin: 50px auto;
}
.CT-235-illustration-2 {
flex-grow: 2;
}
.CT-235-illustration-2 img {
width: 119px !important;
margin-top: 12px;
}
.CT-235-illustration-3 {
flex-grow: 1;
}
.CT-235-illustration-3 img {
width: 169px !important;
}
.CT-235-illustration-4 {
flex-grow: 1;
}
.CT-235-illustration-4 img {
width: 125px !important;
}
.CT-235-illustration-5 {
flex-grow: 2;
}
.CT-235-illustration-5 img {
width: 118px !important;
margin-top: 12px;
}
.CT-235-illustration-6 {
flex-grow: 1;
}
.CT-235-illustration-6 img {
width: 151px !important;
}
.CT-235-illustration-7 {
flex-grow: 1;
}
.CT-235-illustration-7 img {
width: 182px !important;
margin-top: -4px;
}
.CT-235-illustration-8 {
flex-grow: 1;
}
.CT-235-illustration-8 img {
width: 119px !important;
margin-top: 12px;
}
.CT-235-illustration-9 {
flex-grow: 1;
}
.CT-235-illustration-9 img {
width: 112px !important;
margin-top: 25px;
}
.CT-235-illustration-10 {
flex-grow: 1;
}
.CT-235-illustration-10 img {
width: 138px !important;
}
.CT-235-illustration-11 {
flex-grow: 1;
}
.CT-235-illustration-11 img {
width: 205px !important;
}
.CT-235-bloc-vide-1 {
flex-grow: 1;
flex-basis: 20%;
}
.CT-235-illustration-12 {
flex-grow: 1;
}
.CT-235-illustration-12 img {
width: 123px !important;
margin-top: 25px;
}
.CT-235-illustration-13 {
flex-grow: 1;
}
.CT-235-illustration-13 img {
width: 166px !important;
}
.CT-235-illustration-14 {
flex-grow: 1;
}
.CT-235-illustration-14 img {
width: 259px !important;
}
.CT-235-illustration-15 {
flex-grow: 1;
}
.CT-235-illustration-15 img {
width: 138px !important;
}
.CT-235-illustration-16 {
flex-grow: 1;
}
.CT-235-illustration-16 img {
width: 141px !important;
}
.CT-235-illustration-17 {
flex-grow: 1;
}
.CT-235-illustration-17 img {
width: 183px !important;
}
.CT-235-illustration-18 {
flex-grow: 1;
}
.CT-235-illustration-18 img {
width: 311px !important;
}
.CT-235-illustration-19 {
flex-grow: 1;
}
.CT-235-illustration-19 img {
width: 170px !important;
}
.CT-235-illustration-20 {
flex-grow: 1;
}
.CT-235-illustration-20 img {
width: 139px !important;
}
.CT-235-illustration-21 {
flex-grow: 1;
}
.CT-235-illustration-21 img {
width: 137px !important;
}
.CT-235-illustration-22 {
flex-grow: 1;
}
.CT-235-illustration-22 img {
width: 246px !important;
}
@media (max-width: 700px) {
.CT-235-bloc-illustration-1, .CT-235-bloc-illustration-2, .CT-235-bloc-illustration-3, .CT-235-bloc-illustration-4, .CT-235-bloc-illustration-5, .CT-235-bloc-illustration-6 {
flex-direction: column;
}
.CT-235-bloc-illustration-1 img, .CT-235-bloc-illustration-2 img, .CT-235-bloc-illustration-3 img, .CT-235-bloc-illustration-4 img, .CT-235-bloc-illustration-5 img, .CT-235-bloc-illustration-6 img {
margin: auto;
display: block;
}
.CT-235-bloc-vide-1 {
display: none;
}
.CT-235-illustration-2, .CT-235-illustration-3, .CT-235-illustration-5, .CT-235-illustration-6, .CT-235-illustration-8, .CT-235-illustration-9, .CT-235-illustration-10, .CT-235-illustration-12, .CT-235-illustration-13, .CT-235-illustration-15, .CT-235-illustration-16, .CT-235-illustration-17, .CT-235-illustration-19, .CT-235-illustration-20, .CT-235-illustration-21 {
margin-bottom: 50px;
}
}
/*///////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe07_Mouflages ///////////////////////*/
/*///////////////////////////////////////////////////////////////////*/
.CT-236-h3 {
margin-top: 50px !important;
display: block;
}
.CT-236-h4 {
margin-top: 70px !important;
}
.CT-236-h3 + p {
width: 100% !important;
}
.CT-236-bloc-illustration-1, .CT-236-bloc-illustration-2, .CT-236-bloc-illustration-3, .CT-236-bloc-illustration-4, .CT-236-bloc-illustration-5 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 50px 0;
}
.CT-236-illustration-1, .CT-236-illustration-2, .CT-236-illustration-3, .CT-236-illustration-4, .CT-236-illustration-5, .CT-236-illustration-6, .CT-236-illustration-7, .CT-236-illustration-8, .CT-236-illustration-9, .CT-236-illustration-10, .CT-236-illustration-11, .CT-236-illustration-12, .CT-236-illustration-13, .CT-236-illustration-14, .CT-236-illustration-15, .CT-236-illustration-16, .CT-236-illustration-17, .CT-236-illustration-18, .CT-236-illustration-19, .CT-236-illustration-20, .CT-236-illustration-21, .CT-236-illustration-22, .CT-236-illustration-23 {
width: 33%;
min-width: 33%;
}
.CT-236-illustration-17 {
margin-bottom: 50px;
}
.CT-236-illustration-1 img, .CT-236-illustration-2 img, .CT-236-illustration-3 img, .CT-236-illustration-4 img, .CT-236-illustration-5 img, .CT-236-illustration-6 img, .CT-236-illustration-7 img, .CT-236-illustration-8 img, .CT-236-illustration-9 img, .CT-236-illustration-10 img, .CT-236-illustration-11 img, .CT-236-illustration-12 img, .CT-236-illustration-13 img, .CT-236-illustration-14 img, .CT-236-illustration-15 img, .CT-236-illustration-16 img, .CT-236-illustration-17 img, .CT-236-illustration-18 img, .CT-236-illustration-19 img, .CT-236-illustration-20 img, .CT-236-illustration-21 img, .CT-236-illustration-22 img, .CT-236-illustration-23 img, .CT-236-illustration-24 img {
display: block;
}
.CT-236-illustration-1 img {
width: 150px !important;
margin-left: 10%;
}
.CT-236-illustration-2 img {
width: 159px !important;
margin-left: 5%;
}
.CT-236-illustration-3 img {
width: 168px !important;
margin-left: 30%;
}
.CT-236-illustration-4 img {
width: 163px !important;
margin-left: 37%;
}
.CT-236-illustration-5 img {
width: 165px !important;
margin-left: 32%;
}
.CT-236-illustration-6 img {
width: 164px !important;
margin-left: 32%;
}
.CT-236-illustration-7 img {
width: 188px !important;
margin-left: 32%;
}
.CT-236-illustration-8 img {
width: 201px !important;
margin-left: 30%;
}
.CT-236-illustration-9 img {
width: 168px !important;
margin-left: 7%;
}
.CT-236-illustration-10 img {
width: 173px !important;
margin-left: 10%;
}
.CT-236-illustration-11 img {
width: 176px !important;
margin-left: 0%;
}
.CT-236-illustration-12 img {
width: 175px !important;
margin-left: 5%;
}
.CT-236-illustration-13 img {
width: 182px !important;
margin-left: 5%;
}
.CT-236-illustration-14 img {
width: 170px !important;
margin-left: 5%;
}
.CT-236-illustration-15 img {
width: 173px !important;
margin-left: 35%;
}
.CT-236-illustration-16 img {
width: 168px !important;
margin-left: 35%;
}
.CT-236-illustration-17 img {
width: 159px !important;
margin-left: 5%;
}
.CT-236-illustration-18 img {
width: 174px !important;
margin-left: 56%;
}
.CT-236-illustration-19 img {
width: 169px !important;
margin-left: 30%;
}
.CT-236-illustration-20 img {
width: 183px !important;
margin: 50px auto 50px 0%;
}
.CT-236-illustration-21 img {
width: 223px !important;
margin-left: 5%;
}
.CT-236-illustration-22 img {
width: 225px !important;
margin-left: 5%;
}
.CT-236-illustration-23 img {
width: 218px !important;
margin-left: 5%;
}
.CT-236-illustration-24 img {
width: 192px !important;
margin-left: 14%;
}
.CT-236-illustration-1, .CT-236-illustration-2, .CT-236-illustration-3, .CT-236-illustration-7, .CT-236-illustration-8, .CT-236-illustration-9, .CT-236-illustration-13, .CT-236-illustration-14, .CT-236-illustration-15 {
margin-bottom: 50px;
}
.CT-236-illustration-20 {
margin-bottom: 50px;
}
@media (max-width: 980px) {
.CT-236-illustration-1, .CT-236-illustration-2, .CT-236-illustration-3, .CT-236-illustration-4, .CT-236-illustration-5, .CT-236-illustration-6, .CT-236-illustration-7, .CT-236-illustration-8, .CT-236-illustration-9, .CT-236-illustration-10, .CT-236-illustration-11, .CT-236-illustration-12, .CT-236-illustration-13, .CT-236-illustration-14, .CT-236-illustration-15, .CT-236-illustration-16, .CT-236-illustration-17, .CT-236-illustration-18, .CT-236-illustration-19, .CT-236-illustration-20, .CT-236-illustration-21, .CT-236-illustration-22, .CT-236-illustration-23, .CT-236-illustration-24 {
width: 50%;
min-width: 50%;
}
.CT-236-illustration-1 img {
margin-left: 20%;
}
.CT-236-illustration-2 img {
margin-left: 17%;
}
.CT-236-illustration-3 img {
margin-left: 40%;
}
.CT-236-illustration-4 img {
margin-left: 37%;
}
.CT-236-illustration-5 img {
margin-left: 39%;
}
.CT-236-illustration-6 img {
margin-left: 36%;
}
.CT-236-illustration-7 img {
margin-left: 37%;
}
.CT-236-illustration-8 img {
margin-left: 36%;
}
.CT-236-illustration-9 img {
margin-left: 18%;
}
.CT-236-illustration-10 img {
margin-left: 15%;
}
.CT-236-illustration-11 img {
margin-left: 15%;
}
.CT-236-illustration-12 img {
margin-left: 15%;
}
.CT-236-illustration-13 img {
margin-left: 12%;
}
.CT-236-illustration-14 img {
margin-left: 15%;
}
.CT-236-illustration-15 img {
margin-left: 36%;
}
.CT-236-illustration-16 img {
margin-left: 35%;
}
.CT-236-illustration-17 img {
margin-left: 16%;
}
.CT-236-illustration-18 img {
margin-left: 31%;
}
.CT-236-illustration-19 img {
margin-left: 34%;
}
.CT-236-illustration-20 img {
margin: 50px auto 50px 12%;
}
.CT-236-illustration-21 img {
margin-left: 15%;
}
.CT-236-illustration-22 img {
margin-left: 15%;
}
.CT-236-illustration-23 img {
margin-left: 15%;
}
.CT-236-illustration-24 img {
margin-left: 16%;
}
.CT-236-illustration-17, .CT-236-illustration-18, .CT-236-illustration-21, .CT-236-illustration-22, .CT-236-illustration-24 {
margin-bottom: 50px;
}
}
@media (max-width: 650px) {
.CT-236-illustration-1, .CT-236-illustration-2, .CT-236-illustration-3, .CT-236-illustration-4, .CT-236-illustration-5, .CT-236-illustration-6, .CT-236-illustration-7, .CT-236-illustration-8, .CT-236-illustration-9, .CT-236-illustration-10, .CT-236-illustration-11, .CT-236-illustration-12, .CT-236-illustration-13, .CT-236-illustration-14, .CT-236-illustration-15, .CT-236-illustration-16, .CT-236-illustration-17, .CT-236-illustration-18, .CT-236-illustration-19, .CT-236-illustration-20, .CT-236-illustration-21, .CT-236-illustration-22, .CT-236-illustration-23, .CT-236-illustration-24 {
width: 100%;
min-width: 100%;
}
.CT-236-illustration-4, .CT-236-illustration-5, .CT-236-illustration-10, .CT-236-illustration-11 {
margin-bottom: 50px;
}
.CT-236-illustration-1 img {
margin-left: 29%;
}
.CT-236-illustration-2 img {
margin-left: 28%;
}
.CT-236-illustration-3 img {
margin-left: 42%;
}
.CT-236-illustration-4 img {
margin-left: 42%;
}
.CT-236-illustration-5 img {
margin-left: 41%;
}
.CT-236-illustration-6 img {
margin-left: 41%;
}
.CT-236-illustration-7 img {
margin-left: 40%;
}
.CT-236-illustration-8 img {
margin-left: 40%;
}
.CT-236-illustration-9 img {
margin-left: 25%;
}
.CT-236-illustration-10 img {
margin-left: 25%;
}
.CT-236-illustration-11 img {
margin-left: 23%;
}
.CT-236-illustration-12 img {
margin-left: 24%;
}
.CT-236-illustration-13 img {
margin-left: 24%;
}
.CT-236-illustration-14 img {
margin-left: 26%;
}
.CT-236-illustration-15 img {
margin-left: 40%;
}
.CT-236-illustration-16 img {
margin-left: 40%;
}
.CT-236-illustration-17 img {
margin-left: 27%;
}
.CT-236-illustration-18 img {
margin-left: 39%;
}
.CT-236-illustration-19 img {
margin-left: 41%;
}
.CT-236-illustration-20 img {
margin: 50px auto 50px 22%;
}
.CT-236-illustration-21 img {
margin-left: 25%;
}
.CT-236-illustration-22 img {
margin-left: 27%;
}
.CT-236-illustration-23 img {
margin-left: 28%;
}
.CT-236-illustration-24 img {
margin-left: 28%;
}
}
@media (max-width: 450px) {
.CT-236-illustration-1 img, .CT-236-illustration-2 img, .CT-236-illustration-3 img, .CT-236-illustration-4 img, .CT-236-illustration-5 img, .CT-236-illustration-6 img, .CT-236-illustration-7 img, .CT-236-illustration-8 img, .CT-236-illustration-9 img, .CT-236-illustration-10 img, .CT-236-illustration-11 img, .CT-236-illustration-12 img, .CT-236-illustration-13 img, .CT-236-illustration-14 img, .CT-236-illustration-15 img, .CT-236-illustration-16 img, .CT-236-illustration-17 img, .CT-236-illustration-18 img, .CT-236-illustration-19 img, .CT-236-illustration-20 img, .CT-236-illustration-21 img, .CT-236-illustration-22 img, .CT-236-illustration-23 img, .CT-236-illustration-24 img {
margin-left: auto;
margin-right: auto;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ID-pe03a-descente-appareil-ancrage-150-250-kg-IDS ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-237-h3 {
margin-top: 50px !important;
display: block;
}
.CT-237-h4 {
margin-top: 50px !important;
}
.CT-237-illustration-1 {
margin-top: 30px;
width: 100%;
max-width: 852px;
}
.CT-237-illustration-2 {
margin-bottom: 30px;
width: 100%;
max-width: 852px;
}
.CT-237-illustration-1-2 {
margin: 30px auto 0;
width: 100%;
max-width: 280px;
display: none;
}
.CT-237-illustration-2-2 {
margin: 0 auto 30px;
width: 100%;
max-width: 280px;
display: none;
}
.CT-237-illustration-3 {
margin: 30px 0;
width: 100%;
max-width: 143px;
}
@media (max-width: 700px) {
.CT-237-illustration-1 {
display: none;
}
.CT-237-illustration-2 {
display: none;
}
.CT-237-illustration-1-2 {
display: block;
}
.CT-237-illustration-2-2 {
display: block;
}
.CT-237-illustration-3 {
margin: 30px auto;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ID-pe03b-descente-appareil-ancrage-150-280-kg-IDL ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-238-h3 {
margin-top: 50px !important;
display: block;
}
.CT-238-h4 {
margin-top: 50px !important;
}
.CT-238-illustration-1 {
margin-top: 30px;
width: 100%;
max-width: 852px;
}
.CT-238-illustration-2 {
margin-bottom: 30px;
width: 100%;
max-width: 852px;
}
.CT-238-illustration-1-2 {
margin: 30px auto 0;
width: 100%;
max-width: 280px;
display: none;
}
.CT-238-illustration-2-2 {
margin: 0 auto 30px;
width: 100%;
max-width: 280px;
display: none;
}
.CT-238-illustration-3 {
margin: 30px 0;
width: 100%;
max-width: 143px;
}
@media (max-width: 700px) {
.CT-238-illustration-1 {
display: none;
}
.CT-238-illustration-2 {
display: none;
}
.CT-238-illustration-1-2 {
display: block;
}
.CT-238-illustration-2-2 {
display: block;
}
.CT-238-illustration-3 {
margin: 30px auto;
}
}
/*///////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZIGZAG-22-retour de branche en SRT ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
.CT-239-h3, .CT-239-p {
margin-top: 50px !important;
display: inline-block;
}
.CT-239-bloc-illustration-1 {
display: flex;
flex-direction: row;
padding: 30px;
margin: 30px 0;
box-sizing: border-box;
}
.CT-239-illustration-1 {
width: 100%;
max-width: calc(97px + 48px);
padding: 30px;
box-sizing: border-box;
}
.CT-239-illustration-2 {
width: 100%;
max-width: 349px;
margin: 0 30px;
display: flex;
}
.CT-239-illustration-2 img {
display: block;
margin: auto;
min-width: 100%;
}
.CT-239-illustration-3 {
width: 100%;
max-width: 337px;
display: flex;
}
.CT-239-illustration-3 img {
display: block;
margin: auto;
min-width: 100%;
}
.CT-239-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin: 30px 0;
}
.CT-239-bloc-illustration-3 {
display: flex;
flex-direction: column;
width: calc(50% - 15px);
margin: 0 15px 0 0;
}
.CT-239-bloc-illustration-3 p {
width: 100%;
}
.CT-239-illustration-4 {
width: 100%;
margin: 15px 0 0 0;
padding: 30px;
box-sizing: border-box;
display: flex;
}
.CT-239-illustration-4 img {
width: 90px !important;
margin: auto;
}
.CT-239-bloc-illustration-4 {
display: flex;
flex-direction: column;
width: calc(50% - 15px);
margin: 0 0 0 15px;
}
.CT-239-bloc-illustration-4 p {
width: 100%;
}
.CT-239-illustration-5 {
width: 100%;
margin: 15px 0 0 0;
padding: 30px;
box-sizing: border-box;
display: flex;
}
.CT-239-illustration-5 img {
width: 90px !important;
margin: 0 auto 1.5%;
}
.CT-239-bloc-illustration-5 {
display: flex;
flex-direction: row;
padding: 30px;
box-sizing: border-box;
margin: 30px 0;
}
.CT-239-illustration-6 {
width: 100%;
max-width: calc(103px + 48px);
padding: 30px;
box-sizing: border-box;
}
.CT-239-illustration-7 {
width: 100%;
max-width: 352px;
margin: 0 30px;
display: flex;
}
.CT-239-illustration-7 img {
display: block;
margin: auto;
min-width: 100%;
}
.CT-239-illustration-8 {
width: 100%;
max-width: 338px;
display: flex;
}
.CT-239-illustration-8 img {
display: block;
margin: auto;
min-width: 100%;
}
.CT-239-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-239-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-239-bloc-illustration-7 {
display: flex;
flex-direction: row;
margin: 30px 0;
}
.CT-239-illustration-10 {
width: calc(50% - 15px);
margin: 0 15px 0 0;
}
.CT-239-bloc-illustration-4 {
display: flex;
flex-direction: column;
width: calc(50% - 15px);
margin: 0 0 0 15px;
}
.CT-239-bloc-texte-gris-2 {
background-color: #F6F6F6;
width: calc(50% - 15px);
padding: 30px;
margin: 0 0 0 15px;
box-sizing: border-box;
border-radius: 10px;
display: flex;
flex-direction: row;
max-height: 350px;
}
.CT-239-illustration-10 {
display: flex;
width: calc(50% - 15px);
margin: 0 15px 0 0;
padding: 30px;
box-sizing: border-box;
}
.CT-239-illustration-10 img {
width: 102px !important;
margin: auto;
}
.CT-239-bloc-illustration-8 {
display: flex;
flex-direction: row;
margin: 30px 0;
}
.CT-239-illustration-12 {
display: flex;
width: calc(50% - 15px);
margin: 0 15px 0 0;
padding: 30px;
box-sizing: border-box;
}
.CT-239-illustration-12 img {
width: 118px !important;
margin: auto;
}
.CT-239-bloc-illustration-8 p {
width: calc(50% - 15px);
margin: 0 0 0 15px;
}
@media (max-width: 850px) {
.CT-239-bloc-illustration-1 {
flex-direction: column;
}
.CT-239-illustration-1 {
max-width: 100%;
display: flex;
margin: 0 0 30px 0;
}
.CT-239-illustration-1 img {
min-width: 97px;
margin: auto;
}
.CT-239-illustration-2 {
margin: 0 auto 30px;
}
.CT-239-illustration-3 {
margin: 0 auto;
}
.CT-239-bloc-illustration-5 {
flex-direction: column;
}
.CT-239-illustration-6 {
max-width: 100%;
display: flex;
margin: 0 0 30px 0;
}
.CT-239-illustration-6 img {
min-width: 103px;
margin: auto;
}
.CT-239-illustration-7 {
margin: 0 auto 30px;
}
.CT-239-illustration-8 {
margin: 0 auto;
}
}
@media (max-width: 800px) {
.CT-239-bloc-texte-gris-2 {
flex-direction: column;
max-height: 400px;
}
}
@media (max-width: 500px) {
.CT-239-bloc-illustration-2 {
flex-direction: column;
}
.CT-239-bloc-illustration-3 {
width: 100%;
}
.CT-239-bloc-illustration-4 {
width: 100%;
margin: 30px 0 0 0;
}
.CT-239-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-239-bloc-illustration-7 {
flex-direction: column;
}
.CT-239-illustration-10 {
width: 100%;
margin: 0 0 30px 0;
}
.CT-239-bloc-texte-gris-2 {
width: 100%;
padding: 30px;
margin: 0;
}
.CT-239-bloc-illustration-8 {
flex-direction: column;
}
.CT-239-illustration-12 {
margin: 0 0 30px 0;
width: 100%;
}
.CT-239-bloc-illustration-8 p {
width: 100%;
margin: 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ID-pe14-descente-accompagnee-200-kg ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-240-p {
margin-top: 50px !important;
display: inline-block;
}
.CT-240-h4 {
margin-top: 0 !important;
display: inline-block;
}
.CT-240-hr {
margin: 80px 0 65px !important;
}
.CT-240-hr + p {
margin-top: 0 !important;
}
.CT-240-illustration-2, .CT-240-illustration-2-2, .CT-240-illustration-3, .CT-240-illustration-3-2, .CT-240-illustration-4, .CT-240-illustration-4-2, .CT-240-illustration-5, .CT-240-illustration-5-2, .CT-240-illustration-6, .CT-240-bloc-illustration-2 {
padding: 30px;
box-sizing: border-box;
margin-top: 30px;
}
.CT-240-illustration-7 {
margin-top: 30px;
}
.CT-240-illustration-2-2, .CT-240-illustration-3-2, .CT-240-illustration-4-2, .CT-240-illustration-5-2, .CT-240-illustration-7-2 {
display: none;
}
.CT-240-illustration-1 {
width: 100%;
max-width: 356px;
margin-top: 30px;
margin-left: 50px;
}
.CT-240-illustration-2 {
width: 100%;
max-width: 380px;
}
.CT-240-illustration-2-2 {
width: 100%;
max-width: 320px;
}
.CT-240-illustration-3 {
width: 100%;
max-width: 816px;
}
.CT-240-illustration-3-2 {
width: 100%;
max-width: 380px;
}
.CT-240-illustration-4 {
width: 100%;
max-width: 380px;
}
.CT-240-illustration-4-2 {
width: 100%;
max-width: 320px;
}
.CT-240-illustration-5 {
width: 100%;
max-width: 380px;
}
.CT-240-illustration-5-2 {
width: 100%;
max-width: 320px;
}
.CT-240-illustration-6 {
width: 100%;
max-width: 239px;
}
.CT-240-illustration-7 {
width: 100%;
max-width: 811px;
}
.CT-240-illustration-7-2 {
width: 100%;
max-width: 417px;
}
.CT-240-bloc-illustration-1 {
display: flex;
flex-direction: row;
}
.CT-240-bloc-illustration-1 p {
margin: 30px 0 0 30px;
}
.CT-240-bloc-illustration-2 {
border-radius: 10px;
}
@media (max-width: 800px) {
.CT-240-illustration-1, .CT-240-illustration-2, .CT-240-illustration-3-2, .CT-240-illustration-4, .CT-240-illustration-5, .CT-240-illustration-7-2 {
margin: 30px auto 0;
}
.CT-240-illustration-3, .CT-240-illustration-7 {
display: none;
}
.CT-240-illustration-3-2, .CT-240-illustration-7-2 {
display: block;
}
}
@media (max-width: 700px) {
.CT-240-bloc-illustration-1 {
flex-direction: column;
}
.CT-240-illustration-6 {
margin: 30px auto 0;
}
.CT-240-bloc-illustration-1 p {
margin: 30px 0 0 0;
}
}
@media (max-width: 380px) {
.CT-240-illustration-2, .CT-240-illustration-4, .CT-240-illustration-5 {
display: none;
}
.CT-240-illustration-2-2, .CT-240-illustration-4-2, .CT-240-illustration-5-2 {
display: block;
}
}
/*/////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_TestLabo ///////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.CT-241-bloc-illustration-1 {
padding: 30px;
margin: 50px 0 0 0;
box-sizing: border-box;
}
.CT-241-bloc-illustration-3 {
padding: 30px;
margin: 30px 0 0 0;
box-sizing: border-box;
}
.CT-241-bloc-illustration-2, .CT-241-bloc-illustration-4, .CT-241-bloc-illustration-6, .CT-241-bloc-illustration-8, .CT-241-bloc-illustration-10 {
display: flex;
flex-direction: row;
}
.CT-241-bloc-illustration-7, .CT-241-bloc-illustration-9 {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 0 0 30px;
}
.CT-241-bloc-illustration-5 {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 0 0 76px;
}
.CT-241-h4 {
margin-top: 0 !important;
display: inline-block;
}
.CT-241-hr {
margin: 30px 0;
}
.CT-241-illustration-1 {
margin: 30px 25px 0 0;
width: 100%;
max-width: 404px;
}
.CT-241-illustration-2 {
margin: 30px 0 0 0;
width: 100%;
max-width: 387px;
}
.CT-241-illustration-3 {
margin: 30px 0 0 0;
width: 100%;
max-width: 223px;
}
.CT-241-illustration-4 {
margin: 30px 0 0 0;
width: 100%;
max-width: 440px;
}
.CT-241-illustration-5 {
margin: 30px 0 0 0;
width: 100%;
max-width: 440px;
}
.CT-241-illustration-6 {
margin: 30px 0 0 0;
width: 100%;
max-width: 269px;
}
.CT-241-illustration-7 {
margin: 30px 0 0 0;
width: 100%;
max-width: 440px;
}
.CT-241-illustration-8 {
margin: 30px 0 0 0;
width: 100%;
max-width: 440px;
}
.CT-241-illustration-9 {
margin: 30px 0 0 0;
width: 100%;
max-width: 269px;
}
.CT-241-illustration-10 {
margin: 30px 0 0 0;
width: 100%;
max-width: 475px;
}
.CT-241-illustration-11 {
margin: 30px 0 0 0;
width: 100%;
max-width: 475px;
}
.CT-241-illustration-12 {
margin: 30px 46px 0 0;
width: 100%;
max-width: 253px;
}
.CT-241-illustration-13 {
margin: 30px 0 0 0;
width: 100%;
max-width: 475px;
}
@media (max-width: 850px) {
.CT-241-bloc-illustration-2, .CT-241-bloc-illustration-4, .CT-241-bloc-illustration-6, .CT-241-bloc-illustration-8, .CT-241-bloc-illustration-10 {
flex-direction: column;
}
.CT-241-illustration-1, .CT-241-illustration-2, .CT-241-illustration-3, .CT-241-illustration-4, .CT-241-illustration-5, .CT-241-illustration-6, .CT-241-illustration-7, .CT-241-illustration-8, .CT-241-illustration-9, .CT-241-illustration-10, .CT-241-illustration-11, .CT-241-illustration-12, .CT-241-illustration-13 {
margin: 30px auto 0;
}
.CT-241-bloc-illustration-5, .CT-241-bloc-illustration-7, .CT-241-bloc-illustration-9 {
margin: 0;
}
}
@media (max-width: 400px) {
.CT-241-bloc-illustration-1, .CT-241-bloc-illustration-3 {
padding: 15px;
}
}
@media (max-width: 350px) {
.CT-241-bloc-illustration-1, .CT-241-bloc-illustration-3 {
padding: 15px 8px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ID-pe06a-contre-assurage-250-kg-IDS v2 ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-242-p {
margin-top: 50px !important;
display: inline-block;
}
.CT-242-h4 {
text-transform: none !important;
}
.CT-242-bloc-illustration-1 {
margin: 50px 0 60px;
display: flex;
flex-direction: row;
}
.CT-242-illustration-1 {
width: 100%;
max-width: 330px;
margin: 0 40px 0 0;
}
.CT-242-illustration-2 {
width: 100%;
max-width: 435px;
}
.CT-242-illustration-2-2 {
width: 100%;
max-width: 321px;
margin: 0 auto;
display: none;
}
.CT-242-bloc-illustration-2 {
margin: 20px 0 60px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.CT-242-illustration-3, .CT-242-illustration-3-2, .CT-242-illustration-3-3, .CT-242-illustration-3-4, .CT-242-illustration-3-5 {
width: 100%;
max-width: 142px;
border: 2px solid #999999;
margin: 10px 10px 0 0;
}
.CT-242-illustration-3 img, .CT-242-illustration-3-2 img, .CT-242-illustration-3-3 img, .CT-242-illustration-3-4 img, .CT-242-illustration-3-5 img {
display: block;
margin: 0 auto;
}
.CT-242-illustration-4 {
margin: 10px 0 30px;
width: 100%;
max-width: 723px;
}
.CT-242-illustration-4-2 {
margin: 10px 0 30px;
width: 100%;
max-width: 373px;
display: none;
}
.CT-242-bloc-illustration-3 {
margin: 40px 0 0;
display: flex;
flex-direction: row;
}
.CT-242-illustration-5 {
width: 100%;
max-width: 349px;
margin: 0 30px 0 0;
}
.CT-242-illustration-5-2 {
width: 100%;
max-width: 280px;
display: none;
margin: 0 auto 30px;
}
.CT-242-bloc-illustration-4 {
display: flex;
flex-direction: row;
width: 100%;
}
.CT-242-illustration-6 {
width: 100%;
max-width: 160px;
border: 2px solid #999999;
margin: 0 10px 0 0;
}
.CT-242-illustration-7 {
width: 100%;
max-width: 160px;
border: 2px solid #999999;
}
@media (max-width: 1200px) {
.CT-242-bloc-illustration-2 {
justify-content: center;
}
.CT-242-bloc-illustration-3 {
margin: 40px auto 0;
}
}
@media (max-width: 850px) {
.CT-242-bloc-illustration-1 {
flex-direction: column;
}
.CT-242-illustration-1 {
margin: 0 auto 40px;
}
.CT-242-illustration-2 {
margin: 0 auto;
}
.CT-242-illustration-4 {
display: none;
}
.CT-242-illustration-4-2 {
display: block;
margin: 0 auto;
}
.CT-242-bloc-illustration-3 {
flex-direction: column;
}
.CT-242-illustration-5 {
display: none;
}
.CT-242-illustration-5-2 {
display: block;
}
.CT-242-bloc-illustration-4 {
justify-content: center;
}
}
@media (max-width: 527px) {
.CT-242-illustration-3, .CT-242-illustration-3-2, .CT-242-illustration-3-3, .CT-242-illustration-3-4, .CT-242-illustration-3-5 {
max-width: inherit;
}
.CT-242-illustration-3 img, .CT-242-illustration-3-2 img, .CT-242-illustration-3-3 img, .CT-242-illustration-3-4 img, .CT-242-illustration-3-5 img {
max-width: 142px;
}
.CT-242-bloc-illustration-3 {
flex-direction: column;
}
.CT-242-illustration-2 {
display: none;
}
.CT-242-illustration-2-2 {
display: block;
}
}
@media (max-width: 400px) {
.CT-242-bloc-illustration-4 {
flex-direction: column;
}
.CT-242-illustration-6 {
width: 100%;
max-width: inherit;
margin: 0 0 10px 0;
}
.CT-242-illustration-7 {
width: 100%;
max-width: inherit;
}
.CT-242-illustration-6 img {
max-width: 140px;
display: block;
margin: 0 auto;
}
.CT-242-illustration-7 img {
max-width: 140px;
display: block;
margin: 0 auto;
}
}
/*/////////////////////////////////////////////////////////////*/
/*//////////////////// Falcon TopCrollS ///////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.CT-243-p {
margin-top: 50px !important;
display: inline-block;
}
.CT-243-illustration-1 {
width: 100%;
max-width: 341px;
margin: 30px 0 50px;
}
.CT-243-bloc-illustration-1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.CT-243-bloc-illustration-2, .CT-243-bloc-illustration-3, .CT-243-bloc-illustration-4 {
display: flex;
flex-direction: column;
margin: 20px 10px 0 0;
width: 48%;
min-width: 320px;
}
.CT-243-illustration-2 {
width: 100%;
max-width: 329px;
}
.CT-243-illustration-3 {
width: 100%;
max-width: 329px;
}
.CT-243-illustration-4 {
width: 100%;
max-width: 329px;
}
@media (max-width: 700px) {
.CT-243-bloc-illustration-2, .CT-243-bloc-illustration-3, .CT-243-bloc-illustration-4 {
width: 100%;
min-width: inherit;
margin: 20px 0 0 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MICRO TRAXION - sport 7 - Assurage du second avec MICRO TRAXION = danger! ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-244-bloc-illustration-1 {
margin: 60px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 12%;
box-sizing: border-box;
}
.CT-244-bloc-illustration-2, .CT-244-bloc-illustration-3, .CT-244-bloc-illustration-4, .CT-244-bloc-illustration-5 {
margin: 50px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.CT-244-bloc-illustration-5 {
padding: 0 5%;
box-sizing: border-box;
}
.CT-244-illustration-1 {
width: 85px;
}
.CT-244-illustration-2 {
width: 132px;
}
.CT-244-illustration-3 {
width: 152px;
}
.CT-244-illustration-4 {
width: 100%;
max-width: 386px;
padding: 0 25px 0 0;
}
.CT-244-illustration-5 {
width: 100%;
max-width: 416px;
}
.CT-244-illustration-5-2 {
width: 100%;
max-width: 266px;
display: none;
margin: 0 auto;
}
.CT-244-illustration-6 {
width: 100%;
max-width: 387px;
padding: 0 25px 0 0;
}
.CT-244-illustration-7 {
width: 100%;
max-width: 416px;
}
.CT-244-illustration-7-2 {
width: 100%;
max-width: 266px;
display: none;
margin: 0 auto;
}
.CT-244-illustration-8 {
width: 100%;
max-width: 212px;
padding: 0 60px 0 0;
}
.CT-244-illustration-9 {
width: 100%;
max-width: 537px;
}
.CT-244-illustration-9-2 {
width: 100%;
max-width: 266px;
display: none;
margin: 0 auto;
}
.CT-244-illustration-10 {
width: 100%;
max-width: 150px;
padding: 0 35px 0 0;
}
.CT-244-illustration-11 {
width: 100%;
max-width: 532px;
}
.CT-244-illustration-11-2 {
width: 100%;
max-width: 320px;
display: none;
margin: 0 auto;
}
@media (max-width: 980px) {
.CT-244-bloc-illustration-5 {
flex-direction: column;
}
.CT-244-illustration-10 {
padding: 0;
margin: 0 auto 30px;
}
.CT-244-illustration-11 {
padding: 0;
margin: 0 auto;
}
}
@media (max-width: 900px) {
.CT-244-illustration-8 {
width: 42%;
}
}
@media (max-width: 800px) {
.CT-244-bloc-illustration-1 {
padding: 0 8%;
}
}
@media (max-width: 750px) {
.CT-244-bloc-illustration-2, .CT-244-bloc-illustration-3, .CT-244-bloc-illustration-4 {
flex-direction: column;
}
.CT-244-illustration-4 {
padding: 0;
margin: 0 auto 30px;
}
.CT-244-illustration-5 {
padding: 0;
margin: 0 auto;
}
.CT-244-illustration-6 {
padding: 0;
margin: 0 auto 30px;
}
.CT-244-illustration-7 {
padding: 0;
margin: 0 auto;
}
.CT-244-illustration-8 {
padding: 0;
margin: 0 auto 30px;
}
.CT-244-illustration-9 {
padding: 0;
margin: 0 auto;
}
.CT-244-illustration-11 {
display: none;
}
.CT-244-illustration-11-2 {
display: block;
}
}
@media (max-width: 600px) {
.CT-244-bloc-illustration-1 {
flex-direction: column;
padding: 0;
}
.CT-244-illustration-1 {
margin: 0 auto 50px;
}
.CT-244-illustration-2 {
margin: 0 auto 50px;
}
.CT-244-illustration-3 {
margin: 0 auto;
}
.CT-244-illustration-5 {
display: none;
}
.CT-244-illustration-5-2 {
display: block;
}
.CT-244-illustration-7 {
display: none;
}
.CT-244-illustration-7-2 {
display: block;
}
.CT-244-illustration-9 {
display: none;
}
.CT-244-illustration-9-2 {
display: block;
}
.CT-244-illustration-4 {
padding: 0;
margin: 0 auto 50px;
}
.CT-244-illustration-6 {
padding: 0;
margin: 0 auto 30px;
}
.CT-244-illustration-8 {
padding: 0;
margin: 0 auto 30px;
width: 55%;
}
.CT-244-illustration-10 {
padding: 0;
margin: 0 auto 30px;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ABSORBICA-pe07 - wraparound ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-245-hr {
margin: 30px 0;
}
.CT-245-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-245-illustration-1 {
width: 100%;
max-width: 287px;
}
.CT-245-illustration-2 {
width: 100%;
max-width: 290px;
}
.CT-245-illustration-3 {
width: 100%;
max-width: 292px;
}
.CT-245-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-245-illustration-4 {
width: 100%;
max-width: 105px;
margin: 0 30px 0 0;
}
.CT-245-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin: 30px 0;
}
.CT-245-bloc-illustration-3 p {
width: calc(100% - 350px);
}
.CT-245-bloc-illustration-3-1 {
display: flex;
flex-direction: row;
width: 320px;
margin: 0 0 0 30px;
}
.CT-245-illustration-5 {
width: 158px;
}
.CT-245-illustration-6 {
width: 132px;
margin: 8px 0 0 30px;
padding: 0 0 0 30px;
box-sizing: border-box;
border-left: 1px solid #666666;
}
.CT-245-bloc-illustration-4 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-245-bloc-illustration-4-1 {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px;
box-sizing: border-box;
flex-wrap: wrap;
justify-content: center;
}
.CT-245-bloc-illustration-4-2 {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px;
box-sizing: border-box;
margin-left: 20px;
}
.CT-245-picto-attention {
width: 47px;
margin: 5px;
}
.CT-245-illustration-7 {
width: 75px;
margin: 5px;
}
.CT-245-illustration-8 {
width: 57px;
margin: 5px;
}
.CT-245-illustration-9 {
width: 46px;
margin: 5px;
}
.CT-245-illustration-10 {
width: 77px;
margin: 5px;
}
.CT-245-illustration-11 {
width: 65px;
margin: 5px;
}
.CT-245-illustration-12 {
width: 35px;
margin: 5px;
}
.CT-245-illustration-13 {
width: 100px;
margin: 5px;
}
.CT-245-bloc-illustration-5 {
display: flex;
flex-direction: row;
margin: 30px 0;
}
.CT-245-illustration-14 {
width: 100%;
min-width: 663px;
max-width: 663px;
}
.CT-245-illustration-14-2 {
width: 100%;
max-width: 438px;
display: none;
}
.CT-245-bloc-illustration-5 p {
margin: 111px 0 0 30px;
}
.CT-245-illustration-15 {
width: 100%;
max-width: 855px;
margin: 30px 0 0;
}
.CT-245-illustration-15-2 {
width: 100%;
max-width: 653px;
margin: 30px 0 0;
display: none;
}
.CT-245-illustration-15-3 {
width: 100%;
max-width: 320px;
margin: 30px 0 0;
display: none;
}
@media (max-width: 1080px) {
.CT-245-bloc-illustration-5 {
flex-direction: column;
}
.CT-245-bloc-illustration-5 p {
margin: 15px 0 0 0;
}
.CT-245-illustration-14 {
width: 100%;
max-width: 663px;
min-width: auto;
}
.CT-245-illustration-15 {
display: none;
}
.CT-245-illustration-15-2 {
display: block;
margin: auto;
}
}
@media (max-width: 600px) {
.CT-245-bloc-illustration-1 {
flex-direction: column;
margin: 30px 0 0 -30px;
}
.CT-245-illustration-1 {
margin: 0 auto 30px;
}
.CT-245-illustration-2 {
margin: 0 auto 30px;
}
.CT-245-illustration-3 {
margin: 0 auto;
}
.CT-245-bloc-illustration-3 {
flex-direction: column;
margin: 15px 0 30px;
}
.CT-245-bloc-illustration-3-1 {
margin: 20px auto 0;
}
.CT-245-bloc-illustration-3 p {
width: 100%;
}
.CT-245-bloc-illustration-4 {
flex-direction: column;
margin: 30px 0 0;
}
.CT-245-bloc-illustration-4-2 {
margin: 20px 0 0 0;
justify-content: center;
}
.CT-245-illustration-14 {
display: none;
}
.CT-245-illustration-14-2 {
display: block;
margin: auto;
}
.CT-245-illustration-15-2 {
display: none;
}
.CT-245-illustration-15-3 {
display: block;
margin: auto;
}
}
@media (max-width: 420px) {
.CT-245-bloc-illustration-2 {
flex-direction: column;
}
.CT-245-illustration-4 {
margin: 0 auto 30px;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ABSORBICA-pe02 - Comprendre et optimiser le tirant d’air avec ABSORBICA I et Y - v.2 ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-246-h3 {
margin-top: 60px !important;
}
.CT-246-illustration-1 {
width: 100%;
max-width: 238px;
margin: 50px 0;
}
.CT-246-illustration-2 {
width: 100%;
max-width: 843px;
margin: 50px 0 50px;
}
.CT-246-illustration-2-2 {
width: 100%;
max-width: 319px;
margin: 30px auto;
display: none;
}
.CT-246-illustration-3 {
width: 100%;
margin: 50px 0 50px;
max-width: 835px;
}
.CT-246-illustration-3-2 {
width: 100%;
max-width: 351px;
margin: 50px auto;
display: none;
}
.CT-246-bloc-illustration-1 {
display: flex;
flex-direction: row;
align-items: center;
margin: 50px 0;
}
.CT-246-bloc-illustration-1 p {
margin: 0 0 0 30px;
}
.CT-246-illustration-4 {
width: 125px;
}
.CT-246-illustration-5 {
width: 100%;
max-width: 642px;
}
.CT-246-illustration-5-2 {
width: 100%;
max-width: 319px;
margin: 0 auto;
display: none;
}
@media (max-width: 700px) {
.CT-246-illustration-1 {
margin: 50px auto;
}
.CT-246-illustration-2 {
display: none;
}
.CT-246-illustration-2-2 {
display: block;
}
.CT-246-illustration-3 {
display: none;
}
.CT-246-illustration-3-2 {
display: block;
}
.CT-246-bloc-illustration-1 {
display: flex;
flex-direction: column;
}
.CT-246-bloc-illustration-1 p {
margin: 10px 0 0 0;
width: 70%;
text-align: center;
}
.CT-246-illustration-4 {
min-width: 125px;
}
.CT-246-illustration-5 {
display: none;
}
.CT-246-illustration-5-2 {
display: block;
}
}
@media (max-width: 450px) {
.CT-246-bloc-illustration-1 p {
width: 100%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ABSORBICA-pe03 - Valeurs de tirant d’air avec ABSORBICA I et Y - v.2 ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-247-bloc-illustration-1 {
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 50px 0;
}
.CT-247-illustration-1 {
width: 100%;
max-width: 340px;
margin: 0 10px 0 0;
}
.CT-247-illustration-2 {
width: 100%;
max-width: 343px;
margin: 0 0 0 10px;
}
.CT-247-illustration-3 {
width: 100%;
max-width: 831px;
margin: 30px 0 0;
}
.CT-247-illustration-3-2 {
width: 100%;
max-width: 413px;
margin: 30px auto 0;
display: none;
}
.CT-247-illustration-4 {
width: 100%;
max-width: 831px;
margin: 30px 0 0;
}
.CT-247-illustration-4-2 {
width: 100%;
max-width: 413px;
margin: 30px auto 0;
display: none;
}
.CT-247-illustration-5 {
width: 100%;
max-width: 831px;
margin: 30px 0 0;
}
.CT-247-illustration-5-2 {
width: 100%;
max-width: 413px;
margin: 30px auto 0;
display: none;
}
.CT-247-illustration-6 {
width: 100%;
max-width: 831px;
margin: 30px 0 0;
}
.CT-247-illustration-6-2 {
width: 100%;
max-width: 413px;
margin: 30px auto 0;
display: none;
}
.CT-247-illustration-7 {
width: 100%;
max-width: 831px;
margin: 30px 0 0;
}
.CT-247-illustration-7-2 {
width: 100%;
max-width: 413px;
margin: 30px auto 0;
display: none;
}
@media (max-width: 980px) {
.CT-247-illustration-3 {
display: none;
}
.CT-247-illustration-3-2 {
display: block;
}
.CT-247-illustration-4 {
display: none;
}
.CT-247-illustration-4-2 {
display: block;
}
.CT-247-illustration-5 {
display: none;
}
.CT-247-illustration-5-2 {
display: block;
}
.CT-247-illustration-6 {
display: none;
}
.CT-247-illustration-6-2 {
display: block;
}
.CT-247-illustration-7 {
display: none;
}
.CT-247-illustration-7-2 {
display: block;
}
}
@media (max-width: 700px) {
.CT-247-bloc-illustration-1 {
flex-direction: column;
}
.CT-247-illustration-1 {
margin: 0 auto 50px;
}
.CT-247-illustration-2 {
margin: 0 auto;
}
}
/*/////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe07_Mouflages - v.2 ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/
.CT-248-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-248-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-248-bloc-illustration-1, .CT-248-bloc-illustration-2, .CT-248-bloc-illustration-3 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 50px 0;
}
.CT-248-illustration-1, .CT-248-illustration-2, .CT-248-illustration-3, .CT-248-illustration-4, .CT-248-illustration-5, .CT-248-illustration-6, .CT-248-illustration-7, .CT-248-illustration-7-1, .CT-248-illustration-7-2, .CT-248-illustration-9, .CT-248-illustration-10, .CT-248-illustration-11, .CT-248-illustration-12, .CT-248-illustration-13, .CT-248-illustration-14, .CT-248-illustration-15, .CT-248-illustration-15-1, .CT-248-illustration-15-2, .CT-248-illustration-16, .CT-248-illustration-17, .CT-248-illustration-18, .CT-248-illustration-19 {
width: 33%;
min-width: 33%;
}
.CT-248-illustration-1 img, .CT-248-illustration-2 img, .CT-248-illustration-3 img, .CT-248-illustration-4 img, .CT-248-illustration-5 img, .CT-248-illustration-6 img, .CT-248-illustration-7 img, .CT-248-illustration-7-1 img, .CT-248-illustration-7-2 img, .CT-248-illustration-9 img, .CT-248-illustration-10 img, .CT-248-illustration-11 img, .CT-248-illustration-12 img, .CT-248-illustration-13 img, .CT-248-illustration-14 img, .CT-248-illustration-15 img, .CT-248-illustration-15-1 img, .CT-248-illustration-15-2 img, .CT-248-illustration-16 img, .CT-248-illustration-17 img, .CT-248-illustration-18 img, .CT-248-illustration-19 img {
display: block;
margin: auto;
margin-bottom: 50px;
}
.CT-248-illustration-1 img {
width: 150px !important;
margin-left: 35px;
}
.CT-248-illustration-2 img {
width: 150px !important;
margin-left: 35px;
}
.CT-248-illustration-3 img {
width: 159px !important;
margin-left: 20px;
}
.CT-248-illustration-4 img {
width: 168px !important;
margin-left: 90px;
}
.CT-248-illustration-5 img {
width: 163px !important;
margin-left: 90px;
}
.CT-248-illustration-6 img {
width: 165px !important;
margin-left: 85px;
}
.CT-248-illustration-7 img {
width: 164px !important;
margin-left: 90px;
}
.CT-248-illustration-7-1 img {
width: 164px !important;
margin-left: 30px;
}
.CT-248-illustration-7-2 img {
width: 164px !important;
margin-left: 20px;
}
.CT-248-illustration-8 {
width: 80px;
min-width: 80px;
margin-left: 20px;
}
.CT-248-illustration-9 img {
width: 188px !important;
margin-left: 90px;
}
.CT-248-illustration-10 img {
width: 188px !important;
margin-left: 90px;
}
.CT-248-illustration-11 img {
width: 201px !important;
margin-left: 80px;
}
.CT-248-illustration-12 img {
width: 168px !important;
margin-left: 25px;
}
.CT-248-illustration-13 img {
width: 173px !important;
margin-left: 15px;
}
.CT-248-illustration-14 img {
width: 176px !important;
margin-left: 20px;
}
.CT-248-illustration-15 img {
width: 175px !important;
margin-left: 20px;
}
.CT-248-illustration-15-1 img {
width: 175px !important;
margin-left: 20px;
}
.CT-248-illustration-15-2 img {
width: 175px !important;
margin-left: 95px;
}
.CT-248-illustration-16 img {
width: 182px !important;
margin-left: 10px;
}
.CT-248-illustration-17 img {
width: 170px !important;
margin-left: 15px;
}
.CT-248-illustration-18 img {
width: 173px !important;
margin-left: 85px;
}
.CT-248-illustration-19 img {
width: 168px !important;
margin-left: 85px;
}
@media (max-width: 980px) {
.CT-248-illustration-1, .CT-248-illustration-2, .CT-248-illustration-3, .CT-248-illustration-4, .CT-248-illustration-5, .CT-248-illustration-6, .CT-248-illustration-7, .CT-248-illustration-7-1, .CT-248-illustration-7-2, .CT-248-illustration-9, .CT-248-illustration-10, .CT-248-illustration-11, .CT-248-illustration-12, .CT-248-illustration-13, .CT-248-illustration-14, .CT-248-illustration-15, .CT-248-illustration-15-1, .CT-248-illustration-15-2, .CT-248-illustration-16, .CT-248-illustration-17, .CT-248-illustration-18, .CT-248-illustration-19 {
width: 50%;
min-width: 50%;
}
.CT-248-illustration-1 img {
margin-left: 22%;
}
.CT-248-illustration-2 img {
margin-left: 22%;
}
.CT-248-illustration-3 img {
margin-left: 20%;
}
.CT-248-illustration-4 img {
margin-left: 35%;
}
.CT-248-illustration-5 img {
margin-left: 36%;
}
.CT-248-illustration-6 img {
margin-left: 35%;
}
.CT-248-illustration-7 img {
margin-left: 38%;
}
.CT-248-illustration-7-1 img {
margin-left: 17%;
}
.CT-248-illustration-7-2 img {
margin-left: 20%;
}
.CT-248-illustration-9 img {
margin-left: 36%;
}
.CT-248-illustration-10 img {
margin-left: 36%;
}
.CT-248-illustration-11 img {
margin-left: 36%;
}
.CT-248-illustration-12 img {
margin-left: 19%;
}
.CT-248-illustration-13 img {
margin-left: 17%;
}
.CT-248-illustration-14 img {
margin-left: 17%;
}
.CT-248-illustration-15 img {
margin-left: 15%;
}
.CT-248-illustration-15-1 img {
margin-left: 20%;
}
.CT-248-illustration-15-2 img {
margin-left: 37%;
}
.CT-248-illustration-16 img {
margin-left: 11%;
}
.CT-248-illustration-17 img {
margin-left: 12%;
}
.CT-248-illustration-18 img {
margin-left: 35%;
}
.CT-248-illustration-19 img {
margin-left: 35%;
}
}
@media (max-width: 650px) {
.CT-248-illustration-1, .CT-248-illustration-2, .CT-248-illustration-3, .CT-248-illustration-4, .CT-248-illustration-5, .CT-248-illustration-6, .CT-248-illustration-7, .CT-248-illustration-7-1, .CT-248-illustration-7-2, .CT-248-illustration-9, .CT-248-illustration-10, .CT-248-illustration-11, .CT-248-illustration-12, .CT-248-illustration-13, .CT-248-illustration-14, .CT-248-illustration-15, .CT-248-illustration-15-1, .CT-248-illustration-15-2, .CT-248-illustration-16, .CT-248-illustration-17, .CT-248-illustration-18, .CT-248-illustration-19 {
width: 100%;
min-width: 100%;
}
.CT-248-illustration-1 img {
margin-left: 28%;
}
.CT-248-illustration-2 img {
margin-left: 28%;
}
.CT-248-illustration-3 img {
margin-left: 26%;
}
.CT-248-illustration-4 img {
margin-left: 39%;
}
.CT-248-illustration-5 img {
margin-left: 39%;
}
.CT-248-illustration-6 img {
margin-left: 39%;
}
.CT-248-illustration-7 img {
margin-left: 40%;
}
.CT-248-illustration-7-1 img {
margin-left: 26%;
}
.CT-248-illustration-7-2 img {
margin-left: 27%;
}
.CT-248-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-248-illustration-8 {
margin: 10px auto 0;
}
.CT-248-illustration-9 img {
margin-left: 39%;
}
.CT-248-illustration-10 img {
margin-left: 39%;
}
.CT-248-illustration-11 img {
margin-left: 39%;
}
.CT-248-illustration-12 img {
margin-left: 24%;
}
.CT-248-illustration-13 img {
margin-left: 24%;
}
.CT-248-illustration-14 img {
margin-left: 23%;
}
.CT-248-illustration-15 img {
margin-left: 22%;
}
.CT-248-illustration-15-1 img {
margin-left: 23%;
}
.CT-248-illustration-15-2 img {
margin-left: 39%;
}
.CT-248-illustration-16 img {
margin-left: 22%;
}
.CT-248-illustration-17 img {
margin-left: 24%;
}
.CT-248-illustration-18 img {
margin-left: 39%;
}
.CT-248-illustration-19 img {
margin-left: 39%;
}
}
@media (max-width: 450px) {
.CT-248-illustration-1 img, .CT-248-illustration-2 img, .CT-248-illustration-3 img, .CT-248-illustration-4 img, .CT-248-illustration-5 img, .CT-248-illustration-6 img, .CT-248-illustration-7 img, .CT-248-illustration-7-1 img, .CT-248-illustration-7-2 img, .CT-248-illustration-9 img, .CT-248-illustration-10 img, .CT-248-illustration-11 img, .CT-248-illustration-12 img, .CT-248-illustration-13 img, .CT-248-illustration-14 img, .CT-248-illustration-15 img, .CT-248-illustration-15-1 img, .CT-248-illustration-15-2 img, .CT-248-illustration-16 img, .CT-248-illustration-17 img, .CT-248-illustration-18 img, .CT-248-illustration-19 img {
margin-left: auto;
margin-right: auto;
}
}
/*///////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe12_TensionTyrolienne ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
.CT-249-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-249-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-249-h3, .CT-249-h4, .CT-249-p {
margin-top: 60px !important;
text-transform: none !important;
}
.CT-249-bloc-ill-1 {
display: flex;
flex-direction: row;
margin: 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-bloc-ill-1-1, .CT-249-bloc-ill-1-2, .CT-249-bloc-ill-1-3 {
width: 30%;
}
.CT-249-ill-1 {
width: 253px;
margin: 95px auto 0;
}
.CT-249-ill-2 {
width: 246px;
margin: 77px auto 0;
}
.CT-249-ill-3 {
width: 207px;
margin: 20px auto 0;
}
.CT-249-bloc-ill-2 {
display: flex;
flex-direction: row;
margin: 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-bloc-ill-2-1, .CT-249-bloc-ill-2-2 {
width: 47.5%;
}
.CT-249-ill-4 {
width: 194px;
margin: 20px 0 0;
}
.CT-249-ill-5 {
width: 194px;
margin: 20px 0 0;
}
.CT-249-bloc-ill-3 {
display: flex;
flex-direction: row;
margin: 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-ill-6 {
width: 190px !important;
}
.CT-249-ill-7 {
width: 175px !important;
margin: 17px 0 0 0;
}
.CT-249-ill-8 {
width: 174px !important;
margin: 17px 0 0 0;
}
.CT-249-ill-9 {
width: 191px !important;
margin: 13px 0 0 0;
}
.CT-249-arrow-1 {
margin: 27px auto 0;
width: 5%;
}
.CT-249-arrow-1 img, .CT-249-arrow-2 img, .CT-249-arrow-3 img, .CT-249-arrow-4 img, .CT-249-arrow-5 img, .CT-249-arrow-6 img, .CT-249-arrow-7 img, .CT-249-arrow-8 img, .CT-249-arrow-9 img, .CT-249-arrow-10 img, .CT-249-arrow-11 img, .CT-249-arrow-12 img, .CT-249-arrow-13 img, .CT-249-arrow-14 img, .CT-249-arrow-15 img, .CT-249-arrow-16 img, .CT-249-arrow-17 img {
width: 11.5px !important;
margin: 0 auto;
display: block;
}
.CT-249-bloc-ill-4 {
display: flex;
flex-direction: row;
margin: 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-ill-10 {
width: 190px !important;
}
.CT-249-ill-11 {
width: 175px !important;
margin: 17px 0 0 0;
}
.CT-249-ill-12 {
width: 174px !important;
margin: 17px 0 0 0;
}
.CT-249-ill-13 {
width: 191px !important;
margin: 13px 0 0 0;
}
.CT-249-arrow-2 {
margin: 27px auto 0;
width: 5%;
}
.CT-249-bloc-ill-5 {
display: flex;
flex-direction: row;
margin: 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-ill-14 {
width: 190px !important;
}
.CT-249-ill-15 {
width: 175px !important;
margin: 17px 0 0 0;
}
.CT-249-ill-16 {
width: 174px !important;
margin: 17px 0 0 0;
}
.CT-249-ill-17 {
width: 191px !important;
margin: 13px 0 0 0;
}
.CT-249-arrow-3 {
margin: 27px auto 0;
width: 5%;
}
.CT-249-bloc-ill-6 {
display: flex;
flex-direction: row;
margin: 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-bloc-ill-6-1 {
display: flex;
flex-direction: column;
border-right: solid 1px #cccccc;
padding-right: 2.5%;
width: 47.5%;
}
.CT-249-bloc-ill-6-2 {
display: flex;
flex-direction: column;
padding-left: 2.5%;
width: 47.5%;
}
.CT-249-bloc-ill-6-1-1, .CT-249-bloc-ill-6-2-1 {
display: flex;
flex-direction: row;
margin: 0 0 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-bloc-ill-6-1-2, .CT-249-bloc-ill-6-2-2 {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-ill-18 {
width: 176px !important;
}
.CT-249-ill-19 {
width: 198px !important;
margin: 30px 0 0 0;
}
.CT-249-ill-20 {
width: 176px !important;
margin: 17px 0 0 0;
}
.CT-249-ill-21 {
width: 198px !important;
margin: 16px 0 0 0;
}
.CT-249-arrow-4 {
margin: 43px auto 0;
width: 5%;
}
.CT-249-ill-22 {
width: 176px !important;
}
.CT-249-ill-23 {
width: 198px !important;
margin: 29px 0 0 0;
}
.CT-249-ill-24 {
width: 176px !important;
margin: 17px 0 0 0;
}
.CT-249-ill-25 {
width: 198px !important;
margin: 16px 0 0 0;
}
.CT-249-arrow-5 {
margin: 30px auto 0;
width: 5%;
}
.CT-249-bloc-ill-7 {
display: flex;
flex-direction: row;
margin: 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-bloc-ill-7-1 {
display: flex;
flex-direction: column;
border-right: solid 1px #cccccc;
padding-right: 2.5%;
width: 47.5%;
}
.CT-249-bloc-ill-7-2 {
display: flex;
flex-direction: column;
padding-left: 2.5%;
width: 47.5%;
}
.CT-249-bloc-ill-7-1-1, .CT-249-bloc-ill-7-1-2, .CT-249-bloc-ill-7-2-1 {
display: flex;
flex-direction: row;
margin: 0 0 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-bloc-ill-7-1-3, .CT-249-bloc-ill-7-2-2 {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-ill-26 {
width: 177px !important;
}
.CT-249-ill-27 {
width: 189px !important;
margin: 26px 0 0 0;
}
.CT-249-ill-28 {
width: 177px !important;
margin: 17px 0 0 0;
}
.CT-249-ill-29 {
width: 185px !important;
margin: 42px 0 0 0;
}
.CT-249-ill-30 {
width: 177px !important;
}
.CT-249-ill-31 {
width: 185px !important;
margin: 26px 0 0 0;
}
.CT-249-ill-32 {
width: 176px !important;
margin: 17px 0 0 0;
}
.CT-249-ill-33 {
width: 198px !important;
margin: 39px 0 0 0;
}
.CT-249-ill-34 {
width: 176px !important;
}
.CT-249-ill-35 {
width: 198px !important;
margin: 22px 0 0 0;
}
.CT-249-arrow-6 {
margin: 35px auto 0;
width: 5%;
}
.CT-249-arrow-7 {
margin: 53px auto 0;
width: 5%;
}
.CT-249-arrow-8 {
margin: 36px auto 0;
width: 5%;
}
.CT-249-arrow-9 {
margin: 51px auto 0;
width: 5%;
}
.CT-249-arrow-10 {
margin: 35px auto 0;
width: 5%;
}
.CT-249-bloc-ill-8 {
display: flex;
flex-direction: row;
margin: 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-bloc-ill-8-1 {
display: flex;
flex-direction: column;
border-right: solid 1px #cccccc;
padding-right: 2.5%;
width: 47.5%;
}
.CT-249-bloc-ill-8-2 {
display: flex;
flex-direction: column;
padding-left: 2.5%;
width: 47.5%;
}
.CT-249-bloc-ill-8-1-1, .CT-249-bloc-ill-8-1-2, .CT-249-bloc-ill-8-1-3, .CT-249-bloc-ill-8-2-1, .CT-249-bloc-ill-8-2-2 {
display: flex;
flex-direction: row;
margin: 0 0 30px 0;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-bloc-ill-8-1-4, .CT-249-bloc-ill-8-2-3 {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.CT-249-ill-36 {
width: 176px !important;
}
.CT-249-ill-37 {
width: 188px !important;
margin: 25px 0 0 0;
}
.CT-249-ill-38 {
width: 176px !important;
}
.CT-249-ill-39 {
width: 199px !important;
margin: 28px 0 0 0;
}
.CT-249-ill-40 {
width: 176px !important;
}
.CT-249-ill-41 {
width: 203px !important;
margin: 28px 0 0 0;
}
.CT-249-ill-42 {
width: 176px !important;
}
.CT-249-ill-43 {
width: 202px !important;
margin: 28px 0 0 0;
}
.CT-249-ill-44 {
width: 176px !important;
}
.CT-249-ill-45 {
width: 188px !important;
margin: 22px 0 0 0;
}
.CT-249-ill-46 {
width: 176px !important;
}
.CT-249-ill-47 {
width: 203px !important;
margin: 27px 0 0 0;
}
.CT-249-ill-48 {
width: 176px !important;
}
.CT-249-ill-49 {
width: 203px !important;
margin: 46px 0 0 0;
}
.CT-249-arrow-11 {
margin: 36px auto 0;
width: 5%;
}
.CT-249-arrow-12 {
margin: 40px auto 0;
width: 5%;
}
.CT-249-arrow-13 {
margin: 41px auto 0;
width: 5%;
}
.CT-249-arrow-14 {
margin: 41px auto 0;
width: 5%;
}
.CT-249-arrow-15 {
margin: 34px auto 0;
width: 5%;
}
.CT-249-arrow-16 {
margin: 41px auto 0;
width: 5%;
}
.CT-249-arrow-17 {
margin: 59px auto 0;
width: 5%;
}
.CT-249-ill-50 {
width: 269px;
margin: 30px auto 0;
}
@media (max-width: 980px) {
.CT-249-arrow-1 img, .CT-249-arrow-2 img, .CT-249-arrow-3 img, .CT-249-arrow-4 img, .CT-249-arrow-5 img, .CT-249-arrow-6 img, .CT-249-arrow-7 img, .CT-249-arrow-8 img, .CT-249-arrow-9 img, .CT-249-arrow-10 img, .CT-249-arrow-11 img, .CT-249-arrow-12 img, .CT-249-arrow-13 img, .CT-249-arrow-14 img, .CT-249-arrow-15 img, .CT-249-arrow-16 img, .CT-249-arrow-17 img {
transform: rotate(90deg);
}
.CT-249-arrow-1, .CT-249-arrow-2, .CT-249-arrow-3, .CT-249-arrow-4, .CT-249-arrow-5, .CT-249-arrow-6, .CT-249-arrow-7, .CT-249-arrow-8, .CT-249-arrow-9, .CT-249-arrow-10, .CT-249-arrow-11, .CT-249-arrow-12, .CT-249-arrow-13, .CT-249-arrow-14, .CT-249-arrow-15, .CT-249-arrow-16, .CT-249-arrow-17 {
margin: 25px auto;
width: 5%;
}
.CT-249-bloc-ill-1 {
flex-direction: column;
padding: 20px;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
border-radius: 10px;
}
.CT-249-bloc-ill-1-1, .CT-249-bloc-ill-1-2, .CT-249-bloc-ill-1-3 {
width: 100%;
}
.CT-249-bloc-ill-1 p, .CT-249-bloc-ill-2 p {
text-align: center;
}
.CT-249-ill-1 {
max-width: 253px;
width: 100%;
margin: 30px auto;
}
.CT-249-ill-2 {
max-width: 246px;
width: 100%;
margin: 30px auto;
}
.CT-249-ill-3 {
max-width: 207px;
width: 100%;
margin: 20px auto 0;
}
.CT-249-bloc-ill-2 {
flex-direction: column;
margin: 30px 0;
padding: 20px;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
border-radius: 10px;
}
.CT-249-bloc-ill-2-1, .CT-249-bloc-ill-2-2 {
width: 100%;
}
.CT-249-ill-4 {
max-width: 194px;
width: 100%;
margin: 30px auto;
}
.CT-249-ill-5 {
max-width: 194px;
width: 100%;
margin: 30px auto;
}
.CT-249-bloc-ill-3, .CT-249-bloc-ill-4, .CT-249-bloc-ill-5, .CT-249-bloc-ill-6, .CT-249-bloc-ill-7, .CT-249-bloc-ill-8 {
flex-direction: column;
padding: 20px;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #cecece;
border-radius: 10px;
}
.CT-249-bloc-ill-6-1, .CT-249-bloc-ill-6-2, .CT-249-bloc-ill-7-1, .CT-249-bloc-ill-7-2, .CT-249-bloc-ill-8-1, .CT-249-bloc-ill-8-2 {
border-right: none;
border-left: none;
padding-right: 0;
padding-left: 0;
width: 100%;
}
.CT-249-bloc-ill-6-1, .CT-249-bloc-ill-7-1, .CT-249-bloc-ill-8-1 {
border-bottom: solid 1px #cccccc;
padding-bottom: 20px;
}
.CT-249-bloc-ill-6-2, .CT-249-bloc-ill-7-2, .CT-249-bloc-ill-8-2 {
padding-top: 20px;
}
.CT-249-bloc-ill-6-1-1, .CT-249-bloc-ill-6-1-2, .CT-249-bloc-ill-6-2-1, .CT-249-bloc-ill-6-2-2, .CT-249-bloc-ill-7-1-1, .CT-249-bloc-ill-7-1-2, .CT-249-bloc-ill-7-1-3, .CT-249-bloc-ill-7-2-1, .CT-249-bloc-ill-7-2-2, .CT-249-bloc-ill-8-1-1, .CT-249-bloc-ill-8-1-2, .CT-249-bloc-ill-8-1-3, .CT-249-bloc-ill-8-1-4, .CT-249-bloc-ill-8-2-1, .CT-249-bloc-ill-8-2-2, .CT-249-bloc-ill-8-2-3 {
flex-direction: column;
margin: 0;
}
.CT-249-bloc-ill-6-1-1, .CT-249-bloc-ill-6-2-1, .CT-249-bloc-ill-7-1-1, .CT-249-bloc-ill-7-1-2, .CT-249-bloc-ill-7-2-1, .CT-249-bloc-ill-8-1-1, .CT-249-bloc-ill-8-1-2, .CT-249-bloc-ill-8-1-3, .CT-249-bloc-ill-8-2-1, .CT-249-bloc-ill-8-2-2 {
margin-bottom: 75px;
}
.CT-249-bloc-ill-6-1-2 {
margin-bottom: 5px;
}
.CT-249-bloc-ill-6-2-1 {
margin-top: 5px;
}
.CT-249-ill-6 {
max-width: 190px !important;
}
.CT-249-ill-7 {
max-width: 175px !important;
}
.CT-249-ill-8 {
max-width: 174px !important;
}
.CT-249-ill-9 {
max-width: 191px !important;
}
.CT-249-ill-10 {
max-width: 190px !important;
}
.CT-249-ill-11 {
max-width: 175px !important;
}
.CT-249-ill-12 {
max-width: 174px !important;
}
.CT-249-ill-13 {
max-width: 191px !important;
}
.CT-249-ill-14 {
max-width: 190px !important;
}
.CT-249-ill-15 {
max-width: 175px !important;
}
.CT-249-ill-16 {
max-width: 174px !important;
}
.CT-249-ill-17 {
max-width: 191px !important;
}
.CT-249-ill-18 {
max-width: 176px !important;
}
.CT-249-ill-19 {
max-width: 198px !important;
}
.CT-249-ill-20 {
max-width: 176px !important;
}
.CT-249-ill-21 {
max-width: 198px !important;
}
.CT-249-ill-22 {
max-width: 176px !important;
}
.CT-249-ill-23 {
max-width: 198px !important;
}
.CT-249-ill-24 {
max-width: 176px !important;
}
.CT-249-ill-25 {
max-width: 198px !important;
}
.CT-249-ill-26 {
max-width: 177px !important;
}
.CT-249-ill-27 {
max-width: 189px !important;
}
.CT-249-ill-28 {
max-width: 177px !important;
}
.CT-249-ill-29 {
max-width: 185px !important;
}
.CT-249-ill-30 {
max-width: 177px !important;
}
.CT-249-ill-31 {
max-width: 185px !important;
}
.CT-249-ill-32 {
max-width: 176px !important;
}
.CT-249-ill-33 {
max-width: 198px !important;
}
.CT-249-ill-34 {
max-width: 176px !important;
}
.CT-249-ill-35 {
max-width: 198px !important;
}
.CT-249-ill-36 {
max-width: 176px !important;
}
.CT-249-ill-37 {
max-width: 188px !important;
}
.CT-249-ill-38 {
max-width: 176px !important;
}
.CT-249-ill-39 {
max-width: 199px !important;
}
.CT-249-ill-40 {
max-width: 176px !important;
}
.CT-249-ill-41 {
max-width: 203px !important;
}
.CT-249-ill-42 {
max-width: 176px !important;
}
.CT-249-ill-43 {
max-width: 202px !important;
}
.CT-249-ill-44 {
max-width: 176px !important;
}
.CT-249-ill-45 {
max-width: 188px !important;
}
.CT-249-ill-46 {
max-width: 176px !important;
}
.CT-249-ill-47 {
max-width: 203px !important;
}
.CT-249-ill-48 {
max-width: 176px !important;
}
.CT-249-ill-49 {
max-width: 203px !important;
}
.CT-249-ill-6, .CT-249-ill-7, .CT-249-ill-8, .CT-249-ill-9, .CT-249-ill-10, .CT-249-ill-11, .CT-249-ill-12, .CT-249-ill-13, .CT-249-ill-14, .CT-249-ill-15, .CT-249-ill-16, .CT-249-ill-17, .CT-249-ill-18, .CT-249-ill-19, .CT-249-ill-20, .CT-249-ill-21, .CT-249-ill-22, .CT-249-ill-23, .CT-249-ill-24, .CT-249-ill-25, .CT-249-ill-26, .CT-249-ill-27, .CT-249-ill-28, .CT-249-ill-29, .CT-249-ill-30, .CT-249-ill-31, .CT-249-ill-32, .CT-249-ill-33, .CT-249-ill-34, .CT-249-ill-35, .CT-249-ill-36, .CT-249-ill-37, .CT-249-ill-38, .CT-249-ill-39, .CT-249-ill-40, .CT-249-ill-41, .CT-249-ill-42, .CT-249-ill-43, .CT-249-ill-44, .CT-249-ill-45, .CT-249-ill-46, .CT-249-ill-47, .CT-249-ill-48, .CT-249-ill-49 {
width: 100% !important;
margin: 0 auto;
}
}
@media (max-width: 800px) {
.CT-249-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-249-ill-50 {
max-width: 269px;
width: 100%;
}
}
/*/////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP pylon belay ///////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.CT-250-h3 {
margin-top: 70px !important;
display: block;
}
.CT-250-illustration-1 {
width: 100%;
max-width: 869px;
margin: 50px 0 80px;
}
.CT-250-illustration-1-2 {
width: 100%;
max-width: 329px;
margin: 50px auto 80px;
display: none;
}
.CT-250-bloc-illustration-1, .CT-250-bloc-illustration-2, .CT-250-bloc-illustration-3 {
display: flex;
flex-direction: row;
border-bottom: dashed 1px #333333;
}
.CT-250-bloc-illustration-4 {
display: flex;
flex-direction: row;
}
.CT-250-bloc-illustration-1 p, .CT-250-bloc-illustration-2 p, .CT-250-bloc-illustration-3 p, .CT-250-bloc-illustration-4 p {
width: 100px;
padding-left: 45px;
box-sizing: border-box;
margin: auto 0;
}
.CT-250-illustration-2, .CT-250-illustration-3, .CT-250-illustration-4, .CT-250-illustration-5 {
margin: 0 auto;
}
.CT-250-bloc-illustration-4 {
margin-bottom: 30px;
}
.CT-250-illustration-2 img {
width: 320px !important;
max-width: 320px;
padding: 20px 0;
box-sizing: border-box;
}
.CT-250-illustration-3 img {
width: 172px !important;
max-width: 172px;
padding: 20px 0;
box-sizing: border-box;
}
.CT-250-illustration-4 img {
width: 278px !important;
max-width: 278px;
padding: 20px 0;
box-sizing: border-box;
}
.CT-250-illustration-5 img {
width: 417px !important;
max-width: 417px;
padding: 20px 0;
box-sizing: border-box;
}
.CT-250-illustration-6 {
width: 100%;
max-width: 851px;
margin: 30px 0;
}
.CT-250-illustration-6-2 {
width: 100%;
max-width: 332px;
margin: 30px 0;
display: none;
}
.CT-250-illustration-7 {
width: 100%;
max-width: 339px;
margin: 30px 0;
}
.CT-250-illustration-8 {
width: 100%;
max-width: 502px;
margin: 30px 0;
}
.CT-250-illustration-8-2 {
width: 100%;
max-width: 325px;
margin: 30px 0;
display: none;
}
@media (max-width: 750px) {
.CT-250-illustration-1 {
display: none;
}
.CT-250-illustration-1-2 {
display: block;
}
.CT-250-illustration-6 {
margin: 30px auto;
}
.CT-250-illustration-7 {
margin: 30px auto;
}
.CT-250-illustration-8 {
margin: 30px auto;
}
}
@media (max-width: 650px) {
.CT-250-bloc-illustration-1, .CT-250-bloc-illustration-2, .CT-250-bloc-illustration-3 {
flex-direction: column;
}
.CT-250-bloc-illustration-4 {
flex-direction: column;
}
.CT-250-bloc-illustration-1 p, .CT-250-bloc-illustration-2 p, .CT-250-bloc-illustration-3 p, .CT-250-bloc-illustration-4 p {
margin: 20px auto 0;
}
}
@media (max-width: 500px) {
.CT-250-illustration-2, .CT-250-illustration-3, .CT-250-illustration-4, .CT-250-illustration-5 {
margin: 0;
}
.CT-250-illustration-2 img, .CT-250-illustration-3 img, .CT-250-illustration-4 img, .CT-250-illustration-5 img {
margin: auto;
display: block;
width: 100% !important;
}
.CT-250-illustration-6 {
display: none;
}
.CT-250-illustration-6-2 {
display: block;
margin: 30px auto;
}
}
@media (max-width: 450px) {
.CT-250-illustration-8 {
display: none;
}
.CT-250-illustration-8-2 {
display: block;
margin: 30px auto;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// HARNAIS-pe05-usage du point ventral volt ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
.CT-251-h3 {
margin-top: 70px !important;
display: block;
}
.CT-251-hr {
margin: 50px 0;
}
.CT-251-illustration-1 {
margin: 30px auto;
max-width: 852px;
width: 100%;
}
.CT-251-illustration-1-2 {
margin: 30px auto;
max-width: 320px;
width: 100%;
display: none;
}
.CT-251-illustration-2 {
margin: 30px auto;
max-width: 852px;
width: 100%;
}
.CT-251-illustration-2-2 {
margin: 30px auto;
max-width: 320px;
width: 100%;
display: none;
}
.CT-251-illustration-3 {
margin: 30px auto;
max-width: 852px;
width: 100%;
}
.CT-251-illustration-3-2 {
margin: 30px auto;
max-width: 320px;
width: 100%;
display: none;
}
@media (max-width: 450px) {
.CT-251-illustration-1 {
display: none;
}
.CT-251-illustration-1-2 {
display: block;
}
.CT-251-illustration-2 {
display: none;
}
.CT-251-illustration-2-2 {
display: block;
}
.CT-251-illustration-3 {
display: none;
}
.CT-251-illustration-3-2 {
display: block;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Assurer en grande voie sur corde à simple avec un GRIGRI ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-252-h3 {
margin-top: 70px !important;
display: block;
}
.CT-252-h4 {
margin-top: 30px !important;
display: block;
}
.CT-252-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-252-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-252-bloc-illustration-1 {
display: flex;
flex-direction: row;
align-items: center;
margin: 0 0 60px 0;
}
.CT-252-bloc-illustration-1 p {
margin: 0 20px;
}
.CT-252-texte-1 {
margin-bottom: 20px;
}
.CT-252-bloc-texte-1 {
display: flex;
flex-direction: row;
}
.CT-252-texte-2 {
box-sizing: border-box;
padding: 0 10px 0 0;
}
.CT-252-texte-3 {
box-sizing: border-box;
padding: 0 0 0 10px;
}
.CT-252-illustration-1 {
margin: 30px 0 60px;
max-width: 297px;
width: 100%;
}
.CT-252-illustration-2 {
margin: 30px 0 60px;
max-width: 269px;
width: 100%;
}
.CT-252-illustration-3 {
margin: 30px 0;
max-width: 401px;
width: 100%;
}
.CT-252-illustration-3-2 {
display: none;
margin: 30px 0;
max-width: 313px;
width: 100%;
padding: 39px;
box-sizing: border-box;
}
.CT-252-illustration-4 {
margin: 30px 0;
max-width: 313px;
width: 100%;
}
@media (max-width: 1000px) {
.CT-252-illustration-4 {
width: 80%;
}
}
@media (max-width: 700px) {
.CT-252-illustration-1 {
margin: 30px auto 60px;
}
.CT-252-illustration-2 {
margin: 30px auto 60px;
}
.CT-252-bloc-illustration-1 {
flex-direction: column;
}
.CT-252-bloc-illustration-1 p {
margin: 20px 0;
}
.CT-252-bloc-texte-1 {
flex-direction: column;
}
}
@media (max-width: 550px) {
.CT-252-bloc-texte-gris-1 {
flex-direction: column;
}
}
@media (max-width: 450px) {
.CT-252-illustration-3 {
display: none;
}
.CT-252-illustration-3-2 {
margin: 30px 0;
max-width: 313px;
width: 100%;
display: block;
padding: 39px;
box-sizing: border-box;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// CT - Descendre en grande voie sur corde à simple ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-253-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 60px 0 30px 0;
display: flex;
flex-direction: column;
}
.CT-253-bloc-texte-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 60px 0 100px 0;
display: flex;
flex-direction: row;
}
.CT-253-bloc-texte-gris-3 {
background-color: #F2F2F2;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 60px 0 60px 0;
display: flex;
flex-direction: row;
}
.CT-253-bloc-texte-gris-4 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 60px 0 50px 0;
display: flex;
flex-direction: row;
}
.CT-253-bloc-texte-gris-1 h2 {
margin-top: 0 !important;
}
.CT-253-bloc-texte-gris-1 ul {
margin-top: 10px !important;
}
.CT-253-h2 {
margin: 80px 0 30px !important;
}
.CT-253-hr {
margin: 80px 0 50px;
}
.CT-253-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-253-texte-1 {
margin-bottom: 20px;
}
.CT-253-illustration-1 {
width: 100%;
max-width: 165px;
margin: 50px 0 100px;
}
.CT-253-illustration-2 {
width: 100%;
max-width: 721px;
margin: 50px 0 100px;
}
.CT-253-illustration-2-2 {
width: 100%;
max-width: 524px;
margin: 50px 0 100px;
display: none;
}
.CT-253-illustration-3 {
width: 100%;
max-width: 709px;
margin: 50px 0;
}
.CT-253-illustration-3-2 {
width: 100%;
max-width: 499px;
margin: 50px 0;
display: none;
}
.CT-253-illustration-4 {
width: 100%;
max-width: 414px;
margin: 50px 0 30px;
}
.CT-253-illustration-4-2 {
width: 100%;
max-width: 245px;
margin: 50px 0 30px;
display: none;
}
.CT-253-illustration-5 {
width: 100%;
max-width: 166px;
margin: 50px 0 100px;
}
.CT-253-illustration-6 {
width: 100%;
max-width: 145px;
margin: 30px 50px 0 0;
}
.CT-253-bloc-illustration-3 .inconvenients {
margin-top: -14px !important;
}
.CT-253-bloc-illustration-4 .inconvenients {
margin-top: -14px !important;
}
.CT-253-bloc-illustration-3 ul {
max-width: 320px;
}
.CT-253-bloc-illustration-4 ul {
max-width: 320px;
}
.CT-253-illustration-7 {
width: 100%;
max-width: 126px;
margin: 30px 50px 0 0;
}
.CT-253-illustration-8 {
width: 100%;
max-width: 412px;
margin: 30px 0;
}
.CT-253-illustration-8-2 {
width: 100%;
max-width: 244px;
margin: 30px 0;
display: none;
}
.CT-253-illustration-9 {
width: 100%;
max-width: 103px;
margin: 30px 20px 30px 0;
padding: 20px;
}
.CT-253-illustration-10 {
width: 100%;
max-width: 166px;
margin: 30px 0;
}
.CT-253-illustration-11 {
width: 100%;
max-width: 712px;
margin: 30px 0;
}
.CT-253-illustration-11-2 {
width: 100%;
max-width: 499px;
margin: 30px 0;
display: none;
}
.CT-253-illustration-12 {
width: 100%;
max-width: 150px;
margin: 30px 0;
}
.CT-253-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin: 50px 0 30px;
}
.CT-253-bloc-illustration-4 {
display: flex;
flex-direction: row;
margin: 0 0 30px;
}
.CT-253-bloc-illustration-5 {
display: flex;
flex-direction: row;
margin: 30px 0 30px;
}
.CT-253-illustration-4-3 {
background-color: #ffffff;
min-width: 166px;
width: 166px;
margin: 50px 0 38px;
}
.CT-253-illustration-8-3 {
background-color: #ffffff;
min-width: 157px;
width: 157px;
margin: 30px 0 38px;
}
.CT-253-flex-1 {
display: flex;
flex-direction: row;
gap: 25px;
}
@media (max-width: 975px) {
.CT-253-flex-1 {
flex-direction: column;
}
.CT-253-illustration-4 {
margin: 50px auto 30px !important;
}
.CT-253-illustration-8 {
margin: 50px auto 30px !important;
}
.CT-253-illustration-4-3 {
margin: 30px auto 0px;
}
.CT-253-illustration-8-3 {
margin: 30px auto 20px;
}
.CT-253-bloc-texte-gris-2, .CT-253-bloc-texte-gris-4 {
flex-direction: column !important;
}
}
@media (max-width: 600px) {
.CT-252-bloc-texte-gris-1, .CT-253-bloc-texte-gris-2, .CT-253-bloc-texte-gris-3, .CT-253-bloc-texte-gris-4 {
flex-direction: column;
}
}
@media (max-width: 590px) {
.CT-253-illustration-4-3 {
margin: 30px 0 0px;
}
.CT-253-illustration-8-3 {
margin: 30px 0 20px;
}
.CT-253-illustration-4 {
display: none !important;
}
.CT-253-illustration-4-2 {
display: block !important;
}
.CT-253-illustration-8 {
display: none !important;
}
.CT-253-illustration-8-2 {
display: block !important;
}
}
@media (max-width: 450px) {
.CT-253-illustration-2, .CT-253-illustration-3, .CT-253-illustration-4, .CT-253-illustration-8, .CT-253-illustration-11 {
display: none;
}
.CT-253-illustration-2-2, .CT-253-illustration-3-2, .CT-253-illustration-4-2, .CT-253-illustration-8-2, .CT-253-illustration-11-2 {
display: block;
}
.CT-253-bloc-illustration-3, .CT-253-bloc-illustration-4 {
flex-direction: column;
}
.CT-253-illustration-6, .CT-253-illustration-7 {
margin: 30px 50px 30px 0;
}
}
@media (max-width: 400px) {
.CT-253-bloc-illustration-5 {
flex-direction: column;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP - Précisions sur l'utilisation de l'ASAP connecté sans absorbeur ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-254-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 60px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-254-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-254-texte-1 {
margin: 0;
}
.CT-254-h2 {
margin: 50px 0 !important;
}
.CT-254-hr {
margin: 30px 0;
}
.dashed {
border: solid 0 #ffffff;
border-bottom: dashed 1px #bebebe;
}
.CT-254-illustration-1 {
width: 100%;
min-width: 400px;
max-width: 400px;
margin: 50px 50px 50px 0;
}
.CT-254-illustration-2 {
width: 100%;
max-width: 61px;
margin: 0 20px 0 0;
}
.CT-254-illustration-3 {
width: 100%;
max-width: 86.8%;
margin: 30px 0 40px;
}
.CT-254-illustration-3-2 {
width: 100%;
max-width: 148px;
margin: 30px 0 40px;
display: none;
}
.CT-254-illustration-4 {
width: 100%;
max-width: 785px;
margin: 30px 0 40px;
}
.CT-254-illustration-4-2 {
width: 100%;
max-width: 149px;
margin: 30px 0 40px;
display: none;
}
.CT-254-illustration-5 {
width: 100%;
max-width: 50px;
margin: 0 20px 0 0;
}
.CT-254-illustration-6 {
width: 100%;
max-width: 92.5%;
margin: 30px 0 40px;
}
.CT-254-illustration-6-2 {
width: 100%;
max-width: 148px;
margin: 30px 0 40px;
display: none;
}
.CT-254-illustration-7 {
width: 100%;
max-width: 72%;
margin: 30px 0 40px;
}
.CT-254-illustration-7-2 {
width: 100%;
max-width: 148px;
margin: 30px 0 40px;
display: none;
}
.CT-254-illustration-8 {
width: 100%;
max-width: 817px;
margin: 30px 0 40px;
}
.CT-254-illustration-8-2 {
width: 100%;
max-width: 149px;
margin: 30px 0 40px;
display: none;
}
.CT-254-illustration-9 {
width: 100%;
max-width: 95%;
margin: 30px 0 40px;
}
.CT-254-illustration-9-2 {
width: 100%;
max-width: 148px;
margin: 30px 0 40px;
display: none;
}
.CT-254-illustration-10 {
width: 100%;
max-width: 780px;
margin: 30px 0 40px;
}
.CT-254-illustration-10-2 {
width: 100%;
max-width: 148px;
margin: 30px 0 40px;
display: none;
}
.CT-254-illustration-11 {
width: 100%;
max-width: 745px;
margin: 30px 0 40px;
}
.CT-254-illustration-11-2 {
width: 100%;
max-width: 177px;
margin: 30px 0 40px;
display: none;
}
.CT-254-illustration-12 {
width: 100%;
max-width: 780px;
margin: 30px 0 40px;
}
.CT-254-illustration-12-2 {
width: 100%;
max-width: 148px;
margin: 30px 0 40px;
display: none;
}
.CT-254-illustration-13 {
width: 100%;
max-width: 749px;
margin: 30px 0 40px;
}
.CT-254-illustration-13-2 {
width: 100%;
max-width: 180px;
margin: 30px 0 40px;
display: none;
}
.CT-254-bloc-illustration-1 {
display: flex;
flex-direction: row;
align-items: center;
}
.CT-254-bloc-illustration-2 {
display: flex;
flex-direction: row;
align-items: center;
margin: 100px 0 50px 0;
}
.CT-254-bloc-illustration-3 {
display: flex;
flex-direction: row;
align-items: center;
margin: 0 0 50px 0;
}
@media (max-width: 800px) {
.CT-254-bloc-illustration-1 {
flex-direction: column;
align-items: unset;
}
.CT-254-illustration-1 {
min-width: auto;
margin: 50px 50px 15px 0;
}
}
@media (max-width: 600px) {
.CT-254-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-254-texte-1 {
margin: 20px 0 0 0;
}
.CT-254-illustration-3, .CT-254-illustration-4, .CT-254-illustration-6, .CT-254-illustration-7, .CT-254-illustration-8, .CT-254-illustration-9, .CT-254-illustration-10, .CT-254-illustration-11, .CT-254-illustration-12, .CT-254-illustration-13 {
display: none;
}
.CT-254-illustration-3-2, .CT-254-illustration-4-2, .CT-254-illustration-6-2, .CT-254-illustration-7-2, .CT-254-illustration-8-2, .CT-254-illustration-9-2, .CT-254-illustration-10-2, .CT-254-illustration-11-2, .CT-254-illustration-12-2, .CT-254-illustration-13-2 {
display: block;
margin: 0 auto;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO RIG ID en parallèle ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-255-bloc-texte-1 {
box-sizing: border-box;
padding: 20px;
margin: 30px 0 50px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.CT-255-texte-1 {
width: 48%;
}
.CT-255-texte-2 {
width: 48%;
}
.CT-255-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-255-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-255-illustration-1 {
width: 100%;
max-width: 329px;
margin: 50px 0 0;
}
.CT-255-illustration-2 {
width: 100%;
max-width: 304px;
margin: 50px 0 0;
}
.CT-255-illustration-3 {
width: 100%;
max-width: 812px;
margin: -30px 0 50px;
}
.CT-255-illustration-3-2 {
width: 100%;
max-width: 574px;
display: none;
margin: 30px 0 50px;
}
.CT-255-bloc-illustration-1 {
margin: 30px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.CT-255-illustration-4 {
width: 100%;
max-width: 284px;
margin: 30px 0 0 0;
}
.CT-255-illustration-5 {
width: 100%;
max-width: 479px;
margin: 30px 0 0 0;
}
.CT-255-illustration-6 {
width: 100%;
max-width: 349px;
margin: 30px 0 30px 0;
}
.CT-255-illustration-7 {
width: 100%;
max-width: 669px;
margin: 30px 0 0 0;
}
.CT-255-illustration-8 {
width: 100%;
max-width: 304px;
margin: 50px 0 0;
}
.CT-255-illustration-9 {
width: 100%;
max-width: 818px;
margin: -30px 0 50px;
}
.CT-255-illustration-9-2 {
width: 100%;
max-width: 726px;
display: none;
margin: 30px 0 50px;
}
@media (max-width: 600px) {
.CT-255-bloc-texte-1 {
flex-direction: column;
}
.CT-255-texte-1 {
width: 100%;
}
.CT-255-texte-2 {
width: 100%;
}
.CT-255-illustration-3 {
display: none;
}
.CT-255-illustration-3-2 {
display: block;
}
.CT-255-illustration-9 {
display: none;
}
.CT-255-illustration-9-2 {
display: block;
}
.CT-255-bloc-texte-gris-1 {
flex-direction: column;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ABSORBICA - Bien choisir la longueur de sa longe ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-256-bloc-gris {
box-sizing: border-box;
padding: 25px;
background-color: #F6F6F6;
width: 100%;
margin: 20px 0;
border-radius: 10px;
}
.CT-256-h4 {
font-weight: 700 !important;
font-size: 14px !important;
margin-top: 0 !important;
text-transform: none !important;
}
.CT-256-table {
text-align: center;
vertical-align: middle;
border-style: hidden;
margin: 0 !important;
}
.CT-256-box-blanc {
width: 100%;
padding: 7px;
box-sizing: border-box;
background-color: #ffffff;
box-shadow: 0px 0px 5px 0px #cecece;
margin: 20px 0;
border-radius: 5px;
}
.CT-256-box-blanc-2 {
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: #ffffff;
box-shadow: 0px 0px 5px 0px #cecece;
margin: 20px 0 0;
border-radius: 5px;
}
.CT-256-box-blanc-3 {
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: #ffffff;
box-shadow: 0px 0px 5px 0px #cecece;
margin: 20px 0 0;
border-radius: 5px;
}
.CT-256-illustration-1 {
width: 100%;
}
.CT-256-illustration-1-2 {
width: 100%;
max-width: 316px;
margin: 0 20px;
display: none;
}
.CT-256-illustration-1-3 {
width: 100%;
max-width: 316px;
margin: 0 20px;
display: none;
}
.CT-256-illustration-1-4 {
width: 100%;
max-width: 316px;
margin: 0;
display: none;
}
.CT-256-illustration-2 {
max-width: 373px;
width: 100%;
margin: 30px auto;
}
.CT-256-th {
width: 30% !important;
text-align: center !important;
padding: 10px !important;
border-bottom: 1px solid #000000 !important;
}
@media (max-width: 800px) {
.CT-256-illustration-1 {
display: none;
}
.CT-256-illustration-1-2 {
display: block;
background-color: #ffffff;
box-sizing: border-box;
padding: 20px;
border-radius: 10px;
margin: 0 auto;
}
.CT-256-illustration-1-3 {
display: block;
background-color: #ffffff;
box-sizing: border-box;
padding: 20px;
border-radius: 10px;
margin: 20px auto;
}
.CT-256-illustration-1-4 {
display: block;
background-color: #ffffff;
box-sizing: border-box;
padding: 20px;
border-radius: 10px;
margin: 0 auto;
}
.CT-256-box-blanc-2 {
width: 100%;
padding: 0;
box-sizing: border-box;
background-color: transparent;
box-shadow: none;
margin: 20px 0;
border-radius: 0;
}
.CT-256-th {
width: 20% !important;
}
}
@media (max-width: 500px) {
.CT-256-th {
width: 15% !important;
padding: 3px !important;
}
.CT-256-table {
font-size: 12px !important;
}
}
@media (max-width: 380px) {
.CT-256-table {
font-size: 11px !important;
}
.CT-256-bloc-gris {
padding: 15px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// CT - Anneau d'assurage et points d'encordement ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
.CT-257-h3 {
margin: 50px 0 20px !important;
}
.CT-257-hr {
margin: 10px 0 !important;
}
.dotted {
border-top: 1.5px dashed #bebebe;
}
.CT-257-bloc-illustration-1, .CT-257-bloc-illustration-2 {
width: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 20px;
margin: 30px 0;
}
.CT-257-bloc-illustration-3 {
width: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 20px;
margin: 30px 0 60px;
}
.CT-257-bloc-illustration-1-1, .CT-257-bloc-illustration-1-2, .CT-257-bloc-illustration-2-1, .CT-257-bloc-illustration-2-2, .CT-257-bloc-illustration-3-1, .CT-257-bloc-illustration-3-2 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 20px 0;
}
.CT-257-bloc-illustration-3-3 {
display: flex;
flex-direction: column;
margin: 20px 0 0;
}
.CT-257-bloc-illustration-2-2 {
box-sizing: border-box;
padding: 20px;
border: solid 2px #e65300;
margin-bottom: 0;
}
.CT-257-bloc-illustration-1-1 p, .CT-257-bloc-illustration-1-2 p, .CT-257-bloc-illustration-2-1 p, .CT-257-bloc-illustration-2-2 p, .CT-257-bloc-illustration-3-1 p, .CT-257-bloc-illustration-3-2 p {
width: 35%;
margin: 0 0 0 5%;
align-self: center;
}
.CT-257-bloc-illustration-2-1 p {}
.CT-257-illustration-1 {
width: 100%;
max-width: 606px;
margin: 60px auto 0;
}
.CT-257-illustration-1-2 {
width: 100%;
max-width: 267px;
display: none;
margin: 60px auto 0;
}
.CT-257-illustration-2 {
width: 100%;
max-width: 822px;
margin: 0 auto;
}
.CT-257-illustration-2-2 {
width: 100%;
max-width: 174px;
display: none;
margin: 30px auto 0;
}
.CT-257-illustration-3 {
width: 100%;
max-width: 488px;
flex-grow: 2;
}
.CT-257-illustration-3-2 {
width: 100%;
max-width: 225px;
display: none;
margin: 0 auto;
}
.CT-257-illustration-4 {
width: 100%;
max-width: 459px;
}
.CT-257-illustration-4-2 {
width: 100%;
max-width: 197px;
display: none;
margin: 0 auto;
}
.CT-257-illustration-5 {
width: 100%;
max-width: 532px;
margin: 0 0 0 4%;
}
.CT-257-illustration-5-2 {
width: 100%;
max-width: 296px;
display: none;
margin: 0 auto;
}
.CT-257-illustration-6 {
width: 100%;
max-width: 539px;
}
.CT-257-illustration-6-2 {
width: 100%;
max-width: 296px;
display: none;
margin: 0 auto;
}
.CT-257-illustration-7 {
width: 100%;
max-width: 482px;
}
.CT-257-illustration-7-2 {
width: 100%;
max-width: 219px;
display: none;
margin: 0 auto;
}
.CT-257-illustration-8 {
width: 100%;
max-width: 474px;
}
.CT-257-illustration-8-2 {
width: 100%;
max-width: 212px;
display: none;
margin: 0 auto;
}
.CT-257-illustration-9 {
width: 100%;
max-width: 762px;
margin: 20px 0 0 0;
}
.CT-257-illustration-9-2 {
width: 100%;
max-width: 184px;
display: none;
margin: 20px auto 0 auto;
}
.CT-257-illustration-10 {
width: 100%;
max-width: 466px;
margin: 50px 0 0 50px;
}
@media (max-width: 900px) {
.CT-257-illustration-2 {
margin: 30px auto 0;
}
}
@media (max-width: 800px) {
.CT-257-bloc-illustration-1-1, .CT-257-bloc-illustration-1-2, .CT-257-bloc-illustration-2-1, .CT-257-bloc-illustration-2-2, .CT-257-bloc-illustration-3-1, .CT-257-bloc-illustration-3-2 {
flex-direction: column;
}
.CT-257-illustration-3, .CT-257-illustration-4, .CT-257-illustration-5, .CT-257-illustration-6, .CT-257-illustration-7, .CT-257-illustration-8 {
margin: auto;
}
.CT-257-bloc-illustration-1-1 p, .CT-257-bloc-illustration-1-2 p, .CT-257-bloc-illustration-2-1 p, .CT-257-bloc-illustration-2-2 p, .CT-257-bloc-illustration-3-1 p, .CT-257-bloc-illustration-3-2 p {
width: 100%;
margin: 20px 0 0 0;
align-self: normal;
}
.CT-257-illustration-9 {
display: none;
}
.CT-257-illustration-9-2 {
display: block;
}
.CT-257-illustration-10 {
width: 100%;
max-width: 466px;
margin: 50px auto 0;
}
}
@media (max-width: 550px) {
.CT-257-illustration-2 {
display: none;
}
.CT-257-illustration-2-2 {
display: block;
}
}
@media (max-width: 450px) {
.CT-257-illustration-1 {
display: none;
}
.CT-257-illustration-1-2 {
display: block;
}
.CT-257-illustration-3, .CT-257-illustration-4, .CT-257-illustration-5, .CT-257-illustration-6, .CT-257-illustration-7, .CT-257-illustration-8 {
display: none;
}
.CT-257-illustration-3-2, .CT-257-illustration-4-2, .CT-257-illustration-5-2, .CT-257-illustration-6-2, .CT-257-illustration-7-2, .CT-257-illustration-8-2 {
display: block;
}
}
/*/////////////////////////////////////////////////////////*/
/*//////////////////// Eject en SRT ///////////////////////*/
/*/////////////////////////////////////////////////////////*/
.CT-258-bloc-illustration-2, .CT-258-bloc-illustration-4, .CT-258-bloc-illustration-5, .CT-258-bloc-illustration-7, .CT-258-bloc-illustration-8 {
width: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 20px;
margin: 30px 0;
}
.CT-258-bloc-illustration-3, .CT-258-bloc-illustration-6 {
width: 100%;
display: flex;
flex-direction: row;
box-sizing: border-box;
margin: 30px 0;
}
.CT-258-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-258-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-258-bloc-illustration-2 p, .CT-258-bloc-illustration-4 p, .CT-258-bloc-illustration-5 p, .CT-258-bloc-illustration-7 p, .CT-258-bloc-illustration-8 p {
margin-top: 0 !important;
}
.CT-258-bloc-illustration-2 ul:first-of-type, .CT-258-bloc-illustration-5 ul:first-of-type {
margin-bottom: 0;
}
.CT-258-bloc-illustration-2 ul:last-of-type, .CT-258-bloc-illustration-5 ul:last-of-type {
margin-top: 0;
}
.CT-258-illustration-1 {
width: 100%;
max-width: 849px;
margin: 60px 0 40px;
}
.CT-258-illustration-1-2 {
width: 100%;
max-width: 330px;
margin: 60px auto 40px;
display: none;
}
.CT-258-illustration-2 {
width: 100%;
max-width: 771px;
margin: 30px 0 0;
}
.CT-258-illustration-2-2 {
width: 100%;
max-width: 310px;
margin: 20px auto;
display: none;
}
.CT-258-illustration-3 {
width: 100%;
max-width: 208px;
margin: 20px 50px 0 0;
}
.CT-258-illustration-4 {
width: 100%;
max-width: 821px;
margin: 20px 0;
}
.CT-258-illustration-4-2 {
width: 100%;
max-width: 267px;
margin: 20px auto;
display: none;
}
.CT-258-illustration-5 {
width: 100%;
max-width: 820px;
margin: 20px 0;
}
.CT-258-illustration-5-2 {
width: 100%;
max-width: 268px;
margin: 20px auto;
display: none;
}
.CT-258-illustration-6 {
width: 100%;
max-width: 215px;
margin: 20px 50px 0 0;
}
.CT-258-illustration-7 {
width: 100%;
max-width: 821px;
margin: 20px 0;
}
.CT-258-illustration-7-2 {
width: 100%;
max-width: 268px;
margin: 20px auto;
display: none;
}
.CT-258-illustration-8 {
width: 100%;
max-width: 817px;
margin: 20px 0;
}
.CT-258-illustration-8-2 {
width: 100%;
max-width: 316px;
margin: 20px auto;
display: none;
}
.CT-258-bloc-texte-1, .CT-258-bloc-texte-2 {
max-width: 320px;
width: 100%;
}
@media (max-width: 800px) {
.CT-258-illustration-4, .CT-258-illustration-5, .CT-258-illustration-7, .CT-258-illustration-8 {
display: none;
}
.CT-258-illustration-4-2, .CT-258-illustration-5-2, .CT-258-illustration-7-2, .CT-258-illustration-8-2 {
display: block;
}
}
@media (max-width: 550px) {
.CT-258-illustration-1, .CT-258-illustration-2 {
display: none;
}
.CT-258-illustration-1-2, .CT-258-illustration-2-2 {
display: block;
}
.CT-258-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-258-bloc-illustration-3, .CT-258-bloc-illustration-6 {
flex-direction: column;
}
.CT-258-illustration-3, .CT-258-illustration-6 {
margin: 20px auto 30px;
}
.CT-258-bloc-texte-1, .CT-258-bloc-texte-2 {
max-width: 100%;
}
}
/*//////////////////////////////////////////////////////////////*/
/*//////////////////// Noeud de jonction ///////////////////////*/
/*//////////////////////////////////////////////////////////////*/
.CT-259-texte-1 {
margin: 60px 0 30px 0;
}
.CT-259-bloc-illustration-1, .CT-259-bloc-illustration-2, .CT-259-bloc-illustration-3 {
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: row;
margin: 0 0 30px 0;
}
.CT-259-bloc-illustration-1-1, .CT-259-bloc-illustration-2-1, .CT-259-bloc-illustration-3-1 {
display: flex;
flex-direction: row;
width: 50%;
border-right: 1px solid #cccccc;
padding-right: 20px;
box-sizing: border-box;
}
.CT-259-bloc-illustration-1-2, .CT-259-bloc-illustration-2-2, .CT-259-bloc-illustration-3-2 {
display: flex;
flex-direction: column;
width: 50%;
padding-left: 20px;
box-sizing: border-box;
}
.CT-259-bloc-illustration-1-2 p {
width: 230px;
}
.CT-259-texte-2, .CT-259-texte-3 {
border: 1px solid #cccccc;
padding: 20px;
box-sizing: border-box;
margin-top: 20px;
display: flex;
flex-direction: row;
}
.CT-259-illustration-1 {
width: 100%;
max-width: 120px;
padding-right: 10px;
}
.CT-259-illustration-2 {
min-width: 160px;
max-width: 160px;
margin-top: -70px;
margin-right: -30px;
margin-bottom: -20px;
}
.CT-259-illustration-3 {
width: 100%;
max-width: 142px;
padding-right: 10px;
}
.CT-259-illustration-4 {
width: 100%;
max-width: 50px;
margin-right: -30px;
}
.CT-259-illustration-5 {
width: 100%;
max-width: 138px;
padding-right: 10px;
}
.CT-259-illustration-6-1 {
width: 100%;
max-width: 852px;
}
.CT-259-illustration-6-2 {
width: 100%;
max-width: 203px;
display: none;
margin: auto;
}
.CT-259-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-259-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
@media (max-width: 850px) {
.CT-259-bloc-illustration-1, .CT-259-bloc-illustration-2, .CT-259-bloc-illustration-3 {
flex-direction: column;
}
.CT-259-bloc-illustration-1-1, .CT-259-bloc-illustration-2-1, .CT-259-bloc-illustration-3-1 {
width: 100%;
border-right: none;
border-bottom: 1px solid #cccccc;
padding-right: 0;
padding-bottom: 20px;
}
.CT-259-bloc-illustration-1-2 p {
width: 100%;
}
.CT-259-bloc-illustration-1-2, .CT-259-bloc-illustration-2-2, .CT-259-bloc-illustration-3-2 {
display: flex;
flex-direction: column;
width: 100%;
padding-left: 0;
}
}
@media (max-width: 800px) {
.CT-259-illustration-6-1 {
display: none;
}
.CT-259-illustration-6-2 {
display: block;
}
}
@media (max-width: 520px) {
.CT-259-bloc-illustration-1-1, .CT-259-bloc-illustration-2-1, .CT-259-bloc-illustration-3-1 {
flex-direction: column;
}
.CT-259-illustration-1 {
margin: auto;
}
.CT-259-texte-2, .CT-259-texte-3 {
flex-direction: column;
}
.CT-259-illustration-2 {
margin: auto;
}
.CT-259-illustration-3 {
padding-right: 0;
margin: auto;
}
.CT-259-illustration-4 {
margin-right: 0;
}
.CT-259-illustration-5 {
padding-right: 0;
margin: auto;
}
.CT-259-bloc-texte-gris-1 {
flex-direction: column;
}
}
/*/////////////////////////////////////////////////////////////*/
/*//////////////////// Reeve skateblock ///////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.CT-260-texte-1 {
margin: 60px 0 30px 0;
}
.CT-260-illustration-1 {
width: 100%;
max-width: 744px;
margin: 30px auto 60px;
}
.CT-260-illustration-1-2 {
width: 100%;
max-width: 381px;
margin: 30px auto 60px;
display: none;
}
.CT-260-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 30px 0;
}
.CT-260-bloc-illustration-1-1 {
background-color: #f6f6f6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
display: flex;
flex-direction: column;
margin-left: 30px;
}
.CT-260-bloc-texte-1 {
display: flex;
flex-direction: row;
}
.CT-260-illustration-2 {
width: 100%;
max-width: 426px;
margin: auto;
}
.CT-260-illustration-3 {
width: 100%;
max-width: 41px;
margin: 0 20px 0 0;
}
.CT-260-illustration-4 {
width: 100%;
max-width: 287px;
margin: 30px auto 0;
}
.CT-260-illustration-5 {
width: 100%;
max-width: 467px;
margin: 30px auto 60px;
}
.CT-260-illustration-6 {
width: 100%;
max-width: 467px;
margin: 30px auto 60px;
}
.CT-260-illustration-7 {
width: 100%;
max-width: 471px;
margin: 30px auto 60px;
}
.CT-260-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
}
.CT-260-bloc-illustration-2-1 {
width: 50%;
margin-right: 20px;
}
.CT-260-illustration-8 {
width: 100%;
max-width: 378px;
margin: 30px auto 60px;
}
.CT-260-bloc-illustration-2-2 {
width: 50%;
}
.CT-260-illustration-9 {
width: 100%;
max-width: 378px;
margin: 30px auto 60px;
}
.CT-260-illustration-10 {
width: 100%;
max-width: 549px;
margin: 30px auto 60px;
}
@media (max-width: 700px) {
.CT-260-illustration-1 {
display: none;
}
.CT-260-illustration-1-2 {
display: block;
}
.CT-260-bloc-illustration-1 {
flex-direction: column;
margin: 30px 0 60px;
}
.CT-260-illustration-2 {
margin: 0 auto 30px;
}
.CT-260-bloc-illustration-1-1 {
margin-left: 0;
}
.CT-260-bloc-illustration-2 {
flex-direction: column;
}
.CT-260-bloc-illustration-2-1 {
width: 100%;
margin-right: 0;
}
.CT-260-bloc-illustration-2-2 {
width: 100%;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Escalade falaise-Comment installer une moulinette ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-261-texte-1 {
margin-top: 50px;
}
.CT-261-illustration-1 {
width: 100%;
max-width: 192px;
margin: 30px auto;
}
.CT-261-bloc-illustration-1, .CT-261-bloc-illustration-3 {
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
margin: 0 0 30px 0;
}
.CT-261-bloc-illustration-2, .CT-261-bloc-illustration-4 {
display: flex;
flex-direction: row;
margin: 30px 0 0 0;
}
.CT-261-illustration-2-1 {
width: 100%;
max-width: 121px;
margin: 0 auto;
}
.CT-261-illustration-2-2 {
width: 100%;
max-width: 129px;
margin: 0 auto;
}
.CT-261-illustration-2-3 {
width: 100%;
max-width: 114px;
margin: 0 auto;
}
.CT-261-illustration-2-4 {
width: 100%;
max-width: 135px;
margin: 0 auto;
}
.CT-261-illustration-2-5 {
width: 100%;
max-width: 115px;
margin: 0 auto;
}
.CT-261-illustration-3-1 {
width: 100%;
max-width: 115px;
margin: 0 auto;
}
.CT-261-illustration-3-2 {
width: 100%;
max-width: 137px;
margin: 0 auto;
}
.CT-261-illustration-3-3 {
width: 100%;
max-width: 152px;
margin: 0 auto;
}
.CT-261-illustration-3-4 {
width: 100%;
max-width: 137px;
margin: 0 auto;
}
.CT-261-illustration-3-5 {
width: 100%;
max-width: 96px;
margin: 0 auto;
}
.CT-261-illustration-3-6 {
width: 100%;
max-width: 89px;
margin: 0 auto;
}
.CT-261-bloc-illustration-5 {
display: flex;
flex-direction: row;
margin: 30px auto;
justify-content: center;
}
.CT-261-illustration-4 {
width: 100%;
max-width: 192px;
margin: 0 30px 0 0;
}
.CT-261-illustration-5 {
width: 100%;
max-width: 192px;
margin: 0;
}
.CT-261-illustration-6 {
width: 100%;
max-width: 122px;
margin: 30px auto;
}
.CT-261-bloc-illustration-6 {
display: flex;
flex-direction: row;
margin: 30px auto;
justify-content: center;
}
.CT-261-illustration-7 {
width: 100%;
max-width: 85px;
margin: 30px 30px 0 0;
}
.CT-261-illustration-8 {
width: 100%;
max-width: 176px;
margin: 0;
}
@media (max-width: 1000px) {
.CT-261-bloc-illustration-2, .CT-261-bloc-illustration-4 {
flex-direction: column;
}
.CT-261-illustration-2-1, .CT-261-illustration-2-2, .CT-261-illustration-2-3, .CT-261-illustration-2-4 {
margin: 0 auto 30px;
}
.CT-261-illustration-3-1, .CT-261-illustration-3-2, .CT-261-illustration-3-3, .CT-261-illustration-3-4, .CT-261-illustration-3-5 {
margin: 0 auto 30px;
}
}
@media (max-width: 450px) {
.CT-261-bloc-illustration-5 {
flex-direction: column;
}
.CT-261-illustration-4 {
margin: 0 auto 30px;
}
.CT-261-illustration-5 {
margin: 0 auto;
}
}
@media (max-width: 360px) {
.CT-261-bloc-illustration-6 {
flex-direction: column;
}
.CT-261-illustration-7 {
margin: 0 auto 30px;
}
.CT-261-illustration-8 {
margin: 0 auto;
}
}
/*///////////////////////////////////////////////////////////*/
/*//////////////////// Progress nouee ///////////////////////*/
/*///////////////////////////////////////////////////////////*/
.CT-262-bloc-illustration-1 {
display: flex;
flex-direction: row;
}
.CT-262-bloc-illustration-1-1, .CT-262-bloc-illustration-1-2 {
display: flex;
flex-direction: column;
width: 50%;
margin: 30px auto;
}
.CT-262-bloc-illustration-1-1-1, .CT-262-bloc-illustration-1-2-1 {
display: flex;
flex-direction: row;
}
.CT-262-bloc-illustration-2, .CT-262-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin: 30px 0;
align-items: center;
}
.CT-262-bloc-illustration-3 {
margin: 0 0 30px 0;
}
.CT-262-bloc-illustration-4 {
display: flex;
flex-direction: row;
justify-content: space-around;
margin-bottom: 30px;
}
.CT-262-bloc-illustration-5 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.CT-262-illustration-1 {
width: 157px;
max-width: 157px;
margin: 30px 0 0;
}
.CT-262-illustration-2 {
width: 165px;
max-width: 165px;
margin: 30px 0 0 30px;
}
.CT-262-illustration-3 {
width: 187px;
max-width: 187px;
margin: 30px 0 0;
}
.CT-262-illustration-4 {
width: 197px;
max-width: 197px;
margin: 30px 0 0 30px;
}
.CT-262-bloc-texte-1 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
background-color: #f6f6f6;
margin: 30px 0;
}
.CT-262-illustration-5 {
width: 100%;
max-width: 65px;
margin: 0 20px 0 0;
}
.CT-262-illustration-6 {
width: 100%;
max-width: 65px;
margin: 0 20px 0 0;
}
.CT-262-bloc-texte-2 {
margin-bottom: 60px;
}
.CT-262-illustration-7 {
width: 100%;
max-width: 225px;
padding: 0 20px;
margin: 30px auto;
}
.CT-262-illustration-8 {
width: 100%;
max-width: 225px;
padding: 0 20px;
margin: 30px auto;
}
.CT-262-illustration-9 {
width: 100%;
max-width: 225px;
padding: 0 20px;
margin: 30px auto;
}
.CT-262-illustration-10 {
width: 100%;
max-width: 534px;
margin: 30px auto 60px;
}
.CT-262-illustration-10-2 {
width: 100%;
max-width: 208px;
margin: 30px auto 60px;
display: none;
}
.CT-262-illustration-11 {
width: 100%;
max-width: 162px;
padding-right: 20px;
margin: 30px auto 10px;
}
.CT-262-illustration-12 {
width: 100%;
max-width: 162px;
padding-right: 20px;
margin: 30px auto 10px;
}
.CT-262-illustration-13 {
width: 100%;
max-width: 162px;
padding-right: 20px;
margin: 30px auto 10px;
}
.CT-262-illustration-14 {
width: 100%;
max-width: 163px;
padding-right: 20px;
margin: 30px auto 10px;
}
.CT-262-illustration-15 {
width: 100%;
max-width: 164px;
padding-right: 20px;
margin: 30px auto 10px;
}
@media (max-width: 1000px) {
.CT-262-bloc-illustration-1 {
flex-direction: column;
}
.CT-262-bloc-illustration-1-1 {
width: 100%;
margin: 30px auto;
}
.CT-262-bloc-illustration-1-2 {
width: 100%;
margin: 0 auto 30px;
}
}
@media (max-width: 650px) {
.CT-262-bloc-illustration-4 {
flex-direction: column;
}
}
@media (max-width: 480px) {
.CT-262-bloc-illustration-1-1-1, .CT-262-bloc-illustration-1-2-1 {
flex-direction: column;
}
.CT-262-illustration-1 {
width: 100%;
margin: 30px auto 0;
}
.CT-262-illustration-2 {
width: 100%;
margin: 30px auto 0;
}
.CT-262-illustration-3 {
width: 100%;
margin: 30px auto 0;
}
.CT-262-illustration-4 {
width: 100%;
margin: 30px auto 0;
}
.CT-262-illustration-10 {
display: none;
}
.CT-262-illustration-10-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////*/
/*//////////////////// Poulies cordelettes ///////////////////////*/
/*////////////////////////////////////////////////////////////////*/
.CT-263-bloc-illustration-0 {
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-bottom: 15px;
margin-top: 60px;
}
.CT-263-texte-1 {
width: 50%;
margin-right: 30px;
align-self: center;
}
.CT-263-illustration-1 {
width: 190px;
max-width: 190px;
margin: 0;
padding: 20px;
display: flex;
}
.CT-263-bloc-illustration-1 {
background-color: #f6f6f6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top: 30px;
display: flex;
flex-direction: column;
padding: 20px;
box-sizing: border-box;
position: relative;
}
.CT-263-bloc-illustration-1-1 {
width: 80%;
padding: 5px;
background-color: rgba(0, 0, 0, 0.15);
height: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 2;
position: absolute;
left: calc(100% - 91%);
top: 44px;
}
.CT-263-illustration-2 {
width: 28px;
margin: 2px 2px;
left: 5px;
}
.CT-263-bloc-illustration-1-2 {
display: flex;
flex-direction: row;
width: 100%;
max-width: 540px;
justify-content: space-between;
margin: 0 auto;
}
.CT-263-bloc-illustration-1-1-1, .CT-263-bloc-illustration-1-1-2 {
width: 100%;
max-width: 260px;
background-color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 0 20px 20px 20px;
box-sizing: border-box;
}
.CT-263-bloc-illustration-1-1-1 p, .CT-263-bloc-illustration-1-1-2 p {
text-align: center;
margin-bottom: 15px;
}
.CT-263-bloc-illustration-1-1-1-1, .CT-263-bloc-illustration-1-1-1-2 {
display: none;
padding: 5px;
background-color: rgba(0, 0, 0, 0.15);
height: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 2;
}
.CT-263-illustration-3 {
width: 100%;
max-width: 112px;
margin: 35px auto 22px;
z-index: 3;
position: relative;
}
.CT-263-illustration-4 {
width: 100%;
max-width: 129px;
margin: 21px auto 10px;
z-index: 3;
position: relative;
}
.CT-263-nom-poulie {
margin: 2px auto;
background-color: #E3E4E4;
padding: 3px 12px;
box-sizing: border-box;
text-align: center;
width: fit-content;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
@media (max-width: 1000px) {
.CT-263-bloc-illustration-1-2 {
flex-direction: column;
max-width: 100%;
}
.CT-263-bloc-illustration-1-1-1 {
margin: 0 auto 20px;
position: relative;
}
.CT-263-bloc-illustration-1-1-2 {
margin: 0 auto 0;
position: relative;
}
.CT-263-bloc-illustration-1-1 {
display: none;
}
.CT-263-bloc-illustration-1-1-1-1, .CT-263-bloc-illustration-1-1-1-2 {
display: block;
position: absolute;
width: calc(100% - 40px);
top: 24px;
}
}
@media (max-width: 650px) {
.CT-263-bloc-illustration-0 {
flex-direction: column-reverse;
justify-content: flex-start;
margin-bottom: 0;
margin-top: 60px;
}
.CT-263-texte-1 {
width: inherit;
margin-right: 0;
align-self: auto;
margin-bottom: 0;
}
}
@media (max-width: 350px) {
.CT-263-illustration-3 img, .CT-263-illustration-4 img {
margin-left: 20px;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Grigri - descente en rappel ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-264-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-264-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-264-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 30px auto;
justify-content: space-between;
}
.CT-264-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin: 30px auto;
}
.CT-264-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin: 30px auto;
padding: 20px;
box-sizing: border-box;
justify-content: space-around;
}
.CT-264-bloc-illustration-4 {
display: flex;
flex-direction: row;
margin: 30px auto;
padding: 20px;
box-sizing: border-box;
justify-content: space-around;
}
.CT-264-texte-1 {
margin-top: 60px;
}
.CT-264-h3 {
margin-top: 60px;
}
.CT-264-illustration-1 {
width: 271px;
margin: auto;
}
.CT-264-illustration-2 {
width: 100%;
max-width: 341px;
margin: auto;
}
.CT-264-illustration-3 {
min-width: 118px;
width: 118px;
margin-left: 30px;
}
.CT-264-illustration-4 {
width: 51%;
max-width: 377px;
padding: 20px;
box-sizing: border-box;
}
.CT-264-illustration-5 {
width: 42%;
max-width: 310px;
padding: 20px;
box-sizing: border-box;
border: 2px solid #e75300;
}
.CT-264-illustration-6 {
width: 44.4%;
max-width: 330px;
padding: 20px;
box-sizing: border-box;
}
.CT-264-illustration-7 {
width: 47%;
max-width: 333px;
padding: 20px;
box-sizing: border-box;
border: 2px solid #e75300;
}
@media (max-width: 850px) {
.CT-264-bloc-illustration-1 {
flex-direction: column;
}
.CT-264-illustration-1 {
width: 100%;
max-width: 271px;
margin: auto auto 30px;
}
.CT-264-bloc-illustration-3 {
flex-direction: column;
}
.CT-264-illustration-4 {
margin: 0 auto 40px;
width: 100%;
}
.CT-264-illustration-5 {
margin: 0 auto;
width: 100%;
}
.CT-264-bloc-illustration-4 {
flex-direction: column;
}
.CT-264-illustration-6 {
margin: 0 auto 40px;
width: 100%;
}
.CT-264-illustration-7 {
margin: 0 auto;
width: 100%;
}
}
@media (max-width: 400px) {
.CT-264-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-264-bloc-illustration-2 {
flex-direction: column;
margin: 30px auto 0;
}
.CT-264-illustration-3 {
margin: 30px auto 0;
}
}
/*/////////////////////////////////////////////////////////////*/
/*//////////////////// cle-blocage-STOP ///////////////////////*/
/*/////////////////////////////////////////////////////////////*/
.CT-265-p-1 {
margin-top: 60px !important;
}
.CT-265-h3 {
margin-top: 60px !important;
}
.CT-265-illustration-1 {
margin: 30px auto;
width: 80%;
max-width: 645px;
}
.CT-265-illustration-2 {
margin: 30px auto;
width: 80%;
max-width: 654px;
}
.CT-265-illustration-3 {
margin: 30px auto;
width: 80%;
max-width: 614px;
}
.CT-265-illustration-4 {
margin: 30px auto;
width: 95%;
max-width: 700px;
}
.CT-265-illustration-5 {
margin: 30px auto;
width: 100%;
max-width: 809px;
}
.CT-265-illustration-6 {
margin: 30px auto;
width: 80%;
max-width: 648px;
}
.CT-265-illustration-7 {
margin: 30px auto;
width: 100%;
max-width: 818px;
}
.CT-265-illustration-8 {
margin: 30px auto;
width: 100%;
max-width: 836px;
}
.CT-265-illustration-9 {
margin: 30px auto;
width: 80%;
max-width: 653px;
}
.CT-265-illustration-1-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 232px;
}
.CT-265-illustration-2-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 228px;
}
.CT-265-illustration-3-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 237px;
}
.CT-265-illustration-4-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 221px;
}
.CT-265-illustration-5-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 225px;
}
.CT-265-illustration-6-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 244px;
}
.CT-265-illustration-7-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 258px;
}
.CT-265-illustration-8-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 238px;
}
.CT-265-illustration-9-2 {
margin: 30px auto;
display: none;
width: 100%;
max-width: 226px;
}
@media (max-width: 550px) {
.CT-265-illustration-1, .CT-265-illustration-2, .CT-265-illustration-3, .CT-265-illustration-4, .CT-265-illustration-5, .CT-265-illustration-6, .CT-265-illustration-7, .CT-265-illustration-8, .CT-265-illustration-9 {
display: none;
}
.CT-265-illustration-1-2, .CT-265-illustration-2-2, .CT-265-illustration-3-2, .CT-265-illustration-4-2, .CT-265-illustration-5-2, .CT-265-illustration-6-2, .CT-265-illustration-7-2, .CT-265-illustration-8-2, .CT-265-illustration-9-2 {
display: block;
}
}
/*//////////////////////////////////////////////////////////////*/
/*//////////////////// couple de serrage ///////////////////////*/
/*//////////////////////////////////////////////////////////////*/
.CT-266-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-266-h3 {
margin-top: 50px !important;
}
.CT-266-bloc-illustration-1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: left;
}
.CT-266-illustration-1 {
margin: 45px 20px 0 0;
width: 100%;
max-width: 124px;
}
.CT-266-illustration-2 {
margin: 30px 24px 0 4px;
width: 100%;
max-width: 116px;
}
.CT-266-illustration-3 {
margin: 19px 22px 0 2px;
width: 100%;
max-width: 120px;
}
.CT-266-illustration-4 {
margin: 30px 24px 0 4px;
width: 100%;
max-width: 116px;
}
.CT-266-illustration-5 {
margin: 27px 26px 0 7px;
width: 100%;
max-width: 111px;
}
.CT-266-illustration-6 {
margin: 47px 26px 0 7px;
width: 100%;
max-width: 111px;
}
.CT-266-illustration-7 {
margin: 66px 26px 0 7px;
width: 100%;
max-width: 111px;
}
.CT-266-illustration-8 {
margin: 82px 26px 0 7px;
width: 100%;
max-width: 111px;
}
.CT-266-illustration-9 {
margin: 44px 25px 0 6px;
width: 100%;
max-width: 113px;
}
.CT-266-illustration-10 {
margin: 33px 21px 0 2px;
width: 100%;
max-width: 121px;
}
.CT-266-illustration-11 {
margin: 30px 26px 0 7px;
width: 100%;
max-width: 111px;
}
.CT-266-hr {
margin: 30px 0;
}
.CT-266-trois-points {
margin: 160px 65px 50px;
}
.CT-266-illustration-12 {
margin: 50px 0;
width: 100%;
max-width: 415px;
}
.CT-266-illustration-13 {
margin: 50px 0;
width: 100%;
max-width: 257px;
}
.CT-266-bloc-illustration-2 {
display: flex;
flex-direction: row;
}
.CT-266-illustration-14 {
margin: 50px 30px 50px 0;
width: 149px;
}
.CT-266-illustration-15 {
margin: 50px 30px 50px 0;
width: 200px;
}
.CT-266-illustration-16 {
margin: 50px 0 50px -28px;
width: 213px;
}
.CT-266-bloc-illustration-3 {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.CT-266-illustration-17 {
margin: 50px 15% 50px 0;
width: 100%;
max-width: 178px;
}
.CT-266-illustration-18 {
margin: 50px 30px 50px 0;
width: 167px;
}
.CT-266-illustration-19 {
margin: 50px 0;
width: 167px;
}
.CT-266-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-266-illustration-20 {
margin: 50px 0 30px;
width: 100%;
max-width: 352px;
}
@media (max-width: 800px) {
.CT-266-bloc-illustration-3 {
flex-direction: column;
justify-content: center;
}
.CT-266-illustration-17 {
margin: 50px auto 20px;
}
.CT-266-illustration-18 {
margin: 20px auto;
}
.CT-266-illustration-19 {
margin: 20px auto 50px;
}
}
@media (max-width: 650px) {
.CT-266-bloc-illustration-2 {
flex-direction: column;
}
.CT-266-illustration-14 {
margin: 50px auto 20px;
}
.CT-266-illustration-15 {
margin: 0 auto 20px;
}
.CT-266-illustration-16 {
margin: 0 auto 50px;
}
.CT-266-illustration-16 img {
margin-left: -14px;
}
.CT-266-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-266-illustration-13 {
margin: 50px auto;
}
.CT-266-illustration-12 {
margin: 50px auto;
}
}
@media (max-width: 355px) {
.CT-266-trois-points {
margin: 50px 65px;
}
.CT-266-bloc-illustration-1 {
justify-content: center;
}
.CT-266-illustration-1 {
margin: 45px 30px 0;
}
.CT-266-illustration-2 {
margin: 30px 30px 0;
}
.CT-266-illustration-3 {
margin: 19px 30px 0;
}
.CT-266-illustration-4 {
margin: 32px 30px 0;
}
.CT-266-illustration-5 {
margin: 27px 30px 0;
}
.CT-266-illustration-6 {
margin: 47px 30px 0;
}
.CT-266-illustration-7 {
margin: 66px 30px 0;
}
.CT-266-illustration-8 {
margin: 82px 30px 0;
}
.CT-266-illustration-9 {
margin: 44px 30px 0
}
.CT-266-illustration-10 {
margin: 33px 30px 0;
}
.CT-266-illustration-11 {
margin: 30px 30px 0;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RADsystem-pe01-particularites-RADLINE v2 ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/
.CT-167-h3 {
margin-top: 60px !important;
}
.CT-267-bloc-illustration-1 {
margin: 50px auto;
display: flex;
flex-direction: row;
padding: 20px;
}
.CT-267-illustration-1 {
width: 24.5%;
margin: 5.3% 20px 0 0;
}
.CT-267-illustration-2 {
width: 75%;
}
.CT-267-illustration-3 {
width: 100%;
max-width: 205px;
margin: 50px 0;
padding: 20px;
}
.CT-267-bloc-texte-gris-1 {
padding: 20px;
box-sizing: border-box;
background-color: #F6F6F6;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cecece, Direction=NaN, Strength=5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.CT-267-illustration-4 {
width: 100%;
max-width: 607px;
margin: 50px 0;
padding: 20px;
box-sizing: border-box;
}
.CT-267-illustration-4-2 {
width: 100%;
margin: 50px 0;
padding: 20px;
box-sizing: border-box;
display: none;
}
.CT-267-illustration-4-2 img {
width: 100%;
max-width: 365px;
margin: 0 auto;
display: block;
}
.CT-267-illustration-5 {
width: 100%;
max-width: 407px;
margin: 50px 0;
padding: 20px;
}
@media (max-width: 800px) {
.CT-267-bloc-illustration-1 {
flex-direction: column;
}
.CT-267-illustration-1 {
width: 100%;
max-width: 189px;
margin: 0 auto 50px;
}
.CT-267-illustration-2 {
width: 100%;
max-width: 574px;
margin: 0 auto;
}
}
@media (max-width: 600px) {
.CT-267-illustration-3 {
max-width: none;
box-sizing: border-box;
}
.CT-267-illustration-3 img {
width: 205px !important;
margin: 0 auto;
display: block;
}
.CT-267-illustration-5 {
max-width: none;
box-sizing: border-box;
}
.CT-267-illustration-5 img {
width: 100% !important;
max-width: 365px;
margin: 0 auto;
display: block;
}
}
@media (max-width: 500px) {
.CT-267-illustration-4 {
display: none;
}
.CT-267-illustration-4-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*//////////////////// TwinRelease mouflage3:1 ///////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-268-texte-1 {
margin-top: 30px;
}
.CT-268-bloc-illustration-1 {
display: flex;
flex-direction: row;
}
.CT-268-illustration-1 {
max-width: 139px !important;
width: 100%;
margin: 30px 0;
}
.CT-268-illustration-2 {
max-width: 153px !important;
width: 100%;
margin: 30px 0 30px 50px;
}
.CT-268-illustration-3 {
max-width: 188px !important;
width: 100%;
margin: 30px 0;
}
.CT-268-illustration-4 {
max-width: 183px !important;
width: 100%;
margin: 30px 0;
}
.CT-268-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-268-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-268-bloc-illustration-2 {
display: flex;
flex-direction: column;
}
@media (max-width: 600px) {
.CT-268-bloc-texte-gris-1 {
flex-direction: column;
}
}
@media (max-width: 410px) {
.CT-268-bloc-illustration-1 {
flex-direction: column;
}
.CT-268-illustration-1 {
margin: 30px auto 0;
}
.CT-268-illustration-1 img {
margin-left: -23px;
}
.CT-268-illustration-2 {
margin: 30px auto 30px;
}
.CT-268-illustration-2 img {
margin-left: -15px;
}
.CT-268-illustration-3 {
margin: 30px auto;
}
.CT-268-illustration-4 {
margin: 30px auto;
}
}
/*/////////////////////////////////////////////////////////////////*/
/*//////////////////// lighting - indice IK ///////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
.CT-269-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-269-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-269-bloc-texte-gris-1 h4 {
margin-top: 0;
}
.CT-269-illustration-1 {
max-width: 812px !important;
width: 100%;
margin: 30px 0;
}
.CT-269-illustration-1-2 {
max-width: 320px !important;
width: 100%;
margin: 30px auto;
display: none;
}
.CT-269-bloc-information {
display: flex;
flex-direction: row;
}
.CT-269-illustration-1-3 {
max-width: 376px !important;
min-width: 376px;
width: 100%;
margin-left: 20px;
}
.CT-269-illustration-1-3 img {
width: 100%;
}
@media (max-width: 950px) {
.CT-269-bloc-information {
flex-direction: column;
}
.CT-269-illustration-1-3 {
margin: 20px auto 0;
width: 100% !important;
max-width: 100% !important;
min-width: inherit;
}
}
@media (max-width: 750px) {
.CT-269-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-269-bloc-texte-gris-1 h4 {
margin-top: 20px;
}
}
@media (max-width: 650px) {
.CT-269-illustration-1 {
display: none;
}
.CT-269-illustration-1-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// RIG-1-Descendre-sur-un-brin-en-rajoutant-du-freinage v2 ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-270-illustration-1 {
max-width: 420px !important;
width: 100%;
margin: 30px 0;
}
.CT-270-bloc-illustration-1, .CT-270-bloc-illustration-2, .CT-270-bloc-illustration-3, .CT-270-bloc-illustration-4 {
display: flex;
flex-direction: row;
padding: 20px;
box-sizing: border-box;
margin: 30px 0;
justify-content: center;
}
.CT-270-bloc-illustration-1 {
max-width: 409px;
}
.CT-270-bloc-illustration-3 {
max-width: 434px;
}
.CT-270-bloc-illustration-4 {
max-width: 434px;
}
.CT-270-illustration-2 {
max-width: 128px !important;
width: 100%;
margin: 0 20px 0 0;
border-right: 1px dashed #1d1d1b;
padding: 0 20px 0 0;
}
.CT-270-illustration-3 {
max-width: 200px !important;
width: 100%;
margin: 0;
}
.CT-270-illustration-4 {
max-width: 142px !important;
width: 100%;
margin: 0 20px 0 0;
border-right: 1px dashed #1d1d1b;
padding: 0 20px 0 0;
}
.CT-270-illustration-5 {
max-width: 627px !important;
width: 100%;
margin: 0;
}
.CT-270-illustration-5-2 {
max-width: 406px !important;
width: 100%;
margin: 20px auto 0 auto;
display: none;
}
.CT-270-illustration-6 {
max-width: 150px !important;
width: 100%;
margin: 0 20px 0 0;
border-right: 1px dashed #1d1d1b;
padding: 0 20px 0 0;
}
.CT-270-illustration-7 {
max-width: 197px !important;
width: 100%;
margin: 0;
}
.CT-270-illustration-8 {
max-width: 155px !important;
width: 100%;
margin: 0 20px 0 0;
border-right: 1px dashed #1d1d1b;
padding: 0 20px 0 0;
}
.CT-270-illustration-9 {
max-width: 199px !important;
width: 100%;
margin: 0;
}
@media (max-width: 980px) {
.CT-270-bloc-illustration-2 {
flex-direction: column;
max-width: 450px;
}
.CT-270-bloc-illustration-1, .CT-270-bloc-illustration-3, .CT-270-bloc-illustration-4 {
max-width: 450px;
}
.CT-270-illustration-4 {
border-right: none;
padding: 0 0 20px 0;
border-bottom: 1px dashed #1d1d1b;
margin: 0 auto;
}
.CT-270-illustration-5 {
display: none;
}
.CT-270-illustration-5-2 {
display: block;
}
}
@media (max-width: 510px) {
.CT-270-bloc-illustration-1, .CT-270-bloc-illustration-3, .CT-270-bloc-illustration-4 {
flex-direction: column;
}
.CT-270-illustration-2, .CT-270-illustration-6, .CT-270-illustration-8 {
border-right: none;
padding: 0 0 20px 0;
border-bottom: 1px dashed #1d1d1b;
margin: 0 auto;
}
.CT-270-illustration-3, .CT-270-illustration-7, .CT-270-illustration-9 {
margin: 20px auto 0;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// cat-evacuation-telesiege-secouriste-cable ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.CT-271-illustration-1 {
max-width: 823px !important;
width: 100%;
margin: 30px 0;
}
.CT-271-illustration-1-2 {
max-width: 678px !important;
width: 100%;
margin: 30px 0;
display: none;
}
.CT-271-bloc-illustration-1 {
padding: 20px;
box-sizing: border-box;
margin: 60px 0;
}
.CT-271-bloc-illustration-1 p {
margin: 0 !important;
}
.CT-271-illustration-2 {
max-width: 559px !important;
width: 100%;
margin: -35px 0 0;
}
.CT-271-illustration-3 {
max-width: 774px !important;
width: 100%;
margin: 30px 0;
}
.CT-271-illustration-3-2 {
max-width: 495px !important;
width: 100%;
margin: 30px 0;
display: none;
}
@media (max-width: 700px) {
.CT-271-illustration-1 {
display: none;
}
.CT-271-illustration-1-2 {
display: block;
}
.CT-271-illustration-3 {
display: none;
}
.CT-271-illustration-3-2 {
display: block;
}
}
@media (max-width: 480px) {
.CT-271-illustration-2 {
margin: 20px 0 0;
}
}
/*///////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ASAP - Choix du point de connexion ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
.CT-272-bloc-illustration-1 {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 60px 60px;
flex-wrap: wrap;
margin: 30px 0 60px;
}
.CT-272-illustration-1 {
max-width: 210px !important;
width: 100%;
}
.CT-272-illustration-2 {
max-width: 201px !important;
width: 100%;
}
.CT-272-illustration-3 {
max-width: 203px !important;
width: 100%;
}
.CT-272-illustration-4 {
max-width: 247px !important;
width: 100%;
margin: 30px 0;
}
.CT-272-illustration-5 {
max-width: 103px !important;
width: 100%;
}
.CT-272-illustration-6 {
max-width: 103px !important;
width: 100%;
}
.CT-272-illustration-6 img {
width: 50px !important;
margin: 0 auto;
display: block;
}
.CT-272-illustration-7 {
max-width: 103px !important;
width: 100%;
}
.CT-272-illustration-7 img {
width: 59px !important;
margin: 0 auto;
display: block;
}
.CT-272-bloc-illustration-2 {
display: flex;
flex-direction: row;
gap: 30px 30px;
margin: 60px 0 0;
align-items: center;
}
.CT-272-bloc-illustration-3 {
display: flex;
flex-direction: row;
gap: 30px 30px;
margin: 60px 0 0;
align-items: center;
}
.CT-272-bloc-illustration-4 {
display: flex;
flex-direction: row;
gap: 30px 30px;
margin: 60px 0 0;
align-items: center;
}
.CT-272-texte-1 {
margin: 60px 0 !important;
}
.CT-272-ul {
margin: 0 !important;
}
@media (max-width: 400px) {
.CT-272-bloc-illustration-2 {
flex-direction: column;
gap: 5px 30px;
}
.CT-272-bloc-illustration-3 {
flex-direction: column;
gap: 5px 30px;
}
.CT-272-bloc-illustration-4 {
flex-direction: column;
gap: 5px 30px;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*//////////////////// Installation des cordes ///////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-273-hr {
margin: 30px 0;
}
.CT-273-illustration-1 {
max-width: 223px !important;
width: 100%;
}
.CT-273-illustration-2 {
max-width: 375px !important;
width: 100%;
}
.CT-273-illustration-3 {
max-width: 375px !important;
width: 100%;
}
.CT-273-illustration-4 {
max-width: 375px !important;
width: 100%;
}
.CT-273-illustration-5 {
max-width: 34px !important;
width: 100%;
}
.CT-273-illustration-6 {
max-width: 228px !important;
width: 100%;
}
.CT-273-illustration-7 {
max-width: 193px !important;
width: 100%;
}
.CT-273-illustration-8 {
max-width: 135px !important;
width: 100%;
}
.CT-273-illustration-9 {
max-width: 172px !important;
width: 100%;
}
.CT-273-illustration-10 {
max-width: 269px !important;
width: 100%;
}
.CT-273-illustration-11 {
max-width: 391px !important;
width: 100%;
}
.CT-273-illustration-12 {
max-width: 94px !important;
width: 100%;
}
.CT-273-illustration-13 {
max-width: 133px !important;
width: 100%;
}
.CT-273-illustration-14 {
max-width: 221px !important;
width: 100%;
}
.CT-273-illustration-15 {
max-width: 416px !important;
width: 100%;
margin: 20px 0 0 0;
}
.CT-273-illustration-16 {
max-width: 416px !important;
width: 100%;
margin: 20px 0 0 0;
}
.CT-273-illustration-17 {
max-width: 416px !important;
width: calc(50% - 10px);
}
.CT-273-illustration-18 {
max-width: 416px !important;
width: calc(50% - 10px);
}
.CT-273-illustration-19 {
max-width: 416px !important;
width: calc(50% - 10px);
}
.CT-273-bloc-illustration-1 {
margin: 30px auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.CT-273-bloc-illustration-2 {
width: 50%;
}
.CT-273-bloc-illustration-3 {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.CT-273-bloc-illustration-4 {
margin: 0px 0 0 0;
width: 50%;
}
.CT-273-bloc-illustration-4 h2 {
margin: 0 0 30px 0;
}
.CT-273-bloc-illustration-5 {
margin: 0px 0 0 0;
width: 50%;
}
.CT-273-bloc-illustration-5 h2 {
margin: 0 0 30px 0;
}
.CT-273-bloc-illustration-6 {
margin: 30px auto;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.CT-273-bloc-illustration-7 {
width: 33%;
}
.CT-273-bloc-illustration-7 p {
margin-bottom: 30px;
}
.CT-273-bloc-illustration-8 {
width: 33%;
}
.CT-273-bloc-illustration-8 p {
margin-bottom: 30px;
}
.CT-273-bloc-illustration-9 {
width: 33%;
}
.CT-273-bloc-illustration-9 p {
margin-bottom: 30px;
}
.CT-273-bloc-illustration-10 {
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.CT-273-bloc-illustration-10 h2 {
margin: 0 0 30px 0;
}
.CT-273-bloc-illustration-11 {
width: 50%;
}
.CT-273-bloc-illustration-12 {
width: 50%;
}
.CT-273-bloc-illustration-13 {
margin: 30px auto 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.CT-273-bloc-illustration-14 {
margin: 30px auto 0;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
}
.CT-273-bloc-illustration-15 {
width: 50%;
}
.CT-273-bloc-illustration-16 {
width: 50%;
}
.CT-273-bloc-illustration-17 {
margin: 30px auto 0;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 850px) {
.CT-273-bloc-illustration-7 {
width: 50%;
}
.CT-273-bloc-illustration-8 {
width: 50%;
}
.CT-273-bloc-illustration-9 {
width: 50%;
}
}
@media (max-width: 800px) {
.CT-273-bloc-illustration-10 {
flex-direction: column;
}
.CT-273-bloc-illustration-11 {
width: 100%;
}
.CT-273-illustration-10 {
margin: 0 0 30px;
}
.CT-273-bloc-illustration-12 {
width: 100%;
}
.CT-273-illustration-11 {
margin: 0 0 30px;
}
}
@media (max-width: 650px) {
.CT-273-bloc-illustration-13 {
flex-direction: column;
gap: 60px;
}
.CT-273-illustration-12 {
margin: auto;
}
.CT-273-illustration-13 {
margin: auto;
}
.CT-273-illustration-14 {
margin: auto;
}
.CT-273-bloc-illustration-14 {
flex-direction: column;
gap: 20px;
}
.CT-273-bloc-illustration-15 {
width: 100%;
}
.CT-273-bloc-illustration-16 {
width: 100%;
}
.CT-273-bloc-illustration-17 {
flex-direction: column;
gap: 30px;
}
.CT-273-illustration-17 {
width: 100%;
}
.CT-273-illustration-18 {
width: 100%;
}
.CT-273-illustration-19 {
width: 100%;
}
}
@media (max-width: 600px) {
.CT-273-bloc-illustration-1 {
flex-direction: column;
}
.CT-273-illustration-1 {
margin: auto;
}
.CT-273-bloc-illustration-2 {
width: 100%;
margin-top: 30px;
}
.CT-273-illustration-2 {
margin: auto;
}
.CT-273-illustration-3 {
margin: auto;
}
.CT-273-illustration-4 {
margin: auto;
}
}
@media (max-width: 500px) {
.CT-273-bloc-illustration-3 {
flex-direction: column;
}
.CT-273-bloc-illustration-4 {
width: 100%;
}
.CT-273-illustration-5 {
margin: 0 auto;
}
.CT-273-bloc-illustration-5 {
width: 100%;
}
.CT-273-illustration-6 {
margin: 0 auto;
}
.CT-273-bloc-illustration-7 {
width: 100%;
}
.CT-273-bloc-illustration-8 {
width: 100%;
}
.CT-273-bloc-illustration-9 {
width: 100%;
}
.CT-273-illustration-7 {
margin: auto;
}
.CT-273-illustration-8 {
margin: auto;
}
.CT-273-illustration-9 {
margin: auto;
}
}
@media (max-width: 400px) {
.CT-273-illustration-10 {
margin: 0 auto 30px;
}
.CT-273-illustration-11 {
margin: 0 auto 30px;
}
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////////////// Naja déviation récupérable ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.CT-274-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-274-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-274-h2 {
font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
font-size: 24px !important;
font-weight: normal;
color: #444444 !important;
}
.CT-274-hr {
margin: 50px 0;
}
.CT-274-illustration-1 {
max-width: 262px !important;
width: 100%;
margin: 50px 0 50px;
}
.CT-274-illustration-2 {
max-width: 249px !important;
width: 100%;
margin: 0 0 50px 50px;
}
.CT-274-bloc-illustration-1 {
width: 100%;
margin: 0 0 50px;
box-sizing: border-box;
display: flex;
flex-direction: row;
}
.CT-274-bloc-illustration-2 {
width: 100%;
margin: 0 0 50px;
padding: 30px;
box-sizing: border-box;
border: 1px solid #333333;
}
.CT-274-illustration-3-1 {
max-width: 831px !important;
width: 100%;
}
.CT-274-illustration-3-2 {
max-width: 336px !important;
width: 100%;
display: none;
margin: auto;
}
.CT-274-illustration-4 {
max-width: 549px !important;
width: 100%;
margin: 0 0 50px;
}
.CT-274-illustration-5 {
max-width: 549px !important;
width: 100%;
margin: 0 0 50px;
}
.CT-274-illustration-6 {
max-width: 505px !important;
width: 100%;
margin: 0 0 50px;
}
.CT-274-illustration-7 {
max-width: 823px !important;
width: 100%;
}
.CT-274-illustration-8 {
max-width: 538px !important;
width: 100%;
margin: 50px 0;
}
.CT-274-bloc-illustration-3 {
width: 100%;
margin: 0 0 50px;
padding: 30px;
box-sizing: border-box;
border: 1px solid #333333;
}
.CT-274-illustration-9-1 {
max-width: 831px !important;
width: 100%;
}
.CT-274-illustration-9-2 {
max-width: 349px !important;
width: 100%;
display: none;
margin: auto;
}
.CT-274-illustration-10 {
max-width: 366px !important;
width: 100%;
margin: 0 0 50px;
}
.CT-274-illustration-11 {
max-width: 454px !important;
width: 100%;
}
@media (max-width: 650px) {
.CT-274-illustration-3-1 {
display: none;
}
.CT-274-illustration-3-2 {
display: block;
}
.CT-274-illustration-9-1 {
display: none;
}
.CT-274-illustration-9-2 {
display: block;
}
}
@media (max-width: 500px) {
.CT-274-bloc-texte-gris-1 {
flex-direction: column;
}
}
@media (max-width: 450px) {
.CT-274-bloc-illustration-1 {
flex-direction: column;
}
.CT-274-illustration-1 {
max-width: 262px !important;
width: 100%;
margin: 50px auto;
}
.CT-274-illustration-2 {
max-width: 249px !important;
width: 100%;
margin: 0 auto 50px;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*//////////////////// Rescucender récupérable ///////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-275-p {
margin-top: 60px !important;
}
.CT-275-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-275-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-275-illustration-1 {
max-width: 505px !important;
width: 100%;
margin: 50px 0;
}
.CT-275-illustration-2 {
max-width: 535px !important;
width: 100%;
margin: 0 0 50px;
}
@media (max-width: 500px) {
.CT-274-bloc-texte-gris-1 {
flex-direction: column;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ZILLON - 6 - Démontage : rendre la longe ZILLON étrangleuse ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-276-p {
margin-top: 60px !important;
}
.CT-276-illustration-1 {
max-width: 381px !important;
width: 100%;
margin: 50px 0;
}
/*////////////////////////////////////////////////////////*/
/*//////////////////// Naja en SRT ///////////////////////*/
/*////////////////////////////////////////////////////////*/
.CT-277-illustration-1 {
margin: 60px 0 30px;
width: 100%;
max-width: 849px;
}
.CT-277-illustration-1-2 {
margin: 60px auto;
width: 100%;
max-width: 390px;
display: none;
}
.CT-277-bloc-illustration-1 {
margin: 30px 0;
width: 100%;
padding: 30px;
box-sizing: border-box;
}
.CT-277-bloc-illustration-1 p {
margin: 0 0 30px 0 !important;
}
.CT-277-illustration-2 {
width: 100%;
max-width: 727px;
margin: 0 auto;
}
.CT-277-illustration-2-2 {
width: 100%;
max-width: 472px;
display: none;
margin: 0 auto;
}
.CT-277-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 50px 0;
display: flex;
flex-direction: row;
}
.CT-277-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-277-bloc-illustration-2 {
display: flex;
margin: 50px 0;
flex-direction: row;
gap: 30px;
}
.CT-277-bloc-illustration-2 p {
width: calc(100% - 333px) !important;
margin-top: 0 !important;
}
.CT-277-illustration-3 {
width: 100%;
max-width: 313px;
}
.CT-277-p-1 {
margin: 50px 0 0;
}
.CT-277-bloc-illustration-3 {
display: flex;
margin: 50px 0;
flex-direction: row;
gap: 30px;
}
.CT-277-bloc-illustration-3 div:last-of-type {
width: calc(100% - 420px) !important;
}
.CT-277-bloc-illustration-3 ul:first-of-type, .CT-277-bloc-illustration-3 li:first-of-type {
margin-top: 0 !important;
}
.CT-277-illustration-4 {
width: 100%;
max-width: 390px;
}
.CT-277-bloc-illustration-4 {
margin: 30px 0;
width: 100%;
padding: 30px;
box-sizing: border-box;
}
.CT-277-bloc-illustration-4 p {
margin: 0 0 30px 0 !important;
}
.CT-277-illustration-5 {
width: 100%;
max-width: 821px;
margin: 0 auto;
}
.CT-277-illustration-5-2 {
width: 100%;
max-width: 268px;
display: none;
margin: 0 auto;
}
.CT-277-bloc-illustration-5 {
margin: 30px 0 50px;
width: 100%;
padding: 30px;
box-sizing: border-box;
}
.CT-277-bloc-illustration-5 p {
margin: 0 0 30px 0 !important;
}
.CT-277-illustration-6 {
width: 100%;
max-width: 817px;
margin: 0 auto;
}
.CT-277-illustration-6-2 {
width: 100%;
max-width: 316px;
display: none;
margin: 0 auto;
}
.CT-277-bloc-illustration-6 {
display: flex;
margin: 50px 0;
flex-direction: row;
gap: 30px;
}
.CT-277-bloc-illustration-6 div:last-of-type {
width: calc(100% - 420px) !important;
}
.CT-277-bloc-illustration-6 ul:first-of-type, .CT-277-bloc-illustration-6 li:first-of-type {
margin-top: 0 !important;
}
.CT-277-illustration-7 {
width: 100%;
max-width: 397px;
}
.CT-277-p-2 {
margin: 40px 0 0;
}
.CT-277-bloc-illustration-7 {
margin: 30px 0;
width: 100%;
padding: 30px;
box-sizing: border-box;
}
.CT-277-bloc-illustration-7 p {
margin: 0 0 30px 0 !important;
}
.CT-277-illustration-8 {
width: 100%;
max-width: 558px;
margin: 0 auto;
}
.CT-277-illustration-8-2 {
width: 100%;
max-width: 267px;
display: none;
margin: 0 auto;
}
.CT-277-bloc-illustration-8 {
margin: 30px 0 50px;
width: 100%;
padding: 30px;
box-sizing: border-box;
}
.CT-277-bloc-illustration-8 p {
margin: 0 0 30px 0 !important;
}
.CT-277-illustration-9 {
width: 100%;
max-width: 820px;
margin: 0 auto;
}
.CT-277-illustration-9-2 {
width: 100%;
max-width: 268px;
display: none;
margin: 0 auto;
}
@media (max-width: 800px) {
.CT-277-illustration-5, .CT-277-illustration-6, .CT-277-illustration-8, .CT-277-illustration-9 {
display: none;
}
.CT-277-illustration-5-2, .CT-277-illustration-6-2, .CT-277-illustration-8-2, .CT-277-illustration-9-2 {
display: block;
}
}
@media (max-width: 850px) {
.CT-277-bloc-illustration-3, .CT-277-bloc-illustration-6 {
flex-direction: column;
}
.CT-277-bloc-illustration-3 div:last-of-type, .CT-277-bloc-illustration-6 div:last-of-type {
width: 100% !important;
}
.CT-277-illustration-4, .CT-277-illustration-7 {
margin: 0 auto;
}
}
@media (max-width: 700px) {
.CT-277-bloc-illustration-2 {
flex-direction: column;
}
.CT-277-bloc-illustration-2 p {
width: 100% !important;
margin: 0 !important;
}
}
@media (max-width: 450px) {
.CT-277-illustration-1 {
display: none;
}
.CT-277-illustration-1-2 {
display: block;
}
.CT-277-illustration-2 {
display: none;
}
.CT-277-illustration-2-2 {
display: block;
}
.CT-277-bloc-texte-gris-1 {
flex-direction: column;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - Clé de blocage du GRIGRI pour arrêt mains libres ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-278-illustration-1 {
margin: 60px auto;
width: 100%;
max-width: 838px;
}
.CT-278-illustration-1-2 {
margin: 60px auto;
width: 100%;
max-width: 494px;
display: none;
}
.CT-278-illustration-2 {
margin: 60px auto;
width: 100%;
max-width: 771px;
}
.CT-278-illustration-2-2 {
margin: 60px auto;
width: 100%;
max-width: 267px;
display: none;
}
@media (max-width: 480px) {
.CT-278-illustration-1 {
display: none;
}
.CT-278-illustration-1-2 {
display: block;
}
.CT-278-illustration-2 {
display: none;
}
.CT-278-illustration-2-2 {
display: block;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// NEOX spécialiste de l’assurage en tête ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////*/
.CT-279-illustration-1 {
margin: 60px auto;
width: 100%;
max-width: 483px;
}
.CT-279-illustration-1-2 {
margin: 60px auto;
width: 100%;
max-width: 226px;
display: none;
}
.CT-279-illustration-2 {
margin: 60px auto;
width: 100%;
max-width: 659px;
}
.CT-279-illustration-2-2 {
margin: 60px auto;
width: 100%;
max-width: 333px;
display: none;
}
@media (max-width: 480px) {
.CT-279-illustration-1 {
display: none;
}
.CT-279-illustration-1-2 {
display: block;
}
.CT-279-illustration-2 {
display: none;
}
.CT-279-illustration-2-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// GRIGRI - Auto-assurage non autorisé ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
.CT-280-p {
margin-top: 40px !important;
}
.CT-280-bloc-illustration-1 {
margin: 60px auto;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 30px;
}
.CT-280-illustration-1 {
margin: 20px auto;
width: 100%;
max-width: 142px;
}
.CT-280-illustration-2 {
margin: 20px auto;
width: 100%;
max-width: 142px;
}
.CT-280-illustration-3 {
margin: 20px auto;
width: 100%;
max-width: 285px;
}
.CT-280-illustration-4 {
margin: 60px 0;
width: 100%;
max-width: 235px;
}
@media (max-width: 550px) {
.CT-280-bloc-illustration-1 {
flex-direction: column;
gap: 30px;
}
.CT-280-illustration-4 {
margin: 60px auto;
}
}
/*////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Neox - Assurer un second depuis le haut ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
.CT-281-bloc-illustration-1 {
display: flex;
flex-direction: row;
gap: 30px;
margin: 60px auto;
}
.CT-281-bloc-illustration-2 {
width: calc(50% - 15px);
}
.CT-281-bloc-illustration-3 {
width: calc(50% - 15px);
}
.CT-281-illustration-1 {
margin: 0 0 30px;
width: 100%;
max-width: 226px;
}
.CT-281-illustration-2 {
margin: 0 0 30px;
width: 100%;
max-width: 229px;
}
.CT-281-bloc-illustration-4 {
display: flex;
flex-direction: row;
gap: 30px;
margin: 60px auto;
}
.CT-281-illustration-3 {
margin: 0;
width: 100%;
max-width: 255px;
}
.CT-281-illustration-4 {
margin: 0;
width: 100%;
max-width: 200px;
}
.CT-281-illustration-5 {
margin: 0;
width: 100%;
max-width: 161px;
}
.CT-281-bloc-illustration-5 {
display: flex;
flex-direction: row;
gap: 30px;
margin: 60px auto;
}
.CT-281-illustration-6 {
margin: 0;
width: 100%;
max-width: 133px;
}
.CT-281-illustration-7 {
margin: 0;
width: 100%;
max-width: 177px;
}
.CT-281-illustration-8 {
margin: 0;
width: 100%;
max-width: 430px;
}
.CT-281-illustration-8-2 {
margin: 0 auto;
width: 100%;
max-width: 319px;
display: none;
}
@media (max-width: 850px) {
.CT-281-bloc-illustration-4 {
flex-direction: column;
}
.CT-281-bloc-illustration-5 {
flex-direction: column;
}
.CT-281-illustration-3 {
margin: 0 auto;
}
.CT-281-illustration-4 {
margin: 0 auto;
}
.CT-281-illustration-5 {
margin: 0 auto;
}
.CT-281-bloc-illustration-4 {
gap: 50px;
}
.CT-281-bloc-illustration-5 {
gap: 50px;
}
.CT-281-illustration-6 {
margin: 0 auto;
}
.CT-281-illustration-7 {
margin: 0 auto;
}
.CT-281-illustration-8 {
margin: 0 auto;
}
}
@media (max-width: 650px) {
.CT-281-bloc-illustration-1 {
flex-direction: column;
gap: 50px;
}
.CT-281-bloc-illustration-2 {
width: 100%;
}
.CT-281-bloc-illustration-3 {
width: 100%;
}
.CT-281-illustration-1 {
margin: 0 auto 30px;
}
.CT-281-illustration-2 {
margin: 0 auto 30px;
}
}
@media (max-width: 480px) {
.CT-281-illustration-8 {
display: none;
}
.CT-281-illustration-8-2 {
display: block;
}
}
/*///////////////////////////////////////////////////////////////*/
/*//////////////////// auto-assurage 2023 ///////////////////////*/
/*///////////////////////////////////////////////////////////////*/
.CT-282-bloc-texte-gris-1 h3 {
margin-top:0 !important;
}
.CT-282-bloc-illustration-1 {
display: flex;
flex-direction: row;
gap: 30px;
margin: 60px auto 30px;
}
.CT-282-bloc-illustration-2 {
display: flex;
flex-direction: column;
width: calc(50% - 15px);
}
.CT-282-illustration-1 {
margin: 0;
width: 100%;
max-width: 415px;
}
.CT-282-illustration-2 {
margin: 60px 0;
width: 100%;
max-width: 689px;
}
.CT-282-illustration-2 img {
margin-top: 30px;
}
.CT-282-illustration-2-2 {
margin: 60px 0;
width: 100%;
max-width: 411px;
display: none;
}
.CT-282-illustration-2-2 img {
margin-top: 30px;
}
.CT-282-illustration-4 {
margin: 60px 0;
width: 100%;
max-width: 471px;
}
.CT-282-illustration-4 img {
margin-top: 30px;
}
.CT-282-h3 {
margin-top: 0 !important;
}
.CT-282-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
}
.CT-282-bloc-texte-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: column;
}
.CT-282-bloc-texte-gris-3 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px;
display: flex;
flex-direction: row;
}
.CT-282-bloc-texte-gris-4 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px;
display: flex;
flex-direction: row;
}
.CT-282-picto-information {
margin-bottom: 30px;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-282-bloc-illustration-3 {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
margin: 30px auto;
}
.CT-282-illustration-3 {
margin: 0;
width: 100%;
max-width: 47px;
}
.CT-282-bloc-illustration-4 {
margin: 60px 0;
padding: 20px;
box-sizing: border-box;
}
.CT-282-bloc-illustration-5 {
display: flex;
flex-direction: row;
gap: 20px;
margin: 30px 0;
align-items: center;
}
.CT-282-illustration-5 {
margin: 20px 0;
width: 100%;
max-width: 113px;
}
.CT-282-illustration-5 img {
width: 100%;
}
.CT-282-bloc-illustration-6 {
display: flex;
flex-direction: row;
gap: 20px;
margin: 30px 0;
align-items: center;
}
.CT-282-illustration-6 {
margin: 20px 0;
width: 100%;
max-width: 113px;
}
.CT-282-illustration-6 img {
width: 100%;
}
.CT-282-bloc-illustration-7 {
display: flex;
flex-direction: row;
gap: 20px;
margin: 30px 0;
align-items: center;
}
.CT-282-illustration-7 {
margin: 20px 0;
width: 100%;
max-width: 334px;
}
.CT-282-illustration-7 img {
width: 100%;
}
.CT-282-bloc-illustration-8 {
display: flex;
flex-direction: row;
gap: 20px;
margin: 30px 0;
align-items: center;
}
.CT-282-illustration-8 {
margin: 20px 13px 0 0;
width: 100%;
max-width: 100px;
}
.CT-282-illustration-8 img {
width: 100%;
}
.CT-282-bloc-illustration-9 {
display: flex;
flex-direction: row;
gap: 20px;
margin: 30px 0;
align-items: center;
}
.CT-282-illustration-9 {
margin: 20px 13px 0 0;
width: 100%;
max-width: 100px;
}
.CT-282-illustration-9 img {
width: 100%;
}
.CT-282-bloc-illustration-10 {
display: flex;
flex-direction: row;
gap: 20px;
margin: 30px 0;
align-items: center;
}
.CT-282-illustration-10 {
margin: 20px 10px 20px 10px;
width: 100%;
max-width: 93px;
}
.CT-282-illustration-10 img {
width: 100%;
}
@media (max-width: 880px) {
.CT-282-bloc-illustration-1 {
flex-direction: column;
margin: 60px auto 30px;
}
.CT-282-bloc-illustration-2 {
width: 100%;
}
.CT-282-illustration-1 {
margin: 0 auto 60px;
}
.CT-282-bloc-texte-gris-2 {
flex-direction: row;
}
}
@media (max-width: 700px) {
.CT-282-bloc-illustration-5, .CT-282-bloc-illustration-6, .CT-282-bloc-illustration-7, .CT-282-bloc-illustration-8, .CT-282-bloc-illustration-9, .CT-282-bloc-illustration-10 {
flex-direction: column;
gap: 0px;
align-items: normal;
}
.CT-282-illustration-5, .CT-282-illustration-6, .CT-282-illustration-7, .CT-282-illustration-8, .CT-282-illustration-9, .CT-282-illustration-10 {
margin: 20px 0 0 0;
}
}
@media (max-width: 600px) {
.CT-282-bloc-texte-gris-2 {
flex-direction: column;
}
.CT-282-bloc-texte-gris-3 {
flex-direction: column;
}
.CT-282-bloc-texte-gris-4 {
flex-direction: column;
}
}
@media (max-width: 480px) {
.CT-282-illustration-2 {
display: none;
}
.CT-282-illustration-2-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// absorbica-pe05-AncrageVerticaux ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-283-p {
margin-top: 50px;
}
.CT-283-bloc-illustration-1 {
display: flex;
flex-direction: row;
gap: 70px;
margin: 30px 0;
}
.CT-283-illustration-1 {
width: 100%;
max-width: 234px;
margin: 0;
}
.CT-283-illustration-2 {
width: 100%;
max-width: 209px;
margin: 0;
}
.CT-283-bloc-illustration-2 {
display: flex;
flex-direction: row;
gap: 20px;
margin: 30px 0;
}
.CT-283-illustration-3 {
width: 42px;
min-width: 42px;
}
.CT-283-illustration-4 {
width: 100%;
max-width: 818px;
margin: 30px 0;
padding: 20px;
box-sizing: border-box;
}
.CT-283-illustration-4-2 {
width: 100%;
max-width: 518px;
margin: 30px 0;
padding: 20px;
box-sizing: border-box;
display: none;
}
@media (max-width: 500px) {
.CT-283-bloc-illustration-1 {
flex-direction: column;
}
.CT-283-illustration-1 {
margin: auto;
}
.CT-283-illustration-2 {
margin: auto;
}
.CT-283-illustration-4 {
display: none;
}
.CT-283-illustration-4-2 {
display: block;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Comprendre et optimiser le tirant d’air avec ABSORBICA-I et Y ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-284-illustration-1 {
width: 100%;
max-width: 177px;
margin: 30px 0;
}
.CT-284-hr {
height: 40px;
background-image: url(/sfc/servlet.shepherd/version/download/068Tx000001zIXfIAM);
border: none;
margin: 60px 0 0;
background-size: 100% 40px;
}
.CT-284-bloc-illustration-1 {
margin: 30px 0;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: row;
gap: 30px;
align-items: flex-end;
justify-content: space-around;
}
.CT-284-bloc-illustration-2 {
margin: 30px 0;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: row;
gap: 30px;
align-items: flex-end;
justify-content: space-around;
}
.CT-284-bloc-illustration-3 {
margin: 30px 0;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: row;
gap: 30px;
align-items: flex-end;
justify-content: space-around;
}
.CT-284-bloc-illustration-4 {
display: flex;
flex-direction: row;
gap: 20px;
margin: 30px 0;
}
.CT-284-illustration-10 {
width: 42px;
min-width: 42px;
}
.CT-284-illustration-2 {
width: 100%;
max-width: 118px;
margin: 0;
}
.CT-284-illustration-3 {
width: 100%;
max-width: 134px;
margin: 0;
}
.CT-284-illustration-4 {
width: 100%;
max-width: 134px;
margin: 0;
}
.CT-284-illustration-5 {
width: 100%;
max-width: 335px;
margin: 0;
}
.CT-284-illustration-6 {
width: 100%;
max-width: 360px;
margin: 0;
}
.CT-284-illustration-7 {
width: 100%;
max-width: 135px;
margin: 0;
}
.CT-284-illustration-8 {
width: 100%;
max-width: 135px;
margin: 0;
}
.CT-284-illustration-9 {
width: 100%;
max-width: 135px;
margin: 0;
}
@media (max-width: 960px) {
.CT-284-bloc-illustration-2 {
flex-direction: column;
gap: 50px;
}
.CT-284-illustration-5 {
margin: 0 auto;
}
.CT-284-illustration-6 {
margin: 0 auto;
}
}
@media (max-width: 660px) {
.CT-284-bloc-illustration-1 {
flex-direction: column;
gap: 50px;
}
.CT-284-bloc-illustration-3 {
flex-direction: column;
gap: 50px;
}
.CT-284-illustration-2 {
margin: 0 auto;
}
.CT-284-illustration-3 {
margin: 0 auto;
}
.CT-284-illustration-4 {
margin: 0 auto;
}
.CT-284-illustration-7 {
margin: 0 auto;
}
.CT-284-illustration-8 {
margin: 0 auto;
}
.CT-284-illustration-9 {
margin: 0 auto;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe10-connexion-antichute-Au-Harnais ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-285-picto-information {
margin-bottom: 0;
margin-right: 0;
width: 80px;
min-width: 80px;
}
.CT-285-bloc-illustration-2 h3, .CT-285-bloc-illustration-11 h3 {
margin-top: 0 !important;
}
.CT-285-bloc-illustration-2 {
margin-bottom: 20px;
}
.CT-285-h3 {
margin-top: 50px !important;
}
.CT-285-bloc-illustration-1 {
display: flex;
flex-direction: row;
gap: 20px;
margin: 20px 0;
}
.CT-285-illustration-1 {
width: 38px;
min-width: 38px;
}
.CT-285-illustration-2 {
width: 100%;
max-width: 254px;
margin: 20px 0;
}
.CT-285-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin: 30px 0;
gap: 15px;
}
.CT-285-bloc-illustration-7 {
display: flex;
flex-direction: row;
margin: 30px 0;
gap: 15px;
}
.CT-285-bloc-illustration-4 {
width: 33%;
}
.CT-285-bloc-illustration-4 ul {
border-top: solid 1px #B1B3B4;
padding: 20px 0 0 0 !important;
margin-bottom: 5px !important;
}
.CT-285-illustration-3 {
width: 100%;
max-width: 79px;
margin: 0 auto 20px;
}
.CT-285-bloc-illustration-5 {
width: 33%;
}
.CT-285-bloc-illustration-5 ul {
border-top: solid 1px #B1B3B4;
padding: 20px 0 0 0 !important;
margin-bottom: 5px !important;
}
.CT-285-illustration-4 {
width: 100%;
max-width: 97px;
margin: 0 auto 20px;
}
.CT-285-bloc-illustration-6 {
width: 33%;
}
.CT-285-bloc-illustration-6 ul {
border-top: solid 1px #B1B3B4;
padding: 20px 0 0 0 !important;
margin-bottom: 5px !important;
}
.CT-285-illustration-5 {
width: 100%;
max-width: 97px;
margin: 0 auto 20px;
}
.CT-285-bloc-illustration-8 {
width: 50%;
}
.CT-285-bloc-illustration-8 ul {
border-top: solid 1px #B1B3B4;
padding: 20px 0 0 0 !important;
margin-bottom: 5px !important;
}
.CT-285-illustration-6 {
width: 100%;
max-width: 136px;
margin: 0 auto 20px;
}
.CT-285-illustration-7 {
width: 100%;
max-width: 136px;
margin: 0 auto 20px;
}
.CT-285-bloc-illustration-10 {
width: 50%;
}
.CT-285-bloc-illustration-10 ul {
border-top: solid 1px #B1B3B4;
padding: 20px 0 0 0 !important;
margin-bottom: 5px !important;
}
.CT-285-illustration-8 {
width: 100%;
max-width: 136px;
margin: 0 auto 20px;
}
.CT-285-bloc-illustration-9 {
display: flex;
flex-direction: row;
}
.CT-285-hr {
height: 3px;
background-image: url(/sfc/servlet.shepherd/version/download/068Tx000001ziTNIAY);
border: none;
margin: 40px 0;
background-size: 100% 3px;
}
.CT-285-bloc-1 {
width: 100%;
box-sizing: border-box;
margin: 0 0 5px 0;
display: flex;
flex-direction: row;
gap: 20px;
}
@media (max-width: 950px) {
.CT-285-bloc-illustration-7 {
flex-direction: column;
}
.CT-285-bloc-illustration-8 {
width: 100%;
}
.CT-285-bloc-illustration-10 {
width: 100%;
}
}
@media (max-width: 750px) {
.CT-285-bloc-illustration-3 {
flex-direction: column;
}
.CT-285-bloc-illustration-4 {
width: 100%;
}
.CT-285-bloc-illustration-5 {
width: 100%;
}
.CT-285-bloc-illustration-6 {
width: 100%;
}
}
@media (max-width: 556px) {
.CT-285-bloc-1 {
flex-direction: column;
gap: 0px;
}
}
@media (max-width: 450px) {
.CT-285-bloc-illustration-9 {
flex-direction: column;
gap: 15px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// mousquetonsV2-pe09-bout-Longe-Antichute ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
.CT-286-picto-information {
margin-bottom: 0;
margin-right: 0;
width: 80px;
min-width: 80px;
}
.CT-286-bloc-illustration-2 h3, .CT-286-bloc-illustration-11 h3 {
margin-top: 0 !important;
}
.CT-286-bloc-illustration-2 {
margin-bottom: 20px;
}
.CT-286-h3 {
margin-top: 50px !important;
}
.CT-286-bloc-illustration-1 {
display: flex;
flex-direction: row;
gap: 20px;
margin: 20px 0;
}
.CT-286-illustration-1 {
width: 38px;
min-width: 38px;
}
.CT-286-illustration-2 {
width: 100%;
max-width: 435px;
margin: 20px 0;
}
.CT-286-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin: 30px 0;
gap: 15px;
}
.CT-286-bloc-illustration-4 {
width: 50%;
}
.CT-286-bloc-illustration-4 ul {
border-top: solid 1px #B1B3B4;
padding: 20px 0 0 0 !important;
margin-bottom: 5px !important;
}
.CT-286-illustration-3 {
width: 100%;
max-width: 75px;
margin: 0 auto 20px;
}
.CT-286-bloc-illustration-5 {
display: flex;
flex-direction: row;
gap: 15px;
}
.CT-286-bloc-illustration-5 ul {
border-top: solid 1px #B1B3B4;
padding: 20px 0 0 0 !important;
margin-bottom: 5px !important;
}
.CT-286-illustration-4 {
width: 100%;
max-width: 75px;
margin: 0 auto 20px;
}
.CT-286-bloc-illustration-6 {
width: 50%;
}
.CT-286-bloc-illustration-6 ul {
border-top: solid 1px #B1B3B4;
padding: 20px 0 0 0 !important;
margin-bottom: 5px !important;
}
.CT-286-illustration-5 {
width: 100%;
max-width: 90px;
margin: 0 auto 20px;
}
.CT-286-bloc-illustration-7 {
display: flex;
flex-direction: row;
margin: 30px 0;
gap: 15px;
}
.CT-286-bloc-illustration-8 {
width: 50%;
}
.CT-286-bloc-illustration-8 ul {
border-top: solid 1px #B1B3B4;
padding: 20px 0 0 0 !important;
margin-bottom: 5px !important;
}
.CT-286-illustration-6 {
width: 100%;
max-width: 96px;
margin: 0 auto 20px;
}
.CT-286-bloc-illustration-9 {
width: 50%;
}
.CT-286-illustration-7 {
width: 100%;
max-width: 145px;
margin: 0 auto 20px;
}
.CT-286-hr {
height: 3px;
background-image: url(/sfc/servlet.shepherd/version/download/068Tx000001ziTNIAY);
border: none;
margin: 40px 0;
background-size: 100% 3px;
}
.CT-286-bloc-1 {
width: 100%;
box-sizing: border-box;
margin: 0 0 5px 0;
display: flex;
flex-direction: row;
gap: 20px;
}
.CT-286-illustration-8 {
width: 100%;
min-width: 320px;
margin: 20px 0 0 0;
}
.CT-286-bloc-illustration-10 {
width: 100%;
display: flex;
flex-direction: row;
gap: 20px;
margin-bottom: 20px;
}
.CT-286-illustration-9 {
width: 100%;
max-width: 38px;
}
.CT-286-h3-block {
margin-top: 0px !important;
}
@media (max-width: 900px) {
.CT-286-bloc-1 {
flex-direction: column;
gap: 0px;
}
.CT-286-illustration-8 {
min-width: auto;
margin: 20px 0 0 0;
max-width: 393px;
}
}
@media (max-width: 750px) {
.CT-286-bloc-illustration-3 {
flex-direction: column;
}
.CT-286-bloc-illustration-4 {
width: 100%;
}
.CT-286-bloc-illustration-5 {
width: 100%;
}
.CT-286-bloc-illustration-6 {
width: 100%;
}
}
@media (max-width: 550px) {
.CT-286-bloc-illustration-7 {
flex-direction: column;
}
.CT-286-bloc-illustration-8 {
width: 100%;
}
.CT-286-bloc-illustration-9 {
width: 100%;
}
}
/*//////////////////////////////////////////////////////////////////////////*/
/*//////////////////// absorbica-pe04-lanyardparking ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
.CT-287-illustration-1 {
width: 100%;
max-width: 141px;
margin: 30px 0;
}
.CT-287-illustration-2 {
width: 100%;
max-width: 323px;
margin: 50px auto;
}
.CT-287-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 30px 0;
gap: 30px;
}
.CT-287-illustration-3 {
width: 100%;
max-width: 117px;
}
.CT-287-illustration-4 {
width: 100%;
max-width: 115px;
}
.CT-287-illustration-5 {
width: 100%;
max-width: 123px;
}
.CT-287-illustration-6 {
width: 100%;
max-width: 662px;
margin: 50px 0 60px;
}
.CT-287-illustration-6-2 {
width: 100%;
max-width: 464px;
margin: 30px 0;
display: none;
}
.CT-287-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin: 30px 0;
gap: 30px;
justify-content: space-between;
}
.CT-287-illustration-7 {
width: 100%;
max-width: 370px;
margin: 30px 0;
}
.CT-287-illustration-8 {
width: 100%;
max-width: 326px;
margin: 30px 0;
}
.CT-287-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
gap: 70px;
}
.CT-287-illustration-9 {
width: 100%;
max-width: 125px;
margin: 44px 0 30px;
}
.CT-287-h3 {
margin-top: 60px !important;
}
.CT-287-illustration-10 {
width: 100%;
max-width: 500px;
margin: 30px 0;
}
.CT-287-illustration-10-2 {
width: 100%;
max-width: 315px;
margin: 0 auto 30px;
display: none;
}
.CT-287-bloc-illustration-4 {
display: flex;
flex-direction: row;
margin: 30px 0 0;
gap: 70px;
}
.CT-287-illustration-11 {
width: 100%;
max-width: 125px;
margin: 43px 0 30px;
}
.CT-287-illustration-12 {
width: 100%;
max-width: 500px;
margin: 30px 0;
}
.CT-287-illustration-12-2 {
width: 100%;
max-width: 315px;
margin: 0 auto 30px;
display: none;
}
@media (max-width: 920px) {
.CT-287-bloc-illustration-2 {
flex-direction: column;
}
.CT-287-illustration-7, .CT-287-illustration-8 {
margin: 30px auto;
}
}
@media (max-width: 870px) {
.CT-287-bloc-illustration-3, .CT-287-bloc-illustration-4 {
flex-direction: column;
}
.CT-287-illustration-9, .CT-287-illustration-11 {
margin: 30px auto 0;
}
.CT-287-illustration-10, .CT-287-illustration-12 {
margin: 0 auto 30px;
}
}
@media (max-width: 650px) {
.CT-287-illustration-10, .CT-287-illustration-12 {
display: none;
}
.CT-287-illustration-10-2, .CT-287-illustration-12-2 {
display: block;
}
}
@media (max-width: 520px) {
.CT-287-bloc-illustration-1 {
flex-direction: column;
}
.CT-287-illustration-3, .CT-287-illustration-4, .CT-287-illustration-5 {
margin: 0 auto;
}
.CT-287-bloc-illustration-1 p {
text-align: center;
}
.CT-287-illustration-6 {
display: none;
}
.CT-287-illustration-6-2 {
display: block;
}
}
/*//////////////////////////////////////////////////////////////////////////*/
/*//////////////////// MAESTRO_Pe07_Mouflages - 2024 ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
.CT-288-h3 {
margin-top: 50px !important;
display: block;
}
.CT-288-h4 {
margin-top: 70px !important;
}
.CT-288-h3 + p {
width: 100% !important;
}
.CT-288-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 30px 0;
display: flex;
flex-direction: row;
}
.CT-288-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-288-illustration-info {
width: 80px;
min-width: 80px;
margin-left: 20px;
}
.CT-288-grid-1, .CT-288-grid-2 {
display: grid;
grid-template-columns: calc(33.3% - 13.3px) calc(33.3% - 13.3px) calc(33.3% - 13.3px);
grid-template-rows: auto auto auto;
column-gap: 20px;
row-gap: 50px;
margin: 30px 0 60px;
}
.CT-288-grid-3, .CT-288-grid-4 {
display: grid;
grid-template-columns: calc(33.3% - 13.3px) calc(33.3% - 13.3px) calc(33.3% - 13.3px);
grid-template-rows: auto auto;
column-gap: 20px;
row-gap: 50px;
margin: 30px 0 60px;
}
.CT-288-grid-5, .CT-288-grid-6 {
display: grid;
grid-template-columns: calc(33.3% - 13.3px) calc(33.3% - 13.3px) calc(33.3% - 13.3px);
grid-template-rows: auto;
column-gap: 20px;
row-gap: 50px;
margin: 30px 0 60px;
}
.CT-288-illustration-1 {
width: 100% !important;
max-width: 150px;
margin: auto;
}
.CT-288-illustration-2 {
width: 100% !important;
max-width: 150px;
margin: auto;
}
.CT-288-illustration-3 {
width: 100% !important;
max-width: 165px;
margin: auto;
}
.CT-288-illustration-4 {
width: 100% !important;
max-width: 164px;
margin: auto;
}
.CT-288-illustration-5 {
width: 100% !important;
max-width: 159px;
margin: auto;
}
.CT-288-illustration-6 {
width: 100% !important;
max-width: 163px;
margin: auto;
}
.CT-288-illustration-7 {
width: 100% !important;
max-width: 164px;
margin: auto;
}
.CT-288-illustration-8 {
width: 100% !important;
max-width: 165px;
margin: auto;
}
.CT-288-illustration-9 {
width: 100% !important;
max-width: 167px;
margin: auto;
}
.CT-288-illustration-10 {
width: 100% !important;
max-width: 188px;
margin: auto;
}
.CT-288-illustration-11 {
width: 100% !important;
max-width: 188px;
margin: auto;
}
.CT-288-illustration-12 {
width: 100% !important;
max-width: 173px;
margin: auto;
}
.CT-288-illustration-13 {
width: 100% !important;
max-width: 177px;
margin: auto;
}
.CT-288-illustration-14 {
width: 100% !important;
max-width: 172px;
margin: auto;
}
.CT-288-illustration-15 {
width: 100% !important;
max-width: 173px;
margin: auto;
}
.CT-288-illustration-16 {
width: 100% !important;
max-width: 170px;
margin: auto;
}
.CT-288-illustration-17 {
width: 100% !important;
max-width: 167px;
margin: auto;
}
.CT-288-illustration-18 {
width: 100% !important;
max-width: 164px;
margin: auto;
}
.CT-288-illustration-19 {
width: 100% !important;
max-width: 182px;
margin: auto;
}
.CT-288-illustration-20 {
width: 100% !important;
max-width: 170px;
margin: auto;
}
.CT-288-illustration-21 {
width: 100% !important;
max-width: 166px;
margin: auto;
}
.CT-288-illustration-22 {
width: 100% !important;
max-width: 168px;
margin: auto;
}
.CT-288-illustration-23 {
width: 100% !important;
max-width: 160px;
margin: auto;
}
.CT-288-illustration-24 {
width: 100% !important;
max-width: 192px;
margin: auto;
}
.CT-288-illustration-25 {
width: 100% !important;
max-width: 174px;
margin: auto;
}
.CT-288-illustration-26 {
width: 100% !important;
max-width: 169px;
margin: auto;
}
.CT-288-illustration-27 {
width: 100% !important;
max-width: 183px;
margin: auto;
}
.CT-288-illustration-28 {
width: 100% !important;
max-width: 223px;
margin: auto;
}
.CT-288-illustration-29 {
width: 100% !important;
max-width: 225px;
margin: auto;
}
.CT-288-illustration-30 {
width: 100% !important;
max-width: 218px;
margin: auto;
}
@media (max-width: 765px) {
.CT-288-grid-1, .CT-288-grid-2 {
grid-template-columns: calc(50% - 10px) calc(50% - 10px);
grid-template-rows: auto auto auto auto auto;
}
.CT-288-grid-3, .CT-288-grid-4 {
grid-template-columns: calc(50% - 10px) calc(50% - 10px);
grid-template-rows: auto auto;
}
.CT-288-grid-5 {
grid-template-columns: calc(50% - 10px) calc(50% - 10px);
grid-template-rows: auto;
}
.CT-288-grid-6 {
grid-template-columns: calc(50% - 10px) calc(50% - 10px);
grid-template-rows: auto auto;
}
}
@media (max-width: 650px) {
.CT-288-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-288-illustration-info {
margin: 10px auto 0;
}
}
@media (max-width: 525px) {
.CT-288-grid-1, .CT-288-grid-2 {
grid-template-columns: 100%;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
}
.CT-288-grid-3, .CT-288-grid-4 {
grid-template-columns: 100%;
grid-template-rows: auto auto auto auto;
}
.CT-288-grid-5 {
grid-template-columns: 100%;
grid-template-rows: auto;
}
.CT-288-grid-6 {
grid-template-columns: 100%;
grid-template-rows: auto auto auto;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ABSORBICA-pe03 - Valeurs de tirant d’air avec ABSORBICA I et Y - v.3 ///////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-289-h4 {
margin-top: 60px !important;
}
.CT-289-bloc-illustration-1 {
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 50px 0;
}
.CT-289-illustration-intro-1 {
width: 100%;
max-width: 340px;
margin: 0 10px 0 0;
}
.CT-289-illustration-intro-2 {
width: 100%;
max-width: 343px;
margin: 0 0 0 10px;
}
.CT-289-illustration-1, .CT-289-illustration-2, .CT-289-illustration-3, .CT-289-illustration-4, .CT-289-illustration-5, .CT-289-illustration-6, .CT-289-illustration-7, .CT-289-illustration-8, .CT-289-illustration-9, .CT-289-illustration-10 {
width: 100%;
max-width: 831px;
margin: 30px 0 0;
}
.CT-289-illustration-1-2, .CT-289-illustration-2-2, .CT-289-illustration-3-2, .CT-289-illustration-4-2, .CT-289-illustration-5-2, .CT-289-illustration-6-2, .CT-289-illustration-7-2, .CT-289-illustration-8-2, .CT-289-illustration-9-2, .CT-289-illustration-10-2 {
width: 100%;
max-width: 413px;
margin: 30px auto 0;
display: none;
}
@media (max-width: 980px) {
.CT-289-illustration-1, .CT-289-illustration-2, .CT-289-illustration-3, .CT-289-illustration-4, .CT-289-illustration-5, .CT-289-illustration-6, .CT-289-illustration-7, .CT-289-illustration-8, .CT-289-illustration-9, .CT-289-illustration-10 {
display: none;
}
.CT-289-illustration-1-2, .CT-289-illustration-2-2, .CT-289-illustration-3-2, .CT-289-illustration-4-2, .CT-289-illustration-5-2, .CT-289-illustration-6-2, .CT-289-illustration-7-2, .CT-289-illustration-8-2, .CT-289-illustration-9-2, .CT-289-illustration-10-2 {
display: block;
}
}
@media (max-width: 700px) {
.CT-289-bloc-illustration-1 {
flex-direction: column;
}
.CT-289-illustration-intro-1 {
margin: 0 auto 50px;
}
.CT-289-illustration-intro-2 {
margin: 0 auto;
}
}
/*/////////////////////////////////////////////////////////////////*/
/*//////////////////// Bruit normal du Neox ///////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
.CT-290-illustration-1 {
width: 100%;
max-width: 280px;
margin: 60px 0 30px;
}
.CT-290-illustration-2, .CT-290-illustration-3, .CT-290-illustration-4 {
width: 100%;
max-width: 512px;
margin: 30px 0 60px;
border: 1px solid #e6e6e6;
}
.CT-290-illustration-2 img, .CT-290-illustration-3 img, .CT-290-illustration-4 img {
width: 100% !important;
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////////////// Zigzag-24-secoursBalancier ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.CT-291-bloc-illustration-1 h3, .CT-291-bloc-illustration-2 h3, .CT-291-bloc-illustration-3 h3, .CT-291-bloc-illustration-4 h3 {
margin: 0 0 30px;
}
.CT-291-bloc-illustration-1, .CT-291-bloc-illustration-2, .CT-291-bloc-illustration-3, .CT-291-bloc-illustration-4 {
margin: 0 auto 30px;
}
.CT-291-bloc-illustration-1-2, .CT-291-bloc-illustration-2-2, .CT-291-bloc-illustration-4-2 {
display: flex;
flex-direction: row;
gap: 30px;
}
.CT-291-illustration-1 {
width: 100% !important;
max-width: 231px;
margin: 60px auto;
}
.CT-291-illustration-2 {
min-width: calc(50% - 15px) !important;
margin: 0 auto 20px;
padding: 20px;
box-sizing: border-box;
background-color: #ffffff;
border-radius: 10px;
}
.CT-291-illustration-2 img {
width: 100% !important;
max-width: 231px;
margin: auto;
display: block;
}
.CT-291-illustration-3 {
min-width: calc(50% - 15px) !important;
background-color: #ffffff;
margin: 0 auto;
border: 2px solid #666666;
display: flex;
}
.CT-291-illustration-3 img {
width: 100% !important;
max-width: 431px;
margin: auto;
display: block;
}
.CT-291-illustration-4 {
min-width: calc(50% - 15px) !important;
margin: 0 auto 20px;
padding: 20px;
box-sizing: border-box;
background-color: #ffffff;
border-radius: 10px;
}
.CT-291-illustration-4 img {
width: 100% !important;
max-width: 231px;
margin: auto;
display: block;
}
.CT-291-illustration-5 {
min-width: calc(50% - 15px) !important;
background-color: #ffffff;
margin: 0 auto;
border: 2px solid #666666;
display: flex;
}
.CT-291-illustration-5 img {
width: 100% !important;
max-width: 431px;
margin: auto;
display: block;
}
.CT-291-illustration-6 {
min-width: 100% !important;
margin: 0 auto 20px;
background-color: #ffffff;
border-radius: 10px;
}
.CT-291-illustration-6 img {
width: 100% !important;
max-width: 783px;
margin: auto;
}
.CT-291-illustration-6-2 {
min-width: 100% !important;
margin: 0 auto 20px;
background-color: #ffffff;
border-radius: 10px;
}
.CT-291-illustration-6-2 img {
width: 100% !important;
max-width: 357px;
margin: auto;
display: none;
}
.CT-291-illustration-7 {
min-width: calc(50% - 15px) !important;
margin: 0 auto 20px;
padding: 20px;
box-sizing: border-box;
background-color: #ffffff;
border-radius: 10px;
}
.CT-291-illustration-7 img {
width: 100% !important;
max-width: 231px;
margin: auto;
display: block;
}
.CT-291-illustration-8 {
min-width: calc(50% - 15px) !important;
background-color: #ffffff;
margin: 0 auto;
border: 2px solid #666666;
display: flex;
}
.CT-291-illustration-8 img {
width: 100% !important;
max-width: 231px;
margin: auto;
display: block;
}
@media (max-width: 650px) {
.CT-291-bloc-illustration-1-2, .CT-291-bloc-illustration-2-2, .CT-291-bloc-illustration-4-2 {
flex-direction: column;
}
.CT-291-illustration-3, .CT-291-illustration-5, .CT-291-illustration-8 {
min-width: 100% !important;
}
.CT-291-illustration-6 img {
display: none;
}
.CT-291-illustration-6-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ABSORBICA-pe07 - wraparound ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
.CT-292-h3 {
margin-top: 60px !important;
}
.CT-292-h3-2 {
margin-top: 0 !important;
}
.CT-292-h3-2 + p {
width: auto !important;
}
.CT-292-h4 {
text-transform: none !important;
}
.CT-292-grid-1 {
display: grid;
grid-template-columns: calc(50% - 33.33px) 158px 1px 102px;
grid-template-rows: auto;
column-gap: 25px;
margin: 30px 0 60px;
}
.CT-292-grid-item-3 {
width: 1px;
border-left: 1px solid #1d1d1d;
}
.CT-292-illustration-7 img {
margin: auto;
width: 100%;
max-width: 158px;
display: block;
}
.CT-292-illustration-8 img {
margin: auto;
width: 100%;
max-width: 102px;
display: block;
}
.CT-292-illustration-9 {
margin: 30px auto 0;
width: 100%;
max-width: 817px;
}
.CT-292-illustration-10 {
margin: 30px auto 0;
width: 100%;
max-width: 177px;
display: none;
}
.CT-292-illustration-11 {
margin: 40px auto 60px;
width: 100%;
max-width: 855px;
}
.CT-292-illustration-11-2 {
margin: 40px auto 60px;
width: 100%;
max-width: 238px;
display: none;
}
.CT-292-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 60px auto 30px;
}
.CT-292-bloc-illustration-1-2 {
display: flex;
flex-direction: row;
padding: 20px;
box-sizing: border-box;
width: 65%;
margin: 0 0 0 30px;
}
.CT-292-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin: 30px auto 60px;
}
.CT-292-illustration-1 {
width: 27% !important;
max-width: 204px;
margin: auto;
padding: 20px;
box-sizing: border-box;
}
.CT-292-illustration-2 {
width: 100% !important;
max-width: 204px;
margin: auto;
}
.CT-292-illustration-3 {
width: 100% !important;
max-width: 202px;
margin: auto;
}
.CT-292-illustration-4 {
width: 100% !important;
max-width: 202px;
margin: auto;
}
.CT-292-illustration-5 {
width: 100% !important;
max-width: 106px;
margin: 0 30px 0 0;
}
.CT-292-illustration-6 {
width: 100% !important;
max-width: 663px;
margin: auto;
margin: 40px auto;
}
.CT-292-illustration-6-2 {
width: 100% !important;
max-width: 389px;
display: none;
margin: 40px auto;
}
.CT-292-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px 0;
display: flex;
flex-direction: row;
}
.CT-292-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
@media (max-width: 650px) {
.CT-292-bloc-illustration-1 {
flex-direction: column;
}
.CT-292-illustration-1 {
width: 100% !important;
}
.CT-292-bloc-illustration-1-2 {
flex-direction: column;
width: 100%;
margin: 20px auto 0;
gap: 30px;
}
.CT-292-bloc-texte-gris-1 {
flex-direction: column;
}
}
@media (max-width: 775px) {
.CT-292-grid-1 {
grid-template-columns: 100%;
grid-template-rows: auto auto 1px auto;
column-gap: 0px;
row-gap: 25px;
}
.CT-292-grid-item-3 {
height: 1px;
width: 158px;
border-left: none;
border-bottom: 1px solid #1d1d1d;
margin: auto;
}
}
@media (max-width: 650px) {
.CT-292-bloc-illustration-2 {
flex-direction: column;
}
.CT-292-illustration-5 {
margin: 0 auto 30px;
}
.CT-292-illustration-9 {
display: none;
}
.CT-292-illustration-10 {
display: block;
}
}
@media (max-width: 450px) {
.CT-292-illustration-6 {
display: none;
}
.CT-292-illustration-6-2 {
display: block;
}
.CT-292-illustration-11 {
display: none;
}
.CT-292-illustration-11-2 {
display: block;
}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ABSORBICA-pe10 - Tests de certification des longes ABSORBICA I et Y ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-293-bloc-illustration-1 {
display: flex;
flex-direction: row;
margin: 60px 0 60px;
gap: 30px;
align-items: center;
}
.CT-293-bloc-illustration-2 {
display: flex;
flex-direction: row;
margin: 30px 0 60px;
gap: 30px;
}
.CT-293-bloc-illustration-3 {
display: flex;
flex-direction: row;
margin: 30px 0 60px;
gap: 30px;
}
.CT-293-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px 0;
display: flex;
flex-direction: row;
}
.CT-293-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-293-illustration-1 {
width: 100% !important;
max-width: 138px;
margin: auto;
}
.CT-293-illustration-2 {
width: 100% !important;
max-width: 415px;
margin: auto;
}
.CT-293-illustration-3 {
width: 100% !important;
max-width: 372px;
margin: auto;
}
.CT-293-illustration-4 {
width: 100% !important;
max-width: 415px;
margin: auto;
}
.CT-293-illustration-5 {
width: 100% !important;
max-width: 372px;
margin: auto;
}
@media (max-width: 650px) {
.CT-293-bloc-illustration-2 {
flex-direction: column;
gap: 0px;
}
.CT-293-bloc-illustration-3 {
flex-direction: column;
gap: 0px;
}
.CT-293-bloc-texte-gris-1 {
flex-direction: column;
}
}
@media (max-width: 500px) {
.CT-293-bloc-illustration-1 {
flex-direction: column;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ABSORBICA-pe10 - Tests de certification des longes ABSORBICA I et Y ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-294-bloc-illustration-1, .CT-294-bloc-illustration-2 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 0 0 30px;
display: flex;
flex-direction: column;
}
.CT-294-bloc-illustration-1-2 {
background-color: #ffffff;
padding: 20px;
display: flex;
flex-direction: column;
border-radius: 10px;
box-shadow: 0px 0px 5px 0px #cecece;
margin: 0 0 30px;
width: fit-content;
}
.CT-294-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px 0;
display: flex;
flex-direction: row;
}
.CT-294-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-294-h3 {
margin: 0 0 30px !important;
}
.CT-294-tableau {
background-color: #ffffff;
padding: 20px;
box-sizing: border-box;
border-radius: 10px;
margin: 0 !important;
box-shadow: 0px 0px 5px 0px #cecece;
font-size: 13px !important;
}
.CT-294-thead th:nth-child(1) {
width: 30%;
}
.CT-294-thead th:nth-child(2) {
width: 10%;
}
.CT-294-thead th:nth-child(3) {
width: 10%;
}
.CT-294-thead th:nth-child(4) {
width: 35%;
}
.CT-294-thead th:nth-child(5) {
width: 25%;
}
.CT-294-center {
text-align: center !important;
}
.CT-294-bold {
font-weight: 700 !important;
}
.CT-294-illustration-1 {
width: 100% !important;
max-width: 146px;
margin: 0 auto 50px;
}
.CT-294-illustration-2 {
width: 100% !important;
max-width: 215px;
margin: 20px auto;
}
.CT-294-tableau tr td {
padding: 2px !important;
}
.CT-294-grid-1 {
display: grid;
grid-template-columns: 35% calc(65% - 30px);
grid-template-rows: auto;
column-gap: 30px;
margin: 0 0 30px;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0px 0px 5px 0px #cecece;
padding: 20px;
box-sizing: border-box;
}
.CT-294-grid-item-1 {
align-self: center;
text-align: center;
}
@media (max-width: 860px) {
.CT-294-tableau {
font-size: 12px !important;
}
}
@media (max-width: 780px) {
.CT-294-tableau {
font-size: 11px !important;
}
}
@media (max-width: 550px) {
.CT-294-grid-1 {
grid-template-columns: 100%;
}
.CT-294-thead th:nth-child(1) {
width: 25%;
}
.CT-294-thead th:nth-child(2) {
width: 15%;
}
.CT-294-thead th:nth-child(3) {
width: 15%;
}
.CT-294-thead th:nth-child(4) {
width: 30%;
}
.CT-294-tableau {
font-size: 10px !important;
}
.CT-294-bloc-texte-gris-1 {
flex-direction: column;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ABSORBICA - Comment et pourquoi utiliser une longe d'antichute ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.CT-295-grid-1, .CT-295-grid-2, .CT-295-grid-5, .CT-295-grid-6 {
display: grid;
grid-template-columns: calc(50% - 25px) calc(50% - 25px);
grid-template-rows: auto;
column-gap: 50px;
margin: 30px 0 60px;
}
.CT-295-grid-3 {
display: grid;
grid-template-columns: calc(50% - 25px) calc(50% - 25px);
grid-template-rows: auto;
column-gap: 50px;
margin: 30px 0;
}
.CT-295-grid-4 {
display: grid;
grid-template-columns: calc(33% - 20px) calc(33% - 20px) calc(33% - 20px);
grid-template-rows: auto;
column-gap: 30px;
margin: 30px 0 60px;
}
.CT-295-grid-item-5 {
align-self: center;
}
.CT-295-grid-item-6 {
align-self: center;
margin-top: -130px;
}
.CT-295-grid-item-7 {
align-self: center;
padding: 23%;
box-sizing: border-box;
border: 2px solid #b1b3b4;
height: 100%;
display: flex;
}
.CT-295-bloc-illustration-1 {
margin: 30px 0 60px;
border-radius: 10px;
box-shadow: 0px 0px 5px 0px #cecece;
padding: 30px;
box-sizing: border-box;
}
.CT-295-grid-2 p {
text-align: center;
}
.CT-295-illustration-1 {
width: 100% !important;
max-width: 370px;
margin: 0 auto;
}
.CT-295-illustration-2 {
width: 100% !important;
max-width: 431px;
margin: 0 auto;
}
.CT-295-illustration-3 {
width: 100% !important;
max-width: 364px;
margin: 0 auto;
}
.CT-295-illustration-4 {
width: 100% !important;
max-width: 364px;
margin: 0 auto;
}
.CT-295-illustration-5 {
width: 100% !important;
max-width: 221px;
margin: 30px 0 60px;
}
.CT-295-illustration-6 {
width: 100% !important;
max-width: 67px;
margin: 0 auto;
}
.CT-295-illustration-7 {
width: 100% !important;
max-width: 382px;
margin: 0 auto;
}
.CT-295-illustration-8 {
width: 100% !important;
max-width: 115px;
margin: 0 auto;
}
.CT-295-illustration-9 {
width: 100% !important;
max-width: 249px;
margin: 0 auto;
}
.CT-295-illustration-10 {
width: 100% !important;
max-width: 124px;
margin: auto auto;
}
.CT-295-illustration-11 {
width: 100% !important;
max-width: 124px;
margin: 0 auto;
}
.CT-295-illustration-12 {
width: 100% !important;
max-width: 410px;
margin: 0 auto;
}
.CT-295-illustration-13 {
width: 100% !important;
max-width: 410px;
margin: 0 auto;
}
.CT-295-illustration-14 {
width: 100% !important;
max-width: 227px;
margin: 0 auto;
}
.CT-295-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px 0;
display: flex;
flex-direction: row;
}
.CT-295-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
@media (max-width: 650px) {
.CT-295-grid-1, .CT-295-grid-2, .CT-295-grid-6 {
grid-template-columns: 100%;
row-gap: 30px;
margin: 30px 0 60px;
}
.CT-295-grid-5 {
grid-template-columns: 100%;
row-gap: 50px;
margin: 30px 0 60px;
}
.CT-295-grid-3 {
grid-template-columns: 100%;
row-gap: 30px;
margin: 0;
}
.CT-295-grid-3 p {
margin: 0 !important;
}
}
@media (max-width: 500px) {
.CT-295-grid-4 {
grid-template-columns: 100%;
row-gap: 30px;
margin: 30px 0 60px;
}
.CT-295-grid-item-7 {
padding: 15%;
}
.CT-295-grid-item-6 {
margin-top: 30px;
}
.CT-295-bloc-texte-gris-1 {
flex-direction: column;
}
}
/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////// escalade-grde-voie-rappel ///////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.CT-296-h3 {
margin-top: 60px !important;
}
.CT-296-illustration-1 {
width: 100%;
max-width: 834px;
margin: 30px 0 60px;
}
.CT-296-illustration-1-2 {
width: 100%;
max-width: 301px;
margin: 30px auto 60px;
display: none;
}
.CT-296-illustration-2 {
width: 100%;
max-width: 612px;
margin: 30px 0 60px;
}
.CT-296-illustration-2-2 {
width: 100%;
max-width: 479px;
margin: 30px 0 60px;
display: none;
}
.CT-296-illustration-3 {
width: 100%;
max-width: 543px;
margin: 30px 0 60px;
}
.CT-296-illustration-3-2 {
width: 100%;
max-width: 479px;
margin: 30px 0 60px;
display: none;
}
.CT-296-illustration-4 {
width: 100%;
max-width: 479px;
margin: 30px 0 60px;
}
.CT-296-illustration-5 {
width: 100%;
max-width: 466px;
margin: 30px 0;
}
.CT-296-illustration-6 {
width: 100%;
max-width: 275px;
margin: 130px 0 10px;
}
.CT-296-illustration-7 {
width: 100%;
max-width: 478px;
margin: 30px 0 60px;
}
.CT-296-illustration-8 {
width: 100%;
max-width: 700px;
margin: 30px 0 60px;
}
.CT-296-illustration-8-2 {
width: 100%;
max-width: 171px;
margin: 30px auto;
display: none;
}
.CT-296-illustration-9 {
width: 100%;
max-width: 618px;
margin: 30px 0;
}
.CT-296-illustration-9-2 {
width: 100%;
max-width: 359px;
margin: 30px auto;
display: none;
}
.CT-296-illustration-10 {
width: 100%;
max-width: 620px;
margin: 30px 0 0;
}
.CT-296-illustration-10-2 {
width: 100%;
max-width: 357px;
margin: 30px auto 0;
display: none;
}
.CT-296-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px 0;
display: flex;
flex-direction: row;
}
.CT-296-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-296-grid-1 {
display: grid;
grid-template-columns: 446px 275px;
column-gap: 0;
row-gap: 10px;
margin: 30px 0 60px;
}
.CT-296-grid-1-item-1 {
align-self: center;
}
.CT-296-bloc-texte-gris-2 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px 0;
}
.CT-296-grid-2 {
margin: 30px 0 0;
}
.CT-296-grid-3 {
margin: 30px 0 0;
}
.CT-296-h3-2 {
margin-top: 0 !important;
}
@media (max-width: 900px) {
.CT-296-grid-1 {
grid-template-columns: 100%;
}
.CT-296-illustration-6 {
margin: -100px auto 0;
background-color: #ffffff;
}
}
@media (max-width: 800px) {
.CT-296-illustration-9 {
display: none;
}
.CT-296-illustration-9-2 {
display: block;
}
.CT-296-illustration-10 {
display: none;
}
.CT-296-illustration-10-2 {
display: block;
}
}
@media (max-width: 500px) {
.CT-296-illustration-1, .CT-296-illustration-2, .CT-296-illustration-3, .CT-296-illustration-8 {
display: none;
}
.CT-296-illustration-1-2, .CT-296-illustration-2-2, .CT-296-illustration-3-2, .CT-296-illustration-8-2 {
display: block;
}
.CT-296-bloc-texte-gris-1 {
flex-direction: column;
}
}
@media (max-width: 450px) {
.CT-296-illustration-6 {
max-width: 210px;
}
}
/*////////////////////////////////////////////////////////////////////*/
/*//////////////////// Neox remontee sur corde ///////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
.CT-297-p {
margin-top: 60px !important;
}
.CT-297-p-2 {
margin: 30px 0 60px !important;
}
.CT-297-grid-1 {
display: grid;
grid-template-columns: calc(50% - 30px) 12px calc(50% - 30px);
grid-template-rows: auto;
column-gap: 30px;
margin: 30px 0 60px;
}
.CT-297-grid-2 {
display: grid;
grid-template-columns: 12px calc(45% - 45px) 12px calc(55% - 45px);
grid-template-rows: auto;
column-gap: 30px;
margin: 30px 0 60px;
grid-template-areas:
". dessin-1 fleche-1 dessin-2"
". . . texte-1"
"fleche-2 dessin-3 fleche-3 dessin-4"
". texte-2 . texte-3";
}
.CT-297-illustration-1 {
width: 100%;
max-width: 162px;
margin: 0 auto;
}
.CT-297-illustration-2 {
width: 100%;
max-width: 146px;
margin: 0 auto;
}
.CT-297-illustration-3 {
width: 100%;
max-width: 385px;
margin: 30px auto 60px;
}
.CT-297-illustration-3-2 {
width: 100%;
max-width: 189px;
margin: 30px auto 60px;
display: none;
}
.CT-297-illustration-4 {
width: 100%;
max-width: 135px;
margin: 0 auto;
}
.CT-297-illustration-5 {
width: 100%;
max-width: 308px;
margin: 0 auto;
}
.CT-297-illustration-6 {
width: 100%;
max-width: 291px;
margin: 0 auto;
}
.CT-297-illustration-7 {
width: 100%;
max-width: 358px;
margin: 0 auto;
}
.CT-297-fleche, .CT-297-fleche-2 {
width: 100%;
max-width: 12px;
margin: 0 auto;
place-self: center;
transform: rotate(0deg);
}
.dessin-1 {
grid-area: dessin-1;
}
.dessin-2 {
grid-area: dessin-2;
}
.dessin-3 {
grid-area: dessin-3;
}
.dessin-4 {
grid-area: dessin-4;
}
.texte-1 {
grid-area: texte-1;
}
.texte-2 {
grid-area: texte-2;
}
.texte-3 {
grid-area: texte-3;
}
.fleche-1 {
grid-area: fleche-1;
}
.fleche-2 {
grid-area: fleche-2;
}
.fleche-3 {
grid-area: fleche-3;
}
@media (max-width: 800px) {
.CT-297-grid-2 {
grid-template-columns: 100%;
grid-template-areas:
"dessin-1"
"fleche-1"
"dessin-2"
"texte-1"
"fleche-2"
"dessin-3"
"texte-2"
"fleche-3"
"dessin-4"
"texte-3";
}
.CT-297-fleche-2 {
transform: rotate(90deg);
margin: 30px auto;
}
.CT-297-p-2 {
margin: 30px 0 0px !important;
}
}
@media (max-width: 500px) {
.CT-297-grid-1 {
grid-template-columns: 100%;
}
.CT-297-illustration-1 {
margin: 0 auto 30px;
}
.CT-297-illustration-2 {
margin: 30px auto 0;
}
.CT-297-fleche {
transform: rotate(90deg);
}
.CT-297-illustration-3 {
display: none;
}
.CT-297-illustration-3-2 {
display: block;
}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// ABSORBICA - Module tirant d'air ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.CT-298-a {
width: 181px;
height: 182px;
background-image: url(/sfc/servlet.shepherd/version/download/068Tx000007I24AIAS);
background-position: center;
background-size: contain;
display: block;
margin: 60px 0;
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////////////// Manipulation d'équipements ///////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
.CT-299-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px 0;
display: flex;
flex-direction: row;
}
.CT-299-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
.CT-299-h3 + p {
width: 100% !important;
}
.CT-299-h3 {
margin-top: 60px !important;
}
@media (max-width: 750px) {
.CT-299-bloc-texte-gris-1 {
flex-direction: column;
}
}
/*////////////////////////////////////////////////////*/
/*//////////////////// Retenue ///////////////////////*/
/*////////////////////////////////////////////////////*/
.CT-300-grid-1 {
display: grid;
grid-template-columns: calc(50% - 30px) calc(50% - 30px);
grid-template-rows: auto;
column-gap: 30px;
margin: 60px 0;
}
.CT-300-illustration-1 {
width: 100%;
max-width: 274px;
margin: 0;
}
.CT-300-grid-2 {
display: grid;
grid-template-columns: calc(20% - 30px) calc(20% - 30px) calc(27% - 30px) calc(20% - 30px) calc(20% - 30px);
grid-template-rows: auto;
column-gap: 10px;
margin: 60px 0;
}
.CT-300-illustration-2 {
width: 100%;
max-width: 145px;
margin: 0;
padding-right: 10px;
border-right: 1px dashed #000000;
}
.CT-300-illustration-3 {
width: 100%;
max-width: 145px;
margin: 0;
padding: 0 10px;
border-right: 1px dashed #000000;
}
.CT-300-illustration-4 {
width: 100%;
max-width: 210px;
margin: 0;
padding: 0 10px 0 20px;
border-right: 1px dashed #000000;
}
.CT-300-illustration-5 {
width: 100%;
max-width: 143px;
margin: 0;
padding: 0 10px 0 30px;
border-right: 1px dashed #000000;
}
.CT-300-illustration-6 {
width: 100%;
max-width: 145px;
margin: 0;
padding-left: 40px;
}
.CT-300-grid-3 {
display: grid;
grid-template-columns: calc(23% - 30px) calc(23% - 30px) calc(60% - 30px);
grid-template-rows: auto;
column-gap: 10px;
margin: 60px 0;
}
.CT-300-illustration-7 {
width: 100%;
max-width: 176px;
margin: 0;
padding: 0 10px 0 0;
border-right: 1px dashed #000000;
}
.CT-300-illustration-8 {
width: 100%;
max-width: 179px;
margin: 0;
padding: 0 0 0 8px;
}
.CT-300-texte-1 {
padding-left: 30px;
}
.CT-300-bloc-texte-gris-1 {
background-color: #F6F6F6;
width: 100%;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
margin: 30px 0 60px 0;
display: flex;
flex-direction: row;
}
.CT-300-picto-information {
margin-bottom: 0;
margin-right: 30px;
width: 86px;
min-width: 86px;
}
@media (max-width: 850px) {
.CT-300-grid-2 {
justify-content: center;
grid-template-columns: 100%;
column-gap: 0;
row-gap: 10px;
}
.CT-300-illustration-2 {
max-width: 100%;
margin: 0 auto;
padding: 0 0 20px 0;
border-right: none;
border-bottom: 1px dashed #000000;
}
.CT-300-illustration-2 img {
max-width: 145px;
margin: auto;
display: block;
}
.CT-300-illustration-3 {
max-width: 100%;
margin: 0 auto;
padding: 10px 0 20px;
border-right: none;
border-bottom: 1px dashed #000000;
}
.CT-300-illustration-3 img {
max-width: 145px;
margin: auto;
display: block;
}
.CT-300-illustration-4 {
max-width: 100%;
margin: 0 auto;
padding: 10px 0 20px;
border-right: none;
border-bottom: 1px dashed #000000;
}
.CT-300-illustration-4 img {
max-width: 210px;
margin: auto;
display: block;
}
.CT-300-illustration-5 {
max-width: 100%;
margin: 0 auto;
padding: 10px 0 20px;
border-right: none;
border-bottom: 1px dashed #000000;
}
.CT-300-illustration-5 img {
max-width: 143px;
margin: auto;
display: block;
}
.CT-300-illustration-6 {
max-width: 100%;
margin: 0 auto;
padding: 10px 0 20px;
border-right: none;
}
.CT-300-illustration-6 img {
max-width: 145px;
margin: auto;
display: block;
}
.CT-300-grid-3 {
justify-content: center;
grid-template-columns: 100%;
column-gap: 0;
row-gap: 10px;
}
.CT-300-illustration-7 {
max-width: 100%;
margin: 0 auto;
padding: 10px 0 20px;
border-right: none;
border-bottom: 1px dashed #000000;
}
.CT-300-illustration-7 img {
max-width: 176px;
margin: auto;
display: block;
}
.CT-300-illustration-8 {
max-width: 100%;
margin: 0 auto;
padding: 10px 0 20px;
border-right: none;
}
.CT-300-illustration-8 img {
max-width: 179px;
margin: auto;
display: block;
}
.CT-300-texte-1 {
padding-left: 0;
grid-area: 1;
margin: -20px 0 50px;
}
}
@media (max-width: 600px) {
.CT-300-grid-1 {
grid-template-columns: 100%;
grid-template-rows: auto;
row-gap: 30px;
column-gap: 0;
margin: 60px 0 30px;
}
.CT-300-illustration-1 {
margin: 0 auto;
}
.CT-300-bloc-texte-gris-1 {
flex-direction: column;
}
.CT-300-texte-2 {
margin-bottom: 0;
}
}
/*////////////////////////////////////////////////////*/
/*//////////////////// Retenue ///////////////////////*/
/*////////////////////////////////////////////////////*/