/*  
Theme Name: Retrouve Moi
Theme URI: http://www.retrouve-moi.fr/
Description: Theme par defaut du site Retrouve Moi.
Version: 1.1
Author: Vincent Moinard
Author URI: http://www.vehem.fr/
*/


ul {margin: 0px 5px; padding: 0px; margin-top: -10px;}
li {margin: 0px; padding: 0px; list-style: none;}

/* Begin Typography & Colors */
#content {font-size: 1.2em}

.widecolumn .entry p {font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}
.widecolumn {line-height: 1.6em;}
.narrowcolumn .postmetadata {text-align: center;}

.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em;}



#headerimg .description {font-size: 1.2em; text-align: center;}

h2 {font-size: 1.6em;}
h2.pagetitle {font-size: 1.6em;}

/* #sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em;}*/

h3 {font-size: 1.3em;}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none; color: #f85e9e;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #4AA3D0;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}

.entry p a:visited {color: #b85b5a;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}

#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.commentmetadata {font-weight: normal;}

#sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}

code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps
{font-size: 0.9em; letter-spacing: .07em;}

a, h2 a:hover, h3 a:hover {color: #EA77AE; text-decoration: none;}
a:hover {color: #f85e9e; text-decoration: underline;}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
/* End Typography & Colors */



/* Begin Structure */
body {}
#page {padding-bottom: 130px;}
#header {}
#headerimg {}
.narrowcolumn {}
.widecolumn {}
.post {}
.post hr {}

.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center; margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center; margin: 5px 0px;}

.postmetadata {clear: left; font-size: 9px; font-style:oblique;}

#footer {}
#footer p {margin: 0; padding: 20px 0; text-align: center;}
/* End Structure */



/*	Begin Headers */
h1 {padding-top: 0px; margin: 0;}
h2 {margin: 0px;}
h2.pagetitle {margin: 0px; text-align: center;}
#sidebar h2 {margin: 5px 0 0; padding: 0;}
h3 {padding: 0; margin: 0px;}
h3.comments {padding: 0; margin: 40px auto 20px ;}
/* End Headers */


/* Begin Images */
p img {padding: 0; max-width: 100%;}
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 */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;} 
html>body .entry li {margin: 7px 0 8px 10px;}

.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0;}

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}

/*
#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0;}
*/

/* End Entry Lists */

/* Begin Form Elements */
#searchform {/*	margin: 10px auto; padding: 5px 3px; */text-align: center;}
#sidebar #searchform {margin: 0px; padding: 0px; text-align: left;}
#sidebar #searchform #s {width: 180px; padding: 2px; background: #FFE7F6; border: 2px solid #FF66A0;}
#sidebar #searchsubmit {padding: 1px 15px 0px 5px; margin-top: 7px; background: #000; color: #FFF; border: none; font-size: 10px; clear: both;}
.entry form {/* This is mainly for password protected posts, makes them look better. */text-align:center;}
select {width: 130px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%; padding: 2px;}
#commentform #submit {margin: 0; float: right;}
/* End Form Elements */

/* Begin Comments*/
.alt {margin: 0; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}
/* End Comments */

/* Begin Sidebar */
#sidebar {}
#sidebar form {margin: 0;}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover {/* Doesn't work in IE */background-color: #fff;}
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
hr {}
a img {border: none;}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
/* End Various Tags & Classes*/

