/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyright (c) 2009 SIAAP
|		Webdesign : Smart Agence
|		http://www.smartagence.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* _____[ 00 | META declarations | Haut de page : logo, recherche, etc | Navigation principale ]_____________ */

/* cf. common.css */
body {background-image:url(../../img/bg_body_home.gif);background-repeat:repeat-x;background-position:0 0;}


/* ______________________[ 03 | Contenu principal : présentation en 3 colonnes ]____________________*/

#Page {background-color:#FFF;background-repeat:no-repeat;background-position:0 0;}
#Logo a {display:none;}

#ContainerCols {clear:both;margin:0 10px 10px 10px;padding:0;display:block;font-size:.9em;text-align:left;}
#ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ContainerCols {display:inline-block;}
/* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */

/* fadeshow */
#fadeshow {position:relative;top:0;left:0;margin:0;padding:0;width:980px;overflow:hidden;height:600px;}
#fadeshow .fade-bloc {margin:0;padding:0;width:980px;height:600px;background-image:url(../../uploads/tx_macinabanners/masthead_003.jpg);text-align:left;}
#fadeshow .fade-bloc a {position:absolute;display:block;margin:128px 0 0 0;padding:0;height:240px;width:980px;/*z-index:95;*/z-index:25;top:0;}
#fadeshow .fade-bloc a span {position:absolute;top:-7777em;left:-7777em;}
#fadeshow ul#listeImgs {margin:0;padding:0;visibility:hidden;/*display:none;*/}
#fadeshow ul#listeImgs img {margin:0;padding:0;border:0;}
#fadeshow .fade-content {position:absolute;top:0;left:0;padding:0;width:980px;margin:0;padding:0;}
/*#fadeshow #ch-bg-img {position:relative;text-align:right;margin:0 0 -10px 0;padding:0;clear:both;height:1%;}
#fadeshow #ch-bg-img a {margin-left:5px;}
#fadeshow #ch-bg-img a img {width:10px;height:19px;}*/

#fadeshow #ch-bg-img {position:absolute;top:374px;right:10px;/*background-color:#CF0;*/padding:0;clear:both;display:none;}
#fadeshow #ch-bg-img a {display:block;float:left;margin:0 0 0 5px;}
#fadeshow #ch-bg-img a img {width:10px;height:19px;}


/* ______________________[ Navigation principale ]________________________ */

#NavigationPrincipale {margin:0 10px 259px 10px;height:27px;background-image:url(../../img/home/ul_nav.png);}
/* \*/ * html #NavigationPrincipale {background-image:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='img/home/ul_nav.png');} /* */
html>body #NavigationPrincipale {background-image:url(../../img/home/ul_nav.png) !important;}
#NavigationPrincipale li {height:27px;}
#NavigationPrincipale li a {height:27px;background-image:url(../../img/home/nav.png);}
/* \*/ * html #NavigationPrincipale li a {background-image:url(../../img/home/nav.gif) !important;} /* */
html>body #NavigationPrincipale li a {background-image:url(../../img/home/nav.png) !important;}

#NavItem1 a:hover, #NavItem1 a:focus, #NavItem1 a:active {background-position:0 -27px;}
#NavItem2 a:hover, #NavItem2 a:focus, #NavItem2 a:active {background-position:-92px -27px;}
#NavItem3 a:hover, #NavItem3 a:focus, #NavItem3 a:active {background-position:-192px -27px;}
#NavItem4 a:hover, #NavItem4 a:focus, #NavItem4 a:active {background-position:-330px -27px;}
#NavItem5 a:hover, #NavItem5 a:focus, #NavItem5 a:active {background-position:-473px -27px;}
#NavItem6 a:hover, #NavItem6 a:focus, #NavItem6 a:active {background-position:-558px -27px;}
#NavItem7 a:hover, #NavItem7 a:focus, #NavItem7 a:active {background-position:-687px -27px;}
#NavItem8 a:hover, #NavItem8 a:focus, #NavItem8 a:active {background-position:-814px -27px;}


/* container 3 cols */
.homelayout {margin:0 !important;padding:0;height:172px;overflow:hidden;}

#homelayout2 {margin:0 !important;padding:0;height:200px;overflow:hidden;}

#homelayout2 .contenu{ width:300px; float:left; background:#FFF; overflow:hidden;}


/* 3 cols */
#ColA, #ColB, #ColC {float:left;padding:0;}
#ColA {width:300px;}
#ColB {width:314px;}
#ColC {width:346px;}

#ColA .contenu .inner .inner2 {background:url(../../img/home/bg_col_a.png) transparent no-repeat 0 100%;}
#ColB .contenu .inner .inner2 {background:url(../../img/home/bg_col_b.png) transparent repeat 0 0;}
#ColC .contenu .inner .inner2 {background:url(../../img/home/bg_col_c.png) transparent no-repeat 100% 100%;}

