/*
Theme Name: AMGE
Theme URI: http://www.webgeneve.ch/
Description: Template AMGE
Version: 0.1
Author: WebGeneve
 
*/

@import url('menu-style.css');

*{ outline: none; }


#covid19 {
	position:relative;
	float:left;
	width:100%;
	padding:30px 0 50px;
	z-index:99999;
	text-align:left;
	margin-bottom:50px;
	border-bottom:1px solid #ddd;
}

.covidleft {position:relative;float:left;width:45%;}
.covidleft p {text-align:left;}
.covidleft p strong {text-align:left;}
.covidright {position:relative;float:right;width:45%;padding-top:60px;}

a.covidbutton {
	text-decoration:underline;
	font-size:1.2em;
}

#covid19.fluo {
	position:relative;
	float:left;
	width:100%;
	padding:150px 0 150px;
	z-index:99999;
	text-align:center;
	margin-bottom:50px;
	border-bottom:1px solid #ddd;
	background:#fff450;
}

#covid19.fluo a {
	opacity:1;
	font-size:1.2em;
	font-weight:bold;
}

#covid19.fluo a#reduire {
	opacity:0.5;
	color:#000;
	font-size:0.8em;
}

#covid19.fluo a#reduire:hover {
	opacity:1;
}

#covid19 a#agrandirmsg, #covid19 a#reduiremsg {
	opacity:0.5;
	color:#000;
	font-size:0.8em;
}

#covid19 a#agrandirmsg:hover, #covid19 a#reduiremsg:hover {
	opacity:1;
}

#covid19 p, #covid19 h2 {
	padding:0 30px;
}

#covid19 p {
	font-size:1.2em;
}

#covid19 p.bleu {
	background:#0068a5;
	color:#fff;
	padding:20px;
	margin:30px 0;
}

#covid19 ul, #covid19 ul li {list-style-type:none;}
#covid19 ul li {margin-top:10px;}

#covid19 p a {
	color:#006EB7;
}

#covid19 h2 a, #covid19 ul li a {
	color:#006EB7;
	font-size:1.5em;
}

/*!corps de la page web */

body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.8em;
	text-align: left;
	background-color: #b3d6f3;
	color: #000;
	margin: 0;
}

img{
	border: none;
}

.clear{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;	
}

/* !gestion des liens */

a {
	color: #007d90; /*00a2ba;*/
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

span.primary-color{ color: #007d90 }

.article_separateur{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px dotted #b2b2b2;
	margin: 0 20px;
}

#page {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background-color: white;
}
/* !gestion de l'entete */
#header {
	float: left;
	width: 1000px;
	z-index: 1;
	position: relative;
}

#header h1 {
	margin: 20px 0px 0px 20px;
	font-size: 18px;
	text-align: right;
	float: left;
}

#header h1 a{
	color: #007d90;
}

#header p {
	padding: 0 20px 0 0;
	font-size: 1em;
	text-align: right;
}

#header .logo{
	float: left;
}

#header .description{
	display: none;
}

#header .adresse{
	float: left;
	margin-top: 20px;
	margin-left: 250px;
}

#header .adresse .first{
	font-weight: bold;
	color: #007d90;
}

#header .toplinks{
	position: absolute;
	top : 2px;
	left: 150px;
	font-size: 11px;
}

#header .toplinks a{
	color: black;
}

#header #premiere-visite{
	color: #b0213b;
	font-weight: bold;
}

/* !gestion de l'identification */
#login{
	position: absolute;
	top: 56px;
	left: 0;
	height: 35px;
	line-height: 35px;
	width: 300px;
}

#login .texte{
	float: left;
	margin-top: 42px;
	width: 180px;
	height: 35px;
	color: #b0213b;
	font-weight: bold;
	margin-left: 5px;
	overflow: hidden;
}

#login a{
	color: #b0213b;
	font-weight: bold;
	text-decoration: none;
}

/* !gestion du menu */
#menu, #menu2 {
	float: left;
	background-image: url('images/bg_menu.png');
	background-repeat: repeat-x;
	height: 28px;
	width: 700px;
	padding-left: 300px;
}
#menu2{
	border: 1px solid red;
}

#menu li, #menu2 li{
	display: inline;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	margin: 0 5px;
}

#menu li a, #menu2 li a{
	color: black;
}
#menu li:not(.page-item-5) a, #menu2 li:not(.page-item-5) a{
	text-transform: uppercase;
}

/* !gestion du contenu */

