@charset "iso-8859-1";
html {
    height: 101%;
}
body {
    margin: 0;
	padding: 0; 
}
*{
	padding: 0;
	margin: 0; 
}
h1, h2, h3, h4, .contentheading, .componentheading {
    padding: 3px 0;
    margin: 0;
    line-height: 1.2;
	font-weight: bold;
    font-style: normal;
    margin-bottom: 8px;
}
h1, .componentheading {
    font-size: 1.75em;
}
h2, .contentheading {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}
h5.newsflash-title, h5{
    margin: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    font-family: 'Roboto Light', sans-serif;
    line-height: 18px;
}

ul.menu {
	margin: 0; 
}
ul.menu li {
    list-style: none;
}
p{
	padding: 5px 0;
}
address {
	margin: .75em 0;
    font-style: normal;
}
a:focus {
    outline: none;
}
img {
    border: none;
}
em {
    font-style: italic;
} 
strong {
	font-weight: bold;
}
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle;
}
.clr {
    clear : both;
}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.clearfix {
    zoom: 1;
}
body {
  background: #eff6fe;
  color: #959595;
  line-height: 20px;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
}
a, a:visited {
    color: #036c9e;
}
a:hover {
	color: #000;
    text-decoration: underline;
}
h1, div.componentheading {
	color: #036c9e;
    text-align: left;
    letter-spacing: -1px;
    line-height: 25px;
    font-size: 22px;
}
h2, div.contentheading {
	color: #036c9e;
    text-align: left;
    font-size: 20px;
}
h2 a {
    text-decoration: none;
}
h2 a:hover, div.contentheading a:hover {
    color: #036c9e;
}
.lireplusitems{
    border:1px solid #f7941d;
    padding:5px;
    margin: 0 auto 13px auto;
    width:200px;
}
.lireplusitems a{
    text-decoration: none;
    font-family: 'Roboto Light', sans-serif;
}
.lireplusitems:hover{
    background: #f7941d;
}
.lireplusitems:hover a{
    color: #fff;
}

header{
	width:100%;
	background:#fff;
}
#header{
	max-width: 1000px;
	margin:0 auto;
    line-height: 17px;
}

/************************** MENU PRINCIPAL ***************************/
#nav {
    margin: 0;
    padding: 0;
    min-height: 20px;
    background:#39b485;
    width:100%;
}
#nav ul.menu {
    margin: 0;
    padding: 0;
    zoom: 1;
    position:relative 
}
#nav ul.menu:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
#nav ul.menu > li {
    margin: 0;
    padding: 0;
    list-style:none;
    border-right: 1px solid #a7cebc;
    float:left;
    font-weight: normal;
    font-size: 14px;
}
#nav ul.menu > li > a{
    display:block;
    color: #fff;
    margin: 0px;
    padding: 10px 44px;
    text-align: center;
    text-decoration: none;
}
#nav ul.menu > li:last-child{
    border-right: none;
}

#nav ul.menu > li:hover > a, #nav ul.menu > li.active > a {
    background: #f69534;

}
#nav ul.menu > li:hover > a,
#nav ul.menu > li.active > a {
    color: #fff;
}
#header nav{float:right;}
#header nav>ul{float:left;position:relative}
#header nav li{list-style:none;float:left}
#header nav .dropdown{
    position:relative;
    z-index: 100000;
}
#header nav li a{
    float:left;
    padding:35px;
    /*border-bottom: 3px solid transparent;*/
    transition: all .3s ease;
}
#header nav li a:hover{
    background:#2C3E50;
    /*border-bottom: 3px solid #39b485;*/
}
#header nav li ul{display:none}
#header nav li:hover ul{display:inline}
#header nav li li{float:none}
#header nav .dropdown ul{
    position:absolute;
    left:0;
    top:100%;
    background:#fff;
    padding:20px 0;
    /*border-bottom:3px solid #38b584;*/
    width:100%;
}
#header nav .dropdown li{
    white-space:nowrap;
}
#header nav .dropdown li a{
    padding:10px 35px;
    font-size:13px;
    min-width:200px;
}
#header nav .mega-dropdown{
    width:1000px;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    overflow:hidden;
    padding:5px 35px;
    border-bottom:3px solid #38b584;
    z-index: 100000;
}
#header nav .mega-dropdown li a{ 
    border-bottom: none;
    transition: none;
}

#header nav ul li {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-outs;
}

#header nav li li a{
    display: inline-block;
    /*float: none;*/
    color:#333;
    display:block;
    padding:8px 14px;
    border-radius:3px;
    font-size:14px;
    text-align: center;
}
#header nav li li a:hover{
    background:#fff;
    background:#F69534;
    color_:#f69534;
    color:#fff;
    text-decoration: none;
    border-bottom:none;
}
.mega-col{width:25%;float:left}
#menu-icon{
    position:absolute;
    right:0;
    top:50%;
    margin-top:-12px;
    margin-right:30px;
    display:none;
}
#menu-icon span{
    border:2px solid #F69534;
    width:30px;
    margin-bottom:5px;
    display:block;
    -webkit-transition:all .2s;
    transition:all .1s;
}
@media only screen and (max-width: 1170px) {
    #header #nav >ul.menu>li >a{
        padding:6px 5px;
        font-size: 14px;
        margin:1px 0;
        font-weight:bold;
    }
}
@media only screen and (min-width: 960px) {
  #header #nav{display:block!important}
}
@media only screen and (max-width: 959px) {
    #header #nav{
        display:none;
        width:100%;
        clear:both;
        float:none;
        max-height:400px;
        overflow-y:scroll;
        margin-top: 20px;
    }
    #menu-icon{
        display:inline;
        top:35px;
        cursor:pointer;
        position: absolute;
        z-index:100;
    }
    #menu-icon.active .first{
        transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        margin-top:10px;
    }
    #menu-icon.active .second{
        transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
        position:relative;
        top:-9px;
    }
    #menu-icon.active .third{
        display:none;
    }
    #header #nav{padding:10px}
    #header #nav ul{float:none}
    #header #nav li{
        float:none;
        border-right: none;
    }
    #header #nav ul li a{
        float:none;
        padding_:5px;
        display:block;
    }
    #header #nav ul li li a { 
       line-height: 22px;
       text-align: left;
       margin-left: 20px;
    }
    #header #nav ul li li a:hover { 
        color:#018c0f;
    }
    #header #nav ul.menu ul{
        display:block;
        position:static;
        background:none;
        border:none;
        padding:0;
    }
    #header #nav a{
        color:#fff;
        padding:8px;
    }
    #header #nav a:hover{
        background:#fff;
        color:#333;
        border-radius:3px;
    }
    #header #nav ul.menu li li a:before{
        content:" ";
        width: 6px;
        height: 6px;
        display: inline-block;
        border: solid 1px #fff;
        margin: 0 5px 0px 0px;
        background: #fff;
    }
    #header #nav ul.menu li li a:hover::before{
        border: solid 1px #f69534;
        background: #f69534;
    }
    .mega-col{
        width:100%;
    }
    #header nav .mega-dropdown{
        width:100%;
        position:relative;
        top:0;
        left:0;
        background:#000;
        overflow:hidden;
        padding:0;
        border-bottom:3px solid #38b584;
        z-index: 100000;
    }
    #header #nav ul.menu > li > a{
        text-align: left;
    }
}
/**********************/
.rouge{
    color:#9a292d;
}
.vert{
    color:#42a559;
}
.gris{
    color:#201e1e;
}
span.slogan{
    font-size: 14px;
    color:#777;
    font-family: 'Roboto Medium', sans-serif;
    font-weight: normal;
}
.harmoirie{
    width:auto;
    max-width:50%;
    padding-top: 5px;
    padding-bottom: 5px;
    float:left;
    margin-left: 3px;
}
.harmoirie img{
    width:70px;
}
.domaine{
    width:auto;
    max-width:50%;
    float:left;
    padding-top: 10px;
}
.domaine a{text-decoration:none;}

