@charset "UTF-8";
/* CSS Document */
/* HANDIapason - Commun - 05/2020 */
/* Maj le 26/09/2020 */

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #fff;

    font-family: Arial, Helvetica, sans-serif;
    /*##CP ++ */
}

/** {box-sizing: border-box;}*/

.main-container {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.Arial-Regular {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 0.875em;
	color: #000;*/
}

.Arial-Italic {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 0.875em;*/
    font-style: italic;
}

.Arial-Bold {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 0.875em;*/
    font-weight: bold;
    /*color: #000;*/
}

.Arial-Black {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 0.875em;*/
    font-weight: bolder;
    /*color: #000;*/
}

.Arial-Bold-Italic {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 0.875em;*/
    font-style: italic;
    font-weight: bold;
    /*color: #000;*/
}

@font-face {
    font-family: 'Century Gothic Bold';
    src: url('/fonts/CenturyGothic-bold/CenturyGothic-Bold.eot');
    src: url('/fonts/CenturyGothic-bold/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CenturyGothic-bold/CenturyGothic-Bold.woff2') format('woff2'),
        url('/fonts/CenturyGothic-bold/CenturyGothic-Bold.woff') format('woff'),
        url('/fonts/CenturyGothic-bold/CenturyGothic-Bold.ttf') format('truetype'),
        url('/fonts/CenturyGothic-bold/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

.font-century-gothic-bold {
    font-family: "Century Gothic Bold";
}


@font-face {
    font-family: 'Century Gothic Italic';
    src: url('/fonts/CenturyGothic-italic/CenturyGothic-Italic.ttf') format('truetype');
    src: url('/fonts/CenturyGothic-italic/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CenturyGothic-italic/CenturyGothic-Italic.woff2') format('woff2'),
        url('/fonts/CenturyGothic-italic/CenturyGothic-Italic.woff') format('woff'),
        url('/fonts/CenturyGothic-italic/CenturyGothic-Italic.eot'),
        url('/fonts/CenturyGothic-italic/CenturyGothic-Italic.svg#CenturyGothic-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

.font-century-gothic-italic {
    font-family: "Century Gothic Italic";
}


@font-face {
    font-family: 'Century Gothic';
    src: url('/fonts/CenturyGothic-regular/CenturyGothic.eot');
    src: url('/fonts/CenturyGothic-regular/CenturyGothic.ttf') format('truetype'),
        url('/fonts/CenturyGothic-regular/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CenturyGothic-regular/CenturyGothic.woff2') format('woff2'),
        url('/fonts/CenturyGothic-regular/CenturyGothic.woff') format('woff'),
        url('/fonts/CenturyGothic-regular/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font-century-gothic {
    font-family: "Century Gothic";
}

.bloc-infos-connexion {
    background-color: #Fff;
    float: left;
    height: 148px;
    width: 398px;
    border: 1px solid #9e8176;
    /*##CP 1/07/21 */
    position: relative;
}

.bloc-bannieres {
    float: left;
    height: 150px;
    width: 700px;
}

.bloc-main {
    background-color: rgba(158, 129, 118, .1);
    float: left;
    width: 1100px;
    padding-top: 20px;
}

#main-colonne-gauche {
    background-color: transparent;
    float: left;
    width: 280px;
    margin-right: 20px;
    margin-left: 20px;
}

#main-colonne-droite {
    background-color: transparent;
    float: left;
    width: 760px;
}

.bloc-infos-main {
    float: left;
    width: 1060px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.bloc-nav {
    /*background-color: transparent;*/
    /*background-color: rgba(158,129,118,.1);*/
    background-color: rgba(158, 129, 118, .1);
    float: left;
    height: 90px;
    width: 1100px;
}

.bloc-pub-gauche {
    float: left;
    width: 280px;
    margin-bottom: 20px;
}

.bloc-titre-page {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 50px;
    color: #FFF;
    height: 50px;
    width: 1100px;
    text-align: center;
}

.bloc-titre-page-detail-article {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 50px;
    color: #FFF;
    height: 50px;
    width: 1100px;
    text-align: center;
}

.bloc-formulaire-recherche {
    background-color: rgb(171, 157, 147);
    /*##CP
	float: left;
	 */
    float: none;
    clear: both;
    width: 1100px;
    height: 50px;
}

.mandatory,
.champ-obligatoire {
    color: #f11381;
    font-weight: bold;
}


/*


BLOCS RECHERCHE  ==>



 */
/*##CP ==> */
.clear {
    float: none;
    clear: both;
}

.bloc-formulaire-recherche.toutes-les-contributions {
    background-color: rgb(171, 154, 147);
}

.bloc-formulaire-recherche.vie-quotidienne {
    background-color: rgb(0, 150, 164);
}

.bloc-formulaire-recherche.culture-loisirs {
    background-color: rgb(147, 192, 31);
}

.bloc-formulaire-recherche.aide-a-la-communication {
    background-color: rgb(238, 125, 0);
}

.bloc-formulaire-recherche.autres-ressources {
    background-color: rgb(230, 19, 129);
}

/*##CP <== */

/* 0 */

/* 1 */
.bloc-champs-de-recherche {
    float: left;
    width: 290px;
    padding: 11px;
}

/* 2 */
.bloc-zone-select {
    float: left;
    /*height: 50px;*/
    width: 490px;
    /*##CP padding: 11px; */
    padding-top: 4px;
    /*##CP */
    margin-right: 10px;
    /*##CP margin-left: 10px; */
}

/* 3 */
.bloc-formulaire-recherche .bloc-compteur-contributions {
    float: right;
    /*padding: 11px;*/
    margin-top: 7px;
    width: 280px;
}

/*
.bloc-formulaire-select-centrage {
	vertical-align: middle;
	display: table-cell;
	height: 50px;
	width: 550px;
}
*/
.bloc-formulaire-recherche .champs-recherche-mots-cles {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.875em;
    color: rgb(171, 154, 147);
    height: 24px;
    background-image: url(/images/pictogrammes/loupe-20x20-2.png);
    background-repeat: no-repeat;
    padding-right: 24px;
    background-position: right;
    border: 0;
    margin-left: 10px;
    border-radius: 2px;
    padding-left: 5px;
    background-color: #FFF;
    /* -BIS */
    width: 200px;
    border-radius: 2px;
}

.bloc-formulaire-recherche .bouton-ok:hover {
    background-color: rgb(110, 99, 95);
    cursor: pointer;
}

.bloc-formulaire-recherche .bouton-ok {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    background-color: rgb(186, 172, 166);
    text-align: center;
    height: 26px;
    border: 1px solid #FFF;
    margin-left: 10px;
    width: 30px;
    border-radius: 2px;
    padding-right: 5px;
    padding-left: 5px;
}

/*##CP PLUS BESOIN ==>
.bloc-formulaire-recherche-toutes-les-contributions {
	background-color: rgb(171,154,147);
	float: left;
	width: 1100px;
	color: #FFF;
	height: 50px;
}
.bouton-ok-toutes-les-contributions:hover {
	background-color: rgb(110,99,95);
	cursor:pointer;
}
.bouton-ok-toutes-les-contributions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: rgb(186,172,166);
	text-align: center;
	height: 26px;
	border : 1px solid #FFF;
	margin-left: 10px;
	width: 30px;
	border-radius: 2px;
	padding-right: 5px;
	padding-left: 5px;
}
.bloc-formulaire-toutes-les-contributions-affiche-compteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	background-color: rgb(186,172,166);
	text-align: center;
	height: 24px;
	width: 80px;
	padding: 2px;
	line-height: 24px;
	float: left;
	border: 1px solid #FFF;
}
.bloc-formulaire-toutes-les-contributions-libelle-compteur {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.750em;
	color: #FFF;
	width: 135px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	float: left;
	padding-left: 5px;
}
##CP <== */

/*## INUTILISE ==>
.form-inline-form {
	display: flex;
	//flex-flow: row nowrap;
	align-items: center;
	height: 50px;
	flex-direction: row;
	flex-wrap: nowrap;
}
##CP <== */

/*##CP INUTILE (COMPTEUR)
.bloc-zone-select {
	height: 50px;
	width: 550px;
	margin-right: 10px;
	margin-left: 10px;
}
*/

/*## INUTILISE ==>
.bloc-separateur-zone-select-nil {
	height: 50px;
	width: 550px;
	margin-right: 10px;
	margin-left: 10px;
}
##CP <== */


/*##CP PLUS BESOIN ==>
.bloc-formulaire-recherche-vie-quotidienne {
	background-color: rgb(0,150,164);
	float: left;
	width: 1100px;
	color: #FFF;
	height: 50px;
}

.bouton-ok-vie-quotidienne:hover {
	background-color: rgb(110,99,95);
	cursor:pointer;
}
.bouton-ok-vie-quotidienne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: rgb(141,128,118);
	text-align: center;
	height: 26px;
	padding-right: 5px;
	padding-left: 5px;
	border : 1px solid #FFF;
	margin-left: 10px;
	width: 30px;
	border-radius: 2px;
}

.bloc-formulaire-vie-quotdienne-affiche-compteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	background-color: rgb(141,128,118);
	text-align: center;
	height: 24px;
	width: 80px;
	padding: 2px;
	line-height: 24px;
	float: left;
	border: 1px solid #FFF;
}
##CP <== */

/*##CP PLUS BESOIN ==>
.bloc-formulaire-recherche-culture-loisirs {
	background-color: rgb(147,192,31);
	float: left;
	width: 1100px;
	color: #FFF;
	height: 50px;
}

.bouton-ok-culture-loisirs:hover {
	background-color: rgb(110,99,95);
	cursor:pointer;
}
.bouton-ok-culture-loisirs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: rgb(141,128,118);
	text-align: center;
	height: 26px;
	padding-right: 5px;
	padding-left: 5px;
	border : 1px solid #FFF;
	margin-left: 10px;
	width: 30px;
	border-radius: 2px;
}

.bloc-formulaire-culture-loisirs-affiche-compteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	background-color: rgb(141,128,118);
	text-align: center;
	height: 24px;
	width: 80px;
	padding: 2px;
	line-height: 24px;
	float: left;
	border: 1px solid #FFF;
}
##CP <== */

/*##CP PLUS BESOIN ==>
.bloc-formulaire-recherche-aide-a-la-communication {
	background-color: rgb(238,125,0);
	float: left;
	width: 1100px;
	color: #FFF;
	height: 50px;
}

.bouton-ok-aide-a-la-communication:hover {
	background-color: rgb(110,99,95);
	cursor:pointer;
}
.bouton-ok-aide-a-la-communication {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: rgb(141,128,118);
	text-align: center;
	height: 26px;
	padding-right: 5px;
	padding-left: 5px;
	border : 1px solid #FFF;
	margin-left: 10px;
	width: 30px;
	border-radius: 2px;
}

.bloc-formulaire-aide-a-la-communication-affiche-compteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	background-color: rgb(141,128,118);
	text-align: center;
	height: 24px;
	width: 80px;
	padding: 2px;
	line-height: 24px;
	float: left;
	border: 1px solid #FFF;
}
##CP <== */

/*##CP PLUS BESOIN ==>
.bloc-formulaire-recherche-autres-ressources {
	background-color: rgb(230,19,129);
	float: left;
	width: 1100px;
	color: #FFF;
	height: 50px;
}

.bouton-ok-autres-ressources:hover {
	background-color: rgb(110,99,95);
	cursor:pointer;
}
.bouton-ok-autres-ressources {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: rgb(141,128,118);
	text-align: center;
	height: 26px;
	padding-right: 5px;
	padding-left: 5px;
	border : 1px solid #FFF;
	margin-left: 10px;
	width: 30px;
	border-radius: 2px;
}

.bloc-formulaire-autres-ressources-affiche-compteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	background-color: rgb(141,128,118);
	text-align: center;
	height: 24px;
	width: 80px;
	padding: 2px;
	line-height: 24px;
	float: left;
	border: 1px solid #FFF;
}
##CP <== */

.bloc-menu-ligne-inscription {
    height: 60px;
    width: 745px;
    margin-top: 10px;
    margin-left: 180px;
    float: left;
}

.bloc-menu-ligne-inscription-picto {
    height: 55px;
    width: 55px;
    margin-right: 20px;
    float: left;
}

.bloc-menu-ligne-inscription-centrage {
    vertical-align: middle;
    display: table-cell;
    height: 60px;
    width: 745px;
}

.bloc-menu-ligne-inscription-bouton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
    background-color: rgb(235, 231, 230);
    text-align: left;
    height: 60px;
    width: 650px;
    display: block;
    float: left;
    line-height: 60px;
    border-radius: 2px;
    text-decoration: none;
    border-radius: 4px;
    padding-left: 20px;
}



.bloc-menu-ligne-inscription-bouton:hover {
    background-color: rgb(110, 99, 95);
    color: #FFF;
}

.bloc-titre-presentation-inscription {
    font-size: 1.5em;
    color: rgb(171, 154, 147);
    text-align: center;
    float: left;
    width: 1060px;
    margin-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    display: table-cell;
}

.bloc-titre-presentation-inscription-question {
    font-size: 1.75em;
    color: rgb(171, 154, 147);
    text-align: center;
    float: left;
    width: 1060px;
    margin-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    display: table-cell;
}


.bloc-inscription-bloc-blanc {
    float: left;
    width: 1060px;
    margin-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #FFF;
    margin-bottom: 20px;
}

.bloc-page-texte {
    float: left;
    width: 1040px;
    margin-left: 20px;
    background-color: #FFF;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: rgb(141, 128, 118);
    padding: 10px;
}



.titre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    float: left;
    width: 400px;
}


/* BIS */
/*##CP INUTILE ==>
.champs-recherche-mots-cles-bis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	color: rgb(171,154,147);
	height: 24px;
	background-image: url(../images/pictogrammes/loupe-20x20-2.png);
	background-repeat: no-repeat;
	padding-right: 24px;
	background-position: right;
	border: 0;
	margin-left: 10px;
	border-radius: 2px;
	padding-left: 5px;
	background-color: #FFF;
	width: 240px;
	border-radius: 2px;
}
.bouton-ok-toutes-les-contributions:hover {
	background-color: rgb(110,99,95);
	cursor:pointer;
}
.bouton-ok-toutes-les-contributions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: rgb(186,172,166);
	text-align: center;
	height: 26px;
	border : 1px solid #FFF;
	margin-left: 10px;
	width: 30px;
	border-radius: 2px;
	padding-right: 5px;
	padding-left: 5px;
}

.bloc-zone-select-bis {
	height: 50px;
	width: 500px;
	float: left;
}
.bloc-formulaire-toutes-les-contributions-affiche-compteur-bis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	background-color: rgb(186,172,166);
	text-align: center;
	height: 24px;
	width: 16px;
	padding: 2px;
	line-height: 24px;
	float: right;
	border: 1px solid #FFF;
	border-radius: px;
	margin-right: 1px;
}
.bloc-formulaire-toutes-les-contributions-libelle-compteur-bis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.750em;
	color: #FFF;
	width: 125px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	float: left;
	padding-left: 5px;
	margin-top: 10px;
}
##CP <== */
/*##CP INUTILE ==>
.bloc-regroupement-compteur-bis {
	float: left;
	width: 140px;
	margin-top: 10px;
}
.bloc-champs-de-recherche-bis {
	float: left;
	width: 330px;
	margin-top: 12px;
}
##CP <== */


/*##CP ==> */
.bloc-titre-presentation {
    font-size: 1.5em;
    color: rgb(171, 154, 147);
    text-align: center;
    float: none;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    display: block;
}

.bloc-zone-blanche {
    box-sizing: border-box;
    background-color: #FFF;
    width: 100%;
    padding: 15px;
    margin: 0;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: rgb(171, 154, 147);
}

.bloc-zone-grise {
    background-color: rgba(158, 129, 118, .1);
    color: rgba(0, 0, 0, .6);
    padding: 10px;
}

/*##CP <== */