@charset "utf-8"; /* CSS Document */ html { font-size: 62.5%; } body { margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-size: 1.3rem; background: #141414 url(/digitalAssets/31/31955_debut_dark.png) fixed; } ul { list-style: square; } section article li { padding-bottom: 8px; } a:link, a:visited { color: #f60; /*09c*/ text-decoration: none; } a:hover, a:active { text-decoration: underline !important; } a.highlight { /* color:#000000; */ color:#FF6600; } /* em, .actus span.date { suppression em en bleu -> demande Mireille */ .actus span.date { color: #00CDD6; font-weight: bold; } abbr { border-bottom: 1px #333 dotted; cursor: help; } #centre-accessibilite { position: absolute; top: 30px; width: 100%; /* opacity: 0.2; -webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; -ms-transition-property: opacity; -ms-transition-duration: 0.2s; -moz-transition-property: opacity; -moz-transition-duration: 0.2s; transition-property: opacity; transition-duration: 0.2s;*/ } #centre-accessibilite:hover { opacity: 1; } #zone-accessibilite a:link, #zone-accessibilite a:visited { color: #fff; text-decoration: none; } #zone-accessibilite a:hover, #zone-accessibilite a:active { color: #000; } #zone-accessibilite ul { margin: auto; padding: 0; list-style: none; display: block; width: 97%; max-width: 1024px; text-align: right; } #zone-accessibilite ul li { display: inline-block; margin: 0 .5%; } .page { width: 97%; max-width: 1024px; margin: auto; background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,.75); overflow: hidden; margin-bottom: 3%; } header { background: #00CDD6; overflow: hidden; } #image-gauche{ width: 62%; float:left; } p { margin: 0 0 2% 0; } .home { display: block; margin: 2%; } .home img { border: none; width: 100%; max-width: 603px; height: auto; } .breadcrumbs, section, aside { margin: 1%; } .breadcrumbs { color: #333; } section { float: left; width: 62%; position: relative; } section h1 { color: #333; margin:0 0 4% 0; } aside { width: 31%; float: right; } article { position: relative; } section article.bloc h1, aside article h1 { background: #00CDD6; color: #FFF; padding: .5% 1%; position: absolute; left: 12px; margin: 0; box-shadow: 3px 3px 5px rgba(0,0,0,.75); z-index: 50; } aside article h1 { font-size: 13px; } section article h1 { font-size: 15px; } h1 { font-size: 19px; } h2 { /* font-size: 13px; */ font-size: 16px; } h3 { /* font-size: 11px; */ font-size: 13px; } article .content { background: #F0F0F0; display: block; padding: 4% 1% 1% 2%; position: relative; top: 15px; z-index: 49; overflow: hidden; } aside article { padding: 0% 1% 1% 1%; /* margin-bottom: 10%; */ margin-bottom: 7%; } section article { padding: 0% 1% 1% 1%; /* margin-bottom: 5%; */ margin-bottom: 3%; } /* aside article img { width: 40%; height: auto; float: left; border: 5px solid #CCC; margin: 1% 2%; } */ .readMore { display: block; text-align: right; } footer { background:url(/digitalAssets/36/36494_maquette_footer.png) no-repeat; background-size: 100% auto; width: 98%; display: block; margin: auto; color: #FFF; } .ours { width: 100%; text-align: center; padding-top: 11%; font-size: 93%; margin-bottom: 1%; padding-bottom: 2%; } .widgets { margin-top: 2%; font-size: 1rem; background: #141414; margin-bottom: 1%; } .widgets td { padding: 0 2%; width: 29%; } .clear { clear: both; } .searchBar { float:right; overflow:hidden; padding:48px 0px 38px 0px; width:27.5%; } .inputSearch { width:78%; /*width: 65%;*/ padding: 3px; border: none; border-radius: 5px; } .validSearch { padding: 3px;border-radius: 5px; border: none; cursor: pointer; background-color: #FFFFFF; width:auto; } .validSearch:hover { } .validSearch:active { } .actus ul { list-style: none; padding: 0; } .actus ul li { /* margin-bottom: 25px; */ clear: both; } .actus a { float: right; } .clear { clear: both; } .goto_pro h1 { background: #308099 /*#AC2F2F*/ !important; } .goto_ens h1 { background: #C72C48 !important; } .goto_job h1 { background: #723E64 !important; } .goto_accomp h1 { background: #00CDD6 !important; } section h1, section h2, section h3 { color: #00CDD6;; } /* article.menu ul { list-style: none; padding: 0; } article.menu ul li { padding-left: 24px; background: url(/digitalAssets/31/31985_puce.png) no-repeat 10px center; } */ span.block, p.blocTexte, blockquote { display: block; margin: 1%; padding: 1%; background: #ececec; box-shadow: 2px 2px 3px #999; } /* ajout SC */ span.couleur, p.couleur { color: #00CDD6; } a.goto_page { display: block; float: right; } a.goto_page:before { content: ">> "; } /* ONGLETS **************************************************/ .subMenu { background: #f0f0f0; overflow: hidden; box-shadow: 0 1px white inset, 0 -1px #DDD inset; border-radius: 8px 8px 0 0; margin-bottom: 20px; } ul.tabs { list-style: none !important; padding: 0; margin: 0; } ul.tabs li.tab { float: left; list-style: none !important; } ul.tabs li.tab a { display: block; color: #666; text-shadow: 0 1px 0 white; font-size: 12px; line-height: 20px; /* padding: 11px 12px 12px 10px; */ padding: 5px 12px 6px 10px; border-right: 1px solid white; box-shadow: -1px 0 #DDD inset; text-decoration: none; font-weight: bold; text-align: center; } ul.tabs li.tab a.current { color: #222; background-color: #e0e0e0; } ul.tabs li.tab a:link, ul.tabs li.tab a:visited { } ul.tabs li.tab a:link { } ul.tabs li.tab a:active { /* padding: 12px 12px 11px 10px; */ padding: 5px 12px 6px 10px; } ul.tabs li.tab a.current:active { /*padding: 11px 12px 12px 10px;*/ padding: 5px 12px 6px 10px; } table { /*border: 1px solid #333;*/ border-collapse: collapse; border-spacing: 0px !important; } section table { margin-bottom: 20px; } section table td, section table th { /* border: 1px solid #333; */ /* text-align: center; */ vertical-align: middle; padding: 5px; } footer table td, footer table th { text-align: center; vertical-align: middle; padding: 5px; } /* MEDIA QUERIES ********************************************/ @media screen and (max-width: 640px) { .page { min-width: 640px; } section, aside { float: none; width: 98%; } aside article img { width: 14%; height: auto; float: left; border: 2px solid #CCC; margin: 1% 2%; } .ours { font-size: 10px; } } /***************/ /* FORMULAIRES */ /***************/ form.portlet-waiform { width: 580px; font-size: 1.1em; color: #333; } form.portlet-waiform fieldset { margin-bottom: 10px; border:none;} form.portlet-waiform legend { padding: 0 2px; font-weight: bold; margin: 0 -7px; /* IE Win */ color: #333333; } form.portlet-waiform label { display: inline-block; line-height: 1.8; vertical-align: top; color: #666666; text-align:right; } form.portlet-waiform fieldset ol { margin: 0; padding: 0; } form.portlet-waiform fieldset li { list-style: none; padding: 5px 10px 1px; margin: 0; } form.portlet-waiform fieldset fieldset { border: none; margin: 3px 0 0; background: none; } form.portlet-waiform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; } form.portlet-waiform fieldset fieldset label { display: block; width: auto; } form.portlet-waiform em { font-weight: bold; font-style: normal; color: #f00; } form.portlet-waiform label { width: 170px; } /* Width of labels */ form.portlet-waiform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */ form { display:inline; } form .portlet-waiform-text { line-height: 1.8; } .warning { color: #EE0000; } /* Fin Ajout */ /*************/ /* FCKEDITOR */ /*************/ body#col_center { width: 100%; } .JustifyLeft, #col_center .JustifyLeft, #col_fullCenter .JustifyLeft { text-align:left; } .JustifyCenter, #col_center .JustifyCenter, #col_fullCenter .JustifyCenter { text-align : center; } .JustifyRight, #col_center .JustifyRight, #col_fullCenter .JustifyRight { text-align : right; margin :0px; /* ajout SC */ padding: 0px; /* ajout SC */ } .JustifyFull, #col_center .JustifyFull, #col_fullCenter .JustifyFull { text-align: justify; } .underline { text-decoration:underline; } /* positionnement des images dans l'insertion d'images du FCKeditor */ img { border: none; } img.left { float:left; margin: 5px 10px 0 0; } a.right { float:right; } img.right { float:right; margin: 0 10px 10px 10px; } img.baseline { vertical-align: baseline; margin: 0 10px 10px 10px; } img.textTop { vertical-align: text-top; margin: 0 10px 10px 10px; } img.middle { vertical-align: middle; margin: 0 10px 10px 10px; } a.pdficon, #col_right a.pdficon { padding-right: 18px; background: transparent url('/digitalAssets/0/281_logo.GIF') no-repeat center right; } /* utilisé dans la configuration du FCK*/ body#col_center { width:100%; margin:0; padding:0; } body#col_center h2, body#col_center h3 { color:#00CDD6; } body#col_center table td { font-size:11px; } /* body#col_center a:hover{ color:#000000 !important; } body#col_center a{ color:#1877b7 !important; text-decoration:none !important; } */ body.article { background:#fff; } .accordeon a.pdficon { padding-right: 18px; background: transparent url('/digitalAssets/0/281_logo.GIF') no-repeat center right; } .accordeon h2.active>a { color:#00CDD6; } .accordeon div.grey { background-color: #f5f5f5; }