/* ==========================================================================
   Author's custom styles
   ========================================================================== */



.navbar{
	background-color:rgb(62,186,221);
}


.navbar-brand, .navbar-nav>li>a {
  text-shadow: 0 1px 0 rgba(255,255,255,.25);
  color: white;
}
legend{ text-align:center; border:0;}
.styleadmin{font-family: "arial";  vertical-align:middle!important; text-align:center;}


#container{ padding:0px;}

#wrapper {
    margin: 0 auto;
    background: #fff;
    padding: 15px;
    padding-top: 0;
    box-shadow: 4px 0 12px #ccc,  -4px 0 12px #ccc;
	min-height:600px;
}

#update_password label.error {
    margin-left: 10px;
    width: auto;
    display: inline;
    color: red;
}

header {    
    padding: 15px;
}

footer {    
    padding: 20px;
    color: #353534;
    font-weight: bolder;
    font-size: 12px;
   
}
footer ul{ list-style:none; padding-left:0;}
footer h3 { margin:0px;
margin-bottom:2px; color:#fff; font-size:16px;}
footer a { color: #353534;} 

.masque {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto; 
    
}

#masque h3 {
    border-bottom: #30AC07 2px solid;
    color: #FF6600;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

ul.fa-ul li {
    margin-bottom: 8px;
}

.monange{height:34px; line-height:34px;}


.mahauteur{ height:100px; line-height:100px; }
.meservices{ margin-bottom:16px; padding-left:8px; padding-right:8px; position:relative;}

.titro_categ {
	position:absolute;
      
    width: 94.5%;
    background: rgba(0,0,0,0.7);
	bottom:-1px;
    
    color: #fff;
    height: 35px;
	line-height:35px;
    font-size: 17px;
    font-weight: bold;
    padding: 0px 5px 0px 5px; text-align:center;
}
.titro_actu {
    float: left;
    display: inline;
    width: 98%;
    color: #333;
    font-size: 25px;
    border-bottom: 3px solid orange;
    background-color: #fdce55;
    padding: 5px;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    text-shadow: 0 -1px 0 #AADA76;
    background-image: -webkit-linear-gradient(top,#A8DB76 0,#A8DB76 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#A8DB76 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#A8DB76));
    background-image: linear-gradient(to bottom,#A8DB76 0,#A8DB76 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
    background-repeat: repeat-x;
    border-color: #B5E087;
}
.btn-primary {
    background-image: -webkit-linear-gradient(top,#A8DB76 0,#87CA3D 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#A8DB76),to(#A8DB76));
    background-image: linear-gradient(to bottom,#A8DB76 0,#A8DB76 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #A8DB76;
}
btn-primary:hover, .btn-primary:focus {
    background-color: #73be44;
    background-position: 0 -15px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color:#73be44;
    border-color: #73be44;
}
#type_ho {
    margin: 22px 0px 20px 13px;
    border-bottom: dotted 1px #000000;
    padding: 0px 0px 0px 0px;
}
.flash {
    background: #7BB101 none repeat scroll 0% 0%;
    padding: 7px 15px 5px;
    margin: 20px 0 10px;
    display: block;
	color:white;
  
}
.jaune {
    background-color: #E8A401;
}
.h2taille{ font-size:20px;}
.flashdesigne{background-color:#eee ; height:110px; overflow:hidden; padding:8px;     border: 4px solid #FFFFFF;
    border-bottom: 2px solid #ddd;border-right: 2px solid #ddd;
    border-left: 2px solid #ddd;}
.aide h3.vert {
    border-color: #93c312;
    color: #93c312;
}
.aide h3 {
    padding: 5px 0;
    font-size: 20px;
    border-bottom: 5px solid #ccc;
    border-top: 0px solid #ccc;
    margin-bottom: 10px;
    font-weight: normal;}

.reglepadding{padding: 7px 15px 5px}
.lienorange{ color:black;}
.lienorange:hover{ color:#F86C00;}
.actualite p{ font-size:13px;}
.margebas{/* margin-bottom:24px;*/}
.marginzero{margin:
0;}
#page_rails {
    padding: 5px 10px 5px 0px;
    margin: 0;
    border-bottom: 1px dotted #e1e1e1;
}
#page_rails > ul > li {
    display: inline-block;
    font-size: 14px;
    font-family:" Open Sans", "vip-Regular";
}
#page_rails > ul > li > a {
    display: inline-block;
    text-decoration: none;
    color: #000;
}
#page_rails > ul > li.separate{
    background: url("../img/separator-breadcrumb.png") no-repeat scroll 1px 1px;
    font-weight: normal;
    text-indent: -9999px;
    width: 6px;
    height: 10px;
}
#page_rails > ul { margin:1px; padding-left:0px; color:#eee;}
#page_rails > ul > li > a.active {
    text-decoration: none;
    color: #005A00;
}
.imageactiviteligue{float:left; width:35%; margin-right:8px;}
.activiteseparation{background: url(../img/bg_item.png) center bottom no-repeat; padding-bottom:10px; margin-bottom:5px;}
.activiteseparation h5{ font-size:13px;}
.activiteseparation p{ font-size:12px;}
h4.vertemar {
    border-color: #93c312;
    color: #93c312;padding: 5px 0;
    font-size: 20px; border-bottom:5px solid;}
	h4.orange {
    border-color: #ff6d01;
    color: #ff6d01;
	
	padding: 5px 0;
    font-size: 20px;
    border-bottom: 5px solid ;}
	.flashorange {
    background: #F16407 none repeat scroll 0% 0%;
    padding: 7px 15px 5px;
    margin: 20px 0 10px;
    display: block;
	color:white;
  
}
.liorange{padding-left: 5px;
    list-style: none;}
	.liorange a { color:#333;}
	.liorange li { border-bottom:1px dashed #CCC;}
	.liorange  a:hover{color: #F86C00;}
	.bleu3 {
    background-color: #30A7E4;
	background: #30A7E4 none repeat scroll 0% 0%;}
	.petitblock{height:30px; color:#fff;
    padding: 7px 15px 5px;
    margin: 2px 0 10px;
    display: block; font-weight:700;}
	.vert2 {
    
	background: #B9CE59 none repeat scroll 0% 0%;
}
.bleu4 {
    
	background: #3DB4AE none repeat scroll 0% 0%;
}
.bleu5 {
	background: #036DAB none repeat scroll 0% 0%;
   
}
.jaune1 {
     
	background: #E8A401 none repeat scroll 0% 0%;
}
.bleu2 {
    background-color: #089496;
}

.h1{
text-align:center;
background:linear-gradient (
#fff 0%,
#fff 45%,
#7c8d07 46%,
#7c8d07 54%,  
#fff 54%,
#fff 100%);
background:-webkit-linear-gradient(
#fff 0%,
#fff 45%,
#7c8d07 46%,
#7c8d07 54%,  
#fff 54%,
#fff 100%);
background:    -moz-linear-gradient(
#fff 0%,
#fff 45%,
#7c8d07 46%,
#7c8d07 54%,  
#fff 54%,
#fff 100%);
background:     -ms-linear-gradient(
#fff 0%,
#fff 45%,
#7c8d07 46%,
#7c8d07 54%,  
#fff 54%,
#fff 100%);
background:      -o-linear-gradient(
#fff 0%,
#fff 45%,
#7c8d07 46%,
#7c8d07 54%,  
#fff 54%,
#fff 100%);
}
.h1 span{
background:#fff;padding:0 20px;
}

.art ul {
    list-style-image: url(../images/bullet1.png);
	
    padding: 0 6px 6px 6px;
    margin: 0 6px;}
	td, th {
    padding: 10px;
}
.art p{ text-align:justify; }
h1, .h1 {
    font-size: 29px;
}
.videort{
	background: url(../img/btn_lire_large.png) 50% 50% no-repeat;
	
	
	
	
	}
	.titlea{ text-transform:capitalize;}
	.titleb{ text-transform:capitalize; color:red;}