/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?familyzoom: 2;=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*****General*****/
body{
	/*color:#333333;*/
    color:#333 !important;
	font-family: 'Open Sans', sans-serif;
}
body.zoomIn{

transform: scale(1.3); /* Standard Property */
transform-origin: 50% 0;  /* Standard Property */
}
p{
	font-size:14px;
}
h1{
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-weight: 600;
	/*font-size:38px !important;*/
	font-size:30px !important;
	font-style: normal;
    margin-top: 5px!important;
}
h2{
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-weight: 400;
	font-size:30px !important;
	margin-top:30px;
}
h3{
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-weight: 400;
	font-size:22px !important;
	color:#006999;
}
h4{
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-weight: 400;
	font-size:18px !important;
	color:#333333;
}
.morePaddingTop{padding-top:30px;}

.btn-primary {
    color: #FFF;
    background-color: #006999;
    border-color: #006999;
}
.btn-primary:hover {
    color: #FFF;
    background-color: #00273B;
    border-color: #00273B;
}
h2 a{
	color:#ccc;
}
h2 a:hover{
	text-decoration:none;
}
.news-backlink-wrap{
	text-decoration:underline;
}
a{
	color:#333;
}
a:hover{
	color:#333;
}
#pivTop li a:hover{
	color:#fff;
}

.align-right{
	text-align: right;
}

#content p a, #content li a, #tools a{
  text-decoration:underline;
}
#spacerDouble{
	border-bottom:#d8d8d8 solid 1px;
	border-top:#d8d8d8 solid 1px;
	height:7px;
	margin-bottom:30px;
	margin-top:30px;
}
#spacer{
	border-bottom:#d8d8d8 solid 1px;
	height:1px;
	margin-bottom:30px;
	margin-top:30px;
}
.twinCol [class*="col-"]{
  /*margin-bottom: -99999px;*/
  /*padding-bottom: 99999px;*/
}
.twinCol{
  overflow: hidden; 
}
#content .btn{
	border-radius: 0px;
	padding-left:30px;
	padding-right:30px;
}
.btn{
	border-radius: 0px;
}
#breadcrumb a, #breadcrumb{
	color:#00AEEF;
}
#bannerContent{
	width: 100%;
	display: inline-block;
	position: relative;
	background-size: contain;
	background: url('../images/banner.jpg') top center no-repeat;
	margin: 0 auto;
	padding: 20px 30px 0px 30px;
    min-height:174px;
}
#bannerContent h1{
	margin-top: 0px;
	color:#FFF;
    /*max-width: 800px;*/
    /*float: right;*/
    /*margin-left:245px;*/

}
#bannerContent #breadcrumb{
	margin-top: 0px;
	color:#FFF;
    /*float: right;*/
    /*max-width: 800px;*/
    font-size:12px;
    /*margin-left:245px;*/
}    

@media (max-width: 1024px) {
    #bannerContent h1{
        margin-top: 0px;
        color:#FFF;
        /*margin-left:245px;*/

        font-size:28px !important;
    }
    #bannerContent #breadcrumb{
        /*margin-left:245px;*/
    }
    
    #bannerContent{
	width: 100%;
	display: inline-block;
	position: relative;
	background-size: 1024px !important;
	background: url('../images/banner.jpg') top center no-repeat;
	margin: 0 auto;
	padding: 20px 30px 0px 30px;
    min-height:174px;
}
    
}
@media (max-width: 768px) {
    #bannerContent h1{
        margin-top: 0px;
        color:#FFF;
        margin-left:0px;

        font-size:34px !important;
    }
    #bannerContent #breadcrumb{
        margin-left:0px;
    }
    #bannerContent{
	width: 100%;
	display: inline-block;
	position: relative;
	background-size: 768px !important;
	background: url('../images/banner.jpg') top center no-repeat;
	margin: 0 auto;
	padding: 20px 30px 0px 30px;
    min-height:174px;
}
    #bannerContent h1{
		margin: 0px;
		color:#FFF;
		font-size:17px !important;
	}
}

@media (max-width: 640px) {
	#banner .container{
		padding-right: 0px;
		padding-left: 0px;
	}
	#bannerContent{
		padding: 20px 8px;
	}
	#banner .text-right{
		text-align:left;}
	#bannerContent h1{
		margin: 0px;
		color:#FFF;
		font-size:17px !important;
	}
	#breadcrumb a, #breadcrumb{
		font-size:10px;
}
}
.modal .btn{width:186px; margin-top:10px;}
.btn-facebook {color: #fff;background-color: #3b5998;border-color: rgba(0,0,0,0.2);}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-twitter {color: #fff;background-color: #55acee;border-color: rgba(0,0,0,0.2);}
.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}

