@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
body { background: #4982cf; font-family: "Lato", "Arial", sans-serif; }


/*
 * The following two rules are for IE only and
 * should be wrapped in conditional comments.
 * The -ms-filter rule should be on one line 
 * and always *before* the filter rule if
 * used in the same rule.
 */

.help {   
   margin-left: -11px; 
   margin-top: 0px;
   width: 90px; height: 45px; background: #4e4d4d;
   -moz-transform:    skew(-20deg);
     -o-transform:      skew(-20deg);
     -webkit-transform: skew(-20deg);
     transform:         skew(-20deg);
	float:right;
} 
.de .help{width:155px;}
.help a { display: block; width: 100%; height: 78%; padding-top: 10px; color: #fff; }
.help a span { display: block; font-size: 120%; padding-left: 26px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); transform: skew(20deg); }
.help a:hover { text-decoration: none; }
.help .tooltip { -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); transform: skew(20deg); width: 240px; opacity: 1; }
.help .tooltip .tooltip-arrow { display: none; }
.help .tooltip .tooltip-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #000; text-align: left; font-size: 14px; margin-right: 60px; }
.help:hover { background: #000; }

/*Modification Drapeau et Help*/
.lang{width:50px; height:16px;}
.lang a {display: block; width: 100%; margin-top: 10px;}
.lang a span {display: block;}
.lang-fr{background-image:url("../img/lang-fr.png");background-repeat: no-repeat;}
.lang-fr:hover{background-image:url("../img/lang-fr-hover.png");background-repeat: no-repeat; }
.lang-eu{background-image:url("../img/lang-eu.png");background-repeat: no-repeat; }
.lang-eu:hover{background-image:url("../img/lang-eu-hover.png");background-repeat: no-repeat; }
.lang-us{background-image:url("../img/lang-us.png");background-repeat: no-repeat; }
.lang-us:hover{background-image:url("../img/lang-us-hover.png");background-repeat: no-repeat; }
.lang-de{background-image:url("../img/lang-de.png");background-repeat: no-repeat; }
.lang-de:hover{background-image:url("../img/lang-de-hover.png");background-repeat: no-repeat; }
.lang-es{background-image:url("../img/lang-es-normal.png");background-repeat: no-repeat; }
.lang-es:hover{background-image:url("../img/lang-es-hover.png");background-repeat: no-repeat; }
.lang-pt{background-image:url("../img/lang-pgl-normal.png");background-repeat: no-repeat; }
.lang-pt:hover{background-image:url("../img/lang-pgl-hover.png");background-repeat: no-repeat; }
.lang-china{background-image:url("../img/lang-china.png");background-repeat: no-repeat; }
.lang-china:hover{background-image:url("../img/lang-china-hover.png");background-repeat: no-repeat; }
.lang span{position: relative; top: -2000px;}
.row ul{list-style-type: none; display:inline; margin:0px;font-size:30px;}
.row ul li{display:inline; float:left; margin-left:0px;}
@media (min-width: 1200.1px) {.row .help {display:inline;  margin-left:850px;} .row ul li:first-child {margin-left:30px;}}
@media (min-width: 979.1px) and (max-width: 1200px){ .row .help {display:inline;  float:right; margin-right:40px; margin-left:0px;} .row ul li:first-child {margin-left:20px;}}
@media (min-width: 767.1px) and (max-width: 979px) { .row .help {display:inline; float:right; margin-right:20px; margin-left:0px;} .row ul li:first-child {margin-left:20px;}}
@media (min-width: 479.1px)and (max-width: 767px) { .row .help {display:inline; float:right; margin-right:0px; margin-left:0px;} }
@media (max-width: 479px) { .row .help {display:inline; float:right; margin-right:0px; margin-left:0px; margin-bottom:50px;}}
/*Fin Modification Drapeau et Help*/

/* Modif Content2*/
#content2 .span12 .span4{width:280px}
.de #content2 .span12 .span4{width:290px}
/*fin modif*/


header { height: 230px; background: url("../img/transfert-images.png") 85% top no-repeat transparent;  }
@media (min-width: 767px) and (max-width: 979px) { header { background-position-x: right; } }
@media (max-width: 767px) { header { background: none; } }
header h1 { height: 104px; margin-top: 40px; background: url("../img/ACETIAM_Logo-officiel-positif_CMJN_transparant.png") top right no-repeat transparent; }
header h1 span { position: relative; top: -2000px; }
@media (max-width: 767px) { header h1 { margin-top: 0; background-position: center center; } }
header p { margin-left: 100px; font-size: 125%; font-weight: 600; line-height: 1.6em; color: #2d5080; }
@media (min-width: 1200px) { header p { margin-left: 250px; } }
@media (min-width: 767px) and (max-width: 979px) { header p { margin-left: 32px; } }
@media (max-width: 767px) { header p { width: 320px; margin: 0 auto; text-align: center; } }
@media (max-width: 480px) { header p { width: 260px; } }
/*.us header p { margin-left: 210px; }*/
@media (min-width: 1200px) { .us header p { margin-left: 210px; } }
@media (min-width: 767px) and (max-width: 979px) { .us header p { margin-left: 42px; } }
@media (max-width: 767px) { .us header p { margin: 0 auto; } }

section#content h2 { height: 49px; padding-top: 8px; padding-left: 60px; margin-bottom: 20px; background: url("../img/fleche.png") 3% 50% no-repeat #2d5080; font-size: 140%; color: #fff; }
@media (max-width: 979px) { section#content h2 { font-size: 110%; } }
@media (max-width: 767px) { section#content h2 { font-size: 100%; background-position-x: 10px; } }
@media (max-width: 480px) { section#content h2 { padding-left: 50px; font-size: 86%; background-position-x: 10px; } }
section#content a { display: block; height: 100px; margin-bottom: 20px; background-color: #376699; background-position: 12% center; background-repeat: no-repeat; padding-left: 180px; }
@media (max-width: 979px) { section#content a { padding-left: 160px; background-position-x: 32px; } }
@media (max-width: 479px) { section#content a { padding-left: 140px; background-position-x: 24px; } }
@media (min-width: 1200px) { section#content a { padding-right: 100px; } }
@media (min-width: 1200px) { .us section#content a { padding-right: 115px; } }
section#content a.drop-ehr { background-image: url("../img/drop-ehr.png"); }
section#content a.drop-ehr span { padding: 24px 120px 0 0; }
.de section#content a.drop-ehr span { padding: 24px 24px 0 0; }
@media (max-width: 979px) { section#content a.drop-ehr span { padding: 24px 60px 0 0; } }
@media (max-width: 979px) { .de section#content a.drop-ehr span { padding: 12px 60px 0 0; } }
section#content a.access-ehr { background-image: url("../img/access-ehr.png"); }
section#content a.access-ehr span { padding: 20px 120px 0 0; }
.de section#content a.access-ehr span { padding: 24px 24px 0 0; }
@media (max-width: 979px) { section#content a.access-ehr span { padding: 24px 60px 0 0; } }
@media (max-width: 979px) { .de section#content a.access-ehr span { padding: 12px 60px 0 0; } }
section#content a.access-site { background-image: url("../img/access-site.png"); }
section#content a.access-site span { padding: 24px 160px 0 0; }
.de section#content a.access-site span { padding: 24px 50px 0 0; }
@media (max-width: 979px) { section#content a.access-site span { padding: 24px 60px 0 0; } }
@media (max-width: 979px) { .de section#content a.access-site span { padding: 12px 60px 0 0; } }
section#content a.access-patient-ehr { background-image: url("../img/access-ehr.png"); }
section#content a.access-patient-ehr span { padding: 9px 150px 0 0; }
.de section#content a.access-patient-ehr span { padding: 9px 60px 0 0; }
@media (min-width: 767px) and (max-width: 979px) { section#content a.access-patient-ehr span { padding: 9px 60px 0 0; } }
@media (max-width: 767px) { section#content a.access-patient-ehr span { padding-top: 15px; } }
section#content a:hover, section#content a:active { text-decoration: none; background-color: #2d5080; }
section#content a span { display: block; height: 1.6em; line-height: 1.4em; font-size: 140%; color: #fff; }
@media (max-width: 767px) { section#content a span { width: 110px; padding-right: 0 !important; font-size: 120%; } }

footer { height: 45px; background: #3a3a3a; padding-right: 20px; padding-left: 20px; margin-left: 0 !important; margin-bottom: 20px; }
footer a { display: block; width: 100%; height: 33px; padding-top: 7px; color: #eee; text-align: right; }
footer a span{background: none;top:-2000px;}
.etiam{margin:0px 4px 10px 4px;}
@media (max-width: 767px) { footer a { margin-top: 0; } }
footer a .etiam { display: inline-block; width: 67px; padding: 0px 3px; line-height: 38px; font-size: 0px; }
@media (max-width: 767px) { footer a .etiam { display: inline; background: none; font-size: 100%; line-height: 20px; } }
footer a:hover, footer a:active { color: #fff; text-decoration: none; }
@media (max-width: 767px) { footer a { font-size: 65%; line-height: 1px; } }
footer:hover { background: #000; }





section#content2 h6 { height: auto; padding-top: 0px; padding-left: 45px; margin-bottom: 30px; background: url("../img/fleche2.png") 3% 50% no-repeat #4e4d4d; font-size: 100%; color: #fff;text-align:left; }
@media (max-width: 979px) { section#content2 h6 { font-size: 100%; } }
@media (max-width: 767px) { section#content2 h6 { padding-left: 50px; font-size: 100%; background-position-x: 10px; } }
@media (max-width: 480px) { section#content2 h6 { padding-left: 50px; font-size: 100%; background-position-x: 10px; } }
section#content2 h6:hover{ background: url("../img/fleche2.png") 3% 50% no-repeat #2d5080;}

section#content2 a { display: block; width: 100%; height: 33px; padding-top: 0px; color: #eee; text-align: right;text-decoration: none; }
@media (max-width: 767px) { section#content2 a { margin-top: 0; } }

section#content2 .span12{background:#4e4d4d;height:auto;padding-top:5px;}

/*
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato-Regular.woff2') format ('woff2'), url('../fonts/Lato-Regular.woff') format ('woff');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/lato-Bold.woff2') format ('woff2'), url('../fonts/Lato-Bold.woff') format ('woff');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url('../fonts/lato-Black.woff2') format ('woff2'), url('../fonts/Lato-Black.woff') format ('woff');
}*/