@charset "utf-8";
/* CSS SFBSI */

ul, li, h1, h2, h3, h4, h5, h6, img, form, fieldset, p, td, tr, th, table, input {
border:none;
padding:0;
margin:0;
}

body {
margin:0;
padding:0;
background: #1167a7;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
color:#afaeae;
}

/* ------------------------------ Tous les containers -------------------------------- */
/* ----------------------------------------------------------------------------------- */
#container {
position:relative;
margin:0 auto;
width:878px;
z-index:1;
}
#containerbis {
padding-top:12px;
width:878px;
background:url(/images/graphic-sfbsi/bg-container.png) repeat-y !important;
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/graphic-sfbsi/bg-container.png', sizingMethod='scale');
}
#langues {
float:right;
margin-right:49px;
height:24px;
}
#header {
clear:both;
margin:0 auto;
width:780px;
height:173px;
/*border:#4975b7 1px solid;*/
background:url(/images/graphic-sfbsi/bg-banner.jpg) no-repeat;
}

/*#contenu {
position:relative;
margin:0 auto;
width:780px;
height:375px;
background:url(/images/graphic-sfbsi/bg-top-contenu.jpg) no-repeat;
z-index:2;
}
*/

#contenu {
background: transparent url(/images/graphic-sfbsi/bg-top-contenu.jpg) no-repeat scroll 0%;
height:a uto;
margin: 0pt auto;
position: relative;
width: 780px;
z-index: 2;
}


#contenu_int {
position:relative;
float:right;
/*width:610px;*/
width:628px;
margin-top:12px;
z-index:2;
}
#contenu_text {
float:left;
width:422px;
margin-top:12px;
padding-left:18px;
background:url(/images/graphic-sfbsi/bg-contenu-int.png) no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/graphic-sfbsi/bg-contenu-int.png", sizingMethod="crop");
z-index:3;
}

#contenu_text_no_ie_trick {
    float:left;
    width:422px;
    margin-top:12px;
    padding-left:18px;
    background:url(/images/graphic-sfbsi/bg-contenu-int.png) no-repeat !important;
    background:none;
    z-index:3;}

#contenu_text_statique {
float:left;
width:610px;
margin-top:12px;
padding-left:18px;
background:url(/images/graphic-sfbsi/bg-contenu-int.png) no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/graphic-sfbsi/bg-contenu-int.png", sizingMethod="crop");
z-index:3;
}
#footer {
clear:both;
margin:0 auto;
width:782px;
height:15px;
padding-top:40px;
background:url(/images/graphic-sfbsi/bg-footer.jpg) no-repeat;
}
#footer_bottom {
clear:both;
margin:0 auto;
width:878px;
height:25px;
background:url(/images/graphic-sfbsi/bg-container-bottom.png) no-repeat !important;
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/graphic-sfbsi/bg-container.png', sizingMethod='scale');
}

/* ------------------------------ Toutes les mises en forme -------------------------------- */
/* ----------------------------------------------------------------------------------------- */

