html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, td {text-align:left;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
sup, sub {line-height:0;}
html{width:100%;height:100%;}
body{width:100%;height:100%;
/* font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; */
font-family:"Lato", Arial, Sans-serif;
font-size:12px;
}
strong{font-weight:bold;}
a{font-weight:bold;text-decoration:none;}
a img{border:none;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
p{margin:15px 0;}
hr{height:2px;border:none;border-top-style:solid;border-top-width:1px;}
.txthl{font-weight:bolder;}
.txtsml{font-size:9px;}
.txtnrm{font-size:13px;}
.txtbig{font-size:14px; line-height:18px; font-weight:400}
.txtlarge{font-size:17px; font-weight:400; line-height:22px;}
.txthuge{font-size:24px; font-weight:400; line-height:30px;}
.nobold{font-weight:normal !important;}
.hide{display:none;visibility:hidden;}
.show{display:block;visibility:visible;}
.disable{text-decoration:line-through;}
label.disable, input.disable, select.disable, option.disable, button.disable{text-decoration:none;}
.clear{clear:both;}
hr.clear{visibility:hidden;height:0;border:0;}
img.loading{width:35px;height:35px;}
div.loading{min-height:35px;background-repeat:no-repeat;background-position:top center;}
.center{
	text-align:center;
	}
.centered{
	margin-left:auto;
	margin-right:auto;
	}

ol.num{
	list-style-type:none;
	margin:10px;
	padding:0;
	counter-reset:num;
	}
ol.num>li{
	counter-increment:num;
	position:relative;
	padding-left:40px;
	padding-bottom:5px;
	min-height:33px;
	}
ol.num>li:before{
	content:counters(num,'');
	}
ol.num>li:before, .ordered-num{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	font-weight:bold;
	border-radius:15px;
	font-size:26px;
	width:30px;
	height:30px;
	line-height:30px;
	background:#1F73E5;
	color:#FFFFFF;
	background:#1F73E5;
	color:#FFFFFF;
	}
/* PHOTOS */
#picview{
	width:300px;
	height:250px;
	background-color:#CCCCCC;
	text-align:center;
	overflow:hidden;
	}
.picf{
	max-width:300px;
	max-height:250px;
	vertical-align:middle;
	}
a .picf{
	border:0;
	}
.pict{
	width:100px;
	height:75px;
	margin-top:1px;
	margin-bottom:1px;
	border-width:1px;
	border-style:solid;
	}
.picsml{
	width:60px;
	height:45px;
	float:left;
	margin:0 5px 5px 0;
	border-width:1px;
	border-style:solid;
	}
.picm{
	width:42px;
	height:31px;
	float:left;
	margin:0 5px 5px 0;
	border-width:1px;
	border-style:solid;
	}

.round-picf, .round-pict, .round-picsml, .round-picm, .round-pictrim{
    display:block;
    position:relative;
    border-radius:50%;
    overflow:hidden;
    zoom:1;
    border:solid 3px #B9BEBA;
    background-color:#000000;
}
.round-picf img, .round-pict img, .round-picsml img, .round-picm img, .round-pictrim img{
    position:absolute;
    display:block;
    top:-1px;
    left:0;
    height:auto;
}
.round-pictrim{
    width:200px;
    height:200px;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
    background-position:center top;
}
.round-pictrim img{
    width:300px;
    height:auto;
    margin-left:-50px;
}
.round-picf{
    width:250px;
    height:250px;
}
.round-pict{
    width:75px;
    height:75px;
}
.round-picsml{
    width:45px;
    height:45px;
}
.round-picm{
    width:30px;
    height:30px;
}
.round-picf img{
    margin-left:-25px;
    width:300px;
}
.round-pict img{
    margin-left:-12px;
    width:100px;
    height:auto;
}
.round-picsml img{
    margin-left:-7px;
    width:60px;
}
.round-picm img{
    margin-left:-6px;
    width:42px;
}



/* BARRES DE PROGRES */
.progbarbox{
	position:relative;
	height:12px;
	line-height:12px;
	padding-right:2px;
	overflow:hidden;
	}
.progbarbox .progbar, .progbarbox .progbarbonus{
	position:absolute;
	left:1px;
	top:1px;
	height:10px;
	overflow:hidden;
	}
.progbarbox .txtbonus{
	position:absolute;
	width:60px;
	top:-2px;
	right:-70px;
	}
/* BOXES */
.ttlgrad{
	width:100%;
	height:27px;
	text-indent:5px;
	font-size:14px;
	line-height:27px;
	font-weight:bold;
	}
.ttlbox{
        text-align:center;
        margin:15px;
}
.ttlbox-main{
        text-transform:uppercase;
        display:table;
        padding:10px 40px;
        margin:0 auto;
        font-weight:bold;
        font-size:50px;
        line-height:1em;
        }
.ttlbox-sub{
        text-transform:uppercase;
        display:table;
        padding:15px 20px;
        margin:0 auto;
        font-weight:bold;
        font-size:30px;
        line-height:1em;
        }

.ttltab{
    float:left;
    height:50px;
    line-height:50px;
    font-size:20px;
    font-weight:normal;
    padding:0 10px;
    min-width:100px;
}


.box{
        background:#FFFFFF;
	border-width:1px;
	border-style:solid;
	}
.light, .lightest, .tint, .dark, .medium, .boxhl, .saturated{
    background:#FFFFFF;
}
.box .ttlgrad{
	border-bottom-width:1px;
	border-bottom-style:solid;
	}
.round-box{
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
/* on doit ajuster legerement les elements aussi arrondis à l'intérieur */
.round-box .inside-round{
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	}
.unlogged h1.ttlgrad{
	height:32px;
	line-height:32px;
	text-indent:5px;
	font-size:16px;
	}
.unlogged .box h1.ttlgrad{
	border:none;
	}

.subttlgrad{
	height:27px;
	line-height:27px;
	font-size:14px;
	text-indent:5px;
	}

.halfbox{
	position:relative;
        margin-top:50px;
	margin-bottom:50px;
        padding-top:20px;
	border-top-style:solid;
	border-top-width:3px;
}
.halfbox .title{
	font-size:16px;
        position:absolute;
	height:32px;
	line-height:32px;
        top:-32px;
        left:0;
        padding:0 10px !important;
}


.content{
	position:relative;
	margin:5px;
	}
.highlight{
        margin:10px 18px 16px 18px; 
        min-height:160px;
        height:auto;
        font-size:18px;
        line-height:18px;
        text-align:left;
        font-weight:lighter;
        }
.highlight .boxhl{
        width:147px;
        height:34px;
        }
.highlight h2{
        font-weight:normal;
        }
.highlight .txtbold{
        font-weight:bold;
        }
.highlight .sectimg,
.highlight .content{
        padding:10px;
        }
/* BANNIERES */
.contb300{
	position:relative;
	float:right;
	width:370px;
	height:800px;
	margin:5px 10px 0 0;
	}
.b765x77{
	width:765px;
	height:77px;
	margin-bottom:5px;
	}
.b728x90{
	clear:both;
	width:728px;
	height:90px;
	margin:auto;
	margin-bottom:5px;
	}
.b300x250{
	float:right;
	width:300px;
	height:250px;
	margin-bottom:5px;
	}
.b336x280{
	width:336px;
	height:280px;
	}
.b234x60{
	width:234px;
	height:60px;
	}
.b125x125{
	width:125px;
	height:125px;
	}
.b300x600{
	float:right;
	margin-right:35px;
	width:300px;
	height:600px;
	margin-bottom:5px;
	}

.contb300  .b336x280{
	margin-left:15px;
	margin-bottom:15px;
}
.contb300  .b300x600,
.contb300  .b300x250{
	margin-right:35px;
	margin-bottom:15px;
	}
.contb300 .b370x154{
	float:right;
	margin-top:2px;
	margin-bottom:18px;
	}
.b370x154{
	float:left;
	width:366px;
	height:144px;
	border:solid 1px #1F7EC2;
	background:#FFFFFF;
	}
.b370x154 .content{
	width:320px;
	height:100px;
	margin:20px auto;
	}
/* HEADER */
#header{
	width:100%;
	min-width:985px;
	height:63px;
	}
#header.unlogged{
	height:130px;
	}
