a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
background : transparent;
border : none 0;
font-size : 100%;
margin : 0;
padding : 0;
border : 0;
outline : 0;
vertical-align : top;
}
ol, ul {
list-style : none;
font-family : Arial, Helvetica, sans-serif;
}
blockquote, q {
quotes : none;
}
table, table td {
padding : 0;
border : none;
border-collapse : collapse;
}
img {
vertical-align : top;
}
embed {
vertical-align : top;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
display : block;
}
mark, rp, rt, ruby, summary, time {
display : inline;
}
html {
width : 100%;
}
body {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 100%;
color : #0b0c0e;
background : #fff;
}
.ic, .ic a {
border : 0;
float : right;
background : #fff;
color : red;
width : 50%;
line-height : 10px;
font-size : 10px;
margin : -220% 0 0 0;
overflow : hidden;
padding : 0;
}
.bg {
width : 100%;
background : #000;
}
.main {
padding : 0;
margin : 0 auto;
font-size : 0.875em;
line-height : 1.785em;
}
.main2 {
background : #fff;
padding : 0;
margin : 0 auto;
font-size : 0.875em;
line-height : 1.785em;
}
a {
color : #f78f07;
outline : 0;
}
a:hover {
text-decoration : none;
}
.col-1, .col-2 {
float : left;
}
.wrapper {
width : 100%;
overflow : hidden;
}
.extra-wrap {
overflow : hidden;
}
p {
margin-bottom : 18px;
}
.p0 {
margin-bottom : 0;
}
.p1 {
margin-bottom : 8px;
}
.p2 {
margin-bottom : 15px;
}
.p3 {
margin-bottom : 30px;
}
.p4 {
margin-bottom : 40px;
}
.p5 {
margin-bottom : 50px;
}
.reg {
text-transform : uppercase;
}
.fleft {
float : left;
}
.fright {
float : right;
}
.alignright {
text-align : right;
}
.aligncenter {
text-align : center;
}
.it {
font-style : italic;
}
.color-1 {
color : #fff;
}
.color-2 {
color : #000;
}
.color-3 {
color : #666;
}
.img-border {
padding : 10px;
border : #e5e5e5 solid 1px;
float : left;
}
.indent {
padding : 20px;
}
.indent-left {
padding-left : 10px;
}
.indent-left2 {
padding-left : 20px;
}
.indent-right {
padding-right : 50px;
}
.indent-bot {
margin-bottom : 20px;
}
.indent-bot2 {
margin-bottom : 30px;
}
.indent-bot3 {
margin-bottom : 45px;
}
.prev-indent-bot {
margin-bottom : 10px;
}
.img-indent-bot {
margin-bottom : 25px;
}
.img-indent-bot2 {
padding : 8px;
margin-bottom : 25px;
background : #eee;
}
.margin-bot {
margin-bottom : 35px;
}
.img-indent {
float : left;
margin : 0 30px 0 0;
}
.img-indent2 {
float : left;
margin : 0 15px 0 0;
}
.img-indent-r {
float : right;
margin : 0 0 0 40px;
}
.buttons a:hover {
cursor : pointer;
}
.main-menu li a, .list-1 li a, .list-2 li a, .link, .button, .button2, h1 a {
text-decoration : none;
}
header {
width : 100%;
position : relative;
z-index : 2;
}
.menu-row {
width : 100%;
height : 100%;
overflow : hidden;
background-color : #eee;
}
.header-row {
width : 100%;
background : #000;
padding-bottom : 39px;
}
.header-row2 {
width : 100%;
background : #e7e5e5;
padding-bottom : 2px;
}
#page3 .header-row {
padding-bottom : 20px;
}
#page4 .header-row {
padding-bottom : 43px;
}
#page5 .header-row {
padding-bottom : 44px;
}
h1 {
padding : 5px 0 0 9px;
position : relative;
overflow : hidden;
margin-bottom : 5px;
font-size : 25px;
}
h1 a {
float : left;
margin-right : 20px;
}
h1 em {
display : inline-block;
font-size : 20px;
line-height : 2em;
color : gray;
padding-top : 25px;
letter-spacing : -1px;
}
.main-menu {
padding : 17px 0 0 0;
}
.main-menu li {
float : left;
position : relative;
padding-right : 33px;
padding-bottom : 20px;
}
.main-menu li a {
display : block;
font-size : 20px;
line-height : 1.2em;
color : #666666;
position : relative;
}
.main-menu li.active a, .main-menu > li > a:hover, .main-menu > li.sfHover > a {
color : #f78f07;
}
.services-menu {
padding : 27px 0 0 50px;
}
.services-menu li {
float : left;
padding-left : 83px;
}
.services-menu li:first-child {
padding : 0;
}
.services-menu a {
display : block;
width : 11px;
height : 11px;
text-indent : -9999em;
}
.services-menu .m1 a {
background : url(../images/icon-home.gif) 0 0 no-repeat;
}
.services-menu .m2 a {
background : url(../images/icon-contact.gif) 0 0 no-repeat;
}
.services-menu .m3 a {
background : url(../images/icon-tree.gif) 0 0 no-repeat;
}
.slider-wrapper {
padding : 10px;
margin-bottom : 20px;
background : #fff;
overflow : hidden;
position : relative;
z-index : 1;
}
.slider-wrapper-dept {
padding : 1px;
margin-bottom : 5px;
background : #fff;
overflow : hidden;
position : relative;
z-index : 1;
}
.slider-wrapper2 {
padding : 10px;
margin-bottom : 20px;
background : #fff;
overflow : hidden;
position : relative;
z-index : 1;
}
.slider-wrapper3 {
padding : 10px;
margin-bottom : 20px;
background : #000;
overflow : hidden;
position : relative;
z-index : 1;
}
.slider-wrappermob {
padding-top : 10px;
margin-top : 10px;
background : #000;
overflow : hidden;
position : relative;
z-index : 1;
}
.slider {
position : relative;
}
.slider3 {
position : relative;
}
.items {
display : none;
}
.pagination {
z-index : 99;
width : 100%;
}
.pagination li {
float : left;
background : url(../images/pagination-a.png) left bottom repeat-x #000;
width : 25%;
}
.pagination a {
display : block;
height : 66px;
text-align : center;
font-family : 'PT Sans', sans-serif;
font-size : 23px;
line-height : 66px;
color : #fff;
background : url(../images/pagination-spacer.gif) left top no-repeat;
text-decoration : none;
}
.pagination li:first-child a {
background : 0;
}
.pagination .current, .pagination li:hover {
background-position : left top;
background-color : #f78f07;
}
.pagination .current a {
cursor : default;
}
#content {
width : 100%;
padding : 25px 0 49px;
position : relative;
z-index : 1;
}
#contentcool {
width : 100%;
background : #eee;
padding : 5px 0 49px;
position : relative;
z-index : 1;
}
#page3 #content {
padding-top : 0;
}
#content-tall {
width : 100%;
padding : 5px 0 49px;
position : relative;
z-index : 1;
background-color : #e7e5e5;
}
.spacer-1 {
width : 100%;
background : url(../images/pic-1.gif) 217px 0 repeat-y;
}
h2 {
font-size : 18px;
color : #bf3030;
text-transform : none;
font-weight : normal;
}
h3 {
font-size : 17px;
line-height : 2em;
color : #000;
font-weight : normal;
letter-spacing : -1px;
margin-bottom : 10px;
}
h4 {
font-size : 28px;
line-height : 2em;
color : #f78f07;
}
h5 {
font-weight : normal;
}
h6 {
color : #000;
font-weight : normal;
}
.border-bot {
width : 100%;
padding-bottom : 20px;
background : url(../images/pic-1.gif) 0 bottom repeat-x;
}
.box {
width : 100%;
}
.buttontall {
display : inline-block;
padding : 0 23px;
font-size : 14px;
line-height : 40px;
color : #fff;
background : url(../images/button-tail.gif) 0 0 repeat-x #141414;
cursor : pointer;
}
.buttontall:hover {
background : #f78f07;
}
.button2 {
display : inline-block;
padding : 0 23px;
font-size : 14px;
line-height : 40px;
color : #000;
background : url(../images/button2-tail.gif) 0 0 repeat-x #e5e5e5;
cursor : pointer;
}
.button2:hover {
background : #e5e5e5;
}
.list-1 li {
line-height : 25px;
padding : 0 0 15px 41px;
background : url(../images/marker-1.png) 0 2px no-repeat;
}
.list-1 li.last-item {
padding : 0 0 0 41px;
}
.list-1 li a {
display : inline-block;
color : #0b0c0e;
cursor : pointer;
}
.list-1 li a:hover, .list-1 li a:hover span {
color : #f78f07;
}
.list-2 li {
line-height : 25px;
padding : 0 0 0 15px;
background : url(../images/marker-2.gif) 0 10px no-repeat;
}
.list-2 li a {
display : inline-block;
color : #f78f07;
}
.list-2 li a:hover {
text-decoration : underline;
}
.link:hover {
text-decoration : underline;
}
.link-1 {
display : inline-block;
font-size : 14px;
padding-right : 8px;
}
.link-1:hover {
color : #fff;
}
.text-1 {
font-size : 14px;
}
.text-2 {
font-size : 14px;
line-height : 1.285em;
}
dl span {
float : left;
}
div.content {
display : none;
height : 404px;
margin : 0 0 75px 0;
padding : 0;
overflow : hidden;
}
div.content img {
position : relative;
z-index : 2;
}
div.content a, div.navigation a {
text-decoration : none;
display : block;
position : relative;
cursor : pointer;
}
div.content a img, div.navigation a img {
position : relative;
z-index : 1;
}
div.content a span, div.navigation a span {
display : block;
width : 198px;
height : 135px;
background : #000;
position : absolute;
left : 0;
top : 0;
z-index : 2;
}
div.content a span.selected, div.navigation a span.selected {
display : none !important ;
}
div.content a:focus, div.content a:hover, div.content a:active {
text-decoration : underline;
}
div.controls a {
padding : 0;
}
div.ss-controls {
float : left;
display : none;
}
div.nav-controls {
position : absolute;
left : 0;
width : 596px;
bottom : 0;
z-index : 1;
}
div.nav-controls a.prev {
width : 39px;
height : 39px;
text-indent : -5000px;
position : absolute;
bottom : 2px;
left : 0;
z-index : 11;
}
div.nav-controls a.next {
width : 39px;
height : 39px;
text-indent : -5000px;
position : absolute;
bottom : 2px;
right : 0;
z-index : 11;
}
div.slideshow-container {
position : relative;
height : 404px;
z-index : 1;
}
div.loader {
position : absolute;
top : 0;
left : 0;
background-image : url(images/loader.gif);
background-repeat : no-repeat;
background-position : center;
width : 592px;
height : 470px;
}
div.slideshow {
width : 960px;
height : 404px;
background : #fff;
}
div.slideshow span.image-wrapper {
display : block;
width : 940px;
height : 384px;
position : absolute;
left : 10px;
top : 10px;
}
div.slideshow a.advance-link {
display : block;
width : 940px;
height : 384px;
padding : 0;
margin : 0;
}
div.slideshow a.advance-link img {
padding : 0;
margin : 0;
display : block;
position : absolute;
left : 0;
top : 0;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
text-decoration : none;
}
div.download {
float : right;
}
div.caption-container {
position : absolute;
top : 0;
left : 0;
width : 596px;
height : 151px;
}
span.image-caption {
display : block;
position : absolute;
width : 596px;
height : 151px;
top : 0;
left : 0;
z-index : 10;
}
div.caption {
width : 536px;
height : 128px;
padding : 23px 30px 0 30px;
line-height : 18px;
font-size : 13px;
color : #fff;
}
div.caption h5 {
line-height : 18px;
font-size : 13px;
color : #fd003f;
text-transform : uppercase;
font-weight : bold;
text-decoration : none;
}
div.caption h6 {
line-height : 18px;
font-size : 13px;
color : #fff;
font-weight : normal;
margin : 0 0 18px 0;
}
div#thumbs {
width : 320px;
overflow : hidden;
padding : 0;
margin : 0 auto;
}
ul.thumbs {
margin : 0;
padding : 0;
width : 100%;
height : auto;
overflow : visible;
}
ul.thumbs li {
float : left;
margin : 0 20px 20px 0;
overflow : hidden;
padding : 10px;
background : #fff;
border : #e5e5e5 solid 1px;
vertical-align : top;
}
ul.thumbs li.last {
margin-right : 0;
}
ul.thumbs li.last2 {
margin-bottom : 0;
}
ul.thumbs li img {
border : 0;
}
a.thumb:focus {
outline : 0;
}
div.pagination {
clear : both;
text-align : center;
position : relative;
z-index : 10;
}
div.top.pagination {
display : none;
}
div.navigation div.bottom {
display : none;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
padding : 0 4px;
font-weight : bold;
color : #fff;
}
div.pagination a:hover {
text-decoration : none;
color : #ffeaa8;
}
div.pagination span.current {
color : #ffeaa8;
}
div.pagination span.ellipsis {
border : 0;
padding : 5px 0 3px 2px;
}
a.pseudo-list:link {
color : #06c;
text-decoration : none !important ;
}
a.pseudo-list:visited {
color : purple;
}
a.pseudo-list:hover {
color : green;
}
a.pseudo-list-search:link {
font-size : 18px;
color : #06c;
text-decoration : none !important ;
}
a.pseudo-list-search:visited {
color : purple;
}
a.pseudo-list-search:hover {
color : green;
}
div.location-member {
color : #222;
font-size : 14px;
font-weight : bold;
}
div.aboutme-member {
margin-bottom : 10px;
line-height : 20px;
font-size : 14px;
color : #222;
}
#contact-form {
display : block;
}
#contact-form label {
display : block;
height : 30px;
overflow : hidden;
}
#contact-form input {
border : #ccc solid 3px;
display : block;
float : left;
width : 362px;
font-size : 12px;
line-height : 1.25em;
color : gray;
padding : 5px 10px;
margin : 0;
font-family : Georgia, "Times New Roman", Times, serif;
border : 0;
background : #fff;
outline : 0;
}
#contact-form1 input {
border : #ccc solid 3px;
float : left;
font-size : 12px;
line-height : 1.25em;
color : gray;
padding : 5px 10px;
margin : 0;
font-family : Georgia, "Times New Roman", Times, serif;
border : 0;
background : #eee;
outline : 0;
}
#login-form input {
float : left;
font-size : 12px;
line-height : 1.25em;
color : gray;
padding : 5px 10px;
font-family : Georgia, "Times New Roman", Times, serif;
border : 0;
background : #fff;
outline : 0;
margin-left : 10px;
margin-right : 15px;
}
#contact-form .message {
height : 194px;
}
#contact-form textarea {
height : 184px;
width : 100%;
font-size : 12px;
line-height : 1.25em;
color : gray;
padding : 5px 10px;
margin : 0;
font-family : Georgia, "Times New Roman", Times, serif;
border : 0;
background : #fff;
overflow : auto;
outline : 0;
}
.text-form {
float : left;
display : block;
font-size : 14px;
line-height : 2em;
color : gray;
font-family : Georgia, "Times New Roman", Times, serif;
}
.text-formpseudo {
padding-right : 85px;
padding-bottom : 5px;
padding-left : 10px;
float : left;
display : block;
font-size : 14px;
line-height : 2em;
color : gray;
font-family : Georgia, "Times New Roman", Times, serif;
}
.text-formpassword {
padding-right : 50px;
padding-bottom : 5px;
padding-left : 10px;
float : left;
display : block;
font-size : 14px;
line-height : 2em;
color : gray;
font-family : Georgia, "Times New Roman", Times, serif;
}
.text-formpoint {
float : left;
display : block;
font-size : 14px;
line-height : 2em;
color : gray;
font-family : Georgia, "Times New Roman", Times, serif;
}
.buttons {
text-align : right;
padding-top : 10px;
}
.buttons a {
margin-left : 10px;
padding : 0 40px;
}
footer {
width : 100%;
height : 96px;
padding-bottom : 18px;
position : relative;
overflow : hidden;
z-index : 99;
}
region {
width : 100%;
height : 96px;
padding-bottom : 18px;
position : relative;
overflow : hidden;
z-index : 99;
}
.footer-bg {
width : 100%;
height : 100%;
background : #000;
}
.region-bg {
width : 100%;
background : #000;
}
.footer-text {
float : left;
display : block;
padding-top : 15px;
}
.list-services {
padding-top : 20px;
float : right;
}
.list-services li {
float : left;
padding : 0 0 0 8px;
font-size : 21px;
line-height : 1.23em;
color : #fff;
letter-spacing : -1px;
position : relative;
z-index : 99;
}
.list-services li:first-child {
margin-top : -1px;
padding-right : 3px;
}
.list-services a {
display : block;
width : 26px;
height : 27px;
text-indent : -9999em;
background : url(https://www.oulfa.fr/ecss/social/csg-social.png) 0 0 no-repeat;
cursor : pointer;
}
.list-services .item-1 a {
background-position : -328px 0;
width : 32px;
height : 32px;
}
.list-services .item-2 a {
background-position : -902px 0;
width : 32px;
height : 32px;
}
.list-services .item-3 a {
background-position : -492px 0;
width : 32px;
height : 32px;
}
#easyTooltip {
font-family : Arial, Helvetica, sans-serif;
padding : 6px;
border : #fff solid 1px;
background : #1e1e1e;
color : #fff;
font-size : 11px;
position : relative;
z-index : 99;
}
.block {
height : 114px;
}
.block2 {
height : 20px;
}
.extra {
min-height : 100%;
height : auto !important ;
height : 100%;
margin : 0 auto -114px;
position : relative;
overflow : hidden;
}
.extra-content {
background : #000;
background-size : cover;
min-height : 100%;
height : auto !important ;
height : 100%;
margin : 0 auto -114px;
position : relative;
overflow : hidden;
}
html, body {
height : 100%;
}
div.text-col {
margin-top : 5px;
margin-right : 0;
margin-bottom : 5px;
margin-left : 0;
text-align : justify;
}
.page-acueil-inscription {
width : 1024px;
height : 458px;
position : relative;
overflow : hidden;
margin : 10px auto 2px;
}
.page-acueil-inscription-mobile {
position : relative;
overflow : hidden;
margin : 0 auto 2px;
}
.mis-en-forme-titre-mobile {
background-image : url("https://www.oulfa.fr/ecss/img/oulfa.jpg");
background-size : cover;
width : 98%;
display : block;
color : #5e1671;
padding-bottom : 22px;
}
.mis-en-forme-titre {
width : 30.563em;
display : block;
position : absolute;
top : 15px;
left : 3px;
color : #5e1671;
padding-bottom : 22px;
background : transparent;
}
.mis-en-forme-titre h2 {
height : 2px;
background : url() 0 no-repeat transparent;
}
.mis-en-forme-titre h2 a {
display : block;
height : 100%;
width : 100%;
}
.mis-en-forme-titre h3 {
background : url() -380px 0 repeat-y scroll transparent;
height : 45px;
padding : 0;
}
.mis-en-forme-titre h3 a {
display : block;
background : url(https://www.oulfa.fr/ecss/style/rencontre-femme.png) 0 0 no-repeat transparent;
width : 347px;
height : 45px;
margin : 15px 0 0 14px;
}
.mis-en-forme-titre h4 a {
display : block;
background : url(https://www.oulfa.fr/ecss/style/rencontre-femme.png) 0 0 no-repeat transparent;
width : 347px;
height : 45px;
margin : 0 0 0 14px;
}
.mis-en-forme-titre h2 span, .mis-en-forme-titre h3 span {
text-indent : -9999px;
overflow : hidden;
display : block;
}
.mis-en-forme-titre form.inscription-rapide .contenu_inscription {
padding : 15px 25px 0;
}
.mis-en-forme-titre form.inscription-rapide .contenu_inscription span.footnote, form.inscription-rapide option {
color : #000;
}
form.inscription-rapide * {
margin : 0;
padding : 0;
}
form.inscription-rapide select {
min-width : 1.5em;
}
form.inscription-rapide fieldset {
border : 0;
text-align : left;
}
form.inscription-rapide {
width : 100%;
display : block;
}
form.inscription-rapide .contenu_inscription {
padding : 5px 5px 10px 5px;
}
form.inscription-rapide .contenu_inscription dl {
overflow : hidden;
font-size : 12px;
}
form.inscription-rapide .contenu_inscription dl dt {
width : 30%;
display : block;
clear : both;
float : left;
text-align : right;
padding-top : 4px;
margin-right : 5px;
}
form.inscription-rapide .contenu_inscription dl dd {
width : 68%;
display : block;
float : left;
margin-bottom : 7px;
}
form.inscription-rapide .contenu_inscription label {
margin : 0 5px 0 0;
color : #fff;
}
form.inscription-rapide .contenu_inscription label.gender, form.inscription-rapide .contenu_inscription select.gender {
float : left;
clear : none;
}
form.inscription-rapide-mobile .contenu_inscription-mobile label {
margin : 0 5px 0 0;
color : #fff;
text-decoration : none;
}
form.inscription-rapide-mobile .contenu_inscription-mobile label.gender, form.inscription-rapide .contenu_inscription select.gender {
float : left;
clear : none;
}
form.inscription-rapide .contenu_inscription input, form.inscription-rapide .contenu_inscription select {
width : 206px;
display : block;
float : left;
height : 21px;
background : #fff;
border : #ccc solid 3px;
display : block;
margin : 5px;
font-size : 14px;
}
form.inscription-rapide-mobile .contenu_inscription-mobile input, form.inscription-rapide .contenu_inscription select {
width : 90%;
display : block;
float : left;
height : 21px;
background : #fff;
border : #ccc solid 3px;
display : block;
margin : 5px;
font-size : 14px;
}
form.inscription-rapide .contenu_inscription select {
height : 25px;
padding-top : 1px;
width : 208px;
}
form.inscription-rapide .contenu_inscription select.gender {
width : 74px;
}
form.inscription-rapide .contenu_inscription span.rappelcss {
clear : both;
display : block;
font-size : 10px;
text-decoration : none;
color : #ea7500;
}
form.inscription-rapide button {
background : transparent;
background-image : url("https://www.oulfa.fr/ecss/style/inscription_rencontre_serieuse.png");
border-width : 0;
cursor : pointer;
height : 28px;
display : block;
margin : 1em auto;
width : 100px;
}
form.modifier-rapide button {
background : transparent;
background-image : url("https://www.oulfa.fr/ecss/style/modifier.png");
border-width : 0;
cursor : pointer;
height : 54px;
display : block;
margin : 1em auto;
width : 170px;
}
form.contact-rapide button {
background : transparent;
background-image : url("https://www.oulfa.fr/ecss/style/envoi.png");
border-width : 0;
cursor : pointer;
height : 57px;
display : block;
margin : 1em auto;
width : 167px;
}
.page-acueil-inscription_dept {
width : 1024px;
height : 270px;
background-image : url(https://www.oulfa.fr/rencontre/ardennes/08/rencontre_ardennes-08.png);
position : relative;
overflow : hidden;
margin : 0 auto 2px;
}
.button {
display : inline-block;
vertical-align : baseline;
margin : 10px 25px 10px 0;
outline : 0;
cursor : pointer;
text-align : center;
text-decoration : none;
font : 19px Arial, Helvetica, sans-serif;
line-height : 27px;
font-weight : bold;
padding : 5px 16px 6px 18px;
text-shadow : -1px -1px 1px rgb(0, 0, 0, 0.3);
box-shadow : 2px 2px 3px 0 #b2b2b2;
background : #cc47b3;
background-image : linear-gradient(to bottom, #cc47b3, #914aa4);
border : #914aa4 solid 1px;
color : #fff;
}
.button:hover {
background-color : #b048ab;
background-image : linear-gradient(to bottom, #ef5ec4, #ae48ab);
color : #fff !important ;
text-decoration : none !important ;
}
button.small, a.small, input.small, span.button.small {
display : inline;
margin : 0;
font-size : 14px;
padding : 2px 10px;
}
button.wide, a.wide, input.wide {
display : block;
margin-bottom : 4px;
}
button.small.wide, a.small.wide, input.small.wide {
font-size : 12px;
line-height : 13px !important ;
}
a.button:link, a.button:visited {
color : #fff;
}
.blue {
background-color : #336ba4;
background-image : linear-gradient(to bottom, #4b87bb, #336ba4);
border : #294e82 solid 1px;
}
.blue:hover {
background-color : #4b87bb;
background-image : linear-gradient(to bottom, #84acd5, #4b87bb);
color : #fff !important ;
}
.red {
background-color : #9a0119;
background-image : linear-gradient(to bottom, #d40039, #9a0119);
border : #9a0119 solid 1px;
}
.red:hover {
background-color : #cc0436;
background-image : linear-gradient(to bottom, #dd6f8c, #cc0436);
color : #fff !important ;
}
.orange {
background-color : #ff5d00;
background-image : linear-gradient(to bottom, #ff1d00, #ff5d00);
border : #ff1d00 solid 1px;
}
.orange:hover {
background-color : #ff3200;
background-image : linear-gradient(to bottom, #ff8484, #ff3200);
color : #fff !important ;
}
.gold {
background-color : #ffef0b;
background-image : linear-gradient(to bottom, #ffef0b, #ffcd00);
border : #ffcd00 solid 1px;
color : #000 !important ;
text-shadow : none !important ;
}
.gold:hover {
background-color : #ffcd00;
background-image : linear-gradient(to bottom, #ffcd00, #ffef0b);
color : #000 !important ;
text-shadow : none !important ;
}
.cancel, .cancel-disabled, .cancel-disabled:hover {
background-image : linear-gradient(to bottom, #feffff, #c9cdd0);
border : #cbcfd2 solid 1px;
color : #333 !important ;
}
.cancel:hover {
background-color : #ffcd00;
background-image : linear-gradient(to bottom, #e6e6e6, #feffff);
color : #333 !important ;
text-shadow : none !important ;
}
.cancel-disabled, .cancel-disabled:hover {
cursor : default;
color : #888 !important ;
}
button.disabled, a.disabled, input.disabled, span.button.disabled, .gray, button.disabled:hover, a.disabled:hover, input.disabled:hover, span.button.disabled:hover, .gray:hover {
background-image : linear-gradient(to bottom, gray, #404040);
color : #aaa !important ;
border : #666 solid 1px !important ;
text-shadow : none !important ;
cursor : default;
font-weight : bold;
}
.button-row {
text-align : center;
margin-top : 30px;
}
.button.blue-basic {
border : #294e82 solid 1px;
}
.button.blue-basic:hover {
background : #4e8fc4;
}
.single-button {
margin-left : 0;
margin-right : 0;
}
.small {
font-size : 10px;
line-height : 14px;
}
.medium1 {
font-size : 14px;
padding : 0 2px 0 2px;
margin : 0;
width : 90%;
}
.medium2 {
font-size : 14px;
padding : 0 2px 0 2px;
margin : 20px;
width : 90%;
}
.medium {
font-size : 14px;
padding : 0 2px 0 2px;
margin : 0;
width : 90px;
}
.flat-button {
width : 100%;
background-color : #f4f9fd;
border : #c1d3e9 solid 1px;
color : #1f68a5;
padding : 5px 0 10px 0;
cursor : pointer;
font-weight : bold;
border-radius : 0;
}
.oulfaButon-blue {
font-size : 12px;
font-family : arial, helvetica, sans-serif;
padding : 10px 10px 10px 10px;
text-decoration : none;
display : inline-block;
text-shadow : -1px -1px 0 rgb(0, 0, 0, 0.3);
font-weight : bold;
color : #fff;
border : #2f66a7 solid 1px;
border-bottom-color : #001d5a;
background-image : linear-gradient(#4375b8, #265286);
background-color : #265286;
border-radius : 4px;
box-shadow : 0 1px 2px 0 rgb(0, 0, 0, 0.4), 0 1px 0 0 rgb(255, 255, 255, 0.3) inset;
color : #fff;
text-shadow : 0 0 3px rgb(0, 0, 0, 0.3);
}
.oulfaButon-blue:before {
color : #9ab2cf;
}
.oulfaButon-blue:hover, .oulfaButon-blue.hover {
background-image : linear-gradient(#5c8bd0, #265286);
background-color : #265286;
color : #fff;
}
.oulfaButon-blue:hover:before, .oulfaButon-blue.hover:before {
color : #fff;
}
.oulfaButon-blue:active, .oulfaButon-blue.active {
border : #001855 solid 1px;
box-shadow : 0 0 0 0 rgb(0, 0, 0, 0), 0 0 5px 0 rgb(0, 24, 85, 0.75) inset;
background-image : linear-gradient(#023a7e, #023a7e);
background-color : #023a7e;
}
.oulfaButon-blue:active:before, .oulfaButon-blue.active:before {
color : #fff;
}
.oulfaButon-blue.disabled, .oulfaButon-blue.disabled:hover, .oulfaButon-blue.disabled:active, .oulfaButon-blue.disabled.active {
color : #d2d7de;
border : #8ba7c7 solid 1px;
background-image : linear-gradient(#8ba6c7, #758eaf);
background-color : #758eaf;
cursor : default;
box-shadow : none;
}
.oulfaButon-blue.disabled:before, .oulfaButon-blue.disabled:hover:before, .oulfaButon-blue.disabled:active:before, .oulfaButon-blue.disabled.active:before {
color : #fff;
}
* {
box-sizing : border-box;
}
.ville {
font-weight : bold;
font-size : 1.1em;
margin-left : 0;
line-height : 18px;
text-transform : uppercase;
color : #000;
}
div.text-error-message {
padding : 10px;
margin-bottom : 15px;
background-color : #ff9;
border : #ff0 solid 1px;
}
.lienconseilaccueil p {
color : #c60;
font-weight : bold;
font-size : 12px;
line-height : 1.4em;
background-color : transparent;
background-image : none;
background-repeat : repeat;
background-attachment : scroll;
background-position : 0 0;
background-clip : border-box;
background-origin : padding-box;
background-size : auto auto;
}
.line_outerbis {
padding : 10px;
margin : 25px;
}
.line_outerbis1 {
padding : 1%;
margin : 1%;
}
.message-approval {
padding : 10px;
margin-bottom : 5px;
background-color : #ff9;
border : #ff0 solid 1px;
border : #ccc solid 1px;
border : #c93 solid 1px;
}
span.chyron {
font-size : 1.2em;
padding-top : 10px;
}
select, textarea, .textinput, .passwordinput .txtstateprovince {
background-color : #fff;
border : #000 solid 1px;
}
select, .txtcountry {
display : block;
border-style : solid;
border-width : 1px;
border-color : #dedede;
margin-bottom : 15px;
font-size : 1em;
width : 100%;
height : 30px;
color : #777;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.1) inset;
}
textarea, .textinput2 {
background-color : #fff;
height : 20px;
width : 50%;
font-size : 1em;
padding : 9px !important ;
border : #aaa solid 1px;
}
textarea, .textinput3 {
background-color : #fff;
height : 30px;
width : 100%;
font-size : 1em;
padding : 9px !important ;
border : #aaa solid 1px;
}
#frmSignup {
box-sizing : border-box;
}
#frmSignup .txtinput {
display : block;
border-style : solid;
border-width : 1px;
border-color : #dedede;
margin-bottom : 20px;
font-size : 1.55em;
padding : 11px 25px;
width : 90%;
color : #777;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.1) inset;
}
#frmSignup .txtinput:focus {
color : #333;
border-color : rgb(41, 92, 161, 0.4);
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.1) inset, 0 0 8px rgb(41, 92, 161, 0.6);
outline : 0 none;
}
#frmSignup input#username {
background : #fff;
}
#frmSignup input#password {
background : #fff;
}
#frmSignup input#email {
background : #fff;
}
#frmSignup input#website {
background : #fff;
}
#frmSignup input#telephone {
background : #fff;
}
h10 {
letter-spacing : -0.04em;
font-size : 1em;
margin-bottom : 10px;
color : #f78f07;
}
#frmSignup textarea {
display : block;
border-style : solid;
border-width : 1px;
border-color : #dedede;
margin-bottom : 15px;
font-size : 1.5em;
padding : 11px 5px;
width : 90%;
height : 180px;
color : #777;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.1) inset;
}
#frmSignup textarea:focus {
color : #333;
border-color : rgb(41, 92, 161, 0.4);
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.1) inset, 0 0 8px rgb(40, 90, 160, 0.6);
outline : 0 none;
}
#frmSignup textarea.txtblock {
background : #fff;
}
#frmSignup #slider {
width : 60%;
}
#frmSignup #aligned {
box-sizing : border-box;
float : left;
width : 450px;
margin-right : 50px;
}
#frmSignup #aligned {
box-sizing : border-box;
float : left;
width : 450px;
margin-right : 50px;
}
#frmSignup #aside {
float : left;
width : 450px;
padding-left : 10px;
box-sizing : border-box;
background : #eee;
}
#frmSignup #aligned-feedback {
box-sizing : border-box;
float : left;
width : 450px;
margin-right : 50px;
}
#frmSignup #aligned-feedback {
box-sizing : border-box;
float : left;
width : 430px;
margin-right : 50px;
}
#frmSignup #aside-feedback {
float : left;
width : 350px;
padding-left : 10px;
box-sizing : border-box;
background : #eee;
}
#wrapping {
width : 100%;
box-sizing : border-box;
}
span.radiobadge {
display : block;
margin-bottom : 8px;
}
span.radiobadge label {
font-size : 1.2em;
padding-bottom : 4px;
}
select.selmenu {
font-size : 17px;
color : #676767;
padding : 9px !important ;
border : #aaa solid 1px;
width : 150px;
}
.clearfix:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.clearfix {
display : inline-block;
}
html[xmlns] .clearfix {
display : block;
}
* html .clearfix {
height : 1%;
}
.aligndiv {
float : right;
}
.titre_acc {
color : #f78f07;
font-size : 18px;
outline-width : medium;
outline-style : none;
}
.titre_img {
text-align : center;
}
.titre_right-col {
font-size : 17px;
line-height : 2em;
color : #990066;
font-weight : normal;
letter-spacing : -1px;
margin-bottom : 10px;
}
.titre_login {
padding : 5px 0 0 9px;
position : relative;
overflow : hidden;
margin-bottom : 5px;
font-size : 25px;
}
div.center_all {
text-align : center;
}
div.align_right_all {
text-align : right;
}
td .center_all {
text-align : center;
}
table.bordered {
width : 100%;
}
ul#blogposts {
margin : 0;
padding : 0;
}
.wp_post {
list-style-type : none;
}
.wp_post {
width : 100%;
}
.wp_post a {
text-decoration : none;
font-size : 18px;
line-height : 2em;
color : #0b0c0e;
font-weight : normal;
letter-spacing : 1px;
margin-bottom : 10px;
display : block;
width : 99%;
border-bottom : 1px solid #ccc;
padding : 4px 0;
background-color : #eee;
}
.wp_post a.readmorelink {
background-color : #fff;
font-size : 15px;
font-style : italic;
color : #FE9C03;
text-align : left;
}
.wp_post div.postcontent {
margin : 6px 0;
color : #000;
line-height : 1.6em;
font-size : 12px;
font-weight : normal;
padding : 0;
margin : 4px 0;
text-align : justify;
}
.calendar {
margin-top : 10px;
margin-right : 0;
margin-bottom : 10px;
margin-left : 0;
background-color : #fff;
background-image : none;
background-repeat : repeat;
background-attachment : scroll;
background-position : 0% 0%;
background-clip : border-box;
background-origin : padding-box;
background-size : auto auto;
border-bottom-width : 3px;
border-bottom-style : solid;
border-bottom-color : #cccccc;
text-align : left;
font-family : 'century gothic', Arial, Helvetica, sans-serif;
font-style : normal;
font-variant : normal;
font-weight : bold;
line-height : normal;
font-size-adjust : none;
font-stretch : normal;
padding-top : 5px;
padding-right : 0;
padding-bottom : 5px;
padding-left : 0;
letter-spacing : 2px;
font-size : 20px;
color : #333333;
}
.blogSplitter {
clear : both;
height : 5px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #f78f07;
margin-bottom : 15px;
}
div#cookieChoiceInfo {
background-color : #FFDA8C !important ;
color : #000;
font-size : 14px;
font-family : Georgia;
}
#cookieChoiceInfo > a:nth-child(2), a#cookieChoiceDismiss {
border : #15aeec solid 1px;
border-radius : 3px;
font-size : 12px;
font-family : arial, helvetica, sans-serif;
padding : 4px 10px 4px 10px;
text-decoration : none;
display : inline-block;
text-shadow : -1px -1px 0 rgb(0, 0, 0, 0.3);
font-weight : bold;
color : #FFFFFF;
background-color : #49c0f0;
background-image : linear-gradient(to bottom, #49c0f0, #2CAFE3);
}
#cookieChoiceInfo > a:nth-child(2):hover, a#cookieChoiceDismiss:hover {
color : #4ce6d4;
box-shadow : 1px 1px 1px #aaa;
text-shadow : 0 0 0 #ccc;
text-decoration : none;
position : relative;
top : 1px;
left : 1px;
}
.video-container {
position : relative;
padding-bottom : 56.25%;
padding-top : 30px;
height : 0;
overflow : hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}