/* CSS Document by Black meridian */

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   reset                                               <<<< */
/* ------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: white;}
ol,ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption,th,td {text-align: left; font-weight: normal;}
img {vertical-align: bottom;}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   fonts                                               <<<< */
/* ------------------------------------------------------------------------ */

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

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-italic-webfont.eot');
  src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensans-italic-webfont.woff') format('woff'),
       url('fonts/opensans-italic-webfont.ttf') format('truetype'),
       url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-semibold-webfont.eot');
  src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensans-semibold-webfont.woff') format('woff'),
       url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
       url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-semibolditalic-webfont.eot');
  src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
       url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
       url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
  font-weight: 500;
  font-style: italic;
}


@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-bold-webfont.eot');
  src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensans-bold-webfont.woff') format('woff'),
       url('fonts/opensans-bold-webfont.ttf') format('truetype'),
       url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-bolditalic-webfont.eot');
  src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
       url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
       url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-extrabold-webfont.eot');
  src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensans-extrabold-webfont.woff') format('woff'),
       url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
       url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-extrabolditalic-webfont.eot');
  src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
       url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
       url('fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-light-webfont.eot');
  src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensans-light-webfont.woff') format('woff'),
       url('fonts/opensans-light-webfont.ttf') format('truetype'),
       url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-lightitalic-webfont.eot');
  src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
       url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
       url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
  font-weight: 300;
  font-style: italic;
}

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


/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   global                                              <<<< */
/* ------------------------------------------------------------------------ */