#header.unlogged #header_view{
	position:relative;
	margin:0 auto;
	}
#header h1{
	width:400px;
	font-size:10px;
	line-height:10px;
	}
img#logo{
	margin-top:5px;
	width:257px;
	height:30px;
	vertical-align:middle;
	}
img#logo-large{
    height:75px;
}
#header.unlogged img#logo{
    margin-top:30px;
}
#header.unlogged img#logo-large{
    margin-top:30px;
}
#tagline{
	display:block;
	width:300px;
	font-style:italic;
	font-size:16px;
	margin-left:50px;
	line-height:20px;
	}
#header a#lnkbacksite{
	text-decoration:underline;
	display:block;
	float:left;
	width:auto;
	margin:5px 0 3px 10px;
	}
#header.unlogged #nav{
	position:absolute;
	top:5px;
        top:70px;
	right:0;
	font-size:18px;
	}

#header.unlogged #nav a{
	padding:0 5px;
	border-left-style:solid;
	border-left-width:1px;
	}
#header.unlogged #nav a.first{
	border:none;
	}
/* CONTENU */
.sidebar{
	position:relative;
	float:left;
	width:183px;
	margin:0 0 0 10px;
	}
#sidebar-abo, #sidebar-unlogged{
	width:85px !important;
	}

#sidebar-insc{
	margin-top:10px;
	min-height:400px;
	float:right;
	}