.domaine h2{
    margin-bottom: 0;
    color:#333;
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
}
.rightlab{
    margin-top: 7px;
}
.drapeau{
    float:left;
    padding-top: 5px;
    padding-bottom: 5px;
    width:auto;
    max-width:32%;
    margin-left: 10px;
    padding-top: 29px;
    position: relative;
    left:38px;
}
.drapeau img{
    width:33px;
}
.sociaux{
    float:left;
    width:auto;
    max-width:79%;
    line-height: 15px;
    padding-left: 45px;
}
.sociaux > ul.socialico{
    list-style: none;
    text-align: right;
    padding-right:5px;
}
.sociaux > ul.socialico > li{
    display: inline-block;
    margin-right: 8px;
}
.sociaux > ul.socialico > li > i{
    font-size: 18px;
    color:#939393;
}
.sociaux > ul.socialico > li{
    display: inline-block;
    margin-right: 8px;
}
.sociaux > ul.socialico > li > i{
    font-size: 18px;
    color:#939393;
}
.sociaux > ul.socialico > li:last-child{
    margin-right: 0;
}
.sociaux > ul.socialico > li a{
    color:#939393;
    text-decoration: none;
    font-size: 16px;
}
.sociaux > ul.socialico > li > a.sep:after{
    content: "|";
    padding-left: 10px;
}
.pub{
    width: auto;
    max-width: 1000px;
    margin-bottom: 10px;
    background_: #cf4a29;
    margin:10px auto;
}
.pub .container{
    width: auto;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.pub h2{
    color:#fff;
    padding:20px 20px;
}

.wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 10px;
}
.maincontainer{
    width:100%;
    margin-top: 10px;
}
.pubcontainer{
    margin: 0 auto 15px auto;
    max-width: 930px;
    position: relative;
    width: 100%;
}
.rightcontainer{
    width:100%;
}
/*FORMATAGE DU CONTENU DES ARTICLES*/
.maincontent{
    background:#fff;
    padding:10px;
    min-height:1354px;
}
.article-title{
    border-bottom:1px dotted #ccc;
    margin-bottom: 20px;
}
.maincontent .item-image{
  max-width: 100% !important;
  margin-bottom: 10px;
}
.maincontent h3{
  margin-right: 10px;
}
.maincontent p, .pd-cdesc{
    font-size:14px;
    font-family: "Roboto Regular",sans-serif;
    font-weight: normal;
    font-weight: normal;
    color:#333;
    line-height: 25px;
}
.pd-cdesc{
  line-height:22px;
}
.article-content ul{
  font-size:14px;
  font-family: "Roboto Medium",sans-serif;
  font-weight: normal;
  color:#333;
  line-height: 22px;
  padding:0 20px;
  margin-left_:20px;
}
.article-content ul li{
  margin:8px 0;
}
.article-content ul.flat-social{padding:0}

.spaceflash{
    width:auto;
    max-width:1000px;
    background: #e6e6e6;
    margin:0 0 0 0;
}
ul.flash{
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    
}
ul.flash > li{
    float: left;
    padding:0;
}
ul.flash > li:first-child{
    background: #f10b0b url("../images/flashlib.jpg") no-repeat top right;
    color:#fff;
    height:45px; 
    width:11%;
    font-family: 'Roboto Bold', sans-serif;
    padding:14px 15px;
}
ul.flash > li:last-child{
    width:88%;
    padding:5px 5px;
    font-family: 'Roboto Light', sans-serif;
    margin:0 0 0 0;
}

