/* orange : #f8d62d */
/* vert clair : #e3eb7f */
/* vert foncé : #cedc1c */

html * {
    font-family: verdana, sans-serif;
}
body, table, tr, td, div, img, dt, dd, ul {
	border-style: none;
	border-width: 0;
	margin: 0;
	padding: 0;
}
form {
	display: inline;
}
table {
	display: block;
}
td {
	vertical-align: top;
}
div.cleaner {
    height: 1px;
    line-height:1px;
    clear: both;
}
a:active,
a:link,
a:visited {
	outline: none;
	text-decoration: none;
}
a:hover {
	outline: none;
	text-decoration: underline;
}
body {
	background-color: #f3faa2;
}
#contenu {
	margin: 0 auto;
	width: 990px;
}
#bandeau {
	background: #cedc1c;
	clear: both;
	height: 140px;
	text-align: center;
}
#logoBandeau {
	float: left;
	height: 108px;
	width: 285px;
	margin: 0;
	padding: 0;
}
.logoBandeau {
	margin: 0;
	padding: 0;
}
#logoBioforce {
	height: 108px;
	margin-right: 47px;
	text-align: right;
}
#logoBioforce img {
	display: inline;
	margin-top: 19px;
}
#conteneurMenu {
	text-align: right;
}
#corps {
	clear: both;
}
#colGauche {
	background: #ffffff url(./img/bord-gauche.png) left top repeat-y;
	text-align: left;
}
#colGauche .marges {
	padding-bottom: 0;
	padding-left: 6px;
	padding-top: 12px;
}
#colCentre {
	background: #ffffff url(./img/bord-droit.png) right top repeat-y;
	padding-bottom: 12px;
	padding-right: 0;
	padding-top: 12px;
	text-align: center;
}
#piedPage {
	background: #f3faa2 url(./img/degrade-vert.png) left top repeat-x;
	border-top: 2px solid #cedc1c;
	/* height: 60px; */
	padding: 0 0 6px 0;
	margin-bottom: 4px;
	text-align: center;
}
#piedPage2 {
	clear: both;
}
div.mentionsLegales {
	background-color: #ffffff;
	height: 12px;
	font-size: 10px;
	padding-right: 4px;
	text-align: right;
}
.mentionsLegales a:active,
.mentionsLegales a:link,
.mentionsLegales a:visited {
	color: #4d4d4d;
	text-decoration: none;
}
.mentionsLegales a:hover {
	color: #e83d1c;
	text-decoration: underline;
}
#piedPage .partenairesMsg {
	color: #e83d1c;
	font-size: 10px;
	height: 12px;
	text-align: center;
}
#piedPage2 .partenairesMsg {
	color: #555;
	font-size: 10px;
	height: 11px;
	text-align: center;
}
.partenairesPiedPage {
	float: left;
	text-align: center;
}
.partenairesSite {
	padding-top: 4px;
	text-align: center;
}
#piedPage img {
	padding: 4px 8px 0 8px;
}
#piedPage2 img {
	padding: 0 16px;
}
#menu {
	background: #cedc1c url(./img/logo-portail-solidarite-b.png) no-repeat left top;
	clear: both;
	padding-top: 0px;
	padding-left: 186px;
}
#menu ul {
	display: block;
	height: 32px;
	list-style: none;
}
#menu ul li {
	height: 32px;
	float: left;
	text-align: right;
	width: 160px;
}
#menu a.off,
#menu a.on {
	/* display: block; */
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 32px;
	width: 160px;
}
#menu a.off:active,
#menu a.off:link,
#menu a.off:visited {
	background: #cedc1c url(./img/menu-top-off.png) center bottom no-repeat;
	color: #ffffff;
	text-decoration: none;
}
#menu a.off:hover,
#menu a.on:hover {
	background: #cedc1c url(./img/menu-top-on.png) center bottom no-repeat;
	color: #e83d1c;
	text-decoration: none;
}
#menu a.on {
	color: #e83d1c;
	background: #cedc1c url(./img/menu-top-on.png) center bottom no-repeat;
}
#menu a div {
	line-height: 12px;
	padding-left: 12px;
	padding-right: 14px;
	padding-top: 6px;
}

