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 :  /proc/thread-self/cwd/squelettes/css/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/*************************************/
/*********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;
}