/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * CSS - Utilisez ce fichier pour styliser vos contenus
 */

/* Formats generaux */

p {
    margin-bottom:15px;
    font-size: 1.1em;
}
#maininner {
    border:none;
    background: none;
    padding: 1px 0px 0px 0px;
    margin-top:-3px
}
em {
    color:inherit;
    text-decoration:none
}

/* Menu Mentions légales */

ul#mentions {
    float:right;
    padding-right:5px
}
ul#contact {
    padding-left:5px
}

/* Module de recherche */

div.recherche {
    position: absolute;
    top: 44px;
    right:10px;
    z-index:1000;
    margin:0
}

form#searchbox {
    width:113px;
    height:18px;
    padding:0;
    text-align:left;
    background:none
}
form#searchbox input{
    border: 1px solid rgb(186, 215, 149);
    height:16px;
    width:103px;
    font-size:11px;
    padding-left:5px
}

/* SideBarB */

aside#sidebar-b > div {
    background: url("../images/CG57_MDPH_RIGHT_SHADOW.jpg") no-repeat scroll center top transparent
}
aside#sidebar-b > div:first-child {
    background: none;
    margin-top:-15px
}

div.liens {
    margin:15px 0 0 0;
    background: url("../images/CG57_MDPH_RIGHT_SHADOW_LG.jpg") no-repeat scroll left top transparent;
    padding-left:15px
}
div.links {
    background: none repeat scroll 0% 0% rgb(233, 244, 213);
    color: rgb(201, 153, 78);
    font-size: 0.95em;
    padding: 3px 3px 3px 10px;
    font-weight:bold
}
div.liens > ul {
    background: url("../images/CG57_MDPH_RIGHT_SHADOW.jpg") no-repeat scroll left top transparent;
}
div.liens ul > li {
    border-bottom: 1px solid rgb(208, 208, 208);
    margin:0 15px 0 15px;
    list-style-type:none;
    padding:5px 0 5px 0
}
div.liens ul > li:last-child {
    border-bottom: 1px solid rgb(208, 208, 208);
    margin:0 15px 15px 15px;
    list-style-type:none;
    padding:5px 0 5px 0
}
a.plus {
    color: rgb(0, 102, 153);
    background: url("../images/CG57_MDPH_BULLET.gif") no-repeat scroll 1% 50% transparent;
    padding: 2px 0px 2px 15px;
    font-size:0.9em;
    display:block;
    text-decoration:none
}
a.plus:hover {
    color: rgb(0, 102, 153);
    text-decoration:underline
}

/* Image avant lien */

a.bb_sample_a {
    background:url('../images/CG57_MDPH_NAVBOX_ARROW.gif') no-repeat left center;
    padding-left:15px;
    color:rgb(153, 204, 51);
    text-decoration:none;
    font-weight:bold
}
a.bb_sample_a:hover {
    text-decoration:underline
}

/* Pagination */

#system .pagination {
    list-style: none;
}

#system .pagination li a {
    display:table;
    float : left;
}

#system .pagination li a span {
    vertical-align: middle;
    display : table-cell;
}

/*#system .pagination .active {
    border: 1px solid #E6E7E8;
    border-radius: 5px;
    font-size: 11px;
    color: white;
    background: #006699;
    overflow: hidden;
    float: left;
}*/

#system .pagination .active a:hover {
    color: white;
    background-color: #006699;
}

#system .pagination .active a{
    color: white;
    background-color: #006699;
}

#system .pagination strong {
    color: rgb(255, 255, 255);
    background: rgb(0, 102, 153)
}
#system .pagination a {
    color: rgb(0, 102, 153)
}

#system .pagination .active a {
    color: white;
}

#system .pagination a:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(153, 204, 51);
}
#system .pagination strong, #system .pagination a, #system .pagination a:hover {
    text-shadow:none
}


#system .pagination .icon-angle-left {
    width: 14px;
    color: #ff0000;
    background-image: url(../images/pagination.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    text-indent: 30px;
}

#system .pagination .icon-angle-left:hover {
    background-position: 50% -50px;
}

#system .pagination .icon-angle-double-left:before {
    width: 14px;
    color: #006699;
    content : "Début";

}


#system .pagination .icon-angle-left {
    width: 14px;
    color: #ff0000;
    background-image: url(../images/pagination.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    text-indent: 30px;
}

