@charset "utf-8";
/* CSS Document */

/* 2MRC-INFORMATIQUE */
/* SITE OFFICIEL */
/* WWW.2MRC.FR - V2 - 24/05/2012 */

/* DEV, INTEGRATION, DESIGN */
/* 2MRC.FR */
/* TECH@2MRC-INFORMATIQUE.COM  */

body,td,th {
	color: #000;
    font-size:1em;
	background-color: #363835;
	margin-top: 0px;
font-family: Cambria,Georgia,'Times New Roman',Times,serif;}
#logo_impression {display: none;
}
.modif2025 {
    background-size: cover;
}

.spip_documents_center {
    display: block;
    clear: both;
    width: 100%;
    margin: 1.385em auto;
}
a.spip_url.spip_out {
    background-color: #16adb4;
    color: #000000;
    padding-bottom: 5px;
    text-decoration: none;
    background-color: #ebedf0;
    padding: 0.3em;
    line-height: 2em;
    border-radius: 3px 3px 3px 3px;
}
.spip_doc_inner {
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}
.spip_documents img, .spip_documents svg {
    max-width: 100%;
    height: auto;
}
.spip_document {
    display: flex;
    justify-content: center;
    align-items: center;
}
.spip_documents_left {
    float: left;
    margin-right: 15px;
    max-width: 33%;
}
#wysiwyg p, p {
    margin: 1em 0;
    justify-content: start;
    justify-items: start;
}
.box, .box * {
    box-sizing: border-box;
}
.spip_documents_center {
    display: block;
    clear: both;
    width: 100%;
    margin: 1.385em auto;
}
img, .spip_logo {
    margin: 0;
    padding: 0;
    border: 0;
    max-width: 100%;
    height: auto;
}
.boucle {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
img.spip_logos {
    width: -webkit-fill-available;
}
a.spip_out:after, a[rel=external]:after {
    content: "\0000a0\279A";
}
#main {
	background-repeat: no-repeat;
	width: 100%;
	background-position: center 0px;
	background-attachment: fixed;
	padding-top: 10px;
}
#main_cadre {
    background-color: #FFF;
    height: auto;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    padding-top: 1px;
    flex-direction: column;
}
#header {
	height: 379px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
    background-position: center;
}
#header_banniere_haut {
    width: 100%;
    background-color: #13adb7;
    height: 30px;
    line-height: 28px;
    color: #fff;
    overflow: hidden;
}
#header_banniere_haut_gauche {
	float: left;
	height: 30px;
}
#header_banniere_haut_droite {
	float: right;
	padding-right: 5px;
}
#logo_office {
    height: 145px;
    width: 465px;
    padding-top: 205px;
    padding-left: 10px;
    float: left;
}
#logo_office_1 {
	padding-top: 412px;
	padding-left: 15px;
	width: 120px;
	float: left;
	height: auto;

    display: none;
}
#logo_office_2 {
    height: auto;
    padding-top: 387px;
    padding-left: 70px;
    width: auto;
    float: left;
    width: 85px;
	display: none;
}
#logo_office_3 {
	height: auto;
	padding-top: 377px;
	padding-left: 13px;
	width: auto;
	float: left;
    display: none;
}
#logo_office_nav {
    height: auto;
    padding-top: 7px;
    padding-right: 1em;
    /* width: 50px; */
    height: 130px;
    float: left;
    /* font-size: 11px; */
    color: #C0D72F;
    line-height: 30px;
    background-image: url(images_OT/fond_header_la.png);
    background-repeat: no-repeat;
    background-position: 4px 10px;
    margin-left: 10px;
    padding-left: 51px;
    margin-top: 209px;
    background-color: rgb(255 255 255 / 89%);
}
#header_defilement_infos {
    width: 100%;

}
#cadre_defil_2 {
	overflow : hidden;
	height : 32px;
	width : 95%;
	font-size : 12px;
	color : #000000;
	float : left;
	margin-right : auto;
	margin-bottom : 0;
	margin-left : auto;
}
#cadre_defil_2 img {
	border : 0;
	vertical-align : middle;
}
#cadre_defil_2 .liens {
	color : #000000;
}
#conteneur_defil_2 {
	position : relative;
	overflow : hidden;
	visibility : hidden;
	height : 100%;
	padding-top: 10px;
}
#header_navigation {
    font-size: 18px;
    background-color: #363835;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: 46px;
    text-align: center;
    /* word-spacing: 30px; */
    color: #f6f7f9;
    font-weight: bold;
}
#contenu {
    background-color: #FFF;
    display: flex;
    flex-direction: row;
}
#contenu_gauche {
    width: 90%;
    margin-left: 15px;
    margin-top: 5px;
    border: #F4F4F4;
    border-width: 1px;
    border-style: solid;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
}
#contenu_gauche_sommaire {
    width: 85%;
    height: auto;
    margin-left: 15px;
    /* margin-right: 5px; */
    margin-top: 5px;
    border: #F4F4F4;
    border-width: 1px;
    border-style: solid;
	    margin-top: 15px;
}
#contenu_droit {
	background-image: url(images_OT/fond_degrade_article_droit.jpg);
    width: 10%;
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 283px;
	height: auto;
	font-size: 12px;
}
#contenu_droit_sommaire {
    background-image: url(images_OT/fond_degrade_article_droit.jpg);
    background-repeat: no-repeat;
    background-position-x: 250px;
    /* float: right; */
    width: 15%;
    padding: 1em;
    /* margin: 1em; */
    display: flow-root;
    background-color: #FFF;
    height: auto;
    font-size: 1em;
}
#contenu_droit_texte {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
    color: #13adb7;
}
#conteneur_droit_pratique {
    /* background-image: url(images_OT/fond_degrade_article_droit_bas.jpg); */
    background-repeat: repeat-x;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    /* padding-top: 10px; */
    font-size: 12px;
    overflow: auto;
    padding-bottom: 1em;
    color: #555;
    overflow: hidden;
}
.article_titre {
	font-family: 'Pacifico', cursive;
	font-size: 2em;
	color: #5a4335;
}
.article_titre_article {
    font-family: 'Pacifico', cursive;
font-size: 2.8em;
    text-indent: 0.2em;
    color: #ffffff;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
    line-height: 2em;
    overflow: hidden;
}
#article_titre_sommaire {
    background-color: rgba(19, 173, 183, 0.23);
    transition: all 0.5s;
    overflow: auto;
    height: auto;
    width: 97.7%;
    /* height: 165px; */
    text-align: left;
    margin: 1%;
    border: solid 1px rgba(5, 42, 94, 0.36);
    font-size: 1.4em;
    float: left;
    overflow: hidden;
}
.article_titre2 {
    font-family: 'Pacifico', cursive;
    font-size: 2em;
    text-indent: 20px;
    color: #363835;
    border-bottom: solid 1px #363835;
    margin-bottom: 1em;
    /* width: 400px; */
}
.article_contenu {
    font-size: 1.2em;
    color: #5A4335;
    display: block;
    overflow: auto;
    /* width: 560px; */
    padding: 10px;
    padding-top: 0px;
}
.modif_chapo {
    font-size: 13px;
    color: #5A4335;
    text-align: left;
    font-style: italic;
    padding: 0.6em;
}
a.texterubrique:hover {
    background-color: #ebedf0;
    transition-duration: 0.5s;
}
a.texterubrique:before {
    content: "\0000a0\279c";
}
a.texterubrique {
    font-family: Cambria,Georgia,'Times New Roman',Times,serif;
    margin-left: 6px;
    background-color: #f6f7f8;
    padding: 0.5em;
    border-radius: 3px 3px 3px 3px;
    float: left;
}
#article_suivre {
	font-size: 1.0em;
	background-image: url(images_OT/tranche_article_droit.jpg);
	background-repeat: no-repeat;
	background-position: 100% -100px;
	color: #C0D72F;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 10px;
	font-weight: normal;
	width: 96%;
	float: left;
}
.article_droit_titre {
	font-size: 24px;
}
#separation_localisation {
    background-image: url(images_OT/localisation.jpg);
    background-size: cover;
    height: 165px;
}
#separation_logo {
	background-image: url(images_OT/maps_gps.png);
	background-repeat: no-repeat;
	height: 165px;
	width: 90px;
	background-position: 20px;
	float: left;
}
#separation_texte {
	font-size: 18px;
	width: 200px;
	float: left;
	margin-left: 5px;
	margin-top: 30px;
	color: #FFF;
}
.texte_cordonnees {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}
.num_cordonnees {
	font-size: 36px;
	font-weight: lighter;
}
#footer {
    background-image: url(images_OT/footer.jpg);
    background-repeat: no-repeat;
    background-color: #f8f8f8;
    height: 125px;

    margin-bottom: 40px;
}
#logo_article {
	margin-left: 15px;
}
#footer_modification {
    float: left;
    height: 40px;
    width: 350px;
    padding-top: 100px;
    text-align: center;
    color: #13adb7;
    font-size: 10px;
}
#footer_texte_navigation {
	height: 100px;
	width: 220px;
	float: left;
	padding-top: 10px;
	color: #C0C0C0;
}
.menu {
	color: #FFFFFF;
	text-decoration:none;
}
.logo_modif {
	float: left;
	margin-left: 0px;
	height: 165px;
	width: 312px;
}
.menu:link {
	color: #FFFFFF;
	text-decoration:none;
}
.menu:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.menu:hover {
	color: #A05A2C;
	text-decoration:none;
}
.menu:active {
	color: #A05A2C;
	text-decoration: none;
}