/*BREAKING NEWS**************/
.breakingNews{width:100%; height:40px; background:#e6e6e6; position:relative; border_:solid 1px #fff; overflow:hidden; margin-top: 10px;}
.breakingNews>.bn-title{width:auto; height:40px; display:inline-block; background:#2096cd; position:relative;}
.breakingNews>.bn-title>h2{font-family: 'Roboto Bold', sans-serif;font-weight:bold;display:inline-block; margin:0; padding:2px 20px 0 20px; line-height:40px; font-size:13px; color:#FFF; height:40px; box-sizing:border-box;}
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:10px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #2096cd;}

.breakingNews>ul{padding:0; margin:0; list-style:none; position:absolute; left:210px; top:0; right:40px; height:40px; font-size:13px;}
.breakingNews>ul>li{position:absolute; height:40px; width:100%; line-height:40px; display:none;}
.breakingNews>ul>li>a{font-family: 'Roboto Bold', sans-serif;text-decoration:none; color:#9a9595; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; font-weight:normal;}
.breakingNews>ul>li>a>span{color:#666;}
.breakingNews>ul>li>a:hover{color:#e6e6e6;}

.breakingNews>.bn-navi{width:40px; height:40px; position:absolute; right:0; top:0; opacity:0;}
.breakingNews>.bn-navi>span{width:20px; height:40px; position:absolute; top:0; cursor:pointer; opacity:0.3; background-image:url(../images/bn-arrows.png); background-repeat:no-repeat;}
.breakingNews>.bn-navi>span:hover{opacity:1;}
.breakingNews>.bn-navi>span:first-child{background-position:left center; left:0;}
.breakingNews>.bn-navi>span:last-child{background-position:right center; right:0;}
.breakingNews:hover .bn-navi{opacity:1;}

/*color styles -----------------------------*/
.bn-red{border-color:#f44a56;}
.bn-red>.bn-title{background:#f44a56;}
.bn-red>.bn-title>span{border-left-color:#f44a56;}
.bn-red>ul>li>a:hover,.bn-red>ul>li>a>span{color:#f44a56;}


.nomargin{
    margin:0;
}
.nopadding{
    padding:0;
}
.nopaddingright{
    padding-right: 0px;
}

.box-slider{
    margin:10px 0 11px 0;
}
.box-slider img.slide{
    width: 890px;
    height: 382px;
}
.box-ministre{
    margin:10px 0 8px 0;
    background:#fff;
    border:3px solid #f9f9f9;
    width:100%;
    padding-left: 5px;
    padding-right: 5px;
}
ul.listesec{
    list-style: none;
}
ul.listesec > li{
    margin:5px 0 5px 0;
    padding:4px 0 7px 0;
    color:#477dc3;
    border-bottom:2px solid #f9f9f9;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto Regular', sans-serif;
}
ul.listesec > li img{
    width:200px;
    height: 200px;
}
ul.listesec > li:last-child, ul.listesec > li:first-child{
    border-bottom: none;
    margin: 0 0 0 0;
    padding-bottom: 0;
}
ul.listesec > li:first-child, ul.listesec > li:nth-child(7n+3){
    font-weight:bold;
    text-transform: uppercase;
    color:#333;
    font-size: 14px;
    font-family: 'Roboto Medium', sans-serif;
}
ul.listesec > li a{
    text-decoration: none;
}

/************MENU SECONDAIRE****************/
.menuslide {
    margin: 0 0 6px 0;
    background:#d9dce1;
}
.menuslide ul.menuslider {
    margin: 0;
    padding: 0;
    zoom: 1; 
}
.menuslide ul.menuslider:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.menuslide ul.menuslider > li {
    list-style:none;
    float:left;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 12px;
    margin-right: 1px;
    background: #f69534;
}
.menuslide ul.menuslider > li:last-child, .menuslide ul.menuslider > li:last-child > a{
    margin-right: 0;
    padding-right: 24px;
    border-right: none;
}
.menuslide ul.menuslider > li:first-child, .menuslide ul.menuslider > li:first-child > a{
    padding: 0;
}
.menuslide ul.menuslider > li img {
    padding: 0;
    width:43px;
    height: 39px;
}
.menuslide ul.menuslider > li > a{
    display:block;
    color: #fff;
    margin: 0px;
    padding: 10px 77px;
    text-align: center;
    text-decoration: none;
}
#cssmenu > ul > li > a > i{
    font-size: 16px;
}

nav{
    position:relative;
    margin:0 auto;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{
    border:0;
    list-style:none;
    line-height:1;
    display:block;
    position:relative;
    -webkit-box-sizing:
    border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin: 0;
    padding: 0;
    zoom: 1;
}
#cssmenu:after, #cssmenu > ul:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
#cssmenu #head-mobile{display:none}
#cssmenu{
    font-family:sans-serif;
    background:#f69534;
}
#cssmenu > ul > li{
    float:left;
    background: #f69534;
    border-right: 1px solid #d9dce1;
    height: 45px;
    text-transform: uppercase;
}
#cssmenu > ul > li:last-child{
    border-right: none;
    padding-right:0;
}
#cssmenu > ul > li > a{
    padding:17px 29px;
    font-size:12px;
    letter-spacing:1px;
    text-decoration:none;
    color:#fff;
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{
    color:#fff;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
    background:#38b584!important;
    -webkit-transition:background .3s ease;
    -ms-transition:background .3s ease;
    transition:background .3s ease;
}
#cssmenu > ul > li.has-sub > a{
    padding-right:29px;
}
#cssmenu > ul > li.has-sub > a:after{
    position:absolute;
    top:22px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    background:#fff;
    content:'';
}
#cssmenu > ul > li.has-sub > a:before{
    position:absolute;
    top:19px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background:#fff;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before{
    top:23px;
    height:0;
}
#cssmenu ul ul{
    position:absolute;
    left:-9999px;
    z-index: 1000;
    min-width:200px;
}
#cssmenu ul ul li{
    height:0;
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    background:#f69534;
    transition:all .25s ease;
    text-transform: none;
}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{
    height:auto;
}
#cssmenu ul ul ul{
    margin-left:100%;
    top:0;
}
#cssmenu ul ul li a{
    border-bottom:1px solid #fff;
    padding:11px 15px;
    width:auto;
    line-height: 22px;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    font-weight:normal;
}
#cssmenu ul ul li a:hover{
    color:#fff;
    background: #38b584;
    border-bottom:1px solid #fff;
    padding:11px 15px;
    width:auto;
    line-height: 22px;
    font-size:12px;
    text-decoration:none;
    font-weight:normal;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff;background: #38b584;}
#cssmenu ul ul li.has-sub > a:after{
    position:absolute;
    top:16px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    background:#ddd;
    content:'';
}
#cssmenu ul ul li.has-sub > a:before{
    position:absolute;
    top:13px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background:#ddd;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease;
}
#cssmenu ul ul > li.has-sub:hover > a:before{
    top:17px;
    height:0;
}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}



.djslider-default img.dj-image {
    width:100%;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}


.djslider-default img.dj-image:hover {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
	-moz-transform:scale(1.25); /* Firefox */
	-ms-transform:scale(1.25); /* IE 9 */
	-o-transform:scale(1.25); /* Opera */
	transform:scale(1.25);
}



