@charset "utf-8";
/* CSS Document */



body {

}
#cadre{	
width: 49%;
margin: 5px;
border: 3px solid  #EEE;
background: #F7F7F7; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}


#a1{	
width: 49%;
margin: 5px;
border: 3px solid  #EEE;
background: #0C0; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}




#cadre2{ 
  
width: 95%;
margin: 70px;
border: 3px solid  #EEE; 

background: #F7F7F7; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}


#cadre3{ 
  
width: 100%;
margin: 0px;
border: 3px solid  #E5E5E5;   

background: #F7F7F7; 
-moz-box-shadow: 0px 0px 0px #ddd; 
-webkit-box-shadow: 0px 0px 0px #ddd; 
box-shadow: 0px 0px 0px #ddd;
}


#cadre4{ 
  
width: 70%;  
margin: 4px;
border: 4px solid  #EEE; margin-left:15%; 
margin-right:20%; 

background: #F7F7F7; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}
#cadre44{ 
  
width: 70%;  
margin: 4px;
border: 2px solid  #CCC ; alignment-adjust:central;
 left:28px;  
background: #F9F9F9; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}
#cadre5{ 
  
width: 95.5%;   
margin: 4px;
border: 2px solid  #CCC ; alignment-adjust:central;
 left:28px;  
background: #F9F9F9; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}





#cadre555{ 
  
width: 100%; 
margin: 0px;
border: 2px solid  #CCC ; alignment-adjust:central;
 left:0px;  
background: #FFFFE8; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}









#cadre6{ 
  
width: 50%;   
margin: 15px;
border: 3px solid  #CCC ; alignment-adjust:central;
 left:300px;  


background: #F9F9F9; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}


#cadre66{ 
  
width: 90%; height:  2%;  
margin: 0px;
border: 4px solid  #DDD ; 
text-align:justify;
left:0px; top:0px;  


background: #EEE ; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}


#cadre666{ 
  
width: 90%; height:  2%;  
margin: 0px;
border: 4px solid  #DDD ; 
text-align:justify;
left:0px; top:0px;  


background: #EEE ; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}


#cadre6666{ 
  
width: 95%; height:  2%;  
margin: 0px;
border: 4px solid  #DDD ; 
text-align:justify;
left:0px; top:0px;  


background: #EEE ; 
-moz-box-shadow: 2px 2px 2px #ddd; 
-webkit-box-shadow: 2px 2px 2px #ddd; 
box-shadow: 2px 2px 2px #ddd;
}




.label-div {
	padding-top:5px;
  color: green;
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}




.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%; 
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#fc000c;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#fc000c;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

















.label-descriptif {
  color: #999;
  font-family: verdana;
  font-size: 12px;
  font-weight: normal;
  padding-top:5px;
  text-align:justify;
}

.control-label {
	color: #333;
	font-size: 13px;
	font-family: verdana;
	font-weight: normal;
	text-transform: uppercase;
	text-align:left;
	margin-top:5px;	
}

.form-control {
	color: #333;
	font-size: 12px;
	font-family: verdana;
	font-weight: normal;
	text-transform: uppercase;
	text-align:left;
	margin-top:5px;
	
}

.form-group {
	margin:4px;
}

.bt-pos{
	float:right;
}

.col-md-2 {
  padding: 5px;
 
}
.col-md-4 {
  padding-top: 5px;  
}
.pt-couleur {
  background-image: url("../img/logos/barre_v.png");
  background-repeat: repeat-x;
  color: white;
  font-family: verdana;
  font-size: 11px;
  height: 45px;
  padding-left: 5px;
  padding-top: 15px;
}

.Titre_lien {
	color:yellow;
}
.Titre_lien a {
	color:white;
}
.Titre_lien a:link {
	color:white;
}
.stepcarousel {
 
  box-sizing: border-box;
  height: 210px;
  overflow: scroll;
  position: relative;
  width: 100%;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

span.paginatecircle{ /* CSS for paginate circle spans. Required */
background: white;
border: 2px solid black;
border-radius: 10px;
width: 6px;
height: 6px;
cursor: pointer;
display: inline-block;
margin-right: 4px;
}

span.paginatecircle:hover{
background: gray;
}

span.paginatecircle.selected{
background: black;
}
.copyright {
  color: white;
}
#news-extrait > h4 {
  font-size: 13px;
  color: green;
}