#sidebar-insc{
	overflow:hidden;
	}
#sidebar-insc h2{
	text-align:center;
	margin:10px 2px 10px 5px;
	font-size:15px;
	}
#sidebar-insc h2 em{
	text-transform:uppercase;
	}
#frminsc-sidebar label{
	display:block;
	font-style:italic;
	}
#frminsc-sidebar .row{
	margin:15px 0 10px 5px;
	}
#frminsc-sidebar select#gender, #frminsc-sidebar select#lookingfor{
	width:160px;
	font-size:14px;
	}
#frminsc-sidebar select#bday{
	width:38px;
	font-size:11px;
	}
#frminsc-sidebar select#bmonth{
	width:75px;
	font-size:11px;
	}
#frminsc-sidebar select#byear{
	width:52px;
	font-size:11px;
	}
#frminsc-sidebar input#zip{
	width:60px;
	}
#frminsc-sidebar .btn{
	display:block;
	width:150px;
	margin:20px auto;
	font-size:18px;
	height:30px;
	line-height:30px;
	}

#main{
	position:relative;
	float:left;
	margin-left:20px;
	width:765px;
	min-height:500px;
	line-height:14px;
	margin-bottom:20px;
	}
.unlogged #main{
	margin-top:10px;
	}
#viewport{
	position:relative;
	padding-top:10px;
	margin-bottom:10px;
	min-width:985px;
	}
#bg{
	float:left;
	position:relative;
	width:100%;
	}



.view1024{
	width:980px;
	min-width:980px;
	margin-left:auto;
	margin-right:auto;
	}

#specfiller{
	position:absolute;
	width:100%;
	margin:0;
	left:0;
	display:none;
	border-top:none;
	border-left:none;
	border-right:none;
	}

/* FOOTER 
#footer{
	position:relative;
	width:100%;
	min-width:985px;
	z-index:10;
	height:240px;
	padding:0;
	}
#footer #footer_view{
	position:relative;
	min-height:70px;
	}
#footer.unlogged #footer_view{
	margin:0 auto;
	}
#footer #infos{
	clear:both;
	text-align:center;
	}
#footer #infos .txtsml{
	margin-top:-15px;
	}
#footer #infos img{
	margin-top:50px;
	}
#footer ul#lnks{
	list-style-type:none;
	font-size:16px;
	line-height:26px;
	padding-top:20px;
	}
#footer ul#lnks li{
	display:inline;
	padding:0 5px;
	border-left:solid 1px #666666;
	}
#footer ul#lnks li.first{
	border-left:none;
	}
#footer #autres_sites ul{
	list-style-type:none;
	margin:0 auto;
	padding-top:10px;
	}
#footer #autres_sites li{
	float:left;
	}
#footer #autres_sites li a, #footer #autres_sites li span{
	display:block;
	text-indent:-99999px;
	}
#footer li#as_rtel{
	background:transparent url(/img/ui/logo_rencontre_telephonique.png) no-repeat;
	margin-bottom:20px;
	margin-left:100px;
	}
#footer li#as_rtel, #footer li#as_rtel a{
	width:273px;
	height:76px;
	}
#footer li#as_mobile{
	margin-top:10px;
	float:right;
	margin-right:100px;
	background:transparent url(/img/ui/logo_quebecrencontres_mobile.png) no-repeat;
	}
#footer li#as_mobile, #footer li#as_mobile a{
	width:257px;
	height:56px;
	}
#footer li#as_fb{
	position:relative;
	float:left;
	clear:left;
	background:transparent url(/img/ui/logo_quebecrencontres_facebook.png) no-repeat;
	}
#footer li#as_fb, #footer li#as_fb a{
	width:185px;
	height:56px;
	}
#footer li#as_fb iframe{
	position:absolute;
	top:30px;
	left:135px;
	}
#footer li#as_google{
	float:right;
	}
#footer li#as_uni{
	position:relative;
	float:right;
	background:transparent url(/img/ui/logo_uni_chat.png) no-repeat;
	}
#footer li#as_uni, #footer li#as_uni a {
	width:200px;
	height:56px;
	}
*/