/* ---------------------------- Contenu Tags HTML Default----------------------------------- */
#contenu h3 {
padding:4px 0 0 4px;
font-size:11px;
color:#464444;
}
#contenu h2 {
margin-top:4px;
padding:2px 0 0 4px;
font-size:11px;
color:#6588be;
height:18px;
background:#e3eaf0;
}
#contenu p {
padding:12px 12px 0 4px;
text-align:justify;
font-size:10px;
color:#464444;
}
#contenu_text_statique p {
padding:10px 0 10px 6px;
text-align:justify;
font-size:10px;
color:#5a5a5a;
width:580px;
}
#contenu_text_statique p.orange {
color:#F88E16;
}
#contenu_text_statique img {
padding:3px 0 10px 3px;
float:left;
}
#contenu a {
position:relative;
color:#f88e16;
font-weight:bold;
font-size:10px;
z-index:4;
}
#contenu a.doc {
display:block;
height:16px;
padding:2px 0 0 20px;
color:#e8381a;
font-weight:bold;
font-size:10px;
text-decoration:none;
background:url(/images/graphic-sfbsi/icone-pdf.jpg) no-repeat;
}
#contenu_text img {
padding:10px 0 0 10px;
}
#formations {
float:left;
width:376px;
margin-top:15px;
padding:0 0 10px 12px;
background:url(/images/graphic-sfbsi/bg-formation.jpg) no-repeat bottom;
}
#formations h2 {
width:190px;
height:25px;
padding: 10px 0 0 44px;
font-size:12px;
font-weight:bold;
color:#2465a0;
background:url(/images/graphic-sfbsi/title-formation.gif) no-repeat;
}
#evenements {
float:right;
width:380px;
margin-top:15px;
}
#evenements h2{
width:190px;
height:25px;
padding: 10px 0 0 44px;
font-size:12px;
font-weight:bold;
color:#f25511;
background:url(/images/graphic-sfbsi/title-evenements.gif) no-repeat;
}
#congres {
float:right;
width:380px;
}
#congres h2{
width:190px;
height:25px;
padding: 10px 0 0 44px;
font-size:12px;
font-weight:bold;
color:#f25511;
background:url(/images/graphic-sfbsi/title-congres.gif) no-repeat;
}
#contenu_int ul {
margin:8px 0 12px 24px;
color:#5780bc;
}
#contenu_int li {
font-weight:bold;
font-size:10px;
}
#contenu_int ul.orange {
margin:8px 0 12px 24px;
color:#F88E16;
}
#contenu_int li {
font-weight:bold;
font-size:10px;
}
/* ---------------------------- Header ----------------------------------------------------- */
#header h1 {
position:relative;
float:left;
top:26px;
left:136px;
width:380px;
height:132px;
text-indent:-9999px;
}
#header h1 a {
display:block;
width:380px;
height:100px;
}
/* ------ Box Inscription Newsletter ---------- */
#newsletter {
position:relative;
float:right;
top:36px;
right:22px;
width:200px;
height:80px;
color:#fff;
font-weight:bold;
font-size:9px;
line-height:1;
}
#newsletter h2 {
font-size:10px;
border-bottom:1px solid #fff;
}
#newsletter p {
line-height:1.4;
}
#newsletter form {
margin-top:12px;
border:0;
}
#newsletter input {
padding:1px 0 0 2px;
width:128px;
height:16px;
margin:5px 0 0 0;
font-size: 10px;
float:left;
border-top:1px solid #949494;
border-left:1px solid #abacaf;
}
#newsletter input.button {
padding:0 0 1px 0;
font-size: 10px;
font-weight:bold;
height:19px;
width: 58px;
border: 1px solid #ff0000;
background:#f13000;
margin-left:5px;
color:#fff;
}
/* ---------------------------- Tableau TABLE TH TR TD ------------------------------------- */
#contenu_text_statique table {
margin:12px 0 12px 8px;
background:#e3eaf0;
color:#666;
width:602px;
border:1px solid #666;
border-collapse:collapse;
border-spacing:0;
}
#contenu_text_statique th{
background:#5780bc;
color:#fff;
font-weight:bold;
text-align:left;
height:25px;
padding-left:2px;
}
#contenu_text_statique th.icone1{
background:url(/images/graphic-sfbsi/icone-round-1.gif) no-repeat top left #5780bc;
height:28px;
padding-left:30px;
}
#contenu_text_statique th.icone2{
background:url(/images/graphic-sfbsi/icone-round-2.gif) no-repeat top left #5780bc;
height:28px;
padding-left:30px;
}
#contenu_text_statique th.icone3{
background:url(/images/graphic-sfbsi/icone-round-3.gif) no-repeat top left #5780bc;
height:28px;
padding-left:30px;
}
#contenu_text_statique td{
border-top:1px dotted #333;
padding:4px;
color:#454344;
}
#contenu_text_statique td.photo{
width:180px;
color:#043e87;
/*font-weight:bold;*/
}
#contenu_text_statique td img{
border:1px solid #cbcbcb;
padding:0;
margin-right:5px;
}
#contenu_text_statique td.intro{
background:#dedede;
font-weight:bold;
}
#contenu_text_statique td.nom{
background:#6c95d0;
font-weight:bold;
color:#fff;
}
#contenu_text_statique table td ul {
margin:5px;
}
#contenu_text_statique table td li {
margin-left:15px;
padding-bottom:5px;
font-weight:bold;
color:#5780bc;
font-size:10px;
}