@media screen and (max-width:700px){
    .logo{
        position:absolute;
        top:0;left: 0;
        width:100%;
        height:46px;
        text-align:center;
        padding:10px 0 0 0 ;
        float:none;
    }
    .logo2{display:none}
    nav{width:100%;}
    #cssmenu{width:100%}
    #cssmenu ul{width:100%;display:none}
    #cssmenu ul li{
        width:100%;
        border-top:1px solid #fff;
    }
    #cssmenu ul li:hover{background:#f69534;}
    #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
    #cssmenu > ul > li{float:none}
    #cssmenu ul ul li a{padding-left:25px}
    #cssmenu ul ul li{background:#333!important;}
    #cssmenu ul ul li:hover{background:#f69534!important}
    #cssmenu ul ul ul li a{padding-left:35px}
    #cssmenu ul ul li a{color:#fff;background:none}
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
    #cssmenu #head-mobile{
        display:block;
        padding:23px;
        color:#ddd;
        font-size:12px;
        font-weight:normal;
    }
    .button{
        width:55px;
        height:46px;
        position:absolute;
        right:0;
        top:0;
        cursor:pointer;
        z-index: 12399994;
    }
    .button:after{
        position:absolute;
        top:22px;
        right:20px;
        display:block;
        height:2px;
        width:20px;
        border-top:2px solid #fff;
        border-bottom:2px solid #fff;
        content:'';
    }
    .button:before{
        -webkit-transition:all .3s ease;
        -ms-transition:all .3s ease;
        transition:all .3s ease;
        position:absolute;
        top:16px;
        right:20px;
        display:block;
        height:2px;
        width:20px;
        background:#fff;
        content:''}
    .button.menu-opened:after{
        -webkit-transition:all .3s ease;
        -ms-transition:all .3s ease;
        transition:all .3s ease;
        top:23px;
        border:0;
        height:2px;
        width:19px;
        background:#fff;
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    .button.menu-opened:before{
        top:23px;
        background:#fff;
        width:19px;
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }
    #cssmenu .submenu-button{
        position:absolute;
        z-index:99;
        right:0;
        top:0;
        display:block;
        border-left:1px solid #fff;
        height:46px;
        width:46px;
        cursor:pointer;
    }
    #cssmenu .submenu-button.submenu-opened{background:#262626}
    #cssmenu ul ul .submenu-button{height:34px;width:34px}
    #cssmenu .submenu-button:after{
        position:absolute;
        top:22px;
        right:19px;
        width:8px;
        height:2px;
        display:block;
        background:#fff;
        content:'';
    }
    #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
    #cssmenu .submenu-button.submenu-opened:after{background:#fff}
    #cssmenu .submenu-button:before{
        position:absolute;
        top:19px;
        right:22px;
        display:block;
        width:2px;
        height:8px;
        background:#fff;
        content:'';
    }
    #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
    #cssmenu .submenu-button.submenu-opened:before{display:none}
    #cssmenu ul ul ul li.active a{border-left:none}
    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

/*******************ACTUALITES***************/
.nomarginLR{
    margin-left: 0;
    margin-right: 0;
}
.news{
    width:100%;
}
.news > ul.actus{
    background:#fff;
    padding:8px 10px 1px 10px;
    list-style: none;
    clear:both;
}

.news > ul.actus > li{
    width:233px;
    height:285px;
    margin-bottom: 14px;
    display: inline-block;
    vertical-align: top;
    background: #f8f8f8;
    padding: 0 0 5px 0;
    font-family: 'Roboto Light', sans-serif;
}
.news > ul.actus > li:nth-child(2n+2){
    margin-right: 8px;
}
.news > ul.actus > li p{
    padding-top: 0px;
    padding: 3px 5px;
    margin:0;
    color:#333;
}

a.bImg{
  width: 100%;
  height: 124px;
  margin-bottom: 5px;
  overflow: hidden;
  display: block;
}


a.bImg2{
  width: 100%;
  height: 124px;
  margin-bottom: 5px;
  overflow: hidden;
  display: block;
}