a.article_suivre {
    color: #ffffff!important;
    padding-bottom: 5px;
    text-decoration: none;
    background-color: #16adb4;
    padding: 0.3em;
    border-radius: 3px 3px 3px 3px;
}
a.article_suivre:hover {
	color: #5a4335;
    background-color: #16adb4;}

.logo_articlemodif {
    width: 695px;
    height: auto;
    overflow: auto;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}
#article_titre {
    transition: all 0.5s;
    margin: 1em;
    border: none;
    font-size: 1.5em;
    float: left;
    overflow: hidden;
    background-color: #ebedf0;
    border-radius: 10px;
    align-content: center;
    justify-content: center;
    align-items: end;
    justify-items: center;
}
#article_titre:hover {
background-color: rgba(19, 173, 183, 0.4);
    transition: all 0.5s;
}
.article_intro {
    font-size: 1em;
    color: #5A4335;
    display: block;
    overflow: auto;
    /* width: 560px; */
    padding: 10px;
    text-align: center;
}


#cadre_defil_2 {
	overflow : hidden;
	height : 30px;
	width : 970px;
	font-size : 12px;
	line-height : normal;
	color : #000000;
	float : right;
	margin-right : auto;
	margin-bottom : 0;
	margin-left : auto;
}
#bouton_defil {
	overflow : hidden;
	font-size : 12px;
	line-height : normal;
	color : #000000;
	float : left;
	height: 22px;
	width: 45px;
	padding-top: 8px;
}
#cadre_defil_2 img {
	border : 0;
	vertical-align : middle;
}
#cadre_defil_2 .liens {
	color : #000000;
}
a:link {
    color: #0eafb5;
    text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #A05A2C;
}
a:hover {
	text-decoration: none;
	color: #E0DB2D;
}
a:active {
	text-decoration: underline;
	color: #A05A2C;
}
.spip_documents img {
	border: 0px;
}
.spip_logos {
    /* margin-left: 1em; */
    /* margin-right: 5px; */
    /* margin-left: 5px; */
    /* background-color: #C0D72F; */
    /* margin-top: 1px; */
    /* margin-bottom: 5px; */
    /* border: medium solid #C0D72F; */
    /* padding: 5px; */
}
.spip_documents_center{
        margin: auto;
        width: 80%;
}