#content {
	float: left;
	width: 590px;
	margin-bottom: 20px;
}
/* Hack IE6, veuillez utiliser un vrai navigateur, merci -_- */
* html #content {
	width: 589px;
}
#revuedepresse{
	float: left;
	width: 590px;
	margin: 10px;
}
/* Hack IE6, veuillez utiliser un vrai navigateur, merci -_- */
* html #revuedepresse {
	width: 530px;
}
.article-colonne{
	width:270px;
	float:left;
}
#content h2 {
	font-size: 1.3em;
	padding: 0;
	margin: 0;
	padding-right: 30px;
}

#content h2 a{
	font-size: 1.2em;
	color: #b0213b;
}

#content h2 a:hover{
}

#content h2.restricted{
	background-image: url(images/mini-restricted.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#sous-categories{
	background-color: #EEEEEE;
	text-align: center;
	margin: 10px;
	height: 25px;
	line-height: 25px;
}

#sous-categories li{
	display: inline;
}

#sous-categories a{
	text-decoration: underline;
	margin: 5px;
	font-size: 11px;
}

#page_hierarchy{
	border: 1px dotted #b2b2b2;
	width: 250px;
	float: right;
	margin: 0 0 3px 3px;
}
#page_hierarchy a{
	background: none;
	color: #007d90;
	text-decoration: none;
}
#page_hierarchy a:hover {
	text-decoration: underline;
}
.navigation{
	width: 90%;
	margin: 10px auto;
}
.navleft{
	float: left;
}
.navright{
	float: right;
}

.post-navigation {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.post{
	margin: 10px;
}

.category_post, .archive_post{
	/*border-bottom: 1px dotted #b2b2b2;*/
}

.post_content {
	font-size: 1em;
	line-height: 18px;
	font-family: Verdana;
	/*text-align: justify;*/
}

.postmetadata {
	font-size: 0.8em;
	color: #999;
}

/* !gestion des sidebars */

.sidebar, .sidebar-left {
	float: left;
	width: 200px;
	margin-bottom: 20px;
}

.sidebar{
	border-left:  1px dotted #b2b2b2;
}

.sidebar-left{
	border-right:  1px dotted #b2b2b2;
}

.sidebar ul, .sidebar-left ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}

.sidebar h2, .sidebar-left h2 {
	font-size: 1.2em;
	margin-bottom: 5px;
}

/* !gestion du flux RSS */
.widget_kbrss li{
	/*margin-bottom: 10px;*/
}

.widget_kbrss .kbrssdate{
	font-size: 11px;
	display: none;
}

/* !gestion des puces */
.widget_categories ul, #popular-posts ul, .widget_recent_entries ul, .widget_links ul, .widget_rss ul{
	list-style-image: url(images/puce.gif);
	margin-left: 10px;
}
.widget_text ul{
	list-style-image: url(images/puce_grise.gif);
	margin-left: 10px;
}


/* !gestion des textes libres */
.widget_text{
	margin-top: 10px;
	padding: 5px;
	/*padding: 10px;*/
	/*background-color: #d9edf9;*/
	/*border: 1px dotted #00a2ba;*/
	/*border: 2px dotted #b0213b;*/
	background-color: #eee;
}

.widget_text h2{
	margin-top: 0;
}

/* !gestion du sitemap */
ul#sitemap{
	margin: 0;
	padding: 0;
}
#sitemap li{
	margin-left: 10px;
}
.sitemap{
	float: left;
	background-color: #b3d6f3;
	width: 1000px;
	padding: 10px 0;
}
.sitemap a{
	color: #555555;
}
.sitemap li{
	float: left;
	list-style: none;
	margin: 0 10px;
}
.sitemap li a{
	text-transform: uppercase;
	font-weight: bold;
}
.sitemap li ul{
	margin: 0;
	padding: 0;
}
.sitemap li li{
	clear: both;
	margin: 0;
}
.sitemap li li a{
	text-transform: none;
	font-weight: normal;
}
#sitemap li.current_page_item{
	background: none;
}

/* !gestion du footer */

#footer {
	font-size: 1em;
	clear: both;
	width: 1000px;
	background-color: #b3d6f3;
}

#footer a {
	color: #006699;
}

#footer p{
	text-align: center;
	font-size: 1em;
	padding: 10px 0;
}

/* !gestion du calendrier */
table#wp-calendar caption{
	text-transform: capitalize;
}

table#wp-calendar{
	width: 160px;
}

#wp-calendar td, #wp-calendar th{
	text-align: center;
}