/* FORMS */
input{
	height:16px;
	z-index:10;
	border-style:solid;
	border-width:1px;
	}
select,.ghost-select{
	height:20px;
	border-style:solid;
	border-width:1px;
	background:#FFFFFF;
	}
input[type=text], input[type=password], select, textarea, .ghost-radio,  .ghost-checkbox, .ghost-select{
	border-style:solid;
	border-width:1px;
	}

input.file{
	height:20px;
	}
label{
	position:relative;
	}
label input{
	width:13px;
	height:13px;
	padding:0;
	margin:0 5px 0 0;
	vertical-align:baseline;
	position:relative;
	border:none;
	}
textarea{
	z-index:10;
	border-style:solid;
	border-width:1px;
	}
label.over{
	position:absolute;
	line-height:18px;
	top:3px;
	left:5px;
	z-index:20;
	}
input:focus, textarea:focus{
	position:relative;
	z-index:21;
	}
label.over:hover{
	cursor:text;
	}
div.btn, div.btn2, div.btnmute{
	height:24px;
	border-width:1px;
	border-style:solid;
	text-align:center;
	font-size:13px;
	line-height:24px;
	-webkit-appearance: none;
	}
button, input.btn, input.btn2, input.btnmute{
	width:120px;
	height:25px;
	border-width:1px;
	border-style:solid;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	-webkit-appearance: none;
	}

a.disable:hover, .btn.disable:hover, .btn2.disable:hover, .btnmute.disable:hover{
	cursor:not-allowed;
	cursor:no-drop;
	}
button:hover, input.btn:hover, input.btn2:hover, input.btnmute:hover{
	cursor:pointer;
	cursor:hand;
	}
div.del, button.del, input.del{
	padding:0 5px;
	}
button.del{
	width:100%;
	}
input.del{
	width:30px;
	}

.txtcounter{
	position:absolute;
	top:0;
	right:0;
	z-index:98;
	}
/* ONGLETS */
.tabsbox{
	position:relative;
	}
.tabsbox .content{
	margin-top:0;
	padding-top:5px;
	}
.tabs {
	list-style-type: none;
	margin:0;
	padding:0;
	width:100%;
	z-index:50;
	float:left;
	}

.tabs li {
	float:left;
	padding:0;
	margin-right:5px;
	border-width:1px;
        border-style:solid;
	border-bottom:none;
	border-color:#CCCCCC;
	background:#CCCCCC;
	}
.tabs li.selected{
	z-index:50;
	position:relative;
	margin-bottom:-1px;
	background:#FFFFFF;
	}
.tabs li a,.tabs li span{
	display:block;
	padding:10px 13px 5px 13px;
	text-decoration:none;
	}
.tabs li.selected a, .tabs li.selected span{
	border-bottom:solid 1px #FFFFFF;
	}
.tabs li a:focus, .tabs li a:active, .tabs li span:active, .tabs li.selected a, .tabs li.selected span{
	outline:none;
	}
.tabscontent{
	display:none;
	border-style:solid;
	border-width:1px;
	}
.tabscontent_selected{
	background:#FFFFFF;
	position:relative;
	display:block;
	clear:both;
	}
/* NAVIGATION MULTI-PAGES */
.navig{
	clear:both;
	position:relative;
	height:24px;
	text-align:center;
	line-height:24px;
	}