/* default content */
#ContainerCols .contenu {}
#ContainerCols .contenu .inner {}
#ContainerCols .contenu .inner h2 {height:22px;margin:0 !important;padding:0;}
#ContainerCols .contenu .inner h2 span {position:absolute;top:-7777em;left:-7777em;}
#ContainerCols .contenu .inner .inner2 {border-top:1px solid #000;height:149px;}
#ContainerCols .contenu .inner .inner2 .inner3 {overflow:hidden;height:149px;}
#ContainerCols .contenu .inner .inner2 .inner3 a {color:#006C9E;text-decoration:none;}
#ContainerCols .contenu .inner .inner2 .inner3 a:hover,
#ContainerCols .contenu .inner .inner2 .inner3 a:active,
#ContainerCols .contenu .inner .inner2 .inner3 a:focus
{text-decoration:underline;}
#ContainerCols .contenu .inner .inner2 .inner3 h3 {margin:0 0 .4em 0;font-size:1.1em;}
#ContainerCols .contenu .inner .inner2 .inner3 h3 strong {background-color:#000;color:#FFF;padding:1px 10px 3px 10px;}
#ContainerCols .contenu .inner .inner2 .inner3 p {margin:0;}
#ContainerCols .contenu .inner .inner2 .inner3 ul {margin:0 0 .3em 0;padding:0;list-style:none;}
#ContainerCols .contenu .inner .inner2 .inner3 ul li {background:url(../../img/bullet_1.gif) transparent no-repeat 0 .5em;padding:0 0 0 8px;margin:0 0 .5em 0;}
#ContainerCols .actualites .contenu .inner .inner2 .inner3 ul li{ background:none; padding:0; margin:0}
#ContainerCols .contenu .inner .inner2 .inner3 .blocVisu {border:1px solid #FFF;}
#ContainerCols .contenu .inner .inner2 .inner3 .more {text-align:right;}
#ContainerCols .contenu .inner .inner2 .inner3 .more a {background:url(../../img/bullet_2.gif) transparent no-repeat 100% .3em;padding:0 9px 0 0;}

/* content wrapper: actualites */
.actualites {}
.actualites .contenu {}
.actualites .contenu .inner {}
.actualites .contenu .inner h2 {width:80px;background:url(../../img/home/h2_actualites.png) transparent no-repeat 0 0;}
.actualites .contenu .inner .inner2 {padding:0;}
.actualites .contenu .inner .inner2 .inner3 {background:url(../../img/home/bg_cols.gif) transparent no-repeat 100% 35%;padding:7px 30px 1px 15px;}

.actualites .contenu .inner .inner2 .inner3 ul, .actualites .contenu .inner .inner2 .inner3 li{ list-style-type:none}

/* content wrapper: tableau de bord */
.tableaudebord {}
.tableaudebord .contenu {}
.tableaudebord .contenu .inner {}
.tableaudebord .contenu .inner h2 {width:190px;background:url(../../img/home/h2_tableaudebord.png) transparent no-repeat 0 0;}
.tableaudebord .contenu .inner .inner2 {padding:0;}
.tableaudebord .contenu .inner .inner2 .inner3 {background:url(../../img/home/bg_cols.gif) transparent no-repeat 100% 35%;padding:0 5px 0 15px;margin:7px 0 0 0;}

/* content wrapper: multimedia */
.multimedia {}
.multimedia .contenu {}
.multimedia .contenu .inner {}
.multimedia .contenu .inner h2 {width:90px;background:url(../../img/home/h2_multimedia.png) transparent no-repeat 0 0;}
.multimedia .contenu .inner .inner2 {padding:0;}
.multimedia .contenu .inner .inner2 .inner3 {padding:0 15px 0 15px;margin:7px 0 0 0;}

/* contenus texte-image */
.right .blocVisu {margin:0 0 5px 12px;}
.left .blocVisu {margin:0 12px 5px 0;}
.right_nowrap .blocVisu {margin:0 0 12px 5px;}
.left_nowrap .blocVisu {margin:0 12px 5px 0;}


/* ______________________[ 04 | Bas de page : copyright, liens vers informations générales ]________________________ */

#PiedDePage {margin:0 10px;padding:0 0 6px 0;color:#4C4C4C;background:url(../../img/home/bg_footer_b.png) transparent no-repeat 0 100%;}
#PiedDePage .inner {background:url(../../img/home/bg_footer_a.png) transparent no-repeat 0 0;line-height:.7em;padding:.4em 0 0 0;}
#PiedDePage .inner a {color:#4C4C4C;}


a#flash-link{ position:absolute; width:980px; height:253px; left:0; top:126px; display:block; z-index:100;}

/* caroussel */


#fade-in{visibility:hidden}

.jcarousel{
position:absolute; left:0; top:0; width:265px !important; width:255px; overflow:hidden; margin:0; padding:0

}
.jcarousel .jcarousel-list-horizontal{ padding:0 !important; margin:0!important; list-style-type:none!important}
.jcarousel .jcarousel-container-horizontal {
    width: 265px!important; width:255px;
    padding:0;
}


.jcarousel .jcarousel-clip-horizontal {
    width: 265px!important; width:255px;
}


.jcarousel .jcarousel-item {
	list-style-type:none;
    width: 265px!important; width:255px;
    height: 141px;
}
.jcarousel .jcarousel-item a:hover{ color:#cc0033 !important; text-decoration:none !important; }
.jcarousel .jcarousel-item a.img{ text-align:center; background:#000000; width: 265px!important; width:255px; float:left; height:100px; overflow:hidden}
.jcarousel .jcarousel-item a.img img{ height:100px !important; width:auto !important}
.jcarousel .jcarousel-item-horizontal {
  
}

.jcarousel .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-control {
    text-align: center;
    position:absolute;
    right:5px;
    top:60px;
    width:75px;
    z-index:10000;
}

.jcarousel-control a {
    height:20px; 
    width:15px;
    overflow:hidden;
    text-decoration: none;
    padding:0;
    margin: 10px 0 0 5px !important;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform:capitalize;
    float:left;
}

.jcarousel-control a .mini{height:20px; width:auto}
.jcarousel-control a.selected{ width:20px; height:30px; margin: 0 0 0 5px !important; display:none!important}
.jcarousel-control a.selected .mini{height:30px !important; width:auto; display:none!important}
.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    text-align: center;
    position:absolute; width:265px; left:0; top:125px
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 9px;
}