html {font-weight: normal;}
body {font: 0.625em/1em 'OpenSans', Arial, Helvetica, sans-serif; color: #3a3a3a; background: #ddd; text-rendering: optimizeLegibility;}
h1,h2,h3,h4,h5,h6 {line-height: normal; font-weight: normal;}
p, li {line-height: normal;}
strong {font-weight: bold;}
em {font-style: italic;}
strong em {font-weight: 500;}
a {color: #3a3a3a;}
a:hover,
a:focus {color: #3a3a3a; outline: none;}
a span,
button {cursor: pointer;}

.uppercase { text-transform:uppercase}

h3 {position: relative; top: -6px; margin: 0 0 25px; font-size: 4.8em; line-height: 47px; font-weight: 300; color: #f29400;}
h4 {margin: 22px 0 35px; font-size: 1.6em; line-height: 20px; font-weight: 500; color: #f29400;}
h4:first-child {margin-top: 0;}
h5 {margin: 25px 0; font-size: 1.2em; line-height: 16px; font-weight: bold;}
h5:first-child {margin-top: 0;}
p {margin-bottom: 14px; font-size: 1.3em; line-height: 18px;}
p:last-child {margin-bottom: 0;}
ul {margin-bottom: 14px;}
ul:last-child {margin-bottom: 0;}
li {font-size: 1.3em; line-height: 18px; text-indent: 28px; color: #6c6c6c; background: url('images/bullet.png') no-repeat 20px 6px;}
dt {margin-bottom: 11px; font-size: 1.6em; line-height: 20px; color: #f29400;}
dd {margin-bottom: 15px; font-size: 1.3em; line-height: 18px;}


#id5136 iframe { width:100% !important; }

iframe {max-width: 100%;}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   Semaine nationale                                   <<<< */
/* ------------------------------------------------------------------------ */




/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   misc                                                <<<< */
/* ------------------------------------------------------------------------ */

#page {position: relative; overflow: hidden;}

h3.title {position: static; top: 0; margin: 40px 0 25px; padding: 0 0 15px 13px; font-size: 1em; line-height: normal; font-weight: normal; color: #fff; background: url('images/title-peak-yellow.png') no-repeat 0 0;}

h3.title span {
  display: inline-block;
  padding: 0 16px 0 10px;
  height: 30px;
  font: 2.5em/34px 'WCManoNegraBta', Arial, Helvetica, sans-serif;
  color: #fff;
  background: #edc900;
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius:    0 14px 14px 0;
  border-radius:         0 14px 14px 0;
}

h3.title a {text-decoration: none; color: #fff;}

h3.title.purple {background-image: url("images/title-peak-purple.png");}
h3.title.purple span {background-color: #8b51a1;}

h3.title.blue {background-image: url("images/title-peak-blue.png");}
h3.title.blue span {background-color: #0e72b5;}

h3.title.orange {background-image: url("images/title-peak-orange.png");}
h3.title.orange span {background-color: #f29400;}

h3.title.pink {background-image: url("images/title-peak-pink.png");}
h3.title.pink span {background-color: #f085b4;}

p.reference {font-size: 1.2em;line-height: 14px;text-transform: uppercase;color: #9b9b9b; margin-top:0; padding-top:0}

.container {position: relative;}

.wrapperImage {margin-bottom: 40px;}
.wrapperImage .image {margin-bottom: 8px; font-size: 1.1em; line-height: 14px; font-style: italic; background: #fff;}
.wrapperImage .caption {position: relative; padding: 7px 9px 10px; color: #fff; background: #4ab7e5;}
.wrapperImage .caption:after {position: absolute; left: 0; top: 100%; border-width: 4px 98px; border-style: solid; border-color: #4ab7e5 transparent transparent #4ab7e5; content: ""; -webkit-transform: rotate(0.05deg);}
.wrapperImage .content {padding-left: 25px;}

.chapo {margin-bottom: 35px;}
.chapo p {font-size: 1.8em; line-height: 26px;}

.lien {padding-bottom: 2px; text-align: right;}
.lien.back {margin-top: -15px; margin-bottom: 20px; text-align: left;}
.lien a {padding-bottom: 1px; font-size: 1.1em; line-height: 14px; font-weight: 500; font-style: italic; text-decoration: none; color: #3a3a3a; background: url('images/border-dotted.gif') repeat-x 0 100%;}

.lireLaSuite {margin-top: 20px;}
.lireLaSuite a,
.lireLaSuite input {display: inline-block; padding-right: 29px; height: 20px; overflow: hidden; font-size: 1.4em; line-height: 18px; font-weight: 500; font-style: italic; color: #3a3a3a; background: url('images/arrow-right.png') no-repeat 100% 0;}
.lireLaSuite.brown a,
.lireLaSuite.brown input {background-image: url('images/arrow-right-brown.png');}
.lireLaSuite.blue a,
.lireLaSuite.blue input {background-image: url('images/arrow-right-blue.png');}
.lireLaSuite.green a,
.lireLaSuite.green input {background-image: url('images/arrow-right-green.png');}
.lireLaSuite.green2 a,
.lireLaSuite.green2 input {background-image: url('images/arrow-right-green2.png');}

.pagination {margin: 32px 0 0; zoom: 1;}
.pagination:before,
.pagination:after {display: table; clear: both; content: "";}
.pagination a {float: left; height: 20px; overflow: hidden; font-size: 1.4em; line-height: 18px; font-weight: 500; font-style: italic; color: #3a3a3a;}
.pagination a.previous {padding-left: 29px; background: url('images/arrow-left.png') no-repeat 0 0;}
.pagination a.next {padding-right: 29px; background: url('images/arrow-right.png') no-repeat 100% 0;}
.pagination a.previous + a.next {margin-left: 30px; padding-left: 30px; border-left: 1px solid #ddd;}

.hautDePage {margin-top: 27px; text-align: left;}

.surTitre {display: inline-block; margin-bottom: 20px; padding: 0 5px; height: 21px; vertical-align: middle; font-size: 1.4em; line-height: 20px; font-weight: bold; white-space: nowrap; color: #fff; background: #f29400;}
.maj {float: right; font-size: 1.4em; line-height: 18px; font-weight: 500;}
.infosNonAJour {margin-top: 20px; padding-top: 13px; border-top: 1px dotted #7d7d7d; font-size: 1.1em; line-height: 13px; color: #7d7d7d;}



/* nav
-------------------------------------*/
.nav {margin-bottom: 0;}
.nav li {padding-left: 0; font-size: 1em; line-height: normal; text-indent: 0; color: #3a3a3a; background: none;}
.nav li a,
.nav li a:hover,
.nav li a:focus {background: none;}

/* encart
-------------------------------------*/
.encart {margin-bottom: 10px; padding-bottom: 20px;}

.encart h4 {display: inline-block; position: relative; margin-bottom: 0 !important; overflow: visible !important; vertical-align: bottom; font-size: 1.1em !important; line-height: 32px !important;}
.ie7 .encart h4 {display: inline; zoom: 1;}
.encart h4 .wrapperTitle {display: inline-block; position: relative; padding-bottom: 8px; overflow: hidden; vertical-align: bottom;}
.ie7 .encart h4 .wrapperTitle {display: inline; zoom: 1; background: #fff;}
.encart h4 .wrapperTitle:after {position: absolute; left: 0; bottom: 0; border-width: 4px 137px; border-style: solid; border-color: #fff transparent transparent #fff; content: ""; -webkit-transform: rotate(0.05deg);}
.encart h4 .innerTitle {display: block; padding: 0 20px; height: 24px; background: #fff;}
.encart h4 .shadow {position: absolute; left: 5px; right: 5px; top: -6px; height: 6px; background: url('images/title-shadow-repeat.png') repeat-x 0 0;}
.encart h4 .shadow-left {position: absolute; left: -6px; top: -6px; width: 11px; height: 91px; background: url('images/title-shadow-left.png') no-repeat 0 0;}
.encart h4 .shadow-right {position: absolute; right: -135px; top: -6px; width: 140px; height: 36px; background: url('images/title-shadow-right.png') no-repeat 0 0;}
.ie7 .encart h4 .shadow,
.ie7 .encart h4 .shadow-left,
.ie7 .encart h4 .shadow-right {display: none;}
.encart h4.full {display: block;}
.encart h4.full .wrapperTitle {display: block;}
.encart h4.full .shadow {z-index: -1; left: -6px; right: auto; width: 265px; height: 124px; background: url('images/title-shadow.png') no-repeat 0 0;}

.encart p {font-size: 1.6em; line-height: 20px;}
.encart .wrapper {position: relative;}
.encart h4 + .wrapper:before {position: absolute; right: 0; bottom: 100%; border-width: 5px 137px; border-style: solid; border-color: transparent rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) transparent; content: ""; -webkit-transform: rotate(0.05deg);}
.oldie .encart h4 + .wrapper:before {border-color: transparent #f6f6f6 #f6f6f6 transparent;}
.encart .wrapper:after {position: absolute; right: 0; top: 100%; border-width: 10px 137px; border-style: solid; border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) transparent transparent; content: ""; -webkit-transform: rotate(0.05deg);}
.oldie .encart .wrapper:after {border-color: #f6f6f6 #f6f6f6 transparent transparent;}
.encart .content {padding: 17px 20px 16px; background: rgba(255, 255, 255, 0.5); zoom: 1;}
.oldie .encart .content {background: #f6f6f6;}
.encart .content:before,
.encart .content:after {display: table; clear: both; content: "";}
.encart .lien {margin-bottom: -11px;}

.liste1telechargement.encart .content,
.liste1telechargement.encart .content p a {color: #8b51a1;}
.liste1voirAussi.encart .content,
.liste1voirAussi.encart .content p a {color: #8b51a1;}

/* ditto1article
-------------------------------------*/
.ditto1article {padding: 20px 0; border-top: 1px dotted #089fdf;}
.ditto1article .reference {margin-bottom: 10px; font-size: 1.1em; line-height: 14px; text-transform: uppercase; color: #9b9b9b;}
.ditto1article h4 {margin-bottom: 3px;}
.ditto1article h4 a {color: #f29400;}

.ditto1articleALaUne .vignette {margin-bottom: 15px;}
.ditto1articleALaUne .vignette img {width: 100%;}
.ditto1articleALaUne .reference {margin-bottom: 0;}
.ditto1articleALaUne .inner {display: table-cell; padding: 0 30px 0 25px; height: 149px; vertical-align: middle;}

.ditto1articleALaUne .resume {position: relative; margin: 17px 0 25px; border-left: 5px solid #e8e8e8; background: #e8e8e8;}
.ditto1articleALaUne .resume:before {position: absolute; left: -5px; bottom: 100%; border-width: 5px 140px; border-style: solid; border-color: transparent transparent #e8e8e8 #e8e8e8; content: ""; -webkit-transform: rotate(0.05deg);}
.ditto1articleALaUne .resume:after {position: absolute; left: -5px; top: 100%; border-width: 5px 140px; border-style: solid; border-color: #e8e8e8 transparent transparent #e8e8e8; content: ""; -webkit-transform: rotate(0.05deg);}

.ditto1articleALaUne h4 a {color: #089fdf;}

/* ditto1emploi
-------------------------------------*/
.ditto1emploi {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #089fdf;}
.ditto1emploi .reference {margin-bottom: 10px; font-size: 1.1em; line-height: 14px; text-transform: uppercase; color: #9b9b9b;}
.ditto1emploi h4 {margin-bottom: 15px; padding: 0 10px 0 64px; height: 36px; overflow: hidden; font-size: 1.4em; line-height: 34px; font-weight: 900; text-transform: uppercase; white-space: nowrap; color: #f29400; background: #fff url('images/title-icon-emploi.png') no-repeat 0 0;}
.ditto1emploi h4 > span {float: left;}
.ditto1emploi h4 a {font-weight: normal; text-transform: none; text-decoration: underline; color: #f29400;}
.ditto1emploi h4 a:hover,
.ditto1emploi h4 a:focus {color: #3d98d5;}
.ditto1emploi ul {padding-left: 30px;}
.ditto1emploi li {border-top: 1px dotted #9ed8ff; font-size: 1.6em; line-height: 20px; text-indent: 0; background: none;}
.ditto1emploi li.last {border-bottom: 1px dotted #9ed8ff;}
.ditto1emploi li a {display: block; position: relative; padding: 8px 16px 11px 0; text-decoration: none !important; color: #1683cd !important;}
.ditto1emploi li a:hover,
.ditto1emploi li a:focus {color: #6d8f05 !important;}
.ditto1emploi li a span {position: absolute; right: -1px; top: 50%; margin-top: -6px; width: 8px; height: 12px; overflow: hidden; text-indent: -999em; background: url('images/arrow.png') no-repeat 0 0;}
.ditto1emploi li a:hover span,
.ditto1emploi li a:focus span {background-position: 0 -12px;}
.ditto1emploi .poste {margin-bottom: 10px; font-size: 1.6em; line-height: 20px; color: #82cae8;}
.ditto1emploi .poste a {color: #82cae8;}
.ditto1emploi .info {margin-bottom: 12px; font-size: 1.2em; line-height: 16px; font-weight: 500;}

.ditto1emploi.encart {border-bottom: 0;}
.ditto1emploi.encart h4 {padding: 0; height: auto; background: none;}
.ditto1emploi.encart h4 .icon {position: absolute; z-index: 10; left: 0; top: 0; width: 61px; height: 36px; background: url('images/title-icon-emploi-cut.png') no-repeat 0 0;}
.ditto1emploi.encart h4 .innerTitle {padding-left: 64px; height: 28px;}

/* ditto1actualiteAccueilListe
-------------------------------------*/
.ditto1actualiteAccueilListe h4 {line-height: 30px !important; font-weight: 900; text-transform: uppercase; color: #8b51a1;}
.ditto1actualiteAccueilListe h4 a {color: #8b51a1;}
.ditto1actualiteAccueilListe .content,
.ditto1actualiteAccueilListe .content p a {color: #f29400;}
.ditto1actualiteAccueilListe .content .info {margin-bottom: 12px; font-size: 1.2em; line-height: 16px; font-weight: 500; color: #404040;}
.ditto1actualiteAccueilListe .content .info a {color: #404040;}

/* ditto1agenda
-------------------------------------*/
.ditto1agenda h4 {font-weight: 900; text-transform: uppercase; color: #f085b4;}
.ditto1agenda .content {color: #9f8163;}

.recherche select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  -o-box-sizing:      border-box;
  box-sizing:         border-box;
  padding: 4px 4px 4px 12px;
  border: 1px dotted #909090;
  width: 100%;
  height: 34px;
  font-size: 1.6em;
  line-height: 20px;
  color: #a89671;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

/*  ditto 1 espace docu
---------------------------------------*/

.ditto1espaceDocumentaireDossier h4 {background: #fff url('images/title-icon-dossier.png') no-repeat 0 0;}
.ditto1espaceDocumentaireFichier h4 {background: #fff url('images/title-icon-fichier.png') no-repeat 0 0;}

.ditto1espaceDocumentaire .show0 { display:none}
.ditto1espaceDocumentaire .show1 .show1 { display:none}


.recherche select[disabled] { color:#CCC}

.recherche .control-group {margin-left: 0;}
.recherche .control-group:last-child {margin-bottom: 0;}
.recherche .control-label {display: none;}
.recherche .controls {float: none; margin-left: 0; width: auto;}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   header / nav / footer                               <<<< */
/* ------------------------------------------------------------------------ */

#header {position: relative; z-index: 10; height: 170px; overflow: hidden; background: url('images/header-bg.png') no-repeat 50% 0;}
#header .moinsDe26ans {position: absolute; left: 384px; top: 8px;}
#header .moinsDe26ans a {display: block; width: 279px; height: 50px; overflow: hidden; text-indent: -999em; background: url('images/moinsDe26ans-btn.png') no-repeat 0 0;}

#logo {float: left; margin: 69px 19px 0 0;}
#logo a {display: block; width: 221px; height: 58px; overflow: hidden; text-indent: -999em; background: url('images/logo-unml.png') no-repeat 0 0;}

#headline {float: left; margin-top: 80px; width: 363px; height: 46px; overflow: hidden; text-indent: -999em; background: url('images/headline.png') no-repeat 0 0;}

#WebLoginLayer0 {left: 41px;}
#WebLoginLayer0 form {width: 275px; text-align: center;}
#WebLoginLayer0 h3 {position: static; margin: 4px 0 18px; font-size: 1.6em; line-height: 20px; font-weight: bold; text-transform: uppercase; color: #b5dc3d;}
#WebLoginLayer0 h4 {display: none;}
#WebLoginLayer0 fieldset {margin: 0 auto; width: 195px;}
#WebLoginLayer0 input {
  float: left;
  clear: left;
  margin: 0 0 10px;
  padding: 2px 8px 3px;
  border: 0;
  width: 185px;
  height: 19px;
  font-size: 1.2em;
  line-height: 15px;
  font-weight: 500;
  font-style: italic;
  color: #009ee0;
  -webkit-border-radius: 3px;
  -moz-border-radius:    3px;
  border-radius:         3px;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow:    2px 2px 4px rgba(0, 0, 0, 0.25) inset;
  box-shadow:         2px 2px 4px rgba(0, 0, 0, 0.25) inset;
}

#WebLoginLayer0 input#password {width: 145px;}

#WebLoginLayer0 input.submit {
  float: right;
  clear: none;
  margin: 0;
  padding: 0 0 1px;
  width: 30px;
  height: 24px;
  font-size: 1.6em;
  line-height: 14px;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  /*color: #9bce00;*/
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow:         0 0 3px rgba(0, 0, 0, 0.3);
}

#WebLoginLayer0 .lienLogin a {font-size: 1.1em; line-height: 18px; color: #fff;}
#WebLoginLayer0 .lienLogin .sep {display: inline-block; position: relative; top: 2px; margin: 0 9px 0 11px; width: 1px; height: 11px; overflow: hidden; background: #64a7d5;}

#nav {position: relative; z-index: 10; height: 88px;}
#nav .nav {white-space: nowrap; text-align: center;}
#nav .nav li {display: inline-block; margin: 0 5px;}
.ie7 #nav .nav li {display: inline; zoom: 1;}
#nav .nav li a {display: block; padding: 10px 15px 6px 16px; width: 153px; height: 29px; overflow: hidden; font-size: 1.3em; line-height: 28px; font-weight:bold; text-align: center; color: #009ee0; background: url('images/nav-btn.png') no-repeat 0 0;}
#nav .nav li a:hover,
#nav .nav li a:focus,
#nav .nav li.active a {color: #fff; background-position: 0 -45px;}

#footer {position: relative; z-index: 10; margin-top: -48px; padding: 53px 0 17px; background: url('images/footer-bg.png') no-repeat 50% 0;}
#footer .nav {margin-bottom: -10px; zoom: 1;}
#footer .nav:before,
#footer .nav:after {display: table; clear: both; content: "";}
#footer .nav li {float: left; margin: 0 10px 10px 9px;}
#footer .nav li a {display: block; position: relative; padding: 0 14px; font-size: 1.4em; line-height: 30px; font-weight: 500; color: #5f5f5f; text-transform: uppercase; background: #ececec;}
#footer .nav li a:hover,
#footer .nav li a:focus {text-decoration: underline;}
#footer .nav li a:before {position: absolute; right: 100%; top: 0; border-width: 15px 4px; border-style: solid; border-color: transparent #ececec #ececec transparent; content: ""; -webkit-transform: rotate(0.05deg);}
#footer .nav li a:after {position: absolute; left: 100%; top: 0; border-width: 15px 4px; border-style: solid; border-color: #ececec transparent transparent #ececec; content: ""; -webkit-transform: rotate(0.05deg);}
#footer .abonnezVous {position: static; float: right; margin: -43px 0 15px; width: 275px; height: 48px; overflow: hidden; text-indent: -999em; background: url('images/abonnezVous-title.png') no-repeat 0 0;}

#demande_news {float: right; clear: right; padding: 0 20px; width: 235px;}
#demande_news p {font-size: 1.1em; line-height: 14px;}
#demande_news p a {padding-bottom: 1px; text-decoration: none; background: url('images/border-dotted.gif') repeat-x 0 100%;}
#demande_news fieldset {zoom: 1;}
#demande_news fieldset:before,
#demande_news fieldset:after {display: table; clear: both; content: "";}

#demande_news input {
  float: left;
  margin: 0 0 10px;
  padding: 1px 8px 2px;
  border: 1px solid #d2d2d2;
  width: 179px;
  height: 19px;
  font-size: 1.4em;
  line-height: 18px;
  font-weight: 500;
  font-style: italic;
  color: #797979;
  -webkit-border-radius: 3px;
  -moz-border-radius:    3px;
  border-radius:         3px;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:    2px 2px 4px rgba(0, 0, 0, 0.1) inset;
  box-shadow:         2px 2px 4px rgba(0, 0, 0, 0.1) inset;
}

#demande_news input.submit {
  float: right;
  margin: 0;
  padding: 0 0 1px;
  border: 0;
  width: 30px;
  height: 24px;
  font-size: 1.6em;
  line-height: 14px;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  color: #9bce00;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:    0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow:         0 0 3px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #ebf5cc));
  background-image: -webkit-linear-gradient(145deg, #ffffff, #ebf5cc);
  background-image:    -moz-linear-gradient(145deg, #ffffff, #ebf5cc);
  background-image:     -ms-linear-gradient(145deg, #ffffff, #ebf5cc);
  background-image:      -o-linear-gradient(145deg, #ffffff, #ebf5cc);
  background-image:         linear-gradient(145deg, #ffffff, #ebf5cc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebf5cc');
}

.btn-newsletter {
  clear: right;
  float: right;
  margin: 0;
  padding: 5px 10px 6px;
  border: 0;
  font-size: 1.6em;
  line-height: 14px;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  color: #9bce00;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:    0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow:         0 0 3px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #ebf5cc));
  background-image: -webkit-linear-gradient(145deg, #ffffff, #ebf5cc);
  background-image:    -moz-linear-gradient(145deg, #ffffff, #ebf5cc);
  background-image:     -ms-linear-gradient(145deg, #ffffff, #ebf5cc);
  background-image:      -o-linear-gradient(145deg, #ffffff, #ebf5cc);
  background-image:         linear-gradient(145deg, #ffffff, #ebf5cc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebf5cc');
}


.btn-newsletter:hover,
.btn-newsletter:focus {
  color: #9bce00;
  text-decoration: none;
}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   maincontent                                         <<<< */
/* ------------------------------------------------------------------------ */

#maincontent {position: relative; z-index: 0; margin-top: -258px; padding: 258px 0 48px; background: #ececec url('images/maincontent-bg.png') no-repeat 50% 0;}

#pagetitle {position: relative; top: -7px; margin: 0 0 25px; font-size: 5em; line-height: 47px; font-weight: 300; color: #f29400;}

#content {position: relative; margin-top: 28px; margin-bottom: 14px; padding: 30px 0 15px; min-height: 350px; background: rgba(255, 255, 255, 0.5);}
.oldie #content {background: #f6f6f6;}
#content p a,
#content li a {text-decoration: underline; color: #0e72b5;}

#content .content-before {position: absolute; z-index: -1; left: -6px; top: -6px; content: ""; width: 344px; height: 354px; background: url('images/content-shadow.png') no-repeat 0 0;}
#content:after {position: absolute; left: 0; top: 100%; border-width: 8px 297px; border-style: solid; border-color: rgba(255, 255, 255, 0.5) transparent transparent rgba(255, 255, 255, 0.5); content: ""; -webkit-transform: rotate(0.05deg);}
.oldie #content:after {border-color: #f6f6f6 transparent transparent #f6f6f6;}

#content .breadcrumbs {position: relative; top: -30px; margin-top: -28px; height: 28px;}
#content .breadcrumbs .B_crumbBox {display: block; position: relative; top: -3px; font-size: 1.1em; line-height: 14px; font-weight: 500; color: #010101;}
#content .breadcrumbs .B_crumbBox a {color: #5a5d5e;}

#aside {margin-top: 28px;}

#contentLeft {margin-bottom: 30px;}
#contentRight {margin-bottom: 30px;}

#navigationNiveau2 {position: relative; margin-bottom: 50px;}
#navigationNiveau2 .shadow {position: absolute; left: 100%; top: 20px; bottom: 20px; width: 7px; background: url('images/navigationNiveau2-shadow-repeat.png') repeat-y 0 0;}
#navigationNiveau2 .shadow-top {position: absolute; left: 100%; top: 0; width: 7px; height: 20px; background: url('images/navigationNiveau2-shadow-top.png') no-repeat 0 0;}
#navigationNiveau2 .shadow-bottom {position: absolute; left: 100%; bottom: 0; width: 7px; height: 20px; background: url('images/navigationNiveau2-shadow-bottom.png') no-repeat 0 0;}
#navigationNiveau2 .nav li {margin-bottom: -1px; border-top: 1px dotted #5fbfe9; border-bottom: 1px dotted #5fbfe9; height: 60px;}
#navigationNiveau2 .nav li a {display: block; position: relative; font-size: 1.4em; line-height: 18px; font-weight: bold; text-transform: uppercase; text-align: center; color: #5fbfe9; background: rgba(255, 255, 255, 0.5);}
.oldie #navigationNiveau2 .nav li a {background: #f6f6f6;}
.ie7 #navigationNiveau2 .nav li a {padding: 15px 0; height: 30px; background: #f6f6f6;}
.ie7 #navigationNiveau2 .nav li a .inner {padding: 0;}
#navigationNiveau2 .nav li a:hover,
#navigationNiveau2 .nav li a:focus {text-decoration: underline;}
#navigationNiveau2 .nav li a .inner {display: table-cell; float: none; margin-left: 0; padding: 0 10px; height: 60px; vertical-align: middle; text-align: center;}
#navigationNiveau2 .nav li a .active,
#navigationNiveau2 .nav li a.active {text-decoration: none; color: #0e72b5;}
#navigationNiveau2 .nav li a .active:before,
#navigationNiveau2 .nav li a.active:before {position: absolute; left: 100%; top: 50%; margin-top: -6px; border-width: 3px 5px; border-style: solid; border-color: transparent transparent rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5); content: ""; -webkit-transform: rotate(0.05deg);}
#navigationNiveau2 .nav li a .active:after,
#navigationNiveau2 .nav li a.active:after {position: absolute; left: 100%; top: 50%; border-width: 3px 5px; border-style: solid; border-color: rgba(255, 255, 255, 0.5) transparent transparent rgba(255, 255, 255, 0.5); content: ""; -webkit-transform: rotate(0.05deg);}


#breadcrumbs .shadow-container {position: absolute; top: 0; bottom: 0; margin-left: 0;}
#breadcrumbs .shadow {position: absolute; left: 50%; top: 109px; bottom: 109px; width: 79px; background: url('images/breadcrumbs-shadow-repeat.png') repeat-y 0 0;}
#breadcrumbs .shadow-top {position: absolute; left: 50%; top: 0px; width: 79px; height: 109px; background: url('images/breadcrumbs-shadow-top.png') no-repeat 0 0;}
#breadcrumbs .shadow-bottom {position: absolute; left: 50%; bottom: 0; width: 79px; height: 109px; background: url('images/breadcrumbs-shadow-bottom.png') no-repeat 0 0;}
#breadcrumbs .nav {position: absolute; top: 0; bottom: 0; margin-left: 0; padding-top: 28px; background: url('images/breadcrumbs-border.gif') repeat-y 50% 0;}
#breadcrumbs .nav li {position: relative; z-index: 10; margin-top: 1px;}
#breadcrumbs .nav li a {display: block; height: 60px; overflow: hidden; text-indent: -999em; background: url('images/breadcrumbs-dot.png') no-repeat 50% 50%;}
#breadcrumbs .nav li.active a,
#breadcrumbs .nav li a.active {background-image: url('images/breadcrumbs-dot-large.png');}
#breadcrumbs .inner {width: auto;}

#bxslider .content {padding-top: 30px;}

.deposerUneOffre fieldset {margin-bottom: 25px;}
.deposerUneOffre legend {margin-bottom: 6px; font-size: 1.6em; line-height: 20px; font-weight: 500; color: #f29400;}
.deposerUneOffre span.error {display: block; margin-top: 6px; font-size: 1.2em; line-height: 16px; font-style: italic; color: #b94a48;}
.deposerUneOffre .control-group {margin-bottom: 10px;}
.deposerUneOffre .control-label {padding: 8px 0 10px; font-size: 1.3em; line-height: 14px;}
.deposerUneOffre input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  -o-box-sizing:      border-box;
  box-sizing:         border-box;
  margin-bottom: 0;
  padding: 0 15px;
  border: 1px dotted #a2a2a2;
  width: 100%;
  height: 34px;
  font-size: 1.6em;
  line-height: 20px;
  color: #3a3a3a;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

.deposerUneOffre textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  -o-box-sizing:      border-box;
  box-sizing:         border-box;
  padding: 6px 6px 6px 15px;
  border: 1px dotted #a2a2a2;
  width: 100%;
  height: 151px;
  font-size: 1.6em;
  line-height: 20px;
  color: #3a3a3a;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

.deposerUneOffre select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  -o-box-sizing:      border-box;
  box-sizing:         border-box;
  padding: 4px 4px 4px 12px;
  border: 1px dotted #a2a2a2;
  width: 100%;
  height: 34px;
  font-size: 1.6em;
  line-height: 20px;
  color: #3a3a3a;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

.deposerUneOffre select.span2 {float: left; width: 32%;}
.deposerUneOffre select.span2 + select.span2 {margin-left: 2%;}
.deposerUneOffre select.span2:last-child {float: right;}

.deposerUneOffre .radio,
.deposerUneOffre .checkbox {font-size: 1.3em; line-height: 18px;}
.deposerUneOffre .radio input,
.deposerUneOffre .checkbox input {margin-top: 2px; padding: 0; border: 0; width: auto; height: auto;}

.deposerUneOffre button {float: left; margin: 0; padding: 0 29px 0 0; border: 0; height: 20px; overflow: hidden; font: 500 italic 1.4em/18px 'OpenSans', Arial, Helvetica, sans-serif; color: #3a3a3a; background: url('images/arrow-right.png') no-repeat 100% 0;}
.deposerUneOffre button:hover,
.deposerUneOffre button:focus {text-decoration: underline;}
.deposerUneOffre .encart .content {color: #f29400;}

.template4 #ALaUne {margin-bottom: 10px;}
#ALaUne {position: relative; margin-bottom: 50px;}
#ALaUne .title-container {position: relative;}
#ALaUne h3.title {position: absolute; right: 50%; top: 0; margin: 0 -0.5px; padding: 0; width: 200px; height: 335px; overflow: hidden; text-indent: -999em; background: url('images/title-ALaUne.png') no-repeat 0 0;}
#ALaUne h3.title span {display: none;}
#ALaUne #navigationNiveau2 {margin: 107px 0 0;}
#ALaUne #breadcrumbs .shadow-container {top: 88px;}
#ALaUne #breadcrumbs .nav {top: 88px; padding-top: 19px;}
#ALaUne .encart {margin-bottom: 0; padding-bottom: 8px;}
#ALaUne .encart .wrapper:after {left: 0; right: auto; border-width: 4px 200px; border-color: rgba(255, 255, 255, 0.5) transparent transparent rgba(255, 255, 255, 0.5);}
#ALaUne .encart .content {padding-left: 0; padding-right: 0;}
#ALaUne #bxbullet {display: none; margin-top: -22px; margin-bottom: 14px; text-align: center;}
#ALaUne #bxbullet .nav {position: relative; text-align: center;}
#ALaUne #bxbullet .nav:before {position: absolute; left: 0; top: 50%; right: 0; content: ""; height: 1px; background: #0ba0de;}
#ALaUne #bxbullet .nav li {display: inline-block; position: relative; margin: 0 5px; vertical-align: middle;}
#ALaUne #bxbullet .nav li a {display: block; width: 37px; height: 38px; background: url('images/breadcrumbs-dot.png') no-repeat 50% 50%;}
#ALaUne #bxbullet .nav li a.active {position: relative; background-image: url('images/breadcrumbs-dot-large.png');}
#ALaUne #bxbullet .nav li a.active:after {position: absolute; left: 0; top: 100%; right: 0; content: ""; height: 14px; background: url('images/bullet-arrow.png') no-repeat 50% 100%;}
#ALaUne #bxbullet .nav li a .inner {display: none;}

#serviceJuridique .shadow {display: block; margin: -6px 0 -154px -6px !important; width: 242px; height: 138px; overflow: hidden; background: url('images/serviceJuridique-shadow.png') no-repeat 0 0;}
.ie7 #serviceJuridique .shadow {display: none;}
#serviceJuridique h3.title {margin-top: 0;}
#serviceJuridique h4.icon {width: 56px; height: 35px; overflow: hidden; background: url('images/serviceJuridique-icon.png') no-repeat 0 0;}
.ie7 #serviceJuridique h4.icon {margin-bottom: -3px !important;}
#serviceJuridique p {font-size: 1.2em; line-height: 15px;}

#serviceCivique { margin-top:40px}

#serviceCivique .shadow {display: block; margin: -6px 0 -154px -6px !important; width: 242px; height: 138px; overflow: hidden; background: url('images/serviceJuridique-shadow.png') no-repeat 0 0;}
.ie7 #serviceCivique .shadow {display: none;}
#serviceCivique h3.title {margin-top: 0;}
#serviceCivique h4.icon {width: 56px; height: 35px; overflow: hidden; background: url('images/serviceJuridique-icon.png') no-repeat 0 0;}
.ie7 #serviceCivique h4.icon {margin-bottom: -3px !important;}
#serviceCivique p {font-size: 1.2em; line-height: 15px;}

#ouNousTrouver .encart h4 + .wrapper:before {border-width: 5px 157px;}
#ouNousTrouver .shadow {display: block; margin: -6px 0 -369px -6px; width: 281px; height: 353px; overflow: hidden; background: url('images/ouNousTrouver-shadow.png') no-repeat 0 0;}
.ie7 #ouNousTrouver .shadow {display: none;}
#ouNousTrouver h4.icon {position: relative; z-index: 10; margin-bottom: -43px !important; width: 60px; height: 59px; overflow: hidden; background: url('images/ouNousTrouver-icon.png') no-repeat 0 0;}
#ouNousTrouver p {font-size: 1.3em; line-height: 17px;}
#ouNousTrouver .image {margin-bottom: 10px; text-align: center;}

#filtreCarte {margin-top: 16px;}
#filtreCarte p {margin-bottom: 9px;}
#filtreCarte .nav {padding-top: 10px; border: dotted #089fdf; border-width: 1px 0; zoom: 1;}
#filtreCarte .nav:before,
#filtreCarte .nav:after {display: table; clear: both; content: "";}
#filtreCarte .nav li {float: left; margin: 0 10px 10px 0;}
#filtreCarte .nav li a {
  display: block;
  padding: 0 10px;
  border: 1px solid #ececec;
  height: 23px;
  overflow: hidden;
  font-size: 1.1em;
  line-height: 22px;
  font-weight: bold;
  text-decoration: none;
  color: #5fbfe9;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
}

#filtreCarte .nav li a.active {border-color: #fff; color: #fff; background-color: #5fbfe9;}

#social {position: absolute; left: 0; top: 0; margin: 3px 0 0 -2px;}
#social a {float: left; margin-right: 6px; width: 40px; height: 40px; overflow: hidden; text-indent: -999em; background: url('images/social-icons.png') no-repeat 0 0;}
#social a.facebook {background-position: 0 0;}
#social a.facebook:hover,
#social a.facebook:focus {background-position: 0 -40px;}
#social a.twitter {background-position: -40px 0;}
#social a.twitter:hover,
#social a.twitter:focus {background-position: -40px -40px;}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   template                                            <<<< */
/* ------------------------------------------------------------------------ */

.template3 h4 {margin:32px 0 20px;}
.template3 blockquote {position: relative; margin: 54px 0; padding: 16px 20px 19px; background-color: #fff;}
.template3 blockquote:before {position: absolute; left: 0; bottom: 100%; right: 0; height: 20px; content: ""; overflow: hidden; background: url('images/blockquote-top.png') no-repeat 100% 0;}
.template3 blockquote:after {position: absolute; left: 0; top: 100%; right: 0; height: 20px; content: ""; overflow: hidden; background: url('images/blockquote-bottom.png') no-repeat 0 0;}
.template3 blockquote h4 {margin-top: 0;}
.template3 blockquote  p {font-size: 1.6em; line-height: 20px;}


/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   iframe                                              <<<< */
/* ------------------------------------------------------------------------ */

.map-container {position: relative; padding-bottom: 100%; padding-top: 0px; height: 0; overflow: hidden;}
.map-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.map-container-fiche {padding-bottom: 150%;}
.map-container-fiche iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.listeStructure { display:none}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   id                                                  <<<< */
/* ------------------------------------------------------------------------ */

#id92 #content {margin-bottom: 61px;}
#id92 #content .submit {position: absolute; left: 0; top: 100%; margin-top: 41px;}

#id92 #content strong em {padding-bottom: 2px;}
#id92 #content strong em a {padding-bottom: 1px; font-size: 0.85em; line-height: 14px; text-decoration: none; color: #3a3a3a; background: url('images/border-dotted.gif') repeat-x 0 100%;}
#id92 #contenu2 .encart ul {margin-bottom: -13px;}
#id92 #contenu2 .encart li {margin-bottom: 13px; font-size: 1.6em; line-height: 20px; text-indent: 30px; color: #f29400; background-image: url('images/bullet-black.png'); background-position: 20px 8px;}
#id92 #contenu2 .encart strong em {display: block; padding-bottom: 2px; text-align: right;}
#id92 #contenu2 .encart strong em a {padding-bottom: 1px; font-size: 0.7em; line-height: 14px; text-decoration: none; color: #3a3a3a; background: url('images/border-dotted.gif') repeat-x 0 100%;}

#id1491 #page {overflow: visible;}
#id1491 #maincontent .container {width: auto;}
#id1491 #breadcrumbs {display: none;}
#id1491 #content {float: none; width: auto; background: none;}
#id1491 #content:after {display: none;}
#id1491 #content .breadcrumbs {display: none;}
#id1491 #content .row {margin: 0;}
#id1491 #article {float: none; margin: 0; width: auto; text-align: center;}
#id1491 #article table {margin: 0 auto;}


/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   enquete                                             <<<< */
/* ------------------------------------------------------------------------ */

.ultimateParent1483 hr {border-top: 1px dotted #efefef; margin:10px 0; clear:both; background-color:#a2a2a2; height:0px; padding:0}
.ultimateParent1483 hr.hr {margin: 30px 0;}

.ultimateParent1483 form.deposerUneOffre { padding-bottom:30px}

.enquete .line {margin-bottom:10px; zoom:1; clear:both;}
.enquete .line:after {display:block; visibility:hidden; clear:both; content:" "; height:0; overflow:hidden;}
.enquete .textRadio,
.enquete .textRadioVertical {font-size:1.3em; line-height:1.2em; color:#646464;}
.enquete .textRadio {margin-right:10px;}
.enquete .radio.vertical {margin-bottom:7px;}
.enquete .radio {margin-right:3px; vertical-align:middle;}
:root .enquete .radio {vertical-align:top;}
.enquete .champsTexte  {float:left; padding:1px 3px 2px; border:1px solid #b9b9ba; width:264px; font-size:1.3em; line-height:1.2em; color:#959595;}
.enquete .champsFichier {font-size:1.3em; line-height:1.2em;}
.enquete .select {padding:0; width:272px;}
.enquete .listeChamps {display:inline; float:left;}
:root .enquete .listeChamps {padding-top:3px;}
.enquete .listeChamps label {margin-right:5px; width:auto; text-align:left;}
.enquete .listeChamps input {width:auto;}
.enquete .listeChamps .line {margin-bottom:5px;}
.enquete .listeChamps.cotisations label {width:75px;}
.enquete .nolabel {margin:0 0 0 320px;}
.enquete .nolabel button {margin-left:-20px;}
.enquete .nolabelRight {margin:0 0 10px 320px; text-align:right;}
.enquete .small {width:100px !important;}
.enquete .toggle-content {display:none;}

.enquete .cpeSalarie {margin-top:20px; padding-top:17px; border-top:1px solid #ccc;} 
.enquete .cpeSalarie label em {font-size:0.9em; font-style:italic;} 

.enquete .salarie {position:relative; *position:static; *float:left; *clear:left; *width:100%;} 

.enquete fieldset { margin-top:60px}

.enquete label.span10 {border-bottom: #b9b9ba dotted 1px; margin-bottom:10px; }
.enquete .span12 label.radio { margin-top:10px}
.enquete .span12 span { font-size:1.4em; vertical-align: middle;}
.enquete .toggle-content { margin-bottom:50px}

.enquete .isole { clear:both; margin-top:20px;}

/*.enquete .addEmploye {display:inline-block; *display:inline; zoom:1; margin:0; padding:0; border:0; width:141px; height:30px; overflow:hidden; line-height:999em; background:url('images/btn-enquete.png') no-repeat 0 0; cursor:pointer;}

.enquete .addEmploye:hover {background-position:0 -30px;}*/

.enquete .deleteEmploye {display:inline-block; *float:right; margin:0 10px 5px 0; padding:0; border:0; width:23px; height:23px; overflow:hidden; line-height:999em; background:url('images/btn-enquete.png') no-repeat -217px -4px; cursor:pointer;}
.enquete .deleteEmploye:hover {background-position:-217px -34px;}

/*.enquete .submit {display:inline-block; *display:inline; *zoom:1; margin:0; padding:0; border:0; width:76px; height:30px; overflow:hidden; line-height:999em; background:url('images/btn-enquete.png') no-repeat -141px 0; cursor:pointer;}
.enquete .submit:hover {background-position:-141px -30px;}*/

.enquete .error {display:block; clear:left; padding-top:3px; font-size:1.2em; line-height:1.2em; color:#f00;}
.enquete .nolabel .error,
.enquete .listeChamps .error {margin-left:0;}
.enquete #error {margin-bottom:10px; font-size:1.6em; line-height:1.2em; text-align:center; color:#f00;}
.enquete input#numeroAdherent1 {margin-right:5px; width:32px !important;}
/*.enquete input#numeroAdherent2 {width:226px !important;}*/

.enquete .fg-toolbar {display:none; margin-bottom:20px; zoom:1;}
.enquete .fg-toolbar:before, .enquete .fg-toolbar:after {display:table; clear:both; content:"";}
.enquete .dataTables_wrapper .error {margin-left:0; margin-bottom:20px; text-align:center;}
.enquete .dataTable {margin-bottom:20px; border-collapse:collapse; border:#b9b9ba dotted 1px; width:100%;}
.enquete .dataTable th {padding:5px 10px; border:1#b9b9ba dotted 1px; font-size:1.2em; color:#fff; background:#f29400;}
.enquete .dataTable td {padding:5px 10px; border-top:#b9b9ba dotted 1px; border-bottom:#b9b9ba dotted 1px; font-size:1.2em; white-space:nowrap; background-color:#f7f7f7;}
.enquete .dataTable td.dataTables_empty {padding:20px 10px; text-align:center;}
.enquete .dataTable .even td {background-color:#e9e9e9;}
.enquete .dataTable a {text-decoration:none; color:#333;}
.enquete .dataTable a:hover, .enquete table.dataTable a:focus {color:#ed6a00;}

.enquete .dataTables_length {float:left;}
.enquete .dataTables_length label {width:auto;}
.enquete .dataTables_length select {padding:1px 3px 2px; border:1px solid #b9b9ba; width:55px; font-size:13px; line-height:1.2em; color:#959595;}
.enquete .dataTables_filter {float:right;}
.enquete .dataTables_filter label {margin-right:0 !important; width:auto !important;}
.enquete .dataTables_filter input {padding:1px 3px 2px !important; border:1px solid #b9b9ba; width:264px; font-size:13px; line-height:1.2em; color:#959595;}
.enquete .dataTables_paginate {margin-top:10px; text-align:right;}
.enquete .dataTables_paginate a {margin-left:10px; color:#333; cursor:pointer;}
.enquete .dataTables_paginate a:hover, .enquete .dataTables_paginate a:focus {color:#ed6a00;}
.enquete .dataTables_paginate span a {position:relative; top:1px; font-size:1.2em;}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   espace moins de 26 ans                              <<<< */
/* ------------------------------------------------------------------------ */

.ultimateParent21 #navigationNiveau2 .nav li a .active,
.ultimateParent21 #navigationNiveau2 .nav li a.active {background-color:#2c94d3; color:#bce84e}
.ultimateParent21 #navigationNiveau2 .nav li a { color: #2c94d3;  }

.ultimateParent21 #content {
  background:rgba(255, 255, 255, 0.5) url('images/beandeau-26.jpg') no-repeat top right;
  -webkit-background-size: 100% auto;
  -moz-background-size:    100% auto;
  background-size:         100% auto;
}
.headerMoins26 span { display:none}

.ultimateParent21 #pagetitle { top: -7px; margin: 10px 0 25px; font: 5.5em/47px 'WCManoNegraBta', Arial, Helvetica, sans-serif; color:#22a5f5; padding-top:100px}

.ultimateParent21 #content h4 {margin: 22px 0 35px; font: 2.2em/20px 'WCManoNegraBta', Arial, Helvetica, sans-serif; color: #8a2c8d;  background:url('images/puce-h4-26ans.png') no-repeat left center; padding-left:20px}
.ultimateParent21 #content h4 a {color: #8a2c8d;}


#ilsEnParlent .encart .content img {margin-bottom: 15px;}
#ilsEnParlent .encart .content p {color: #f29400;}

.ultimateParent21 #content iframe {margin-bottom: 17px;}
.ultimateParent21 #content:after {border: 0; right: 0; height: 33px; background: url('images/footer-26.png') no-repeat 0 0;
  -webkit-background-size: 100% auto;
  -moz-background-size:    100% auto;
  background-size:         100% auto;
}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   espace adherents                                    <<<< */
/* ------------------------------------------------------------------------ */

/*.ultimateParent22 #header {background-image: url('images/header-bg_adherent.png');}*/
.ultimateParent22 #maincontent {background-image: url('images/maincontent-bg_adherent.jpg'); background-color: #1683cd;}
.ultimateParent22 #content {padding-top: 40px; background: #fff;}
.ultimateParent22 #content:after {border-color: #fff transparent transparent #fff;}
.ultimateParent22 #content .breadcrumbs {margin-top: -38px; height: 38px;}
.ultimateParent22 #content .breadcrumbs .B_crumbBox,
.ultimateParent22 #content .breadcrumbs .B_crumbBox a,
.ultimateParent22 #content .breadcrumbs .B_crumbBox span {color: #fff;}
.ultimateParent22 #pagetitle {color: #b5dc3d;}

.ultimateParent22 #navigationNiveau2 .nav li:first-child {border-top: 0;}
.ultimateParent22 #navigationNiveau2 .nav li:last-child {border-bottom: 0;}
.ultimateParent22 #navigationNiveau2 .nav li a {color: #3894d3; background: #fff;}
.ultimateParent22 #navigationNiveau2 .nav li a:hover,
.ultimateParent22 #navigationNiveau2 .nav li a:focus {text-decoration: none; color: #59b8f9;}
.ultimateParent22 #navigationNiveau2 .nav li a .active,
.ultimateParent22 #navigationNiveau2 .nav li a:hover .active,
.ultimateParent22 #navigationNiveau2 .nav li a:focus .active {text-decoration: none; color: #b5dc3c;}

.ultimateParent22 #breadcrumbs .nav {background-image: url('images/breadcrumbs-border2.gif');}
.ultimateParent22 #breadcrumbs .shadow {background-image: url('images/breadcrumbs-shadow-repeat2.png');}
.ultimateParent22 #breadcrumbs .shadow-top {background-image: url('images/breadcrumbs-shadow-top2.png');}
.ultimateParent22 #breadcrumbs .shadow-bottom {background-image: url('images/breadcrumbs-shadow-bottom2.png');}
.ultimateParent22 #breadcrumbs .nav li a {background-image: url('images/breadcrumbs-dot2.png');}
.ultimateParent22 #breadcrumbs .nav li.active a,
.ultimateParent22 #breadcrumbs .nav li a.active {background-image: url('images/breadcrumbs-dot-large-2.png');}
.ultimateParent22 #navigationNiveau2 .nav li a .active:before,
.ultimateParent22 #navigationNiveau2 .nav li a.active:before {border-color: transparent transparent #fff #fff;}
.ultimateParent22 #navigationNiveau2 .nav li a .active:after,
.ultimateParent22 #navigationNiveau2 .nav li a.active:after {border-color: #fff transparent transparent #fff;}

.ultimateParent22 .encart .content {background: #fff;}
.ultimateParent22 .encart .wrapper:after {border-color: #fff #fff transparent transparent;}

.ultimateParent22 h3.title {background-image: url('images/title-peak-green.png');}
.ultimateParent22 h3.title span {background-color: #b5dc3d;}
.ultimateParent22 .lireLaSuite a,
.ultimateParent22 .lireLaSuite input {color: #fff;}

.ultimateParent22 .ditto1emploi h4 {color: #1b8ddb; background-image: url('images/title-icon-dossier2.png'); background-color: #dbeaf5;}
.ultimateParent22 .ditto1emploi h4 a {color: #83a11b;}

.ultimateParent22 .lireLaSuite.brown a,
.ultimateParent22 .lireLaSuite.brown input {background-image: url('images/arrow-right-green2.png');}

.ultimateParent22 .recherche input[type='text'] {padding: 6px 10px 8px; border: 0; width: 100%; height: auto; font-size: 16px; color: #1683cd; background: #e9e9e9;}
.ultimateParent22 .recherche input[type='text'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  -webkit-box-shadow: none !important;
  -moz-box-shadow:    none !important;
  box-shadow:         none !important;
}

#id22 #pagetitle {top: -12px; margin-bottom: 20px; padding-left: 211px; line-height: 58px; background: url('images/icon-espace-clients.png') no-repeat 0 12px;}


/* sincrire a la newsletter */ 

#id4252 #breadcrumbs { display:none}
#id4252 #content { min-height:150px; padding-bottom:0; margin-bottom:0}
#id4252 .span7 h3 { display:none}
#id4252 #footer .span7 { position:absolute; top:-120px; left:00px; width:80%; margin-left:30px}
#id4252  #demande_news { float:none}

.encartSimple { padding:20px; background-color:#e1f3fb; margin-bottom:20px}

@media (min-width: 1200px) {
  /*.ultimateParent22 #header {background-image: url('images/header-bg1200_adherent.png');}*/
  .ultimateParent22 #maincontent {background-image: url('images/maincontent-bg1200_adherent.png');}
}
@media (min-width: 768px) and (max-width: 979px) {
  /*.ultimateParent22 #header {background-image: url('images/header-bg768_adherent.png');}*/
  .ultimateParent22 #maincontent {background-image: url('images/maincontent-bg768_adherent.jpg');}
}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   mediaqueries                                        <<<< */
/* ------------------------------------------------------------------------ */

@media (min-width: 1200px) {
  .wrapperImage .caption:after {border-width: 4px 122px;}
  .encart h4 + .wrapper:before {border-width: 5px 171px;}
  .encart .wrapper:after {border-width: 10px 171px;}
  .encart h4 .wrapperTitle:after {border-width: 4px 171px;}
  .ditto1articleALaUne .resume {margin-top: 19px; border-left-width: 7px;}
  .ditto1articleALaUne .resume:before {left: -7px; border-width: 5px 175px;}
  .ditto1articleALaUne .resume:after {left: -7px; border-width: 5px 175px;}
  .ditto1articleALaUne .inner {height: 191px;}
  #header {background-image: url('images/header-bg1200.png');}
  #header .moinsDe26ans {left: 522px;}
  #logo {margin-top: 77px;}
  #headline {margin-top: 87px;}
  #nav .nav {text-align: left;}
  #nav .nav li {margin: 0 45px 0 -4px;}
  #nav .nav li:last-child {margin-right: 0;}
  #WebLoginLayer0 {left: 6px;}
  #WebLoginLayer0 form {width: 411px;}
  #WebLoginLayer0 h3 {margin: 8px 0 35px;}
  #WebLoginLayer0 br {display: none;}
  #WebLoginLayer0 fieldset {margin-left: 42px; width: auto;}
  #WebLoginLayer0 input {clear: none; margin-right: 8px; width: 126px;}
  #WebLoginLayer0 input#password {width: 126px;}
  #WebLoginLayer0 input.submit {float: left;}
  #WebLoginLayer0 .lienLogin {margin-left: 32px; text-align: left;}
  #maincontent {background-image: url('images/maincontent-bg1200.png');}
  #content:after {border-width: 8px 371px;}
  #ALaUne h3.title {margin-right:-7.5px; width: 260px; background-image: url('images/title-ALaUne-large.png');}
  #ALaUne .encart .wrapper:after {border-width: 4px 250px;}
  #ALaUne #navigationNiveau2 .nav {width: 219px;}
  #ALaUne #navigationNiveau2 .shadow-top {left: 219px;}
  #ALaUne #navigationNiveau2 .shadow-bottom {left: 219px;}
  #ALaUne #navigationNiveau2 .shadow {left: 219px;}
  #ALaUne #breadcrumbs .nav {margin-left: 7px;}
  #ALaUne #breadcrumbs .shadow-container {margin-left: 7px;}
  #nav .nav li a {width: 173px; background-image: url('images/nav-btn-large.png');}
  #ouNousTrouver .encart h4 + .wrapper:before {border-width: 5px 196px;}
}

@media (min-width: 768px) and (max-width: 979px) {
  .wrapperImage .caption:after {border-width: 4px 79px;}
  .encart h4 + .wrapper:before {border-width: 4px 110px;}
  .encart .wrapper:after {border-width: 8px 110px;}
  .encart h4 .wrapperTitle:after {border-width: 4px 110px;}
  .ditto1articleALaUne .resume {margin-top: 16px; border-left-width: 3px;}
  .ditto1articleALaUne .resume:before {left: -3px; border-width: 5px 112px;}
  .ditto1articleALaUne .resume:after {left: -3px; border-width: 5px 112px;}
  .ditto1articleALaUne .inner {height: 115px;}
  #header {background-image: url('images/header-bg768.png');}
  #header .moinsDe26ans {left: 269px;}
  #header .moinsDe26ans a {width: 258px; background-image: url('images/moinsDe26ans-btn-small.png');}
  #headline {display: none;}
  #logo {margin-top: 59px;}
  #nav .nav {margin: 0 -4px; width: 772px; height: 45px; text-align: center; background: url('images/nav-bg.png') no-repeat 0 0;}
  #nav .nav li {margin: 0 10px;}
  #nav .nav li a {padding: 0; width: auto; height: auto; line-height: 44px; background: none;}
  #nav .nav li a:hover,
  #nav .nav li a:focus,
  #nav .nav li.active a {color: #0d6baf;}
  #WebLoginLayer0 {left: 8px;}
  #WebLoginLayer0 h3 {margin-bottom: 24px;}
  #WebLoginLayer0 fieldset {margin-left: 58px; width: 150px;}
  #WebLoginLayer0 input {padding-top: 1px; padding-bottom: 1px; width: 140px;}
  #WebLoginLayer0 input#password {width: 100px;}
  #WebLoginLayer0 input.submit {font-size: 1.4em; height: 21px;}
  /*#WebLoginLayer0 .lienLogin .sep {display: none;}
  #WebLoginLayer0 .lienLogin .lostpassword {display: none;}
  #WebLoginLayer0 .lienLogin .newaccount {float: left; margin: -31px 0 0 225px; width: 21px; height: 21px; overflow: hidden; text-indent: -999em; background: url('images/help-icon.png') no-repeat 0 0;}*/
  #maincontent {background-image: url('images/maincontent-bg768.png');}
  #content:after {border-width: 8px 238px;}
  #ALaUne {margin-bottom: 0;}
  #ALaUne .title-container {margin-left: 3px;}
  #ALaUne h3.title {position: static; margin: 0 0 25px; padding: 0 0 15px 13px; height: auto; text-indent: 0; background: url("images/title-peak-skyblue.png") no-repeat 0 0;}
  #ALaUne h3.title span {display: inline-block; background: #5fbfe9;}
  #ALaUne .encart .wrapper:after {border-width: 4px 256px;}
  #ALaUne #bxslider {width: 509px;}
  #ALaUne #bxslider .inner {width: 445px;}
  #ALaUne #bxbullet {display: block;}
  #ouNousTrouver .encart h4 + .wrapper:before {border-width: 5px 126px;}
  #id22 #pagetitle {padding-left: 0; background: none;}
}

@media (max-width: 767px) {
  #nav {height: auto;}
  #nav .nav {border-bottom: 1px solid #d2d2d2;}
  #nav .nav li {display: block; margin: 0; border-top: 1px solid #d2d2d2;}
  #nav .nav li a {padding: 5px 10px; width: auto; height: auto;
    background: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100%, #f8f9fa));
    background-image: -webkit-linear-gradient(top, #ffffff, #f8f9fa);
    background-image:    -moz-linear-gradient(top, #ffffff, #f8f9fa);
    background-image:     -ms-linear-gradient(top, #ffffff, #f8f9fa);
    background-image:      -o-linear-gradient(top, #ffffff, #f8f9fa);
    background-image:         linear-gradient(top, #ffffff, #f8f9fa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f9fa');
  }
  #nav .nav li a:hover,
  #nav .nav li a:focus,
  #nav .nav li.active a {color: #0d6baf; background-position: 0 0;}
  #headline,
  #header .moinsDe26ans,
  #social {display: none;}
  #WebLoginLayer0 {display: block; position:absolute !important; right:0; left:auto}
  #WebLoginLayer0 h3 { color:#FFF}
  #WebLoginLayer0 form {width: 235px; }
  #maincontent {padding-left: 10px; padding-right: 10px; background-image: none;}
  #ALaUne {margin-bottom: 0;}
  #ALaUne .title-container {margin-left: 3px;}
  #ALaUne h3.title {position: static; margin: 0 0 25px; padding: 0 0 15px 13px; height: auto; text-indent: 0; background: url("images/title-peak-skyblue.png") no-repeat 0 0;}
  #ALaUne h3.title span {display: inline-block; background: #5fbfe9;}
  #ALaUne .encart .wrapper:after {border-width: 4px 256px;}
  #ALaUne #bxslider {width: 100%;}
  #ALaUne #bxslider .inner {padding: 0 20px;}
  #ALaUne #bxbullet {display: block; float: right; margin-top: -44px;}
  #ALaUne #bxbullet .nav:before {display: none;}
  #ALaUne #bxbullet .nav li a {width: 28px; height: 28px; background-image: url('images/breadcrumbs-dot-large2.png');}
  #ALaUne #bxbullet .nav li a.active {background-image: url('images/breadcrumbs-dot-large3.png');}
  #ALaUne #bxbullet .nav li a.active:after {height: 16px;}

  .encart h4 .wrapperTitle {padding-bottom: 0;}
  .encart h4 .wrapperTitle:after {display: none;}
  .encart h4 .shadow,
  .encart h4 .shadow-left,
  .encart h4 .shadow-right {display: none;}
  .encart h4 .innerTitle {height: auto;}
  .encart .wrapper:before,
  .encart .wrapper:after {display: none;}

  .lireLaSuite {text-align: right;}

  .ultimateParent22 #content {padding: 40px 20px 20px;}
  #id22 #pagetitle {padding-left: 0; background: none;}
}