/* CSS Document */

/* Style simple, accessible pour seniors */
body { background-color: #FFF; color: #000000; font-family: "Ubuntu Medium", helvetica, Arial, sans-sherif; padding: 0; margin: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #000; margin: 1em 0;padding: 0;}
.header { background-color: #000000; color: #FFF; padding: 2px 1%; }
.header a { color: #FFF; text-decoration: none; }
.header a.mention { display: block; float: right; color: #FFF; text-decoration: underline; }
.container { max-width:900px; margin:0 auto; background:#fff; padding:24px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.05);}
h1 { font-size:28px; margin-bottom:6px; color:#0b4d6b; }
h2 { font-size:20px; color:#0b6b53; margin-top:20px; }
p { font-size:18px; }
ul { font-size:18px; margin-left:1.2rem; }
.tip { background:#eef6f3; border-left:4px solid #0b6b53; padding:10px 12px; margin:12px 0; border-radius:4px; }
.small { font-size:14px; color:#555; }
.cta { display:inline-block; margin-top:12px; padding:10px 14px; background:#0b6b53; color:#fff; text-decoration:none; border-radius:6px; }
footer { margin-top:22px; font-size:13px; color:#666; }


	  div.logo { float: left; margin: 0 10px 0 0; width: 94px; height: 74px; text-align: center; }
	  div.logo img { height: 100%; width: 100%; }
	
	  .personnal { font-size: 14px; margin: 15px 5%; hxeight: 76px; }
	  big { font-size: 16px; fxont-weight: bold; }
      .personnal big { margin-top: 10px; }
	  .personnal a { font-size: 0.8em; color: #515151; }
      a.item { background-color: #eee; color: #515151; text-decoration: none; border: 1px solid #515151; display: block; padding: 11px 0 11px 44px; position: relative; margin: 0 5% 8px;  -webkit-border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px; font-size: 12px; }
      a.item img { border: 0; display: block; position: absolute; top: 50%; left: 10px; margin-top: -12px; height: 24px; }
      a.item img.arrow { left: auto; right: 10px; margin-top: -10px; height: 20px; }
      span.textbox  { -webkit-border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px;  border: 1px solid #515151; display: block; padding: 11px 0 11px 44px; position: relative; margin: 0 5% 8px; font-size: 12px; }
      span.textbox img.illustr { position: absolute; top: 50%; height: 28px; margin-top: -14px; display: block; left: 10px; }
	  .clear { clear: both; display: block; width: 1px; height: 0px; line-height: 1px; overflow: hidden; }
      .social { margin: 0 5% 8px; }
	  .social img { width: 23.9%; }
    	 	 	 	 
.ui-page-header-fullscreen > .ui-content,
.ui-page-footer-fullscreen > .ui-content {
	padding: 0.5em;
}
.ui-bar-f {
    color: black;
  background-color: #672481;
}
.ui-body-f {
    fxont-weight: bold;
    color: white;
    background-color: #E99415;
}
.ui-page-theme-f {
    fxont-weight: bold;
    background-color: green;
}
/* Links */
.ui-page-theme-f a,
html .ui-bar-f a,
html .ui-body-f a,
html body .ui-group-theme-f a {
	color: black /*{a-link-color}*/;
	ui-btn bold;
	text-decoration: none;
}
.ui-page-theme-f a:visited,
html .ui-bar-f a:visited,
html .ui-body-f a:visited,
html body .ui-group-theme-f a:visited {
    color: black /*{a-link-visited}*/;
	text-decoration: none;
}
.ui-page-theme-f a:hover,
html .ui-bar-f a:hover,
html .ui-body-f a:hover,
html body .ui-group-theme-f a:hover {
	color: red /*{a-link-hover}*/;
	text-decoration: none;
}
.ui-page-theme-f a:active,
html .ui-bar-f a:active,
html .ui-body-f a:active,
html body .ui-group-theme-f a:active {
	color: red /*{a-link-fctive}*/;
	text-decoration: none;
}
form label.error {
text-align:right;
    margin-top:-3.0em;
    margin-bottom:0em;
    font-size:10px;
    line-height:10px;
    font-size:1.0rem;
    line-height:3.1rem;
    color:#c0392b
}
#success, #error {
    display:none
}		

/* unvisited link */
a:link {
  color: black ;text-decoration: none;
}

/* visited link */
a:visited {
  color: green; text-decoration: none;
}

/* mouse over link */
a:hover {
  color: hotpink; text-decoration: none;
}

/* selected link */
a:active {
  color: black; text-decoration: none;
}

table {
  border: 1px solid grey;
  border-style: dotted;
  bxorder-collapse: collapse;  
}