.btn_self {

  margin-top: 25px;
  
}

html {
  position: relative;
  min-height: 100%;
  padding-bottom:0px;
}


#header-left {
	margin-left: 40px; 
	display: inline-block ;  
	postion: absolute;  
}

#header-left h1{
	color:#EEE;
	font-size: 2.8em;
	line-height: 1.3;
	text-align: left;
} 

#connection,
#deconnection {
	display: inline-block ; 
	text-align: left;
}

#connection a,
#deconnection a {
	color: #CCC;
}

/* Pour ASR dans le header*/ 
#header-left strong{
	color:#FFF;
	font-size: 1.2em;
}

#header-left h1 #EntreParanthese {
	font-size: 0.3em;	
}
/*style du sous-titre dans le header*/
#header-left h1 #h1bis {
color: #FFF;
}
#tete{
background-image: url("../image/fd_haut.png");
}

#middle {
	margin-left: 50px;
	margin-right: auto;
	margin-bottom: 200px;
	margin-top: 25px;
	width: 80%;
}

#middle  .panel-primary .panel-heading strong {
	color: #FFF;
}

#middle p { 
  text-align: justify;  
  font-size: 1.5em; 
  line-height: 1.2em; 
  margin: 0 0 30px;
}


#metierall p, #metierall i { 
  text-align: left;  
  font-size: 1.3em; 
  line-height: 2em; 
  margin: 0 0 10px;
}

#metierall h2{
	display: inline-block;
}

#metierall img{
	margin-top: 2em;
}

#metierall a:focus , #metierall a:hover {
	outline: thin dotted;
  	outline-color: #FFF;
  	text-decoration: none;
  	color: #FFA500; 
  	outline-offset: -2px;
}

#metierall a strong:hover {
  	color: #FFA500; 
}



/*Style pour le contenu pédagogoique*/

#accordeon .panel-heading {
	background-color: #87CEFA;
	border-color: #FFF;
}

#accordeon .panel-default {
	border-color: #EE82EE;
}

#accordeon strong {
	color: #FFF;
}

#accordeon a h1 {
	color: #FFF;
	font-size: 1.5em;
	font-style: none;
	text-align: left;	
}

#accordeon a:focus , #accordeon a:hover {
	outline: thin dotted;
  	outline-color: #FFF;
  	text-decoration: none;
  	color: #FFA500; 
  	outline-offset: -2px;
}

#accordeon a strong:hover {
  	color: #FFFF00; 
}
/* Style page equipe */

#equipe .panel-heading {
	background-color: #87CEFA;
	border-color: #FFF;
}

#equipe .panel-default {
	border-color: #EE82EE;
}

#equipe strong {
	color: #191970;
	font-size: 1.5em;
	text-align: left;
}

#equipe img{
	margin-top: 2em;
	margin-bottom: 2em;
}
.monimage img {
	margin-top:5em;
	margin-bottom: 5em;
	margin-left: 5em;
	margin-right: 5em;
}

#equipe #uv {
	color: #FFF;
	font-size: 2em;
}

 #equipe a strong:hover {
 
 }

#equipe a strong:focus {
	outline: thin dotted;
  	outline-color: #FFF;
  	text-decoration: none;
  	color: #FFA500; 
  	outline-offset: -2px;
}

#suite img {
	max-width: 80px;
	margin-right: 0.08em;
}


#arrow {
	
	background-color: "blue";
}

em {
	font-style: bold;
	color: #00BFFF;
}

#foot {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-image: url("../image/fd_bas.png");
}

#foot a{
  float:right;
  margin-top:20px;
}

#bread {
	display: block;
}

#hello {
padding:  0;
text-align: left;
height: 800px;
display: block; 
width: 100%;
color:#CCC;
font-size:16px;
}

#middle
.hehe {
  font-size:14px;
  font-weight:normal;
}

.text_slide{
text-align: center;
font-size: 18px;
color: blue;
}


/*style de contact*/
.cacher{display:none}
.image_position{padding-top:auto; padding-bottom:auto}


/*style de sidebar*/
.side-fix {
  position: fixed;
  top: 150;
  z-index: 1030;
}




/*style de sondage*/
.axis path,
.axis line{
	fill: none;
	stroke: black;
	shape-rendering: crispEdges;
}

.axis text {
	font-family: sans-serif;
	font-size: 11px;
}