.news > ul.actus > li img{
    width:100%;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

 		
.news > ul.actus > li img:hover{
	-webkit-transform:scale(1.25); /* Safari and Chrome */
	-moz-transform:scale(1.25); /* Firefox */
	-ms-transform:scale(1.25); /* IE 9 */
	-o-transform:scale(1.25); /* Opera */
	transform:scale(1.25);
}

/*.multimediascontainer > ul> li> ul.mediasitems> li img{
    width:100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

 		
.multimediascontainer > ul> li> ul.mediasitems> li img:hover{
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25);
	transform:scale(1.25);
}*/


li a.bImg2 img{
    width:100%;
    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    -ms-transition: all 1s ease;  
    transition: all 1s ease;
}

 		
li a.bImg2 img:hover{ 
	transform:scale(1.25);
}



li:hover a img {
	display:block !important;
}
 
  
.news > ul.actus > li a{
    text-decoration: none;
    color:#3e3e3e;
    font-weight:bold;
}
.hometitle{
    color:#333;
    font-family: 'Roboto Regular', sans-serif;
    margin-top: 5px;
}
.bold{
    font-weight: bold;
}
.centrer{
    text-align: center;
}

.communiques{
    width:100%;
    padding:0 0 1px 0;
}
.communiques > ul.infoscom{
    list-style: none;
    padding-top: 10px;
    padding-bottom: 3px;
    background:#fff;
}
.communiques > ul.infoscom > li{
    display: block;
    padding:5px 10px 5px 10px;
    border-top: 1px solid #f7f7f7;
    font-weight: normal;
    font-family: 'Roboto Regular', sans-serif;
}

.publications{
    margin-right: 8px;
    width:100%;
    margin:0px 0 10px 0;
    font-family: 'Roboto Regular', sans-serif;
}
.publications > ul.download{
    list-style: none;
    padding: 4px 0;
    background:#fff;
}
.publications > ul.download > li{
    display: inline-block;
    padding:0 5px 4px 5px;
    border-top: 1px solid #f7f7f7;
    font-weight: normal;
    font-family: 'Roboto Regular', sans-serif;
    width:100%;
    height:auto;
    margin-bottom_: 4px;
}
.publications > ul.download > li i{
    font-size: 45px;
    color:#e7e8ed;
    float: left;
}
.publications > ul.download > li > div.icone{
    margin: 5px 10px 0 0
}
.publications > ul.download > li a.document{
    line-height: 19px;
    padding: 5px 0;
    float:left;
    width:78%;
    margin-left: 5px;
}
.depeches{
    width:100%;
    padding:0 0 1px 0;
}
.depeches > div.liendep{
    list-style: none;
    padding: 9px 0 8px 0;
    background:#fff;
    text-align: center;
}
.depeches > div.liendep a {
    font-family: 'Roboto Regular', sans-serif;
    font-size:12px;
    color:#42a572;
    text-decoration: none;
}
.depeches > div.liendep h3{
    
}
.depeches > div.liendep p{
    padding:0;
}
.depeches > div.liendep img{
    height:60px;
}
.floatL{
    float: left;
    margin-right: 10px;
}
.floatR{
    float: right;
    margin-left: 10px;
}
.partenaires{
    margin-right: 0;
}
.partenaires > ul.logopartenaires{
    list-style: none;
}
.partenaires > ul.logopartenaires > li{
    display: block;
    background: #fff;
    border-top: 1px solid #f7f7f7;
    font-weight: bold;
    border_:2px solid #e7e8ed;
    margin-bottom: 12px;
    height:192px;
    text-align: center;
    padding: 25px 10px;
    font-family: 'Roboto Regular', sans-serif;
}
.partenaires > ul.logopartenaires > li a:hover{
  text-decoration:none;
}

.lienutiles > ul{
    list-style: none;
    background:#fff;
    width_:247px;
    border_:2px solid #e7e8ed;
    margin-top: 12px;
    padding:5px 0 5px 0;
    line-height: 18px;
}
.lienutiles > ul > li{
    width:100%;
    display: inline-block;
    border-top: 1px solid #f7f7f7;
    font-weight: normal;
    padding: 3px 0 0 10px;
    font-family: 'Roboto Light', sans-serif;
}
.lienutiles > ul > li > a{
    display: block;
}
.lienutiles > ul > li > a img{
    width: 40px;
    height: 40px;
}
.lienutiles > ul > li > a > div.img{
    width: 40px;
    height: 40px;
    float: left;
    margin-top_: 6px;
}
.lienutiles > ul > li > a > .desc{
    width: 78%;
    float: left;
    line-height: 20px;
    padding: 5px 0 0 5px;
    margin: 0 0 0 5px;
}
.lienutiles > ul > li > a > .desc p{
    padding:0;
    margin: 0;
}

.multimediascontainer{
    margin:5px 0 0 0;
    width:100%;
}
.multimediascontainer > ul.medias, .multimediascontainer > ul.medias > li > ul.mediasitems{
    list-style: none;
}
.multimediascontainer > ul.medias > li{
    float: left;
    width:367px;
    margin-right: 16px;
    padding:10px 10px 0 10px;
    /*height: 381px;*/
}
.multimediascontainer > ul.medias > li.photos, .multimediascontainer > ul.medias > li.videos{
    background:#fff;
}
.multimediascontainer > ul.medias > li:last-child{
    margin-right: 0;
}

.multimediascontainer > ul.medias > li > ul.mediasitems > li{
    float: left;
    width:170px;
    margin:5px 5px 30px 0;
    position:relative;
}
.multimediascontainer > ul.medias > li > ul.mediasitems > li:nth-child(2n+2){
    margin-right: 0;
}
.multimediascontainer > ul.medias > li > ul.mediasitems > li.nomarg{
    margin-right:0;
}



/*.multimediascontainer > ul.medias > li > ul.mediasitems > li img{
    width:100%;
    display: inline-block;
} */
/*.multimediascontainer > ul.medias > li > ul.mediasitems > li:hover{
    opacity: 0.5;
    filter: alpha(opacity=50);
}*/


.multimediascontainer > ul.medias > li > ul.mediasitems > li > p {
    color: #777;
    position:absolute;
    top:95px;
    background: #fff;
    margin:4px 3px; 
    line-height: 16px;
    padding:4px;
    font-size:12px;
    font-family: 'Roboto Medium', sans-serif;
    box-shadow: 1px 1px 1px 1px #efefef;
 	min-height: 40px;
    width: 96%;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#efefef, Direction=134, Strength=1);
}
.multimediascontainer .readmore{
    border:1px solid #f7941d;
    padding:5px;
    margin: 0 auto 13px auto;
    width:200px;
}
.multimediascontainer .readmore a{
    text-decoration: none;
    font-family: 'Roboto Light', sans-serif;
}
.multimediascontainer .readmore:hover{
    background: #f7941d;
}
.multimediascontainer .readmore:hover a{
    color: #fff;
}
a.img {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 10px;
  bottom: 42px;
}
a.img.btn_video{
    background:url(../images/btn_video.png) 50% 50% no-repeat;
}
a.btn_video:hover{
    background-image:url(../images/btn_video.png) 50% 50% no-repeat;
}
a.img.btn_photo, a.btn_photo:hover{
    background:url(../images/btn_photo.png) 50% 50% no-repeat;
}


/************************************************************
*************************Footer******************************
*************************************************************/

.footer1 {
    background: #39b485;
    padding-top: 10px;
    padding-bottom: 20px;
    margin: 0 auto;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #fff;
}
.footer-bottom .container{
    width: auto;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.middlecontent{
    max-width:1000px;
    margin-left: auto;
    margin-right: auto;
    width:auto;
}
.title-widget {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    position: relative;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    letter-spacing: 1px;
    font-weight: normal;
    font-family: 'Roboto Regular', sans-serif;
}

.widget_nav_menu ul {
    list-style: outside none none;
    padding-left: 0;
}

.widget_archive ul li {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 3px;
}
.widget_nav_menu ul li {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.05);*/
    margin-bottom: 2px;
    padding-bottom: 2px;
    width:95%;
    font-weight: normal;
    margin-left: 10px;
    list-style: disc;
    color:#fff;
}
.widget_nav_menu ul li a{
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    font-family: 'Roboto Regular', sans-serif;
}
.marginR10{
    margin-right: 20px;
}
.title-median {
    color: #636363;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-family: 'Roboto Regular', sans-serif;
}

.footerp p {
    font-family: 'Roboto Regular', sans-serif; 
}
#social:hover {
    -webkit-transform:scale(1.1); 
    -moz-transform:scale(1.1); 
    -o-transform:scale(1.1); 
}
#social {
    -webkit-transform:scale(0.8);
    /* Browser Variations: */
    -moz-transform:scale(0.8);
    -o-transform:scale(0.8); 
    -webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}           