/*****Sidebar*****/
#sidebar{
	background-color:#00273B;
	color:#FFF;
}
#sidebar h2{
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-weight: 400;
}
#sidebar p{
	font-size:20px;
}
#sidebar a{
	color:#FFF;
    text-decoration:underline;
}
#sidebar a:hover{
	/*color:#00AEEF;*/
    color:#FFF;
}
#sidebar p.blue{
	color:#00AEEF;
}
#sidebar p{
	margin-bottom:30px;
	margin-top:30px;
}
/*****News*****/
div.newsDate{	
	/*color:#787878;*/
    color:#333;
	font-family: 'Open Sans', sans-serif;
}
div.newsTitle a{	
	color:#006999;
	font-size:22px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:10px;
	margin-top:10px;
    text-decoration:underline;
}
/*****Le saviez-vous*****/
p.saviezVous a{
	color:#006999;
	margin-bottom:30px;
	margin-top:30px;
	font-size:22px;
}
/*****mainNavigation*****/
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px;
	padding-bottom: 15px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 30px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
	border: 2px solid #003399;
}
#logoUpac{
	position: absolute;
	top: -8px;
    left: 0px;
	z-index: 100;
}
.specialPadding {
	padding-right:0px;		
}
@media (max-width: 640px) {
	.specialPadding {
		padding-right:0px;
		padding-left:0px;	
	}
}
#mainNavigation{
	padding: 0px;
}
.navbar-nav>li>a {
    color: #333;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-size:18px;
}
@media (max-width: 1024px) {
   .navbar-nav>li>a {
		color: #333;
		font-family: 'Roboto Condensed', sans-serif;
		text-transform:uppercase;
		font-size:14px;
	}
    .carousel-indicators {
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

}
.nav>li>a:first-child {
    position: relative;
    display: block;
    margin-left:0px !important;
	padding-left:0px !important;
}
@media (max-width: 640px) {
	.nav > li > a:first-child {
		position: relative;
		display: block;
		margin-left: 15px !important;
		padding-left: 15px !important;
	}
    .carousel-indicators {
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

}
.nav>li>a {
    position: relative;
    display: block;
    border-bottom:#FFF 3px solid;
	padding: 0px 0px !important;
	margin: 15px 15px !important;
}
.nav>li>a:hover{
	border-bottom:#006999 3px solid;
	background-color:transparent !important;
}
.navbar-form {
    padding: 10px 15px;
margin: 0px -15px;
}
.form-control {
    border-radius: 0px;
    background-color: #E1E1E1 !important;
}
@media (max-width: 640px) {
	.form-control {
		display: inline;
		width: 100%;
	}
}
.btn-default {
    color: #333;
    background-color: #006999 !important;
    border-color: #006999;
	color:#FFF !important;
    text-decoration:none !important; 
}
.btn-default:hover {
	color: #FFF;
    background-color: #00273B !important;
    border-color: #00273B;
    text-decoration: !important; 
}
/*****fontAwesome*****/
#tools .fa-envelope-o, #tools .fa-print, #tools .fa-facebook-official, #tools .fa-twitter-square, #tools .fa-share{ 
	font-size:24px !important; 
	color: #006999;
}
.fa-file-pdf-o{
	font-size:24px !important; 
	color: #006999;
}
/*****PIV*****/

.tracabilite{
    font-size:11px;
    color:#000;
    height:1em;
}

#pivTop {
margin-top:20px;
}
#pivTop img{
margin-top:3px;
}
#pivTop ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
	background: #003399;
	margin-top:35px;
}
#pivTop li {
    display: inline;
}
#pivTop li a {
    display: inline-block;
	font-size: 12px;
    text-decoration: none;
    margin: 0 5px;
	font-family:  arial, sans-serif !important;
    text-decoration: none;
    color: #fff;
    background: #003399;
}
#pivBottom{
	text-align:center;
}
#pivBottomMobile{
	text-align:center;
}
#pivBottom a, #pivBottomMobile a{
	font-size: 12px;
    text-decoration: none;
	color: #205269;
	font-family:  arial, sans-serif !important;
}
.newsTitle a, .saviezVous a{ text-decoration: none !important;}

h4.panel-title {
    font-family: 'Roboto Condensed',sans-serif;
    text-transform: none;
    font-weight: 400;
    font-size: 18px !important;
    color: #333333;
}
.fa-file-jpg-o:before {
  content: "\f1c5";
}
.fa-file-tif-o:before {
  content: "\f1c5";
}
.fa-file-gif-o:before {
  content: "\f1c5";
}
.fa-file-eps-o:before {
  content: "\f1c5";
}