/*---------------------------------------------------------- = BAOCSS v.1.0.2 /1 Reset /2 Styles génériques (Balises, Objets, Classes, Plugins) /3 Styles spécifiques (Layout, Style par page) /4 Styles responsive (Mobiles, tablettes, ...) ----------------------------------------------------------*/ /*==================== /1 Reset ======================*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } fieldset, img { border: 0; } img { font-style: italic; vertical-align:bottom; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q { quotes: none; } q:before, q:after { content: ''; content: none; } abbr, acronym { cursor: help; border: 0; } a { text-decoration: none; } pre, code { font-family: monospace; } b, strong { font-weight: bold; } sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } input, select, option, optgroup, textarea { font: inherit; } [type="submit"], [type="button"], [type="reset"], button { cursor:pointer; border:0; overflow:visible; } [type="submit"]::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, button::-moz-focus-inner {border:0; padding: 0;} [type="submit"]:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted black; } textarea {resize:none;} /* Box model */ *, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} /* Ballot screen pour IE7>= ==============================*/ #ballot {border:2px solid #FFD61F; border-left:none; border-right:none; background:#FFF7C0;} #ballot .inner {width:740px; margin:0 auto; overflow:hidden;} #ballot .warning {background:url(../images/ico_warning.png) no-repeat center 5px; width:85px; float:left; font-size:13px; text-align:center; font-weight:bold; padding:55px 0 0;} #ballot p {width:260px; float:left; font-size:12px; padding:12px 0 0 15px; line-height:14px;} #ballot p strong {display:block; font-size:14px; margin:0 0 5px;} #ballot ul {float:left;} #ballot li {float:left; width:75px; margin:7px 0 0; text-align:center; font-size:11px;} #ballot li a {background:url(../images/logos_browser.png) no-repeat left top; padding:35px 0 0; text-align:center; display:block; text-decoration:none; font-weight:bold; color:#000; line-height:14px; cursor:pointer;} #ballot .firefox a {background-position:-55px -2px;} #ballot .chrome a {background-position:22px -2px;} #ballot .safari a {background-position:-231px 0;} #ballot .opera a {background-position:-138px -1px;} #ballot .ie a {background-position:-328px -2px;} /*==================== /2 Styles génériques ======================*/ /* Balises =====================*/ html {line-height:1.333;} body {font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#888481; background:url('../images/bgd_body.png') repeat-x left top;} /* Boutons =====================*/ .btn {display:inline-block; font-size:13px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; line-height:normal; padding:3px 13px; margin:0 2px 2px 0; vertical-align:middle; color: #FFF; border:1px solid #FFF; background:#df2b5a url('../images/bgd_btn.png') repeat-x left center; position: relative; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 2px 2px #C8C8C8; -moz-box-shadow: 1px 2px 2px #C8C8C8; box-shadow: 1px 2px 2px #C8C8C8;} .btn:hover {background: #df2b5a;} .btn-back {background: #B8B8B8;} .btn-back:hover {background: #858585;} .btn-alpha {font-size: 14px; text-transform: uppercase; border-width:2px; padding:6px 15px 7px;} .trigger, .ui-dialog-titlebar-close {font-family:Arial, Helvetica, sans-serif; line-height:normal; vertical-align: middle; display: inline-block; padding:0;} /*=====================================*/ /* Icônes ================ */ .ico, .trigger:after, .main-nav .children li:before, .i:before {background:url('../images/bgd_icons.png') no-repeat; display:inline-block;} .ico-text {text-indent: -9999em;} /* Icones .i... */ .iarrow {background-position:-28px 0; width: 15px; height: 10px;} .isend {background-position:-113px 0; width: 24px; height: 20px;} .itwitter {background-position:-142px -1px; width: 17px; height: 17px;} .ifb {background-position:-170px -1px; width: 17px; height: 17px;} .isearch {background-position:-199px 0; width: 23px; height: 23px;} .iuser {background-position:-57px 0; width: 15px; height: 19px;} .ipin {background-position:-400px -6px; width:50px; height: 47px;} .itick {background-position:-46px -18px; width: 8px; height: 7px; margin-right:4px;} .istandout {background-position:-28px 0; width: 15px; height: 10px;} .ipermis {background-position:-326px -57px; width: 66px; height: 39px;} .ihelp {background-position:-42px -28px; width: 15px; height: 14px;} .iaccordion {background-position:-61px -31px; width:10px; height: 10px;} .imap {background-position:-405px -59px; width: 85px; height: 81px;} .iprint {background-position:-456px -4px; width: 29px; height: 23px;} .ipromo {background-position:-250px -73px; width:68px; height: 62px;} .iattachment {background-position:-229px -51px; width: 19px; height: 20px; text-indent: -9999em;} .ilogout {background-position:-160px -89px; width: 20px; height: 21px;} .ilogout:hover {background-position:-189px -89px;} .iprev-vert {background-position:0 -12px; width: 30px; height: 21px;} .inext-vert {background-position:0 -35px; width: 30px; height: 21px;} /* Messages d'infos */ .imsg-warning, .imsg-error, .imsg-success {width: 35px; height: 47px; margin-top:-10px; margin-bottom:-15px;} .imsg-warning, .imsg-success {background-position:-406px -161px;} .imsg-error {background-position:-351px -161px;} /* Paiements */ .icb {background-position:-108px -28px; width: 33px; height: 24px;} .ivisa {background-position:-145px -28px; width: 41px; height: 24px;} .imc {background-position:-190px -28px; width: 37px; height: 24px;} .ipaypal {background-position:-461px -33px; width: 38px; height: 24px;} /* Highlights */ .itarget {background-position:-237px -7px; width: 45px; height: 39px;} .ichoice {background-position:-295px -14px; width: 33px; height: 32px;} .ipayment {background-position:-352px -14px; width: 33px; height: 32px;} /* Boutons */ .itrigger-filter {background-position:-9px -84px; width:30px; height: 30px;} .trigger-filter:hover .itrigger-filter {background-position:-48px -84px} .active .itrigger-filter {background-position:-86px -84px;} .active:hover .itrigger-filter {background-position:-125px -84px;} /*=====================================*/ /* Grid ================ */ .row {width:980px; margin:0 auto; overflow: hidden; clear:both;} .grids {margin-left:-20px; letter-spacing:-0.31em;} .opera:-o-prefocus, .grids {word-spacing: -0.43em; /* Fix for Opera */} [class^="grid-"] {padding-left:20px; display: inline-block; vertical-align: top; word-spacing:normal; letter-spacing:normal;} /* Grid : .grid-1, .grid-half, ... */ .grid-1-3 {width:33%;} .grid-2-3 {width:66%;} .grid-1-4 {width:25%;} .grid-3-4 {width:75%;} .grid-2-5 {width: 40%;} .grid-3-5 {width: 60%;} .grid-half {width:50%;} .grid-full {width:100%;} /*=====================================*/ /* Media object ================== */ .media, .media-body {overflow:hidden;} .media-img {float:left; margin-right:15px;} .media-rev {float:right; margin-left:15px;} .resp-img {max-width:100%; height:auto;} /*=====================================*/ /* Blocs de contenu ====================*/ .block {border: 1px solid #fff; padding:20px; color: #696969; background: #FFF; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow: 0 1px 5px #C8C8C8, 0 0 5px rgba(255,255,190,.6), inset 0 1px 16px rgba(0,203,213,.75); -moz-box-shadow: 0 1px 5px #C8C8C8, 0 0 5px rgba(255,255,190,.6), inset 0 1px 16px rgba(0,203,213,.75); box-shadow: 0 1px 5px #C8C8C8, 0 0 5px rgba(255,255,190,.6), inset 0 1px 16px rgba(0,203,213,.75);} /* Ajout d'une flèche en dessous du block + titre adjacent .block-arrow + .follow-block-arrow */ .block-arrow {position: relative; margin:0 0 41px;} .block-arrow:after {content:""; background:url('../images/ico_block_arrow.png') no-repeat left top; width: 38px; height: 41px; position: absolute; top:100%; left:155px;} .follow-block-arrow {padding-left:200px; position: relative; top:-27px; color: #DF2B5A; font-size: 16px;} /* Bloc highlight, dérivé de .block .block.block-highlight */ .block-highlight {padding:10px; -webkit-box-shadow: 0 0 3px #C8C8C8, inset 0 0 6px rgba(72,218,225,.75); -moz-box-shadow: 0 0 3px #C8C8C8, inset 0 0 6px rgba(72,218,225,.75); box-shadow: 0 0 3px #C8C8C8, inset 0 0 6px rgba(72,218,225,.75);} .block-highlight-ttl {background:url('../images/bgd_block_highlight_ttl.png') no-repeat left top; margin:-11px -11px 8px; padding:10px 2px 0; height: 54px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #FFF;} .block-highlight-ttl .ico {vertical-align: middle; margin:-8px 10px 0 0;} .block-highlight-ttl .itarget {margin:-12px 0 0 0;} /* Bloc avec bordure */ .block-border {border: 4px solid #fff; background-color: #fff; padding:7px; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow: 0 0 5px #C8C8C8; -moz-box-shadow: 0 0 5px #C8C8C8; box-shadow: 0 0 5px #C8C8C8; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI0NyAyMzgiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI0OC4xOTUxODk0MTI4OTI1JSIgeTE9IjEwMS42ODMwMTMxMDAwOTklIiB4Mj0iNTEuODA0ODEwNTg3MTA3NSUiIHkyPSItMS42ODMwMTMxMDAwOTg3NCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2YxZmJmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjQ3IiBoZWlnaHQ9IjIzOCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(88deg, #fff 0%, #fff 49%, #f1fbfd 89.7%, #e5fcff 100%); background-image: -o-linear-gradient(88deg, #fff 0%, #fff 49%, #f1fbfd 89.7%, #e5fcff 100%); background-image: -webkit-linear-gradient(88deg, #fff 0%, #fff 49%, #f1fbfd 89.7%, #e5fcff 100%); background-image: linear-gradient(2deg, #fff 0%, #fff 49%, #f1fbfd 89.7%, #e5fcff 100%);} .ie .block-border {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5fcff', endColorstr='#ffffff',GradientType=0 );} /* Bloc pour contenir un formulaire - Variation de .block-border .block-border.block-form */ .block-form {background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIwMiAzMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjQ4LjE5NTE4OTQxMjg5MjUlIiB5MT0iMTAxLjY4MzAxMzEwMDA5OSUiIHgyPSI1MS44MDQ4MTA1ODcxMDc1JSIgeTI9Ii0xLjY4MzAxMzEwMDA5ODc0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIwMiIgaGVpZ2h0PSIzMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(88deg, #fff 0%, #e3e3e3 100%); background-image: -o-linear-gradient(88deg, #fff 0%, #e3e3e3 100%); background-image: -webkit-linear-gradient(88deg, #fff 0%, #e3e3e3 100%); background-image: linear-gradient(2deg, #fff 0%, #e3e3e3 100%);} .block-form-ttl {font-size: 15px; text-transform: uppercase; color: #df2b5a; font-weight: bold; text-align: center; margin:5px 0 10px;} .ie .block-form {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 );} /* IE8 ne gérant pas les box-shadow:inset; on remplace par border-image - La propriété border-image est gérée en JS pour compatibilité avec PIE */ .ie .block {padding:0; border-style: solid; border-width: 20px;} .ie .block-highlight {padding:0; border-style: solid; border-width: 10px;} /* Adaptation pour .block-arrow */ .ie .block-arrow:after {margin:19px 0 0 -19px;} /* Bloc pour présenter les différents filtres de recherche */ .block-filter {background:#e6e6e6; padding:5px 20px; margin:0 0 8px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(235,235,235,1) 12%, rgba(230,230,230,1) 19%, rgba(230,230,230,1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(12%,rgba(235,235,235,1)), color-stop(19%,rgba(230,230,230,1)), color-stop(100%,rgba(230,230,230,1))); background-image: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(235,235,235,1) 12%,rgba(230,230,230,1) 19%,rgba(230,230,230,1) 100%); background-image: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(235,235,235,1) 12%,rgba(230,230,230,1) 19%,rgba(230,230,230,1) 100%);} .ie .block-filter {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e6e6e6',GradientType=1 );} .block-filter-ttl, .trigger-filter {font-size: 15px; color: #696969; font-weight: bold;} .block-filter-ttl {text-align: center;} .trigger-filter {background: none;} /* Faire ressortir un block à l'intérieur d'un filtre de recherche .block-filter > .block-filter-emphasize */ .block-filter-emphasize {border: 1px solid #fff; padding:10px 20px; background:#e5e5e5; -webkit-border-radius: 2px; border-radius: 2px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDQxNyAxMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI0OC4xOTUxODk0MTI4OTI1JSIgeTE9IjEwMS42ODMwMTMxMDAwOTklIiB4Mj0iNTEuODA0ODEwNTg3MTA3NSUiIHkyPSItMS42ODMwMTMxMDAwOTg3NCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI0MTciIGhlaWdodD0iMTE2IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(229,229,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(229,229,229,1))); background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(229,229,229,1) 100%); background-image: linear-gradient(2deg, #f3f3f3 0%, #e5e5e5 100%);} .ie .block-filter-emphasize {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f3f3f3',GradientType=0 );} /* Bloc pour afficher contenu additionnel dans les formulaires */ .block-extra {background: #F9F9F9; border:1px solid #DF2B5A; padding:15px;} .block-extra .block-extra-intro {background: #F3E7EA; color: #000; padding:15px; margin:-14px -14px 15px;} .block-extra-intro .weight, .block-extra-intro a {color: #DF2B5A;} /* Si besoin uniquement du style .block-extra-intro, on mixe les deux : .block-extra.block-extra-intro */ .block-extra.block-extra-intro {background:#F3E7EA; -webkit-box-shadow:0 0 0px 1px #F9F9F9 inset; -moz-box-shadow:0 0 0px 1px #F9F9F9 inset; box-shadow:0 0 0px 1px #F9F9F9 inset;} /* Ajouter une marge sous le bloc */ .block-extra-iso {margin-bottom:15px;} .block-extra .extra-form, .block-extra .extra-form p {margin:0;} .block-extra .extra-list li {margin:0 0 7px;} /* Navigation =====================*/ .nav > li, .nav > li > a {display:inline-block;} .ie7 .nav > li, .ie7 .nav > li > a {display:inline; zoom:1;} /* Navigation verticale */ .nav-vertical > li, .children > li {display:list-item;} /* Trigger sous-menu */ .has-children {position:relative;} /* Sous-menu */ .nav-children .children {position:absolute; top:100%; left:-99999em;} .nav-children .children > li {min-width:200px; float:left;} .nav-children .children > li > a {display:block;} /* Apparition sous-menu */ .nav-children .has-children:hover > .children {left:0;} /* Second niveau */ .nav-children .children .has-children:hover > .children {top:0; left:100%;} /*=====================================*/ /* Pagination ===============*/ .paginator {margin:10px 0; white-space:nowrap; text-align:right;} .paginator p {margin:5px 0 0; text-align: right;} .paginator span, .paginator a {display:inline-block; line-height:normal; font-size:11px; color: #008289; border:1px solid transparent; text-align:center; padding:2px 0; width:20px; -webkit-border-radius: 3px; border-radius: 3px;} .paginator span {color:#FFF; border-color:#00a1a9; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5ODQgMjUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODE4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTFhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTk4NCIgaGVpZ2h0PSIyNSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, #008189 0%, #00a1a9 100%); background-image: -o-linear-gradient(bottom, #008189 0%, #00a1a9 100%); background-image: -webkit-linear-gradient(bottom, #008189 0%, #00a1a9 100%); background-image: linear-gradient(bottom, #008189 0%, #00a1a9 100%);} /* Active */ .ie .paginator span {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1a9', endColorstr='#008189',GradientType=0 );} .paginator .sep {display: none;} .paginator a {border-color:#CFCFCF; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDk4MCA0MyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iOTgwIiBoZWlnaHQ9IjQzIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #e5e5e5 16.85%, #fff 71.36%, #fff 100%); background-image: -o-linear-gradient(bottom, #e5e5e5 0%, #e5e5e5 16.85%, #fff 71.36%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #e5e5e5 0%, #e5e5e5 16.85%, #fff 71.36%, #fff 100%); background-image: linear-gradient(bottom, #e5e5e5 0%, #e5e5e5 16.85%, #fff 71.36%, #fff 100%);} .ie .paginator a {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );} .paginator a:hover {background: #E5E5E5;} /*=====================================*/ /* Alertes et erreurs ======================================*/ .msg {border: 1px solid #fff; margin:3px 3px 15px; padding:20px; color: #696969; font-weight: bold; font-size: 13px; background: #FFF; -webkit-border-radius:2px; border-radius:2px;} .msg-error {-webkit-box-shadow:0 1px 5px #C8C8C8, 0 0 5px rgba(255,255,190,.6), inset -1px 0 16px rgba(223,72,77,.75); -moz-box-shadow:0 1px 5px #C8C8C8, 0 0 5px rgba(255,255,190,.6), inset -1px 0 16px rgba(223,72,77,.75); box-shadow:0 1px 5px #C8C8C8, 0 0 5px rgba(255,255,190,.6), inset -1px 0 16px rgba(223,72,77,.75);} .msg-warning, .msg-success {-webkit-box-shadow: 0 1px 5px #C8C8C8, 0 0 5px rgba(255,255,190,.6), inset -1px 0 16px rgba(107,107,107,.75); -moz-box-shadow: 0 1px 5px #C8C8C8, 0 0 5px rgba(255,255,190,.6), inset -1px 0 16px rgba(107,107,107,.75); box-shadow: 0 1px 5px #C8C8C8, 0 0 5px rgba(255,255,190,.6), inset -1px 0 16px rgba(107,107,107,.75);} .error {color:#DF2B5A; display:block;} /* Mettre en avant un champ en erreur (ex: conditions générales de vente) */ .show-errors {border:1px solid #DF2B5A; background: #FFF7FF; display: block; margin:-5px; padding:5px; -webkit-border-radius:3px; border-radius:3px;} .show-errors .error {font-size: 14px; font-weight: bold;} /* IE8 ne gérant pas les box-shadow:inset; on remplace par border-image - La propriété border-image est gérée en JS pour compatibilité avec PIE */ .ie .msg {padding:0; border-style: solid; border-width: 20px;} /*=====================================*/ /* Formulaires (.layout-form) ==============================*/ .layout-form p {margin:0 0 10px;} .layout-form label {display:block; color: #464646;} .layout-form legend {font-weight: bold; color: #464646; margin:0 0 5px; font-size: 13px;} .layout-form .legend-num {color: #df2b5a;} .layout-form .legend-light {margin:0 0 2px;} .layout-form [type="text"], .layout-form [type="password"], .layout-form textarea, .layout-form select {font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #bcbcbc; color: #515151; font-weight: normal; vertical-align: middle;} .layout-form [type="text"], .layout-form [type="password"] {height:21px; line-height:21px; padding:0 5px;} .layout-form select {padding:1px; margin:0;} .layout-form textarea {padding:2px 5px;} .layout-form [type="checkbox"], .layout-form [type="radio"] {vertical-align:top; min-height:16px;} .layout-form .placeholder {color: #aaa;} /* Grouper deux champs en un seul (pour combinaison code postal + ville) */ .group-input {border:1px solid #bcbcbc; background:#FFF; display: inline-block; vertical-align: middle;} .group-input [type="text"] {border:none; width: 110px; height:18px; line-height:18px;} .group-input .iso-cp {width: 80px;} .group-input .iso-city {width:166px;} /* Formulaire en ligne (+.layout-form-inline) */ .layout-form-inline p {clear:both;} .layout-form-inline label {display:inline; padding-right:10px;} .layout-form-inline .copy {width:auto; padding:0;} .layout-form-inline .copy, .layout-form-inline .ui-state-error {margin-left:160px;} .layout-form-inline .error {display:block;} /* Grille pour formulaire en ligne .form-grid-* sur le label ou sur l'élément parent */ label[class*="form-grid-"], [class*="form-grid-"] label {float:left; display:block;} label.form-grid-150, .form-grid-150 label {width:150px;} /* etc... */ /* Formulaires avec colonnes .form-row-col>p+p */ .form-row-col {overflow:hidden; margin:0 0 10px;} .form-row-col p, .form-row-col li {float:left; margin:0; clear:none;} .form-row-col p + p, .form-row-col li + li {margin-left:8px;} /* Formulaires avec colonnes en tableaux. Permet d'avoir des largeurs de champs fluides .form-tabbed-col>p+p / .form-tabbed-col>li+li */ .form-tabbed-col {width:100%; margin:0 0 10px; display:table;} .form-tabbed-col p, .form-tabbed-col li {display:table-cell; padding-left:8px;} .form-tabbed-col > p:first-child, .form-tabbed-col > li:first-child {padding-left:0!important;} .form-tabbed-col [type="text"], .form-tabbed-col [type="password"], .form-tabbed-col textarea, .form-tabbed-col select {width:100%;} /* Taille de champs */ .field-full {width: 100%;} .field-third {width: 33%;} .field-10-percent {width: 10%;} .field-15-percent {width: 15%;} .field-20-percent {width: 20%;} .field-30-percent {width: 30%;} .field-80-percent {width: 80%;} .field-85-percent {width: 85%;} .field-90-percent {width: 90%;} .field-235 {width:235px;} .field-220 {width:220px;} .field-205 {width:205px;} .field-190 {width:190px;} .field-175 {width:175px;} .field-160 {width:160px;} .field-145 {width:145px;} .field-130 {width:130px;} .field-115 {width:115px;} .field-100 {width:100px;} .field-85 {width:85px;} .field-50 {width:50px;} /* Taille des textarea */ .textarea-1-line {height: 21px;} .textarea-2-lines {height:38px;} /* Utils */ .auto-width {width: auto !important;} /*=====================================*/ /* Tableaux ============*/ .layout-table {table-layout:fixed; width: 100%;} .layout-table th {background:#00878d; color: #FFF; text-align: center; padding:7px; border-left:1px solid #40b9be; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDcxMyAzNCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA4NzhkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI3MiUiIHN0b3AtY29sb3I9IiMwMGE5YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE5YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjcxMyIgaGVpZ2h0PSIzNCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(top, rgba(0,169,177,1) 0%, rgba(0,169,177,1) 28%, rgba(0,135,141,1) 100%); background-image: -webkit-linear-gradient(bottom, #00878d 0%, #00a9b1 72.36%, #00a9b1 100%); background-image: linear-gradient(to top, #00878d 0%, #00a9b1 72.36%, #00a9b1 100%);} .ie .layout-table th {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9b1', endColorstr='#00878d',GradientType=0 );} .layout-table thead th:first-child {border-left:none; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;} .layout-table thead th:last-child {-webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;} .layout-table td {border-left:1px solid #72F9FF; border-top:4px solid #FFFFFF; padding: 5px; font-size: 12px; text-align: center; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiuHnzJkCAAQAFGgKMiEa9CgAAAABJRU5ErkJggg==) repeat-x left top;} .layout-table tr td:first-child {border-left:none;} .layout-table .table-total td {background:#ffe699; border-left:1px solid #EFC23B; font-size:13px; color:#4d4d4d; font-weight: bold;} /* Tableau aligné verticalement */ .table-align-top td {vertical-align: top;} /* Modules ==============================*/ /* jQuery UI Dialog */ .ui-dialog {background:#FFF; border:1px solid #AAAAAA; padding:2px; position: absolute; -webkit-border-radius:3px; border-radius:3px;} .ui-dialog-titlebar {text-align: right; background:#00878d; color: #FFF; padding:7px; -webkit-border-radius:3px; border-radius:3px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDcxMyAzNCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA4NzhkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI3MiUiIHN0b3AtY29sb3I9IiMwMGE5YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE5YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjcxMyIgaGVpZ2h0PSIzNCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(top, rgba(0,169,177,1) 0%, rgba(0,169,177,1) 28%, rgba(0,135,141,1) 100%); background-image: -webkit-linear-gradient(bottom, #00878d 0%, #00a9b1 72.36%, #00a9b1 100%); background-image: linear-gradient(to top, #00878d 0%, #00a9b1 72.36%, #00a9b1 100%);} .ie .ui-dialog-titlebar {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9b1', endColorstr='#00878d',GradientType=0 );} .ui-dialog-title {float:left; padding:0 5px; font-weight: bold;} .ui-dialog-titlebar-close {background: none; color: #FFF; font-size: 11px; vertical-align: top; padding:1px 5px; -webkit-border-radius:5px; border-radius:5px;} .ui-dialog-titlebar-close:hover {background:#FFF; color: #00a9b1;} .ui-dialog-content {padding:15px;} .dialog-notice {font-size: 16px; text-align: center;} /* jQuery UI Overlay */ .ui-widget-overlay {background:#AAAAAA; position:fixed; top:0; left:0; width:100%; height:100%; opacity: .80; filter:Alpha(Opacity=80); z-index: 20000;} /* jQuery UI Helper */ .ui-front {z-index:100;} .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* jQuery UI Autocomplete */ .ui-autocomplete { position: absolute; cursor: default; max-height: 200px; overflow-y: scroll; overflow-x: hidden;} .ui-autocomplete-loading { background:#F6F6F6; } .ui-menu {display:block; background: #F6F6F6; border:1px solid #CCCCCC; border-top-style:dashed; border-top-color:#E0E0E0; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px;} .ui-menu .ui-menu-item {width: 100%; padding:1px;} .ui-menu .ui-menu-item a {display:block; padding:5px 8px; cursor: pointer; color: #696969; font-weight: bold;} .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus {background: #F3E7EA; color: #DF2B5A;} /* jQuery UI style */ .accordion-header, .tab-nav a {color: #4F4F4F; border:1px solid #D9D9D9; padding:7px 10px 5px; margin-top:3px; font-size: 14px; cursor: pointer; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);} .ie .accordion-header, .ie .tab-nav a {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );} .accordion-header:hover, .tab-nav a:hover {border-color:#C0C0C0; background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(230,230,230,1))); background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); background: linear-gradient(to bottom, #F2F2F2 0%,#E6E6E6 100%);} .ie .accordion-header:hover, .ie .tab-nav a:hover {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=0 );} .accordion-header.ui-state-active, .tab-nav .ui-state-active a {color: #FFF; border-color:#006870; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5ODQgMjUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODE4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTFhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTk4NCIgaGVpZ2h0PSIyNSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(top, rgba(0,161,169,1) 0%, rgba(0,129,137,1) 100%); background-image: -webkit-linear-gradient(bottom, #008189 0%, #00a1a9 100%); background-image: linear-gradient(to top, #008189 0%, #00a1a9 100%);} .ie .accordion-header.ui-state-active, .ie .tab-nav .ui-state-active a {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1a9', endColorstr='#008189',GradientType=0 );} /* jQuery UI accordion */ .accordion-nav {font-weight: bold;} .accordion-nav li {border-left:1px solid; padding:0 5px;} .accordion-nav li:first-child {border-left:none;} .accordion-header .ico {margin-right:5px;} .accordion-header.ui-state-active .ico {background-position:-73px -30px} .accordion-content {font-size: 13px; line-height: 1.5; background: #F2F2F2; border:1px solid #D9D9D9; border-top:none; padding:10px; color: #222222; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;} .accordion-content a {color: #DF2B5A; font-weight: bold;} .ui-accordion-content-active {border-color:#02838A;} /* jQuery UI Tabs */ .tab-nav {border-bottom:2px solid #339FA5; margin:0 0 10px;} .tab-nav a, .tab-nav a:hover, .tab-nav .ui-state-active a {border-color:transparent;} /* ColorBox */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay {position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft {clear:left;} #cboxContent {position:relative;} #cboxLoadedContent {overflow:auto;} #cboxTitle {margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;} .cboxPhoto {float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe {width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} /* Theme */ #cboxOverlay {background:url('../images/bgd_overlay.png') left top;} #cboxContent {margin-top:20px;} .cboxIframe {background:#fff;} #cboxError {padding:50px; border:1px solid #ccc;} #cboxLoadedContent {background:url('../images/bgd_lightbox.png') left top; padding:10px;} .cboxPhoto {border:10px solid #FFF;} #cboxTitle {position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent {position:absolute; top:-20px; right:0px; color:#ccc; } #cboxSlideshow {position:absolute; top:-20px; right:90px; color:#fff;} #cboxTitle, #cboxCurrent {display:none!important;} #cboxLoadingOverlay {background:#FFF;} #cboxLoadingGraphic {background:url('../images/bgd_loader.gif') no-repeat center center;} #cboxPrevious {position:absolute; top:50%; left:10px; margin-top:-15px; background:url('../images/bgd_icons.png') no-repeat -115px -215px; width: 31px; height: 31px; text-indent:-9999px;} #cboxPrevious:hover {background-position:-80px -215px;} #cboxNext {position:absolute; top:50%; right:10px; margin-top:-15px; background:url('../images/bgd_icons.png') no-repeat -185px -215px; width: 31px; height: 31px; text-indent:-9999px;} #cboxNext:hover {background-position:-150px -215px;} #cboxClose {position:absolute; top:10px; right:10px; display:block; background:url('../images/bgd_icons.png') no-repeat -43px -215px; width: 32px; height: 31px; text-indent:-9999px;} #cboxClose:hover {background-position:0 -215px;} /*=====================================*/ /* Classes réutilisables ==============================*/ .center {text-align:center;} .right {text-align:right;} .flleft {float:left;} .flright {float:right;} .for-print, .no-display {display:none;} .hidden {position:absolute; top:-9999em; left:-9999em;} .clear {clear:both; line-height:1px; height:0; font-size:1px;} .cf:before, .cf:after {content: " "; display: table;} .cf:after {clear: both;} /*==================== /3 Styles spécifiques ======================*/ /* Layout ==============*/ .layout {width: 980px; margin:0 auto;} img.phonenumber { max-width: 90%; max-height: 30px; } /* Header */ .masthead {border-bottom:1px solid #00cbd5; background:url('../images/bgd_masthead.jpg') no-repeat center top; font-size: 13px; color: #757575; margin:0 0 15px;} .logo {position: absolute; z-index:3; border: 1px solid #fff; width: 245px; text-align: center; margin:0 0 10px; -moz-box-shadow: 0 0 4px rgba(0,0,0,.19); -webkit-box-shadow: 0 0 4px #C8C8C8; box-shadow: 0 0 4px #C8C8C8; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(top, #f0f2f3 0%, #ffffff 19%, #ffffff 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f3), color-stop(19%,#ffffff), color-stop(100%,#ffffff)); background-image: -webkit-linear-gradient(top, #f0f2f3 0%,#ffffff 19%,#ffffff 100%); background-image: linear-gradient(to bottom, #f0f2f3 0%,#ffffff 19%,#ffffff 100%);} /* IE */ .ie .logo {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f2f3', endColorstr='#ffffff',GradientType=0 );} .logo:before {content:""; background:url('../images/bgd_logo_shadow.png') no-repeat; width: 13px; height: 88px; position: absolute; top:-1px; right:100%; margin-right:1px;} .logo a {display: block; padding:16px 0 0;} .logo .baseline {display: block; margin:6px 0 0; font-size: 16px; color: #757575; padding:5px 0; background:url('../images/bgd_baseline.png') no-repeat center top;} .shortcuts {color: #FFF; border-bottom:3px solid #00cbd5; background:#007f86 url('../images/bgd_shortcuts.png') repeat-x left top; text-align: right; height: 27px; position: absolute; left:0; right:0;} .shortcuts .layout {position: relative;} .nav-shortcuts {font-size: 0; display: inline-block; padding:4px 15px 4px 0;} .nav-shortcuts li {font-size: 12px;} .nav-shortcuts li:before {content:'\007C'; margin:0 8px;} .nav-shortcuts .first:before {display: none;} .nav-shortcuts a {color: #FFF;} .user {z-index:2; min-width: 200px; float:right; text-align: center; position: relative; border: 4px solid #fff; border-top-width:2px; background-color: #fff; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; -webkit-box-shadow: 0 0 5px #C8C8C8; -moz-box-shadow: 0 0 5px #C8C8C8; box-shadow: 0 0 5px #C8C8C8; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIwMiAzMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjQ4LjE5NTE4OTQxMjg5MjUlIiB5MT0iMTAxLjY4MzAxMzEwMDA5OSUiIHgyPSI1MS44MDQ4MTA1ODcxMDc1JSIgeTI9Ii0xLjY4MzAxMzEwMDA5ODc0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIwMiIgaGVpZ2h0PSIzMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(88deg, #fff 0%, #e3e3e3 100%); background-image: -o-linear-gradient(88deg, #fff 0%, #e3e3e3 100%); background-image: -webkit-linear-gradient(88deg, #fff 0%, #e3e3e3 100%); background-image: linear-gradient(2deg, #fff 0%, #e3e3e3 100%);} .ie .user {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 );} .user.open {background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIwMyAxNzAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI0OC4xOTUxODk0MTI4OTI1JSIgeTE9IjEwMS42ODMwMTMxMDAwOTklIiB4Mj0iNTEuODA0ODEwNTg3MTA3NSUiIHkyPSItMS42ODMwMTMxMDAwOTg3NCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMDMiIGhlaWdodD0iMTcwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background-image: -moz-linear-gradient(88deg, #e3e3e3 0%, #fff 100%); background-image: -o-linear-gradient(88deg, #e3e3e3 0%, #fff 100%); background-image: -webkit-linear-gradient(88deg, #e3e3e3 0%, #fff 100%); background-image: linear-gradient(2deg, #e3e3e3 0%, #fff 100%);} .ie .user.open {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 );} .trigger-user, .trigger-logged {font-size: 13px; text-transform: uppercase; font-weight: bold; color: #df2b5a; padding:4px 0 1px; margin:0; width: 100%; background: none;} .trigger-user:after {content:""; background-position:-85px 0; width:17px; height: 17px; vertical-align: middle; margin:-1px 0 0 15px;} .trigger-user.active:after {content:""; background-position:-85px -20px; width: 17px; height: 9px;} .trigger-user .ico, .trigger-logged .iuser {vertical-align: middle; margin:-1px 15px 0 0;} .user-box-reveal {padding:10px 15px; position: relative;} .form-user-login {text-align: left;} .form-user-login p {margin:0 0 4px;} .form-user-login .btn {padding-left:0; padding-right:0; width: 100%;} .form-user-login .reminder {display: block; font-size: 11px; color: #DF3C67;} .form-user-login .reminder:before {content:"\003E\003E"; margin-right:4px;} /* Si connecté */ .trigger-logged {position: relative;} .trigger-logged .trigger {color: inherit; padding:0 30px; text-transform: none;} .trigger-logged .iuser {position: absolute; left:4px;} .trigger-logged .ilogout {position: absolute; right:2px; top:2px;} .header {overflow: hidden; text-align: right; padding-top:27px;} .header-block-contact {text-align: left; display: inline-block; background-color: #fff; color: #9d9f9f; position: relative; padding:8px 15px 10px 36px; margin:5px 0 0 100px; width: 310px; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDMwNSAxMjMiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMzA1IiBoZWlnaHQ9IjEyMyIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, #e1e1e1 0%, #fff 100%); background-image: -o-linear-gradient(bottom, #e1e1e1 0%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #fff 100%); background-image: linear-gradient(bottom, #e1e1e1 0%, #fff 100%);} .header-block-contact:before {content:""; background:url('../images/illus_operator.png') no-repeat left top; width: 134px; position: absolute; top:-5px; bottom:0; left:-100px;} .header-ttl-contact {text-transform: uppercase; color: #e5557b; font-size: 15px;} .header-ttl-contact .weight {font-weight: bold; font-size: 17px; color: #008289; text-transform: none;} .header-list-contact li {margin:7px 0 0;} .header-list-contact .azur {background-position:-17px -57px; width: 210px; height: 21px; display: block; text-indent: -999em; margin:3px 0 0 18px;} .header-list-contact .iarrow {margin-right:6px;} .header-block-contact a {color: #7c7c7c; font-size: 12px;} .header-complementary {text-align: left; display: inline-block; width: 300px; padding:6px 0 0 10px; vertical-align: top;} .nav-social {text-align: right;} .nav-social .ico {text-indent: -9999em; text-align: left; vertical-align: middle;} .header-block-partners .media {margin:0 0 5px;} .header-block-partners .media-img {width: 60px; min-height:1px; display: inline-block; margin-right:8px;} .header-block-partners strong {display: block;} .header-block-partners a {color: #757575;} /* Nav */ .nav-layout {background: #e5e5e5 url('../images/bgd_nav.png') repeat-x left top; text-align: right; font-size: 13px; font-weight: bold; text-transform: uppercase; position: relative; margin-bottom:15px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px #C8C8C8; -moz-box-shadow: 0 0 4px #C8C8C8; box-shadow: 0 0 4px #C8C8C8;} .main-nav {font-size:0; float:left;} .main-nav > li {position: relative; font-size: 13px;} .main-nav > li:before {content:""; background:url('../images/bgd_nav_shadow.png') no-repeat left top; width: 7px; position: absolute; top:0; bottom:0; left:0;} .main-nav > .first > a {padding-left:15px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;} .main-nav > .first:before {display: none;} .main-nav > li > a {padding:13px 15px 13px 21px; color: #008289;} .main-nav > li:hover > a {color: #999999;} .main-nav > .has-children:hover > a:after {content:""; position: absolute; bottom:3px; left:50%; margin-left:-4px; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px 0 5px; border-color: #008289 transparent transparent transparent;} /* Style lorsqu'un menu est activé */ .main-nav > .active > a {color: #FFF; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyMCA0NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA4NzhkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBjYmQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjAiIGhlaWdodD0iNDQiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(bottom, #00878d 0%, #00cbd5 100%); background-image: -o-linear-gradient(bottom, #00878d 0%, #00cbd5 100%); background-image: -webkit-linear-gradient(bottom, #00878d 0%, #00cbd5 100%); background-image: linear-gradient(bottom, #00878d 0%, #00cbd5 100%);} .ie .main-nav > .active > a {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cbd5', endColorstr='#00878d',GradientType=0 );} .main-nav > .active:hover > a {color: #FFF;} .main-nav > .has-children.active:hover > a:after {border-color: #FFF transparent transparent transparent;} .main-nav > .active .activated {position: absolute; top:1px; left:50%; margin-left:-4px; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0 4px; border-color: #008289 transparent transparent transparent;} /* Sous menu */ .main-nav .children {background:#FFF url('../images/bgd_sub_nav.png') repeat-x left bottom; text-align: left; padding: 14px 15px 10px; width:175px; z-index: 3; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -webkit-box-shadow: 0 2px 4px #C8C8C8; -moz-box-shadow: 0 2px 4px #C8C8C8; box-shadow: 0 2px 4px #C8C8C8;} .main-nav .children li {margin:0 0 5px;} .main-nav .children li:before {content:""; background-position:-48px -4px; width: 4px; height: 5px; float: left; margin:6px 6px 0 0;} .main-nav .children a {color: #008289; text-transform: none; font-weight: normal;} .main-nav .children a:hover {color: #999999;} /* Sous menu plus large */ .has-children-xxl .children {width: 475px;} .has-children-xxl .children ul {margin-left:-20px; font-size: 0;} .has-children-xxl .children li {font-size: 13px; padding-left:20px; width: 50%; display: inline-block; vertical-align: top;} .js .main-nav .children {left:0;} .nav-search-stage {border: 1px solid #d6d5d4; margin:4px; padding:4px 4px 2px 10px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; overflow: hidden; -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.75); -moz-box-shadow: inset 0 0 5px rgba(255,255,255,.75); box-shadow: inset 0 0 5px rgba(255,255,255,.75);} .search-stage-legend {float: left;} .search-stage-legend .ico {float:left; margin-right:2px;} .search-stage-legend span {color: #2f2f2f; display: inline-block; margin-right:10px; font-weight: normal; font-size: 16px; text-transform: none;} .iso-form .btn {padding:3px 0; width: 30px; margin:0;} /* Container */ /* Contenu principal + colonne */ .main + .aside {margin-right:20px;} /* Contenu principal */ .main {float:right; width: 713px;} .breadcrumb {color: #464646; font-size: 11px;} .breadcrumb a {color: #464646;} .ttl, .ttl-alpha {color: #505050; font-size: 22px; border-bottom:1px solid #ececec; padding:0 0 5px; margin:0 0 10px;} .ttl-mark, .ttl-beta {color: #525252; font-size: 16px; margin:0 0 10px; padding-left:20px;} .ttl-mark:before, .ttl-beta:before {content:""; width: 0px; height: 0px; display: inline-block; margin:-4px 5px 0 0; vertical-align: middle; border-style: solid; border-width: 8px 0 8px 7px; border-color: transparent transparent transparent #DF2B5A;} .ttl-underline {font-weight: bold; text-decoration: underline;} /* Message si un stagiaire change de stage */ .alert-stage p + p {margin-top:15px;} /* Contenu adjacent (colonne de gauche) */ .aside {float: left; width: 247px;} .aside > * {margin:0 0 10px;} /* Etapes Allo Permis */ .block-steps {font-size: 13px;} .block-steps p {margin:0 0 12px;} .block-steps .list-steps {font-size: 14px; font-weight: bold;} /* Highlights */ .block-highlight .list-weight {font-weight: bold;} .block-highlight .media-img {margin-right:8px;} /* Advert */ .advert {position: relative;} .advert-body {background: url('../images/bgd_adv.png') no-repeat left top; color: #008A91; font-size: 14px; font-weight: bold; padding: 40px 10px 20px 20px; text-align: center; width:113px; position: absolute; right:0; top:0; bottom:0;} /* Listing des villes/régions/départements */ .listing-ttl {color: #676767; font-size: 15px; line-height: 1.2; font-weight: bold; margin:0 0 10px; display: table; width: 100%;} .listing-ttl > * {display: table-cell; vertical-align: middle;} .listing-ttl .listing-ttl-txt {padding-left:5px;} .listing-list li {margin:2px 0;} .listing-list li:before {content:""; background-position:-46px -18px; width: 8px; height: 7px; margin-right:4px;} .listing-list a {color: #DF2B5A;} /* Paiement */ .nav-payments li {margin:0 5px 5px;} /* Footer */ .footer, .signature, .footer a, .signature a {color: #FFF;} .footer {border-top:3px solid #00cbd5; background:#237a7e url('../images/bgd_footer') repeat-x left top; margin-top:10px;} .footer-address {padding:10px 30px; border-right:1px solid #507F81;} .footer-address .media-img {margin-right:30px;} .footer-address p + p {margin-top:3px;} .footer-nav {padding:10px 0 10px 20px;} .footer-nav a:hover {text-decoration: underline;} .signature {border-top:1px solid #539599; background:#237a7e; font-size: 11px;} .signature p {padding:5px 0;} /* Styles de mise en forme ============================*/ .content {color: #696969; font-size: 13px;} .content h3, .ttl-gamma {color: #DF2B5A; font-size: 14px; margin:0 0 10px;} .content h2 {font-size: 16px; margin:0 0 10px; font-weight: bold;} .content p {margin-bottom:17px;} .content a {color: #DF2B5A;} .content .link.i:before {content:""; background-position:-46px -18px; width: 8px; height: 7px; margin:0 4px;} .content .btn {color:#FFF;} .content .tel {color: #0089AF;} .content .preambule {font-weight: bold; font-size: 14px;} .content .note {background:#FFE7F4; padding: 10px;} /* Images */ .picture {padding:5px; background: #FFF; border:1px solid #CCC;} .img-left {margin-right:10px; float: left;} .img-right {margin-left:10px; float: right;} /* Mentions de bas de page (petits caractères) */ .mentions {font-size: 11px;} /* Listes */ .list {margin:0 0 17px;} .list>li {margin:0 0 7px;} .list>li:before {content:""; width: 6px; height: 6px; margin:0 8px 2px 0; background: #B5B5B5; display: inline-block; vertical-align: middle;} /* Liste numérotée */ .list-steps {counter-reset:steps;} .list-steps>li {counter-increment:steps; clear:both; margin:0 0 7px;} .list-steps>li:before {content:counter(steps) ' '; display: inline-block; background: #B4B4B4; color: #FFF; font-size: 15px; font-weight: normal; width: 19px; height:19px; line-height: 19px; text-align: center; margin:0 10px 0 0; float: left; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5IDE5IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhN2E3YTciIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYTdhN2E3IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzNjM2MzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(left, #a7a7a7 0%, #a7a7a7 0.24%, #c3c3c3 100%); background-image: -o-linear-gradient(left, #a7a7a7 0%, #a7a7a7 0.24%, #c3c3c3 100%); background-image: -webkit-linear-gradient(left, #a7a7a7 0%, #a7a7a7 0.24%, #c3c3c3 100%); background-image: linear-gradient(left, #a7a7a7 0%, #a7a7a7 0.24%, #c3c3c3 100%);} .list-steps .selected {color: #DF2B5A;} .list-steps .selected:before {background:#EE5E84; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5IDE5IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZjJiNWEiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGYyYjVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmI4ZGE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(left, #df2b5a 0%, #df2b5a 0.24%, #fb8da9 100%); background-image: -o-linear-gradient(left, #df2b5a 0%, #df2b5a 0.24%, #fb8da9 100%); background-image: -webkit-linear-gradient(left, #df2b5a 0%, #df2b5a 0.24%, #fb8da9 100%); background-image: linear-gradient(left, #df2b5a 0%, #df2b5a 0.24%, #fb8da9 100%);} .list-steps>li li {margin:5px 0 0 5%;} /* Liste de liens horizontale */ .nav-summary li:before {content:"|"; margin-right:4px;} .nav-summary li:first-child:before {display: none;} /* Contenu des accordéons */ .accordion-content p {margin:0;} .accordion-content p + p, .accordion-content p + .list {margin-top:10px;} .accordion-content .list li {margin-bottom:0;} /* Accueil ===========*/ .promo {font-size: 15px; color: #696969; margin-top:10px;} .heading-promo, .detail-promo {vertical-align: top; display: inline-block; *display:inline; zoom:1;} .heading-promo {text-align: right; position: relative; padding:0 68px 0 0; height: 61px; width: 400px;} .ipromo {font-size: 30px; font-weight: bold; color: #FFF; text-align: center; vertical-align: middle; position: absolute; right:0; top:-5px;} .detail-promo {font-weight: bold; position: relative;} .detail-promo.i:before {content:""; background-position:-221px -87px; width: 19px; height: 27px; position: absolute; left:0; top:5px;} .detail-promo .weight {color: #df2b5a; display: block;} .map-cont {background:url(../images/bgd_map.jpg) no-repeat left top; width:713px; height:516px; float:left; position:relative;} .map-header {background:url(../images/bgd_ttl_map.png) no-repeat left top; padding:15px 0 0 20px; width:515px; height:151px; position:absolute; top:6px; left:1px; font-size:17px; line-height:28px;} .map-header strong {color:#696969;} .map-header strong span {color:#df2b5a;} .map-header .img-points {position:absolute; right:22px; top:41px; background:url('../images/txt_4points.png') no-repeat left top; width: 130px; height: 32px; color:#df2b5a; font-weight: bold; text-indent: -9999em;} .map-explain {background:url(../images/bgd_explain_map.png) no-repeat left top; padding:60px 70px 0 25px; width:334px; height:323px; position:absolute; top:148px; left:26px;} .ttl-map-explain {background:url('../images/ttl_map_explain.png') no-repeat left top; width: 223px; height: 55px; margin:0 0 15px; font-weight: bold; font-size: 18px; color: #262626; text-indent: -9999em;} .map-explain li {color:#696969; line-height:15px; margin:0 0 15px;} .map-explain .list-steps li:before {font-size:22px; line-height:30px; width:29px; height:29px;} .map-explain li strong {font-size:15px; display:inline-block;} #map-wrap {position:absolute; right:44px; top:90px;} #map-overlay {position:absolute; top:0; right:0;} #map-wrap-idf {position:absolute; background:none; width:223px; height:185px; top:115px; right:87px; z-index:2; display:none;} #map-idf-overlay {position:absolute; top:0; right:0; z-index:3;} .map-over {position:absolute; display:none; background:url(../images/illus_map_hover.png) no-repeat;} .map-over .sign {background: url(../images/bgd_sign_tail.png) no-repeat center bottom; position:absolute; padding:0 0 20px;} .map-over .sign span {background:#DF2B5A url(../images/bgd_sign.png) repeat-x left top; border: 1px solid #DF2B5A; color: #FFFFFF; display: block; font-size: 11px; overflow: hidden; padding: 2px 4px; text-align: center; text-transform: uppercase;} .map-over .sign span a {color: #FFFFFF; text-decoration:none;} #alsace {background-position: 0 0; width:39px; height:70px; top:91px; right:9px;} #alsace .sign {top:-18px; left:-2px;} #aquitaine {background-position: 0 -120px; width:102px; height:132px; top:211px; left:55px;} #aquitaine .sign {top:40px; left:20px;} #auvergne {background-position: 0 -302px; width:71px; height:91px; top:184px; right:114px;} #auvergne .sign {top:22px; left:0px;} #basse-normandie {background-position: 0 -443px; width:73px; height:75px; top:47px; left:84px;} #basse-normandie .sign {top:-5px; left:-4px;} #bourgogne {background-position: 0 -568px; width:73px; height:96px; top:117px; right:84px;} #bourgogne .sign {top:29px; left:-3px;} #bretagne {background-position: 0 -714px; width:101px; height:66px; top:78px; left:2px;} #bretagne .sign {top:3px; left:19px;} #centre-val-de-loire {height:106px; width:87px; background-position: 0 -830px; top:92px; left:126px;} #centre-val-de-loire .sign {top:35px; left:0;} #champagne-ardenne {background-position: 0 -986px; width:67px; height:111px; top:43px; right:71px;} #champagne-ardenne .sign {top:28px; left:-8px;} #corse {background-position: 0 -1147px; width:26px; height:61px; bottom:4px; right:2px;} #corse .sign {top:-4px; left:-10px;} #essonne {background-position:0 -1258px; width:63px; height:67px; top:83px; left:54px;} #essonne .sign {top:5px; left:0;} #franche-comte {background-position: 0 -1375px; width:56px; height:75px; top:138px; right:37px;} #franche-comte .sign {top:1px; left:-17px;} #hauts-de-seine {background-position: 0 -1500px; width:27px; height:43px; top:44px; left:69px;} #hauts-de-seine .sign {top:-22px; left:-22px; width:61px;} #haute-normandie {background-position: 0 -1593px; width:47px; height:58px; top:42px; left:137px;} #haute-normandie .sign {top:-10px; left:-9px;} #ile-de-france {background-position: 0 -1701px; width:55px; height:49px; top:80px; right:135px;} #ile-de-france .sign {top:-17px; left:4px;} #languedoc-roussillon {background-position: 0 -1800px; width:108px; height:108px; top:260px; right:105px;} #languedoc-roussillon .sign {top:12px; left:19px;} #limousin {background-position:-158px 0; width:59px; height:70px; top:190px; left:137px;} #limousin .sign {top:11px; left:2px;} #pays-de-la-loire {background-position: -158px -120px; width:98px; height:94px; top:101px; left:56px;} #pays-de-la-loire .sign {top:17px; left:-6px;} #lorraine {background-position:-158px -264px; width:75px; height:78px; top:69px; right:23px;} #lorraine .sign {top:12px; left:3px;} #nord-pas-de-calais {background-position:-158px -392px; width:69px; height:52px; top:1px; left:179px;} #nord-pas-de-calais .sign {top:-15px; left:-15px;} #provence-alpes-cote-azur {background-position:-158px -494px; width:100px; height:86px; top:257px; right:23px;} #provence-alpes-cote-azur .sign {top:5px; left:10px;} #paris {background-position:-158px -630px; width:30px; height:20px; top:54px; left:82px;} #paris .sign {top:-19px; left:-5px;} #picardie {background-position:-158px -700px; width:76px; height:69px; top:31px; left:173px;} #picardie .sign {top:9px; left:10px;} #poitou-charentes {background-position:-158px -819px; width:75px; height:87px; top:160px; left:79px;} #poitou-charentes .sign {top:5px; left:-4px;} #midi-pyrenees {background-position: -158px -956px; width:121px; height:110px; top:249px; left:93px;} #midi-pyrenees .sign {top:25px; left:19px;} #rhone-alpes {background-position: -158px -1116px; width:98px; height:103px; top:196px; right:39px;} #rhone-alpes .sign {top:20px; left:5px;} #seine-et-marne {background-position: -158px -1269px; width:113px; height:152px; top:23px; right:7px;} #seine-et-marne .sign {top:52px; left:14px;} #seine-saint-denis {background-position: -158px -1471px; width:39px; height:38px; top:35px; left:89px;} #seine-saint-denis .sign {top:-15px; left:-30px; width: 105px;} #val-de-marne {background-position: -158px -1559px; width:37px; height:33px; top:64px; left:92px;} #val-de-marne .sign {top:-28px; left:-6px; width:50px;} #val-oise {background-position: -158px -1642px; width:96px; height:38px; top:7px; left:24px;} #val-oise .sign {top:-9px; left:8px;} #yvelines {background-position: -158px -1730px; width:71px; height:98px; top:30px; left:9px;} #yvelines .sign {top:20px; left:7px;} .aside-home {float: right; position: relative; left:-47px; padding-top:5px;} .aside-home > * {margin-bottom:6px;} .aside-home .block-form, .aside-home .block-highlight {background:url('../images/bgd_highlights.png') no-repeat;} .ie .aside-home .block-form, .ie .aside-home .block-highlight {filter:none;} .aside-home .block-highlight, .aside-home .block-form {border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .aside-home .block-highlight-ttl {background: none;} .aside-home .home-block-form {background-position:-9px 0; width: 289px; height: 116px; padding:15px 20px 15px 30px; margin-left:9px;} .aside-home .home-block-target {background-position:0 -119px; width: 296px; height: 126px; padding:15px 20px 15px 30px;} .aside-home .home-block-choice {background-position:0 -254px; width: 296px; height: 127px; padding:15px 20px 15px 30px;} .aside-home .home-block-payment {background-position:-9px -390px; width: 287px; height: 119px; padding:15px 20px 15px 30px; margin-left:9px;} .footnotes {position:relative; margin:5px 0 0; background:url(../images/bgd_footnotes.png) repeat-x left top;} .footnotes-content {padding:16px 325px 8px 0; min-height:175px;} .footnotes-content .ekomi {padding:0 15px; border-right:1px solid #d5d4d3;} .footnotes-content .ekomi a {background:none; padding:0;} .text-excerpt h3 {font-weight:bold; margin:0 0 5px;} .text-excerpt p {margin:0 0 10px;} .text-excerpt a {color:#df2b5a;} .link-lawyers {position:absolute; right:0; top:-9px; padding:18px 0 0 68px; width:261px; background:url(../images/bgd_lawyers.png) no-repeat left top; z-index:2;} .link-lawyers .lawyers-ttl {font-size:14px; color:#df2b5a; text-transform:uppercase; font-weight:bold;} .lawyers-ttl a {color:#df2b5a; text-decoration:none;} .link-lawyers p a {color:#696969; font-size:13px; text-decoration:none; line-height:20px; display:block;} .highlight-psy {font-size: 13px; font-weight: bold; color:#696969; position: relative; padding:15px 15px 15px 80px; width:270px; position: absolute; right:0; bottom:0;} .highlight-psy .img-psy {bottom:-1px; left:-25px;} .highlight-psy p {margin:0 0 8px;} .highlight-psy .btn {width: 139px;} /* Rappel, sur IE8 on utilise border-image et non box-shadow, donc pas de padding */ .ie .highlight-psy {border-width:15px; padding-left:65px;} .ie .highlight-psy .img-psy {left:-40px;} .home-text {font-size:11px; padding:10px 0 0;} .home-text h1 {color:#DF2B5A; font-weight: bold; font-size: 15px; margin:0 0 10px;} .home-text h2 {font-size:12px; font-weight:bold; margin:0 0 10px;} .home-text p {margin:0 0 10px;} .home-text a {color: #DF2B5A;} /* Les stages ==============*/ .form-find-training {position: relative;} .form-find-training:after {content:""; background:url('../images/bgd_form_find_trainings.png') no-repeat left center; position: absolute; left:100%; top:0; bottom:0; width: 2px;} .form-find-training .iso {padding:20px 20px 0;} .form-find-training .group-input .iso-city {width: 268px;} .btn-map {margin:20px 0 0 5px; font-size: 14px; font-weight: bold; text-align: center; padding:20px 15px 15px 75px; background:#df2b5a url('../images/bgd_btn_map.png') repeat-x left top;} .btn-map .ico {position: absolute; left:-8px; top:-4px;} /* FIXME rotation de l'icone de chargement */ @-webkit-keyframes tux-loading-indicator-spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes tux-loading-indicator-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .rotative-icon-redirect { /*float: left;*/ background: transparent url(Vector Loading fallback.gif) right bottom no-repeat; background-image: -webkit-linear-gradient(transparent, transparent), url(Vector Loading.svg); background-image: -moz-linear-gradient(transparent, transparent), url(Vector Loading.svg); background-image: linear-gradient(transparent, transparent), url(Vector Loading.svg); background-size: 100%; -webkit-animation-name: tux-loading-indicator-spin; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: tux-loading-indicator-spin; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; height: 50px; width: 50px; backface-visibility: hidden; } #dialogRedirect>div{ height: 50px; width: 50px; margin-left: auto; margin-right: auto; } #dialogRedirect>h2{ margin-top: 6px; font-weight: bold; } /* Recherche de stages ========================*/ .trigger-filter .ico {vertical-align: middle; margin-right:4px;} .search-filter {padding:10px 0;} /* On définit les tailles pour l'encart de filtrage des recherche */ .grid-filter-near {width:404px;} /* Proche de chez vous */ .grid-filter-department {width: 289px;} /* Dans un département */ /* Afficher les villes disposant de stages */ .trainings-cities {margin-top:20px;} .trainings-cities h3 {font-size: 14px; font-weight: bold; margin:0 0 10px; color: #696969;} /* Lien d'impression */ .link-print {color: #696969; font-size: 11px;} .link-print .iprint {vertical-align: middle; margin:-5px 5px 0 0;} /* Tableau de présentation des stages */ .table-trainings .cell-spot {vertical-align: top;} .table-trainings .spot {margin:0; position: relative; top:-5px; display: block; color: #FFF; background:#33b7be; padding:1px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.22); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.22); box-shadow: 0 1px 0 rgba(0,0,0,.22); -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;} .table-trainings .spot-almost-full {background: #df2b5a;} .table-trainings .spot-full {background: #b2b2b2;} .table-trainings .cell-smaller {font-size: 11px;} .table-trainings .promo {display: inline-block; background: #DF2B56; height: 8px; width: 8px; margin-right:4px; -webkit-border-radius:50%; border-radius:50%;} .table-trainings .stage-promo {font-weight: bold; color: #DF2B5A;} .table-trainings .stage-promo .cell-smaller {font-weight:normal; color: #888481;} .table-trainings .agreement {font-size: 11px; display: block;} .table-trainings .even td {background:#EDF5F5;} /* Partage d'un stage */ .form-share {color: #464646;} .form-share p {margin:0 0 8px;} .form-share a {color: #DF2B5A; font-weight: bold;} .form-share label {font-weight: bold;} .form-intro {padding:0 0 8px; border-bottom:1px dotted #D9D9D9;} /* Détail d'un stage =====================*/ .training-detail, .training-recap-detail, .training-recap-confirm {font-size: 13px; color: #464646;} .training-detail {margin:0 0 20px;} .training-detail-ttl {margin:0 0 3px;} .training-detail-ttl .media-body {font-weight: bold; padding-top:8px;} .standout-block {margin:0 0 10px;} .standout-block .media-img {margin-right:7px; margin-top:3px;} .standout-block .weight {font-weight: bold; color: #DF2B5A;} .training-detail-address {padding-top:10px;} .training-route {padding:10px 0 0;} .training-route-fields {width: 350px; margin:0 auto;} .training-route-cp {width: 80px;} .training-route-city {width: 250px;} /* Map */ .map-training-detail {width:100%; height: 450px; margin:0 0 15px;} .map-training-detail div {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} /* Inscription à un stage ==========================*/ .training-recap-detail .standout-block {margin:10px 0 0;} .form-subscribe-training {margin:0 0 17px;} .style-form {background: #e6e6e6 url('../images/bgd_style_form.png') no-repeat center top; padding:20px;} /* Styler les différentes parties du formulaires */ .style-form.style-form-top { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(235,235,235,1) 25%, rgba(230,230,230,1) 43%, rgba(230,230,230,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(25%,rgba(235,235,235,1)), color-stop(43%,rgba(230,230,230,1)), color-stop(100%,rgba(230,230,230,1))); background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(235,235,235,1) 25%,rgba(230,230,230,1) 43%,rgba(230,230,230,1) 100%); background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(235,235,235,1) 25%,rgba(230,230,230,1) 43%,rgba(230,230,230,1) 100%);} .ie .style-form.style-form-top {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e6e6e6',GradientType=0 );} .style-form.style-form-middle {background-color: #f4f4f4;} .supp-address {border:1px solid #c0c0c0; padding:20px 20px 10px;} .supp-address.disabled label {color: #9A9A9A;} .supp-address.disabled .label-checkbox {color: #464646;} .block-extra .iso {margin-top:10px;} /* Affichage permis de conduire */ .help-licence {position: relative; display: block;} .help-licence label {display: inline-block;} .help-licence .ihelp {vertical-align: middle; float: right; cursor: help;} .show-licence {padding:5px; margin:5px 0 0 -200px; background:#F6F6F6; border:1px solid; border-color:#E0E0E0 #CCCCCC #CCCCCC; display:block; position:absolute; z-index:5; display:none; top:100%; left:50%;} /* Moyens de paiement */ .select-payment {margin:10px 0 20px;} .label-checkbox .link {color: #DF2B5A;} /* Confirmation de pré-inscription */ .training-recap-trainee {color: #279499; font-size: 14px; margin-bottom:5px;} .training-recap-trainee .media-img {margin-right:8px;} .training-recap-trainee .weight {font-weight: bold;} .training-recap-confirm.block-arrow:after {left:50px;} .training-recap-confirm + .follow-block-arrow {padding-left:110px;} /* Espace privé ================*/ /* Login */ .form-login .style-form {margin:0 auto 15px; width:365px;} .form-login p {margin:0;} .form-login p:first-child {margin:0 0 10px;} .private-header {position: relative; text-align: center; color: #515151; font-weight: bold; margin:0 0 10px;} .private-header .ilogout {position: absolute; right:-4px; top:-6px;} .private-header-ttl {font-size: 16px; text-transform: uppercase; color: #df2b5a; margin:0 0 5px;} .private-header-ttl .ico {vertical-align: middle; margin:0 10px 0 -15px;} .private-header-user {font-size: 13px;} .nav-private {font-size: 14px;} .nav-private a {color: #e02d5b; display: block; margin:4px 0; padding:1px 10px 2px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZkZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2ZjZDZlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGQxZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fdfefe), color-stop(20%,#fdf8f9), color-stop(81%,#fcd6e0), color-stop(100%,#fdd1dc)); background: -webkit-linear-gradient(left, #fdfefe 0%,#fdf8f9 20%,#fcd6e0 81%,#fdd1dc 100%); background: linear-gradient(to right, #fdfefe 0%,#fdf8f9 20%,#fcd6e0 81%,#fdd1dc 100%);} .ie .nav-private a {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfefe', endColorstr='#fdd1dc',GradientType=1 );} .nav-private a:before {content:""; display: inline-block; margin-right:6px; vertical-align: middle; width: 0px; height: 0px; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #e02d5b;} .nav-private a:hover {color: #00878e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e9e9e9), color-stop(30%,#e5e5e5), color-stop(86%,#d7d7d7), color-stop(100%,#d6d6d6)); background: -webkit-linear-gradient(left, #e9e9e9 0%,#e5e5e5 30%,#d7d7d7 86%,#d6d6d6 100%); background: linear-gradient(to right, #e9e9e9 0%,#e5e5e5 30%,#d7d7d7 86%,#d6d6d6 100%);} .ie .nav-private a:hover {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d6d6d6',GradientType=1 );} .nav-private a:hover:before {border-left-color:#00878e;} .nav-private .active, .nav-private .active:hover {color: #FFF; font-weight: bold; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODc4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwOTE5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iIzAwYmRjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGNiZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00878e), color-stop(20%,#009198), color-stop(74%,#00bdc6), color-stop(100%,#00cbd5)); background: -webkit-linear-gradient(left, #00878e 0%,#009198 20%,#00bdc6 74%,#00cbd5 100%); background: linear-gradient(to right, #00878e 0%,#009198 20%,#00bdc6 74%,#00cbd5 100%);} .ie .nav-private .active, .ie .nav-private .active:hover {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00878e', endColorstr='#00cbd5',GradientType=1 );} .nav-private .active:before, .nav-private .active:hover:before {border-left-color:#FFF;} /* Tableau des stages proposés */ .table-trainings {margin:0 0 20px;} /* Tableau des règlements */ .total-regulations {margin-top:10px;} .total-regulations strong {color: #DF2B5A;} /* Planning */ #animators-index-getplanning {background:none;} #animators-index-getplanning .masthead {background:#BEF1F4; padding:0 20px;} #animators-index-getplanning .logo {position:relative;} #animators-index-getplanning .content {padding:0 20px 20px; background:#FFF;} .calendar-wrap {display: inline-block; margin:10px 5px; border:1px solid #4586af;} .calendar-wrap h3 {background:#4586af; color: #fff; font-size: 16px; font-weight:normal; margin:0; text-align: center;} .calendar {border:1px solid #4586af;} .calendar th, .calendar td {border:1px solid #eaeaff; width:28px; height:25px; line-height: 25px; font-size: 12px; text-align: center;} .calendar th {background:#f6f6ff; font-size:14px; font-weight:bold; color: #4586af;} .calendar .day {color: #253e4d; text-decoration:none; position:relative; display:block; height: 100%; width: 100%; background: none;} .calendar .day:hover {outline:2px solid #4586af;} .calendar .date {position:absolute; left: 0; top:0; width:100%; height:100%; line-height: 25px;} .item .date {font-weight:bold;} /* Etats pour gestion du planning */ .status-not-available {background: #E53735;} .status-available {background: #71C1E5;} .status-not-available-training {background: #E57E15;} .status-assured-availability {background: #63E557;} .legend li {margin-right:15px;} .legend-status {width: 10px; height: 10px; display: inline-block; border:1px solid #EAEAFF;} .calendar .place {height:100%; width:100%; float:left;} .calendar .selected {outline:1px solid #cc3366;} .calendar .off {background:#EFEFEF; color:#B2B2B2; font-style:italic;} /* Elements graphiques */ .code-ressource {font-family:monospace; padding:8px; margin:0 0 20px; background: #ECECEC; overflow: auto; white-space: pre; word-spacing: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; -webkit-border-radius:3px; border-radius:3px;} /* Profil */ .profile-submit {padding-top:20px;} /* Tests psy =============*/ .block-psy-tests {position: relative;} .img-psy {position: absolute; bottom:0; background:url('../images/bgd_testPsy.png') no-repeat left top; width: 120px; height: 134px; display: inline-block;} /* Adaptation pour IE qui n'a pas de padding */ .ie .img-psy {margin-bottom:-19px;} .list-psy-steps {padding-left:130px; margin:0 0 15px;} .list-psy-steps li:first-child:before {margin-bottom:30px;} /* Map */ .map-psy {width:500px; height:405px;} .map-psy div {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} /* Liste des stages */ .btn-training {border:1px solid #cbcbcb; background:#e7e6e6; padding:3px; display: block; width: 100%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRlZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f0f0f0 0%, #dfdedd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#dfdedd)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#dfdedd 100%); background: linear-gradient(to bottom, #f0f0f0 0%,#dfdedd 100%);} .ie .btn-training {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dfdedd',GradientType=0 );} .btn-training:hover {background:#dfdedd;} .vertical-ticker {margin:3px 0; height:340px;} .psy-training-item {border:1px solid #DEDDDC; margin:0 0 5px; padding:8px; position: relative; font-size: 13px; cursor:pointer; background: #f8f8f8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f8f8f8 0%, #ebebeb 10%, #e6e6e6 16%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(10%,#ebebeb), color-stop(16%,#e6e6e6), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #f8f8f8 0%,#ebebeb 10%,#e6e6e6 16%,#e6e6e6 100%); background: linear-gradient(to bottom, #f8f8f8 0%,#ebebeb 10%,#e6e6e6 16%,#e6e6e6 100%);} .ie .psy-training-item {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e6e6e6',GradientType=0 );} .psy-training-item ul {padding:5px 0 0;} .no-js {overflow-y:visible;} /* Page d'explication */ .block-contact {margin:0!important; font-size: 14px; line-height:20px;} .block-contact:before {content:""; background:url('../images/bgd_stageOffers.png') no-repeat left top; display: inline-block; width: 66px; height: 39px; float: left; margin:0 20px 0 80px;} /* Partenaires ===============*/ .partners-tabs {margin-bottom:20px;} .form-embedded {border:1px solid #BCBCBC; margin:10px auto; width:75%;} /* Contact ===========*/ .slideshow {margin:0 0 15px; position:relative; width:713px; height:227px;} .slideshow img { position:absolute; left:0; top:0; } /* Plan de site ================*/ .site-map {font-size: 14px; font-weight: bold;} .site-map ul {margin:8px 0 0 20px; font-size: 12px; font-weight: normal;} /* Communiqué de presse ================*/ .communique-de-presse {color: #fff; text-align: center; background: #df2b56; text-transform: uppercase; font-size: 18px; padding: 15px; margin: 10px 0 0 0; font-weight: bold;} .plus-d-informations a {text-decoration: underline; padding: 5px 0 0 0; display: block; color: white; font-size: 14px; text-transform: none; font-weight: normal;} .conditions {font-style: italic; font-size: 8px; text-align: right; display: block; margin: -10px 0 0 0; text-transform: none;} /*==================== /4 Styles responsive ======================*/ @media (max-device-width:768px) { body {min-width:995px;} } @media (max-device-width:768px) and (orientation:landscape) { html, body {-webkit-text-size-adjust:none;} }