/* Only Needed in Multi-Coloured Variation */
.social-fb:hover {
    color: #3B5998;
}
.social-tw:hover {
    color: #4099FF;
}
.social-gp:hover {
    color: #d34836;
}
.social-em:hover {
    color: #f39c12;
}
.nomargin { 
    margin:0px; 
    padding:0px;
}
.footer-bottom {
    background-color: #02a566;
    min-height: 30px;
    width: 100%;
}
.footer-bottom .container{
    width: auto;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.copyright {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    font-size:13px;
}
.copyright a{
    color:#fff;
    text-decoration: none;
}
.design {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #fff;
}
.social-icons img{
    width:30px;
    height:30px;
    margin: 7px 0 7px 0;
}
.social-icons{
    text-align: right;
    margin-top: 6px;
}
.social-icons i{
    color:#fff;
    font-size:16px;
    border-radius:50%;
    width:32px;
    height:32px;
    border:2px solid #fff;  
    padding: 6px;
    margin-right: 3px;
}
.social-icons i.fa-facebook{
    padding: 6px 9px;
}
.social-icons i.fa-youtube{
    padding: 6px 7px;
}
.social-icons i.fa-google-plus{
    padding: 6px 5px;
}
.social-icons i:hover{
    color:#F7941D;
    font-size:16px;
    border:2px solid #F7941D;  
}

.gouvlink{
    background-color: #50be93;
    min-height: 35px;
    width: 100%;
    padding: 8px 0 4px 0;
    color:#fff;
    font-size:14px;
}
.gouvlink .container{
    width: auto;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.gouvlink .container .gouvlinkul ul a{
    color:#fff;
    padding: 0 12px 0 0;
    text-decoration: none;
    text-align: center
}
.absoluteposition{
    position:absolute;
    height:41px;
    top:-56px;
    left:-34px;
    padding-top: 0;
    padding-bottom: 0;
    float: left;
}
.page-header{
    margin: 0 0 20px 10px;
    border-bottom: 1px dotted #eee;
    padding-bottom: 0;
}
.pg-cv-desc{
    padding:0 15px;
    font-size:14px;
    font-family: "Roboto Regular",sans-serif;
    font-weight: normal;
}
.pg-cv-descbox{
    padding:10px;
    font-size:small;
    font-family: "Roboto Regular",sans-serif;
    font-weight: normal;
}
.pg-cats-name{
    font-size:11px;
    margin-top: 5px;
    font-family: "Roboto Medium",sans-serif;
    color:#477dc3;
    font-weight:normal;
    overflow: hidden;
}
.pg-cats-name a:hover { 
  color:#f69534;
}
div.cck_page{
    background:#fff;
    padding:10px;

}
div.cck_page h1{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}
div.cck_page label{
    margin:0 0 3px 0;
    padding:0px;
    font-weight: bold;
    font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
div.cck_page input[type=text],
div.cck_page input[type=date],
div.cck_page input[type=datetime],
div.cck_page input[type=number],
div.cck_page input[type=search],
div.cck_page input[type=time],
div.cck_page input[type=url],
div.cck_page input[type=email],
textarea,
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    height: 35px;
}
div.cck_page input[type=text]:focus,
div.cck_page input[type=date]:focus,
div.cck_page input[type=datetime]:focus,
div.cck_page input[type=number]:focus,
div.cck_page input[type=search]:focus,
div.cck_page input[type=time]:focus,
div.cck_page input[type=url]:focus,
div.cck_page input[type=email]:focus,
div.cck_page textarea:focus,
div.cck_page select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
div.cck_page .field-divided{
    width: 49%;
}
div.cck_page span.star{
    color:#cf4a29;
}

div.cck_page .field-long{
    width: 100%;
}
div.cck_page .field-select{
    width: 100%;
}
div.cck_page .field-textarea{
    height: 100px;
}
div.cck_page input[type=submit], div.cck_page input[type=button]{
    background: #4B99AD;
    padding: 10px 15px 10px 15px;
    border: none;
    color: #fff;
}
div.cck_page input[type=submit]:hover, div.cck_page input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
div.cck_page .required{
    color:red;
}
div.vertical div.cck_forms{
    width:80%;
    float:left;
    padding:10px 20px;
}
.breadcrumb {
    background-color: #fff;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 5px;
    padding: 8px 15px;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li a{
    color:#f69534;
    padding-right: 5px;
}
.breadcrumb > .active {
    color: #38b584;
    font-family: 'Roboto Regular', sans-serif;
}
.breadcrumb > li + li::before {
    color: #ccc;
    content: " ";
    padding: 0 5px;
}
div.cck_page{
    background:#fff;
    padding:10px;

}
div.cck_page h1{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}
div.cck_page label{
    margin:0 0 3px 0;
    padding:0px;
    font-weight: bold;
    font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
div.cck_page input[type=text],
div.cck_page input[type=date],
div.cck_page input[type=datetime],
div.cck_page input[type=number],
div.cck_page input[type=search],
div.cck_page input[type=time],
div.cck_page input[type=url],
div.cck_page input[type=email],
textarea,
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    height: 35px;
}
div.cck_page input[type=text]:focus,
div.cck_page input[type=date]:focus,
div.cck_page input[type=datetime]:focus,
div.cck_page input[type=number]:focus,
div.cck_page input[type=search]:focus,
div.cck_page input[type=time]:focus,
div.cck_page input[type=url]:focus,
div.cck_page input[type=email]:focus,
div.cck_page textarea:focus,
div.cck_page select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
div.cck_page .field-divided{
    width: 49%;
}
div.cck_page span.star{
    color:#cf4a29;
}

div.cck_page .field-long{
    width: 100%;
}
div.cck_page .field-select{
    width: 100%;
}
div.cck_page .field-textarea{
    height: 100px;
}
div.cck_page input[type=submit], div.cck_page input[type=button]{
    background: #4B99AD;
    padding: 10px 15px 10px 15px;
    border: none;
    color: #fff;
}
div.cck_page input[type=submit]:hover, div.cck_page input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
div.cck_page .required{
    color:red;
}
div.vertical div.cck_forms{
    width:80%;
    float:left;
    padding:10px 20px;
}
.breadcrumb {
    background-color: #fff;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 5px;
    padding: 8px 15px;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li a{
    color:#f69534;
    padding-right: 5px;
}
.breadcrumb > .active {
    color: #38b584;
    font-family: 'Roboto Regular', sans-serif;
}
.breadcrumb > li + li::before {
    color: #ccc;
    content: " ";
    padding: 0 5px;
}


/************************VIDEOS*********************/
.avs{
    padding:1px 10px;
}

.avs .thumbnail .caption {
    padding:0 5px;
}
.avs .thumbnail a { 
  text-decoration:none; 
  font-family: "Roboto Medium",sans-serif;
  color:#477dc3;
  font-weight:normal;
}
.avs .thumbnail a:hover { 
  color:#f69534;
}
.avs .thumbnail{
   height:260px;
   margin-bottom:5px;
}
.avs h2{
    margin:30px 0 20px 0;
    font-weight:normal;
    font-family: 'Roboto Light', sans-serif;
    border-bottom: 1px solid #eee;
    padding-bottom:5px;
  }
.avs .page-header{
  border-bottom:1px dotted #ccc;
 padding-bottom:1px;
 margin:20px 0 18px;
}
.avs .page-header h1{
  color:#036c9e;
  font-size:22px;
  line-height:25px;
  letter-spacing:-1px;
 font-weight:normal;
 font-family: 'Roboto Light', sans-serif;
 padding-bottom:1px;
}
.avs .muted{
    text-align:center;
    font-size:11px;
    font-family: "Roboto Regular",sans-serif;
    font-weight: normal;
   color:#f44a56;
}
.thumbnail h4{
  font-size:13px;
}

#avs-video ul.thumbnails li.span4{
  font-size:11px;
  height:280px;
  margin:0 12px 0 0;
}
.avs .thumbnail .caption {
    padding:0 5px;
}

/* CSS Styles for Pagination */

div #avs_pagination { margin:15px 0px 0px 0px; padding:0px; height:25px; }
div #avs_pagination .pagination span, div #avs_pagination .pagination a, div #avs_pagination ul li { margin:0px 2px; padding:3px 7px; background-color:#eee; border:1px solid #ddd; text-align:center; font-size:12px; }
div #avs_pagination ul { margin:0px; padding:0px; list-style-type:none; }
div #avs_pagination ul li { float:left; line-height:16px; }
div #avs_pagination ul li a { text-decoration:none; }

.pd-category{
    background:#fff;
    padding:10px;
}
.pd-categories-view{
    background:#fff;
}
#phoca-dl-category-box .pd-title,
#phoca-dl-file-box .pd-title,
#phoca-dl-download-box .pd-title {
    font-family: "Roboto Regular",sans-serif;
    font-size:14px;
    color:#08c;
}
.pgcenter{
    text-align: center;
}
/********************PAGINATION*****************/

.pagination a {
    color: #08c;
    text-decoration: none;
}
.pagination a:hover, a:focus {
    color: #005580;
    text-decoration: underline;
}

.pagination {
    margin: 20px 0;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
}
.pagination ul {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}
.pagination ul > li {
    display: inline;
}
.pagination ul > li > a, .pagination ul > li > span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #f5f5f5;
}
.pagination ul > .active > a, .pagination ul > .active > span {
    color: #999;
    cursor: default;
}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
    background-color: transparent;
    color: #999;
    cursor: default;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
.pagination-large ul > li > a, .pagination-large ul > li > span {
    font-size: 17.5px;
    padding: 11px 19px;
}
.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pagination-small ul > li > a, .pagination-small ul > li > span {
    font-size: 11.9px;
    padding: 2px 10px;
}
.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    font-size: 10.5px;
    padding: 0 6px;
}
.pager {
    list-style: outside none none;
    margin: 20px 0;
    text-align: center;
}
.pager::before, .pager::after {
    content: "";
    display: table;
    line-height: 0;
}
.pager::after {
    clear: both;
}
.pager li {
    display: inline;
}
.pager li > a, .pager li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 14px;
}
.pager li > a:hover, .pager li > a:focus {
    background-color: #f5f5f5;
    text-decoration: none;
}
.pager .next > a, .pager .next > span {
    float: right;
}
.pager .previous > a, .pager .previous > span {
    float: left;
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    background-color: #fff;
    color: #999;
    cursor: default;
}
.share-post li,
.mini-share-post li {
    float: left;
    width: 106px;
    list-style-type: none;
    margin:20px 0;
}