.spip_documents_left{
	padding-left:25px;
	padding-right:25px;
        float: left;
        margin-right: 15px;
        text-align: left;
}

.spip_documents_right {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 25px;
    border: 0px;
    text-align: right;
    float: right;
}
.navOT{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:16px}
.babbin{font-style:italic}
.babbout{font-style:normal}
.navOT ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:45px}

.navOT a {
    display: block;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 16px;
    border: 0 solid #C33E3E;
    height: 30px;
    color: #fefdfc;
    text-decoration: none;
    background-image: linear-gradient(to top, #363835, #363835);
    transition: all 0.8s;
    z-index: 9;
    /* padding-top: 10px; */
    font-size: 15px;
    /* border-radius: 5px 0px 0px 0px; */
    font-size: 1.05em;
}
.navOT a:hover {
background-image: linear-gradient(to top, #13adb7, #13adb7);color: white;
    /* box-shadow: 1px 1px 16px #fff; */
    /* box-shadow: 0px 0px 12px #fff; */
    text-shadow: 0px 0px 9px rgba(54, 56, 53, 0.57)

    transition: all 0.8s;;
}
.navOT li:nth-child(1) a:hover{background-image: linear-gradient(to top, #13adb7, #13adb7);color: white;transition: all 0.5s;}
.navOT li:nth-child(2) a:hover{background-image: linear-gradient(to top, #13adb7, #13adb7);color: white;transition: all 0.5s;}
.navOT li:nth-child(3) a:hover{background-image: linear-gradient(to top, #13adb7, #13adb7);color: white;transition: all 0.5s;}
.navOT li:nth-child(4) a:hover{background-image: linear-gradient(to top, #13adb7, #13adb7);color: white;transition: all 0.5s;}
.navOT li:nth-child(5) a:hover{background-image: linear-gradient(to top, #13adb7, #13adb7);color: white;transition: all 0.5s;}
.navOT li:nth-child(6) a:hover{background-image: linear-gradient(to top, #13adb7, #13adb7);color: white;transition: all 0.5s;}
.navOT li:nth-child(7) a:hover{background-image: linear-gradient(to top, #13adb7, #13adb7);color: white;transition: all 0.5s;}





.navOT li{float:left;position:relative}
.navOT ul{    position: absolute;
    display: none;
    width: 225px;
    top: 46px;
    z-index: 100000000;
    border-left: 0 solid #fff;
    border-top: 0 solid #fff;
    line-height: 18px;}
.navOT li ul a {
    position: relative;
    min-width: 285px;
    background-color: #d3eabb;
    text-align: left;
    box-shadow: 0 3px 2px 1px rgb(119 119 119 / 30%);
    -moz-box-shadow: 0 3px 2px 1px rgba(119,119,119,0.3);
    -webkit-box-shadow: 0 3px 2px 1px rgb(119 119 119 / 30%);
    font-weight: 200;
    border-top-style: solid;
    border-color: #16adb4;
    transition: background-color 0.5s ease;
    border-top-width: 1px;
}
.navOT ul ul{top:auto;line-height:18px;z-index:10}
.navOT li ul ul{left:230px;margin:0 0 0 10px}
.navOT li:hover ul ul,.navOT li:hover ul ul ul,.navOT li:hover ul ul ul ul{display:none}
.navOT li:hover ul,.navOT li li:hover ul,.navOT li li li:hover ul,.navOT li li li li:hover ul{display:block}
.navQUICK{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:16px}
.navQUICK ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:30px}

.navQUICK a {
    display: block;
    padding-right: 7px;
    padding-left: 7px;
    padding-top: 8px;
    border: 0 solid #C33E3E;
    height: 30px;
    color: #fefdfc;
    text-decoration: none;
    background-image: linear-gradient(to top, #13adb7, #13adb7);
    transition: background 0.3s;
    z-index: 9;
    /* padding-top: 10px; */
    /* border-radius: 5px 0px 0px 0px; */
    border-right: solid #24c7d2 1px;
}
.navQUICK a:hover{background-image:linear-gradient(to top, white, #dcdee3);color:#141823}
.navQUICK li:nth-child(1) a:hover{background-image:linear-gradient(to top, #f6f7f8, white);transition: all 0.5s}
.navQUICK li:nth-child(2) a:hover{background-image:linear-gradient(to top, #f6f7f8, white);transition: all 0.5s}
.navQUICK li:nth-child(3) a:hover{background-image:linear-gradient(to top, #f6f7f8, white);transition: all 0.5s}
.navQUICK li:nth-child(4) a:hover{background-image:linear-gradient(to top, #f6f7f8, white);transition: all 0.5s}
.navQUICK li:nth-child(5) a:hover{background-image:linear-gradient(to top, #f6f7f8, white);transition: all 0.5s}
.navQUICK li:nth-child(6) a:hover{background-image:linear-gradient(to top, #f6f7f8, white);transition: all 0.5s}
.navQUICK li:nth-child(7) a:hover{background-image:linear-gradient(to top, #f6f7f8, white);transition: all 0.5s}
.navQUICK li{float:left;position:relative}
.navQUICK ul{position:absolute;display:none;width:225px;top:40px;z-index:100000000;border-left:0 solid #fff;border-top:0 solid #fff;line-height:18px}
.navQUICK li ul a {
    position: relative;
    width: 280px;
    padding-top: 10px;
    height: 30px;
    float: left;
    background-color: #f6f7f8;
    color: #3b5998;
    font-size: 1em;
    box-shadow: 0 3px 2px 1px rgba(119,119,119,0.3);
    -moz-box-shadow: 0 3px 2px 1px rgba(119,119,119,0.3);
    -webkit-box-shadow: 0 3px 2px 1px rgba(119,119,119,0.3);
    font-size: 15px;
    line-height: .9em;
}
.navQUICK ul ul{top:auto;line-height:18px;z-index:10}
.navQUICK li ul ul{left:230px;margin:0 0 0 10px}
.navQUICK li:hover ul ul,.navQUICK li:hover ul ul ul,.navQUICK li:hover ul ul ul ul{display:none}
.navQUICK li:hover ul,.navQUICK li li:hover ul,.navQUICK li li li:hover ul,.navQUICK li li li li:hover ul{display:block}

.cadreSO {
    color: #fff;
    /* height: 80px; */
    width: 290px;
    margin: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 5px;
    text-decoration: none;
    line-height: 1em;
    background-color: rgba(54, 56, 53, 0.52);
    transition: 0.5s;
    float: left;
    font-size: 0.8em;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 24px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0px 10px 24px 0px rgba(255, 255, 255, 0.3);
    box-shadow: 0px 10px 24px 0px rgba(255, 255, 255, 0.3);
    margin-top: 50px;
}
.cadreRUtxt {
    position: relative;
    top: -150px;
    padding: 37px;
    padding-left: 20px;
    font-family: 'Pacifico', cursive;
    font-size: 1.2em;
    line-height: .8em;
    height: 40px;
    width: 280px;
    /* overflow: hidden; */
    color: #FFF;
    text-shadow: 0 0 10px rgb(0 0 0);
}
.cadreRUtxtplus {
    position: relative;
    top: -150px;
    /* padding: 15px; */
    padding-left: 25px;
    padding-right: 26px;
    font-family: 'Pacifico', cursive;
    font-size: .62em;
    line-height: 1em;
    /* height: 30px; */
    width: 83.5%;
    overflow: hidden;
    text-align: left;
    color: #000000;
    background-color: rgb(117 184 41);
}
.imagearticle {
    display: flex;
    flex-direction: column;
    padding-top: 1em;
    min-height: 180px;
    background-size: cover;
    background-position: center;
}
.hierachie {
    line-height: 1em;
    overflow: hidden;
}
.hierachietitre {
    /* padding: 15px; */
    /* padding-left: 25px; */
    font-family: 'Pacifico', cursive;
    font-size: .86em;
    line-height: 8em;
    height: px;
    width: 101%;
    overflow: hidden;
    text-align: left;
    text-shadow: 0px 0px 8px #000000;
    /* color: rgb(255, 255, 255); */
    /* background-color: rgba(255, 255, 255, 0); */
    /* padding-left: 25px; */
    /* height: 30px; */
    /* background-color: rgba(255, 255, 255, 0); */
}
.hierachieslogan {
    position: relative;
    /* top: -100px; */
    padding: 15px;
    /* padding-left: 25px; */
    font-family: 'Pacifico', cursive;
    font-size: 1.4em;
    line-height: 1em;
    /* height: 30px; */
    width: 100%;
    overflow: hidden;
    text-align: left;
    color: rgb(54, 56, 53);
    background-color: rgba(255, 255, 255, 0);
    /* text-shadow: 0px 0px 8px rgb(0, 0, 0); */
}
.textemodifarticle {
}

@media screen and (max-width: 480px) {
    #contenu {
        background-color: #FFF;
        display: flex;
        flex-direction: column;
    }
    div#contenu_droit_sommaire {
        width: fit-content;
    }
    div#footer_texte_navigation {
    background-color: white;
    width: -webkit-fill-available;
    text-align: center;
}
div#header_navigation {
    height: auto;
}
div#logo_office {
    width: auto;
    height: auto;
    padding: 1em;
    margin-top: 15em;
}
div#logo_office_nav {
    display: none;
}
div#header {
    background-position: right;
}
}