/* ----------Tableau Partenaires Logos---------------------------------- */
#contenu_text_statique table.partenaires {
margin:12px 0 12px 8px;
background:#fff;
color:#666;
width:602px;
border:0;
border-collapse:collapse;
border-spacing:0;
}
#contenu_text_statique table.partenaires td {
border:0;
}
/* ---------------------------- Humanitaire Tabelaux et Images ----------------------------- */
#contenu_text_statique table.image {
background:#fff;
border:0;
}
#contenu_text_statique table.image td {
border:0;
vertical-align:top;
font-size:9px;
padding-bottom:12px;
}
#contenu_text_statique table.image td img {
float:none;
}
/* ---------------------------- Trombinoscope Membres CA ----------------------------------- */
#trombinoscope ul {
margin:8px 0 0 10px;
color:#FF9933;
font-weight:bold;
}
#trombinoscope li {
float:left;
display:block;
list-style:circle;
padding-left:15px;
}
/* ---------------------------- FORMULAIRE FORM FIELDSET ----------------------------------- */
#contenu_text_statique form{
margin:12px 0 0 8px;
padding-bottom:30px;
background:#ebebeb;
color:#666;
width:600px;
border:1px solid #666;
}
#contenu_text_statique fieldset{
margin:12px 0 0 8px;
padding:5px 8px 8px 8px;
width:560px;
border:1px solid #6b8ec4;
}
#contenu_text_statique legend{
margin-bottom:10px;
}
#contenu_text_statique label {
float:left;
display:block;
width:93px;
margin-bottom:6px;
color:#666;
font-weight:bold;
}
#contenu_text_statique label.activite {
float:left;
display:block;
width:120px;
margin-bottom:6px;
color:#666;
font-weight:bold;
}
#contenu_text_statique select {
float:none;
width:80px;
border-top:1px solid #a1a1a1; 
border-left:1px solid #a1a1a1; 
margin:0 15px 6px 0;
}
#contenu_text_statique input.activite {
float:none;
width:20px;
border-top:1px solid #a1a1a1; 
border-left:1px solid #a1a1a1; 
margin:0 15px 6px 0;
}
#contenu_text_statique input {
float:left;
width:160px;
border-top:1px solid #a1a1a1; 
border-left:1px solid #a1a1a1; 
margin:0 15px 6px 0;
color:#5780BC;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contenu_text_statique input.button {
width:80px;
margin:8px 0 6px 9px;
background:#f13000;
border:1px solid #ff0000;
color:#fff;
}
#contenu_text_statique form ul{
list-style:none;
float:left;
width:190px;
margin:0 30px 0 0;
}
#contenu_text_statique form ul li{
display:block;
margin-top:5px;
font-size:11px;
}
/* ---------------------------- BOX Archives des News -------------------------------------- */
#archive_news {
float:right;
width:167px;
margin-top:12px;
}
#archive_news h2{
height:16px;
padding:4px 0 0 20px;
color:#fff;
font-weight:bold;
font-size:10px;
background:#7093c6;
}
#archive_news ul{
line-height:1.3;
margin:6px 0 0 20px;
font-weight:bold;
font-size:10px;
color:#7093c6;
}
#archive_news a{
color:#7093c6;
text-decoration:none;
}
#archive_news a:hover{
color:#1a3256;
}
/* ------------------------------ Tous les menus -------------------------------- */
/* ------------------------------------------------------------------------------ */

/* ------ Breadcrumbs ----------------- */
#road_nav {
width:610px;
height:18px;
margin-top:10px;
padding-left:8px;
background:url(/images/graphic-sfbsi/bg-breadcrumbs.jpg) no-repeat;
}
#road_nav a{
color:#afaeae;
font-size:10px;
font-weight:bold;
text-decoration:none
}
#road_nav a:hover{
color:#5780bc;
}
/* ------ Choix des langues ---------- */
#langues ul {
	display: none;
}
#langues li {
display:inline;
list-style:none;
}
#langues li a {
position:relative;
float:left;
display:block;
height:16px;
margin-left:6px;
padding:4px;
color:#999;
border-left:1px solid #999;
border-right:1px solid #999;
border-top:1px solid #999;
background:url(/images/graphic-sfbsi/bg-menu-langue.gif) no-repeat;
text-decoration:none;
z-index:5;
}
#langues li a:hover {
position:relative;
float:left;
display:block;
height:16px;
margin-left:6px;
padding:4px;
color:#fff;
border-left:1px solid #063F87;
border-right:1px solid #063F87;
border-top:1px solid #063F87;
background:#6b8fc4;
text-decoration:none;
z-index:5;
}
#langues li a.selectif {
float:left;
display:block;
height:16px;
margin-left:6px;
padding:4px;
color:#fff;
border-left:1px solid #063F87;
border-right:1px solid #063F87;
border-top:1px solid #063F87;
background:#6b8fc4;
text-decoration:none;
}

