html,
body,
div.main {width:100%; height:100%; margin:0px; padding:0;}
body.main,
div.main {position:relative;}
/* MODIF contenus/_email_css.php ---- COULEURS */

body.main,
div.main {display:table;}
form {padding:0; margin:0;}
input, object {outline:none;}
img {margin:0; padding:0; border:0;}
p {padding:0; margin:0;}
a {outline:none; color:#434242;}
div, header, main, footer, ul, li, form {position:relative;}
.boxsizing {max-width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fclear::after {content:''; display:block; clear:both; height:0; overflow:hidden;}
.clear {clear:both; height:0; overflow:hidden;}
.ellipsis {overflow:hidden; o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.toclamp {overflow:hidden;}
.toclamp p {margin:0; padding:0; position:relative;}
.divL {float:left;}
.divR {float:right;}

audio {display:block; max-width:100%;}
.tmceContenu img.notloaded {min-width:20px; min-height:20px; background:#eee url(/images/global/icon_img_tmp.png) no-repeat center;}

.fontload {position:absolute; left:-1000px; top:-1000px; font-family:monospace; font-weight:400; visibility:hidden; font-size:12px;}

/*-------------------------------------- DIV ----------------------------------------------*/

.divA {position:absolute !important; left:0px; top:0px; display:block;}

h1 {color:#000; font-size:20px; margin:0; font-weight:700;}
h2 {color:#000; font-size:18px; margin:0; font-weight:700;}
h3 {color:#000; font-size:16px; margin:0; font-weight:700;}
h4 {color:#000; font-size:15px; margin:0; font-weight:700;}
h5 {color:#000; font-size:14px; margin:0; font-weight:700;}

.main input::-webkit-input-placeholder,
.main textarea::-webkit-input-placeholder {color:inherit; opacity:0.5; -moz-opacity:0.5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50);}
.main input::-moz-placeholder,
.main textarea::-moz-placeholder {color:inherit; opacity:0.5; -moz-opacity:0.5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50);}
.main input:-ms-input-placeholder,
.main textarea:-ms-input-placeholder {color:inherit; opacity:0.5; -moz-opacity:0.5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50);}


/*--------------------------------------------------------------------------------------------------*/

.globalcenter {position:relative; width:1000px; height:100%; margin:0px auto 0 auto;}

.degrade {
position:fixed; width:100%; height:500px; left:0; top:0; z-index:2;
background: linear-gradient(to bottom,rgba(0,0,0,0.20),rgba(0,0,0,0.00));
background: -webkit-linear-gradient(top,rgba(0,0,0,0.20),rgba(0,0,0,0.00));
background: -o-linear-gradient(top,rgba(0,0,0,0.20),rgba(0,0,0,0.00));
background: -moz-linear-gradient(top,rgba(0,0,0,0.20),rgba(0,0,0,0.00));
background: -ms-linear-gradient(top,rgba(0,0,0,0.20),rgba(0,0,0,0.00));
}
.bgimg {position:fixed; width:100%; height:424px; left:0; bottom:0; background-repeat:no-repeat; background-position:center bottom; z-index:1; opacity:0; filter: alpha(opacity=0); -webkit-transition:opacity 0.8s; -moz-transition:opacity 0.8s; transition:opacity 0.8s;}
.home .bgimg {-webkit-transition:opacity 5s; -moz-transition:opacity 5s; transition:opacity 5s;}
.bgimg.load,
.home .bgimg.load,
.admin .bgimg,
.home.admin .bgimg {background-image:url(images/global/body-fondu.jpg); opacity:1; filter:alpha(opacity=100);}

/*-------------------------------------- HEADER ----------------------------------------------*/



header {display:table-row; position:relative; z-index:1000;}
header img {display:block;}
header .inner {height:54px; padding:20px 50px 30px; z-index:1000;}
header .globalcenter {min-width:1000px; width:auto; text-align:center; overflow:visible; z-index:1000;}
header .left {overflow:hidden; font-size:16px; font-weight:500; color:#fff; line-height:20px;}
header .left .logo {display:block; margin-bottom:3px;}
header nav {position:absolute; width:100%; top:20px; right:0px; font-size:0; text-align:center; z-index:1010;}
header nav > .btns {display:inline-block; padding:24px 10px 5px; margin:0 20px; color:#fff; vertical-align:top; font-size:16px; font-weight:400; line-height:20px; cursor:pointer; border-style:solid; border-width:0 0 5px; border-color:transparent; text-align:center; text-decoration:none;}
header nav > .btns.br {padding-top:4px;}
header nav > .btns:hover {border-color:#83807d;}
header nav > .btns.sel {cursor:default; border-color:#ebb100;}
/*header nav > a.btns.sel {border-color:#ebb100 !important;}*/

header nav > div.btns {cursor:default !important;}

header nav .btns .lvl1 {position:absolute; min-width:100%; left:-3000px; top:-1000px; text-align:left; line-height:normal; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
header nav div.btns:hover .lvl1,
header nav div.btns.hover .lvl1 {left:0px; top:54px;}
header nav .btns .lvl1 > .bg {min-width:100%; padding:0; background:rgba(255,255,255,0.95);}
header nav .btns .lvl1 > .bg .btns {display:block; position:relative; padding:8px 20px 8px 15px; font-size:14px; font-weight:600; background:none; border-left:5px solid #83807d; color:#333; text-decoration:none; white-space:nowrap; cursor:pointer;}
header nav .btns .lvl1 > .bg .btns:hover,
header nav .btns .lvl1 > .bg .btns.hover {background:rgba(235,235,235,1.00);}
header nav .btns .lvl1 div.btns {cursor:default;}


header .navfixed {display:none; position:fixed; width:100%; height:47px; top:0px; left:0px; background:#8e8a87;}
header nav.fixed {position:fixed; width:100%; top:0px; right:0px; font-size:0; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
header nav.fixed > .btns {font-size:14px; line-height:16px; padding:22px 10px 2px; border-width:0 0 2px}
header nav.fixed > .btns.br {padding-top:6px;}
header nav.fixed > .btns:hover {border-color:#66615c;}
header nav.fixed > .btns.sel {border-color:#ebb100;}
header nav.fixed .btns .lvl1 > .bg .btns {font-size:12px;}
/*header nav.fixed::after {content:''; position:absolute; width:100%; height:5px; top:100%; left:0; background:rgba(142,138,135,0.50); z-index:1;} */
header nav.fixed div.btns:hover .lvl1,
header nav.fixed div.btns.hover .lvl1 {left:0px; top:42px;}
header nav.fixed .btns .lvl1 > .bg .btns {border-left-width:2px; border-left-color:#66615c;}


/*---------------------------------------- MIDDLE ------------------------------------------------*/



main {display:table-row; position:relative; height:100%; z-index:10;}
main .middle {position:relative; height:100%; z-index:15; /*background:rgba(255,255,255,0.60);*/}

main #Contenu {position:relative; height:100%;}
main .cmsContenu {height:100%;}


/* -------------------- INPUT --------------------------*/
.main input,
.main textarea,
.main select {max-width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.main input[type="text"],
.main input[type="password"],
.main input[type="tel"],
.main input[type="number"], 
.main textarea,
.main select {display:block; width:100%;}
.main textarea { overflow:auto; resize:vertical; text-align:left;}
.main input[type="checkbox"],
.main input[type="radio"] {vertical-align:middle; margin:0; padding:0;}

.main input[type="submit"],
.main input[type="button"] {display:block; width:auto; cursor:pointer;}

.main .successMsg {text-align:center; margin-bottom:20px;}
.main .successMsg span {display:inline-block; padding-left:28px; font-size:14px; font-weight:bold; color:#060; line-height:19px; text-align:left; background:url(/images/global/icon_success.png) no-repeat left top;}
.main .errMsg {margin-bottom:20px; padding:5px; border:1px solid #900; color:#900; text-align:center;}
.main .errMsg span {display:inline-block; font-size:14px; color:#900; line-height:normal; text-align:left;}
.main .errMsg span a {font-size:14px; color:#900; line-height:normal; text-decoration:none;}


/*-------------------------------------- CONTACT ---------------------------------------------*/


/*---------------------------------------- CONTENU CMS ------------------------------------------------*/

.cmsContenu .section {font-size:0;}
.cmsContenu .section.notable .column {display:inline-block; vertical-align:top;}
.cmsContenu .section .section_table {z-index:8;}
.cmsContenu .section.istable .section_table {display:table; table-layout:fixed;}
.cmsContenu .section .column {z-index:8;}
.cmsContenu .section.istable .column {display:table-cell; margin-left:0px; vertical-align:top;}
.cmsContenu .section.istable .column.marge {font-size:0; line-height:0;}
.cmsContenu .section .column .contenu {z-index:8;}

.cmsContenu .boxborders {position:absolute; width:100%; height:100%; left:0; top:0; border-width:0; border-style:solid; border-color:transparent; z-index:1;}

.cmsContenu .margintop {margin-top:30px;}
.cmsContenu .cms_all {z-index:10;}
.cms_bloc {z-index:1;}
a.globallink {position:absolute; display:block; width:100%; height:100%; left:0; top:0; z-index:5;}

.photoCursor {cursor:url('images/global/loupe_zoomin.cur'), auto;}

/*-------------------------------------- FOOTER -----------------------------------------------*/

footer {display:table-row; position:relative; height:1px; z-index:200;}
footer .inner {background-color:rgba(255,255,255,0.10); color:#555; z-index:200;}
footer .inner .bgimg {position:absolute; width:100%; height:100%; right:0; bottom:0; background-repeat:no-repeat; background-position:right bottom; z-index:1; opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 1s; -moz-transition:opacity 3s; transition:opacity 3s; z-index:201;}
footer .inner .bgimg.load,
.admin footer .inner .bgimg {background-image:url(images/global/footer-oiseau.png); background-size:340px auto; opacity:1; filter:alpha(opacity=100);}
footer .inner .globalcenter {min-height:80px; padding:0px 0px 30px; text-align:left; z-index:210;}

footer .inner .cell {display:inline-block; padding:0 15px; border-right:1px solid rgba(0,0,0,0.20); vertical-align:top; font-size:14px; font-weight:500;}
footer .inner .cell:last-child {border-right:0 !important;}
footer .inner .cell a {text-decoration:none; color:#555;}
footer .inner .cell a:hover {text-decoration:underline;}

footer .inner .menu {font-size:14px; text-align:right;}
footer .inner .menu .line {display:block; margin-bottom:15px; vertical-align:top; font-size:0;}
footer .inner .menu img {display:block;}
footer .inner .menu .cell {padding:0; margin-left:1px; border:0;}
footer .inner .menu .cell a.lien {display:block; position:relative; padding:0 20px; line-height:20px; font-size:13px; font-weight:600; background:rgba(85,85,85,0.70); color:#bab5b2;}
footer .inner .menu .cell a:hover {text-decoration:none;}
footer .inner .menu .cell a:hover::after {content:''; position:absolute; width:100%; height:2px; top:100%; left:0; background:#ebb100;}

footer .inner .top {text-align:center;}
footer .inner .top .line {display:block; margin-bottom:0px; vertical-align:top;}
footer .inner .top .cell {font-size:13px; border-right:1px solid rgba(255,255,255,0.20);}

footer .inner .bottom {position:absolute; width:100%; left:0; bottom:0; text-align:center; font-size:0;}
footer .inner .bottom .cell {padding-bottom:2px; font-size:12px;}
footer .inner .bottom .cell img {display:block; margin-top:3px; cursor:pointer;}


/*-------------------------------------- PHOTOBOX ---------------------------------------------*/
.photobox {position:fixed; width:100%; height:100%; left:0px; top:0px; background:rgba(247,247,247,0.80); text-align:center; z-index:200100; cursor:url('images/global/loupe_zoomout.cur'), auto;}
.photobox:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
.photobox.loading {background:rgba(247,247,247,0.80) url(/images/global/loading_barre.gif) no-repeat center;}
.photobox img {border:15px solid #fff; vertical-align:middle; max-width:100%; max-height:100%; width:auto; height:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}



/*---------------------------------------- MEDIA QUERIES ------------------------------------------------*/

@media screen and (max-width: 1690px) {	
header nav > .btns {margin:0 15px;}
}
@media screen and (max-width: 1600px) {	
header nav {width:auto; right:100px; text-align:right;}
}
@media screen and (max-width: 1500px) {
.globalcenter {margin:0px 100px 0 auto;}
.bgimg {width:652px; left:auto; right:914px; background-position:left bottom;}
header nav > .btns {margin:0 15px;}
header nav.fixed {width:1000px; right:100px;}
}
@media screen and (max-width: 1350px) {	
header .inner {padding:20px 30px 30px;}
header nav {right:30px;}
header nav > .btns {margin:0 10px;}
}
@media screen and (max-width: 1300px) {
.globalcenter {margin:0px 10px 0 auto;}
.bgimg {width:652px; left:auto; right:824px; background-position:left bottom;}
/*footer .inner .top {font-size:14px; text-align:center;}*/
header nav.fixed {width:1000px; right:10px;}
}
@media screen and (max-width: 1180px) {
.globalcenter {margin:0px auto 0 auto;}
.bgimg {right:auto; left:0; background-position:-208px bottom;}
header .inner {height:98px;}
header nav {position:relative; margin-top:24px; right:auto; top:auto; text-align:center;}
header nav.fixed {margin-top:0 !important; width:100%; right:0;}
header .left .metier {display:inline-block; margin-left:30px; vertical-align:bottom;}
header .left .logo {display:inline-block; margin-bottom:0;}
}

/*------------------------------------------------- PAGINATION --------------------------------------------------------*/

.middle .pagination {width:100% !important; margin-top:0px; font-size:0; text-align:left;}
.middle .pagination.center {text-align:center;}
.middle .pagination.right {text-align:right;}
.middle .pagination > * {position:relative; display:inline-block; vertical-align:top; min-width:30px; height:30px; background-color:#eee; font-size:18px; line-height:30px; color:#000; text-decoration:none; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-repeat:no-repeat; background-position:center;}
.middle .pagination.left > * {margin-right:2px;}
.middle .pagination.center > * {margin:0 1px 0;}
.middle .pagination.right > * {margin-left:2px;}
.middle .pagination a:hover {background-color:#ccc;}
.middle .pagination .arrow {position:absolute; width:10px; height:10px; left:50%; top:50%;}
.middle .pagination a .arrow {cursor:pointer;}
.middle .pagination .next .arrow {transform:translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.middle .pagination .prev .arrow {transform:translateX(-50%) translateY(-50%) rotate(-135deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(-135deg); -ms-transform:translateX(-50%) translateY(-50%) rotate(-135deg);}
.middle .pagination .arrow .bartop {position:absolute; width:10px; height:4px; left:0; top:0; background:#000;}
.middle .pagination .arrow .barbas {position:absolute; width:4px; height:10px; right:0; top:0; background:#000;}
.middle .pagination .vide {color:#eee; line-height:30px;}
.middle .pagination > div {cursor:default;}
.middle .pagination div.num {padding:0; background-color:#ccc;}

.middle .paginsmall {margin-top:0px; font-size:0; text-align:left; z-index:1000;}
.middle .paginsmall.center {text-align:center;}
.middle .paginsmall.right {text-align:right;}
.middle .paginsmall div {cursor:default;}
.middle .paginsmall .prev,
.middle .paginsmall .next {position:relative; display:inline-block; vertical-align:top; width:30px; height:30px; background-color:#eee; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.middle .paginsmall .prev {margin-right:2px;}
.middle .paginsmall .next {margin-left:2px;}
.middle .paginsmall .arrow {position:absolute; width:10px; height:10px; left:50%; top:50%;}
.middle .paginsmall a .arrow {cursor:pointer !important;}
.middle .paginsmall .next .arrow {transform:translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.middle .paginsmall .prev .arrow {transform:translateX(-50%) translateY(-50%) rotate(-135deg); -webkit-transform:translateX(-50%) translateY(-50%) rotate(-135deg); -ms-transform:translateX(-50%) translateY(-50%) rotate(-135deg);}
.middle .paginsmall .arrow .bartop {position:absolute; width:10px; height:4px; left:0; top:0; background:#000; cursor:inherit;}
.middle .paginsmall .arrow .barbas {position:absolute; width:4px; height:10px; right:0; top:0; background:#000; cursor:inherit;}
.middle .paginsmall .mid {position:relative; display:inline-block; vertical-align:top; min-width:80px; padding:0 10px; height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#000; cursor:pointer;}
.middle .paginsmall .mid span {display:inline-block; line-height:25px;}
.middle .paginsmall .mid .coin {position:absolute; right:3px; top:3px; width:0; height:0; border-style:solid; border-width:0 7px 7px 0; border-color:transparent #000 transparent transparent;}

.middle .paginsmall a.prev:hover,
.middle .paginsmall a.next:hover,
.middle .paginsmall .mid:hover {background-color:#ccc;}
.middle .paginsmall .list {position:absolute; width:100%; left:0; bottom:100%;}
.middle .paginsmall .list .fond {padding:1px 0 0 1px;}
.middle .paginsmall .list .fond * {position:relative; display:inline-block; vertical-align:top; min-width:30px; height:30px; margin:0 1px 1px 0; padding:0 3px; line-height:29px; color:#000; text-decoration:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#eee;}
.middle .paginsmall .list .fond div {background:#eee; cursor:default;}
.middle .paginsmall .list .fond a:hover {background:#ccc;}


/*---------------------------------------- RGPD ------------------------------------------------*/

.rgpd {position:fixed; width:100%; height:auto; left:0; bottom:-200px; z-index:10000; transition:bottom 0.6s ease-out; -webkit-transition:bottom 0.6s ease-out;}
.rgpd.on {transition:bottom 0.6s ease-out; -webkit-transition:bottom 0.6s ease-out;}
.rgpd .bord {width:100%; height:8px;
background:rgba(0,0,0,0.30);
background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.20),rgba(0,0,0,0));
background:-moz-linear-gradient(bottom,rgba(0,0,0,0.20),rgba(0,0,0,0));
background:-o-linear-gradient(bottom,rgba(0,0,0,0.20),rgba(0,0,0,0));
background:linear-gradient(to top,rgba(0,0,0,0.20),rgba(0,0,0,0));
}
.rgpd .in {width:100%; background:#f4f4f4;}
.rgpd .in .c {max-width:800px; margin:0 auto; padding:10px; background:#f4f4f4; font-family:Verdana; color:#444; line-height:normal;}
.rgpd .in .c .t {display:table; width:100%; table-layout:fixed;}
.rgpd .in .c .l {display:table-cell;}
.rgpd .in .c .l .l1 {font-size:12px; font-weight:bold;}
.rgpd .in .c .l .l2 {font-size:11px; text-align:justify;}
.rgpd .in .c .r {display:table-cell; width:260px; padding-left:30px; text-align:right; font-size:0; vertical-align:middle;}
.rgpd .in .c .r .ask {display:inline-block; padding-left:18px; line-height:18px; font-size:11px; cursor:pointer; vertical-align:middle;}
.rgpd .in .c .r .ask::before {content:''; position:absolute; width:8px; height:8px; left:0; top:5px; border:1px solid #aaa; z-index:1;}
.rgpd .in .c .r .ask.on::after {content:''; position:absolute; width:11px; height:13px; left:0; top:2px; background:url(/images/global/icon_check.png) no-repeat; z-index:2}
.rgpd .in .c .r .ok {display:inline-block; margin-left:15px; padding:4px 15px; line-height:18px; font-size:12px; font-weight:bold; background:#2faa06; color:#fff; cursor:pointer; vertical-align:middle;}

@media screen and (max-width: 600px) {
.rgpd .in .c .t {display:block;}
.rgpd .in .c .l {display:block;}
.rgpd .in .c .r {display:block; padding:0; width:100%; margin-top:15px;}
}