#wp-calendar #today{
	background-color: #cccccc;
}
.widget_calendar{
	margin-top: 10px;
}
.widget_calendar h2{
	display: none;
}

/* !gestion des mots-clés */
#tag_cloud{
	margin-top: 10px;
}
#tag_cloud h2{
	/*display: none;*/
}


/* !gestion des commentaires */

.comments-template{
	margin: 10px;
}

.comments-template ol{
	margin: 10px;
	padding: 0 0 0 15px;
	list-style: none;
}

.comments-template ol p{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.9em;
}

.comments-template ol li{
margin: 10px 0 0 0;
line-height: 15px;
padding: 0 0 10px;
}

.comments-template h2, .comments-template h3{
font-size: 1.2em;
}

.commentmetadata{
font-size: 0.9em;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea.comment{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.9em;
}

.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;

}

.sidebar a:hover {
text-decoration: none;
border-bottom: 1px dotted;
}

/* ! Moteur de recherche médecins */
#map{
	display: none;
	width: 565px;
	height: 300px
}
span.civilite{
	font-size: 11px;
	color: #333;
}
h3.medecins_search{
	width: 100%;
	border-bottom: 1px solid black;
	margin-bottom: 3px;
}
#new_search{
	text-align: center;
	font-weight: bold;
}
.medecins_search_tools{
	text-align: right;
	font-size: 11px;
}
.medecins_resultats{
	width: 100%;
}
.medecins_resultats td{
	padding: 3px;
}

.medecins_resultats .nom, .medecins_resultats .telephone, .medecins_resultats .adresse{
	/*float: left;*/
}
.medecins_resultats .nom{
	font-weight: bold;
	float: left;
}
.medecins_resultats .specialite{
	float: right;
}
.medecins_resultats .telephone2{
	width: 200px;
	float: left;
}
.medecins_resultats .boutons{
	float: right;
	text-align: right;
	font-size: 11px;
	width: 270px;
}
.survol1{
	background-color: #FFFFFF;
}
.survol2{
	background-color: #d9edf9;
}
.survol_dessus{
	background-color: #00a2ba;
	cursor: pointer;
}

.pages{
	width: 200px;
	text-align: center;
	margin: 10px auto;
}

span.disclaimer{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

/* ! Widget Recherche */
.search #s{
	float: right;
	margin-right: 5px;
	margin-top: 3px;
}

/* ! Widget mini-moteur médecins */
#medecins_widget{
	margin-top: 10px;
	padding: 5px;
	padding-top: 0;
	background-color: #eee;
	overflow: hidden;
}
#medecins_widget h2{
	background: url(images/bt_widget_recherche.png);
	width: 170px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	margin: 5px 0;
	font-size: 14px;
}
#medecins_widget h2 a{}

a.older_posts{
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 20px;
	font-size: 14px;
	font-weight: bold;
	background: rgba( 0,125,144,0.2 );
	border: 1px solid;
	text-align: center;
	-webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
}
a.older_posts:hover{ text-decoration: none; background: rgba( 0,125,144,1 ); color: white }

.outdated{
	color: #a94442;
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	border-radius: 4px;
	padding: 10px;
	font-weight: bold;
	font-size: 10px;
}

#search_infos{ margin: 30px 20px 0 }

#text-406889530{ padding: 0; background: none; text-align: center }
#text-406889530 a:first-child img{ margin-bottom: 5px }

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */

/* On nous prie d'annoncer
-------------------------------------------------- */
.event_calendar{
	display: inline-block;
	vertical-align: top;
	width: 75px;
	border: 1px solid #ccc;
}
.event_calendar .event_month{
	display: block;
	height: 30px;
	line-height: 32px;
	background: #007e8e;
	font-size: 18px;
	color: white;
	text-transform: uppercase;
	text-align: center;
}
.event_calendar .event_day{
	display: block;
	height: 55px;
	line-height: 55px;
	background: white;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
}
.event_infos{ display: inline-block; vertical-align: top; width: 465px; margin-left: 20px }
.event_infos h2{ overflow: hidden; text-overflow: ellipsis }
.event_location, .event_time, .event_more{
	display: block;
	min-height: 16px;
	margin-bottom: 7px;
	background: url(../../plugins/medecins/images/map.png) left center no-repeat;
	padding-left: 25px;
	font-size: 14px;
	color: black;
}
.event_time{ background-image: url(images/clock.png) }
.event_more{ background-image: url(../../plugins/medecins/images/page.png) }

.back_to_list{
    display: block;
	font-size: 14px;
    font-weight: bold;
    margin: 30px 0;
    text-align: center;
}