/* 
    Document   : elements_communs
    Created on : 11 juin 2014, 11:06:57
    Author     : Heckel
    Description:
        Purpose of the stylesheet follows.
*/

body #header_top_container_commun,
body .inner_header_container_commun {
	font-family: "arial" !important;
	font-size: 13px;
}

/* Bandeau commun */
#header_top_dropdown .span4:last-child{padding-top: 2px;}

/* HEADER */ 
#header_top_container_commun { min-width:100%; position:relative; width:100%; height:27px; background-color:#383838; color: #FFFFFF; }
#header_top_container_commun .header_text{font-size:13px; margin-top:4px;}
#header_top_container_commun .header_url{font-size:12px;margin-top:4px;}
#header_top_container_commun .header_url a{color:#FFF; text-decoration:none;}	
#header_top_container_commun .header_url a:hover{color:#FFF; text-decoration:underline;}		
#header_top_container_commun #inner_header{ cursor:pointer; margin: 0 auto; max-width: 960px; }
#header_top_container_commun #inner_header:hover #inner_header_right,
#header_top_container_commun #inner_header:hover #inner_header_left{ text-decoration:underline; }
#header_top_container_commun #inner_header_img{ height:27px; position:absolute; top:0; left:50%; }
#header_top_container_commun .open_inner_header,#header_top_container_commun .close_inner_header{}
.pull-left a{color:#fff;}

/* INNER HEADER */
.inner_header_container_commun {display:none; width:100%; background:#565656; border-bottom:8px solid #383838;}
.inner_header_container_commun .content { margin: 0 auto; max-width: 960px; }

/* left panel - institutions links */
.institutions_link {width:34%; float:left;}
.institutions_link ul{margin:0; padding:0;}
.institutions_link li {list-style:none; margin:6px 0; padding:5px 5px 5px 12px; cursor:pointer;}
.institutions_link li:hover {background-color:#383838;}
.institutions_link li.active {background:url(/fileadmin/templates/general/images/communs/bg-active.jpg) repeat -20px 0 #383838;}
.institutions_link li a{color:#FFFFFF !important; text-decoration:none; padding: 0 0 6px 0;}

/* middle panel - content institutions */
.institutions_content {display:none;width:66%; float:left; background-color:#383838; height:100%; padding:13px 0 0 0;}
.institutions_content ul {margin:0; padding:0 25px 5px 25px; }
.institutions_content li {list-style:none; /*border-bottom:1px solid #FFF;*/ margin:0 0 10px 0; padding:0 0 2px 0;}
.institutions_content li img{margin:-5px 0 0 0;}
.institutions_content li a {color:#FFF; text-decoration:none;/*border-bottom:3px solid #FFF; padding: 0 0 4px 0;*/padding:0 15px 0 0;background:url(/fileadmin/templates/general/images/communs/pictoLienExterne.png) right no-repeat;}
.institutions_content li a:hover {color:#FFF; text-decoration:underline;/*border-bottom:3px solid #FFF; padding: 0 0 4px 0;*/	}
.institutions_content li.text {color:#FFF;list-style:none;border:none;line-height:18px;}

/* right panel - link for ville-genève */
.city_link ul{margin:0; padding:13px 0 0 0;}
.city_link li{list-style:none; border-bottom:1px solid #FFF; margin:0 0 10px 0; padding:0 0 2px 0;}
.city_link li a{color: #FFF;  text-decoration:none;  border-bottom:3px solid #FFF; padding: 0 0 4px 0;	}
.city_link li a:hover {color: #FFF;  text-decoration:underline;}

/* FOOTER */
#footer_container_commun {background: none repeat scroll 0 0 #333333;color: #FFFFFF;min-height:100px;border-color: #CCCCCC;border-image: none;border-style: solid;border-width: 2px 0 0;}
#footer_container_commun .content { margin: 0 auto; max-width: 960px; padding: 15px 0 0; }
#footer_container_commun .footer_text { margin:9px 0 0 0; }
.ie #footer_container_commun .nav-list > li > a {padding-left: 0;}

/* COOKIES */
#alert-cookies {
    background-color: #efefef;
    margin: 0;
    opacity: 1;
    width: 100%;
	text-align: center;
}
#alert-cookies a { color: #000000; }

/* RESPONSIVE CLASS */
@media (max-width: 960px) { 				
.city_link ul{padding:13px 17px;}
#header_top_container_commun .header_text, #footer_container_commun .footer_text{margin-left:12px;}
#header_top_container_commun .header_url, #footer_container_commun .footer_logo{margin-right:12px;}
.institutions_content li img { width: 100%; }
 }
 
@media (max-width: 480px) { 
 .institutions_link, .institutions_content, .city_link {float:left; width:100%;	}
 #header_top_container_commun .open_inner_header, #header_top_container_commun .close_inner_header{left:55%;}
 #header_top_container_commun #inner_header_left, #header_top_container_commun #inner_header_right { display: none; }
 }