#system .pagination .icon-angle-right {
    width: 14px;
    color: #ff0000;
    background-image: url(../images/pagination.png);
    background-position: 50% -100px;
    background-repeat: no-repeat;
    text-indent: 30px;
}


#system .pagination .icon-angle-right:hover {
    background-position: 50% -150px;
}

#system .pagination .icon-angle-double-right:before {
    width: 14px;
    color: #006699;
    content : "Fin";

}
#system .pagination .disabled {
    display : none;
}

#pagination_container{
    width : 300px;
    margin: auto;
}

/* Pagination Recherche */

#search-results .pagination {
    margin-top: 3%;
    list-style: none;
}
#search-results .pagination li a {
    display:table;
    float : left;
    text-decoration: none;
}

#search-results .pagination li a span {
    vertical-align: middle;
    display : table-cell;
}



#search-results .pagination strong {
    color: rgb(255, 255, 255);
    background: rgb(0, 102, 153)
}
#search-results .pagination a {
    color: rgb(0, 102, 153);
    text-shadow : none;
}

#search-results .pagination a:hover {
    color: rgb(255, 255, 255);
    background: rgb(153, 204, 51)
}

#search-results .pagination .active a {
        background: #006699;
         color: rgb(255, 255, 255);
}

#search-results .pagination  .active a:hover {
    color: rgb(255, 255, 255);
    background: rgb(0, 102, 153);
}

#search-results .pagination li {
    border-radius : 5px;

}

#search-results .pagination strong, #system .pagination a, #system .pagination a:hover, #search-result .pagination a,#search-results .pagination a:hover {
    text-shadow:none
}


#search-results .pagination .icon-angle-left {
    width: 14px;
    color: #ff0000;
    background-image: url(../images/pagination.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    text-indent: 30px;
}

#search-results .pagination .icon-angle-left:hover {
    background-position: 50% -50px;
}

#search-results .pagination .icon-angle-double-left:before {
    width: 14px;
    color: #006699;
    content : "Début";

}


#search-results .pagination .icon-angle-left {
    width: 14px;
    color: #ff0000;
    background-image: url(../images/pagination.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    text-indent: 30px;
}

#search-results .pagination .icon-angle-right {
    width: 14px;
    color: #ff0000;
    background-image: url(../images/pagination.png);
    background-position: 50% -100px;
    background-repeat: no-repeat;
    text-indent: 30px;
}


#search-results .pagination .icon-angle-right:hover {
    background-position: 50% -150px;
}

#search-results .pagination .icon-angle-double-right:before {
    width: 14px;
    color: #006699;
    content : "Fin";

}
#search-results .pagination .disabled {
    display : none;
}

#pagination_container{
    width : 300px;
    margin: auto;
}


/* FAQ - Accordion */

.accordion {
    background-color: transparent;
    color: #006699;
    cursor: pointer;
    padding:8px 15px 8px 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    border-top : 1px solid lightgrey;
    border-left : 1px solid lightgrey;
    border-right : 1px solid lightgrey;
    border-bottom : 1px solid lightgrey;
    border-radius : 3px;
}

.accordion:hover {
    background-color: #99CC33;
    color : white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-bottom-radius: 0;
}

.accordion.active{
    background-color: #006699;
    color : white;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.active:hover{
    background-color: #006699;

}

.panel {
    padding: 0 15px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 1px;
}



/* Liste */

ul.liste {
    margin-left:15px;
    margin-bottom:15px;
    font-size:1.1em
}
li.retrait {
    list-style-type:none
}

ul.liste > li {
    margin-top:15px
}
ul.liste > li.retrait {
    margin-top:0
}

h3 {
    background: url("../images/CG57_MDPH_NAVBOX_BULL.gif") no-repeat scroll 1% 50% transparent;
    color:rgb(127, 158, 173);
    font-size: 1.1em;
    padding: 6px 9px 6px 15px
}
li.result h3 {
    background:none
}
hr {
    margin:0 0 5px 0;
    border-top-color: rgb(204, 204, 204)
}

/* Mur de vignettes
------------------------- */

div.dvpt-mur {
    float:left;
    width:33%;
    padding-bottom:15px;
    margin:0 auto;
    text-align:center;
}

div.caption {
    font-weight:bold;
}

#system .items  .grid-box .item, #system .item, .mdph, form#userForm {
    padding-bottom: 12px;
    margin-bottom: 18px;
    border: 1px solid rgb(208, 208, 208);
    background: url("../images/CG57_MDPH_ACCUEIL_BG.jpg") repeat-x scroll left top rgb(249, 249, 249);
}