.navig a{
	padding:0 3px;
	}
.navig .btn{
	width:130px;
	}
.navig .btn a{
	padding:0;
	}
.navig .prev{
	position:absolute;
	left:-1px;
	top:-1px;
	}
.navig .next{
	position:absolute;
	right:-1px;
	top:-1px
	}
.navig img.loading{
	width:15px;
	height:15px;
	vertical-align:middle;
	margin:-2px 5px 0 5px;
	}
/* SMILEYS */
ul.listsmiley {
	list-style-type:none;
	width:282px;
	float:left;
	}
ul.listsmiley li {
	width:35px !important;
	line-height:30px !important;
	height:30px !important;
	text-align:center !important;
	vertical-align:middle;
	white-space:nowrap;
	float:left;
	overflow:hidden;
	}
ul.listsmiley li img.smiley {
	max-height:24px;
	}
img.smiley {
	border:none;
	}
/* AUCUN RESULTAT */
.empty{
	text-align:center;
	padding:50px 0;
	}
a.more{
        background:#EEEEEE;
	display:block;
	position:relative;
	text-align:right;
	line-height:22px;
	padding-left:5px;
	padding-right:5px;
	}
a.more.left{
    float:left;
}
a.more.right{
    float:right;
}
/* AUTOFILL */
.selautofill {
	margin:0;
	}
.selautofill {
	list-style-type:none;
	border-width:0 1px 1px 1px;
	position:absolute;
	z-index:25;
	overflow-x:hidden;
	overflow-y:auto;
	}
.selautofill li {
	padding:1px 10px;
	cursor:default;
	}
.selautofill li.boxhl {
	padding:0px 9px;
	}
/* AUDIOS */
audio{
	width:280px;
	display:block;
	margin:5px 0;
	padding:0;
	float:left;
	}
audio.play{
	width:290px;
	max-width:100%;
	height:36px;
	background:transparent url(/img/p/audio_play.jpg) no-repeat center center;
	}
audio.pause{
	width:290px;
	max-width:100%;
	height:36px;
	background:transparent url(/img/p/audio_pause.gif) no-repeat center center;
	}
/* VIDEOS */
a.lnkvidfull{
	display:block;
	position:relative;
	width:220px;
	height:165px;
	}
a.lnkvidfull img{
	width:100%;
	height:100%;
	}
a.lnkvidplay{
	position:absolute;
	top:0;
	left:0;
	}
a.lnkvidplay img{
	position:absolute;
	left:5%;
	bottom:5%;
	width:24px;
	height:24px;
	}
#pop_video_full{text-align:center;}
#pop_video_full form#frmvideovote{margin-top:10px;}
/* POPUP DHTML */
img.close{ position:absolute; right:-15px; top:-15px; width:37px; height:37px; cursor:pointer; cursor:hand;}
.popDHTML{ position:fixed; z-index:100; border-style:solid; border-width:3px; padding:5px; font-weight:bold;
        background:#FFFFFF;
	box-shadow:0 0 30px #000000;
	-o-box-shadow:0 0 30px #000000;
	-webkit-box-shadow:0 0 30px #000000;
	-moz-box-shadow:0 0 30px #000000;
	border-radius:10px;
	}
.popDHTML h3{ font-size:16px;}
.popDHTML #framepopb{overflow:hidden;}
.translucide{opacity:.90;}
.transparent{opacity:.70;}
.seethrought{opacity:.30;}
#popmask, .mask{position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:.80; z-index:99;}
#pophint{position:absolute;z-index:100;padding:10px;max-width:300px;font-size:14px; line-height:20px;background:#FFFFFF;}
#pophint.box{border-style:outset;border-width:1px}
#popmsgerr{ text-align:center; font-size:14px; font-weight:bold; border-style:solid;}
#popmsgcfm{ text-align:center; font-size:14px; font-weight:bold; }

.video_embed{position:relative;}
.video_embed_big{width:450px; height:300px;}
.video_embed_mini{width:250px; height:157px;}
.video_embed object, .video_embed iframe{width:100%; height:100%;}
.video_embed .preview{position:absolute; display:block; top:0; left:0; width:100%; height:100%;}
.video_embed .preview:hover{cursor:pointer;}

