/* - minisite.css - */
/* https://www.if-algerie.com/portal_css/minisite.css?original=1 */
#portal-top{
top:0;
height:250px;
background-color:#fff;
background-position:0 25px;
background-repeat:no-repeat;
}
#portal-top.site-alger-1,
#portal-top.site-alger-ar-1{
background-image:url(https://www.if-algerie.com/alger/bandeau-site/alger1.jpg);
}
#portal-top.site-alger-2,
#portal-top.site-alger-ar-2{
background-image:url(https://www.if-algerie.com/alger/bandeau-site/alger2.jpg);
}
#portal-top.site-alger-3,
#portal-top.site-alger-ar-3{
background-image:url(https://www.if-algerie.com/alger/bandeau-site/alger3.jpg);
}
#portal-top.site-alger-4,
#portal-top.site-alger-ar-4{
background-image:url(https://www.if-algerie.com/alger/bandeau-site/alger4.jpg);
}
#portal-top.site-alger-5,
#portal-top.site-alger-ar-5{
background-image:url(https://www.if-algerie.com/alger/bandeau-site/alger5.jpg);
}
#portal-top.site-annaba-1,
#portal-top.site-annaba-ar-1{
background-image:url(./images-ifAlgerie/minisite/annaba1.jpg);
}
#portal-top.site-annaba-2,
#portal-top.site-annaba-ar-2{
background-image:url(./images-ifAlgerie/minisite/annaba1.jpg);
}
#portal-top.site-annaba-3,
#portal-top.site-annaba-ar-3{
background-image:url(./images-ifAlgerie/minisite/annaba1.jpg);
}
#portal-top.site-annaba-4,
#portal-top.site-annaba-ar-4{
background-image:url(./images-ifAlgerie/minisite/annaba1.jpg);
}
#portal-top.site-annaba-5,
#portal-top.site-annaba-ar-5{
background-image:url(./images-ifAlgerie/minisite/annaba1.jpg);
}
#portal-top.site-constantine-1,
#portal-top.site-constantine-ar-1{
background-image:url(./images-ifAlgerie/minisite/constantine1.jpg);
}
#portal-top.site-constantine-2,
#portal-top.site-constantine-ar-2{
background-image:url(./images-ifAlgerie/minisite/constantine2.jpg);
}
#portal-top.site-constantine-3,
#portal-top.site-constantine-ar-3{
background-image:url(./images-ifAlgerie/minisite/constantine3.jpg);
}
#portal-top.site-constantine-4,
#portal-top.site-constantine-ar-4{
background-image:url(./images-ifAlgerie/minisite/constantine4.jpg);
}
#portal-top.site-constantine-5,
#portal-top.site-constantine-ar-5{
background-image:url(./images-ifAlgerie/minisite/constantine5.jpg);
}
#portal-top.site-oran-1,
#portal-top.site-oran-ar-1{
background-image:url(./images-ifAlgerie/minisite/oran1.jpg);
}
#portal-top.site-oran-2,
#portal-top.site-oran-ar-2{
background-image:url(./images-ifAlgerie/minisite/oran2.jpg);
}
#portal-top.site-oran-3,
#portal-top.site-oran-ar-3{
background-image:url(./images-ifAlgerie/minisite/oran2.jpg);
}
#portal-top.site-oran-4,
#portal-top.site-oran-ar-4{
background-image:url(./images-ifAlgerie/minisite/oran2.jpg);
}
#portal-top.site-oran-5,
#portal-top.site-oran-ar-5{
background-image:url(./images-ifAlgerie/minisite/oran2.jpg);
}
#portal-top.site-tlemcen-1,
#portal-top.site-tlemcen-ar-1{
background-image:url(./images-ifAlgerie/minisite/tlemcen1.jpg);
}
#portal-top.site-tlemcen-2,
#portal-top.site-tlemcen-ar-2{
background-image:url(./images-ifAlgerie/minisite/tlemcen2.jpg);
}
#portal-top.site-tlemcen-3,
#portal-top.site-tlemcen-ar-3{
background-image:url(./images-ifAlgerie/minisite/tlemcen3.jpg);
}
#portal-top.site-tlemcen-4,
#portal-top.site-tlemcen-ar-4{
background-image:url(./images-ifAlgerie/minisite/tlemcen4.jpg);
}
#portal-top.site-tlemcen-5,
#portal-top.site-tlemcen-ar-5{
background-image:url(./images-ifAlgerie/minisite/tlemcen5.jpg);
}
#portal-top.site-tizi-ouzou-1,
#portal-top.site-tizi-ouzou-ar-1{
background-image:url(./images-ifAlgerie/minisite/tizi-ouzou1.jpg);
}
#portal-top.site-tizi-ouzou-2,
#portal-top.site-tizi-ouzou-ar-2{
background-image:url(./images-ifAlgerie/minisite/tizi-ouzou1.jpg);
}
#portal-top.site-tizi-ouzou-3,
#portal-top.site-tizi-ouzou-ar-3{
background-image:url(./images-ifAlgerie/minisite/tizi-ouzou1.jpg);
}
#portal-top.site-tizi-ouzou-4,
#portal-top.site-tizi-ouzou-ar-4{
background-image:url(./images-ifAlgerie/minisite/tizi-ouzou1.jpg);
}
#portal-top.site-tizi-ouzou-5,
#portal-top.site-tizi-ouzou-ar-5{
background-image:url(./images-ifAlgerie/minisite/tizi-ouzou1.jpg);
}
#portal-top.site-canal-ifa-1,
#portal-top.site-canal-ifa-2,
#portal-top.site-canal-ifa-3,
#portal-top.site-canal-ifa-4,
#portal-top.site-canal-ifa-5{
background-image:url(./images-ifAlgerie/minisite/canal-ifa.png);
}
#portal-top.site-canal-ifa-1 #portal-globalnav li ul.submenu,
#portal-top.site-canal-ifa-2 #portal-globalnav li ul.submenu,
#portal-top.site-canal-ifa-3 #portal-globalnav li ul.submenu,
#portal-top.site-canal-ifa-4 #portal-globalnav li ul.submenu,
#portal-top.site-canal-ifa-5 #portal-globalnav li ul.submenu {
background:#de124c;
}
#portal-top.site-canal-ifa-1 #portal-globalnav li:hover a ,
#portal-top.site-canal-ifa-2 #portal-globalnav li:hover a ,
#portal-top.site-canal-ifa-3 #portal-globalnav li:hover a ,
#portal-top.site-canal-ifa-4 #portal-globalnav li:hover a ,
#portal-top.site-canal-ifa-5 #portal-globalnav li:hover a {
background:#de124c;
}
#portal-top.site-canal-ifa-1 #portal-globalnav,
#portal-top.site-canal-ifa-2 #portal-globalnav,
#portal-top.site-canal-ifa-3 #portal-globalnav,
#portal-top.site-canal-ifa-4 #portal-globalnav,
#portal-top.site-canal-ifa-5 #portal-globalnav{
background:#de124c;
}
#portal-top.site-canal-ifa-1 #portal-globalnav li a:hover,
#portal-top.site-canal-ifa-2 #portal-globalnav li a:hover,
#portal-top.site-canal-ifa-3 #portal-globalnav li a:hover,
#portal-top.site-canal-ifa-4 #portal-globalnav li a:hover,
#portal-top.site-canal-ifa-5 #portal-globalnav li a:hover{
background:#de124c;
}
#portal-top.site-canal-ifa-1 #portal-globalnav li.selected a,
#portal-top.site-canal-ifa-2 #portal-globalnav li.selected a,
#portal-top.site-canal-ifa-3 #portal-globalnav li.selected a,
#portal-top.site-canal-ifa-4 #portal-globalnav li.selected a,
#portal-top.site-canal-ifa-5 #portal-globalnav li.selected a{
background:#9b0c2b;
}
.site-canal-ifa #content  .liste-sons,
.site-canal-ifa #content  .liste-videos{
clear:both;
margin: 0;
}
.site-canal-ifa #content  .liste-sons li,
.site-canal-ifa #content  .liste-videos li {
display: block;
overflow:hidden;
margin-bottom: 10px;
padding-top: 10px;
}
.site-canal-ifa #content  .liste-sons h2,
.site-canal-ifa #content  .liste-videos h2 {
text-transform: uppercase;
font-size: 2em;
font-family:'DINMedium';
line-height: 1em;
margin-top: 5px;
}
.site-canal-ifa #content  .liste-sons li > span,
.site-canal-ifa #content  .liste-videos li > span {
font-weight: bold;
color:#FFFFFF;
margin-right: 10px;
padding: 2px 5px;
font-size: 1.5em;
font-family:'DINMedium';
}
.site-canal-ifa #content  .liste-sons li a img,
.site-canal-ifa #content  .liste-videos li a img{
float:right;
margin-left: 10px;
}
.site-canal-ifa #content  .liste-sons p,
.site-canal-ifa #content  .liste-videos p {
font-size: 1.1em;
width: 450px;
}
.site-canal-ifa #content  .liste-sons li,
.site-canal-ifa #content  .liste-videos li  {
border-top: 1px solid #DE124C;
}
.site-canal-ifa #content  .liste-sons li > span,
.site-canal-ifa #content  .liste-videos li > span{
background: #DE124C;
}
.site-canal-ifa #content .liste-sons li h2 a,
.site-canal-ifa #content .liste-sons li h2 a:hover,
.site-canal-ifa #content .liste-videos li h2 a,
.site-canal-ifa #content .liste-videos li h2 a:hover{
color: #DE124C !important;
}
.portaltype-son #portal-column-content #content-core div.newsImageContainer {
margin: 0 0 0 10px;
}
.portaltype-son #portal-column-content #content-core div object {
display: block;
}
.portaltype-son #portal-column-content #content-core div a.button {
background: #0091D2;
padding: 3px 10px 4px;
border: none;
display: inline-block;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff !important;
margin-top: 15px;
font-size: 1.3em;
line-height: 1em;
}
.portaltype-son #portal-column-content #category,
.portaltype-video #portal-column-content #category {
font-size: 1.1em;
margin: 20px 0;
text-align: left;
color: #0091D2;
}
.portaltype-son #portal-column-content #category a,
.portaltype-video #portal-column-content #category a {
background: #0091D2;
color: #FFF;
}
#portal-logo{
top:49px;
}
#portal-top #portal-logo img{
padding:0;
width:219px;
height:134px;
}
#portal-globalnav{
top:220px;
width:990px;
}
#portal-globalnav li#portaltab-index_html,
#portal-globalnav li#portaltab-index_html.selected,
body[dir="rtl"] #portal-globalnav li#portaltab-index_html,
body[dir="rtl"] #portal-globalnav li#portaltab-index_html.selected{
display:block !important;
position:absolute;
right:0;
left:auto;
top:-220px;
border:none;
}
body[dir="rtl"] #portal-globalnav li#portaltab-index_html,
body[dir="rtl"] #portal-globalnav li#portaltab-index_html.selected{
right: auto;
left:0;
}
#portal-globalnav li#portaltab-index_html a,
#portal-globalnav li#portaltab-index_html.selected a{
padding-right:0;
}
#portal-globalnav li a{
padding:9px 15px;
font-size:1.4em
}
body[dir="rtl"] #portal-globalnav > li > a{
padding: 9px 22px;
font-size: 2.2em;
}
#portal-globalnav li:hover a{
background:#0091d2;
}
#portal-globalnav li ul.submenu{
width:200px;
background:rgba(0,145,210,0.9);
border:none;
-webkit-box-shadow:#666 0 0 2px;
-moz-box-shadow:#666 0 0 2px;
box-shadow:#666 0 0 2px;
behavior: url(PIE.htc);
}
body[dir="rtl"] ul.submenu{
right: -999em;   /**/
}
body[dir="rtl"] ul.submenu{
right: -999em;   /**/
}
body[dir="rtl"] li:hover ul.submenu{
right: auto;   /**/
}
#portal-globalnav li ul.submenu li{
border:none;
}
#portal-globalnav li ul.submenu li + li{
border-top:1px dotted #fff;
}
#portal-globalnav li ul.submenu li a,
#portal-globalnav li ul.submenu li a.state-published{
padding:5px 10px;
background:none;
border:none;
text-transform:none;
font-weight:normal;
color:#fff!important;
}
#portal-globalnav li ul.submenu li a:hover,
#portal-globalnav li ul.submenu li a:focus{
border:none;
}
#portal-globalnav li.selected ul.submenu a:hover,
#portal-globalnav li.selected ul.submenu a:focus{
background:none;
}
#portal-columns{
padding:270px 0 0;
background:url(./images-ifAlgerie/minisite/fr/ombre-haut.png) 700px 251px no-repeat, url(./images-ifAlgerie/minisite/fr/ombre-bas.png) 700px bottom no-repeat, url(./images-ifAlgerie/minisite/fr/ombre-milieu.png) 700px 0 repeat-y;
-pie-background:url(./images-ifAlgerie/minisite/fr/ombre-haut.png) 700px 251px no-repeat, url(./images-ifAlgerie/minisite/fr/ombre-bas.png) 700px bottom no-repeat, url(./images-ifAlgerie/minisite/fr/ombre-milieu.png) 700px 0 repeat-y;
behavior: url(PIE.htc);
}
body[dir="rtl"] #portal-columns{
padding:270px 0 0;
background:url(./images-ifAlgerie/minisite/ar/ombre-haut.png) 270px 251px no-repeat, url(./images-ifAlgerie/minisite/ar/ombre-bas.png) 270px bottom no-repeat, url(./images-ifAlgerie/minisite/ar/ombre-milieu.png) 270px 0 repeat-y;
-pie-background:url(./images-ifAlgerie/minisite/ar/ombre-haut.png) 270px 251px no-repeat, url(./images-ifAlgerie/minisite/ar/ombre-bas.png) 270px bottom no-repeat, url(./images-ifAlgerie/minisite/ar/ombre-milieu.png) 270px 0 repeat-y;
behavior: url(PIE.htc);
}
.section-accueil-alger #portal-columns,
.section-accueil-annaba #portal-columns,
.section-accueil-constantine #portal-columns,
.section-accueil-oran #portal-columns,
.section-accueil-tlencem #portal-columns,
.section-accueil-tizi-ouzou #portal-columns
.section-accueil-canal-ifa #portal-columns{
background:none;
}
#portal-searchbox{
float:right;
margin:0;
padding:0 0 0 20px;
width:240px;
}
body[dir="rtl"] #portal-searchbox{
float:left;
padding:0 20px 0 0;
}
.section-accueil-alger #portal-searchbox,
.section-accueil-annaba #portal-searchbox,
.section-accueil-constantine #portal-searchbox,
.section-accueil-oran #portal-searchbox,
.section-accueil-tlencem #portal-searchbox,
.section-accueil-tizi-ouzou #portal-searchbox
.section-accueil-canal-ifa #portal-searchbox{
width:270px;
}
#portal-searchbox #searchGadget{
padding-left:3px;
width:200px;
height:26px;
background:url(./images-ifAlgerie/minisite/fr/champ-recherche-suite.png) right 0 no-repeat;
border:none;
color:#000;
font-size:1em;
}
body[dir="rtl"] #portal-searchbox #searchGadget{
background:url(./images-ifAlgerie/minisite/ar/champ-recherche-suite.png) right 0 no-repeat;
}
.section-accueil-alger #portal-searchbox #searchGadget,
.section-accueil-annaba #portal-searchbox #searchGadget,
.section-accueil-constantine #portal-searchbox #searchGadget,
.section-accueil-oran #portal-searchbox #searchGadget,
.section-accueil-tlencem #portal-searchbox #searchGadget,
.section-accueil-tizi-ouzou #portal-searchbox #searchGadget
.section-accueil-canal-ifa #portal-searchbox #searchGadget{
width:231px;
background:url(./images-ifAlgerie/minisite/fr/champ-recherche.png) right 0 no-repeat;
}
#portal-searchbox .searchButton{
width:37px;
height:26px;
background:url(./images-ifAlgerie/minisite/bouton-recherche.png) 0 0 no-repeat;
border:none;
vertical-align:bottom;
text-indent:-5000px;
}
.portletBSWNewsletterSubscriber{
margin:15px 0 20px 20px;
}
.section-accueil-alger .portletBSWNewsletterSubscriber form input[type=text],
.section-accueil-annaba .portletBSWNewsletterSubscriber form input[type=text],
.section-accueil-constantine .portletBSWNewsletterSubscriber form input[type=text],
.section-accueil-oran .portletBSWNewsletterSubscriber form input[type=text],
.section-accueil-tlencem .portletBSWNewsletterSubscriber form input[type=text],
.section-accueil-tizi-ouzou .portletBSWNewsletterSubscriber form input[type=text]{
width:230px;
background:url(./images-ifAlgerie/minisite/fr/champ-newsletter.png) right 0 no-repeat;
}
#portal-breadcrumbs{
float:left;
margin:0;
padding:0;
width:650px;
}
body[dir="rtl"] #portal-breadcrumbs{
float:right;
}
#content .actions-document{
top:-48px;
}
div.portletadministration{
margin-right:20px;
margin-left:20px;
}
#portal-column-content{
float:left;
margin:30px 0 0;
width:650px;
}
body[dir="rtl"] #portal-column-content{
float:right;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub{
position:relative;
margin:0 0 30px;
padding:10px 0;
background:url(./images-ifAlgerie/minisite/pub-haut.png) left top no-repeat, url(./images-ifAlgerie/minisite/pub-bas.png) left bottom no-repeat;
-pie-background:url(./images-ifAlgerie/minisite/pub-haut.png) left top no-repeat, url(./images-ifAlgerie/minisite/pub-bas.png) left bottom no-repeat;
behavior: url(PIE.htc);
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2{
position:relative;
z-index:2;
margin:5px 0;
font-size:1em;
line-height:2.2em;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2:before{
content:"/";
position:absolute;
top:17px;
right:170px;
font-size:5em;
font-family:verdana;
color:#c0c0c0;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 a{
display:block;
padding:0 200px 0 130px;
width:320px;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 a span{
display:block;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 a:hover,
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 a:focus{
text-decoration:none;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 a .titre{
font-family: 'DINMedium';
font-size:1.9em;
color:#000;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 a .concours{
margin:0 0 0 7px;
font-family: 'DINDINBOLDTRAM';
font-size:2.5em;
color:#d91046;
text-transform:uppercase;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 a:hover .concours,
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 a:focus .concours{
color:#000;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 a .organisateur{
margin:2px 0 0 7px;
font-family: 'DINMedium';
font-size:1.4em;
color:#d91046;
text-transform:uppercase;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 + p{
position:absolute;
top:20px;
left:0;
width:100px;
font-family: 'DINMedium';
font-size:2.8em;
color:#8f8f8f;
text-align:center;
line-height:1em;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub h2 + p span:after{
content:"/";
position:absolute;
top:9px;
right:-17px;
font-size:1.8em;
font-family:verdana;
color:#c0c0c0;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub p + p{
position:absolute;
top:20px;
right:0;
margin:0;
width:190px;
height:70px;
font-family: 'DINMedium';
line-height:1.9em;
overflow:hidden;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub p + p strong{
display:block;
font-weight:normal;
font-size:2.2em;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub p + p span{
font-size:1.8em;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub p + p a{
position:absolute;
top:40px;
right:-20px;
z-index:3;
display:block;
padding:7px 0 0;
width:200px;
height:200px;
background:#e35177;
-webkit-border-radius: 165px;
-moz-border-radius: 165px;
border-radius: 165px;
behavior: url(PIE.htc);
color:#fff;
font-size:1.3em;
text-align:center;
}
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub p + p a:hover,
#portal-column-content #column-collective-portletpage-firstcolumn-portlet-pub p + p a:focus{
background:#000;
color:#fff!important;
text-decoration:none;
}
#portal-column-content .home-tout-agenda-culturel{
margin:5px 0 0;
}
#portal-column-content .home-tout-agenda-culturel a,
#portal-column-content .home-tout-agenda-culturel a:hover,
#portal-column-content .home-tout-agenda-culturel a:focus{
color:#4c4c4c!important;
font-weight:bold;
}
.template-etape3 .portalMessage{
border:1px solid #F00!important;
font-size:1.2em!important;
}
.template-etape3 .portalMessage dt{
background:#F00!important;
}
.portaltype-session-de-preinscription #portal-column-content p,
.portaltype-plage-horaire #portal-column-content p,
.portaltype-tcfdap-session-de-preinscription #portal-column-content p,
.portaltype-tcfdap-plage-horaire portal-column-content p,
.portaltype-tcf-session-de-preinscription #portal-column-content p,
.portaltype-tcf-plage-horaire #portal-column-content p,
.portaltype-delfdalf-session-de-preinscription #portal-column-content p,
.portaltype-delfdalf-plage-horaire #portal-column-content p,
.portaltype-tcfeo-session-de-preinscription #portal-column-content p,
.portaltype-tcfeo-plage-horaire #portal-column-content p
{
font-size:1.2em;
line-height:1.6em;
}
.portaltype-session-de-preinscription #portal-column-content h1 span,
.portaltype-plage-horaire #portal-column-content h1 span,
.portaltype-tcfdap-session-de-preinscription #portal-column-content h1 span,
.portaltype-tcfdap-plage-horaire #portal-column-content h1 span,
.portaltype-tcf-session-de-preinscription #portal-column-content h1 span,
.portaltype-tcf-plage-horaire #portal-column-content h1 span ,
.portaltype-delfdalf-session-de-preinscription #portal-column-content h1 span,
.portaltype-delfdalf-plage-horaire #portal-column-content h1 span,
.portaltype-tcfeo-session-de-preinscription #portal-column-content h1 span,
.portaltype-tcfeo-plage-horaire #portal-column-content h1 span
{
display:block;
margin:10px 0 0;
line-height:1em;
}
.portaltype-session-de-preinscription #portal-column-content h1 span:before,
.portaltype-plage-horaire #portal-column-content h1 span:before,
.portaltype-tcfdap-session-de-preinscription #portal-column-content h1 span:before,
.portaltype-tcf-session-de-preinscription #portal-column-content h1 span:before,
.portaltype-delfdalf-session-de-preinscription #portal-column-content h1 span:before,
.portaltype-session-de-preinscription #portal-column-content h1 span:after,
.portaltype-plage-horaire #portal-column-content h1 span:after,
.portaltype-tcfdap-session-de-preinscription #portal-column-content h1 span:after,
.portaltype-tcf-session-de-preinscription #portal-column-content h1 span:after,
.portaltype-delfdalf-session-de-preinscription #portal-column-content h1 span:after,
.portaltype-tcfeo-session-de-preinscription #portal-column-content h1 span:after
{
content:"";
}
.portaltype-session-de-preinscription #portal-column-content .etape,
.portaltype-plage-horaire #portal-column-content .etape,
.portaltype-tcfdap-session-de-preinscription #portal-column-content .etape,
.portaltype-tcfdap-plage-horaire #portal-column-content .etape,
.portaltype-tcf-session-de-preinscription #portal-column-content .etape,
.portaltype-tcf-plage-horaire #portal-column-content .etape,
.portaltype-delfdalf-session-de-preinscription #portal-column-content .etape,
.portaltype-delfdalf-plage-horaire #portal-column-content .etape,
.portaltype-tcfeo-session-de-preinscription #portal-column-content .etape,
.portaltype-tcfeo-plage-horaire #portal-column-content .etape
{
display:block;
margin:0 0 20px;
font-family: 'DINMedium';
font-size:1.5em;
}
.portaltype-session-de-preinscription #portal-column-content ol,
.portaltype-plage-horaire #portal-column-content ol,
.portaltype-tcfdap-session-de-preinscription #portal-column-content ol,
.portaltype-tcf-session-de-preinscription #portal-column-content ol,
.portaltype-delfdalf-session-de-preinscription #portal-column-content ol,
.portaltype-tcfeo-session-de-preinscription #portal-column-content ol
{
font-size:1.2em;
}
.portaltype-session-de-preinscription #portal-column-content form,
.portaltype-plage-horaire #portal-column-content form,
.portaltype-tcfdap-session-de-preinscription  #portal-column-content form,
.portaltype-tcfdap-plage-horaire #portal-column-content form,
.portaltype-tcf-session-de-preinscription  #portal-column-content form,
.portaltype-tcf-plage-horaire #portal-column-content form,
.portaltype-delfdalf-session-de-preinscription  #portal-column-content form,
.portaltype-delfdalf-plage-horaire #portal-column-content form,
.portaltype-tcfeo-session-de-preinscription  #portal-column-content form,
.portaltype-tcfeo-plage-horaire #portal-column-content form
{
margin:20px 0;
padding:10px 0 0;
border-top:1px solid #000;
overflow:hidden;
}
.portaltype-session-de-preinscription #portal-column-content form table,
.portaltype-plage-horaire #portal-column-content form table,
.portaltype-tcfdap-session-de-preinscription #portal-column-content form table,
.portaltype-tcf-session-de-preinscription #portal-column-content form table,
.portaltype-delfdalf-session-de-preinscription #portal-column-content form table,
.portaltype-tcfeo-session-de-preinscription #portal-column-content form table
{
width:100%;
}
.portaltype-session-de-preinscription #portal-column-content form table .clos,
.portaltype-plage-horaire #portal-column-content form table .clos,
.portaltype-tcfdap-session-de-preinscription #portal-column-content form table .clos,
.portaltype-tcf-session-de-preinscription #portal-column-content form table .clos,
.portaltype-delfdalf-session-de-preinscription #portal-column-content form table .clos,
.portaltype-tcfeo-session-de-preinscription #portal-column-content form table .clos
{
color:red;
}
.portaltype-session-de-preinscription #portal-column-content form#form > div,
.portaltype-plage-horaire #portal-column-content form#form > div,
.portaltype-tcfdap-session-de-preinscription #portal-column-content form#form > div,
.portaltype-tcfdap-plage-horaire #portal-column-content form#form > div,
.portaltype-tcf-plage-horaire #portal-column-content form#form > div,
.portaltype-delfdalf-plage-horaire #portal-column-content form#form > div ,
.portaltype-tcfeo-plage-horaire #portal-column-content form#form > div
{
float:left;
width:300px;
}
.portaltype-session-de-preinscription #portal-column-content form > div:nth-child(even),
.portaltype-plage-horaire #portal-column-content form > div:nth-child(even),
.portaltype-tcfdap-session-de-preinscription  #portal-column-content form > div:nth-child(even),
.portaltype-tcfdap-plage-horaire #portal-column-content form > div:nth-child(even),
.portaltype-tcf-plage-horaire #portal-column-content form > div:nth-child(even),
.portaltype-delfdalf-plage-horaire #portal-column-content form > div:nth-child(even),
.portaltype-tcfeo-plage-horaire #portal-column-content form > div:nth-child(even)
{
clear:none;
margin:0 0 0 30px;
}
.portaltype-session-de-preinscription #portal-column-content form label,
.portaltype-plage-horaire #portal-column-content form label,
.portaltype-tcfdap-session-de-preinscription #portal-column-content form label ,
.portaltype-tcfdap-plage-horaire #portal-column-content form label,
.portaltype-tcf-plage-horaire #portal-column-content form label ,
.portaltype-delfdalf-plage-horaire #portal-column-content form label ,
.portaltype-tcfeo-plage-horaire #portal-column-content form label
{
font-size:1.2em;
}
.portaltype-session-de-preinscription #portal-column-content form input[type=text],
.portaltype-plage-horaire #portal-column-content form input[type=text]{
}
.portaltype-session-de-preinscription #portal-column-content div.formControls,
.portaltype-plage-horaire #portal-column-content form div.formControls,
.portaltype-tcfdap-session-de-preinscription #portal-column-content form div.formControls,
.portaltype-tcfdap-plage-horaire #portal-column-content form div.formControls,
.portaltype-tcf-session-de-preinscription #portal-column-content form div.formControls,
.portaltype-tcf-plage-horaire #portal-column-content form div.formControls,
.portaltype-delfdalf-plage-horaire #portal-column-content form div.formControls,
.portaltype-tcfeo-plage-horaire #portal-column-content form div.formControls
{
clear:left;
margin:0;
}
.portaltype-session-de-preinscription #portal-column-content form#form input[type=submit],
.portaltype-plage-horaire #portal-column-content form#form input[type=submit],
.portaltype-tcfdap-session-de-preinscription #portal-column-content form#form input[type=submit],
.portaltype-tcfdap-plage-horaire  #portal-column-content form#form input[type=submit],
.portaltype-tcf-session-de-preinscription #portal-column-content form#form input[type=submit],
.portaltype-tcf-plage-horaire  #portal-column-content form#form input[type=submit],
.portaltype-delfdalf-session-de-preinscription #portal-column-content form#form input[type=submit],
.portaltype-delfdalf-plage-horaire  #portal-column-content form#form input[type=submit],*
.portaltype-tcfeo-session-de-preinscription #portal-column-content form#form input[type=submit],
.portaltype-tcfeo-plage-horaire  #portal-column-content form#form input[type=submit]
{
margin:0 0 0 5px;
padding:2px 10px;
background:#0091d2;
border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior: url(PIE.htc);
color:#fff;
font-weight:bold;
text-transform:uppercase;
cursor:pointer;
}
/* */
.portaltype-session-de-preinscription #portal-column-content .schema{
margin:30px 0 20px;
padding:20px;
background:url(./images-ifAlgerie/preinscription/schema-haut.png) left top no-repeat, url(./images-ifAlgerie/preinscription/schema-fond.png) left top repeat-y;
-pie-background:url(images-ifAlgerie/preinscription/schema-haut.png) left top no-repeat, url(images-ifAlgerie/preinscription/schema-fond.png) left top repeat-y;
behavior: url(PIE.htc);
overflow:hidden;
}
.portaltype-session-de-preinscription #portal-column-content .schema .premier{
float:left;
width:230px;
}
.portaltype-session-de-preinscription #portal-column-content .schema .deuxieme{
float:right;
width:310px;
}
.portaltype-session-de-preinscription #portal-column-content .schema p.heure{
float:right;
width:100px;
font-size:0.9em;
text-align:center;
}
.portaltype-session-de-preinscription #portal-column-content .schema ul{
margin:20px 0 0;
padding:20px 0 0;
border-top:1px solid #000;
list-style:none;
}
.portaltype-session-de-preinscription #portal-column-content .schema ul li{
font-family: 'DINMedium';
font-size:1.4em;
text-transform:uppercase;
color:#0576a9;
}
.portaltype-session-de-preinscription #portal-column-content .schema ul li span{
text-transform:none;
}
#portal-column-content ul#liste-evenements{
margin:20px 0 0;
}
#portal-column-content ul#liste-evenements li{
margin:0 0 30px;
padding:10px 0;
list-style:none;
overflow:hidden;
border-bottom:none!important;
}
#portal-column-content ul#liste-evenements li .thematique{
display:inline-block;
margin:0 10px 0 0;
padding:1px 3px;
background:#666;
font-family: 'DINMedium';
font-size:1.7em;
color:#fff;
text-transform:lowercase;
}
#portal-column-content ul#liste-evenements li h2{
margin:10px 0 0;
font-family: 'DINMedium';
font-size:2.4em;
text-transform:uppercase;
line-height:1em;
}
#portal-column-content ul#liste-evenements li h2 a:hover,
#portal-column-content ul#liste-evenements li h2 a:focus{
color:#000!important;
text-decoration:none;
}
#portal-column-content ul#liste-evenements li .illustration{
float:right;
margin:0 0 0 10px;
}
#portal-column-content ul#liste-evenements li .date{
padding:0;
font-family: 'DINMedium';
font-size:1.4em;
}
#portal-column-content ul#liste-evenements li p{
font-size:1.2em;
}
#portal-column-content ul#liste-evenements li.arts-de-la-scene{
border-top:1px solid #bac900;
border-bottom:1px solid #bac900;
}
#portal-column-content ul#liste-evenements li.arts-de-la-scene .thematique{
background:#bac900;
}
#portal-column-content h1.arts-de-la-scene,
#portal-column-content ul#liste-evenements li.arts-de-la-scene h2 a,
#portal-column-content ul#liste-evenements li.arts-de-la-scene .date{
color:#bac900;
}
#portal-column-content ul#liste-evenements li.novembre-numerique{
border-top:1px solid #0db2aa;
border-bottom:1px solid #0db2aa;
}
#portal-column-content ul#liste-evenements li.novembre-numerique .thematique{
background:#0db2aa;
}
#portal-column-content h1.novembre-numerique,
#portal-column-content ul#liste-evenements li.novembre-numerique h2 a,
#portal-column-content ul#liste-evenements li.novembre-numerique .date{
color:#0db2aa;
}
#portal-column-content ul#liste-evenements li.e-maktaba{
border-top:1px solid #fea9a6;
border-bottom:1px solid #fea9a6;
}
#portal-column-content ul#liste-evenements li.e-maktaba .thematique{
background:#fea9a6;
}
#portal-column-content h1.e-maktaba,
#portal-column-content ul#liste-evenements li.e-maktaba h2 a,
#portal-column-content ul#liste-evenements li.e-maktaba .date{
color:#fea9a6;
}
#portal-column-content ul#liste-evenements li.table-ronde{
border-top:1px solid #ff4b00;
border-bottom:1px solid #ff4b00;
}
#portal-column-content ul#liste-evenements li.table-ronde .thematique{
background:#ff4b00;
}
#portal-column-content h1.table-ronde,
#portal-column-content ul#liste-evenements li.table-ronde h2 a,
#portal-column-content ul#liste-evenements li.table-ronde .date{
color:#ff4b00;
}
#portal-column-content ul#liste-evenements li.culture-et-sante{
border-top:1px solid #a6a8aa;
border-bottom:1px solid #a6a8aa;
}
#portal-column-content ul#liste-evenements li.culture-et-sante .thematique{
background:#a6a8aa;
}
#portal-column-content h1.culture-et-sante,
#portal-column-content ul#liste-evenements li.culture-et-sante h2 a,
#portal-column-content ul#liste-evenements li.culture-et-sante .date{
color:#a6a8aa;
}
/* */
#portal-column-content ul#liste-evenements li.visioconference{
border-top:1px solid #08baf8;
border-bottom:1px solid #08baf8;
}
#portal-column-content ul#liste-evenements li.visioconference .thematique{
background:#08baf8;
}
#portal-column-content h1.visioconference,
#portal-column-content ul#liste-evenements li.visioconference h2 a,
#portal-column-content ul#liste-evenements li.visioconference .date{
color:#08baf8;
}
#portal-column-content ul#liste-evenements li.automne-jazz-chaabi{
border-top:1px solid #ae00ff;
border-bottom:1px solid #ae00ff;
}
#portal-column-content ul#liste-evenements li.automne-jazz-chaabi .thematique{
background:#ae00ff;
}
#portal-column-content h1.automne-jazz-chaabi,
#portal-column-content ul#liste-evenements li.automne-jazz-chaabi h2 a,
#portal-column-content ul#liste-evenements li.automne-jazz-chaabi .date{
color:#ae00ff;
}
#portal-column-content ul#liste-evenements li.invitation{
border-top:1px solid #bac900;
border-bottom:1px solid #bac900;
}
#portal-column-content ul#liste-evenements li.invitation .thematique{
background:#bac900;
}
#portal-column-content h1.invitation,
#portal-column-content ul#liste-evenements li.invitation h2 a,
#portal-column-content ul#liste-evenements li.invitation .date{
color:#bac900;
}
/* */
#portal-column-content ul#liste-evenements li.la-nuit-des-idees{
border-top:1px solid  #323491;
border-bottom:1px solid #323491;
}
#portal-column-content ul#liste-evenements li.la-nuit-des-idees .thematique{
background:#323491;
}
#portal-column-content h1.la-nuit-des-idees,
#portal-column-content ul#liste-evenements li.la-nuit-des-idees h2 a,
#portal-column-content ul#liste-evenements li.la-nuit-des-idees .date{
color:#323491;
}
#portal-column-content ul#liste-evenements li.le-journal-de-la-nuit-des-idees{
border-top:1px solid  #c2996b;
border-bottom:1px solid #c2996b;
}
#portal-column-content ul#liste-evenements li.le-journal-de-la-nuit-des-idees .thematique{
background:#c2996b;
}
#portal-column-content h1.le-journal-de-la-nuit-des-idees,
#portal-column-content ul#liste-evenements li.le-journal-de-la-nuit-des-idees h2 a,
#portal-column-content ul#liste-evenements li.le-journal-de-la-nuit-des-idees .date{
color:#c2996b;
}
#portal-column-content ul#liste-evenements li.auteur-livre{
border-top:1px solid  #ada59a;
border-bottom:1px solid #ada59a;
}
#portal-column-content ul#liste-evenements li.auteur-livre .thematique{
background:#ada59a;
}
#portal-column-content h1.auteur-livre,
#portal-column-content ul#liste-evenements li.auteur-livre h2 a,
#portal-column-content ul#liste-evenements li.auteur-livre .date{
color:#ada59a;
}
#portal-column-content ul#liste-evenements li.jeudi-du-savoir{
border-top:1px solid  #3e647e;
border-bottom:1px solid #3e647e;
}
#portal-column-content ul#liste-evenements li.jeudi-du-savoir .thematique{
background:#3e647e;
}
#portal-column-content h1.jeudi-du-savoir,
#portal-column-content ul#liste-evenements li.jeudi-du-savoir h2 a,
#portal-column-content ul#liste-evenements li.jeudi-du-savoir .date{
color:#3e647e;
}
#portal-column-content ul#liste-evenements li.rencontre-litteraire{
border-top:1px solid  #d2204c;
border-bottom:1px solid #d2204c;
}
#portal-column-content ul#liste-evenements li.rencontre-litteraire .thematique{
background:#d2204c;
}
#portal-column-content h1.rencontre-litteraire,
#portal-column-content ul#liste-evenements li.rencontre-litteraire h2 a,
#portal-column-content ul#liste-evenements li.rencontre-litteraire .date{
color:#d2204c;
}
#portal-column-content ul#liste-evenements li.concours{
border-top:1px solid  #595959;
border-bottom:1px solid #595959;
}
#portal-column-content ul#liste-evenements li.concours .thematique{
background:#595959;
}
#portal-column-content h1.concours,
#portal-column-content ul#liste-evenements li.concours h2 a,
#portal-column-content ul#liste-evenements li.concours .date{
color:#595959;
}
#portal-column-content ul#liste-evenements li.cinema{
border-top:1px solid  #ecb813;
border-bottom:1px solid #bac900;
}
#portal-column-content ul#liste-evenements li.cinema .thematique{
background:#ecb813;
}
#portal-column-content h1.cinema,
#portal-column-content ul#liste-evenements li.cinema h2 a,
#portal-column-content ul#liste-evenements li.cinema .date{
color:#ecb813;
}
#portal-column-content ul#liste-evenements li.conference{
border-top:1px solid  #ff4b00;
border-bottom:1px solid #ff4b00;
}
#portal-column-content ul#liste-evenements li.conference .thematique{
background:#ff4b00;
}
#portal-column-content h1.conference,
#portal-column-content ul#liste-evenements li.conference h2 a,
#portal-column-content ul#liste-evenements li.conference .date{
color:#ff4b00;
}
#portal-column-content ul#liste-evenements li.exposition{
border-top:1px solid  #d2204c;
border-bottom:1px solid #d2204c;
}
#portal-column-content ul#liste-evenements li.exposition .thematique{
background:#d2204c;
}
#portal-column-content h1.exposition,
#portal-column-content ul#liste-evenements li.exposition h2 a,
#portal-column-content ul#liste-evenements li.exposition .date{
color:#d2204c;
}
#portal-column-content ul#liste-evenements li.lecture-poetique{
border-top:1px solid  #3e647e;
border-bottom:1px solid #3e647e;
}
#portal-column-content ul#liste-evenements li.lecture-poetique .thematique{
background:#3e647e;
}
#portal-column-content h1.lecture-poetique,
#portal-column-content ul#liste-evenements li.lecture-poetique h2 a,
#portal-column-content ul#liste-evenements li.lecture-poetique .date{
color:#3e647e;
}
#portal-column-content ul#liste-evenements li.printemps-des-poetes{
border-top:1px solid  #ada59a;
border-bottom:1px solid #ada59a;
}
#portal-column-content ul#liste-evenements li.printemps-des-poetes .thematique{
background:#ada59a;
}
#portal-column-content h1.printemps-des-poetes,
#portal-column-content ul#liste-evenements li.printemps-des-poetes h2 a,
#portal-column-content ul#liste-evenements li.printemps-des-poetes .date{
color:#ada59a;
}
#portal-column-content ul#liste-evenements li.rencontre{
border-top:1px solid  #d2204c;
border-bottom:1px solid #d2204c;
}
#portal-column-content ul#liste-evenements li.rencontre .thematique{
background:#d2204c;
}
#portal-column-content h1.rencontre,
#portal-column-content ul#liste-evenements li.rencontre h2 a,
#portal-column-content ul#liste-evenements li.rencontre .date{
color:#d2204c;
}
#portal-column-content ul#liste-evenements li.rencontre{
border-top:1px solid  #89c900;
border-bottom:1px solid #89c900;
}
#portal-column-content ul#liste-evenements li.rencontre .thematique{
background:#89c900;
}
#portal-column-content h1.rencontre,
#portal-column-content ul#liste-evenements li.rencontre h2 a,
#portal-column-content ul#liste-evenements li.rencontre .date{
color:#89c900;
}
#portal-column-content ul#liste-evenements li.web-vert{
border-top:1px solid  #00ff00;
border-bottom:1px solid #00ff00;
}
#portal-column-content ul#liste-evenements li.web-vert .thematique{
background:#00ff00;
}
#portal-column-content h1.web-vert,
#portal-column-content ul#liste-evenements li.web-vert h2 a,
#portal-column-content ul#liste-evenements li.web-vert .date{
color:#00ff00;
}
#portal-column-content ul#liste-evenements li.pour-les-juniors{
border-top:1px solid  #ff0066;
border-bottom:1px solid #ff0066;
}
#portal-column-content ul#liste-evenements li.pour-les-juniors .thematique{
background:#ff0066;
}
#portal-column-content h1.pour-les-juniors,
#portal-column-content ul#liste-evenements li.pour-les-juniors h2 a,
#portal-column-content ul#liste-evenements li.pour-les-juniors .date{
color:#ff0066;
}
#portal-column-content ul#liste-evenements li.la-parole-au-philosophe,
#portal-column-content ul#liste-evenements li.interview-rencontre,
#portal-column-content ul#liste-evenements li.info-web,
#portal-column-content ul#liste-evenements li.passerelle,
#portal-column-content ul#liste-evenements li.podcast,
#portal-column-content ul#liste-evenements li.le-77-a-alger,
#portal-column-content ul#liste-evenements li.le-7eme-art,
#portal-column-content ul#liste-evenements li.conversation,
#portal-column-content ul#liste-evenements li.francais-et-litterature{
border-top:1px solid  #2f99ff;
border-bottom:1px solid #2f99ff;
}
#portal-column-content ul#liste-evenements li.la-parole-au-philosophe .thematique,
#portal-column-content ul#liste-evenements li.interview-rencontre .thematique,
#portal-column-content ul#liste-evenements li.info-web .thematique,
#portal-column-content ul#liste-evenements li.passerelle .thematique,
#portal-column-content ul#liste-evenements li.podcast .thematique,
#portal-column-content ul#liste-evenements li.le-77-a-alger .thematique,
#portal-column-content ul#liste-evenements li.le-7eme-art .thematique,
#portal-column-content ul#liste-evenements li.conversation .thematique,
#portal-column-content ul#liste-evenements li.francais-et-litterature .thematique{
background:#2f99ff;
}
#portal-column-content h1.la-parole-au-philosophe,
#portal-column-content ul#liste-evenements li.la-parole-au-philosophe h2 a,
#portal-column-content ul#liste-evenements li.la-parole-au-philosophe .date,
#portal-column-content h1.info-web,
#portal-column-content ul#liste-evenements li.info-web h2 a,
#portal-column-content ul#liste-evenements li.info-web .date,
#portal-column-content h1.passerelle,
#portal-column-content ul#liste-evenements li.passerelle h2 a,
#portal-column-content ul#liste-evenements li.passerelle .date,
#portal-column-content h1.podcast,
#portal-column-content ul#liste-evenements li.podcast h2 a,
#portal-column-content ul#liste-evenements li.podcast .date,
#portal-column-content h1.le-77-a-alger,
#portal-column-content ul#liste-evenements li.le-77-a-alger h2 a,
#portal-column-content ul#liste-evenements li.le-77-a-alger .date,
#portal-column-content h1.interview-rencontre,
#portal-column-content ul#liste-evenements li.interview-rencontre h2 a,
#portal-column-content ul#liste-evenements li.interview-rencontre .date,
#portal-column-content h1.le-7eme-art,
#portal-column-content ul#liste-evenements li.le-7eme-art h2 a,
#portal-column-content ul#liste-evenements li.le-7eme-art .date,
#portal-column-content h1.conversation,
#portal-column-content ul#liste-evenements li.conversation h2 a,
#portal-column-content ul#liste-evenements li.conversation .date,
#portal-column-content h1.francais-et-litterature,
#portal-column-content ul#liste-evenements li.francais-et-litterature h2 a,
#portal-column-content ul#liste-evenements li.francais-et-litterature .date{
color:#2f99ff;
}
#portal-column-content ul#liste-evenements li.jeu,
#portal-column-content ul#liste-evenements li.atelier-web,
#portal-column-content ul#liste-evenements li.le-present-du-passe,
#portal-column-content ul#liste-evenements li.le-passe-en-images,
#portal-column-content ul#liste-evenements li.hommage,
#portal-column-content ul#liste-evenements li.concours-en-ligne,
#portal-column-content ul#liste-evenements li.derniere-nouvelle{
border-top:1px solid  #ff9900;
border-bottom:1px solid #ff9900;
}
#portal-column-content ul#liste-evenements li.jeu .thematique,
#portal-column-content ul#liste-evenements li.atelier-web .thematique,
#portal-column-content ul#liste-evenements li.le-present-du-passe .thematique,
#portal-column-content ul#liste-evenements li.le-passe-en-images .thematique,
#portal-column-content ul#liste-evenements li.hommage .thematique,
#portal-column-content ul#liste-evenements li.concours-en-ligne .thematique,
#portal-column-content ul#liste-evenements li.derniere-nouvelle .thematique{
background:#ff9900;
}
#portal-column-content h1.jeu,
#portal-column-content ul#liste-evenements li.jeu h2 a,
#portal-column-content ul#liste-evenements li.jeu .date,
#portal-column-content h1.atelier-web,
#portal-column-content ul#liste-evenements li.atelier-web h2 a,
#portal-column-content ul#liste-evenements li.atelier-web .date,
#portal-column-content h1.le-present-du-passe,
#portal-column-content ul#liste-evenements li.le-present-du-passe h2 a,
#portal-column-content ul#liste-evenements li.le-present-du-passe .date,
#portal-column-content h1.le-passe-en-images,
#portal-column-content ul#liste-evenements li.le-passe-en-images h2 a,
#portal-column-content ul#liste-evenements li.le-passe-en-images .date,
#portal-column-content h1.hommage,
#portal-column-content ul#liste-evenements li.hommage h2 a,
#portal-column-content ul#liste-evenements li.hommage .date,
#portal-column-content h1.concours-en-ligne,
#portal-column-content ul#liste-evenements li.concours-en-ligne h2 a,
#portal-column-content ul#liste-evenements li.concours-en-ligne .date,
#portal-column-content h1.derniere-nouvelle,
#portal-column-content ul#liste-evenements li.derniere-nouvelle h2 a,
#portal-column-content ul#liste-evenements li.derniere-nouvelle .date{
color:#ff9900;
}
#portal-column-content #evenement{}
#portal-column-content #evenement .intro{
position:relative;
margin:0 0 20px;
padding:10px;
border:1px dotted #000;
overflow:hidden;
}
#portal-column-content #evenement .intro img{
float:left;
margin:0 10px 0 0;
}
#portal-column-content #evenement .intro strong{
display:block;
padding:0 0 10px;
border-bottom:1px solid #000;
font-size:1.5em;
font-family: 'DINMedium';
font-weight:normal;
overflow:auto;
}
#portal-column-content #evenement .intro strong span{
display:block;
}
#portal-column-content #evenement .intro strong span + span{
margin:10px 0 0;
}
#portal-column-content #evenement .intro .thematique{
position:absolute;
bottom:20px;
left:0;
padding:2px 5px;
background:rgba(0,0,0,0.8);
-pie-background:rgba(0,0,0,0.8);
behavior: url(PIE.htc);
color:#fff;
font-size:1.7em;
font-family: 'DINMedium';
}
#portal-column-content #evenement .intro a,
#portal-column-content #evenement .intro a:hover,
#portal-column-content #evenement .intro a:focus{
float:right;
font-weight:bold;
color:#000!important;
}
#portal-column-content #evenement .intro .documentDescription{
margin:10px 0;
padding:0 0 20px;
border-bottom:1px solid #000;
font-weight:bold;
overflow:auto;
}
#portal-column-content #evenement .event-participant{
font-size:1.2em;
font-style:italic;
}
#portal-column-content #evenement.arts-de-la-scene h1,
#portal-column-content #evenement.arts-de-la-scene .intro .documentDescription,
#portal-column-content #evenement.arts-de-la-scene .event-participant{
color:#bac900;
}
#portal-column-content #evenement.arts-de-la-scene .intro{
border:1px dotted #bac900;
}
#portal-column-content #evenement.arts h1,
#portal-column-content #evenement.arts .intro .documentDescription,
#portal-column-content #evenement.arts .event-participant{
color:#bac900;
}
#portal-column-content #evenement.arts .intro{
border:1px dotted #bac900;
}
#portal-column-content ul#liste-evenements li.auteur-livre h2 a,
#portal-column-content ul#liste-evenements li.auteur-livre .date{
color:#ada59a;
}
#portal-column-content #evenement.table-ronde h1,
#portal-column-content #evenement.table-ronde .intro .documentDescription,
#portal-column-content #evenement.table-ronde .event-participant{
color:#ff4b00;
}
#portal-column-content #evenement.table-ronde .intro{
border:1px dotted #ff4b00;
}
#portal-column-content ul#liste-evenements li.table-ronde h2 a,
#portal-column-content ul#liste-evenements li.table-ronde .date{
color:#ff4b00;
}
#portal-column-content #evenement.culture-et-sante h1,
#portal-column-content #evenement.culture-et-sante .intro .documentDescription,
#portal-column-content #evenement.culture-et-sante .event-participant{
color:#a6a8aa;
}
#portal-column-content #evenement.culture-et-sante .intro{
border:1px dotted #a6a8aa;
}
#portal-column-content ul#liste-evenements li.culture-et-sante h2 a,
#portal-column-content ul#liste-evenements li.culture-et-sante .date{
color:#a6a8aa;
}
#portal-column-content #evenement.visioconference h1,
#portal-column-content #evenement.visioconference .intro .documentDescription,
#portal-column-content #evenement.visioconference .event-participant{
color:#08baf8;
}
#portal-column-content #evenement.visioconference .intro{
border:1px dotted #08baf8;
}
#portal-column-content ul#liste-evenements li.visioconference h2 a,
#portal-column-content ul#liste-evenements li.visioconference .date{
color:#08baf8;
}
#portal-column-content #evenement.jeudi-du-savoir h1,
#portal-column-content #evenement.jeudi-du-savoir .intro .documentDescription,
#portal-column-content #evenement.jeudi-du-savoir .event-participant{
color:#3e647e;
}
#portal-column-content #evenement.jeudi-du-savoir .intro{
border:1px dotted #3e647e;
}
#portal-column-content #evenement.la-nuit-des-idees h1,
#portal-column-content #evenement .intro .documentDescription,
#portal-column-content #evenement.la-nuit-des-idees .event-participant{
color:#323491;
}
#portal-column-content #evenement.la-nuit-des-idees .intro{
border:1px dotted #323491;
}
#portal-column-content #evenement.le-journal-de-la-nuit-des-idees h1,
#portal-column-content #evenement.le-journal-de-la-nuit-des-idees .intro .documentDescription,
#portal-column-content #evenement.le-journal-de-la-nuit-des-idees .event-participant{
color:#c2996b;
}
#portal-column-content #evenement.le-journal-de-la-nuit-des-idees .intro{
border:1px dotted #c2996b;
}
/* */
#portal-column-content #evenement.e-maktaba h1,
#portal-column-content #evenement.e-maktaba .intro .documentDescription,
#portal-column-content #evenement.e-maktaba .event-participant{
color:#fea9a6;;
}
#portal-column-content #evenement.e-maktaba .intro{
border:1px dotted #fea9a6;;
}
#portal-column-content #evenement.automne-jazz-chaabi h1,
#portal-column-content #evenement.automne-jazz-chaabi .intro .documentDescription,
#portal-column-content #evenement.automne-jazz-chaabi .event-participant{
color:#ae00ff;
}
#portal-column-content #evenement.automne-jazz-chaabi .intro{
border:1px dotted #ae00ff;;
}
#portal-column-content #evenement.novembre-numerique h1,
#portal-column-content #evenement.novembre-numerique .intro .documentDescription,
#portal-column-content #evenement.novembre-numerique .event-participant{
color:#0db2aa;
}
#portal-column-content #evenement.novembre-numerique .intro{
border:1px dotted #0db2aa;
}
#portal-column-content #evenement.rencontre-litteraire h1,
#portal-column-content #evenement.rencontre-litteraire .intro .documentDescription,
#portal-column-content #evenement.rencontre-litteraire .event-participant{
color:#d2204c;
}
#portal-column-content #evenement.rencontre-litteraire .intro{
border:1px dotted #d2204c;
}
#portal-column-content #evenement.concours h1,
#portal-column-content #evenement.concours .intro .documentDescription,
#portal-column-content #evenement.concours .event-participant{
color:#595959;
}
#portal-column-content #evenement.concours .intro{
border:1px dotted #595959;
}
#portal-column-content #evenement.cinema h1,
#portal-column-content #evenement.cinema .intro .documentDescription,
#portal-column-content #evenement.cinema .event-participant{
color:#ecb813;
}
#portal-column-content #evenement.cinema .intro{
border:1px dotted #ecb813;
}
#portal-column-content #evenement.conference h1,
#portal-column-content #evenement.conference .intro .documentDescription,
#portal-column-content #evenement.conference .event-participant{
color:#ff4b00;
}
#portal-column-content #evenement.conference .intro{
border:1px dotted #ff4b00;
}
#portal-column-content #evenement.exposition h1,
#portal-column-content #evenement.exposition .intro .documentDescription,
#portal-column-content #evenement.exposition .event-participant{
color:#d2204c;
}
#portal-column-content #evenement.exposition .intro{
border:1px dotted #d2204c;
}
#portal-column-content #evenement.lecture-poetique h1,
#portal-column-content #evenement.lecture-poetique .intro .documentDescription,
#portal-column-content #evenement.lecture-poetique .event-participant{
color:#3e647e;
}
#portal-column-content #evenement.lecture-poetique .intro{
border:1px dotted #3e647e;
}
#portal-column-content #evenement.printemps-des-poetes h1,
#portal-column-content #evenement.printemps-des-poetes .intro .documentDescription,
#portal-column-content #evenement.printemps-des-poetes .event-participant{
color:#printemps-des-poetes;
}
#portal-column-content #evenement.printemps-des-poetes .intro{
border:1px dotted #printemps-des-poetes;
}
#portal-column-content #evenement.rencontre h1,
#portal-column-content #evenement.rencontre .intro .documentDescription,
#portal-column-content #evenement.rencontre .event-participant{
color:#d2204c;
}
#portal-column-content #evenement.rencontre .intro{
border:1px dotted #d2204c;
}
#portal-column-content #evenement.web-vert h1,
#portal-column-content #evenement.web-vert .intro .documentDescription,
#portal-column-content #evenement.web-vert .event-participant{
color:#00ff00;;
}
#portal-column-content #evenement.web-vert .intro{
border:1px dotted #00ff00;
}
#portal-column-content #evenement.pour-les-juniors h1,
#portal-column-content #evenement.pour-les-juniors .intro .documentDescription,
#portal-column-content #evenement.pour-les-juniors .event-participant{
color:#ff0066;;
}
#portal-column-content #evenement.pour-les-juniors .intro{
border:1px dotted #ff0066;
}
#portal-column-content #evenement.la-parole-au-philosophe h1,
#portal-column-content #evenement.la-parole-au-philosophe .intro .documentDescription,
#portal-column-content #evenement.la-parole-au-philosophe .event-participant,
#portal-column-content #evenement.interview-rencontre h1,
#portal-column-content #evenement.interview-rencontre .intro .documentDescription,
#portal-column-content #evenement.interview-rencontre .event-participant,
#portal-column-content #evenement.info-web h1,
#portal-column-content #evenement.info-web .intro .documentDescription,
#portal-column-content #evenement.info-web .event-participant,
#portal-column-content #evenement.passerelle h1,
#portal-column-content #evenement.passerelle .intro .documentDescription,
#portal-column-content #evenement.passerelle .event-participant,
#portal-column-content #evenement.podcast h1,
#portal-column-content #evenement.podcast .intro .documentDescription,
#portal-column-content #evenement.podcast .event-participant,
#portal-column-content #evenement.le-77-a-alger h1,
#portal-column-content #evenement.le-77-a-alger .intro .documentDescription,
#portal-column-content #evenement.le-77-a-alger .event-participant,
#portal-column-content #evenement.le-7eme-art h1,
#portal-column-content #evenement.le-7eme-art .intro .documentDescription,
#portal-column-content #evenement.le-7eme-art .event-participant,
#portal-column-content #evenement.conversation h1,
#portal-column-content #evenement.conversation .intro .documentDescription,
#portal-column-content #evenement.conversation .event-participant,
#portal-column-content #evenement.francais-et-litterature h1,
#portal-column-content #evenement.francais-et-litterature .intro .documentDescription,
#portal-column-content #evenement.francais-et-litterature .event-participant{
color:#2f99ff;
}
#portal-column-content #evenement.la-parole-au-philosophe .intro,
#portal-column-content #evenement.interview-rencontre .intro,
#portal-column-content #evenement.info-web .intro,
#portal-column-content #evenement.passerelle .intro,
#portal-column-content #evenement.podcast .intro,
#portal-column-content #evenement.le-77-a-alger .intro,
#portal-column-content #evenement.le-7eme-art .intro,
#portal-column-content #evenement.conversation .intro,
#portal-column-content #evenement.francais-et-litterature .intro{
border:1px dotted #2f99ff;
}
#portal-column-content #evenement.jeu h1,
#portal-column-content #evenement.jeu .intro .documentDescription,
#portal-column-content #evenement.jeu .event-participant,
#portal-column-content #evenement.atelier-web h1,
#portal-column-content #evenement.atelier-web .intro .documentDescription,
#portal-column-content #evenement.atelier-web .event-participant,
#portal-column-content #evenement.le-present-du-passe h1,
#portal-column-content #evenement.le-present-du-passe .intro .documentDescription,
#portal-column-content #evenement.le-present-du-passe .event-participant,
#portal-column-content #evenement.le-passe-en-images h1,
#portal-column-content #evenement.le-passe-en-images .intro .documentDescription,
#portal-column-content #evenement.le-passe-en-images .event-participant,
#portal-column-content #evenement.hommage h1,
#portal-column-content #evenement.hommage .intro .documentDescription,
#portal-column-content #evenement.hommage .event-participant,
#portal-column-content #evenement.concours-en-ligne h1,
#portal-column-content #evenement.concours-en-ligne .intro .documentDescription,
#portal-column-content #evenement.concours-en-ligne .event-participant,
#portal-column-content #evenement.derniere-nouvelle h1,
#portal-column-content #evenement.derniere-nouvelle .intro .documentDescription,
#portal-column-content #evenement.derniere-nouvelle .event-participant{
color:#ff9900;
}
#portal-column-content #evenement.jeu .intro,
#portal-column-content #evenement.atelier-web .intro,
#portal-column-content #evenement.le-present-du-passe .intro,
#portal-column-content #evenement.le-passe-en-images .intro,
#portal-column-content #evenement.hommage .intro,
#portal-column-content #evenement.concours-en-ligne .intro,
#portal-column-content #evenement.derniere-nouvelle .intro{
border:1px dotted #ff9900;
}
#portal-column-content .catalogue-de-ressources{
}
#portal-column-content .catalogue-de-ressources a.recherche-avance{
float:right;
padding:15px 10px;
width:135px;
background:#F2FAFD;
-webkit-box-shadow:#0091D2 0 0 3px;
-moz-box-shadow:#0091D2 0 0 3px;
box-shadow:#0091D2 0 0 3px;
behavior: url(PIE.htc);
}
#portal-column-content .catalogue-de-ressources a.recherche-avance .intro{
display:block;
margin:0 0 20px;
font-size:1.5em;
font-family: 'DINMedium';
color:#0091D2;
}
#portal-column-content .catalogue-de-ressources a.recherche-avance .bascule{
font-family: 'DINDINBOLDTRAM';
text-transform:uppercase;
color:#000;
font-size:1.8em;
line-height:1.1em;
}
#portal-column-content .catalogue-de-ressources a.recherche-avance:hover{
-webkit-box-shadow:#0091D2 0 0 5px;
-moz-box-shadow:#0091D2 0 0 5px;
box-shadow:#0091D2 0 0 5px;
behavior: url(PIE.htc);
text-decoration:none;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee{}
#portal-column-content .catalogue-de-ressources form#recherche-guidee fieldset{
position:relative;
margin:0;
padding:0;
border:none;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee fieldset legend{
padding:0;
font-size:1.2em;
font-weight:bold;
height:23px;
color:#000;
}
#portal-column-content .catalogue-de-ressources .numero-etape{
padding:0 5px 0 0;
font-family: 'DINMedium';
font-size:1.8em;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee fieldset label{
display:block;
margin:10px 0 0 60px;
font-size:1.2em;
font-weight:normal;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee fieldset label input{
vertical-align:middle;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee fieldset label.validation{
margin:10px 30px 0 0;
padding:10px 0 0 0;
width:95%!important;
border-top:1px dotted #535353;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee fieldset label.validation input{
float:right;
padding:5px 15px 2px;
background:#0091d2;
border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior: url(PIE.htc);
cursor:pointer;
color:#fff;
font-size:1em;
font-family: 'DINMedium';
text-transform:uppercase;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee fieldset label.validation input:hover{
background:#0576A9;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee fieldset.deux-colonnes label{
float:left;
width:43%;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee fieldset.deux-colonnes label.pair{
margin-left:0;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee p{
margin:0 0 25px 0;
font-size:1.2em;
font-weight:bold;
height:23px;
color:#7f7f7f;
}
#portal-column-content .catalogue-de-ressources form#recherche-guidee p .criteres-choisis{
display:block;
margin:0 0 0 35px;
font-weight:normal;
}
#portal-column-content .catalogue-de-ressources a.recherche-guidee{
float:right;
padding:15px 10px;
width:135px;
background:#F2FAFD;
-webkit-box-shadow:#0091D2 0 0 3px;
-moz-box-shadow:#0091D2 0 0 3px;
box-shadow:#0091D2 0 0 3px;
behavior: url(PIE.htc);
}
#portal-column-content .catalogue-de-ressources a.recherche-guidee .intro{
display:block;
margin:0 0 20px;
font-size:1.5em;
font-family: 'DINMedium';
color:#0091D2;
}
#portal-column-content .catalogue-de-ressources a.recherche-guidee .bascule{
font-family: 'DINDINBOLDTRAM';
text-transform:uppercase;
color:#000;
font-size:1.8em;
line-height:1.1em;
}
#portal-column-content .catalogue-de-ressources a.recherche-guidee:hover{
-webkit-box-shadow:#0091D2 0 0 5px;
-moz-box-shadow:#0091D2 0 0 5px;
box-shadow:#0091D2 0 0 5px;
behavior: url(PIE.htc);
text-decoration:none;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee{}
#portal-column-content .catalogue-de-ressources form#recherche-avancee label{
display:block;
margin:10px 0 0 0;
font-size:1.3em;
font-weight:bold;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee label input[type=text]{
width:300px;
font-size:0.9em;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee label select{
width:312px;
font-size:0.9em;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee fieldset{
margin:25px 0 0 0;
padding:0;
border:none;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee fieldset legend{
padding:0;
font-size:1.3em;
font-weight:bold;
color:#000;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee fieldset label{
display:block;
margin:10px 0 0 20px;
font-size:1.1em;
font-weight:normal;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee fieldset.deux-colonnes label{
float:left;
width:43%;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee fieldset.trois-colonnes label{
float:left;
width:30%;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee fieldset.six-colonnes label{
float:left;
width:12%;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee fieldset label input{
vertical-align:middle;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee label.validation{
margin:10px 30px 0 0;
padding:10px 0 0 0;
width:95%!important;
border-top:1px solid #535353;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee label.validation input{
float:right;
padding:5px 15px 2px;
background:#0091d2;
border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior: url(PIE.htc);
cursor:pointer;
color:#fff;
font-size:1em;
font-family: 'DINMedium';
text-transform:uppercase;
}
#portal-column-content .catalogue-de-ressources form#recherche-avancee label.validation input:hover{
background:#0576A9;
}
#portal-column-content .catalogue-de-ressources .nombre-resultats{
font-size:1.4em;
}
#portal-column-content .catalogue-de-ressources ul.rappel-criteres{
display:inline-block;
width:490px;
margin:0 15px 0 0!important;
padding:5px 10px!important;
border:1px solid #7f7f7f;
color:#7f7f7f;
font-size:1.1em;
vertical-align:middle;
}
#portal-column-content .catalogue-de-ressources ul.rappel-criteres li{
margin:0 0 5px 0;
padding:0;
background:none;
list-style:none;
}
#portal-column-content .catalogue-de-ressources a.autre-recherche{
float:right;
width:90px;
margin:0;
padding:15px 15px 12px;
background:#0091d2;
border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior: url(PIE.htc);
cursor:pointer;
color:#fff;
font-size:1.2em;
font-family: 'DINMedium';
text-transform:uppercase;
text-align:center;
}
#portal-column-content .catalogue-de-ressources a.autre-recherche:hover{
background:#0576A9;
color:#fff!important;
text-decoration:none;
}
#portal-column-content .catalogue-de-ressources ul.resultats{
margin:20px 0 0;
}
#portal-column-content .catalogue-de-ressources ul.resultats li{
padding:0;
overflow:hidden;
line-height:normal;
}
#portal-column-content .catalogue-de-ressources ul.resultats li h2{
float:left;
margin:0 0 8px 0;
width:610px;
font-family: 'DINMedium';
font-size: 1.8em;
text-transform: uppercase;
}
#portal-column-content .catalogue-de-ressources ul.resultats li p.description{
width:610px;
float:left;
margin:0 0 8px 0;
font-size:1.2em;
}
#portal-column-content .catalogue-de-ressources ul.resultats li p.support{
width:610px;
float:left;
font-size:1.1em;
}
#portal-column-content .catalogue-de-ressources ul.resultats li p.support a{
border-bottom:1px dotted #000;
}
#portal-column-content .catalogue-de-ressources ul.resultats li p.support a:hover{
border-bottom:1px solid #000;
}
#portal-column-content .catalogue-de-ressources ul.resultats li ul.niveaux{
width:20px;
float:right;
}
#portal-column-content .catalogue-de-ressources ul.resultats li ul.niveaux li{
margin:0!important;
padding:0;
background:none;
font-weight:bold;
font-size:1.3em;
text-transform: uppercase;
}
#portal-column-content .catalogue-de-ressources ul.resultats > li + li{
margin:10px 0 0;
padding:10px 0 0;
border-top:1px solid #000;
}
#portal-column-content .catalogue-de-ressources .listingBar{
position:relative;
margin:10px 0 0 0;
padding:10px 0 0 0;
width:100%;
border-top:1px dotted #000;
}
#portal-column-content .catalogue-de-ressources .listingBar .next a,#portal-column-content .catalogue-de-ressources .listingBar .next a:visited{
display:block;
float:right;
padding:2px 15px 0 0;
height:35px;
background:url(image-ccf/fleche-suivante.png) right 0 no-repeat;
color:#535353;
font-size:1.1em;
font-variant:small-caps;
text-align:right;
}
#portal-column-content .catalogue-de-ressources .listingBar .previous a, #portal-column-content .catalogue-de-ressources .listingBar .previous a:visited{
display:block;
float:left;
padding:2px 0 0 15px;
height:35px;
background:url(image-ccf/fleche-precedente.png) 0 0 no-repeat;
color:#535353;
font-size:1.1em;
font-variant:small-caps;
text-align:left;
}
#portal-column-two{
float:right;
width:260px;
}
body[dir="rtl"] #portal-column-two{
float:left;
}
.section-accueil-alger #portal-column-two,
.section-accueil-annaba #portal-column-two,
.section-accueil-constantine #portal-column-two,
.section-accueil-oran #portal-column-two,
.section-accueil-tlencem #portal-column-two,
.section-accueil-tizi-ouzou #portal-column-two
.section-accueil-canal-ifa #portal-column-two{
width:290px;
}
#portal-column-two .derniere-minute{
margin-left:20px;
padding: 20px;
overflow:hidden;
border: 2px solid #0091d2;
}
#portal-column-two .derniere-minute:before{
content: "Dernière minute";
display: block;
background-color: #0091d2;
padding: 6px;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.8em;
margin-bottom: 20px;
font-family: 'DINMedium';
}
#portal-column-two .portletNavigationTree{ /**/
position:relative;
margin:30px 0 0 20px;
}
#portal-column-two .portletNavigationTree:before{
content:url(./images-ifAlgerie/minisite/fond-sous-navigation.png);
position:absolute;
top:0;
left:-50px;
width:20px;
height:20px;
}
#portal-column-two .portletNavigationTree dd ul{
}
#portal-column-two .portletNavigationTree ul li{
margin:0 0 3px;
padding:0 0 0 6px;
background:url(./images-ifAlgerie/puce-noire-petite.png) 0 0.7em no-repeat;
border:none;
line-height:normal;
}
#portal-column-two .portletNavigationTree ul li.navTreeTopNode{
margin:0 0 8px;
padding:0;
background:0;
}
#portal-column-two .portletNavigationTree ul li img{
display:none;
}
#portal-column-two .portletNavigationTree ul li a,
#portal-column-two .portletNavigationTree ul li a:hover,
#portal-column-two .portletNavigationTree ul li a:focus{
margin:0;
padding:0!important;
background:none;
font-size:1.1em;
color:#000!important;
line-height:normal;
}
#portal-column-two .portletNavigationTree ul li.navTreeTopNode a,
#portal-column-two .portletNavigationTree ul li.navTreeTopNode a.navTreeCurrentItem,
#portal-column-two .portletNavigationTree ul li.navTreeTopNode a:hover,
#portal-column-two .portletNavigationTree ul li.navTreeTopNode a:focus{
border:none;
font-family: 'DINDINBOLDTRAM';
font-size:1.8em;
text-transform:uppercase;
text-decoration:none;
font-weight:normal;
}
#portal-column-two .portletNavigationTree ul li a.navTreeCurrentItem{
border:none;
font-weight:bold;
}
#portal-column-two .portletNavigationTree ul li ul{
margin:5px 0;
border-top:1px dotted #000;
}
#portal-column-two .portletNavigationTree ul li ul li{
padding:0 0 5px;
background:none;
border-bottom:1px dotted #000;
}
#portal-column-two .portletRDV{
position:relative;
margin:30px 0 0 20px;
}
#portal-column-two .portletRDV:before{
content:url(./images-ifAlgerie/minisite/fond-sous-navigation.png);
position:absolute;
top:0;
left:-50px;
width:20px;
height:20px;
}
#portal-column-two .portletRDV span.entete{
font-family: 'DINDINBOLDTRAM';
font-size:2em;
text-transform:uppercase;
line-height:1em;
}
#portal-column-two .portletRDV #choix-thematique{
margin:10px 0;
}
#portal-column-two .portletRDV #choix-thematique select{
width:210px;
font-size:1.2em;
}
#portal-column-two .portletRDV #choix-thematique input{
background:none;
border:none;
font-size:1.1em;
font-weight:bold;
cursor:pointer;
}
#portal-column-two .portletRDV #choix-date{
padding:10px 0;
border-top:1px dotted #737373;
border-bottom:1px dotted #737373;
}
#portal-column-two .portletRDV #choix-date strong{
display:block;
margin:0 0 5px;
font-family: 'DINMedium';
font-size:1.4em;
font-weight:normal;
text-transform:uppercase;
color:#737373;
}
#portal-column-two .portletRDV #choix-date span.lele{
padding-right:15px;
font-weight:bold;
}
#portal-column-two .portletRDV #choix-date span.lele:before{
content:"> ";
font-size:0.7em;
}
#portal-column-two .portletRDV #choix-date .plone_jscalendar{
margin:5px 0 10px 10px;
}
#portal-column-two .portletRDV #choix-date input{
margin:0 0 0 10px;
background:#737373;
border:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior: url(PIE.htc);
color:#fff;
cursor:pointer;
}
#portal-column-two dl.portletCalendar{
position:relative;
margin:40px 20px 0;
padding:0 10px 10px;
width:200px;
background:#7fc8e8;
-webkit-box-shadow:#bbb 0 0 3px;
-moz-box-shadow:#bbb 0 0 3px;
box-shadow:#bbb 0 0 3px;
behavior: url(PIE.htc);
}
.section-accueil-alger #portal-column-two dl.portletCalendar,
.section-accueil-annaba #portal-column-two dl.portletCalendar,
.section-accueil-constantine #portal-column-two dl.portletCalendar,
.section-accueil-oran #portal-column-two dl.portletCalendar,
.section-accueil-tlencem #portal-column-two dl.portletCalendar,
.section-accueil-tizi-ouzou #portal-column-two dl.portletCalendar{
width:230px;
}
#portal-column-two dl.portletCalendar dt{
padding:0;
background:none;
text-align:left;
font-family: 'DINDINBOLDTRAM';
font-size:2.4em;
font-weight:normal;
text-transform:uppercase;
color:#fff;
}
#portal-column-two dl.portletCalendar dt a{
position:absolute;
top:10px;
margin:0;
padding:0;
width:17px;
height:55px;
text-indent:-5000px;
}
#portal-column-two dl.portletCalendar dt a:hover,
#portal-column-two dl.portletCalendar dt a:focus{
color:#fff!important;
background:#0091d2;
}
#portal-column-two dl.portletCalendar dt a#calendar-previous{
left:-17px;
background:url(./images-ifAlgerie/calendrier-precedent.png) 0 0 no-repeat;
}
#portal-column-two dl.portletCalendar dt a#calendar-next{
right:-17px;
background:url(./images-ifAlgerie/calendrier-suivant.png) 0 0 no-repeat;
}
#portal-column-two dl.portletCalendar dd{
}
#portal-column-two dl.portletCalendar dd .weekdays th{
background:#fff;
border:1px solid #7fc8e8;
font-size:1.1em;
font-weight:bold;
}
#portal-column-two dl.portletCalendar dd td{
background:#cce9f6;
border:1px solid #7fc8e8;
}
#portal-column-two dl.portletCalendar dd td.event,
#portal-column-two dl.portletCalendar dd td.todayevent{
background:#0576a9;
}
#portal-column-two dl.portletCalendar dd td.event a{
color:#fff;
}
#portal-column-two dl.portletCalendar dd td a:visited,
#portal-column-two dl.portletCalendar dd td a:hover,
#portal-column-two dl.portletCalendar dd td a:focus{
color:#fff!important;
text-decoration:underline;
}
#portal-column-two .tout-agenda-culturel{
margin:0 20px 30px;
font-weight:bold;
font-size:1em;
}
#portal-column-two .tout-agenda-culturel a{
color:#0091d2;
}
#portal-column-two .cooperation{
margin:20px;
}
#portal-column-two .cooperation a{
display:block;
padding: 5px 20px;
background:#0091D2 url(./images-ifAlgerie/fr/puce-fleche-blanche-off.png) 10px 0.6em  no-repeat;
color:#fff;
font-family: 'DINMedium';
font-size: 1.8em;
}
#portal-column-two .appel-projets{
margin:20px;
}
#portal-column-two .appel-projets a{
display:block;
padding: 5px 20px;
background:#0091D2 url(./images-ifAlgerie/fr/puce-fleche-blanche-off.png) 10px 0.6em  no-repeat;
color:#fff;
font-family: 'DINMedium';
font-size: 1.8em;
}
#portal-column-two .canal-ifa a{
margin:0 20px;
}
#portal-columns .preinscription-ligne{
font-family: 'DINMedium';
font-size:1.9em;
line-height:1em;
}
.section-accueil #portal-columns .preinscription-ligne{
margin-top:20px;
}
#portal-columns .preinscription-ligne a{
display:block;
margin:0 20px;
padding:14px 0 0 90px;
background:url(./images-ifAlgerie/sprite.png) 0 -136px no-repeat;
height:48px;
color:#fff;
}
#portal-columns .preinscription-ligne a:hover,
#portal-columns .preinscription-ligne a:focus{
background:url(./images-ifAlgerie/sprite.png) 0 -208px no-repeat;
color:#fff;
text-decoration:none;
}
#portal-columns .preinscription-ligne a span{
font-family: 'DINDINBOLDTRAM';
text-transform:uppercase;
}
#portal-footer .FooterPortletManager6 {
background: rgba(0, 0, 0, 0.7);
bottom: 0;
left: 0;
position: fixed !important;
right: 0;
top: 0;
z-index: 1000;
}
#portal-footer .FooterPortletManager6 .portlet-static-popin {
background: #fff;
margin: 100px auto;
padding: 30px;
width: 580px;
font-size: 1.5em;
}
#portal-footer .FooterPortletManager6 .portlet-static-popin li {
display: block;
}
#portal-footer .FooterPortletManager6 .portlet-static-popin a.close {
float: right;
font-size: 0.8em;
}