/*import et utilisation de l'API Font Google*/

@import url(http://fonts.googleapis.com/css?family=Mako);

.bg-Block-Incoming-Event, .txt-Block-Incoming-Saint, .txtCol-Theme, .txt-Block-Mostsent, .txt-Block-Newsletter, .txt-Block-Incoming{
	font-family		:'Mako', sans-serif;
	text-align		:center;
	font-size		: 20px;
}

/*  ___________________________________________________________________________
    GLOBAL FONT SIZE */
.fontSmall              { font-size :  76.9%; }
.fontMed                { font-size :  84.6%; }
.fontXMed               { font-size :  92.3%; }
.fontGMed               { font-size :  0.8em; font-weight : bold; }

h1                      { font-size : 1 em; } /* 16 px */
h2                      { font-size : 123.1%; } /* 16px */
/*h3           { font-size : 107.7%; }  14px */
h3                      { font-size : 100%; } 
h4                      { font-size :  92.3%; } /* 12px */
h5                      { font-size :  76.9%; } /* 10px */
h6                      { font-size :  61.5%; } /*  8px */


/*  ___________________________________________________________________________
    GLOBAL MESSAGE BOX */
.p-Message-Alert {
    background          : #fff6bf url('/images/exclamation.png') center no-repeat;
    background-position : 15px 50%; /* x-pos y-pos */
    padding             : 15px 20px 15px 45px;/* Top Right Bottom left */
    border-top          : 2px solid #ffd324;
    border-bottom       : 2px solid #ffd324;
}
/*  ___________________________________________________________________________
    CODE COULEUR : TEXT & BG DES SECTIONS */
.txtCol-Love            {            color: #db489c; }
.bgCol-Love             { background-color: #db489c; }
.bgCol-Love-Light       { background-color: #f1d4e6; }

.txtCol-Anniv           {           color : #0188cc; }
.bgCol-Anniv            { background-color: #0188cc; }
.bgCol-Anniv-Light      { background-color: #c7d9f1; }

.txtCol-Friend          {            color: #5c4b43; }
.bgCol-Friend           { background-color: #5c4b43; }
.bgCol-Friend-Light     { background-color: #d3c5bc; }

.txtCol-Party           {            color: #40b871; }
.bgCol-Party            { background-color: #40b871; }
.bgCol-Party-Light      { background-color: #bbdebd; }

.txtCol-Thanks          {            color: #676dab; }
.bgCol-Thanks           { background-color: #676dab; }
.bgCol-Thanks-Light     { background-color: #d1cde6; }

.txtCol-Invit           {            color: #f19355; }
.bgCol-Invit            { background-color: #f19355; }
.bgCol-Invit-Light      { background-color: #f9e1c7; }

.txtCol-Defaut          {            color: #607be3; }
.bgCol-Defaut           { background-color: #8a8f9f; }
.bgCol-Defaut-Light     { background-color: #d0d8dd; }

.txtCol-Search           {           color : #125aeb; }
.bgCol-Search            { background-color: #0188cc; }
.bgCol-Search-Light      { background-color: #c7d9f1; }

a, a:link               { text-decoration : none; outline : none; }
a:visited               {}
a:hover                 { text-decoration : none; }
a:active                {}
a, embed, object        { outline : none; color : #2255bb; }
/*  ___________________________________________________________________________
    HEADER - LOGO */
#h1-logo {
    background              : transparent url('/images/logo.jpg') no-repeat 0px 15px;
    height                  : 79px;
}
#h1-logo a{
    display                 : block;
    height                  : 69px;
    text-indent             : -9999em;
}
#btn-beta{
    display                 : block;
    position                : absolute;
    top                     : 10px;
    right                   : 10px;
}
/*  ___________________________________________________________________________
    BOUTONS
    http://particletree.com/features/rediscovering-the-button-element/
*/
.buttons a, .buttons button{
    display                 : block;
    margin                  : 0px 0px 0px 0px;
    background-color        : #f5f5f5;
    border-top              : 1px solid #eeeeee;
    border-left             : 1px solid #eeeeee;
    border-bottom           : 1px solid #dedede;
    border-right            : 1px solid #dedede;
    line-height             : 130%;
    text-decoration         : none;
    font-weight             : bold;
    cursor                  : pointer;
    padding                 : 5px 10px 6px 7px; /* Links */
}
.buttons button                                 { width : auto; overflow : visible; padding : 4px 10px 3px 7px; /* IE6 */ }
.buttons button[type]                           { padding : 5px 10px 5px 7px; /* Firefox */ line-height : 17px; /* Safari */ }
*:first-child+html button[type]                 { padding : 4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img{
    margin                  : 0 3px -3px 0 !important;
    padding                 : 0;
    border                  : none;
    width                   : 16px;
    height                  : 16px;
}
/* STANDARD */
button:hover, .buttons a:hover                  { background-color : #dff4ff; border : 1px solid #c2e1ef; color : #336699; }
.buttons a:active                               { background-color : #6299c5; border : 1px solid #6299c5; color : #ffffff; }
/* POSITIVE */
button.positive, .buttons a.positive            { color : #3d8ac1; }
.buttons a.positive:hover, button.positive:hover{ background-color : #E6EFC2; border : 1px solid #C6D880; color : #529214; }
.buttons a.positive:active                      { background-color : #3d8ac1; border : 1px solid #3d8ac1; color : #ffffff; }
/* NEGATIVE */
.buttons a.negative, button.negative            { color:#d12f19; }
.buttons a.negative:hover, button.negative:hover{ background-color : #fbe3e4; border : 1px solid #fbc2c4; color : #d12f19; }
.buttons a.negative:active                      { background-color : #d12f19; border : 1px solid #d12f19; color : #ffffff; }
/*  ___________________________________________________________________________
    DIV - LES EFFECTS OU PUB CHAQUE COTE */
.div-stick-new {
    position               : absolute;
    width                  : 46px;
    height                 : 46px;
    top                    : -4px;
    left                   : 169px;
    background             : transparent url('/images/picto_new.png') top left no-repeat;
}
/*  ___________________________________________________________________________
    ALIGNEMENT DES TEXTES */
.txt-Align-Left     { text-align : left; }
.txt-Align-Center   { text-align : center; display : block; /*--For inline elements only--*/ }
.txt-Align-Right    { text-align : right; }
/*  ___________________________________________________________________________
    DIV GENERAL */
#div-Global {
    position              : relative;
    margin                : 0px auto 0px auto; /* Top Right Bottom left */
    width                 : 1030px;
    padding               : 0px 0px 0px 0px; /* Top Right Bottom left */
}
#div-Global-Content {
    z-index               : 1;
    width                 : 990px; /* Max psd size - padding L & R */
    height                : auto;
    overflow              : hidden;
    border-left           : 1px solid #b6b6b6;
    border-right          : 1px solid #b6b6b6;
    border-bottom         : 1px solid #b6b6b6;
    background            : #ffffff url('/images/bg_div_general.jpg') repeat-x fixed;
    padding               : 0px 20px 0px 20px; /* Top Right Bottom left */
}
/*  ___________________________________________________________________________
    DIV : PARTIE GAUCHE & DROITE */
#div-Content-Left {
    float                 : left;
    width                 : 670px;
    margin                : 20px 10px 10px 0px; /* Top Right Bottom left */
    overflow              : hidden;
}
#div-Content-Right {
    float                 : right;
    width                 : 300px;
	margin				  : 20px 0px 0px 0px;
    overflow              : hidden;
}
/*  ___________________________________________________________________________
    DIV : Une Colonne */
.div-Content-OneCol {
    margin                : 10px auto 0px auto; /* Top Right Bottom left */
    overflow              : hidden;
}

.div-Content-OneCol p {
    margin                : 0px 0px 0px 0px; /* Top Right Bottom left */
    text-align            : justify;
}
/*  ___________________________________________________________________________
    DIV : BREADCRUMBS  */
#div-Breadcrumbs {
    clear                 : both;
    float                 : left;
    margin                : 10px 0px 0px 0px; /* Top Right Bottom left */
    width                 : 100%;
    color                 : #777777;
}
#ul-Breadcrumbs {
    margin                : 0px 0px 0px 0px; /* Top Right Bottom left */
    padding               : 0px 0px 0px 0px; /* Top Right Bottom left */
    height                : 30px;
}
#ul-Breadcrumbs li {
    height                : 30px;
    float                 : left;
    line-height           : 30px;
    display               : block;
    background            : transparent url('/images/icons/icn_bread_right.gif') no-repeat right center;
    padding               : 0px 20px 0px 5px; /* Top Right Bottom left */
}
#ul-Breadcrumbs a {
    font-weight           : bold;    
}
#ul-Breadcrumbs li a:hover, #ul-Breadcrumbs li a:focus {
    color                 : #ff7e00;
}
#ul-Breadcrumbs li a img {
    margin-top         : 3px;
}
#ul-Breadcrumbs li:first-child img {
    padding-top           : 6px;
}
#ul-Breadcrumbs li:last-child {
    background            : none;
}
/*  ___________________________________________________________________________
    DIV : FOOTER  */
#div-Content-Footer {
    clear                 : both;
    margin                : 10px 0px 10px 0px; /* Top Right Bottom left */
    padding               : 10px 0px 0px 0px; /* Top Right Bottom left */
    width                 : 100%;
    color                 : #777777;
    border-top            : 1px dotted #cccccc;
}
#div-Content-Footer a       { color : #777777; }
#div-Content-Footer a:hover { color : #000000; }
/*  ___________________________________________________________________________
    DIV : SITEMAP  */
#div-Sitemap{
    background-color            : #f6ece3;
}
#div-Sitemap-plan,#div-Sitemap{

    margin                : 10px 0px 10px 0px; /* Top Right Bottom left */
    padding               : 20px 20px 20px 20px; /* Top Right Bottom left */
    border                : 1px solid #ffffff;
    width                 : 991px;
}
.table-Sitemap th {
    font-weight           : bold;
    color                 : #6b6158;
    height                : 25px;
}
.table-Sitemap td         { color : #415f85; }
.table-Sitemap-td-title {
    font-weight           : bold;
    background-color      : #e1d7ce;
    width                 : 20%;
    height                : 25px;
    vertical-align        : middle;
    color                 : #5d534a;
}
.table-Sitemap ul {
    list-style            : none;
    margin                : 10px 0px 10px 0px; /* Top Right Bottom left */
    padding               : 0px 0px 0px 10px; /* Top Right Bottom left */
    text-indent           : -1em;
}
.table-Sitemap li {
    margin                : 5px 0px 0px 0px; /* Top Right Bottom left */
}
.table-Sitemap ul li:before { content : "\02010 \0020"; }
.table-Sitemap a            {   color : #6b6158; }
.table-Sitemap a:hover      {   color : #000000; }
/*  ___________________________________________________________________________
    DIV : PANNEAU DE CONTROL SEARCH  */
#div-Content-Panel {
    width                 : auto;
    margin                : 30px 0px 0px 0px; /* Top Right Bottom left */
    padding               : 0px 0px 0px 0px; /* Top Right Bottom left */
}
.table-Content-Panel {
    width                 : 100%;
    border-collapse       : collapse;
}
.table-Content-Panel td {
    vertical-align        : middle;
    white-space           : nowrap;
    padding               : 0px 10px 0px 10px; /* Top Right Bottom left */
    height                : 30px;
}
.table-Content-Panel td.td-Label{
    font-weight           : bold;
    background-color      : #DED1C7;
    width                 : 100px;
}
.table-Content-Panel tr.tr-Breadcrumbs{
    background-color      : #DED1C7;
    height                : 30px;
    border-bottom         : 1px solid #ffffff;
} 
.table-Content-Panel tr.tr-Selection{
    background-color      : #DED1C7;
    height                : 31px;
    border-bottom         : 1px solid #cccccc;
}
.table-Content-Panel td.td-Arrow{
    height                : 13px;
}
.table-Content-Panel select{
    margin                : 0px 10px 0px 0px; /* Top Right Bottom left */
}
/*  ___________________________________________________________________________
    UL : MENU LI COLOR INDEX & RECEPTION  */
.ul-Block-Inside {
    list-style            : none;
    margin                : 5px 0px 0px 0px; /* Top Right Bottom left */
    padding               : 0px 0px 0px 15px; /* Top Right Bottom left */
    text-indent           : -1em;
}
.ul-Block-Inside li{
    margin                : 5px 0px 0px 0px; /* Top Right Bottom left */
}
.ul-Block-Inside li:before { content : "\000A4 \0020"; }
.ul-Block-Inside a        {            color : #535353; }
.ul-Block-Inside a:hover  {            color : #000000; }
/*  ___________________________________________________________________________
    PAGE SIMPLE (cgu, confidentialité ...
    CGU */
.ul-SimplePage {
    line-height         : 20px;
    list-style-image    : url('/images/icons/icn_arrow_right.gif');
    list-style-type     : square;
    margin              : 10px 0px 0px 40px; /* Top Right Bottom left */
    padding             : 0px 0px 0px 0px; /* Top Right Bottom left */
    display             : block;
}
.ul-SimplePage li {
    margin-bottom       : 10px;
    display             : list-item;
}
.ol-SimplePage {
    line-height         : 20px;
    margin              : 10px 0px 0px 40px; /* Top Right Bottom left */
    padding             : 0px 0px 0px 0px; /* Top Right Bottom left */
}
.ol-SimplePage li {
    margin-bottom       : 10px;
    list-style-type     : decimal;
}
h1.txt-PageSimple-PageTitle { 
    color				: #ff9600;
	margin				: 10px;
}
h2.txt-PageSimple-SectTitle {
    padding             : 30px 0px 0px 0px; /* Top Right Bottom left */
    color               : #0188cc;
    border-bottom       : 1px dotted #cccccc;
}
.txt-PageSimpleText      {  color: #556e7a;}
/*  ___________________________________________________________________________
    PAGE SIMPLE (cgu, confidentialité ...
    CGU */