Server : Apache System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64 User : pragmatice ( 1003) PHP Version : 8.2.24 Disable Function : NONE Directory : /home/pragmatice/public_html/lesite/squelettes/css/ |
/*************************************/ /*********Styles g�n�raux ************/ /*************************************/ body {background: #EDF0F2; line-height: 1.3} //body {background: url(img/fond.jpg) center center fixed #EDF0F2 no-repeat; background-size:cover; line-height: 1.3} a:hover, a:focus, a:active , a:visited {background-color:transparent} a:focus, a:hover, a:active {color: #4285f4;} .colonne_principale {margin-top:20px; padding:0 10px; min-height:400px} .colonne_laterale {margin-top:20px} .footer {border-top:1px solid #e5e5e5; text-align:center; margin-top:20px; padding:8px} .footer .colophon {color: #DFDFDF} .footer p.colophon {margin:0; padding:0} .footer a, .footer a:visited, .footer a:focus, .footer a:hover, .footer a:active {color: #DFDFDF} .footer a:hover {text-decoration: underline} p {margin:0 0 0.5em 0; padding:0} /*************************************/ /*********Surcharge Spip ************/ /*************************************/ #spip-admin {position:fixed; top:50px; font-size:70%} .pagination .on {background-color: #E3D675; color:#ffffff;} .pagination a {background-color: #ECE4A5} ul.spip, ol.spip {margin-left: 0} ul.spip {list-style-type: square} div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center {margin-bottom: 1.5em} .bloc_titre img.spip_logos {float:right; margin-left:10px} #documents_portfolio h2, .doc_joint h2, .pave_breve h2, .pave_article h2, .pave_mot h2, .pave_rubrique h2, .pave_forum h2, .pave_site h2, .pave_autre h2 {border-bottom: solid 2px #3C7480; color: #3C7480; font-size:1.2em} .doc_joint ul li {margin-bottom:5px} .doc_joint ul li:hover {background:#ECE4A5} .doc_joint a.spip_doc {display:block} .doc_joint .descriptif p {margin:0; line-height:1; font-size:90%} #documents_portfolio ul li {list-style-type: none; float:left} h3.spip {font-size:130%; border-bottom:solid 1px #91831E; color:#91831E; margin:20px 0 15px 50px; padding:0 0 0 10px; font-variant:small-caps; font-weight:bold} /*************************************/ /********Surcharge Jquery ui **********/ /*************************************/ .onglets {margin-top:15px} .onglets .ui-tabs {padding:0; font-size:80%} .ui-tabs .ui-tabs-panel {padding:0.3em 0.8em} .onglets h5 {margin:10px 0 5px 0; padding:0; font-size:1.2em} .onglets h5 a, .onglets h5 a:active, .onglets h5 a:visited, .onglets h5 a:hover, .onglets h5 a:focus h5 {color:#2C4359; display:block} .onglets h5 a:hover {background:#EBF3F5} /*************************************/ /************ Pav�s *************/ /*************************************/ .pave_video {position:relative; background:#FFF; margin-bottom:5px; padding:5px; border: solid 1px #7CB6C2} .pave_video:hover {border:solid 1px #23444B} .video_modele {position:relative; width:120px; height:140px; text-align:center; margin:5px; font-size:0.7em} .video_modele a {font-style:italic} .video_logo {float:left; width:130px; min-height:100px} .video_descriptif {margin-left:5px} .video_descriptif h5 a {color:#5F5F5F} .pave_lateral {background:#FFF; margin-bottom:10px; padding:0} .pave_lateral h5 {margin:0; padding:5px; text-align:center; font-size:95%} .info1 {margin-bottom:5px; font-size:85%} .cadre1 ul, .cadre2 ul, .cadre3 ul {margin:0 0 0 -40px} .cadre1 ul li, .cadre2 ul li, .cadre3 ul li {list-style-type: none} .cadre1 {border: solid 1px #7B8EA6} .cadre1 h5 {background:#7B8EA6; color:#FFF} .cadre2 {border: solid 1px #E78397} .cadre2 h5 {background:#E78397; color:#FFF} .cadre3 {border: solid 1px #93C3CD} .cadre3 h5 {background:#93C3CD; color:#FFF} .pave_contenu {padding:5px} .pave_contenu ul li a {display:block; padding: 3px 5px; line-height:1; text-decoration:none} .pave_contenu ul li a:hover {background:#ECE4A5} .pave_contenu ul li a.on {background:#E3D675; color:#4152D8; font-weight:bold} .mot_selectionne {color:#4152D8; font-weight:bold} .mc1, .mc2 {padding:2px 5px; font-weight:bold; font-size:90%} .info2{font-size:85%} .info_source {text-align:right; font-style:italic; font-size:90%; font-weight:bold} .aplat {background:#DEECEF; padding:5px} .aplat h5 { margin-top: 0} .aplat2 {background:#ECE4A5; padding:5px} .aplat3 {background:#FFF; padding:5px} .affdate {font-style:italic; font-size:90%; color:#696969} .ariane {background:#ECE4A5; margin-bottom:20px; padding:5px 10px} .ressources_breve ul{margin:0 0 0 -35px} .ressources_breve ul li {list-style-type: none; padding:2px 5px} .ressources_breve ul li a {display:block; color:#5f5f5f; font-weight:bold} .ressources_breve ul li:hover {background:#ECE4A5} .video_temps {text-align:center; font-weight:bold; font-size:10px; color:#FFF; position:absolute; top:77px; left:68px; padding-top:2px; height:16px; width:56px; background:#000; filter : alpha(opacity=60); opacity : 0.6} .fleche_video_on {position: absolute; left: 30px; top: 30px} .fleche_video_off {display:none} .pale, .tres_pale {width:120px; height:90px} .tres_pale {filter : alpha(opacity=30); opacity : 0.3} .pale:hover {filter : alpha(opacity=80); opacity : 0.8; border:1px solid #CCC} .carousel_accueil {font-size:90%} .carousel_accueil a {color: #FFF; text-decoration: underline} .carousel_accueil a:hover{background: #FFF; color:#888; text-decoration:none} .carousel_accueil h5 a {display:block; text-decoration:none} .lien_afficher_mc {float:right; margin:0 10px; padding:2px 25px 2px 5px; font-size:90%; font-weight:bold} .lien_afficher_mc a {color:#656565; text-decoration:none} .afficher_mc {margin:10px 0 0 10px; border-left: solid 2px #4253D7; padding-left:10px; font-size:90%; display:none} .afficher_mc a {color:#4253D7} .afficher_objectifs {margin:10px 0 10px 130px; border-left: solid 2px #4253D7} .lien_afficher_objectifs {padding-right:20px; color:#FF5959; font-size:90%; font-weight:bold} .fleche_bas {background:url(img/fleche_bas_20.png) no-repeat center right #E2D678} .fleche_haut {background:url(img/fleche_haut_20.png) no-repeat center right #E2D678} .fleche_bas:hover {background:url(img/fleche_bas_20.png) no-repeat center right #DCCC5F; cursor:pointer} .fleche_haut:hover {background:url(img/fleche_haut_20.png) no-repeat center right #DCCC5F; cursor:pointer} .fleche_bas_brut {background:url(img/fleche_bas_20.png) no-repeat center right} .fleche_haut_brut {background:url(img/fleche_haut_20.png) no-repeat center right} .fleche_bas_brut:hover {background:url(img/fleche_bas_20.png) no-repeat center right; cursor:pointer} .fleche_haut_brut:hover {background:url(img/fleche_haut_20.png) no-repeat center right; cursor:pointer} .ref_video {background-color: #FFFF38} .duree_ds_article {font-size:70%} .decalage {padding:10px} .letitre {font-size:1.5em; color:#325F69; font-weight:bold; margin-bottom:20px} .letitre a {color:#325F69} .rub_et_sousrub {border-bottom:solid 2px #3C7480; color: #3C7480} .rub_et_sousrub h2 {font-size:1.4em; margin:20px 0 0 0; padding:0} .taille_95 {font-size:95%} .taille_90 {font-size:90%} .taille_85 {font-size:85%} .taille_80 {font-size:80%} .miniplan a {color:#325F69} .miniplan ul li {font-weight:bold; font-variant:small-caps; margin-top:20px} .miniplan ul li ul li {font-weight:normal; font-variant:normal; margin-top:5px; margin-bottom:5px;} .miniplan ul li ul li ul li {margin-top:0; margin-bottom:0;} .logo_imprimer {float:right; margin:0 0 0 10px} a.lien_blanc {color:#FFF} a.motcledomaine {color:black} a.motclesousdomaine {font-variant:small-caps} .choisir1{color:#7B8EA6; font-weight:bold; margin-top:10px; font-variant:small-caps} .choisir2{color:#E78397; font-weight:bold; margin-top:10px; font-variant:small-caps} .modal {z-index:1} .vignette_video {position:relative; float:left; width:130px; height:140px; margin:0 10px 5px 0; padding:0 5px} .vignette_temps {text-align:center; font-weight:bold; font-size:10px; color:#FFF; position:absolute; top:72px; left:73px; padding-top:2px; height:16px; width:56px; background:#000; filter : alpha(opacity=60); opacity : 0.6} .vignette_logo {margin-left:5px} .vignette_video_logo {width:130px; min-height:95px} .vignette_desc {font-size:10px} .vignette_desc a {color:#8C72AF} .vignette_weblitoo h5 {color:#93C3CD; margin:10px 0 5px 0; padding:0; font-weight:bold} ol.tout_afficher {margin:0; padding:0} ol.tout_afficher li {margin:0 10px 30px 20px; padding:0; 0background:#CCC} .tout_afficher .titre_art {border:2px dashed #8A7C1C; color:#8A7C1C; font-size:110%; font-weight:bold; margin-top:20px; padding:5px; text-align:center} .article_affiche {margin:20px 0} ol.niv2 {list-style-type:none} /* {list-style-type:upper-roman} */ ol.niv3 {list-style-type:none} /* {list-style-type:upper-alpha} */ ol.niv4 {list-style-type:none} /* {list-style-type:lower-alpha} */ .niveau_2 {border:1px solid #325F69; margin:10px 20px; padding:5px} .niveau_2 .letitre {font-weight:bold; font-variant:small-caps; font-size:150%; color:#325F69} .niveau_3 {border:1px solid #325F69; margin:10px 40px; padding:5px} .niveau_3 .letitre {font-weight:bold; font-variant:small-caps; font-size:130%; color:#325F69} .niveau_4 {border:1px solid #325F69; margin:10px 60px; padding:5px} .niveau_4 .letitre {font-weight:bold; font-variant:small-caps; font-size:110%; color:#325F69} .niveau_2 .texte_rub p, .niveau_3 .texte_rub p, .niveau_4 .texte_rub p {font-size:90%;} .sommaire h2 {color:#B0B0B0} .bt_scale_05 {cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;} .bt_scale_05:hover {transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);} .bt_scale_1 {cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;} .bt_scale_1:hover {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);} .bt_scale_2 {cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;} .bt_scale_2:hover {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);} .bt_scale_3 {cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;} .bt_scale_3:hover {transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);} /*************************************/ /*******Adaptation accordion **********/ /*************************************/ #accordion {font-size:90%} .ui-accordion .ui-accordion-content {padding:1em} .ui-widget-content a {color: #4285f4} /*************************************/ /************* Boutons ***************/ /*************************************/ .btn {background-color: #333333} a.btn {color: #fefefe;} a.btn:hover, .btn:hover {color: #ffffff;} .blue {background-color: #4285f4;} a.module1, a.module1:hover, .module1:hover, .mc1 {color: #FFF;background-color: #7B8EA6} a.module2, a.module2:hover, .module2:hover, .mc2 {color: #FFF;background-color: #E78397} a.blanc {background-color: #325F69; color:#FFF} /*************************************/ /************ Formulaires *************/ /*************************************/ .header_recherche {margin:0; padding:0} .header_recherche input[type="text"] {padding:0px 2px 0px 20px; font-size:90%; height:23px; color:#696969} .header_recherche input.btn, .videos_recherche input.btn, .consignes_recherche input.btn, .formulaire_contact input.btn, .formulaire_fprum input.btn, .boutons input.btn {background:#61A4B3; padding: 1px} .formulaire_spip ul li {list-style-type: none} .formulaire_videos ul li {font-size:95%; margin:0} .formulaire_spip ul {margin: 0 0 0 -40px} .formulaire_videos input[type="text"], input[type="password"], textarea, .select, select[multiple="multiple"], input[type="file"] {padding: 1px; width:100%; background:#E2EFF1} .formulaire_videos input[type="text"], .formulaire_contact input[type="text"], input[type="password"], .select, select[multiple="multiple"], input[type="file"] {height:26px} .formulaire_spip fieldset {border:none; padding:0} ul.menu li.champ_recherche {background:#325F69; padding:12px 0.5em; height:23px} .videos_recherche input[type="text"] {width: 15em; padding-left: 5px;background-image: none; height:26px; background:#E2EFF1} .rechsecteur .videos_recherche input[type="text"], .formulaire_contact input[type="text"], .formulaire_contact textarea, .formulaire_forum textarea {background:#FFF} .consignes_recherche input[type="text"] {background-image: none; background:#FFF; padding-left:5px;} /*************************************/ /************ Forum *************/ /*************************************/ ul.comments-items {margin:10px 0; padding:0} ul.comments-items li {list-style: none; padding:10px; margin:0} ul.comments-items li.odd {background:#EAE4A8} ul.comments-items li.even {background:#F0EDC1} ul.comments-items li p{padding:0; margin:0} ul.comments-items li .description p {padding:0; margin:5px 0} p.explication {background-color: #DDEBEE; color:blue} .comments-items .comments-items {border-left: 2px solid #B1A82C} /*************************************/ /********** Menus et barres ***********/ /*************************************/ .top-bar, .bottom-bar, .modal-title , .footer {display: block; color: #FFF; background-color: #325F69} .top-bar a, .bottom-bar a {color:#CCC} /* couleur logo */ .entete {height:40px} /* Gestion image logo */ .top-bar .logo img {width:300px; height:40px} @media (min-width: 680px) and (max-width: 975px) { .top-bar .logo img {width: 210px;} } .menu li a {padding-left:0.5em; padding-right:0.5em; color:#F7F8DC} .menu > li:hover > a {color: #F7F8DC; background-color: #468593} .sub-menu li a {background-color: #325F69} .sub-menu li a:hover {background-color: #468593} .minimobilemenu li a {background:#325F69} .minimobilemenu_btn {color:#FFF} .imprimer_consigne_article {display:none} /*************************************/ /* Impression */ /*************************************/ @media print { .colonne_laterale, .ariane, .no_imprim , .lienpourecrire {display:none;} .colonne_principale, .impr_toute_largeur {width:100%} .imprimer_consigne_article {display:block} } /*************************************/ /* Adaptation pour le plugin nuage */ /*************************************/ ul.nuage,dl.nuage {margin:0; padding: 0; list-style: none} ul.nuage li,dl.nuage dt { display: inline; white-space: inherit; font-size:0.8em; padding:0; float:left} /*************************************/ /* La trousse � outils */ /*************************************/ .images_accueil_trousse {float:none; padding:0; margin:0px;} .titres_accueil_trousse {} .accueil_trousse {float:left; margin:0; padding:5px;} .accueil_trousse div {background:#DDE2E6; padding:5px 20px 5px 5px; margin:0; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} .accueil_trousse div:hover {background:#CAD3D8;} .accueil_trousse h5 {height:42px; font-weight:bold; font-size:90%; margin:0; padding:0 0 0 15px; text-align:center;} .accueil_trousse a h5 {color:#325F69;} .logodestypes li {background:#DDE2E6; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .logodestypes li:hover {background:#CAD3D8;} .bt_type {cursor:pointer; float:left; margin:0 10px 10px 0; padding:0; width:130px; height:165px;} .bt_type div {margin:0 5px;} .bt_type img.spip_logos {margin:7px 0px 5px 5px; padding:0; width:110px; height:110px;} .bt_type h5 {text-align:center; font-size:70%; color:#999999;} .bt_type:hover {text-decoration:underline} .consignes_tri {margin-left:10px; float:right; cursor:pointer;} .logodestypes {list-style-type:none;} .bt_type.on, .ombre { box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); } .titres_editeur {border-bottom: solid 1px #3C7480; color: #3C7480; font-size:1.2em; font-weight:bold; margin-bottom:10px} .affichage_consignes .spip_document_video video {width:320px;} #bt_recherche_moteur ul {list-style-type:none; margin:0; padding:0;} #bt_recherche_moteur ul li {float:left; margin-right:5px;} #bt_recherche_moteur ul li a {padding:5px;} .cadre_item { color: #555555; background-color: #ffffff; border:1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding:6px 12px; } .titre_consigne {color:#B0B0B0} .consigne_off { opacity: 0.3; filter: alpha(opacity=30); /* For IE8 and earlier */ } .consigne_on { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ } .entree_trousse img, .logodestypes img { padding:0.5em; filter: brightness(90%); -webkit-filter: brightness(90%); -moz-filter: brightness(90%); -o-filter: brightness(90%); -ms-filter: brightness(90%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .entree_trousse img:hover, .logodestypes img:hover { filter: brightness(100%); -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); -ms-filter: brightness(100%); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .cadre_image_rechercher { height:256px; width:256px; border:1px solid #CCC; box-shadow: 3px 3px 5px 0px #A0B8B8; filter:progid:DXImageTransform.Microsoft.Shadow(color=#A0B8B8, Direction=135, Strength=5); margin:20px auto; } .change img, .pointer { cursor:pointer; } .masque { visibility:hidden; }