/* Formulaire de contact */

form#userForm .rsform-block {
    margin-bottom:0
}
h2 {
    color:rgb(0, 102, 153);
    font-size:1.5em;
    font-weight:bold
}
form#userForm h2 {
    padding:10px
}

/* Liens - Tous les formulaires */

div.formulaires {
    padding-bottom:10px;
    border-bottom:1px solid rgb(206, 206, 206)
}

/* Tableau */

table {
    border-spacing:2px;
    width:80%;
    margin:0 auto;
    text-align:center
}
table.normal {
    text-align:left
}
th, td {
    border:1px solid rgb(153,153,153);
    padding:5px
}
td > p {
    margin:0
}

/* Tableau - Liste des articles */

table.zebra {
    text-align:left
}
table.zebra tbody{
    font-size:1.1em
}
table.zebra tbody tr td, table.zebra tbody tr:first-child td {
    border:none
}

/* Formatage du texte */
div.content.clearfix {
    font-size:12px;
    font-family: "Arial", Verdana, Helvetica, sans-serif;
    color: #000;
    text-align: justify;
}
h4 {
    color: #000;
    font-weight: bold;
    font-size: 15px;
}
#system .item > header .meta {
    margin: 5px 0 0 0;
    font-size: 11px;
    line-height: 13px;
}

/* Liens */

a {
    text-decoration:underline;
    color: rgb(0, 102, 153)
}   /* Bleu */
a:hover {
    text-decoration:none;
    color: rgb(153, 204, 51)
} /* Vert */

/* Onglets et accordéons dans les articles
-------------------------------------------------- */

.nn_tabs_container, .nn_sliders_container  {
    width:96%;
    margin-left:2%;
}

div.nn_tabs_nav li.nn_tabs_tab.active a, div.nn_tabs_nav li.nn_tabs_tab.active a:hover {
    background-color: rgb(0,102,153);
    color: #FFF;
    cursor: default;
}

div.nn_tabs_nav li.nn_tabs_tab a, div.nn_tabs_nav li.nn_tabs_tab a:hover {
    display: block;
    margin-right: 2px;
    padding: 8px 12px;
    border-radius: 4px 4px 0px 0px;
}

div.nn_tabs_nav li.nn_tabs_tab a:hover {
    background-color: rgb(153,204,51);
    color: #FFF;
}

div.nn_tabs_content {
    margin-bottom: 18px;
    padding: 8px 12px;
    border-radius: 0px 0px 4px 4px;
}

div.nn_sliders_slider a {
    display: block;
    width: auto;
    border-radius: 4px 4px 4px 4px;
    padding: 8px 15px;
}

div.nn_sliders_slider a:hover {
    background-color: rgb(153,204,51);
    color: #FFF;
}

div.nn_sliders_slider.active a, div.nn_sliders_slider.active a:hover {
    background-color: rgb(0,102,153);
    border-radius: 4px 4px 0px 0px;
    color: #FFF;
}

div.nn_sliders_content_wrapper div.nn_sliders_content {
    clear: both;
    border-radius: 0px 0px 4px 4px;
    padding: 9px 15px;
}

/* Plan du site */

ul.rsseo_links, ul.rsseo_links_small {
    padding:15px
}


/* Gestion du positionnement des modules de #block-header */
#block-header {
    margin: 0 auto;
    min-height:125px;
    border: none;
    background: none
}
#logo {
    position: absolute;
    top: 10px;
    left: 6px;
    width:91px;
    height:80px;
    z-index:1000
}
#searchbox input {
    height: 15px;
    color: #000;
    font-size: 11px;
    padding-left:5px
}
#system .item > header .icon {
    margin: -5px 0 0 5px;
    float: right;
}

/* Gestion du positionnement des modules de #block-main */
#block-main {
    margin: 0 auto;
    width:100%;
    /*padding: 0;*/
    border: none; /* 1px solid #ccc */
    ;
    box-shadow: none;
    background: none /* #FFF */;
    border-radius: 0px;
}

