@CHARSET "UTF-8";

/** Layout **/
body {
    /*background:#cacaca url(../images/bg_body.png) repeat-x;*/
	background: #FFF;
	color:#333;
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0;
}

* { outline: none; }

#main ul li { }

/** Liens **/

a           {text-decoration:   none;   color: #4c4c4c;}
a:link 		{text-decoration: 	none; 	color: #4c4c4c;}
a:visited 	{text-decoration: 	none; 	color: #4c4c4c;}
a:active 	{text-decoration: 	none; 	color: #4c4c4c;}
a:hover 	{text-decoration: 	underline; 	color: #4c4c4c;}


/** Titres **/

h1 { font-size: 26px; border-bottom: solid 1px #b8b8b8; padding: 16px 0 11px 18px;}
h2 { font-size: 1.7em; line-height: 1.3em; }
h3 { font-size: 1.3em;line-height: 1.2em; }
h4 { font-weight: bold; }

p { margin: 0 0 0.5em 0; }

    /* Styles de titre shyrka */

    .title_style_1 { border-bottom: solid 1px; padding-bottom: 0.2em; } /* soulignement */
    .title_style_2 { }
    .title_style_3 { }

    /* style de paragraphe */
    .texte_style_2 { line-height: 1.3em; color: #878787; font-size: 20px; padding-bottom: 30px;}

/*===============================
	Main Layout and Structure  */

html, body {
    height:auto !important;
    height:100%;
}

#wrapper{
    width: 880px;
    position: relative;
}


/** Conteneur principal **/
#content { /*background: url(../images/bg_content.png) repeat-y; margin: 0 auto;*/ }

    /** Header **/
    #top {
        margin-top: 20px;
    }

        #logo { width: 880px; padding-top: 15px; }
        #logo-container { margin-right: 20px; }

    /** Contenu **/
    #main {}

    #main div.page_banner { padding: 0 0 0 20px; }

    #sc-main{
        padding: 15px;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
    }

    /** Pied de page **/
    #footer{
        height:60px;
    }

    #footer_inner { text-align: right; border-top: dotted 1px #CCC; margin-left: 10px; padding-top: 10px; }


/*===============================
	content */

    /** Breadcrumb **/
    ul#breadcrumb_trail {
            margin:0;
            padding:0;
            padding-left:14px;
            height:20px;
            float:left;
            margin-bottom:20px;
            width: 100%;
    }

    ul#breadcrumb_trail li {
            display: inline;
            list-style: none;
            padding: 0 16px 0 10px;
            font-size: 11px;
            background:#eee url(../images/breadcrumb_separator.gif) left no-repeat;
            margin:0;
    }

    ul#breadcrumb_trail li.last {background: none;}

    ul#breadcrumb_trail a{ color:#0281ca;}

    /** Lang switcher **/
    #lang_switcher {
	float:right;
	margin:5px 0 0 0;
	padding:0;
	}

	#lang_switcher li {
		list-style-type: none;
		display: inline;
	}

    /** Search control **/
    div#search_box { text-align: right; float: right; padding: 10px 0; }


/*===============================
	slots type Text/RichText */

.none {}

.tips {
	background:#FFFFDD url(../images/tip.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;
	}

.caution {
	background:#FFFFDD url(../images/caution.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;
	}

.note {
	background:#FFFFDD url(../images/note.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;
}


.text_box {
    border: solid 1px #5d2882;
    background-color: #ffe2ee;
    padding: 20px;
    width: 70%;
}

/*===============================
	medias CMS */

