@font-face {
    font-family: 'Merkury';
    src: url(/fonts/mercury/merkury_regular.eot);
    src: url(/fonts/mercury/merkury_regular.eot?#iefix) format('embedded-opentype'),url(/fonts/mercury/merkury_regular.woff) format('woff'),url(/fonts/mercury/merkury_regular.ttf) format('truetype'),url(/fonts/mercury/merkury_regular.svg) format('svg');
    font-weight: 400;
    font-style: normal
}	
@font-face {
    font-family: 'Merkury';
    src: url(/fonts/mercury/merkury_bold.eot);
    src: url(/fonts/mercury/merkury_bold.eot?#iefix) format('embedded-opentype'),url(/fonts/mercury/merkury_bold.woff) format('woff'),url(/fonts/mercury/merkury_bold.ttf) format('truetype'),url(/fonts/mercury/merkury_bold.svg) format('svg');
    font-weight: 600;
    font-style: normal
}	
@font-face {
    font-family: 'Merkury';
    src: url(/fonts/mercury/merkury_bold_italic.eot);
    src: url(/fonts/mercury/merkury_bold_italic.eot?#iefix) format('embedded-opentype'),url(/fonts/mercury/merkury_bold_italic.woff) format('woff'),url(/fonts/mercury/merkury_bold_italic.ttf) format('truetype'),url(/fonts/mercury/merkury_bold_italic.svg) format('svg');
    font-weight: 600;
    font-style: italic
}
@font-face {
    font-family: 'Merkury';
    src: url(/fonts/mercury/merkury_regular_italic.eot);
    src: url(/fonts/mercury/merkury_regular_italic.eot?#iefix) format('embedded-opentype'),url(/fonts/mercury/merkury_regular_italic.woff) format('woff'),url(font/merkury_regular_italic.ttf) format('truetype'),url(/fonts/mercury/merkury_regular_italic.svg) format('svg');
    font-weight: 400;
    font-style: italic
}	





* {    font-family: "Merkury",Arial,Helvetica,sans-serif !important; text-decoration: none !important;}
h1, h2, h3, h4, h5, h6,pre {    font-family: "Merkury",Arial,Helvetica,sans-serif !important;}	
#main {    padding: 0px 0;}
.container {        position: relative;}


.colonnedroite {    max-width: 400px;}
.colonnedroite{margin-left: 147px; margin-right: 20px;}	





.colonnegauche{width:147px; position: absolute;}	




	
.fondbleufonce {background-color:#002855;}
.fondbleucyan  {background-color:#009fdf;}
.fondbleupale {background-color:#daeef4;}
.bleufonce {color: #002855 !important;}
.bleucyan  {color: #009fdf !important;}
.bleupale {color: #daeef4 !important;}	
.blanc {color: #FFFFFF;}	

a .accueuilboite.fondbleucyan.bleufonce:hover{ background-color: #41b6e6;      }	
a .accueuilboite.fondbleupale.bleufonce:hover {background-color: #95d5f5;   }
a .accueuilboite.fondbleufonce.bleupale:hover {background-color: #004186;   }


.espacegauchepetit {margin-left:20px;}

.espacegauche {margin-left:30px;}
.espacehaut{margin-top:20px;}	
.espacehautpetit{margin-top:10px;}

.boitearrondie{border-radius:25px; padding: 30px;}
.colonne{margin-bottom: 50px;}
	

	


	
h1 {  font-size: 45px;    line-height: 46px; font-weight: 600; color: #009fdf; margin: 0px 0 15px 0;}	
h2 {  font-size: 35px;    line-height: 36px; font-weight: 600; color: #009fdf; margin: 0px 0 0px 0;}	
h3 {  font-size: 30px;    line-height: 32px; font-weight: 600; color: #002855; margin: 10px 0 15px 0;}	
h4 {  font-size: 22px;    line-height: 24px; font-weight: 600; color: #009fdf; margin: 10px 0 15px 0;}	
h5 {  font-size: 18px;    line-height: 20px; font-weight: 400; color: #009fdf; margin: 5px 0 10px 0;}	

p {  font-size: 16px;    line-height: 18px; font-weight: 400; color: #002855; margin: 0px 0 15px 0; }	
.vignette {  font-size: 14px;    line-height: 17px; margin-top:-10px; }
.grostexte {  font-size: 30px;    line-height: 32px; font-weight: 600; }	
.photo{ margin: 0px 0 15px 0; }	

	
	
	
.teaserboite {border-radius: 25px; margin-bottom: 30px;}
.photoarrondie {border-radius: 25px;}

.accueuilboite {border-radius: 25px;margin: 20px 15px 20px 0px;}
h1.accueil {       font-weight: 600; margin: 0; color: #002855;padding-right: 10px;}	
h2.accueil {       font-weight: 600; margin: 0; color: #002855;}	

.lisez { margin-top: 175px;    margin-right: 10px;     padding: 5px 15px 5px 10px; border-radius: 0px 20px 20px 0px; position: absolute;   right: 0;}

/*
.panel-group .panel .panel-heading > .panel-title > a {    background-color: #ffffff;    padding: inherit;}
.panel-group .panel .panel-heading > .panel-title > a:before, .panel-group .panel .panel-heading > .panel-title > a:after {    }
*/


.panel-group .active.panel .panel-heading > .panel-title > a,.panel-group .active.panel .panel-heading > .panel-title > a:hover{    background-color: #ffffff; }
.panel-group .panel.active .panel-heading > .panel-title > a:before, .panel-group .panel.active .panel-heading > .panel-title > a:after, .panel-group .panel.active .panel-heading > .panel-title > a:hover:before, .panel-group .panel.active .panel-heading > .panel-title > a:hover:after {    background: #009fdf; display:none !important;}







.panel-group .panel-default .panel-heading > .panel-title > a:before, .panel-group .panel-default .panel-heading > .panel-title > a:after, .accordion-tab > li > a .open-sub:before, .accordion-tab > li > a .open-sub:after {    background-color: #009fdf;}

.panel-group .panel .panel-heading > .panel-title > a {    background-color: #f2f2f2;}


.panel-group .panel .panel-heading > .panel-title > a:after {    margin: 3px 0 0 4px;height: 10px;display:none !important;}
.panel-group .panel .panel-heading > .panel-title > a:before {    margin: 7px 0 0 0px; width: 10px;display:none !important;}
.panel-group .panel .panel-heading > .panel-title > a, .panel-group .panel .panel-heading > .panel-title > a:hover {
    background-color: #ffffff;
    padding: 0px 0px 9px 20px;
    
}


.panel-group .panel .panel-heading > .panel-title > a p:hover, .panel-group .active.panel .panel-heading > .panel-title > a:hover {
    color: #34c5ff !important;
}




@media only screen and  (max-width: 385px){
.colonnegauche{display: none;}	
.colonnedroite{margin-left: 10px; margin-top: 70px;}	
.colonnedroiteintro{margin-left: 10px; margin-top: 0px;}	

h1.accueil { font-size: 22px;    line-height: 22px; }
h2.accueil { font-size: 16px;    line-height: 16px; margin-bottom: 10px; }
.accueuilboite {height: 300px;padding: 30px 0 0 20px;}
.lisez {margin-top: 140px;  font-size: 12px; line-height: 14px; }
.iconeimage{height: 110px; margin-right: 10px;}
.iconeimageseule{height: 190px;}
.ecran {display: none;}	
.ecrangros {display: none;}	
.mobile {display: none;}	
.mobilepetit {display: block;}	
.teaser1 {display: none;}	
.teaser3 {display: none;}	
h1.teaser { font-size: 40px;    line-height: 42px; }

} 



@media only screen and (min-width: 385px) and (max-width: 768px){
.colonnegauche{display: none;}	
.colonnedroite{margin-left: 10px; margin-top: 70px;}
.colonnedroiteintro{margin-left: 10px; margin-top: 70px!important;}	

h1.accueil { font-size: 25px;    line-height: 25px; max-width: 300px;}
h2.accueil { font-size: 18px;    line-height: 18px; margin-bottom: 10px; }
.accueuilboite {height: 300px;padding: 30px 0 0 45px;}
.lisez {margin-top: 140px;  font-size: 12px; line-height: 14px; }
.iconeimage{height: 110px; margin-right: 20px;}
.iconeimageseule{height: 190px;}
.ecran {display: none;}	
.ecrangros {display: none;}	
.mobile {display: block;}		
.mobilepetit {display: none;}	
.teaser1 {display: none;}	
.teaser3 {display: none;}	
h1.teaser { font-size: 40px;    line-height: 42px; }

} 

@media only screen and (min-width: 768px) and (max-width: 991px){
h1.accueil { font-size: 24px;    line-height: 24px; }
h2.accueil { font-size: 18px;    line-height: 18px; margin-bottom: 10px;}
.accueuilboite {height: 300px;padding: 30px 0 0 60px;}
.lisez {margin-top: 150px;  font-size: 12px; line-height: 14px; }
.iconeimage{height: 110px; margin-right: 20px;}
.iconeimageseule{height: 165px;margin-top: 20px;}
.mobile {display: none;}	
.mobilepetit {display: none;}		
.ecran {display: block;}	
.ecrangros {display: none;}	
.teaser1 {display: none;}	
h1.teaser { font-size: 32px;    line-height: 33px; padding-bottom: 4px; }

}

@media only screen and (min-width: 991px) and (max-width: 1200px){
h1.accueil { font-size: 30px;    line-height: 30px; }	
h2.accueil { font-size: 22px;    line-height: 22px; margin-bottom: 10px;}	
.accueuilboite {height: 350px;padding: 40px 0 0 60px;}
.lisez {margin-top: 190px;  font-size: 14px; line-height: 16px; }
.iconeimage{height: 130px; margin-right: 20px;}
.iconeimageseule{height: 220px;}
.mobile {display: none;}		
.mobilepetit {display: none;}	
.ecran {display: block;}	
.ecrangros {display: none;}	

.teaser1 {display: none;}	
h1.teaser { font-size: 43px;    line-height: 46px; padding-top: 10px; padding-bottom: 10px; }

}


@media only screen and (min-width: 1200px)  {
h1.accueil { font-size: 38px;    line-height: 38px;}
h2.accueil { font-size: 30px;    line-height: 30px;margin-bottom: 10px;}
.accueuilboite {height: 425px; padding: 45px 0 0 70px;}
.lisez {margin-top: 230px; font-size: 16px;  line-height: 18px; }
.iconeimage{height: 170px; margin-right: 20px;}
.iconeimageseule{height: 265px;}
.mobile {display: none;}		
.mobilepetit {display: none;}	
.ecran {display: block;}	
h1.teaser { font-size: 36px;    line-height: 38px; }

}