/* Breadcrumbs (fil d'ariane) */
#breadcrumbs {
    color: rgb(153, 204, 51);
    font-size: 1em;
    margin:10px 0 10px 10px;
    width:985px; /* Largeur pour integrer les outils en flottant a droite */
}

div.breadcrumbs img {
    display: none;
}

.breadcrumbs a, .breadcrumbs > span {
    color: rgb(153, 204, 51);
    margin-right: 5px
}
.breadcrumbs > strong {
    text-decoration:none;
}
.breadcrumbs a:hover {
    color: rgb(153, 204, 51);
    text-decoration:underline
}

div.outils {
    float:right
}

/* FIN */

/* Gestion du positionnement des modules du #menu (Menu Principal généré par MEGA DROPDOWN MENU) */

#header {
    margin:0
}

#menu {
    text-align:center;
    margin:0 auto;
    height: 97px;
    width:1000px;
    background: url('../../../images/logo.png') center center no-repeat;
    position: relative;
    bottom:0;
    top:2px
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
    font-family:inherit
}

/* Largeur fixes des items */

.item1274 {
    width:130px
}
.item1277 {
    width:200px
}
.item1278 {
    width:150px
}
.item1279 {
    width:200px
}
.item1280 {
    width:170px
}
.item1281 {
    width:138px
}

.menu-dropdown li.level1 > a {
    width:100%
}

/* Level 1 */
.menu-dropdown {
    margin-top:90px;
    margin-bottom: -10px;
}
.menu-dropdown li.level1 {
    background: none repeat scroll 0% 0% rgb(104, 211, 252);
    padding-bottom:3px;
    color:rgb(102, 140, 158);
    border:1px solid rgb(204, 204, 204) ;
    font-weight:bold;
    letter-spacing:0.1em
}
.menu-dropdown a.level1 {
    position: relative;
    background-color: #FFF;
    color: rgb(102, 140, 158);
    border-bottom:1px solid rgb(204, 204, 204)
}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    height: 16px;
    line-height: 16px;
    font-size: 1.15em;
    padding:5px 0 5px 0;
    width:100%;
    text-align:center
}

.menu-dropdown  li.level1:hover {
    color: rgb(255,153,0);
}

/* Set Active */

/* Set Hover */
.menu-dropdown  li.level1.parent:hover > .level1 > span,
.menu-dropdown  li.parent.remain > .level1 > span {
    color: rgb(255,153,0);
    background: url(../images/menu_dropdown_level1_parent.png) 50% 100% no-repeat;
}


/* Drop-Down */
.menu-dropdown .dropdown {
    top: 61px;
    left: -5px;
}
.menu-dropdown:last-child > li:last-child .dropdown {
    left: auto;
    right: -5px;
}
.menu-dropdown .dropdown:before {
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    height: 1px;
    content: "";
    background: #D3D3D3;
    z-index: 1;
}
.menu-dropdown .dropdown-bg {
    margin: 0 5px 5px 5px;
}
.menu-dropdown .dropdown-bg > div {
    padding: 10px;
    border: 1px solid #c3c3c3;
    border-top: none;
    background: #FFF;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4)
}

/* Items Level 1 */
li.level1.item389.hassubtitle a.level1 span span.title {
    margin-top: -5px;
}


/* Level 2 */
.menu-dropdown li.level2 {
    margin: 0 10px;
    border-top: 1px solid #ddd;
}
.menu-dropdown li.level2:first-child {
    border: none;
}
.menu-dropdown a.level2,  .menu-dropdown span.level2 {
    font-size: 11px;
    color: #868686;
    text-transform: uppercase;
}

/* Set Hover */

/* Set Current */
.menu-dropdown a.current.level2 {
    font-weight: bold;
}

/* Level 3 */
.menu-dropdown li.level3 {
    line-height: 20px;
}
.menu-dropdown a.level3 {
    padding-left: 12px;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #868686;
}
.menu-dropdown a.level3:hover {
    background-position: 0 -100px;
}

/* Set Hover */

/* Set Current */
.menu-dropdown a.current.level3 {
    font-weight: bold;
}

