<!--
body {
  width:1024px; 
  margin: auto; 
  background-color: #EBEBEB;
  color: black;
  font-family: Arial, Times New Roman, Helvetica, sans-serif, Serif;
  /*background-position:left;*/
  background-image:url("images/logo_BED_pt2.jpg"); 
  background-repeat:repeat-x;
} 

h1 {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	color: #A8A8AB;
}

h2 {
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	/*font-style: italic;*/
	color: gray;
}

h3 {
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	font-style: italic;
	color: gray;
}

#banniere
{
  float:left;
  width: 100%;
  height: 249px;
  margin-left:10px;
  /*background-position:center;
  background-image:url("images/titre.jpg"); 
  background-repeat:no-repeat;*/
}

#menu
{
  float:left;
}

#texte_menu
{
  margin:auto;
  width: 100%;
}

#details
{
  float:left;
  width: 100%;
  background: #FFF;
  padding: 10px;
  border-left: solid 1px #DADADA;
  border-right: solid 1px #DADADA;
  background-position:left;
  background-image:url("images/design.png"); 
  background-repeat:no-repeat;
}

#actus
{
  float:right;
  left: 700px;   /*750*/
  width: 280px;
  height: 326px;
  color: black;
  margin-top:20px;
  /*background-position:center center;
  background-image:url("images/actus.png"); 
  background-repeat:no-repeat; 
  border-style:solid; */
}

#references
{
  float:left;
  width: 100%;
  background: #FFF;
  padding: 10px;
  border: solid 1px #DADADA;
  /*background-position:left;
  background-image:url("images/design2.png"); 
  background-repeat:no-repeat;*/
}

#err_pay
{
  margin: auto;
  width: 400px;
  color: red;
  border-style:solid;
  padding: 5px;
}

#formation1
{                   
  position:absolute;
  width:207px; 
  height:141px;
  margin-left:680px;  
  margin-top: 30px;   
  background-image:url("images/formation1.png"); 
  background-repeat:no-repeat;
}

#formation2
{                   
  position:absolute;
  width:207px; 
  height:141px;
  margin-left:700px;  
  margin-top: 40px;   
  background-image:url("images/formation2.png"); 
  background-repeat:no-repeat;
}

.accordion { list-style-type: none; padding: 0; margin: 10px 0 0 0px;  border-top: solid 1px black;}
.accordion ul { padding: 0; margin: 0; float: left; display: block; width:100%; }
.accordion li { background: #DEDEDE; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; border-bottom: solid 1px black; border-left: solid 1px black; border-right: solid 1px black;}
.accordion li.active>a { background: url('images/close.gif') no-repeat center right; }
.accordion li div { padding: 10px; background: white; display: block; clear: both; float: left;}
.accordion a { text-decoration: none; color:black; padding: 0 10px; display: block; cursor: pointer; background: url('images/open.gif') no-repeat center right; line-height: 30px; }

/* Level 2 */
.accordion li ul li { background: black; font-size: 0.9em; }

/* Pied de page */
#barre_pied
{
  float: left;
  font-size:12px;
  padding: 10px;
}
    
.BUTTON1 { 
 font-family: Georgia, Times New Roman, Serif;
 border-width:2pt;
 border-color: black;
 font-size:11pt;
 color:white;
 background-color:gray;
 cursor: pointer;
 padding: 5px 15px;
}

#cnil{
  position:absolute;
	width:550px;
  height:100px;
  margin-top:690px;
  margin-left:430px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #996600;
}

/*Plan accès*/
#plan
{
  position:absolute;
	/*width:710px;*/
  height:560px;
  margin-top:230px;
  /*margin-left:160px;*/
  /*text-align:center;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color:#996600;
}

/* desactiver carre pointille sur lien dans firefox */
a:active,a:focus {
outline:none;
}

a.miseforme{ color:gray; font-size: 12px; font-weight:normal; text-decoration: underline;}
a:hover.miseforme{ color: gray ; font-size: 12px; text-decoration: none; }

a.miseforme2{ color:gray; font-size: 12px; text-decoration: none;}
a:hover.miseforme2{ color: black ; text-decoration: none; }

a.miseforme3{ color:#6633ff; font-weight:normal; font-style: italic ; text-decoration: none;}
a:hover.miseforme3{ color: #6633ff ; text-decoration: underline; }

a.miseforme4{ color:#6633ff; font-weight:bold; text-decoration: none;}
a:hover.miseforme4{ color: #6633ff ; text-decoration: underline; }

a.miseforme5{ color:#FF6600; font-size: 16px; text-decoration: underline;}
a:hover.miseforme5{ color:#FF6600; text-decoration: none; }

a.miseforme6{ color:gray; font-weight:normal; text-decoration: none;}
a:hover.miseforme6{ color: gray; text-decoration: underline; }

a.miseforme7{ color:black; font-weight:normal; text-decoration: underline;}
a:hover.miseforme7{ color: gray; text-decoration: none; }

a.miseforme8{ color:black; font-weight:normal; font-style:italic; text-decoration: underline;}
a:hover.miseforme8{ color: gray; text-decoration: none; }

.align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block; 
}

.alert {
	background: #ffff99;
	text-align: center;
	/*color : black;*/
	margin-left: 50px;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffcc00;
	border-bottom: 2px solid #ffcc00;
	}
	
/* ribbon style */

 .ribbon-wrapper {
	position: relative;
}
  .ribbon-front {
	background-color: #C1C1C3;	
  height: 40px;
  line-height: 40px;
	width: 330px;
	position: relative;
	text-align: center;
	left:-20px;
	z-index: 2;
	color: white;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 40px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -20px;
	border-color: transparent #787879 transparent transparent;
}

  .ribbon-edge-topleft {
	top: -10px;
	border-width: 10px 20px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 20px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 290px;
	border-color: transparent transparent transparent #787879;
}

  .ribbon-edge-topright {
	top: -10px;
	border-width: 10px 0 0 20px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 20px;
}

  .ribbon-back-left {
	position: absolute;
	top: -10px;
	left: 0px;
	width: 0px;
	height: 40px;
		z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: -10px;
	right: 0px;
	width: 0px;
	height: 40px;
		z-index: 0;
}

-->