/*** sous-menu déroulant ***/
#menu .md {
	background: transparent;
	clear: both;
	position: relative;
	top: 0;
	left: 1px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#menu .ssmenufamillemet {
	width: 164px;
}
#menu .ssmenufamilleact {
	width: 164px;
}
#menu .ssmenustatut {
	width: 164px;
}
#menu .ssmenu {
	left: -37px;
	width: 170px;
}
#menu a.mdItem {
	background-color: #ffcb99;
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
}
#menu a.mdItem:active,
#menu a.mdItem:link,
#menu a.mdItem:visited {
	color: #cb4a30;
	text-decoration: none;
}
#menu a.mdItem:hover {
	color: #cb4a30;
	text-decoration: underline;
}

.filAriane {
	color: #bababa;
	font-size: 12px;
	padding-right: 8px;
	text-align: left;
}
.filAriane .titreFilAriane {
	color: #313131;
	display: inline;
	font-size: 13px;
	font-weight: bold;
}
.filAriane a {
	font-size: 13px;
}
.filAriane a:active,
.filAriane a:link,
.filAriane a:visited {
	color: #4d4d4d;
	text-decoration: none;
}
.filAriane a:hover {
	color: #000000;
	text-decoration: underline;
}
#colGauche .rb1 {
	width: 235px;
}
.rb1 h2 {
	background: #ffffff url(./img/onglet-rb1.png) left bottom no-repeat;
	color: #e83d1c;
	font-size: 16px;
	font-weight: bold;
	height: 32px;
	line-height: 16px;
	margin: 0;
	padding: 0 75px 0 0;
	text-align: right;
	vertical-align: bottom;
}
.rb1 h2 div {
	padding-top: 12px;
}
.rb1 .contenu,
.rb1 ul.bordures {
	border-left: 1px solid #bfcc1c;
	border-right: 1px solid #bfcc1c;
	border-top: 1px solid #cedc1c;
	text-align: left;
}
.rb1 .contenu {
	padding: 2px;
}
.rb1 ul {
	list-style: none;
}
.rb1 ul li {
	font-size: 11px;
}
.rb1 ul a {
	display: block;
	line-height: 1;
	padding: 2px 2px 3px 4px;
}
.rb1 ul a:active,
.rb1 ul a:link,
.rb1 ul a:visited {
	color: #000000;
	text-decoration: none;
}
.rb1 ul a:hover {
	background-color: #e3eb7f;
	color: #000000;
	text-decoration: none;
}
.rb1 .bas {
    height: 24px;
    background: #ffffff url(./img/rb1-coin-bg.png) left bottom no-repeat;
}
.rb1 .bas .filet {
    background: #ffffff url(./img/rb1-filet-bas.png) left bottom repeat-x;
    height: 24px;
	margin-left: 24px;
}
.rb1 .coin-bd {
    float: right;
    width: 24px;
    height: 24px;
    background: #ffffff url(./img/rb1-coin-bd.png) right bottom no-repeat;
}
.rb2 {
	/* width: 220px; */
}
.rb2 div.titreOnglet {
	background: #ffffff url(./img/onglet-rb2.png) left top no-repeat;
	border-left: 1px solid #bfcc1c;
	border-right: 1px solid #bfcc1c;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	height: 24px;
	line-height: 14px;
	margin: 12px 0 0 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
.rb2 div.titreOnglet div {
	padding: 2px 4px;
}
.rb2 .contenu {
	border-left: 1px solid #bfcc1c;
	border-right: 1px solid #bfcc1c;
	padding: 2px 4px;
	text-align: left;
}
.rb2 .bas {
    height: 24px;
    background: #ffffff url(./img/rb1-coin-bg.png) left bottom no-repeat;
}
.rb2 .bas .filet {
    background: #ffffff url(./img/rb1-filet-bas.png) left bottom repeat-x;
    height: 24px;
	margin-left: 24px;
}
.rb2 .coin-bd {
    float: right;
    width: 24px;
    height: 24px;
    background: #ffffff url(./img/rb1-coin-bd.png) right bottom no-repeat;
}
.rb3 {
	/* width: 220px; */
}
.rb3 div.titreOnglet {
	background: #ffffff url(./img/onglet-rb3.png) left top no-repeat;
	border-left: 1px solid #f8d62d;
	border-right: 1px solid #f8d62d;
	color: #e83d1c;
	font-size: 13px;
	font-weight: bold;
	height: 24px;
	line-height: 14px;
	margin: 12px 0 0 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
.rb3 div.titreOnglet div {
	padding: 2px 4px;
}
.rb3 .contenu {
	border-left: 1px solid #f8d62d;
	border-right: 1px solid #f8d62d;
	padding: 2px 4px;
	text-align: left;
}
.rb3 .bas {
    height: 24px;
    background: #ffffff url(./img/rb3-coin-bg.png) left bottom no-repeat;
}
.rb3 .bas .filet {
    background: #ffffff url(./img/rb3-filet-bas.png) left bottom repeat-x;
    height: 24px;
	margin-left: 24px;
}
.rb3 .coin-bd {
    float: right;
    width: 24px;
    height: 24px;
    background: #ffffff url(./img/rb3-coin-bd.png) right bottom no-repeat;
}

/*** rb4 : menu déroulant ***/
.rb4 .haut {
	background: #ffcb99;
	clear: both;
	height: 6px;
}
.rb4 .haut .hd {
	background: #ffffff url(./img/rb4-hd.png) 0 0 no-repeat;
	float: right;
	height: 6px;
	width: 6px;
}
.rb4 .ombre-d {
	background: transparent url(./img/rb4-d.png) right 0 repeat-y;
	padding: 0 6px 0 0;
}
.rb4 .contenu {
	background: #ffcb99;
	padding: 0 4px 4px 4px;
}
.rb4 .bas {
    background: transparent url(./img/rb4-b.png) 0 bottom repeat-x;
    height: 6px;
	margin: 0 6px;
}
.rb4 .bd {
    background: transparent url(./img/rb4-bd.png) 0 0 no-repeat;
    position: absolute;
	right: 0;
    height: 6px;
    width: 6px;
}
.rb4 .bg {
    background: transparent url(./img/rb4-bg.png) 0 0 no-repeat;
    position: absolute;
	left: 0;
    height: 6px;
    width: 6px;
}

div.deuxColonnes {
	clear: both;
}
div.col1,
div.col2 {
	float: left;
}
div.col1 {
	width: 70%;
}
div.col2 {
	width: 29%;
}
div.col1 .contenuColonne {
	padding-right: 14px;
}
div.col2 .contenuColonne {
	padding-left: 4px;
}

img.bc,
img.hc {
	display: block;
	margin: 0 auto;
}
img.bd,
img.hd {
	display: inline;
	float: right;
	padding: 0 0 0 10px;
}
img.bg,
img.hg {
	display: inline;
	float: left;
}
#colCentre h2 {
	border-top: 1px solid #cedc1c;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 12px 0 4px 0;
	text-align: left;
}
#popup h1,
#colCentre h3 {
	color: #e83d1c;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 4px 0;
	text-align: left;
}
h4 {
	color: #4d4d4d;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	padding: 0;
	margin: 8px 0 0 0;
	text-align: left;
}
#colCentre p {
	color: #313131;
	font-size: 11px;
	padding: 4px 0;
	margin: 0;
	text-align: justify;
}
#colCentre ul {
	color: #313131;
	font-size: 11px;
	list-style: disc outside;
	margin: 4px 0;
	padding: 0;
	text-align: left;
}
#colCentre ul li {
	margin-left: 20px;
}
p.notice {
	color: #bababa;
	font-size: 12px;
	font-style: italic;
	margin: 0;
	padding: 2px;
}
.menuMetiers a.btnDeroule {
	display: block;
}
.menuMetiers a.btnDeroule.on {
	background-color: #cedc1c;
	color: #e83d1c;
	font-weight: bold;
	padding-left: 4px;
	margin-top: 4px;
}
.menuMetiers a.btnDeroule:active,
.menuMetiers a.btnDeroule:link,
.menuMetiers a.btnDeroule:visited {
	color: #000000;
	text-decoration: none;
}
.menuMetiers a.btnDeroule:hover {
	color: #e83d1c;
	text-decoration: underline;
}
#colCentre .contenu p {
	font-size: 11px;
}
.lienVideoPopup {
	color: #313131;
	font-size: 11px;
	text-align: right;
}
a.lien:active,
a.lien:link,
a.lien:visited {
	color: #4d4d4d;
	text-decoration: underline;
}
a.lien:hover {
	color: #e83d1c;
	text-decoration: underline;
}
a.lien2 { font-size: 10px; }
a.lien2:active,
a.lien2:link,
a.lien2:visited {
	color: #4d4d4d;
	text-decoration: none;
}
a.lien2:hover {
	color: #e83d1c;
	text-decoration: underline;
}
#motscles {
	text-align: center;
	white-space: normal;
	width: 190px;
}
#motscles .motcle {
	text-align: center;
	font-weight: bold;
	height: 20px;
}
#motscles .petit { font-size: 11px; }
#motscles .moyen { font-size: 13px; }
#motscles .grand { font-size: 15px; }
#motscles a:hover span {
	text-decoration: underline;
}
#rechercheSite {
	background: transparent url(./img/magnify.png) top left no-repeat;
	float: right;
	height: 22px;
	font-size: 11px;
	padding: 0 8px 0 20px;
}
#rechercheSite input {
	background: #F3FAA2;
	border: 1px solid #E83D1C;
	color: #4d4d4d;
	float: left;
	font-size: 11px;
	margin: -1px 0 0 0;
	padding: 1px 0;
	width: 160px;
}
#rechercheSite .btn {
	background: #E83D1C;
	float: left;
	font-size: 11px;
	padding: 2px 4px;
	margin: -1px 0;
}
#rechercheSite a.btn:active,
#rechercheSite a.btn:link,
#rechercheSite a.btn:visited {
	color: #ffffff;
	text-decoration: none;
}
#rechercheSite a.btn:hover {
	color: #e83d1c;
	text-decoration: none;
}
#colCentre p.titreLien {
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}
#colCentre p.typeLien {
	color: #e83d1c;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 4px;
	text-align: center;
}
#colCentre p.urlLien {
	margin-top: 0;
	padding-top: 2px;
	overflow: hidden;
	text-align: left;
}
#colCentre p.urlLien a {
	color: #4d4d4d;
}
div.partenairesPage {
	border-top: 1px dotted #e3eb7f;
	clear: both;
	text-align: center;
	margin: 8px 30px 0 30px;
}
div.partenairesPage span {
	color: #cedc1c;
	font-size: 10px;
	padding: 0 30px;
}
li h4 {
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 0;
	text-align: left;
}
li h5 {
	color: #99cc00;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#colCentre #actus p {
	text-align: left;
}
.rb1 .contenu ul a {
	display: inline;
	padding: 0;
}
.partenairesPiedPage a div {
	display: inline;
	padding: 0 12px;
}
.partenairesPiedPage .defile a {
	display: block;
	float: left;
	overflow: hidden;
	width: 110px;
}
.vignetteVideoListe {
	float: left;
	padding: 0 8px 8px 0;
}
.saisie p.notice {
	color: #4d4d4d;
	font-size: 11px;
	font-weight: normal;
	padding: 6px;
}
form .label {
	color: #4d4d4d;
	font-size: 11px;
	padding: 1px 6px;
	width: 140px;
	text-align: right;
}
form .saisie {
	color: #4d4d4d;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px 2px 20px;
}
form .saisie input,
form .saisie textarea {
	border: 1px solid #e3eb7f;
	color: #4d4d4d;
	font-size: 11px;
	margin: 1px 0;
	padding: 1px 0;
	width: 300px;
}
form .saisie a.action {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
form .saisie p {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	text-align: left;
}
form table {
	text-align:left;
}
form .saisie .btn {
	background: #cedc1c;
	border: 1px solid #e3eb7f;
	color: #ffffff;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	padding-top: 1px;
	text-align: center;
	width: 110px;
}
form .saisie a.btn:active,
form .saisie a.btn:link,
form .saisie a.btn:visited {
	color: #ffffff;
	text-decoration: none;
}
form .saisie a.btn:hover {
	color: #e83d1c;
	text-decoration: none;
}
div.msgOk {
	background: transparent url(./img/ok.png) center left no-repeat;
	color: #4d4d4d;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 8px 30px;
}
div.msgErr {
	background: transparent url(./img/warning.png) center left no-repeat;
	color: #990000;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 8px 30px;
}
#bulleInfo {
	display: block;
	width: 220px;
	visibility: visible;
	background-color: #FFFFFF;
	color: #51600E;
	position: absolute;  
	visibility : hidden;
	padding: 5px;
	text-align: left;
	font-size: 11px;
	border: 1px solid #999999;
}
a.infoBulleGlossaire:active,
a.infoBulleGlossaire:link,
a.infoBulleGlossaire:visited {
	color: #4d4d4d;
	border-bottom: 1px dotted #e3eb7f;
	text-decoration: none;
}
a.infoBulleGlossaire:hover {
	color: #4d4d4d;
	border-bottom: 1px dotted #cedc1c;
	text-decoration: none;
}
.noticeAccueil {
	color: #666;
	font-size: 10px;
	padding-top: 12px;
	text-align: center;
}
#titreBandeau { color: #fff; float: left; font-size: 16px; font-weight: bold; text-align: left; padding-top: 60px; width: 500px; }
.vignette-rss img { display: inline; margin:0; padding:0 }