/* Icons */
.menu-dropdown .level1 .level1 span.icon {
    width: 48px;
    height: 48px;
    padding-right: 8px;
    margin-left: -47px;
    margin-top: -10px;
}
.menu-dropdown .level1 .level1 span.icon + span, .menu-dropdown .level1 .level1 span.icon + span + span {
    margin-left: 25px;
    margin-top: 0px;
}
.menu-dropdown li.level2 .level2 span.icon {
    margin-right: 4px;
}
.menu-dropdown li.level2 .level2 span.icon + span, .menu-dropdown li.level2 .level2 span.icon + span + span {
    margin-left: 39px;
}

/* Subtitles */
.menu-dropdown span.subtitle {
    text-transform: none;
    letter-spacing: none;
    font-size: 15px;
    text-indent:-16px;
}
.menu-dropdown .level1 .level1 span.title {
    line-height: 22px;
}
.menu-dropdown .level1 .level1 span.subtitle {
    margin-top: -2px;
}

/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */

#sidebar-a .grid-box .module {
    margin:0
}

.menu-sidebar a,
.menu-sidebar li > span, .menu-sidebar a:hover {
    background:url('../images/CG57_MDPH_NAVBOX_BULL.gif') no-repeat left center;
    padding-left:15px;
    color: rgb(54, 75, 86)
}

/* Current */
.menu-sidebar a.current {
    font-weight: bold
}

/* Level 1 */
.menu-sidebar li.level1 {
    background: url("../images/CG57_MDPH_NAVBOX_BG.jpg") repeat-x scroll left top transparent;
    border-top: 1px solid rgb(204, 204, 204);
    padding-left:2px
}
.menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {
    padding:7px 0;
    line-height:15px
}

#page .menu-sidebar li.level1:last-child {
    border-bottom: 1px solid rgb(204, 204, 204);
}

.menu-sidebar li.parent .level1 > span {
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.menu-sidebar li.active .level1 > span, .menu-sidebar li.active .level1 > span:hover {
    font-weight: bold
}

/* Level 2-4 */
.menu-sidebar ul.level2 ul {
    padding-left: 10px;
}

.menu-sidebar .level2 a > span   {
    line-height: 20px;
}

.menu-sidebar ul a > span {
    padding-left: 15px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.menu-sidebar ul a:hover > span,
.menu-sidebar ul a.current:hover > span {
    background-position: 0 -100px;
}
.menu-sidebar ul a.current > span {
    background-position: 0 -200px;
}


/* Icons */
.menu-sidebar span.icon {
    margin-right: 4px;
}


/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li {
    margin-left: 7px;
    padding-left: 8px;
    background: url(../images/menu_line_item.png) 0 50% no-repeat;
}

/* FIN */

/* Titre des modules de #main*/
div.content.clearfix div h2 {
}

.module .module-title {/*font-size: 15px;line-height: 24px;*/
    text-transform: uppercase;
    font-size: 18px;
    text-align: left;
    padding:16px 0 0 50px;
    color: #FFF;
    margin: none;
    background: url(../images/pointer.png) no-repeat top center;
    height:56px;
}

.mod-box {
    padding: 15px 15px 5px 15px;
    border: 1px solid #D7D7D7;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    background: whiteSmoke;
    background: -moz-linear-gradient(top, #F2F2F2 0%, #EEE 100%);
    background: -webkit-linear-gradient(top, #F2F2F2 0%, #EEE 100%);
    border-radius: 0px;
}

/* Gestion des menus secondaires top et bottom */

#footer {
    position: relative;
    text-align: left;
}
.menu-line li:first-child, #footer .menu-line li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}
.menu-line li a {
    color: rgb(153,153,153);
    font-weight: normal;
    font-size:90%
}
.menu-line li a:hover {
    color: rgb(153,153,153);
    text-decoration: underline;
}

#footer .menu-line li a {
    color: #000;
    font-weight: normal;
    font-size:90%
}
#footer ul#mentions > li.level1:first-child {
    color: rgb(153,153,153)
}

#totop-scroller {
    position: absolute;
    right: 10px;
    bottom: 40px;
    width: 25px;
    height: 26px;
    background: url(../images/footer_anchor.png) 0 0 no-repeat;
    display: block;
    text-decoration: none;
    display: none;
}



/* FIN */