@charset "utf-8";
/*************************************** reset nav ********************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:10px;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; font-size:0}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
.left{ float:left!important} .right{ float:right!important} .spacer{ clear:both!important; height:0px!important; font-size:0px!important; width:100%!important; float:none!important; background:none!important; margin:0!important; padding:0!important;min-height:0px!important;display:block!important;}


/********************************* font style *************************************************/


/* @import url('hover.css'); */
/* style 1 */
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0C73D0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white;}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1);}

/* style 2 */
.hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}
.hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #0C73D0; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0);}

/* style 3 */
.hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}
.hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);}


/* config general site */
*{ margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400; color:#333; /*-webkit-transition: all 0.5s ease; transition: all 0.5s ease;*/}
body{ width:100%; height:100%;}

/******** header ***********/
.headMain{-webkit-box-shadow:inset 0 -2px 2px -2px rgba(0,0,0,.5); box-shadow:inset 0 -2px 2px -2px rgba(0,0,0,.5); position:relative;}

.contentTextScroll{background-color:#FBFBFB; text-align:right; padding:12px 1%;}
.contentTextScroll > *{ display:inline-block; vertical-align:top}
.contentTextScroll > a{ padding:0 20px; height:30px; line-height:30px; font-size:1.5em; color:#fff; background-color:#EC671B; text-align:center;}
.contentTextScroll .intextScrool{ margin:5px 20px 0 0; font-weight:300; color:#394646; font-size:1.4em; max-width:50%}
.navMain .intextScrool{ margin:5px 0 0 0; font-weight:300; color:#394646; font-size:1.4em; max-width:50%; text-align:right; float:right; padding:5px 0}
.navMain .intextScrool a, .navMain .intextScrool b, .navMain .intextScrool strong{ font-weight:300; font-size:100%; color:#EB661A}

.navMain{ padding:5px 1%; text-align:right}
.navMain nav{ text-align:right;}
.navMain nav ul{}
.navMain nav ul li{ display:inline-block; margin-left:5px; padding-left:20px; background:url(/templates/temp/if_images/img_1.png) left center no-repeat}
.navMain nav ul li:first-child{ background:none}
.navMain nav ul li a{ font-size:1.4em; color:#0D3250; display:block; padding:10px 20px; position:relative; text-transform:uppercase}
.navMain nav ul li:hover a{ color:#0C73D0;}

.navToo{ padding:5px 1%; background-color:#0D3250;}
.navToo nav{ text-align:right;}
.navToo nav > ul{ text-align:center}
.navToo nav > ul > li{ display:inline-block; margin-left:5px; padding-left:20px; background:url(/templates/temp/if_images/img_66.png) left center no-repeat; position:relative}
.navToo nav > ul > li:first-child{ background:none}
.navToo nav > ul > li > span, .navToo nav > ul > li > a{ font-size:1.6em; color:#FFF; display:block; padding:0 25px; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer}
.navToo nav > ul > li:hover > ul{ display:block}
.navToo nav > ul > li:hover > span, .navToo nav > ul > li:hover > a{ color:#FFF; background-color:#EC671B }

.navToo nav > ul > li > ul{ display:none; position:absolute; top:50px;}
.navToo nav > ul > li > ul{ background-color:#B75015; width:150%; z-index:99}
.navToo nav > ul > li > ul > li{ display:block; padding:0 20px; text-align:left; border-top:1px solid #fff; position:relative}
.navToo nav > ul > li > ul > li:hover{ background-color:#EC671B}
.navToo nav > ul > li > ul > li > span, .navToo nav > ul > li > ul > li > a{ font-size:1.4em; color:#FFF; display:block; padding:0; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer}
.navToo nav > ul > li > ul > li > span{ background:url(/templates/temp/if_images/img_52.png) 99% center no-repeat}
.navToo nav > ul > li > ul > li:hover > ul{ display:block}

.navToo nav > ul > li > ul > li > ul{ display:none; position:absolute; left:100%; top:-1px}
.navToo nav > ul > li > ul > li > ul{ background-color:#95491D; width:150%; z-index:99}
.navToo nav > ul > li > ul > li > ul > li{ display:block; padding:0 20px; text-align:left; border-top:1px solid #fff}
.navToo nav > ul > li > ul > li > ul > li:hover{ background-color:#EC671B}
.navToo nav > ul > li > ul > li > ul > li > span, .navToo nav > ul > li > ul > li > ul > li > a{ font-size:1.4em; color:#FFF; display:block; padding:0; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer}
.navToo nav > ul > li > ul > li > ul > li > span{ background:url(/templates/temp/if_images/img_52.png) 99% center no-repeat}

#logo_laurier {float:left; position:relative; bottom:255px; left:12%; width:auto; height:60%;}

.headMain > figure{ position:absolute; top:20px; left:20px; width:25%}
.headMain > figure img{ max-width:100%; height:auto}


/********* diapo ****************/
.diapo{ margin:0 2%; padding:20px 0; background-color:#fff}

.contentDiapo{ width:100%; height:334px; padding-bottom:34px; background:url(/templates/temp/if_images/img_8.png) bottom center no-repeat}
.contentDiapo figure{ height:100%; width:100%; position:relative; overflow:hidden; width:70.5%}
.contentDiapo figure img{ width:100%; height:100%; float:right;}
.contentDiapo figure > p{ position:absolute; top:0}
.contentDiapo figure p > *{ display:block;}
.contentDiapo figure p span{ font-size:3.2em; color:#333;}
.contentDiapo figure p.titreUn{ top:18%; left:50px}
.contentDiapo figure p.titreUn b{ color:#EB6619; font-weight:900; font-size:4.7em; margin-left:40px}
.contentDiapo figure p.titreDeux{ top:62%; left:100px}
.contentDiapo figure p.titreDeux b{ color:#2692FF; font-weight:900; font-size:4.7em; margin-left:40px}

.contentDiapo > .right{ width:29.5%; position:relative; background:url(/templates/temp/if_images/img_3.jpg) no-repeat; background-size:100% 100%; height:100%; text-align:center}
.contentDiapo .right > p{ width:352px; height:71px; margin:30px auto}
.contentDiapo .right > p.bttUnT{ background:url(/templates/temp/if_images/if_forum_1.png) no-repeat;}
.contentDiapo .right > p.bttDeuxT{ background:url(/templates/temp/if_images/if_forum_2.png) no-repeat;}
.contentDiapo .right > p.bttTroisT{ background:url(/templates/temp/if_images/if_forum_3.png) no-repeat;}
.contentDiapo .right > p a{ font-size:2.3em; line-height:71px; color:#F8D62D; text-align:center;} 
.contentDiapo > .right > img{ position:absolute; left:0; top:34.5%}
.contentDiapo > .right p:hover{ -webkit-transition: all 0.5s ease; transition: all 0.5s ease;-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}

.secondary{ width:100%}
.secondary ul{}
.secondary ul li{ display:inline-block; width:16%; height:50px; background-color:#333; float:left; text-align:center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.secondary ul li *{}
.secondary ul li:last-child{ background:url(/templates/temp/if_images/img_17.png) left center no-repeat}
.secondary ul li:nth-child(2n){ background-color:#eee}
.secondary ul li:last-child{ width:20%; background-color:#1D58AE}
.secondary ul li a{ font-size:1.7em; color:#fff; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.secondary ul li:nth-child(2n) a{ color:#333}
.secondary ul li:last-child a{ color:#fff}
.secondary ul li:after{ content:""; display:inline-block; width:10px; height:20px; position:relative; top:4px; left:15px; background:url(/templates/temp/if_images/img_10.png) center center no-repeat}
.secondary ul li:nth-child(2n):after{background:url(/templates/temp/if_images/img_9.png) center center no-repeat}
.secondary ul li:last-child:after{ background:none}
.secondary ul li:nth-child(1):before{ content:""; display:inline-block; width:40px; height:19px; background:url(/templates/temp/if_images/img_11.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li:nth-child(2):before{ content:""; display:inline-block; width:26px; height:20px; background:url(/templates/temp/if_images/img_12.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li:nth-child(3):before{ content:""; display:inline-block; width:19px; height:20px; background:url(/templates/temp/if_images/img_13.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li:nth-child(4):before{ content:""; display:inline-block; width:19px; height:20px; background:url(/templates/temp/if_images/img_14.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li:nth-child(5):before{ content:""; display:inline-block; width:16px; height:19px; background:url(/templates/temp/if_images/img_15.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li:last-child:before{ content:""; display:inline-block; width:16px; height:19px; background:url(/templates/temp/if_images/img_16.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li a:hover{ color:#F90;}

/***************************** footer gen ***************************/
.footerGen{ padding:30px 2%; background:#DDDDDD}
.footerGen > div{ width:33%}
.footerGen .titreBloc{ margin-bottom:20px; padding-bottom:10px; background:url(/templates/temp/if_images/img_30.gif) bottom left no-repeat; font-size:3.1em; font-weight:300; color:#EB661A}
.footerGen ul{ list-style:none}
.footerGen ul li{ list-style:none; float:left; width:50%; margin-bottom:10px;}
.footerGen ul li a{ font-size:1.3em; color:#000; padding-left:15px; background:url(/templates/temp/if_images/img_53.gif) left center no-repeat}
.footerGen ul li a:hover{ color:#EB661A}

.logFooter{ padding-left:150px; background:url(/templates/temp/if_images/if_26.png) top left no-repeat; margin:0px 0 20px;}
.logFooter a{ padding-left:30px; background:url(/templates/temp/if_images/img_54.png) top left no-repeat; font-size:2.1em; color:#0D3250; display:inline-block; margin:20px 0; line-height:120%; font-weight:500}
.logFooter a strong{ font-size:2em; color:#FF6600; font-weight:900; display:block; margin-top:10px;}
.logFooter a:hover{ color:#FF6600}
.cloudApp{ margin-top:40px;}
.cloudApp a img{ margin-right:5px; max-width:100%}

.copyright{ text-align:center; background:#333; padding:10px 0; font-size:1.3em; color:#ddd}

/************************* gen ***********************/
.contentGen{ padding:0px 2% 20px;}
.tetoSite{ margin:0; text-align: center;}
.tetoSite .titreImmo{}
.tetoSite .titreImmo h1{
	padding: 0 0 25px;
	text-align: center;
	line-height: 100%;
	font-size: 31px;
	color: #F2AC4B;
	background: url(https://www.accord-credit.fr/images_ac/ac_picto_4.png) bottom center no-repeat;
	text-transform: uppercase;
	margin-top: 50px;
}
.tetoSite .titreImmo h1{
      position: relative;
      text-align: center;
      padding: 12px 12px 24px;
      margin-bottom: 6px;
    }

  

.contenuArticleBody{ margin:20px 2%;}
.contentEditForum a, .contentEditForum a *{ font-size:17px; color:#F60; font-weight:300}
.contentEditForum td ,.contentEditForum td > span{ font-size:17px;}

.contentPhotoProfilForum{ margin:20px 0; border:1px solid #E6E6E6; border-top:0;}
.profilContentForum > *{ margin:0 20px;}
.contentPhotoProfilForum .h2bordeauxck, /*.contentPhotoProfilForum .h3bleuck,*/ .questionForum .h2bordeauxck{ padding:20px 0 20px 80px;  font-size:17px; font-weight:500; color:#333!important; border:1px solid #E6E6E6; border-width:1px 0; margin-bottom:20px; background:#F3F3F3 url(/templates/temp/if_images/if_forum_6.png) 20px 20px no-repeat}
.contentPhotoProfilForum .h3bleuck{ border:1px solid #ddd; padding:20px; font-weight:400}

.contentPhotoProfilForum .h2bordeauxck *{font-size:17px; font-weight:500; color:#333!important;text-transform:uppercase; }
.contentPhotoProfilForum .h2bordeauxck {text-transform:uppercase; }
.profilContentForum .h2bordeauxck{ margin:20px 0!important}

.besoinDaide{ border:1px solid #ddd; padding:20px; position:relative;}
.besoinDaide:before{ content:''; position:absolute; top:0px; right:0px; width:46px; height:46px; background:rgba(0, 0, 0, 0) url(/templates/temp/if_images/img_37.png) no-repeat scroll left top}

.besoinDaide .titreBloc{ font-size:24px; color:#0D3250; padding-bottom:10px; margin-bottom:20px; background:rgba(0, 0, 0, 0) url(/templates/temp/if_images/img_34.gif) no-repeat scroll left bottom;}
.besoinDaide .linkToForum{ margin:20px 0;}
.besoinDaide .linkToForum a{ width:382px; margin:0 auto; display:block; max-width:90%; background:url(/templates/temp/if_images/if_forum_7.png) top left no-repeat; background-size:100% 100%; padding:20px; line-height:120%; font-size:21px; color:#fff;}
.besoinDaide .linkToForum a span{ display:inline-block; background:url(/templates/temp/if_images/if_forum_8.png) center left no-repeat; padding-left:50px;line-height:120%; font-size:21px; color:#fff; }
.motClesArticle{font-size:15px; background-color:#f7f7f7; padding:15px}
.motClesArticlePrecision{font-size:13px; margin-top:15px}

.lienSirvel{font-size:13px}
.lienSirvel a{text-decoration:underline dotted; color:#0c73d0}
.lienSirvel a:hover{text-decoration:underline}

.forumLinkToPostQuest{ margin:10px 0;}
.forumLinkToPostQuest .left a{
	display: flex;
	padding-right: 15px;
	align-items: center;
	-webkit-border-radius: 6px;
			border-radius: 6px;
	background-color: #F2AC4B;
	overflow: hidden;
	color: #435E79;
	font-size: 12px;
	font-family: Arial;
	font-weight: 700;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
			box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
.forumLinkToPostQuest .left a span:before{
	display: inline-block;
	content: '';
	width: 15px;
	height: 15px;
	background: url(https://www.accord-credit.fr/images_ac/ac_picto_18.png) center center no-repeat #fff;
	padding: 10px;
	margin-right: 10px;
}
.forumLinkToPostQuest .left a span{
	color: #fff;
	font-size: 12px;
	font-family: Arial;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}
.forumLinkToPostQuest .left a:hover{
	background-color: #435E79;
}
.forumLinkToPostQuest .left a:hover span{
	color: #fff!important;
}
.forumLinkToPostQuest .right{ margin-top:20px; font-size:13px;}
.forumLinkToPostQuest .right *{ font-size:15px;}

.forumLinkToPostQuestTo{ margin:20px 0 10px;}
.forumLinkToPostQuestTo .left a{margin:0 auto; display:inline-block; max-width:90%; background-color:#0C3250; padding:5px 30px; line-height:120%; font-size:17px; color:#fff; margin-right:20px; border:1px solid #fff;
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.forumLinkToPostQuestTo .left a span{ display:inline-block; font-size:17px; color:#fff; }
.forumLinkToPostQuestTo .right{ margin-top:20px; font-size:15px;}
.forumLinkToPostQuestTo .right *{ font-size:15px;}

.tableauQuestPoser{ margin-top:20px;}
.tableauQuestPoser .titreTblQuest{border-bottom:2px solid #EC671B;}
.tableauQuestPoser .titreTblQuest a{ 
	font-size:15px; 
	color:#435E79!important;
	padding: 5px 15px; 
	background-color: #fff;
	-webkit-border-radius: 3px;
			border-radius: 3px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	width: 190px;
	margin-bottom: 3px;
}
.tableauQuestPoser .titreTblQuest a:before{
	display: inline-block;
	content: '';
	width: 15px;
	height: 15px;
	background: url(https://www.accord-credit.fr/images_ac/ac_picto_19.png) center center no-repeat;
	padding: 5px;
	margin-right: 10px;
}
.tableauQuestPoser .titreTblQuest a:hover{ 
	background-color: #F2AC4B;
	color: #fff!important;
}

.tableauQuestPoser td *{ font-size:13px!important;}
.tableauQuestPoser > table.tablebg > tbody > tr.row1:nth-child(2) > td{ background-color:#E9E9E9; border-right:1px solid #fff; font-size:15px;}
.tableauQuestPoser > table.tablebg > tbody > tr.row1:nth-child(2) > td td{ background-color:#E9E9E9;}
.tableauQuestPoser > table.tablebg > tbody > tr.row1:nth-child(2) > td b{ color:#EC671B!important}
.tableauQuestPoser > table.tablebg > tbody > tr.row1:nth-child(2) > td *{ font-size:17px;}
.tableauQuestPoser > table.tablebg > tbody > tr.row1 > td{ border-right:1px solid #fff;}

.tableauQuestPoser td.profile-icons a span, .tableauQuestPoser td.profile-icons a strong{ color:#EC671B!important}

.tableauQuestPoser > table.tablebg > tbody > tr.row2:nth-child(1) > td{ background-color:#E9E9E9; border-right:1px solid #fff; font-size:15px;}
.tableauQuestPoser > table.tablebg > tbody > tr.row2:nth-child(1) > td td{ background-color:#E9E9E9;}
.tableauQuestPoser > table.tablebg > tbody > tr.row2:nth-child(1) > td b{ color:#EC671B!important}
.tableauQuestPoser > table.tablebg > tbody > tr.row2:nth-child(1) > td *{ font-size:17px;}
.tableauQuestPoser > table.tablebg > tbody > tr.row2 > td{ border-right:1px solid #fff;}

.tableauQuestPoser table.forBasPosQuest tr td{ background-color:#444444!important}
.tableauQuestPoser table.forBasPosQuest tr td span{ color:#FFF}

.basTablePOsQues{ margin:50px 0 20px; padding-top: 50px; border-top: 1px solid #F2F2F2;}
.basTablePOsQues *{ font-size:15px; vertical-align:top}


.contactPage{ padding:10px 2%; margin-bottom:10px;}

.contactPage .titreBloc{ text-align:center; margin-top:20px; padding-bottom:20px;}
.contactPage .titreBloc span{ font-size:2.3em; color:#F60; font-weight:500; text-transform:uppercase}

.contentContact{ padding:30px 2%; background:#FAFAFA; width: 50%; margin: 0 auto;-webkit-border-radius: 7px;border-radius: 7px;-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.25);box-shadow: 0 0 5px 1px rgba(0,0,0,.25);}
.contentContact > .left, .contentContact > .right{margin-bottom:20px; width:100%}
.contentContact > .right{}
.contentContact > .left p{ padding:20px; border:1px solid #EEEEEE; margin-bottom:20px; font-size:17px; font-weight:300; line-height:150%; background-color:#FFF; text-align: center;}
.contentContact > .left p b{ font-size:100%; font-weight:900; color:#1D58AE}
.contentContact > .left p a{ font-size:100%; color:#F60; text-decoration:none; font-weight:300}
.contentContact > .left p a:hover{ text-decoration:underline}

.contentContact > .right .contentFormInt{ margin-bottom:15px;}
.contentContact > .right .contentFormInt:hover{}
.contentContact > .right .contentFormInt > *{ display:inline-block; vertical-align:middle}
.contentContact > .right .contentFormInt label{ width:30%; font-size:1.6em; color:#111; }
.contentContact > .right .contentFormInt label strong{ font-weight:700; font-size:100%; color:#F60}
.contentContact > .right .contentFormInt p{ width:100%}
.contentContact > .right .contentFormInt p > span{ margin-right:20px; font-size:1.5em; color:#000; font-weight:300}
.contentContact > .right .contentFormInt p > input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #eee; padding:5px 10px; width:90%}
.contentContact > .right .contentFormInt p > span input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #eee; padding:5px 20px;}
.contentContact > .right .contentFormInt p select{ background:none; border:none; background-color:#fff; border:1px solid #eee; padding:5px 20px;}
.contentContact > .right .contentFormInt p input[type=file]{ background:none; border:none; background-color:#fff; border:1px solid #eee; padding:5px 20px 5px 5px;}
.contentContact > .right .contentFormInt p textarea{ height:200px; background:none; border:none; background-color:#fff; border:1px solid #eee; padding:5px 10px; width:90%}
.contentContact > .right .nextEtapeContact { margin-top: 50px; text-align: right; width:94%}
.contentContact > .right .nextEtapeContact button{ background:none; border:none; cursor:pointer}
.contentContact > .right .nextEtapeContact a{ display:inline-block; margin:0 20px; cursor:pointer}

.loginForum .linkToConnectAdmin a#login_btn, .loginForum .linkToConnectAdmin a#register_btn{margin:0 auto; display:block; max-width:90%; background:url(/templates/temp/if_images/if_forum_7.png) top left no-repeat; background-size:100% 100%; padding:20px; line-height:120%; font-size:21px; color:#fff; text-align:center}

.contentPageProfilForum{}
.contentPageProfilForum ul{background-color: #FFF6F1; border: 1px solid #fff; font-size: 1.7em; font-weight: 300; line-height: 150%; margin-bottom: 20px; padding: 20px;}
.contentPageProfilForum ul li, .contentPageProfilForum ul li *{ list-style:none; font-size:100%;}
.contentPageProfilForum ul li.avatar img{ width:100%; height:auto}
.contentPageProfilForum ul li a{color: #f60; font-size: 100%; font-weight: 300; text-decoration: none;}

.contactUserForum{ background-color: #fff; border: 1px solid #eeeeee; line-height: 150%; margin-bottom: 20px; padding: 20px;}
.contactUserForum p.titreBloc{color: #ec671b; font-size: 1.7em; font-weight: 500; margin: 0 0 20px; padding:0; text-align: center; text-transform: uppercase; background:none; border:none;}
.inContactUserForm{background: #fff6f1 none repeat scroll 0 0; padding: 20px;}
.inContactUserForm p{ display:block; margin-bottom:10px;}
.inContactUserForm p > *{ display:inline-block; width:45%; vertical-align:top; font-size:100%; font-weight: 300;}

.rightForumProfil{margin:0; border:1px solid #E6E6E6; border-top:0; background-color:#FFF;}
.rightForumProfil .contentFormInt *{color: #000; font-size: 15px!important; font-weight: 300;}
.rightForumProfil h4{padding:20px 0 20px 80px;  font-size:17px; font-weight:500; color:#333!important; border:1px solid #E6E6E6; border-width:1px 0; margin-bottom:20px; text-transform:uppercase; background:#F3F3F3 url(/templates/temp/if_images/if_forum_6.png) 20px 20px no-repeat}
.rightForumProfil .contentFormInt{ margin:0 20px 20px}
.rightForumProfil .contentFormInt label{ font-weight:500;}








/* statique */



/* general */

.bg_site { width:1024px; max-width:99%; margin:0 auto; position:relative; background-color:#FFF; overflow:hidden; margin-top:-50px; z-index:1;

-webkit-border-top-left-radius: 5px; -webkit-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.5);

-webkit-border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px; -moz-box-shadow:0px -1px 4px rgba(0, 0, 0, 0.5);

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px; box-shadow:0px -1px 4px rgba(0, 0, 0, 0.5);

border-top-right-radius: 5px;

}

.showMenu{ display:none;}

/* header */

.header{ width:100%; margin:0; padding:0; height:150px;}

.contentLogo{ width:1024px; margin:0 auto; height:110px; max-width:100%}

.contentLogo img{ margin:10px 0 0 80px;}

.contentLogo a{ color:#fff;}

.contentLogo div { display:inline-block; margin-left:215px; font-size:19px; font-family:Raavi, Tahoma; font-weight:100; line-height:23px; width:500px; height:43px;margin-top:-20px; overflow:hidden; vertical-align:middle;}

.contentLogo h1 { display:inline-block; margin-left:215px; font-size:19px; font-family:Raavi, Tahoma; font-weight:100; line-height:23px; width:500px; margin-top:10px; max-width:100%; text-align:left}



/* menu */

.c_menu { height:70px; background-color:#F4F4F4; list-style:none; width:1550px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

background: url(/images/news/menu_border.png) top repeat-x}

.c_menu li a{ display:block; height:55px; padding-top:15px; text-align:center; font-family:Raavi, Tahoma; font-size:15px; color:#444; text-align:center; line-height:130%}

.c_menu.connectClient li { width:126px}

.c_menu.connectPresta li { width:129px}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*SAFARI et CHROME*/

/*  .c_menu li a{padding:15px 64px 0;}*/

}

.c_menu li.li_acceuil{ left:0;}

.c_menu li.li_acceuil a{ line-height:40px}

.c_menu li.li_member a, .c_menu li.li_contact a{}

.c_menu li.li_member, .c_menu li.li_contact{}



.c_menu li.li_contact{ left:-482px;}

.c_menu li.li_compte_presta a{ line-height:40px;}

.c_menu.connectClient li.li_member a, .c_menu.connectPresta li.li_contact a{padding-left:43px; padding-right:43px;}



/* new menu */

.c_menu {width:1024px; max-width:100%; position:relative;}

.c_menu li{ margin:0 2px 0 0; padding:0; float:left; height:69px; background-color:#f4f4f4; background: url(/images/news/menu_hover_non_hover.png) top repeat-x; width:120px}

.c_menu li.li_ask_devis{ width:130px}

/*.c_menu li.li_ask_question{ width:191px}*/

.c_menu li.li_find_ec{ width:155px}

.c_menu li.li_calcul{ width:192px}

.c_menu li.li_ec_join{ width:175px}

.c_menu li.li_member{ left:auto; right:0; float:right; margin:0}

/* new menu Presta*/

ul.connectPresta li.li_acceuil{width:107px;}

.c_menu li.li_mes_clients{ left:70px}

.c_menu li.li_all_devis_presta{ left:196px}

.c_menu li.li_write_item{ left:332px}

.c_menu li.li_modify_presta{ left:462px}

.c_menu li.li_account_presta{ left:601px}

.c_menu li.li_faq_presta{ left:726px}

.c_menu li.li_contact{ left:auto; right:0; float:right;}

/* new menu clients*/

ul.connectClient li.li_acceuil{width:107px;}

.c_menu li.li_ask_devis_client{ left:59px}

.c_menu li.li_ask_question_client{ left:191px}

.c_menu li.li_find_ec_client{ width:145px}

.c_menu li.li_mes_demandes{ left:493px}

.c_menu li.li_espace_client{ left:620px}

.c_menu li.li_modif_client{ left:728px}

.c_menu li.li_contact{ left:auto; right:0; float:right;}



/* sous menu */

.bt_ec_find{top :184px; position:relative; text-align:center;}

.bt_ask_question, .bt_ask_devis{ text-align:center}

.bt_ask_devis{ width:322px; height:43px; margin-top:5px}

.bt_ec_find:hover, .bt_ask_question:hover, .bt_ask_devis:hover{background-position:bottom left;}

.bt_ec_find a, .bt_ask_question a, .bt_ask_devis a { font-family:Raavi, Tahoma; font-size:15px; color:#FFF; font-weight:bold; line-height:43px;	}

.c_home_top_left, .c_home_top_middle , .c_home_top_right { float :left; max-width:322px; width:100%; margin:0 8px;}

.contentAnnonce{background: url(/images/news/fd_annonce.png) bottom center no-repeat; height:15px;}

.blockAnnonce{height:173px;}

.imgBlockAnnonce {margin-top:4px; margin-left:20px; float:left}



.slide div img{ margin-left:10px}



.contentFooter{ margin-top:-10px; z-index:10; position:relative}

.footer { width:1024px; margin:0 auto; padding:1px 0; position:relative; max-width:100%}

.contentLinkFooter{ width:675px; float:left; max-width:100%}

.contentNews{ float:right; width:290px; margin:20px 20px 0 0; max-width:100%}

.contentNews h6{ font-size:24px; color:#FFF; font-weight:100; margin:0 0 20px 0; padding:5px 0 5px 55px; text-transform:uppercase ;background: url(/images/news/nl.png) top left no-repeat;}

.AffcontentNews { font-size:24px; color:#FFF; font-weight:100; margin:0 0 20px 0; padding:5px 0 5px 55px; text-transform:uppercase ;background: url(/images/news/nl.png) top left no-repeat; height:28px;} /*pour affichage sans h6*/

.c_newsletter{ font-size:15px; color:#000; font-family:"Myriad Pro", Arial}

.footer .bleuc{ width:350px; height:35px; background:url(/images/news/footer_copy.png) top left no-repeat; position:absolute; bottom:1px; right:20px;}

a.close_windows:hover{ color:#D60000;}

.footer .bleuc span{ position:relative; top:7px; left:20px; font-size:10px; color:#999}



/* forum blog */

.forumBlog{ margin:0; padding:0;}

.forum{ width:300px; background: url(/images/news/blog_fd.png) repeat-x left bottom; margin-left:10px; padding:10px; float:left}

.forum h4{ font-size:21px; color:#00B22D; font-family:"Myriad Pro", Arial; font-weight:100; padding:10px; border-bottom:1px dashed #DBE0E3}

.forum h4 a {color:#00B22D}

.forum ul, .forum ul li{ list-style:none; margin:0; padding:0}

.forum ul{ margin:0 10px;}

.forum h5{background: url(/images/news/fleche_vert.png) left center no-repeat; font-size:15px; color:#333; padding-left:20px; font-weight:100; margin:10px 0 5px;}

.forum h5 a{font-size:15px; color:#333;}

.forum h5 a:hover{ color:#FF7F00}

.forum p{ font-size:13px; color:#666; font-family:"Myriad Pro", Arial;}

.forum ul li{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff;}

.forum ul li:last-child{ border:none;}



.blog{ width:645px; background: url(/images/news/blog_fd.png) repeat-x left bottom; margin-right:10px; padding:10px; float:right}

.blog h4{ font-size:21px; color:#324E76; font-family:"Myriad Pro", Arial; font-weight:100; padding:10px; border-bottom:1px dashed #DBE0E3}

.headOnglet{ height:33px; margin:10px 0 0; padding:0; position:relative;}

.headOnglet a{ float:left; margin:0; padding:0 15px; line-height:33px; background:#E0ECF8; font-size:12px; color:#333; font-weight:700; font-family:"Myriad Pro", Arial; cursor:pointer; margin-right:1px;

-webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;

}

.headOnglet a.active, .headOnglet a:hover{background:#314D74 ; color:#fff;}

.shadow{  background: url(/images/news/blog_top.png) bottom center no-repeat; position:relative; top:23px; left:1px; display:block; height:10px;}

.contentOnglet{ background:#FFF; padding:10px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}

.contentOnglet img{ float:left; margin:0 10px 10px 0}

.inContent{ width:50%; float:left; font-family:"Myriad Pro", Arial; line-height:140%}

.inContent img{float:left}

.listeCat{ float:right; width:45%; list-style:none; margin:0; padding:0}

.listeCat li{ padding:0 0 0 20px; margin:0 0 5px 0; background: url(/images/news/fleche_bleu.png) left center no-repeat; color:#324F77; font-size:15px; font-family:"Myriad Pro", Arial}

.listeCat li a{ color:#324F77; font-size:15px; font-family:"Myriad Pro", Arial}

.listeCat li a:hover{ color:#FF8000}











/************************ dynamique ********************************/

.header{

background: url(/images/news/header_bord.png) no-repeat right top #555555; /* Old browsers */	

background: url(/images/news/header_bord.png) top right no-repeat, -moz-linear-gradient(top,  #555555 0%, #555555 49%, #5f5f5f 58%, #5f5f5f 100%);

background: url(/images/news/header_bord.png) top right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(49%,#555555), color-stop(58%,#5f5f5f), color-stop(100%,#5f5f5f));

background: url(/images/news/header_bord.png) top right no-repeat, -ms-linear-gradient(top,  #555555 0%,#555555 49%,#5f5f5f 58%,#5f5f5f 100%);

background: url(/images/news/header_bord.png) top right no-repeat, -o-linear-gradient(top,  #555555 0%,#555555 49%,#5f5f5f 58%,#5f5f5f 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#5f5f5f',GradientType=0 ); /* IE6-9 */

}

.contentLogo{background: url(/images/news/logo_bg.png) top left no-repeat }



/* menu */

.c_menu li:hover{background: url(/images/news/menu_hover_non_hover.png) bottom repeat}

.c_menu li:hover a{ color:#FFF}





/* connexion */

.connexe{ width:1004px; margin:5px auto; position:relative; top:-34px; text-align:right; font-family:Raavi, Tahoma}

.connexe a{ font-family:Raavi, Tahoma}



.forumBody  .connexe{ max-width:100%; top:-50px;}

/* sous menu */

.bt_ec_find, .bt_ask_question, .bt_ask_devis{background:url(/images/news/btt_1.gif) top left no-repeat; clear:both}

.c_home_top_right .block_rouge {

background: #314d74; /* Old browsers */

background: -moz-linear-gradient(top,  #314d74 0%, #3f6394 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#314d74), color-stop(100%,#3f6394)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #314d74 0%,#3f6394 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #314d74 0%,#3f6394 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #314d74 0%,#3f6394 100%); /* IE10+ */

background: linear-gradient(to bottom,  #314d74 0%,#3f6394 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314d74', endColorstr='#3f6394',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;	

}

.c_home_top_right .block_gris {

background: #c2c8d0; /* Old browsers */

background: -moz-linear-gradient(top,  #c2c8d0 0%, #bec5ce 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c8d0), color-stop(100%,#bec5ce)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #c2c8d0 0%,#bec5ce 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #c2c8d0 0%,#bec5ce 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #c2c8d0 0%,#bec5ce 100%); /* IE10+ */

background: linear-gradient(to bottom,  #c2c8d0 0%,#bec5ce 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c8d0', endColorstr='#bec5ce',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;	

}



.bottom_left h2 { font-size :21px; color :#fff; font-family:"Myriad Pro", Arial; height:85px; font-weight:100; background:url(/images/news/top_pro.png) repeat-x bottom left;}

.bottom_right h2 { font-size :29px; color:#CA8102; font-family :"Myriad Pro", Arial; background:url(/images/news/pro_middle.png) no-repeat bottom left; height:85px; line-height:73px; font-weight:100; color:#324E76}

.poserQuestion .bottom_right h2 { margin:0; padding:0; background:none; font-size :19px; font-family:"myriad pro", arial; font-weight:100; color:#324D76; background:url(/images/bandeaux.png) top center no-repeat; padding-left:85px; height:44px; line-height:44px;}





.headEc{ width:320px; height:38px; background: url(/images/news/ec_head.png) top left no-repeat; text-align:center; line-height:39px; font-size:13px; font-weight:900; color:#333}

h3.headEc a{ width:270px; padding:0 25px; overflow:hidden;}

.headEc a{ color:#333}

.bottom_right .cliquable:hover .headEc{ background-position:center left;}

.bottom_right .cliquable:hover .connectes .headEc{ background-position:bottom left;}

.bottom_left .cliquable:hover .headEc{ background-position:bottom left;}

.contentPriceEc{ background: url(/images/news/ec_content.png) top center no-repeat; height:43px; clear:both; padding:0 10px; font-size:10px}

/*.bottom_right .cliquable:hover .contentPriceEc{ background-position:bottom center}*/



/* footer */

.contentFooter{ border-top:5px solid #F95E02; z-index:1;

background: url(/images/news/footer_bord.png) no-repeat scroll left top #555555; /* Old browsers */

background: url(/images/news/footer_bord.png) no-repeat scroll left top,-moz-linear-gradient(top,  #555555 0%, #555555 49%, #5f5f5f 58%, #5f5f5f 100%); /* FF3.6+ */

background: url(/images/news/footer_bord.png) no-repeat scroll left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(49%,#555555), color-stop(58%,#5f5f5f), color-stop(100%,#5f5f5f)); /* Chrome,Safari4+ */



background: url(/images/news/footer_bord.png) no-repeat scroll left top, -o-linear-gradient(top,  #555555 0%,#555555 49%,#5f5f5f 58%,#5f5f5f 100%); /* Opera 11.10+ */

background: url(/images/news/footer_bord.png) no-repeat scroll left top, -ms-linear-gradient(top,  #555555 0%,#555555 49%,#5f5f5f 58%,#5f5f5f 100%); /* IE10+ */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#5f5f5f',GradientType=0 ); /* IE6-9 */

}



.footer {background: url(/images/news/footer_bg.png) top left repeat-x;}









/* devis new */

.introDevis{ width:100%; height:267px; background:url(/images/news/introdevis.jpg) top left no-repeat; border-bottom:5px solid #B82616; position:relative; z-index:999}

.tetoIntro{ width:455px; height:267px; float:left; margin-left:2%; max-width:100%}

.imgIntro{ float:right; width:499px; height:267px; background:url(/images/news/fddevis.png) bottom center no-repeat;}

.tetoIntro h1{ font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#000; margin:50px 0;}



.tetoDevis{ width:485px; height:111px; background:url(/images/news/titreformdevis.png) top center no-repeat; position:relative; top:247px; margin:0 auto}

.tetoDevis p{ margin:0px 20px 10px 120px; padding-top:10px;}

.tetoDevis p b{ color:#FFF; font-size:21px; display:block; border-bottom:2px solid #FFF}

.tetoDevis p span{ color:#FFF; font-size:13px; font-weight:100}



.leftDevis{ width:500px; float:left; background:url(/images/news/leftdevis_fd.png) left top no-repeat; padding:40px 0; max-width:100%}

.leftDevis > p{ padding-left:15px;}

.leftDevis > ul{ margin-left:15px;}

.rightDevis{ width:460px; float:right; background:#F3F3F3; margin-right:19px; margin-bottom:30px; max-width:100%; position:relative; z-index:1;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

border-bottom-right-radius: 10px;

border-bottom-left-radius: 10px;

-webkit-box-shadow: 0 0 3px 1px #8F8F8F;

box-shadow: 0 0 3px 1px #8F8F8F;

}



.plusDevis{ min-height:200px; background:url(/images/news/expert.png) left bottom no-repeat; }

.plusDevis li{ padding-left:50px; text-align:center; font-size:16px; color:#666; list-style:none; margin:20px 0 20px 200px; min-height:35px;}

.plusDevis li.un{ background:url(/images/news/1.png) left top no-repeat;}

.plusDevis li.deux{ background:url(/images/news/2.png) left top no-repeat;}

.plusDevis li.trois{ background:url(/images/news/3.png) left top no-repeat;}



.contactExpert{ padding:20px; /*background-color:#EEEEEE*/}

.contactExpert p{ font-size:14px; font-weight:700; color:#B82616; text-align:center}

.devisContact{ margin-top:15px!important}

.devisContact div{ margin:0 20px;}



.devGrat{ text-align:center; font-weight:bold; color:#FFF; font-size:21px; height:50px; line-height:50px;/* background:url(/images/news/bg8titre.jpg) left top repeat*/}

.texteDevis{ margin:20px 30px; font-size:12px; line-height:150%; color:#333}

.texteDevis p b{ font-size:14px; color:#9D2113;}



.rightDevis{}

.contentDevis{background:url(/images/fd_devis_gen.png) 0px 390px repeat-x;}

.imgFloat{ position:absolute; left:0px; top:515px;}


.orange{color:#EB6619 !important}

.stick_close_forum{
    margin-top: 5px;
    background-color: white;
    width: 2%;
    float: right;
  }

  .popup_block_forum{
    display: none;
    background: #fff;
    padding: 20px;  
    border: 20px solid #ddd;
    float: left;
     position: fixed;
    bottom: 0;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left:98px;
  }

  .popup_block_forum .titreFormAvis{font-size:13px;}

  @media screen and (max-width:320px)
{

  #dv_popup_forum{
    margin: 0% auto!important;
    left:0!important;
    top:0!important;
  }

  .popup_block_forum{
    margin:0 auto;
    width:70%;
    left:2.5%;
    z-index: 99991;
  }

  .popup_block_forum #bt_oui_non .bt_nok{padding:10px;margin-left: -5px;color:white;}
  .popup_block_forum #bt_oui_non .bt_ok{padding:10px;color:white;}
}

@media screen and (min-width:321px) and (max-width:400px)
{
  #dv_popup_forum{
    margin: 0% auto!important;
    left:0!important;
    top:0!important;
  }

  .popup_block_forum{
    margin:0 auto;
    width:76%;
    left:2.1%;
    z-index: 99991;
  }

  .popup_block_forum #bt_oui_non .bt_nok{padding:10px;margin-left: -5px;color:white;}
  .popup_block_forum #bt_oui_non .bt_ok{padding:10px;color:white;}
}

@media screen and (min-width:401px) and (max-width:500px)
{
  .popup_block_forum{
    margin:0 auto;
    width:61%;
    left:10%;
    z-index: 99991;
  }

  .popup_block_forum #bt_oui_non .bt_nok{padding:13px;margin-left: -5px;}
  .popup_block_forum #bt_oui_non .bt_ok{padding:13px;}

	#logo_laurier {bottom:150px; height:30%;}
}

@media screen and (min-width:501px) and (max-width:600px)
{
  .popup_block_forum{
    margin:0 auto;
    width:65%;
    left:10%;
    z-index: 99991;
  }

  .popup_block_forum #bt_oui_non .bt_nok{padding:15px;}
  .popup_block_forum #bt_oui_non .bt_ok{padding:15px;}
}

@media screen and (min-width:601px) and (max-width:700px)
{
  .popup_block_forum{
    margin:0 auto;
    width:67%;
    left:10%;
    z-index: 99991;
  }

  .popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
  .popup_block_forum #bt_oui_non .bt_ok{padding:16px;}
}

@media screen and (min-width:701px) and (max-width:800px)
{
  .popup_block_forum{
    margin:0 auto;
    width:69%;
    left:10%;
    z-index: 99991;
  }

  .popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
  .popup_block_forum #bt_oui_non .bt_ok{padding:16px;}
}

@media screen and (min-width:801px) and (max-width:900px)
{
  .popup_block_forum{
    margin:0 auto;
    width:58%;
    left:20%;
    z-index: 99991;
  }

  .popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
  .popup_block_forum #bt_oui_non .bt_ok{padding:16px;}
}

@media screen and (min-width:901px) and (max-width:1000px)
{
  .popup_block_forum{
    margin:0 auto;
    width:45%;
    left:25%;
    z-index: 99991;
  }

  .popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
  .popup_block_forum #bt_oui_non .bt_ok{padding:16px;}
}

@media screen and (min-width:1001px) and (max-width:1200px)
{
  .popup_block_forum{
    margin:0 auto;
    width:45%;
    left:25%;
    z-index: 99991;
  }

  .popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
  .popup_block_forum #bt_oui_non .bt_ok{padding:16px;}
  
  	#logo_laurier {bottom:180px; height:50%;}
}

@media screen and (min-width:1201px)
{
  .popup_block_forum{
    margin:0 auto;
    width:45%;
    left:25%;
    z-index: 99991;
  }

  .popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
  .popup_block_forum #bt_oui_non .bt_ok{padding:16px;}
}

.bt_ok
  {
    padding:20px 50px 20px 50px;
    text-align:center;
    background-color:#FF6500 ;
    color:white;
    margin-right:10px;
  }
  
  .bt_nok
  {
    padding:20px 50px 20px 50px;
    text-align:center;
    background-color:#0D3250;
    color:white;
    margin-left:10px;
    margin-right:2%;
  }
  #bt_oui_non
  {
    margin:20px;
    margin-top:30px;
    font-size: 1.3em;
  }

  #bt_oui_non a
  {
    font-weight:bold;
    font-size:1.2em;
  }
  #bt_oui_non a:hover
  {
    color:#fff;
  }
  #bt_oui_non a.bt_nok
  {
    color:#fff;
  }

  .dv_popup_me{position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,0.7);text-align:center;z-index:997}
      .dv_popup_me_cntnt{width:450px;height:450px;max-width:90%;display:inline-block;margin-top:5%;position:relative;z-index:9998}
      .circle_pop{width:100%;height:100%;border-radius:50%;background:#fff;border:5px solid #EB651A;overflow:hidden;position:relative;z-index:9;}
      .dv_popup_img{max-width:100%;height:220px;display:block;position:relative;}
      .dv_popup_img label{position:absolute;font-size:13pt;z-index:9;font-weight: bold;text-shadow: 0px 6px 5px #aaa;color:#0D3250;}
      .dv_popup_me_cntnt table{width:100%;padding:0px;border:0px;display:block;}
      .dv_popup_me_cntnt h2{font-size:2.5em;}
      .dv_popup_me_cntnt table td{color:#fff;}
      .dv_btnpopupinline{display:inline-block;vertical-align:middle;width:40%;text-align:center;color:#fff;background-size:contain !important;}
      .dv_btnpopupinline a{color:#fff;text-decoration:none;border-radius: 3px;padding: 15px 0px;box-shadow: 1px 2px 5px #888;width:150px;display: inline-block;font-size:13pt;font-weight:bold;}

.forContentPopNews{
  width: 300px;
  height: 300px;
  position: relative;
  margin: 200px auto 0;
}
.topPop{
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: -160px;
  width : 100%;
  font-size: 17px;
  font-family: 'Lato', sans-serif;
  line-height: 150%;
  font-weight: 600;
  color:#fff;
}
.newsPop{
  width: 300px;
  height: 300px;
  margin: 0;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
  box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
  position: relative;
  
  background: #f9f9f9; /* Old browsers */
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f9f9f9 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

  text-align: center;
  border-radius: 50%;
  overflow: hidden;
}

.news_blog{width: 305px!important;height: 320px!important;}
.picbas{
  position: absolute;
  top: -80px;
  left: 70px;
  width: 180px;
  height: auto;
  margin: 0 auto;
  z-index: 9999;
}
.titrePopUpBlog{
  margin: 0;
  margin-top: 35px;
  background-color: #fff;
  text-align: center;
  padding: 10px 0px;
  font-size: 18px;
  font-weight: 400;
  color:black;
  font-family: 'Lato', sans-serif;
  line-height: 150%;
}
.titrePopUp{
  margin: 0;
  margin-top: 35px;
  background-color: #fff;
  text-align: center;
  padding: 10px 0px;
  font-size: 19px;
  font-family: 'Lato', sans-serif;
  line-height: 150%;
}
.titrePopUp b{
  color: #FF3F00;
  font-size:19px;
}
.titrePopUpBlog b{
  color: #FF3F00;
  font-size: 18px;
  font-weight: 400;
}
.listePopBlog{
  line-height: 1.7em;
  margin-left: -19px!important;
  margin-right: -19px!important;
}
.linkToPopBlog{
  line-height: 1em;
}
.listePop{
  padding: 5px 0;
}
.listePop p{
  margin: 0;
  padding: 0;
}
.listePop p a{
  font-size: 13px;
  color: #555555;
  font-weight: 700;
  display: inline-block;
  padding: 5px 14px;
  text-decoration: none
}
.listePop p a:hover{
  text-decoration: underline;
}
.listePop p a span{
  font-size: 13px;
  color: #FF3F00;
  font-weight: 700;
}
.linkToPop{
  width: 100%;
  min-height: 136px;
  background: url(../../images/popup/picbas_2.png) top no-repeat;
}
.linkToPop p{
  margin: 0;
  padding: 25px 0 20px;
}
.linkToPop p a{
  padding: 5px 0;
  width: 33%;
  margin: 0 5px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
  box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
  display: inline-block;
}
.linkTop p .link{width: 33%!important;}
.bttBlog{
  background: #333;
}
.bttForum{
  background-color: #1D58AE;
}
.linkToPop p a:hover{
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
  box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
  color: #000;
}
.backPop{
  text-align: center;
  display: block;
  margin: 0; 
  padding: 0;
}
.backPop a{
  text-transform: uppercase;
  font-size: 13px;
  padding: 0 0 10px;
  margin: 0;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  background: url(../../images/popup/picbas_3.png) center bottom no-repeat;
}
.backPop a:hover{
  font-size: 14px;
}