/* Paramètres Retrouve Moi */
body {background: url('images/basdepage.gif') bottom no-repeat; background-color: #fff; margin:0; padding: 0;}

.bandeau {height: 300px; width: 100%; background: url('images/Bandeau_haut2.jpg') no-repeat; }

.titre-blog {width: 246px; height: 54px; background: url('images/fond_bulle01.gif') no-repeat; padding: 20px 15px; position: absolute; top: 110px; left: 82px; z-index: 10;}
.titre-blog h1 a {color: #FFF; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 24px; text-decoration: none; font-weight: bold;}
.titre-blog h1 a:hover {text-decoration: none;}
.titre-blog h2 {color: #FFF; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; display: inline; float: left; width: auto;}
.titre-blog img {float: right;}

.lien {}
.lien a {text-align: right; font-family: Verdana, Arial; font-size: 11px; text-decoration: underline; color: #a20000; cursor: hand;}
.lien a:hover {color: #f85e9e; text-decoration: none; background-color: #BCDDEE;}

.haut_marge_left {margin: 0px; background: url('images/menu_haut.gif') no-repeat; height: 15px; width: 250px; font-size: 0px;}
.haut_marge_right {margin: 0px; background: url('images/menu_haut2.gif') no-repeat; height: 15px; width: 250px; font-size: 0px;}
.zone_marge {width: 250px; font-family: Verdana, Arial; background: url('images/menu.gif') repeat-y;}
.bas_marge {margin: 0; background-image: url('images/menu_bas.gif'); background-position: bottom center; background-repeat: no-repeat; height: 16px; width: 250px; font-size: 0px; margin-left:-1px;}
.ss_zone_marge {padding-bottom: 10px;}
.haut_centre {background: url('images/contenu_haut.gif') no-repeat; font-size: 0px; height: 15px; width: 663px; margin: 0px 15px;}
.zone_centre {width: 663px; background: url('images/contenu.gif') repeat-y; margin: 0px 15px; font-family: Verdana, Arial; }
.bas_centre {background: url('images/contenu_bas.gif') bottom center no-repeat; height: 16px; width: 663px; font-size: 0px; margin: 0px 15px;}

.entete_marge {font-size: 12px; font-weight: bold; text-align: left; padding: 5px 0px 0px 23px; color: #EA77AE; text-transform: uppercase; letter-spacing: 3px;}
.entete_marge a {font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; cursor: pointer; cursor: hand;}
.entete_marge a:hover {text-decoration: underline;}
.entete_centre {font-size: 12px; font-weight: bold; text-align: left; padding-top: 9px; padding-left: 25px; padding-bottom: 0px; color: #f85e9e; }

.separateur_marge {background: url('images/sep.gif') no-repeat bottom; margin-left: -1px; width: 250px; height: 21px; color: #f85e9e;}
.separateur_centre {background: url('images/sep2.gif') no-repeat bottom; margin-left: 0px; width: 663px; height: 24px; color: #f85e9e;}

.contenu_marge {font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; text-align: /* justify */; padding: 10px 20px;}
.contenu_centre {font-family: Verdana, Arial; font-size: 11px; text-align: /* justify */; padding: 5px 20px; width: 600px; }
.contenu_gris {font-family: Verdana, Arial; font-size: 11px; text-align: /* justify */; color: #6a6a6a;}

.img_annonce {border: 8px solid #FFFFFF; margin: 0px 25px 10px 10px; float: left; width: 100px; height: 100px;}
.img_lieu {margin-left: 10px; border-style: 4px solid #FFFFFF; display: inline; width: 400px;}

.annonce_bloc {padding: 10px 5px; margin: 5px 10px; width: 470px; background-color: #F6EAF4;}
.annonce_bloc_rose {padding: 10px 5px; margin: 5px 10px; width: 470px; background-color: #F6DCE5;}
.annonce_contact {display: inline; float: left; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #f85e9e; height : 17px; margin-top: 5px;}
.annonce_titre {font-family: Verdana, Arial; font-size: 11px; font-weight: bold; text-align: left;}
.annonce_texte {font-family: Verdana, Arial; font-size: 11px; color: #6a6a6a; text-align: /* justify */; padding-top: 10px;}
.annonce_date {font-family: Verdana, Arial; font-size: 11px; color: #fa94c4; text-align: right; margin-top: 10px;}

.cadre {font-family: Verdana, Arial; font-size: 11px; font-style: normal; color: #333333; background-color: #FFFFFF; border: 0px none; margin-top: 0px; margin-bottom: 10px; padding: 10px;}

.titre_commande {font-family: Verdana, Arial; font-size: 11px; font-style: normal; font-variant: small-caps; color: #f85e9e; background-color: #FFDDE8; border: 0px none; margin-top: 0px; margin-bottom: 0px; padding: 3px;}
.cadre_commande {font-family: Verdana, Arial; font-size: 11px; font-style: normal; color: #333333; background-color: #FFFFFF; border: 0px none; margin-top: 0px; margin-bottom: 10px; padding: 2px 10px 5px 10px;}
.ss_titre_commande {font-style: normal;}

.messages {font-family: Verdana, Arial; font-size: 11px; font-style: normal; background-color: #FFDDE8; border: 0px none; padding: 3px;}
.lire {font-family: Verdana, Arial; font-size: 11px; background-color: #FFDDE8; padding: 2px 5px; margin: 2px 0px;}

.non_lu {text-align: left; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #f85e9e; text-align: left; cursor: hand;}
.lu {text-align: left; font-family: Verdana, Arial; font-size: 11px; color: #f85e9e; text-align: left; cursor: hand;}

.message_courant_non_lu {text-align: left; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #000000; text-align: left; cursor: hand;}
.message_courant_lu {text-align: left; font-family: Verdana, Arial; font-size: 11px; color: #000000; text-align: left; cursor: hand;}

.bouton {font-family: Verdana, Arial; font-size: 11px; color: #ffffff; background-color: #000000; border-style: none; width: 100px; cursor: hand;}
.separateur {background: url('images/separateur.gif') repeat-x center; display: block; height: 20px;}
.form_input_txt {border-style: 1px solid #f85e9e;}
.input_readonly {border-width: 0px 0px 0px 0px; font-family: Verdana, Arial; font-size: 11px; color: #6a6a6a; background-color: #f6eaf4;}

.erreur {font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #a20000; text-align: /* justify */; padding: 0px 20px;}

iframe.hidden {visibility: hidden; width: 0px; height: 0px;}

.separateur_rubrique {background-color: #bcddee; padding-top: 5px; padding-bottom: 5px;}

.footer {padding-top: 10px; padding-bottom: 20px; font-family: Verdana, Arial; font-size: 11px; text-align: center; color: #6a6a6a;}

div#png {height: 131px; width: 131px; background-image: url('images/2euros.png'); float: right; top: 270px; left: 660px; position: absolute;}
/* N'est lu que par IE grâce à *html */
*html div#png {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2euros.png', sizingMethod='scale');}


/* Colonne de droite */
.contenu_marge ul {}
.contenu_marge ul li {background: url(images/puce_coeur.gif) 0px 3px no-repeat; $background-position: 0px 8px; padding-left: 14px; }
.contenu_marge ul li a {color: #666; font-weight: bold; text-decoration: none; letter-spacing: 1px;}
.contenu_marge ul li a:hover {text-decoration: underline;}
#colgauche_pages ul li {background: none; padding: 0px; margin: 0px; line-height:normal;}
#colgauche_pages ul li a {color: #EA77AE; font-weight: bold; text-decoration: none; letter-spacing: 1px;}
#colgauche_pages ul li a:hover {color: #4AA3D0;}
#colgauche_liens ul li {background: none; padding: 0px; margin: 0px; line-height:normal;}
#colgauche_liens ul li a {color: #4AA3D0; font-weight: normal; text-decoration: none; letter-spacing: 1px;}
#colgauche_liens ul li a:hover {color: #EA77AE;}
#colgauche_rss a {color: #EA77AE; font-weight: bold; text-decoration: none;}
#colgauche_rss a:hover {}
#colgauche_rss img {float: left; margin-right: 5px;}

/* habillage des posts dans listings (archives) */
.post .entete_centre h3 {font-size: 14px; font-weight: bold; display: block; border-bottom: 1px solid #D4D4D4;margin-right: 40px; padding-bottom: 7px;} 
.post .entete_centre h3 a {color: #EA77AE;}
.post .entete_centre h3 a:hover {color: #4AA3D0;}
.post .contenu_centre {color:#666666;}
.contenu_centre small {color:#F2C0D8}
.contenu_centre .entry img {margin: 5px 10px;}
.entete_centre h2.pagetitle {font-size: 12px; color: #4AA3D0; text-transform:uppercase; letter-spacing: 2px; text-align: left;}