/* TEST FORMS */
.ghost-radio{
	border-radius:22px !important;
	width:16px !important;
	height:16px !important;
	background:#FFFFFF;
	overflow:hidden;
	}
.ghost-checkbox{
	width:18px !important;
	height:18px !important;
	background:#FFFFFF;
	}
.ghost-radio .checked{
	margin:1px;
	width:14px;
	height:14px;
	padding:0;
	border-radius:16px;
	background:#00CC00;
	}
.ghost-checkbox .checked:after, .ghost-checkbox .check{
	content:"\2713";
        color:#222222;
	font-size:22px;
	font-weight:bolder;
	position:absolute;
	top:-2px;
	left:0px;
	}
.ghost-select{
	position:relative;
	background:#FFFFFF;
	zoom:1;
	}
.ghost-select:before, .ghost-select .arrow{
	content:'▼';
	position:absolute;
	top:0px;
	right:2px;
	height:100%;
	width:auto;
	}
.ghost-select select{
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:alpha(opacity=0);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
.ghost-select span{
	line-height:20px;
	padding-left:5px;
	}


#popstandbyfbinsc .close{
    display:none;
}

/*********** REFERENCEMENT *************/
#breadcrumbs a:after{
	color:inherit;
        content:" › ";
        padding:0 3px;
        font-size:1.5em;
        font-weight:bold;
	}
/* " */ 

/* NOUVEAU FOOTER REFERENCEMENT - DESIGN DE LANDING "surface" 2015-06 */
#referencement {
  clear:both;
  position:relative;
  font-family:Lato, sans-serif;
  font-weight:300;
  font-size: 14px;
  line-height:1.2em;
  margin-top: 40px;
  background-color: #d8f3fe;
  border: 3px solid #92c3e3;
  border-left: none;
  border-right: none;
  color:#92C3E3;
}
#referencement h2 {
  width: 100%;
  max-width: 700px;
  margin: 20px auto 0 auto;
  font-size: 28px;
  line-height:1.2em;
  text-align: center;
  color:#E98255;
  font-weight:300;
}
#referencement #ref_box {
  margin-top: 40px;
  text-transform: uppercase;
}
#referencement #ref_box > div {
  float: left;
  width: 49%;
  margin: 0;
  margin-bottom: 20px;
}
#referencement #ref_box > div#regions_box ul,
#referencement #ref_box > div#villes_box ul {
  -webkit-columns: 200px 2;
  -moz-columns: 200px 2;
  columns: 200px 2;
}
@media only screen and (max-width : 540px) {
  #referencement #ref_box > div {
    float: none;
    width: 100%;
    text-align: center;
  }
}
#referencement h3 {
  margin: 10px 0;
  color: #92c3e3;
  font-weight: 900;
  font-size:32px;
  line-height:1.2em;
}
#referencement ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#referencement li a {
  color: #4d4d4d;
  font-family:Lato, sans-serif;
  font-weight:300;
}
#referencement li a:hover {
  font-weight: 400;
}

/* NOUVEAU FOOTER */
#footer {
  width:100%;
  border-top-style:solid;
  border-top-width:3px;
  padding: 30px 0 10px;
  font-size: 1.1em;
  text-align: center;
}
@media only screen and (max-width : 970px) {
  #footer {
    font-size: 0.95em;
  }
}
#footer h3,
#footer h2,
#footer h2 * {
  margin: 0;
  padding: 0;
  line-height: 1em;
}
#footer h2 {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  color: #e98255;
  font-size: 2em;
  font-weight: 300;
  text-align: center;
}
#footer #services {
  margin: 10px 0;
}
#footer #services > a {
  position: relative;
  display: inline-block;
  margin: 10px;
  vertical-align: middle;
}
#footer #services #service-fb {
  width: 100%;
  max-width: 290px;
}
#footer #services #fb-like {
  position: absolute;
  right: 0px;
  bottom: 3px;
}
#footer #rss {
  margin: 20px 0;
}
#footer a {
  color: #1161b3;
}
#footer a:hover {
  color: #082e56;
  text-decoration: underline;
}
#footer #footer-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer #footer-links ul li {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 7px;
  padding-right: 7px;
  border-right: 2px solid #a99c93;
}
#footer #footer-links ul li:last-child {
  border: none;
}
#footer #copyright {
  margin: 20px 0;
}