@charset "utf-8";
@font-face {font-family: 'Montserrat-Regular';src: url('Montserrat-Regular.eot');src: url('Montserrat-Regular.eot?#iefix') format('embedded-opentype'),url('Montserrat-Regular.woff') format('woff'),url('Montserrat-Regular.ttf') format('truetype'),url('Montserrat-Regular.svg#Montserrat-Regular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Montserrat-SemiBold';src: url('Montserrat-SemiBold.eot');src: url('Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),url('Montserrat-SemiBold.woff') format('woff'),url('Montserrat-SemiBold.ttf') format('truetype'),url('Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'FontAwesome';src: url('fontawesome-webfont.eot?v=4.7.0');src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}
body {color: #306779;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-size: 14px;font-family: Montserrat-Regular;background-color: #fff;}
form { margin:0px;}
p {margin-top: 0px;margin-bottom: 20px;line-height: 1.5em;}
.p0 p { margin:0px; padding:0px;}
img {border-style: none;}
.reset{ clear:both;}
.resetA:after{content: "";display: table;clear: both;}
.right { float:right;}
.left { float:left;}
.hand,.bt_Supprimer,.bt_valider{ cursor:pointer;}
.fa {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

button:active,button:focus,input:focus,textarea:focus,select:focus {outline: none;border: none;}

.avisWidget{top:170px;position: fixed;right: 0;z-index: 999;}
.avisWidget a{text-decoration: none;}
.avisWidget .avWdgContainer{ color: #666;display: block;width: 100%;height: 100%;padding: 5px;text-align: center;box-shadow: 0 0 10px 0 #cacaca;border-radius: 5px 0 0 5px;background: #fff;}
.avisWidget a:hover div.avWdgContainer {box-shadow: 0 0 10px 0 #888;}
.avWdgName{font-size: 8px;}
.avWdgRatingStar{font-size:18px;color: #ffae00;}
.avWdgRatingScore{padding: 3px 0px;}
.avWdgRatingScore .avWdgRatingNote{font-size: 18px;font-weight: bold;}
.avWdgRatingScore .avWdgRatingCount{font-size: 10px;}

.avis {width: 140px;display: block;text-decoration: none !important;}
.avis .aviNam {padding: 8px 12px 6px 12px;border-radius:12px 12px 0px 0px;font-size: 13px;text-align: center;position: relative;}
.avis .aviNam:before {content:'';border-right: 8px solid transparent;border-left: 8px solid transparent;border-top: 8px solid #ffffff;position:absolute;bottom: -8px;left: 34px;z-index:2;}
.avis .aviSta {padding: 4px 10px 4px 10px;border-radius: 0px 0px 12px 12px;font-size: 12px;}
.avis .aviBgPri {background-color: #004359;}
.avis .aviBgWhi {background-color: #fff;}
.avis .aviBgBla {background-color: #000;}
.avis .aviBgGG {background-color: #ea4335;}
.avis .aviBgFB {background-color: #4267b2;}
.avis .aviBgFC {background-color: #619bb8;}
.avis .aviBgHZ {background-color: #4dbc15;}
.avis .aviBgPJ {background-color: #f9e938;}
.avis .aviBgAC {background-color: #97c047;}
.avis .aviBgET {background-color: #557483;}
.avis .aviNam.aviBgPri:before {border-top-color: #004359;}
.avis .aviNam.aviBgWhi:before {border-top-color: #fff;}
.avis .aviNam.aviBgBla:before {border-top-color: #000;}
.avis .aviColPri {color: #fff;}
.avis .avColWhi {color: #fff;}
.avis .avColBla {color: #000;}
.aviRatingStar{float: left;margin-top: 5px;color: #ffae00;font-size: 16px;}
.aviRatingScore{float: right;color: #fff;}
.avis .aviRatingScore div {display: block;}
.avis .aviRatingScore .ratingNote,.avis .aviRatingScore .ratingCount {text-align: center;}
.avis .aviRatingScore .ratingNote{font-size: 12px;}
.avis .aviRatingScore .ratingCount {font-size: 10px;}

#top {height:40px;color: #306779;line-height: 40px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccd9de;}
#top #info { float:right; padding:0px;}
#top #info ul {list-style:none inside;margin:0px;padding: 0px;}
#top #info ul li { display:block; float:left; margin-right:30px; color:#306779;}
#top i { color:#306779;font-size: 16px;margin-right: 5px;}
#top a { color:#306779;}
#top a:hover{ color:#004359;}

#header {background-image: url(../img/bg-header.png);background-repeat: repeat-x;background-position: 0px bottom;}
#header .page {position: relative;}

#bannerF {overflow: hidden;margin-top: -4px;}
#bannerF .page {position: relative;}
#bannerF img {position: absolute;left: -2000px;right: -2000px;margin: auto;width:auto;}
#bannerF .page .banFLayer{position:absolute;}
#bannerF .page .banFLayer.Cv{top:50%;transform: translateY(-50%);}
#bannerF .page .banFLayer.Ch{left:50%;transform: translateX(-50%);width: 100%;}
#bannerF .page .banFLayer.Cv.Ch{left:50%;top:50%;transform: translateX(-50%) translateY(-50%);width: 100%;}
#bannerF .page .cadreNoir05 {background-color: rgba(0,0,0,0.5);padding:10px;border-radius: 5px;}

.content0 {}
#content #mainfull{}
.mainTop{margin-bottom:10px;}
.mainBottom{margin-top:10px;}

#module {background-color: #004359;}
#module ul {margin:0px; padding:10px 0px 0px; list-style:none;}
#module li {border-bottom: 1px dotted #ccc;	padding-bottom: 0px;}
#module li a {display: block;font-size: 14px;text-decoration: none;height: 20px;color: #ccd9de;padding-top: 7px;padding-bottom: 4px;}
#module li a:hover,#module li a.selected {color: #00b7db;}
#module li:last-child{border-bottom: none;}

#footer {background-color:#004359;margin:0px;padding:25px 0px 35px 0px;font-size:14px;color:#588da6;border-top-width: 1px;border-top-style: solid;border-top-color: #588da6;}
#footer .footer {text-align:right;margin-bottom: 20px;}
#footer .footer a {color:#588da6;text-decoration:none;margin-right: 10px;margin-left: 10px;font-family:Montserrat-Regular;}
#footer .footer a:hover,#footer a.selected {color:#40b3b9;}
#footer .note{line-height: 20px;}
#footer .note a {color:#588da6;text-decoration:none;}
#footer .note a:hover {color:#40b3b9;}
#footer .copyR{clear:both;text-align: center;font-family:Montserrat-SemiBold;}


.columns,.columnsF {float:left;box-sizing:border-box;}
.columns.w80p,.columnsF.w80p {width:79%;margin-right:5%;}
.columns.w75p,.columnsF.w75p {width:73.7%;margin-right:5%;}
.columns.w66p,.columnsF.w66p {width:65%;margin-right:5%;}
.columns.w60p,.columnsF.w60p {width:57.5%;margin-right:5%;}
.columns.w50p,.columnsF.w50p {width:47.5%;margin-right:5%;}
.columns.w40p,.columnsF.w40p {width:37.5%;margin-right:5%;}
.columns.w45p,.columnsF.w45p {width:44%;margin-right:5%;}
.columns.w30p,.columnsF.w30p {width:28%;margin-right:5%;}
.columns.w33p,.columnsF.w33p {width:30%;margin-right:5%;}
.columns.w25p,.columnsF.w25p {width:21.25%;margin-right:5%;}
.columns.w20p,.columnsF.w20p {width:16%;margin-right:5%;}
.columns.last,.columnsF.last {margin-right:0px;}


.ftbgB .ft_Title,.ftbgB H1 ,.ftbgN .ft_Title,.ftbgN H1{font-size: 24px;font-family: Montserrat-SemiBold;margin: 0px 0px 20px;line-height: 25px;font-weight: normal;font-style: normal;text-transform: uppercase;}
.ftbgB .ft_SubTitle,.ftbgB H2 ,.ftbgN .ft_SubTitle,.ftbgN H2{font-size: 19px;font-family: Montserrat-SemiBold;margin: 0px 0px 18px;line-height: 20px;font-weight: normal;font-style: normal;text-transform: uppercase;}
.ftbgB .ft_Paragraph,.ftbgB H3 ,.ftbgN .ft_Paragraph,.ftbgN H3{font-size: 16px;font-family: Montserrat-Regular;margin: 0px 0px 16px;line-height: 17px;font-weight: normal;font-style: normal;text-transform: uppercase;}
.ftbgB .ft_UnderParagraph,.ftbgB H4 ,.ftbgN .ft_UnderParagraph,.ftbgN H4,.ftbgM H4{font-size: 14px;font-family: Montserrat-Regular;margin: 0px 0px 14px;line-height: 15px;font-weight: normal;font-style: normal;text-transform: uppercase;}

.ftbgB .ft_Title,.ftbgB H1,.ftbgB .ft_Paragraph,.ftbgB H3{color: #004359;}
.ftbgB .ft_SubTitle,.ftbgB H2,.ftbgB .ft_UnderParagraph,.ftbgB H4 {color: #00b7db;}
.ftbgN .ft_Title,.ftbgN H1,.ftbgN .ft_Paragraph,.ftbgN H3 {color: #FFFFFF;}
.ftbgN .ft_SubTitle,.ftbgN H2 {color: #00b7db;}
.ftbgN .ft_UnderParagraph,.ftbgN H4 {color: #00b7db;}


.ftbgB { color:#306779;}
.ftbgB p a {color:#00b7db;text-decoration:none;}
.ftbgN { color:#ccd9de;}
.ftbgN p a {color:#00b7db;text-decoration:none;}
.ftbgB p a:hover, .ftbgN p a:hover {color:#00b7db;text-decoration:underline;}
.ftbgB a,.ftbgN a  {color:#00b7db;}

.ftGrisBleu {color: #668e9b !important;}
.ftGrisFonce {color: #004359 !important;}
.ftBlanc {color:#FFF !important;}
.ftNoir {color:#000 !important;}
.ftGris {color:#999999 !important;}
.ftVert {color: #6eb430 !important;}
.ftRouge {color: #ed1b60 !important;}

.ftBleu {color: #00b7db !important;}
.ftCyan {color: #00AFEC !important;}
.ftCyanN {color: #c6eafc !important;}
.ftJaune {color: #fff02a !important;}

.ftM {text-transform:uppercase !important;}
.ftI {font-style:italic !important;}
.ftG {font-weight:bold !important;}
.ftMsRe { font-family:Montserrat-Regular !important;	font-weight: normal;font-style: normal;}
.ftMsSmBo { font-family:Montserrat-SemiBold !important;	font-weight: normal;font-style: normal;}

.ft10 {font-size: 10px;}
.ft12 {font-size: 12px;}
.ft18 {font-size: 18px;}
.ft26 {font-size: 26px;}
.ft50 {font-size: 50px;}
.frLH0 { line-height:normal !important;}
.ftLH24 {line-height: 24px;}
.ftLH32 {line-height: 32px;}
.ftLH50 {line-height: 50px;}

.ftMsgImportant {color: #ed1b60;letter-spacing: 1px;font-family: Montserrat-SemiBold;}
.ftMsgIndicatif {color: #6eb430;letter-spacing: 1px;font-family: Montserrat-SemiBold;}
.ftMsgDescription {color: #BDC3C7;font-style: italic;font-family: Montserrat-SemiBold;}
.ftError,.ftValidity,.ftNotif {font-size: 14px;text-align: center;margin: 3px;padding: 10px;font-family: Montserrat-SemiBold;}
.ftError {background-color: #ffcbdf;color: #ed1b60;border: 1px solid #ff6c97;}
.ftValidity {background-color: #caff88;color: #6eb430;border: 1px solid #7fc541;}
.ftNotif {background-color: #E0E2E4;color: #919BA2;border: 1px solid #BDC3C7;}


.Forms .chapitre {color:#222222;font-size:17px;text-transform:uppercase;font-family:open_sansbold;padding-top:20px;padding-right:5px;padding-bottom:5px;padding-left:5px;}
.Forms input[type=text],.Forms input[type=tel],.Forms input[type=email],.Forms select,.Forms textarea{background-color: #f2f5f7; border:1px solid #e1e7ea; color:#33697a; font-size:14px; font-family:Montserrat-Regular; padding-top:10px; padding-right:5px; padding-bottom:9px; padding-left:5px;}
.Forms select{background-image: url(../img/select.png);background-repeat: no-repeat;background-position: right center;}
.Forms select{ -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.Forms select::-ms-expand{display:none;}
.Forms .captcha{vertical-align:bottom;}
.Forms input.formMsgW {border:1px solid #C00;}
.CheckBT input[type="checkbox"] {display:none;}
.CheckBT input[type="checkbox"] + label {position: relative;padding-left: 25px;cursor: pointer;display:inline-block;margin-bottom:5px;}
.CheckBT input[type="checkbox"] + label:before {content: '';position: absolute;left:0; top:2px;width: 17px; height: 17px;border: 1px solid #e1e7ea;background: #f2f5f7;}
.CheckBT input[type="checkbox"] + label:after {content: '✔';position: absolute;top: 0px; left:0px;font-size: 25px;color: #33697a;line-height: 0.8;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;}
.CheckBT input[type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.CheckBT input[type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.FormF select {border: 1px solid #e1e7ea;color: #33697a;font-size: 14px;font-family: Montserrat-Regular;padding-top: 10px;padding-right: 5px;padding-bottom: 10px;padding-left: 5px;background-color: #FFF;}
.FormF select {background-image: url(../img/select.png);background-repeat: no-repeat;background-position: right bottom;}
.FormF select { -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.FormF select::-ms-expand {display:none;}

@media only screen and (max-width:800px) {   /* For mobile: */
#page {min-width: 232px;max-width: 800px;position: relative;overflow: hidden;}
.page {padding:0px 5px;}
#header {height:100px;}
#header #hLogo {position: absolute;height:74px;width:auto;left:5px;top:10px;}
#header #hMenu {display: block; position: absolute;top:25px;right:20px;}

.avisWidget{top: 139px;transform: scale(0.8);}
	
.wgPanel {top:0px;width: 324px;display: block;position: absolute;min-height: 100%;max-height: none;transition:transform 300ms;-webkit-transition: -webkit-transform 300ms ease;-moz-transition: -moz-transform 300ms ease;-webkit-transition-duration: 300ms;}
.wgP_Right.wgP_Open{right: 0px;-moz-transform: translateX(0px);-webkit-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);}
.wgP_Right.wgP_Close {right: 0px;-moz-transform: translateX(324px);-webkit-transform: translateX(324px);-o-transform: translateX(324px);-ms-transform: translateX(324px);transform: translateX(324px);}
#menu{z-index: 1000; background-color: #00b7db;}
#menu .page{padding:0px;}	
#menu #menuTop {display:block;margin-top: 40px;line-height:30px;font-family: Montserrat-SemiBold;font-size:35px; height:65px;padding:18px;color:#00b7db;background-color: #ffffff; 	background-image: url(../img/bg-header.png);background-repeat: repeat-x;background-position: 0px bottom; }
#menu #menuTop img {margin-left: 10px;vertical-align: top;}	
#menu #menuCon {background-color: #FFFFFF;}
#menu #menuFoo {background-color: #004359;padding: 40px 0px;text-align:center;color: #FFF;}
#menuCon ul,#menuCon li ul { margin:0px; padding:0px 10px; list-style:none;}
#menuCon ul li { display:block;}
#menuCon ul li a {color: #004359;text-decoration: none;height: 34px;display: block;padding-top: 15px;padding-left: 15px;font-family: Montserrat-SemiBold;font-size: 16px;text-transform: uppercase;border-bottom-width: 1px;border-bottom-style:solid;border-bottom-color: #ccd9de;}
#menuCon ul li a.selected,#menuCon ul li ul li a.selected {color:#00b7db;}
#menuCon ul li ul li a{color: #004359;height: inherit;display: block;padding-top: 12px;padding-bottom: 12px;padding-left: 40px;font-family: Montserrat-Regular;font-size: 15px;}
#menuCon ul li ul li ul li a{color: #FFFFFF;height: inherit;text-transform: inherit;display: block;padding-top: 10px;padding-bottom: 10px;padding-left: 80px;font-family: Montserrat-Regular;font-size: 14px;}	

#bannerF,#bannerF .page,#bannerF img{height:480px;}
#bannerF .page .banFLayer.T{top:5px;}
#bannerF .page .banFLayer.B{bottom:5px;}
#bannerF .page .banFLayer.R{right: 5px;}
#bannerF .page .banFLayer.L{left: 5px;}
#bannerF .banTitle{color: #fff;font-size:40px;line-height: 40px;font-family: Montserrat-SemiBold;}	
#bannerF .banTxt{color: #fff;font-size: 17px;line-height: 22px;}
	
#content,.content{padding-top: 40px;padding-bottom: 40px;}
#content #side.right,.content #side.right{width: 100%;border-top:1px dotted #333c4a;margin-top:60px;padding-top:30px;}
#content #side.left,.content #side.left{width: 100%;border-bottom:1px dotted #333c4a;margin-bottom:60px;padding-bottom:30px;}

#module {padding-top: 30px;padding-bottom: 30px;}
	
#fogHMenu { background-color:rgba(0, 0, 0, 0.4); height:100%; width:100%; position:absolute; left:0px; top:0px; display:none; z-index:999;}	

.columns {float:none;margin-bottom:50px;width: 100% !important;}
.columns.noMB {margin-bottom:0px !important;}
.columns.toMB10 {margin-bottom:10px !important;}
.columns.last {margin-bottom:0px !important;}

.Forms .cellule, .FormH .cellule{float:left;width:100%;margin-bottom:10px;overflow:hidden;}
.Forms .cellule.w50p, .FormH .cellule.w50p{width:100%;}
.Forms .cellule.mgR,.FormH .cellule.mgR {margin-right:2%;}
.Forms.LG .cellule.btV {width:auto;}
.Forms.LU .cellule.btV , .Forms.LI .cellule.btV{width:auto;}
.Forms .cellule.ast {text-align:right;font-style:italic;color:#F00;font-size:12px;}
.Forms.LG .w100p label,.Forms.LG .label,.Forms.LG .btC label{display:block;margin-right:10px;padding-top:10px;width:100%;}
.Forms.LG .w50p label,.Forms.LG .btC50 label{display:block;margin-right:10px;padding-top:10px;width:100%;}
.Forms.LU label{display:block;padding-bottom:2px;padding-left:5px;width:20%;}
.Forms label span,.Forms .label span{color:#F00;}
.Forms input,.Forms textarea {box-sizing:border-box;}
.Forms.LG .w100p input,.Forms.LG .input, .Forms.LG select,.Forms.LG textarea {width:100%;}
.Forms.LG .w50p input {width:100%;}
.Forms.LU .w100p input,.Forms.LU textarea,.Forms.LI .w100p input,.Forms.LI .w100p select,.Forms.LI textarea, .FormH.LI .w100p input,.FormH.LI textarea{width:100%;box-sizing:border-box;}
.Forms.LU .w50p input{width:45%;}
.Forms.LI .w50p input {width:45%;}
.Forms .btC50,.FormH .btC50{overflow:hidden;}
.Forms .btS50,.FormH .btS50{width:49%;margin-right:2%;}
.Forms .btV50,.FormH .btV50{width:48%;}
.Forms #NoSpam {text-transform: uppercase;width:100px;}
.Forms.LG .input{display:block;float:left;}

.ImgLeftMgRBwh25p{width: 25%;height: auto;}
.ImgLeftMgRBwh50p{width: 50%;height: auto;}
.ImgLeftMgRwh50p{width: 50%;height: auto;}
.ImgLeftMgRBwh30p{width: 30%;height: auto;}
.ImgLeftMgRwh30p{width: 30%;height: auto;}

.ImgRightMgRBwh25p{width: 25%;height: auto;}
.ImgRightMgRBwh50p{width: 50%;height: auto;}
.ImgRightMgRwh50p{width: 50%;height: auto;}
.ImgRightMgRBwh30p{width: 30%;height: auto;}
.ImgRightMgRwh30p{width: 30%;height: auto;}

.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.mMgB10{margin-bottom:10px;}
.imgRea{margin: 10px;display: inline-block;width: 44%;}
.imgRea img{width: 100%;}	
}

@media only screen and (min-width:800px) {   /* For tablets: *//* For desktop: */
.page {width:1200px;margin-right:auto;margin-left:auto;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
#header {height:114px;}
#header #hMenu {display:none;}	
#header #hLogo {position: absolute;left:0px;top:12px;}

#menu #menuTop,#menu #menuSer,#menu #menuFoo {display:none;}
#menu {height: 64px;margin-top: -70px;margin-bottom: 6px;}
#menu {text-align: right;}
#menu ul ul {visibility:hidden;top:50px;opacity:0;left: 0px;}
#menu ul li:hover > ul { visibility:visible;top:50px;opacity: 1;}
#menu ul {list-style: none;padding: 0px;display: inline-block;position: relative;margin: 0px;}
#menu ul li {float: left;position: relative;}
#menu ul li:hover a ,#menu ul li a.selected {color: #00b7db;}
#menu ul li a {color: #004359;text-decoration: none;display: block;margin-right: 10px;font-size: 15px;text-transform: uppercase;white-space: nowrap;font-family: Montserrat-SemiBold;padding-top: 19px;padding-right: 5px;padding-bottom: 19px;padding-left: 5px;margin-left: 10px;}
#menu ul ul {background: #FFF;border-radius: 0px;position: absolute;z-index: 91000;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #FFF;border-right-color: #ccd9de;border-bottom-color: #ccd9de;border-left-color: #ccd9de;padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px;text-align: left;}
#menu ul ul li {float: none;position: relative;margin: 0px;padding: 0px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccd9de;}
#menu ul ul li:last-child{border-bottom: none;}
#menu ul ul li a {color: #004359 !important;margin: 0px;white-space: nowrap;font-family: Montserrat-Regular;font-size: 14px;padding-top: 12px;padding-right: 20px;padding-bottom: 12px;padding-left: 15px;}
#menu ul ul li a:hover, #menu ul ul li a.selected{padding-left:20px;padding-right: 15px;color:#00b7db !important;}
#menu ul ul ul { left:100%; top:0px; position:absolute; z-index:91000;}

#bannerF,#bannerF .page,#bannerF img{height:514px;}
#bannerF .page .banFLayer.T{top:10px;}
#bannerF .page .banFLayer.B{bottom:20px;}
#bannerF .page .banFLayer.R{right: 10px;}
#bannerF .page .banFLayer.L{left: 20px;}
#bannerF .banTitle{color: #fff; font-size:50px;line-height: 50px;font-family: Montserrat-SemiBold;}	
#bannerF .banTxt{color: #fff;font-size: 18px;line-height: 24px;}
#bannerF .page .cadreNoir05 {padding:20px;}
	
#content #side,.content #side{width: 260px;}
#content #main,.content #main {width: 860px;}
#content,.content{padding-top:80px;padding-bottom:80px;}

#module {padding-top: 50px;padding-bottom: 50px;}
	
#footer .footer {float:right;text-align:right;margin-bottom:0px;}	
#footer .note{float:left;line-height: 20px;}
#footer .note div{display:inline-block;margin-right: 10px;}	
#footer .copyR{text-align:left;}
	
#fogHMenu {display:none;}
	
.Forms .cellule{float:left;width:100%;margin-bottom:10px;}
.Forms .cellule.w50p{width:49%;}
.Forms .cellule.mgR {margin-right:2%;}
.Forms.LG .cellule.btV {margin-left:17%;padding-left:2px;width:auto;}
.Forms.LU .cellule.btV , .Forms.LI .cellule.btV{width:auto;}
.Forms .cellule.ast {text-align:right;font-style:italic;color:#F00;font-size:12px;}
.Forms.LG .w100p label,.Forms.LG .label,.Forms.LG .btC label{display:block;float:left;margin-right:10px;padding-top:10px;padding-bottom:10px;text-align:right;width:16%;}
.Forms.LG .w50p label,.Forms.LG .btC50 label{display:block;float:left;margin-right:11px;padding-top:10px;padding-bottom:10px;text-align:right;width:32.5%;}
.Forms.LU label{display:block;padding-bottom:2px;padding-left:5px;width:20%;}
.Forms label span,.Forms .label span{color:#F00;}
.Forms label,.Forms .label {font-size:16px;}
.Forms.LG .w100p input,.Forms.LG .input, .Forms.LG select,.Forms.LG textarea {width:81%;}
.Forms.LG .w50p input {width:61%;}
.Forms.LU .w100p input,.Forms.LU textarea,.Forms.LI .w100p input,.Forms.LI .w100p select,.Forms.LI textarea, .FormH.LI .w100p input,.FormH.LI textarea{width:99%;}
.Forms.LU .w50p input{width:45%;}
.Forms.LI .w50p input {width:45%;}
.Forms .btC50{width:49%;margin-right:2%;overflow:hidden;}
.Forms .btS50{width:49%;margin-right:2%;}
.Forms .btV50{width:48%;}
.Forms #NoSpam {text-transform: uppercase;width:100px;}
.Forms.LG .input{display:block;float:left;}

.imgRea{margin: 16px;display: inline-block;}
}

.h10 {height:10px !important;}
.h20 {height:20px !important;}
.h30 {height:30px !important;}
.h40 {height:40px !important;}
.h50 {height:50px !important;}
.h60 {height:60px !important;}
.width100 {width: 100%;height:auto;}

.mgT10 {margin-top:10px !important;}
.mgT20 {margin-top:20px !important;}
.mgT30 {margin-top:30px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgL10 {margin-left:10px !important;}
.mgL20 {margin-left:20px !important;}
.mgL30 {margin-left:30px !important;}
.mgR5 {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR20 {margin-right:20px !important;}
.mgR30 {margin-right:30px !important;}
.pdT10 {padding-top:10px !important;}
.pdT20 {padding-top:20px !important;}
.pdT30 {padding-top:30px !important;}
.pdT120 {padding-top: 120px !important;}
.pdL10 {padding-left:10px !important;}
.pdL20 {padding-left:20px !important;}
.pdL30 {padding-left:30px !important;}
.pdR10 {padding-right:10px !important;}
.pdR20 {padding-right:20px !important;}
.pdR30 {padding-right:30px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB30 {padding-bottom:30px !important;}
.pd10 {padding:10px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}
.pdTB30 {padding-top: 30px;padding-bottom: 30px;}
.pdTB50 {padding-top: 50px;padding-bottom: 50px;}

.vaM {vertical-align:middle !important;}
.vaT {vertical-align:top !important;}
.dpB {display:block !important;}
.aNone {text-decoration:none !important;}
.poRel {position: relative;}
.poAbs {position: absolute;}

.txtR{text-align:right !important;}
.txtC{text-align:center !important;}
.txtL{text-align:left !important;}
.txtJ{text-align:justify !important;}
.width100P{width:100% !important;}
.alinea {text-indent: 20px;}
.bgBleuClaire {background-color: #E7F4F8;}
.bgGrisC {background-color: #f2f5f7;}
.bgBleu {background-color: #00b7db;}


.breakPage {width: 100%;border-bottom: 1px solid #ccd9de;margin-top: 30px;margin-right: 0;margin-bottom: 30px;margin-left: -20px;padding-top: 0;padding-right: 40px;padding-bottom: 0;padding-left: 0;height: 1px;}

blockquote {font-size: 14px;font-style: italic;display: block;padding: 5px;color: #668e9b;}
blockquote p {padding: 0px;margin: 0px;}

blockquote.bqAvis{width:60%;margin:25px auto;font-style:italic;color: #555555;padding:1.2em 30px 1.2em 75px;border-left: 4px solid #00b7db;line-height:1.6;position: relative;background:#f9f9f9;}
blockquote.bqAvis::before{font-family:Arial;content: "\201C";color:#00b7db;font-size: 3em;position: absolute;left: 10px;top:-10px;}
blockquote.bqAvis span{display:block;color:#333333;font-style: normal;font-weight: bold;margin-top:1em;font-family: 'akzidenz-grotesk_bqbold', Arial, sans-serif !important;font-size: 12px;}


.dropcap {float: left;color: #668e9b;font-size: 56px;line-height: 56px;padding-top: 0px;padding-right: 4px;}

.bdImg {border: 1px solid #e1e7ea;}
.imgTxt {float: left;padding: 0px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;}

.PagOP {color:#000;font-size:16px;text-decoration:none;text-align:center;}
.PagOP a {color:#545e64 !important;font-weight:bold;text-decoration:none !important;border: solid 1px #cbced0; margin:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;padding:12px 15px;}
.PagOP a:hover {color:#000 !important;background:#f2f5f7;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;}
.PagOP .Selected {color:#FFF;font-weight:bold;margin:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#00b7db;border: solid 1px #f2f5f7;padding:12px 15px;}

.Paging {color:#000;font-size:16px;margin: 20px 0px;}
.Paging a,.Paging span {color:#545e64;font-weight:bold;text-decoration:none;border: solid 1px #cbced0; margin:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;padding:12px 15px;}
.Paging a:hover {color:#000;background:#f2f5f7;}
.Paging span {color:#FFF;background-color:#00b7db;border: solid 1px #00b7db;}

.Paging.Opp,.Paging.Cen{text-align:center;}
.Paging.Opp .pFB,.Paging.Opp .pB{float:left;}
.Paging.Opp .pFF,.Paging.Opp .pF{float:right;}


.btn,.bt_valider,.bt_Supprimer,.atThumbActu .atLink,.atThumbO .atLink,.linkAllActu,.linkAllActuO,.atThumbO .atLink{
font-family: Montserrat-SemiBold;display: inline-block;width: auto;padding: 8px 16px 6px 16px;font-size: 14px;text-transform: uppercase;transition: all 200ms ease-out;text-decoration: none !important;}
.btn.xs,.atThumbO .atLink {font-size: 12px;padding-top: 4px;padding-right: 13px;padding-bottom: 2px;padding-left: 13px;}
.btn.sm,.linkAllActu,.linkAllActuO{font-size: 13px;padding-top: 6px;padding-right: 15px;padding-bottom: 4px;padding-left: 15px;}
.btn.lg,.bt_valider,.bt_Supprimer,.atThumbActu .atLink,.atThumbO .atLink{font-size: 15px;padding-top: 10px;padding-right: 22px;padding-bottom: 8px;padding-left: 22px;}
.btn:hover{ text-decoration:none !important;}
.btn.fillB ,.bt_valider,.atThumbActu .atLink,.atThumbO .atLink{background: #00b7db;color: #FFF !important;border: 1px solid #00b7db;cursor: pointer;}
.btn.fillB:hover,.bt_valider:hover,.atThumbActu:hover .atLink,.atThumbO:hover .atLink{background: #004359;color: #FFF;border: 1px solid #004359;}
.btn.bordB,.linkAllActuO{color: #00b7db;border: 1px solid #00b7db;}
.btn.bordB:hover,.linkAllActuO:hover{color:#004359;border:1px solid #004359;}
.btn.fillL {background:#00b7db;color:#FFF !important;border: 1px solid #00b7db;}
.btn.fillL:hover{background: #004359;color: #FFF;border: 1px solid #004359;}
.btn.bordL{color: #00b7db;border: 1px solid #00b7db;}
.btn.bordL:hover{background: #00b7db;color:#fff;border:1px solid #00b7db;}
.btn.bordBl,.linkAllActu{color: #fff !important;border: 1px solid #fff;}
.btn.bordBl:hover{color: #004359 !important;border: 1px solid #004359;}
.linkAllActu:hover{color: #00AFEC !important;border: 1px solid #00AFEC;}
.bt_Supprimer{background: #ed1b60;color: #FFF !important;border: 1px solid #ed1b60;cursor: pointer;}
.bt_Supprimer:hover{background: #ff1b60;color: #FFF;border: 1px solid #ff1b60;}

ul,ol {list-style-position: inside;padding-left: 40px;}
ul li,ol li {padding-bottom: 5px;}
.listStyleNone {list-style: none;}
ul.listBorder li,ol.listBorder li {border-bottom: 1px dotted #ccc;padding-bottom: 8px;padding-top: 3px;}
ul.listBorder li:last-child,ol.listBorder li:last-child {border-bottom: none;padding-bottom: 0;}
ul.listBorder li:first-child,ol.listBorder li:first-child {padding-top: 0;}
ul.listAnimated li:hover,ol.listAnimated li:hover {text-indent: 5px;}
ul.listAnimated li a,ol.listAnimated li a {text-decoration: none !important;}

ul.lsPlan {margin:0px;padding:0px;border-left:solid 1px #00b7db;}
ul.lsPlan li{list-style-type:none;position: relative;}
ul.lsPlan li:before{content:'';position: absolute;left:2px; top:14px;width:10px; height: 2px;background: #00b7db;}
ul.lsPlan li a {display:block;padding:5px 0px 5px 20px;color:#004359;}
ul.lsPlan li a:hover {color:#00b7db;text-decoration:none;}
ul.lsPlan ul {padding-left:40px;}
ul.lsPlan > li > a {margin-top:20px;}

.atThumbActu,.atThumbO{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccd9de;text-decoration: none !important;display: block;}
.atThumbActu:hover,.atThumbO:hover{background-color: #FAFAFA;}
.atThumbActu .img,.atThumbO .img{display: block;overflow: hidden;position: relative;margin-bottom: 10px;}
.atThumbActu .img i,.atThumbO .img i{ display:block;position: absolute;height:100%; width:100%; top:100%; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; background-image:url(../ftp/lien.png); background-repeat:no-repeat; background-position:center center; background-color:rgba(0,0,0,0.5);}
.atThumbActu:hover .img i,.atThumbO:hover .img i{top:0%;}
.atThumbActu .atDate,.atThumbO .atDate{font-size: 14px;font-style: italic;color: #668e9b;display: block;margin-bottom: 10px;}
.atThumbActu p,.atThumbO p{font-size: 14px;line-height: 19px;color: #306779;text-align: justify;}
.atThumbOHome {text-decoration: none !important;}
.atThumbOHome .atDate {font-style: italic;margin-bottom: 10px;font-size: 12px;}
.atThumbOHome p {color: #ccd9de;text-align: justify;font-size: 13px;line-height: 15px;}
.atThumbOHome:hover p {color: #00b7db !important;}
.atThumbOHome img {opacity:0.7;}
.atThumbOHome:hover img {opacity:1;}

.btModele {text-decoration:none !important;display:block;margin-bottom: 80px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccd9de;}

.btModele .txt,.btModele .txtTM{padding:20px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;color: #306779;}
.btModele .txt img ,.tbTech img{ float:left; margin-right:5px;}
.btModele:hover .txt,.btModele:hover .txtTM  {background-color:#FAFAFA;}

.btVolet { text-decoration:none !important;}
.btVolet .img { display:block; overflow:hidden; position:relative;}
.btVolet .img i { display:block; position:absolute; height:100%; width:100%; top:100%; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;  background-repeat:no-repeat; background-position:center center; background-color:rgba(0,67,89,0.8);}
.btVolet .img i.imaginez{background-image:url(../ftp/Images/Picto/imaginez.png);}
.btVolet .img i.decouvrir{background-image:url(../ftp/Images/Picto/decouvrir.png);}
.btVolet .txt {-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;padding-top: 15px;padding-right: 0px;padding-bottom: 15px;padding-left: 0px;color: #306779;font-family: Montserrat-Regular;}
.btVolet:hover .img i {top:0%;}
.btVolet:hover .txt { background-color:#FAFAFA;}

.ThumbsIllu {margin-top: 30px;margin-bottom: 30px;}
.ThumbsIllu img{margin-right: 3px;}


.btnSocial {height: 30px;width: 30px;text-align: center;line-height: 32px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;display: inline-block;border: 1px solid #ccd9de;padding: 0px;color: #ccd9de !important;background-color: #004359;margin-top: 0px;margin-right: 10px;margin-bottom: 0px;margin-left: 0px;}
.btnSocial:hover {background-color: #FFF;}
.btnSocial:hover.twitter {color:#00aced !important;border-color: #00aced;}
.btnSocial:hover.facebook {color: #3b579d !important;border-color: #3b579d;}
.btnSocial:hover.google {color:#dd4a3a !important;border-color: #dd4a3a;}
.btnSocial:hover.rss {color:#FF7B18 !important;border-color: #FF7B18;}

.tCookies {width: 100%;border-collapse: collapse;margin-bottom: 10px;}
.tCookies th{font-size :17px}
.tCookies td{font-size :16px}
.ckFog {background: rgba(0, 0, 0, .7);display: flex;position: fixed;top: 0;left: 0;width: 100%;height: 100%;justify-content: center;align-items: center;z-index: 99999999999;padding: 20px;box-sizing: border-box;}
.ckDialog {display: block; position: absolute; bottom: 0px; background-color: #FFFFFF; margin:0px 10px; border-radius: 10px 10px 0px 0px;max-width: 700px;overflow-x: hidden;overflow-y: scroll;max-height: 100%;}
.ckDialog .ft_SubTitle{font-size: 20px;margin: 3px 0px 5px;}
.ckDialog .ft_Paragraph{font-size: 18px;margin: 3px 0px 5px;}
.ckDialog p,.ckDialog span,.ckDialog .ftMsgDescription{font-size: 16px;margin-bottom: 10px;}
.ckDialog .btn.btnLg{font-size: 15px;}
.ckDialog .ckHeader{background-color: #f3f3f3;padding: 20px 20px 1px 20px;}
.ckDialog .ckHeader span{display: block;text-align: right;margin-top: -10px}
.ckDialog .ckContent,.ckDialog .ckFooter{padding: 20px;}
.ckDialog .ckContent{background-color: #fAfAfA;}
.ckSwitch{float: right!important;display: inline-block!important;}
.ckSwitch input[type="checkbox"] {display:none;}
.ckSwitch input[type="checkbox"] + label {position: relative;overflow: hidden;cursor: pointer;padding: 0 0 0 43px;height: 22px;}
.ckSwitch input[type="checkbox"] + label:before{top: 57%;width: 42px;height: 14px;border-radius: 7px;background: #919191;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.ckSwitch input[type="checkbox"] + label:after{top: 0;width: 22px;height: 22px;border-radius: 50%;border: 1px solid #919191;background: #fff;-webkit-box-shadow: 0 0 2px rgb(0 0 0 / 50%);box-shadow: 0 0 2px rgb(0 0 0 / 50%);}
.ckSwitch label:after, .ckSwitch label:before {display: block;content: "";position: absolute;left: 0;-webkit-transition: all .3s;transition: all .3s;}
.ckSwitch input:checked+label:before {background: #00b22e;border-color: transparent;}
.ckSwitch input:checked+label:after {background: #fff;left: 20px;}

.faEnvelope:before {content:"\f0e0";}
.faFaceBook:before {content:"\f09a";}
.faGooglePlus:before {content:"\f0d5";}
.faTwitter:before {content:"\f099";}
.faRss:before {content:"\f09e";}
.faHome:before {content:"";}
.faPhone:before {content:"";}
.faMap:before {content:"";}
.faGlobe:before {content:"";}
.faClock:before {content:"\f017";}

.faFastBackward:before {content:"\f049";}
.faBackward:before {content:"\f04a";}
.faForward:before {content:"\f04e";}
.faFastForward:before {content:"\f050";}

.faStar:before {content:"\f005";}
.faMidStar:before {content:"\f123";}
.faEmptyStar:before {content:"\f006";}