.media_image_left, .img_float_left {padding: 0px 18px 8px 0;}
.media_image_left a {border:1px solid #fff;}

.media_image_right, .img_float_right {padding:4px 0 8px 18px;}
.media_image_right a {border:1px solid #fff;}

.media_image_center, .img_float_center {}
.img_float_center a { margin: 0 auto;}

.image_legend {font-style:italic; color:#a8a8a7;}

/** Authentification **/
div.login_info { position: absolute; text-align: right; top: 13px; width: 895px; }


/**
 * Browser and plateform custom
 */

    /* Internet Explorer (All versions) */
    body.ie {}

    /* Internet Explorer 8.x */
    body.ie8 {}

    /* Internet Explorer 7.x */
    body.ie7 {}

    /* Internet Explorer 6.x */
    body.ie6 {}

    /* Internet Explorer 5.x */
    body.ie5 {}

    /* Mozilla, Firefox (all versions), Camino */
    body.gecko,
    body.firefox {}

    /* Firefox 2 */
    body.firefox2 {}

    /* Firefox 3 */
    body.firefox3 {}

    /* Firefox 3.5 new */
    body.firefox3_5 {}

    /* Opera (All versions) */
    body.opera {}

    /* Opera 8.x */
    body.opera8 {}

    /* Opera 9.x */
    body.opera9 {}

    /* Opera 10.x */
    body.opera10 {}

    /* Konqueror */
    body.konqueror {}

    /* Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome */
    body.webkit,
    body.safari {}

    /* Safari 3.x */
    body.safari3 {}

    /* Safari 5.x */
    body.safari5 {}

    /* Google Chrome */
    body.chrome {}

    /* SRWare Iron new */
    body.iron {}

/** Plateforme **/
    /* Apple */
    body.mac {}

    /* Apple iPhone */
    body.iphone {}

    /* Windows */
    body.win {}

    /* Linux */
    body.linux {}



/*******************************/
/************ GENERAL *********/
/*****************************/

div#home_event_slider_container h1 {
    margin-bottom: 0;
    padding-top: 10px;
}

#top-right{
	position: absolute;
    right: 0;
	width: 880px;
}
div#header-links-col-left {
    /*width: 300px;*/
    float: right;
    margin-left:0px;
    margin-top: 5px;
}

div#header-links-col-left ul {
    list-style-type: none;
}

div#header-links-col-left li {
    float: left;
    margin-right: 10px;
    font-size: 10px;
}
div#header-links-col-left li.first {
    margin-right: 5px;
}

div#header-links-col-left li.align {
    padding-right: 10px;
}

div#header-links-col-right {
    width: 90px;
    float: right;
}


/*****************************/
/********** LINKS ***********/
/***************************/

div#header-links {
    height: 90px;
}

a.link_radio {
    height: 23px;
    display: block;
    background: url(../images/radio.jpg) 0px 4px no-repeat;
    padding-left: 15px;
}

a.link_top {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -8000px;
}
a.link_twitter { background: url(../images/link_twitter.png) no-repeat; }
a.link_facebook { background: url(../images/link_facebook.png) no-repeat; }
a.link_linkedin { background: url(../images/link_linkedin.png) no-repeat; }
a.link_viadeo { background: url(../images/link_viadeo.png) no-repeat; }


/* tooltip styling */
.tooltip {
	display: none;
	/*background-color: #7b8289;*/
	background: url("../images/bg-tooltip.png");
	/*height:163px;*/
	padding: 10px;
	width: 300px;
	font-size: 11px;
	color: #fff;
        border: solid 1px #000;
        z-index: 999;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}




/*****************************************************/
/*********************** PAGER **********************/
/***************************************************/

div.page-nav-container {
    width: 100%;
    border-top: 1px solid #CCC;
    padding-top: 5px;
    height: 35px;
    background-color: #f8f8f8;
}
div.page-nav {
    float: right;
    height: 24px;
    margin-right: 50px;
}

div.entete, div.prev_page, div.pages-num, div.next_page {
    float: left;
    margin-right: 15px;
}
div.entete {
    margin-right: 30px;
    line-height: 24px;
}

div.pages-num span.current a {
    font-weight: bold;
    color: #FFF;
    border: 1px solid #174c69;
    background-color: #276A8F;
}

div.page-nav a {
    text-decoration: none;
    padding: 3px;
    float: left;
    width: 12px;
    height: 18px;
    display: block;
    margin-right: 4px;
    text-align: center;
    background-color: #EEE;
    border: 1px solid #DDD;

}
div.page-nav a:hover {
    background-color: #276A8F;
    border: 1px solid #174c69;
    color: #FFF;
}

div.page-nav div.disabled {
    display: none;
}






.blog_post_row h3.MB_10{ margin-bottom: 10px; }
.blog_post_row h3 a.bold_blue, .blog_post_row h3 a.bold_blue:visited{
	font-weight: bold;
	color: #0A3555;
}

a.link {
    padding-left: 20px;
    background: url(/shyrkaCMSUbi1Theme/images/link_permalink.png) no-repeat;
    line-height: 16px;
    vertical-align: middle;
}

a.permalink { background: url(/shyrkaCMSUbi1Theme/images/link_permalink.png) no-repeat; }
a.comments { background: url(/shyrkaCMSUbi1Theme/images/link_comments.png) no-repeat; }


.bloc.cloned { display: none; }

