
/* ------------Middle */
#content, #border-content {
	min-height:350px;
	padding: 0;
	margin: 0 10px 0 180px;
	width: 0;
}
#formationcarac {
	margin-top: 5px;
	width: 664px;
	margin-top: 17px;
	margin-bottom: 9px;
}

#orgunit {
	text-decoration: none;
	padding-left: 6px;
	padding-top: 2px;
	display: inline;
}

#bordurebas_left {
	background-image: url(../img/acces_bas.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	height: 10px;
	clear: left;
	width: 164px;
}

#educationUnit {
	text-decoration: none;
	padding-left: 6px;
	padding-top: 2px;
	display: inline;
	background: url(../img/acces_milieu.gif) repeat-y left top;	
}

span.orgunit-subblock {
	padding: 2px 2px 5px 2px;
	color: #000000;
	font-size: 9px;
	display: block;
}

#orgunit span {
	display: none;
	width: 300px;
}
#orgunit:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
#orgunit:hover span {
	font-size: 9px;
	display: inline;
	margin:2em 0 0em -15em;
	position: absolute;
	background: #FFFFCC;
	color: #000000;
	padding: 10px;
	border-color: #000000;
	border-style: none;
	clear: left;
}

#educationUnit span {
	display: none;
	width: 300px;
}
#educationUnit:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;

background-image: url(../img/acces_milieu.gif) repeat-y left top;
}
#educationUnit:hover span {
	font-size: 9px;
	display: inline;
	margin:2em 0 0em -15em;
	position: absolute;
	background: #B2B2B2;
	color: #000000;
border: 1px;
	padding: 10px;
	border-color: #000000;
	border-style: none;
	clear: left;
}

a.download
{
	padding-left: 11px;
}

#complement {
	font-size: 11px;
	padding-left: 15px;
	margin-top: 3px;
}
span.orange {
	color: #797979;
	font-weight: bold;
}

#complement span.area {
	color: #6C4618;
	text-decoration: none;
	border-bottom: 1px dashed #f1450e;
}

#formationcarac h2 {
	font-size: 13px;
	padding: 3px 1px 3px 20px;
	text-align: left;
	text-transform: none;

	color: #4e4d51;
	background-image: url(../img/titre1_puce.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;

	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4e4d51;
	width: 630px;
}

#formationcarac h2 img {
	margin-right: -20px;
}

.outils {
	width: 55px;
	float: right;
	margin-top: 3px;
	padding-right: 8px;
}

.outils a img {
	margin-left: 0px;
}

/* @group My Group */

#listcarac4{
	width: 640px;
	height: 20px;
	margin: 0;
	padding: 0;
}



#parcours h2 {
	color: #6a8305;
	font-size: 12px;
	padding-left: 8px;
}

#parcours {
	margin-top: 5px;
	width: 664px;
	padding-top: 11px;
	margin-bottom: 9px;
}
#parcours .bordurebas{
	margin-top: 5px;
	width: 664px;
	padding-top: 0;
	margin-bottom: 10px;
	margin: 0;
}

#blocprincipal {
	width: 640px;
	margin-bottom: 8px;
}
#blocprincipal .bordurebas{
	width: 664px;
}
#details {
	width: 168px;
	float: right;
	margin-right: 9px;
	margin-top: -50px;
	font-size: 10px;
}

#details div.bloc {
	background: url(../img/orange_bgtop.png) no-repeat left top;
	padding: 0;
	color: #606060;
	font-size: 11px;
}

#details div.bloc img {
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 0;
}

#details div.bloc h3 {
	text-indent: 0;
	margin: 10px 0 0 10px;
	padding: 0px 0 0 10px;
	width: 168px;
	color: #FFFFFF;
	font-size: 11px;
line-height: 20px;
}


#details div.bloc h4 {
	padding-left: 10px;
	padding-top: 7px;
	text-weight: bold;
	margin: 0;
	background: url(../img/acces_milieu.gif) repeat-y left top;
}

#details div.bloc div.subBlock {
	font-size: 11px;
	padding-left: 16px;
	padding-top: 2px;
	background: url(../img/acces_milieu.gif) repeat-y left top;
}
#details div.bloc div.subBlock a{
	color: #ff981c;
}

#details div.bloc div.subBlock a:hover
{
	color: #999999;
}

#details div.teachingPlace {
	font-size: 11px;
	padding-left: 16px;
        padding-top: 2px;
        background: url(../img/acces_milieu.gif) repeat-y left top;
}

#details div.bloc div.teachingPlace a {
	color: #606060;
}

#details div.bloc a#educationUnit {
	padding-left: 16px;
	text-decoration: none;
	font-size: 11px;
	color: #606060;
	display: block;
}

#details div.bloc div.lieu a:hover,
#details div.bloc div.lieu a:visited
 {
	color: #6a0870;
	}

#presentation ul {
	color: #777777;
	font-size: 11px;
	padding: 0 0 0 31px;
	margin-top: 5px;
	text-transform: none;
	margin-bottom: 5px;
}
#presentation ul>ul {
	font-size: 10px;
}

#details div.bloc div.savoir ul {
}

#details div.bloc div.savoir ul li a {
	color: #606060;
	text-decoration: none;
}
#details div.bloc div.savoir ul li a:hover {
	color: #6a0870;
	text-decoration: none;
}

#details div.bloc div.savoir ul li {
	padding-top: 2px;
	background: url(../img/education/pucesavoir.png) no-repeat left 6px;
	list-style-type: none;
	padding-left: 10px;
}

#presentation {
	width: 435px;
	padding-top: 8px;
	padding-left: 0;
	padding: 2px 12px 2px 10px;
	font-size: 11px;
}

#presentation h3 {
	font-size: 12px;
	text-indent: 0px;
	width: 380px;
	height: 16px;
	border-bottom: 1px solid #999;
	padding-left: 20px;
	margin: 7px 0 2px 27px;
	color: #4e4d51;
	border-color: #c6c6c6;
	text-transform: none;
	padding-bottom: 0;
	font-weight: bold;

background-image: url(../img/titre2_puce.gif);
background-repeat: no-repeat;
background-position: left center;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #b5d61a;

cursor: pointer;

}


#presentation h4 {
	font-size: 11px;
	text-indent: 10px;
}

#parcours ul {
	margin: 0 6px;
	padding-left: 35px;
	background: url(../img/education/parcoursfleche.png) no-repeat 0 -8px;
}

#parcours ul li{
	padding-left: 12px;
	display: block;
	padding-left: 6px;
	margin-right: 8px;
	padding-right: 0;
	line-height: 22px;
	margin-left: -5px;
	list-style-type: none;
}

#parcours ul li.selected{
	display: inline;
	padding-left: 6px;
	margin-right: 8px;
	padding-right: 0;
	line-height: 22px;
	margin-left: -5px;
	list-style-type: none;
}

#parcours ul li a{
	padding-right: 10px;
	text-decoration: none;
	color: #666;
	padding-left: 0;
	padding-top: 0;
	margin-top: 10px;
}

#parcours ul li span.left
{
	background: url(../img/education/listeformation_bg.png) no-repeat left center;
}

#parcours ul li span.right
{
	background: url(../img/education/listeformation_a_bg.png) no-repeat right center;
}

#parcours ul li a.selected{
	padding-right: 10px;
	text-decoration: none;
	color: #666;
	padding-left: 0;
	padding-top: 0;
	margin-top: 10px;
	background-color: #CFCFCF;
}