/* ------ Menu de navigation ---------- */
#menu {
clear:both;
position:relative;
top:13px;
width:725px;
height:18px;
line-height:1;
padding-top:9px;
}
#menu ul {
}
#menu li {
display:inline;
list-style:none;
}
#menu a {
float:left;
width:auto;
height:16px;
padding-left:7px;
padding-right:7px;
color:#063f87;
font-weight:bold;
text-decoration:none;
}
#menu a:hover {
color:#d74a00;
display:block;
border-bottom:3px solid #d74a00;
}
#menu li a.mn_accueil {
color:#d74a00;
display:block;
border-bottom:3px solid #d74a00;
}
#menu li a.mn_sfbsi {
color:#d74a00;
display:block;
border-bottom:3px solid #d74a00;
}
#menu li a.mn_formations{
color:#d74a00;
display:block;
border-bottom:3px solid #d74a00;
}
#menu li a.mn_societe {
color:#d74a00;
display:block;
border-bottom:3px solid #d74a00;
}
#menu li a.mn_communications {
color:#d74a00;
display:block;
border-bottom:3px solid #d74a00;
}
#menu li a.mn_agenda {
color:#d74a00;
display:block;
border-bottom:3px solid #d74a00;
}
#menu li a.mn_contact {
color:#d74a00;
display:block;
border-bottom:3px solid #d74a00;
}

/* ------ Menu Footer ---------- */
#menu_footer {
float:left;
}
#menu_footer li {
display:inline;
list-style:none;
color:#063f87;
}
#menu_footer li a {
color:#063f87;
font-size:10px;
text-decoration:none;
}
#menu_footer li a:hover {
color:#d74a00;
}


/* ------ Menu Legal Notice ---------- */
#menu_legal {
float:right;
}
#menu_legal li {
display:inline;
list-style:none;
color:#063f87;
}
#menu_legal li a {
color:#063f87;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
#menu_legal li a:hover {
color:#d74a00;
}

/* ------ Sous Menu ---------- */
#sous_menu {
float:left;
padding-top:25px;
}
#sous_menu ul.ul_padding {
padding-left:13px;
}
#sous_menu li {
list-style:none;
padding-top:2px;
width:125px;
}
#sous_menu li a{
display:block;
line-height:1.4;
font-weight:bold;
font-size:11px;
color:#6d6b6b;
text-decoration:none;
padding:0 0 0 14px;
background:url(/images/graphic-sfbsi/arrow_sousmenu_gray.gif) no-repeat 0 5px;
}
#sous_menu li.sans a{
line-height:1.2;
font-weight:bold;
font-size:10px;
color:#afaeae;
text-decoration:none;
padding:0 0 0 14px;
background:none;
}
#sous_menu li a:hover{
color:#5780bc;
background:url(/images/graphic-sfbsi/arrow_sousmenu_blue.gif) no-repeat 0 5px;
}
#sous_menu li.sans a:hover{
color:#5780bc;
background:none;
}
#sous_menu li a.lienencours{
color:#5780bc;
background:url(/images/graphic-sfbsi/arrow_sousmenu_blue.gif) no-repeat 0 5px;
}
#sous_menu li.sans a.lienencours{
color:#5780bc;
background:none;
}

/* *** start flash bar *** */
#flash {
  text-align: left;
  border: 1px solid #ccc;
  font-size: 12px;
  margin: 0 7px 12px 0;
  padding: 5px 5px 5px 30px;
}

div#flash.good, .good, .good li {
  border-color: #9c9;
  color: #060;
  background-color: #E2F9E3;
}

div#flash.bad, .bad, .bad li {
  border-color: #c99;
  color: #fff;
  background-color: #cc0000 ;
}
/* *** end flash bar *** */

div.row {
    margin-bottom: 7px;
}

div.row label {
    display: block;
    margin-bottom: 3px;
}

div.row input {
    border: 1px solid #666;
}

.login-form div {
    /*background-color: red;*/
}

.login-form input {
    border: 1px solid black;
    /*background-color: blue;*/
}