.entry .share-post li iframe,
.share-post li iframe,
.mini-share-post li iframe {
    max-width: none !important;
}

.share-post span.share-text {
    background: #FF8500;
    margin: -9px 10px -10px -10px;
    display: block;
    float: left;
    color: #FFF;
    padding: 0 9px;
    font-family: BebasNeueRegular, arial, Georgia, serif;
    font-size: 14pt;
    height: 45px;
    line-height: 50px;
}

.share-post .flat-social a {
    color: #FFF !important;
    text-decoration: none !important;
}
.flat-social ul{
  padding:0;
}
.flat-social li {
    width: auto !important;
}

.flat-social a {
    padding: 5px 9px;
    color: #FFF;
    margin: 0 6px 2px 0;
    display: inline-block;
    line-height: 14px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.flat-social a i {
    margin-right: 3px;
}

.flat-social a:hover {
    background: #444;
}
.flat-social a {
    padding-right: 7px;
    padding-left: 7px;
}
.social-icons {
    text-align: center;
}
.social-icons a {
    margin: 2px;
    position: relative;
    text-shadow: none;
    display: inline-block;
}
.social-icons-widget .social-icons i:before {
    display: inline-block;
    width: 64px;
    height: 32px;
    margin-right:2px;
    line-height: 32px;
    font-size: 18px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.social-icons-widget .social-icons a {
    color: #555 !important;
}

#theme-footer .social-icons-widget .social-icons a {
    color: #999 !important;
}

.social-icons-widget .social-icons.social-colored a {
    color: #FFF !important;
}

.social-icons-widget .social-icons a:hover {
    opacity: 0.7;
}

.social-icons.social-colored .fa-delicious:before,
.arq-lite-delicious a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-delicious a i{
    background: #2567ee
}

.social-icons.social-colored .fa-foursquare:before {
    background: #0d9ed1
}

.social-icons.social-colored .fa-digg:before {
    background: #b2b2b2
}

.social-icons.social-colored .fa-reddit:before {
    background: #ff915c
}

.social-icons.social-colored .tieicon-vimeo:before,
.arq-lite-vimeo a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-vimeo a i{
    background: #3fbfce
}

.social-icons.social-colored .fa-play:before {
    background: #a0b532
}

.social-icons.social-colored .fa-soundcloud:before,
.arq-lite-soundcloud a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-soundcloud a i{
    background: #F76700
}

.social-icons.social-colored .fa-yelp:before {
    background: #c1230d
}

.social-icons.social-colored .fa-github:before {
    background: #666666
}

.social-icons.social-colored .fa-xing:before {
    background: #00605e
}

.social-icons.social-colored .fa-dropbox:before {
    background: #459ce6
}

.social-icons.social-colored .fa-tumblr:before {
    background: #385a75
}

.social-icons.social-colored .fa-apple:before {
    background: #7e878b
}

.social-icons.social-colored .fa-dribbble:before,
.arq-lite-dribbble a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-dribbble a i {
    background: #d875a2
}

.social-icons.social-colored .fa-skype:before {
    background: #00c6ff
}

.social-icons.social-colored .fa-vk:before {
    background: #336699
}

.social-icons.social-colored .fa-friendfeed:before {
    background: #93b4dd
}

.social-icons.social-colored .fa-lastfm:before {
    background: #f54a3d
}

.social-icons.social-colored .fa-spotify:before {
    background: #7fb718
}

.social-icons.social-colored .fa-paypal:before {
    background: #34aad2
}

.social-icons.social-colored .fa-wordpress:before {
    background: #2071ad
}

.social-icons.social-colored .fa-rss:before,
.arq-lite-rss a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-rss a i {
    background: #f8bc2e
}

.social-icons.social-colored .fa-share-alt:before {
    background: #55ac60
}

.social-icons.social-colored .tieicon-picasa:before {
    background: #9d48a1
}

.social-icons.social-colored .tieicon-evernote:before {
    background: #1c8328
}

.social-icons.social-colored .fa-github:before,
.arq-lite-github a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-github a i {
    background: #4183c4
}

.social-icons.social-colored .tieicon-blogger:before {
    background: #f39d38
}

.social-icons.social-colored .tieicon-viadeo:before {
    background: #f97618
}

.social-icons.social-colored .tieicon-deviantart:before {
    background: #5d6f6d
}

.social-icons.social-colored .tieicon-grooveshark:before {
    background: #248fd3
}

.social-icons.social-colored .tieicon-fivehundredpx:before {
    background: #00adf1
}

.social-icons.social-colored .fa-facebook:before,
.social-facebook,
.author-social a.social-facebook:hover,
.arq-lite-facebook a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-facebook a i {
    background: #39599f
}

.social-icons.social-colored .fa-twitter:before,
.social-twitter,
.author-social a.social-twitter:hover,
.arq-lite-twitter a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-twitter a i {
    background: #45b0e3
}

.social-icons.social-colored .fa-stumbleupon:before,
.social-stumble,
.author-social a.social-stumble:hover {
    background: #eb4924
}

.social-icons.social-colored .fa-google-plus:before,
.social-google-plus,
.author-social a.social-google-plus:hover,
.arq-lite-google a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-google a i {
    background: #fa0101
}

.social-icons.social-colored .fa-linkedin:before,
.social-linkedin,
.author-social a.social-linkedin:hover {
    background: #65b7d2
}

.social-icons.social-colored .fa-pinterest:before,
.social-pinterest,
.author-social a.social-pinterest:hover {
    background: #E00707
}

.social-icons.social-colored .fa-youtube:before,
.social-youtube,
.author-social a.social-youtube:hover,
.arq-lite-youtube a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-youtube a i {
    background: #cc181e
}

.social-icons.social-colored .tieicon-instagram:before,
.social-instagram,
.author-social a.social-instagram:hover,
.arq-lite-instagram a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-instagram a i {
    background: #517fa4
}

.social-icons.social-colored .fa-behance:before,
.social-behance,
.author-social a.social-behance:hover,
.arq-lite-behance a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-behance a i {
    background: #1769ff
}

.social-icons.social-colored .tieicon-flickr:before,
.social-flickr,
.author-social a.social-flickr:hover {
    background: #ff0084
}
.pd-categories-view h1{
    border-bottom:1px dotted #ccc;
    margin-bottom: 20px;
    color:#036c9e;
    font-size: 22px;
    letter-spacing: -1px;
    line-height: 25px;
    font-style: normal;
    font-weight: bold;
    margin: 10px;
    padding:10px 10px 10px 0;
}
#phocagallery, .avs{
  min-height:1354px;
}
.pd-float a{
  color:#08C;
  font-size:13px;
  font-family: 'Roboto Regular', sans-serif;
}
/**************LIENS UTILES***************/
.categories-list, .weblink-category{
    background:#fff;
    padding:10px;
    min-height: 350px;
}
.categories-list h1, .weblink-category h1{
    color: #036c9e;
    text-align: left;
    letter-spacing: -1px;
    line-height: 25px;
    font-size: 22px;
    border-bottom:1px dotted #ccc;
    margin-bottom: 20px;
}
.categories-list h3{
    border-bottom: none;
}
ul.category{
    list-style: none;
    margin:10px;
} 
ul.category li{
    font-family: 'Roboto Light', sans-serif;
    margin-bottom: 10px;
    list-style-type: disc;
    color:#036c9e;
    margin-left: 15px;
}
ul.category li img{
    display:none;
}
/***************************CONTACT FORM*********************/
.contact{
    background: #fff;
    padding:10px;
    height: 1353px;
}
.contact h1{
    border-bottom:1px dotted #ccc;
    margin-bottom: 20px;
}
.contact h3, .jicons-icons{
    display: none;
    color:#007cc2;
}
.contact-address{
    font-size: 13px;
    color:#333;
    padding-left: 10px;
}
.well{
    border:none;
    background: none;
    border-radius: 0;
    box-shadow: none;
}
.contact .btn{
    margin-top: 10px;
    background: #2fa2e0;
}
#jform_spacer-lbl, .red, .star{
    color:#fc3a43;
}
legend{
  color:#00a4eb;  
  font-weight: normal;
  border-color: currentcolor currentcolor #00a4eb;
  font-size: 16px;
}
label{
    color:#222;
    margin-bottom: 0;
    font-weight: normal;
    font-family: 'Roboto Light', sans-serif;
    text-transform: uppercase;
}
.alert{
    background: #fff;
    padding:10px;
    color:#f44a56;
}
.form-horizontal .control-label {
    text-align: left;
}
.dl-horizontal dt, .dl-horizontal dd{
    text-align:left; 
    margin-left: 0;
    line-height: 26px;
    font-family: "Roboto Light",sans-serif;
}
.dl-horizontal dd:before{
    content:" ";
    width: 6px;
    height: 6px;
    display: inline-block;
    border: solid 1px #9bcade;
    margin: 0 5px 0px 0px;
    background: #9bcade;
}
.contact-form {
    font-family: 'Roboto Light', sans-serif;
    font-weight: normal;
    color: #222;
    line-height: 1.4;
    margin-top: 30px;   
    border:1px solid #e5eff9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.contact-form td, .contact-form tr {
    padding: 0;
    margin: 0;
}

.contact-form input[type="text"], .contact-form input[type="email"], form.contact-form input[type="password"], textarea, .contact-form select {
    color: #dd6100;
    font-weight: bold;
    background: white;
    width: 400px;
    padding: 5px 5px 5px 8px;
    margin: 10px 0;
    vertical-align: top;
    border: 1px solid #9bcade;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
}
textarea{
    height:200px;
}
.contact-form input[type="text"]:focus, form.contact-form input[type="password"]:focus, form.contact-form textarea:focus, .contact-form select:focus, textarea:focus {
    border: 1px solid #00a4eb;
    box-shadow: 0 0 3px #00a4eb;
    -webkit-box-shadow: 0 0 3px #00A4EB;
    -moz-box-shadow: 0 0 3px #00a4eb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}
.blog{
    background: #fff;
    padding: 10px;
}
.blog .page-header{
    border-bottom: none;
    margin-bottom: 5px;
}
.blog h1{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}
.blog h2{
    line-height: 26px;
    font-size: 19px;
}
.blog h2 a{
    color:#339933;
}
.blog h2 a:hover{
    text-decoration: none;
}
.nspArt{
    border-bottom: 1px dotted #ccc;
}
.nspArt p.nspText{
    width:390px;
    text-align: justify;
    line-height:24px;
}
.nspArt h4.nspHeader a{
    font-size:18px;
    color:#007cc2;
    font-weight: normal;
}
.nspArt h4.nspHeader a:hover{
  color:#f9b280;
}
a.readon, a.readon:hover{
  color:#f9b280;
  text-decoration:none;
  font-size:14px;
}