/* CKE FIX */ .cke_editable {background:#F0F0F0;} .cke_panel_list {background:#F0F0F0;color:#343434;margin:0;} /* APP COMMON */ * {padding:0;margin:0;border:0;outline:0;} html {width:100%;height:100%;} body {width:100%;height:100%;font-family: 'Montserrat', sans-serif;font-size:14px;color:#000000;background:#FFFFFF;} h1 {font:normal 5vw 'Montserrat', sans-serif;} h2 {font:normal 3.5vw 'Montserrat', sans-serif; color: #345391;} h3 {font:normal 3vw 'Montserrat', sans-serif; color: #345391;} h4 {font:normal 3vw 'Montserrat', sans-serif;} h5 {font:normal 3vw 'Montserrat', sans-serif;} a {color:#000000;text-decoration:none;} a:hover {text-decoration:none;} img {vertical-align: bottom;} ul,ol {list-style:none;} label, button {cursor: pointer;} .socialshare {float:left;opacity:0.6;filter:alpha(opacity=60);} .socialshare:hover {opacity:1;filter:alpha(opacity=100);} .clear {display:block;float:none;clear:both;height:0px;font-size:0px;text-indent:-99999px;margin:0px;} .alert {margin:15px;margin-top:30px;font-size:18px;padding:20px 40px;text-align:center;display:block;} .alert.nok {color:red;border:1px solid #ccc;} .alert.ok {color:green;border:1px solid #ccc;} .paginationList {text-align:center;} .paginationList li {display:inline-block;color:#345391;font-size:2vw;} .paginationList li a {display:inline-block;font-size:2vw;padding:5px 10px;color:#345391;} .paginationList li.current {font-weight:bold;text-decoration:underline;} .paginationList li a:hover {text-decoration:underline;} .paginationListEmpty {} .gemeapp_editools {position:relative;z-index:999;} article {position:relative;border-bottom:7px solid #345391;} article .articleTitle {font-size:2vw;color:white;position:absolute;left:0;right:0;margin:4vw auto;z-index:99;} article .articleContent {position:absolute;z-index:20;padding:2vw;width:70%;font-size:1.3vw;background:rgba(0,0,0,0.6);left:0;right:0;margin:5vw auto;text-align:left;} article .articleContent.Left {position:relative;float:left;width:45%;} article .articleContent.Right {position:relative;float:right;width:45%;} article .articleContent h1 {font-size:2vw;} article .articleBackground {z-index:1;position:relative;} article .articleBackground img {width:100%;height:auto;} article .articleButton {} article .articleButton a {display:table;padding:2px 10px;color:white;text-align:center;width:50%;margin:1vw auto 0;font-size:0.9vw;font-family: 'Montserrat', sans-serif;background:#a2a2a2;color:white;} /* GEMEA FLEX */ .gm-flex-row {display:flex!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;} .gm-flex-col {display:flex!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;flex-direction:column;} .gm-flex-fill {flex:1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;} .gm-flex-start {justify-content: flex-start; } .gm-flex-end {justify-content: flex-end; } .gm-flex-center {justify-content: center; } .gm-flex-self-center {align-self: center;} .gm-flex-self-left {align-self: flex-start;} .gm-flex-col-center {justify-content: center;align-items: center;} .gm-flex-itm-baseline {align-items: flex-end;} .gm-flex-itm-center {align-items: center;} .gm-flex-spacebetween {justify-content: space-between;} .gm-flex-spacearound {justify-content: space-around;} /* STRUCT */ header {width:100%;min-width:800px;text-align:center;position:relative;} header #HeaderContent {width:100%;min-width:800px;display:inline-block;text-align:left;border-bottom:3px solid #a2a2a2;} #Page {width:100%;text-align:center;} footer {width:100%;min-width:800px;text-align:center;position:relative;z-index:99;clear:both;margin-top:0.6vw;padding:1vw 0 2vw;background:white;border-top:1px solid #a2a2a2;} footer #FooterContent {width:80%;display:inline-block;text-align:left;padding-top:20px;} /* HEADER */ #HeaderContent #HeaderInstit {float:left;clear:left;width:13%;margin-top:3vw;margin-left:3vw;} #HeaderContent #HeaderInstit img {width:100%;height:auto;} #HeaderContent #HeaderLogo {width:30%;margin:1.6vw auto;} #HeaderContent #HeaderLogo img {width:100%;height:auto;} #HeaderContent #HeaderContentTop {height:1vw;background: #345391;} #HeaderContent #HeaderContentTop ul {width:70%;margin:auto;} #HeaderContent #HeaderContentTop li {float:left;background: #345391;font-size:1.1vw;color:white;padding:0.3vw 1vw;} #HeaderContent #HeaderContentTop li:nth-of-type(2) {float:right;} #HeaderContent #HeaderContentTop li a {color:white;} #HeaderContent .langMenuToggle {display:none;} /* PAS DE LANGUES POUR LE MOMENT #HeaderContent .langMenuList {float:right;margin-top:4vw;margin-right:3vw;} #HeaderContent .langMenuList li {display:inline-block;padding:0 3px;width:13%;vertical-align:top;} #HeaderContent .langMenuList li a {display:inline-block;text-transform:uppercase;text-align:center;font-size:1.1vw;font-family: "Open Sans Condensed";font-weight:bold;color:#a2a2a2;vertical-align:top;} #HeaderContent .langMenuList li.current a {color:#000000;} #HeaderContent .langMenuList li a img {width:100%;height:auto;border-radius:2px;opacity:1;transition:0.5s;} #HeaderContent .langMenuList li.current a img {opacity:0.4;transition:0.5s;box-shadow:0 0 3px black;} #HeaderContent .langMenuList li:hover a img {opacity:0.7;transition:0.5s;} #HeaderContent .langMenuList li a span {display:block;clear:both;} */ #HeaderContent #HeaderLang {float:right;margin-top:4vw;margin-right:3vw;} #HeaderContent .langMenuList {} #HeaderContent .langMenuList li {display:inline-block;padding:0 3px;width:13%;text-transform:uppercase;text-align:center;font-size:1.1vw;font-family: 'Montserrat', sans-serif;font-weight:bold;color:#a2a2a2;vertical-align:top;} #HeaderContent .langMenuList li img {width:100%;height:auto;border-radius:2px;opacity:1;transition:0.5s;} #HeaderContent .langMenuList li span {display:block;clear:both;} nav {background: #345391;clear:both;} nav .menuToggle {display:none;} nav #mainMenuList {clear:both;position:relative;font-size:0;text-align:center;z-index:10;} nav #mainMenuList li {display:inline-block;position:relative;font-size:1.3vw;font-weight:100;text-transform:uppercase;border-left:1px solid white;} nav #mainMenuList li:last-child {border-right:1px solid white;} nav #mainMenuList li a {display:inline-block;padding:6px 18px;color:white;} nav #mainMenuList li a:hover {color:#000000;transition:0.3s;} nav #mainMenuList li a span {font-size:0;text-indent:-99999px;position:absolute;left:0;bottom:-7px;width:100%;height:4px;} nav #mainMenuList li.current a span {background:#FFF;} #HeaderContent .langMenuList li span { font-size: 16px; font-weight: 600; } /* HOME */ .HomeSliders {position:relative;max-height:600px;overflow:hidden;border-bottom:7px solid #345391;} .HomeSlider {text-align:center;position:relative;width:100%;overflow:hidden;} .HomeSlider > li {float:left;position:relative;width:100%;} .HomeSlider > li .HomeSliderImg {width:100%;height:auto;display:none;} .HomeSlider > li .HomeSliderContent {color:white;background:rgba(0,0,0,0.4);position:absolute;width:30%;top:12vw;left:30vw;right:0;margin:auto;padding:2vw;} .HomeSlider > li .HomeSliderContent h1 {font-size:1.6vw;} .HomeSlider > li .HomeSliderContent h2 {font-size:1.2vw;margin-bottom:1vw;} .HomeSlider > li .HomeSliderContent p {font-size:1.2vw;} .HomeSlider > li .HomeSliderContent p a {text-decoration:underline;color:white} .HomeSliders .HomeSliderPages {position:absolute;bottom:1vw;z-index:7;width:100%;text-align:center;} .HomeSliders .HomeSliderPages a {display:inline-block;font-size:0;border-radius:16px;width:15px;height:15px;border:solid 1px white;margin:2px;} .HomeSliders .HomeSliderPages a.selected {background:white;} .ServiceList {position:absolute;z-index:2;width:70%;left:0;right:0;margin:10vw auto 4vw;text-align:center;} .ServiceList li {display:inline-block;width:31%;height:16vw;margin:0.5%;background:rgba(39,36,34,0.5);vertical-align:top;cursor:pointer;position:relative;overflow:hidden;} .ServiceList .ServiceListThumb {display:inline-block;position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:all 1200ms;z-index:1;} .ServiceList .ServiceListThumb img {width:100%;height:auto;} .ServiceList .ServiceListDetail {position:absolute;z-index:2;left:0;right:0;width:70%;margin:5.8vw auto;padding:5%;border:1px solid white;background:rgba(90,84,80,0.5);} .ServiceList .ServiceListDetail h2 {font-size:1.5vw;color:white;} .ServiceList .ServiceListDetail p {display:none;color:black} .ServiceList .missionModal {display:none;color:black;} .ServiceList li:hover .ServiceListThumb {opacity:1;transition:all 500ms;} .ServiceList li:hover .ServiceListDetail {margin-top:3vw;background:rgba(255,255,255,0.9);border-color:black;transition:all 600ms ease-in-out;} .ServiceList li:hover .ServiceListDetail h2 {margin-bottom:1vw;color:black;} .ServiceList li:hover .ServiceListDetail p {display:block;text-align:left;} .Body_accueil article {} .Body_accueil article:nth-of-type(1) {padding:2vw 0;overflow:hidden;} .Body_accueil article:nth-of-type(1) .articleContent {position:relative;} .Body_accueil article:nth-of-type(1) .articleBackground {position:absolute;top:0;width:100%;} .Body_accueil article:nth-of-type(1) .articleBackground img {width:100%;height:auto;} .Body_accueil article:nth-of-type(2) {padding:2vw 0;overflow:hidden;} .Body_accueil article:nth-of-type(2) .ServiceList {position:relative;} .Body_accueil article:nth-of-type(2) .articleBackground {position:absolute;top:0;width:100%;} .HomeSliderContent h2 { color: #FFF; } /* NOS MISSIONS */ .Body_nosmissions article:nth-of-type(1) {border:0;} .Body_nosmissions article:nth-of-type(1) .articleContent {width:40%;font-size:0.9vw;padding:1.2vw;margin:6vw auto 0;} .Body_nosmissions article:nth-of-type(1) .articleContent h1 {font-size:2.2vw;} .Body_nosmissions article:nth-of-type(2) {border:0;width:70%;margin:auto;} .Body_nosmissions article:nth-of-type(2) .articleContent {position:relative;background:none;padding:2vw;width:43%;margin:0 auto;} .Body_nosmissions article:nth-of-type(3) {background:#345391;border:0;margin:0;padding:1.2vw 0;} .Body_nosmissions article:nth-of-type(3) .articleTitle {position:relative;} .Body_nosmissions article:nth-of-type(3) .ServiceList {position:relative;margin:2vw auto;} /* JEUX CONCOURS */ .Body_jeuxconcours article:nth-of-type(1) {border:0;} .Body_jeuxconcours article:nth-of-type(1) .articleContent {width:50%;font-size:0.9vw;padding:1.2vw;margin:3vw auto 0;} .Body_jeuxconcours article:nth-of-type(1) .articleContent h1 {font-size:2.2vw;} .Body_jeuxconcours article:nth-of-type(2) {background:#345391;border:0;width:100%;margin:auto;} .Body_jeuxconcours article:nth-of-type(2) .articleContent {position:relative;background:none;margin:0;padding:2vw;width:34%;} .Body_jeuxconcours article:nth-of-type(2) .articleContent.Left {margin-left:11%;} .Body_jeuxconcours article:nth-of-type(2) .articleContent.Right {margin-right:11%;} .Body_jeuxconcours article:nth-of-type(2) .articleButton a {color:black;background:white;padding:10px 10px;margin-top:2vw;width:30%;} .Body_jeuxconcours article:nth-of-type(3) {border:0;margin:0;padding:1.2vw 0;text-align:center;} .Body_jeuxconcours article:nth-of-type(3) .articleTitle {position:relative;border-bottom:1px solid black;display:inline-block;width:auto;margin:2vw auto;} .Body_jeuxconcours article:nth-of-type(3) .articleTitle h1 {font-size:2vw;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList {position:relative;margin:2vw auto;width:80%;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li {width:44%;border:1px solid black;display:inline-block;margin:0.5vw;padding:2.4vw 1vw;vertical-align:top;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListThumb {float:left;width:34%;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListThumb img {width:100%;height:auto;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail {float:right;width:60%;text-align:left;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail h2 {font-size:1.8vw;margin-bottom:1vw;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail p {font-size:1.3vw;color:#666;text-align:justify;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail .jeuxFile {display:block;clear:both;margin-bottom:1vw;font-family:'Montserrat', sans-serif;font-size:1vw;color:#345391;text-decoration:underline;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail .jeuxLink {display:block;clear:both;font-size:1vw;font-family:'Montserrat', sans-serif;color:#345391;text-decoration:underline;} .jeuxList li .jeuxListDetail p { word-break: break-word; } /* INFOS */ .Body_infospratiques article:nth-of-type(1) {border:0;} .Body_infospratiques article:nth-of-type(1) .articleContent {width:40%;font-size:0.9vw;padding:1.2vw;margin:4vw auto 0;} .Body_infospratiques article:nth-of-type(1) .articleContent h1 {font-size:2.2vw;} .Body_infospratiques article:nth-of-type(2) {background:#345391;border:0;width:100%;margin:auto;} .Body_infospratiques article:nth-of-type(2) .articleContent {position:relative;background:none;margin:0;padding:2vw;width:30%;} .Body_infospratiques article:nth-of-type(2) .articleContent.Left {margin-left:15%;} .Body_infospratiques article:nth-of-type(2) .articleContent.Left > ul.articleList {border-top:1px solid white;} .Body_infospratiques article:nth-of-type(2) .articleContent.Left > ul.articleList > li {border-bottom:1px solid white;font-size:1vw;padding:1vw} .Body_infospratiques article:nth-of-type(2) .articleContent.Right {margin-right:15%;} .Body_infospratiques article:nth-of-type(2) .articleContent.Right > ul.articleList {display:inline-block;text-align:center;margin-left:10%;} .Body_infospratiques article:nth-of-type(2) .articleContent.Right > ul.articleList > li {border-bottom:1px solid white;font-size:1.2vw;padding:1vw;margin-bottom:3vw;} .Body_infospratiques article:nth-of-type(3) .articleContent {position:relative;background:none;margin:0;padding:2vw;width:30%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left {margin-left:15%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left .articleTitle {position:relative;border-bottom:1px solid black;display:inline-block;width:auto;margin:2vw auto;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left .articleTitle h2 {font-size:1.8vw;color:black;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left > ul.articleList {border-top:1px solid white;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left > ul.articleList > li {border-bottom:1px solid white;font-size:1.2vw;padding:1vw} .Body_infospratiques article:nth-of-type(3) .articleContent.Right {margin-right:15%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right .articleTitle {position:relative;display:block:width:90%;border-bottom:1px solid black;margin:0 auto 1vw;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right .articleTitle h3 {font-size:1.6vw;color:black;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right .articleButton a {color:black;background:white;padding:10px 10px;margin-top:2vw;width:60%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right > div.articlePaiment {border:1px solid black;padding:2vw;margin-bottom:1.2vw;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right > div.articlePaiment:nth-of-type(1) {background:#345391;padding:2vw 0;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right > div.articlePaiment:nth-of-type(1) .articleTitle {border-color:white;width:86%;margin:auto;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right > div.articlePaiment:nth-of-type(1) .articleText {width:86%;margin:auto;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right > div.articlePaiment:nth-of-type(1) .articleVisuel {width:100%;margin:1vw auto 0;text-align:center;background:white;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right > div.articlePaiment:nth-of-type(1) .articleVisuel img {width:80%;height:auto;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right > div.articlePaiment:nth-of-type(3) {background:#345391;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right > div.articlePaiment:nth-of-type(3) .articleTitle {border-color:white;} /* LETUDE */ .Body_letude article:nth-of-type(1) {border:0;} .Body_letude article:nth-of-type(1) .articleContent {left:auto;right:20%;width:20%;font-size:0.9vw;padding:1.2vw 3vw;margin:2vw auto;} .Body_letude article:nth-of-type(1) .articleContent h1 {font-size:1.5vw;} .Body_letude article:nth-of-type(2) {background:#345391;border:0;} .Body_letude article:nth-of-type(2) .articleContent {position:relative;background:none;margin:0} .Body_letude article:nth-of-type(2) .articleContent.Left {font-size:0.9vw;width:40%;margin-left:5%;margin-top:2vw;} .Body_letude article:nth-of-type(2) .articleContent.Left h2 {font-size:1.3vw;} .Body_letude article:nth-of-type(2) .articleContent.Left .articleVisuel {float:left;width:20%;} .Body_letude article:nth-of-type(2) .articleContent.Left .articleVisuel img {width:100%;height:auto;} .Body_letude article:nth-of-type(2) .articleContent.Left .articleCaption {float:right;width:77%;} .Body_letude article:nth-of-type(2) .articleContent.Right {padding:1vw 2vw;width:35%;margin-right:10%;} .Body_letude article:nth-of-type(2) .articleContent.Right > ul.articleList {border-top:1px solid white;} .Body_letude article:nth-of-type(2) .articleContent.Right > ul.articleList > li {border-bottom:1px solid white;font-size:0.9vw;padding:1vw} .Body_letude article:nth-of-type(2) .articleContent.Right > ul.articleList > li .articleVisuel {display:inline-block;float:left;width:8%;margin-right:2vw;} .Body_letude article:nth-of-type(2) .articleContent.Right > ul.articleList > li .articleVisuel img {width:100%;height:auto;} .Body_letude article:nth-of-type(3) .articleResp {width:80%;padding:0;margin:auto;} .Body_letude article:nth-of-type(3) .articleContent {position:relative;background:none;padding:2vw 0;margin:0;} .Body_letude article:nth-of-type(3) .articleContent.Left {font-size:1.1vw;width:46%;} .Body_letude article:nth-of-type(3) .articleContent.Left > ul {border-top:1px solid white;} .Body_letude article:nth-of-type(3) .articleContent.Left > ul > li {float:left;margin-left:1.5vw;font-size:1.2vw;padding:1vw} .Body_letude article:nth-of-type(3) .articleContent.Left > ul > li:first-child {margin-left:0} .Body_letude article:nth-of-type(3) .articleContent.Left .articleCaption {clear:both;border:1px solid black;padding:3vw;margin:1vw 0;} .Body_letude article:nth-of-type(3) .articleContent.Right {width:45%;} .Body_letude article:nth-of-type(3) .articleContent.Right iframe {height:50vw;} /* PAIEMENT */ .Body_epaiement article:nth-of-type(1) {} .Body_epaiement article:nth-of-type(1) .articleContent {width:40%;font-size:0.9vw;padding:1.2vw;margin:3vw auto 0;} .Body_epaiement article:nth-of-type(1) .articleContent h1 {font-size:2.2vw;} .Body_epaiement article:nth-of-type(2) .articleCaption {width:70%;margin:0 auto;} .Body_epaiement article:nth-of-type(2) .articleContent {position:relative;background:none;margin:0;padding:2vw 0;width:100%;} .Body_epaiement article:nth-of-type(2) .formColumnLeft {float:left;width:30%;margin-left:15%;} .Body_epaiement article:nth-of-type(2) .formColumnRight {float:right;width:30%;margin-right:15%;} .Body_epaiement article:nth-of-type(2) fieldset {padding-top:15px;margin-bottom:15px;border-top:1px solid #345391;} .Body_epaiement article:nth-of-type(2) legend {font-size:16px;color:#345391;padding-right:5px;} .Body_epaiement article:nth-of-type(2) .CGV {display:block;text-align:center;font-size:16px;color:#345391;margin-bottom:5px;} .Body_epaiement article:nth-of-type(2) .formTip {display:block;clear:both;font-variant:italic;color:#666;font-size:12px;} .Body_epaiement article:nth-of-type(2) .cgvTrigger {text-decoration:underline;cursor:pointer;} .Body_epaiement article:nth-of-type(2) .cgvModal {display:none;color:black;} .Body_epaiementappelerlepaiement article:nth-of-type(1) {} .Body_epaiementappelerlepaiement article:nth-of-type(1) .articleContent {width:40%;font-size:0.9vw;padding:1.2vw;margin:3vw auto 0;} .Body_epaiementappelerlepaiement article:nth-of-type(1) .articleContent h1 {font-size:2.2vw;} .Body_epaiementappelerlepaiement article:nth-of-type(2) .articleCaption {width:70%;margin:0 auto;} .Body_epaiementappelerlepaiement article:nth-of-type(2) .articleContent {position:relative;background:none;margin:0 auto;padding:2vw 0;width:90%;} .Body_epaiementappelerlepaiement #CMCICFormulaire {width:80%;margin:30px auto;} .Body_epaiementappelerlepaiement #CMCICFormulaire a.payButton {display:block;text-align:center;background:#345391;color:white;font-size:22px;padding:10px 30px;width:36%;margin:auto;} .Body_epaiementappelerlepaiement #CMCICFormulaire .articleVisuel {width:36%;margin:20px auto;} .Body_epaiementappelerlepaiement #CMCICFormulaire .articleVisuel img {width:100%;height:auto;} .Body_epaiementretour article:nth-of-type(1) {} .Body_epaiementretour article:nth-of-type(1) .articleContent {width:40%;font-size:0.9vw;padding:1.2vw;margin:3vw auto 0;} .Body_epaiementretour article:nth-of-type(1) .articleContent h1 {font-size:2.2vw;} .Body_epaiementretour article:nth-of-type(2) .articleCaption {width:70%;margin:0 auto;} .Body_epaiementretour article:nth-of-type(2) .articleContent {position:relative;background:none;margin:0 auto;padding:2vw 0;width:90%;} /* CONTACT */ .Body_contact article:nth-of-type(1) {} .Body_contact article:nth-of-type(1) .articleContent {width:40%;font-size:0.9vw;margin:2vw auto 0;} .Body_contact article:nth-of-type(1) .articleContent h1 {font-size:2.2vw;} .Body_contact article:nth-of-type(2) .articleContent {position:relative;background:none;margin:0;padding:2vw;width:30%;} .Body_contact article:nth-of-type(2) .articleContent.Left {margin-left:15%;} .Body_contact article:nth-of-type(2) .articleContent.Left .articleTitle {position:relative;border-bottom:1px solid black;display:inline-block;width:auto;margin:0 auto 1vw;} .Body_contact article:nth-of-type(2) .articleContent.Left .articleTitle h1 {font-size:1.8vw;color:black;} .Body_contact article:nth-of-type(2) .articleContent.Right {margin-right:15%;} .Body_contact article:nth-of-type(2) .articleContent.Right iframe {height:40vw;} .genericForm {display:inline-block;width:100%;padding:20px 0;text-align:left;} .genericForm input,.genericForm textarea,.genericForm select {display:block;width:100%;border:solid 1px #aaa;color:#666;padding:3px 5px;margin:0.5vw 0;box-sizing:border-box;font-family:'Montserrat', sans-serif;} .genericForm textarea {height:85px;overflow: hidden;} .genericForm label {font-size:13px;color:#345391;} .genericForm label.error {color:red;margin-bottom:5px;} .genericForm input.error,.genericForm textarea.error {border:1px solid red;} .genericForm .vccCheck {clear:both;margin-bottom:1.5vw;} .genericForm .vccCheck label {display:block;clear:both;width:100%;margin-bottom:1vw;} .genericForm .vccCheck .captcha {} .genericForm .vccCheck .captcha img {float:left;width:20px;padding-top:3px;} .genericForm .vccCheck .captcha input {float:left;margin-left:15px;width:30%;} .genericForm button {width:100%;text-align:center;background:#345391;padding:5px;font-size:1.2vw;color:#fff;cursor:pointer;} /* MODAL */ #simplemodal-overlay {background-color:#000;} #simplemodal-container {height:70%; width:60%; color:#222;background:#FFFFFF;border:4px solid white; padding:12px;text-align:center;} #simplemodal-container .simplemodal-data {padding:8px;} #simplemodal-container .missionImg {width:100%;height:auto;} #simplemodal-container h3 {display:inline-block;width:auto;text-align:center;border-bottom:1px solid black;margin:2vw auto;font-size:1.8vw;} #simplemodal-container .missionDesc {text-align:left;margin-bottom:2vw;font-size:1vw;} #simplemodal-container .missionButton {display:table;padding:5px 15px;color:white;text-align:center;width:12%;margin:1vw auto 0;font-size:1vw;font-family:'Montserrat', sans-serif;background:#345391;color:white;} #simplemodal-container .missionButton a {color:white;} #simplemodal-container a.modalCloseImg {width:25px; height:25px;background:url('/specific_images/1/6/close2epng.png?update=20160421131632 ') no-repeat;background-size:cover; display:inline-block;z-index:3200; position:absolute; top:5px; right:5px; cursor:pointer;} /* FOOTER */ #FooterContent {font-size:1.2vw;} #FooterContent #FooterLogo {width:31%;float:left;margin-right:1.7vw;} #FooterContent #FooterLogo img {width:100%;height:auto;} #FooterContent .socialList {float:right;} #FooterContent .socialList li {display:inline-block;margin:0 3px;cursor:pointer;vertical-align:top;} #FooterContent .socialList li span {display:inline-block;} #FooterContent .socialList li span img {height:1.6vw;width:auto;transition:0.3s;} #FooterContent .socialList li:hover span img {height:2.5vw;transition:0.2s;} #FooterContent #baseline {margin-top:2vw;font-family:'Montserrat', sans-serif;font-size:1vw;color:black;text-align:center;} #FooterContent #baseline a {font-family:'Montserrat', sans-serif;font-size:0.8vw;color:black;} /* RESPONSIVE */ @media screen and (max-width: 900px) { .paginationList li {font-size:16px;} .paginationList li a {font-size:16px;} header {min-width:100%;} footer {min-width:100%;} header #HeaderContent {min-width:100%;} header #HeaderContent #HeaderInstit {display:none;} header #HeaderContent #HeaderLogo {width:360px;margin:1.6vw auto;} header #HeaderContent #HeaderContentTop li {font-size:13px;} header #HeaderContent #headerLang {clear:both;margin-top:0;margin-right:15px;} header #HeaderContent .langMenuList {width:24%;margin:10px auto 0;} header #HeaderContent .langMenuList li {display:block;width:100%;margin-bottom:5px;} header #HeaderContent .langMenuList li span {display:none;} nav #mainMenuList li {font-size:14px;} article .articleTitle {font-size:14px;margin:15px auto;} article .articleContent {position:relative;padding:15px;width:90%;font-size:12px;margin:15px auto;} article .articleContent h1 {font-size:14px;} article .articleButton a {font-size:14px;margin:15px auto 5px;} .HomeSlider > li .HomeSliderContent {top:20px;width:40%;} .HomeSlider > li .HomeSliderContent h1 {font-size:16px;} .HomeSlider > li .HomeSliderContent h2 {font-size:14px;} .HomeSlider > li .HomeSliderContent p {font-size:12px;} .Body_letude article:nth-of-type(1) .articleBackground {height:300px;overflow:hidden;} .Body_letude article:nth-of-type(1) .articleBackground img {height:300px;width:auto;} .Body_letude article:nth-of-type(1) .articleContent {right:0;left:0;position:absolute;width:80%;font-size:13px;padding:20px 4% 10px;margin:30px auto 0;} .Body_letude article:nth-of-type(1) .articleContent h1 {font-size:15px;} .Body_letude article:nth-of-type(2) .articleContent.Left {padding:2%;width:96%;margin:0%;font-size:13px;text-align:center;} .Body_letude article:nth-of-type(2) .articleContent.Left h2 {font-size:14px;} .Body_letude article:nth-of-type(2) .articleContent.Left .articleVisuel {width:20%;margin-left:5%;} .Body_letude article:nth-of-type(2) .articleContent.Left .articleCaption {width:70%;margin:0;} .Body_letude article:nth-of-type(2) .articleContent.Right {padding:2%;width:96%;margin:0%;font-size:13px;} .Body_letude article:nth-of-type(2) .articleContent.Right > ul.articleList {width:100%;} .Body_letude article:nth-of-type(2) .articleContent.Right > ul.articleList > li {font-size:13px;margin:0;padding:10px 2%;width:96%;} .Body_letude article:nth-of-type(2) .articleContent.Right > ul.articleList > li .articleVisuel {width:6%;margin-right:20px;} .Body_letude article:nth-of-type(3) .articleContent.Left {padding:2%;width:96%;margin:0%;font-size:13px;} .Body_letude article:nth-of-type(3) .articleContent.Left > ul {float:left;width:58%;} .Body_letude article:nth-of-type(3) .articleContent.Left > ul > li {font-size:12px;} .Body_letude article:nth-of-type(3) .articleContent.Left .articleCaption {clear:none;float:right;width:35%;padding:3%;margin-top:0;} .Body_letude article:nth-of-type(3) .articleContent.Right {padding:2%;width:96%;margin:0%;font-size:13px;} .Body_nosmissions article:nth-of-type(1) .articleBackground {height:200px;overflow:hidden;} .Body_nosmissions article:nth-of-type(1) .articleBackground img {height:200px;width:auto;} .Body_nosmissions article:nth-of-type(1) .articleContent {right:0;left:0;position:absolute;width:80%;font-size:13px;padding:20px 4% 10px;margin:40px auto 0;} .Body_nosmissions article:nth-of-type(1) .articleContent h1 {font-size:15px;} .Body_nosmissions article:nth-of-type(2) .articleContent {font-size:13px;} #simplemodal-container {height:90%; width:90%;} #simplemodal-container h3 {margin:15px auto;font-size:15px;} #simplemodal-container .missionDesc {font-size:13px;} #simplemodal-container .missionButton {width:60%;margin:20px auto 0;font-size:13px;} .Body_jeuxconcours article:nth-of-type(1) .articleBackground {height:230px;overflow:hidden;} .Body_jeuxconcours article:nth-of-type(1) .articleBackground img {height:230px;width:auto;} .Body_jeuxconcours article:nth-of-type(1) .articleContent {right:0;left:0;position:absolute;width:80%;font-size:13px;padding:20px 4% 10px;margin:30px auto 0;} .Body_jeuxconcours article:nth-of-type(1) .articleContent h1 {font-size:15px;} .Body_jeuxconcours article:nth-of-type(2) .articleContent.Left {margin-left:0;width:45%;} .Body_jeuxconcours article:nth-of-type(2) .articleContent.Right {margin-right:0;width:45%;} .Body_jeuxconcours article:nth-of-type(2) .articleButton a {margin-top:15px;width:50%;} .Body_jeuxconcours article:nth-of-type(3) .articleTitle h1 {font-size:15px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList {margin:10px auto;width:95%;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li {} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail h2 {font-size:15px;margin-bottom:15px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail p {font-size:13px} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail .jeuxFile {margin-bottom:10px;font-size:12px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail .jeuxLink {font-size:12px;} .Body_infospratiques article:nth-of-type(1) .articleBackground {height:170px;overflow:hidden;} .Body_infospratiques article:nth-of-type(1) .articleBackground img {height:170px;width:auto;} .Body_infospratiques article:nth-of-type(1) .articleContent {right:0;left:0;position:absolute;width:80%;font-size:13px;padding:20px 4% 10px;margin:30px auto 0;} .Body_infospratiques article:nth-of-type(1) .articleContent h1 {font-size:15px;} .Body_infospratiques article:nth-of-type(2) .articleContent.Left {margin-left:0;width:45%;} .Body_infospratiques article:nth-of-type(2) .articleContent.Left > ul.articleList > li {font-size:13px;padding:10px} .Body_infospratiques article:nth-of-type(2) .articleContent.Right {margin-right:0;width:45%;} .Body_infospratiques article:nth-of-type(2) .articleContent.Right > ul.articleList {margin-left:0%;text-align:center;} .Body_infospratiques article:nth-of-type(2) .articleContent.Right > ul.articleList > li {font-size:13px;padding:10px 2%;margin-bottom:10px;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left {margin-left:0;width:45%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left .articleTitle {margin:10px auto;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left .articleTitle h2 {font-size:15px;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left > ul.articleList > li {font-size:13px;padding:15px;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right {margin-right:0;width:45%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right .articleTitle h3 {font-size:15px;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right .articleButton a {color:black;background:white;padding:10px 10px;margin-top:2vw;width:60%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right > div.articlePaiment {margin-bottom:20px;} .Body_contact article:nth-of-type(1) .articleBackground {height:170px;overflow:hidden;} .Body_contact article:nth-of-type(1) .articleBackground img {height:170px;width:auto;} .Body_contact article:nth-of-type(1) .articleContent {right:0;left:0;position:absolute;width:80%;font-size:13px;padding:20px 4% 10px;margin:30px auto 0;} .Body_contact article:nth-of-type(1) .articleContent h1 {font-size:15px;} .Body_contact article:nth-of-type(2) .articleContent.Left {margin-left:0;width:45%;} .Body_contact article:nth-of-type(2) .articleContent.Left .articleTitle {margin:0 auto 20px;} .Body_contact article:nth-of-type(2) .articleContent.Left .articleTitle h1 {font-size:15px;} .Body_contact article:nth-of-type(2) .articleContent.Right {margin-right:0;width:45%;} .Body_contact article:nth-of-type(2) .articleContent.Right iframe {height:300px;} .ServiceList {position:relative;width:90%;margin:20px auto;} .ServiceList li {width:45%;height:150px;margin:0.5%;} .ServiceList .ServiceListThumb {margin-top:150px;} .ServiceList .ServiceListDetail {width:80%;margin:60px auto;padding:15px;} .ServiceList .ServiceListDetail h2 {font-size:14px;} .Body_accueil article:nth-of-type(2) .articleBackground {display:none;} #FooterContent {font-size:13px;} #FooterContent #FooterLogo {width:40%;} #FooterContent #FooterCoord {float:right;} #FooterContent .socialList {clear:both;float:none;margin:0 auto 20px;text-align:center;} #FooterContent .socialList li span {display:inline-block;} #FooterContent .socialList li span img {height:25px;} #FooterContent .socialList li:hover span img {height:32px;transition:0.2s;} #FooterContent #baseline {margin-top:15px;font-size:11px;} #FooterContent #baseline a {font-size:11px;} } @media screen and (max-width: 480px) { .paginationList li {font-size:18px;} .paginationList li a {font-size:18px;} header {position:fixed;top:0;z-index:99;background:white;} header #HeaderContent #HeaderContentTop {display:none;} header #HeaderContent #HeaderLogo {width:220px;margin:10px auto;} /* PAS DE LANGUE POUR LE MOMENT header #HeaderContent #HeaderLang {float:right;position:relative;margin-right:10px;cursor:pointer;} header #HeaderContent .langMenuToggle {display:block;} header #HeaderContent .langMenuToggle img {width:60%;height:auto;} header #HeaderContent .langMenuList {position:absolute;width:auto;text-align:center;margin-top:10px;margin-right:20px;display:none;} header #HeaderContent .langMenuList li {display:inline-block;width:90%;padding:0;margin:2px 0;} */ header #HeaderContent #HeaderLang {display:none;} nav .menuToggle {display:block;position:absolute;z-index:4;top:40px;left:10px;cursor:pointer;padding:6px;} nav .menuToggle span {display:block;height:6px;width:34px;border-top: 18px double #345391;border-bottom: 6px solid #345391;font-size:0;} nav #mainMenuList {display:none;min-width:100%;max-width:100%;text-align:left;} nav #mainMenuList li {font-size:16px;width:100%;border-top:1px solid #345391;} nav #mainMenuList li:first-child {border:0;} nav #mainMenuList li a {font-size:20px;width:100%;padding:15px 25px;background:white;color:black;box-sizing:border-box;} nav #mainMenuList li a:hover {color:#345391;} nav #mainMenuList li.current a {color:#345391;} nav #mainMenuList li a span {display:inline-block;font-size:16px;text-indent:0;margin:0;position:relative;float:right;width:auto;height:auto;background:none;} nav #mainMenuList li.current a span {background:transparent;} #Page {margin-top:105px;} article {} article .articleTitle {font-size:15px;} article .articleContent {width:100%;font-size:14px;} article .articleContent h1 {font-size:16px;} .HomeSlider > li .HomeSliderContent {top:5px;width:90%;left:0;right:0;} .HomeSliders .HomeSliderPages {display:none !important;} .Body_letude article:nth-of-type(1) .articleContent {width:90%;font-size:14px;padding:20px 2% 10px;margin:15px auto;} .Body_letude article:nth-of-type(1) .articleContent h1 {font-size:16px;} .Body_letude article:nth-of-type(2) .articleContent.Left {padding:2%;width:96%;margin:0%;font-size:14px;} .Body_letude article:nth-of-type(2) .articleContent.Left h2 {font-size:15px;} .Body_letude article:nth-of-type(2) .articleContent.Left .articleVisuel {width:25%;} .Body_letude article:nth-of-type(2) .articleContent.Left .articleCaption {width:65%;margin:0;} .Body_letude article:nth-of-type(2) .articleContent.Right {padding:2%;width:96%;margin:0%;font-size:14px;} .Body_letude article:nth-of-type(2) .articleContent.Right > ul.articleList {width:100%;} .Body_letude article:nth-of-type(2) .articleContent.Right > ul.articleList > li {font-size:13px;margin:0;padding:10px 2%;width:96%;} .Body_letude article:nth-of-type(3) .articleContent.Left {padding:2%;width:96%;margin:0%;font-size:14px;} .Body_letude article:nth-of-type(3) .articleContent.Left > ul {float:none;width:100%;} .Body_letude article:nth-of-type(3) .articleContent.Left > ul > li {font-size:14px;} .Body_letude article:nth-of-type(3) .articleContent.Left .articleCaption {clear:both;float:none;width:96%;padding:2%;margin-top:20px;} .Body_letude article:nth-of-type(3) .articleContent.Right {padding:2%;width:96%;margin:0%;font-size:14px;} .Body_nosmissions article:nth-of-type(1) .articleContent {width:90%;font-size:14px;padding:20px 2% 10px;margin:15px auto;} .Body_nosmissions article:nth-of-type(1) .articleContent h1 {font-size:16px;} .Body_nosmissions article:nth-of-type(2) .articleContent {padding:20px 4% 10px;width:92%;} .Body_nosmissions article:nth-of-type(2) {width:100%;} #simplemodal-container {height:90%; width:90%; } #simplemodal-container h3 {margin:15px auto;font-size:16px;} #simplemodal-container .missionDesc {font-size:14px;} #simplemodal-container .missionButton {width:60%;margin:20px auto 0;font-size:14px;} .Body_jeuxconcours article:nth-of-type(1) .articleBackground {height:270px;} .Body_jeuxconcours article:nth-of-type(1) .articleBackground img {height:270px;} .Body_jeuxconcours article:nth-of-type(1) .articleContent {width:90%;font-size:14px;padding:20px 2% 10px;margin:15px auto;} .Body_jeuxconcours article:nth-of-type(1) .articleContent h1 {font-size:16px;} .Body_jeuxconcours article:nth-of-type(2) .articleContent {padding:4%;width:92%;} .Body_jeuxconcours article:nth-of-type(2) .articleContent.Left {margin-left:0;width:90%;} .Body_jeuxconcours article:nth-of-type(2) .articleContent.Right {margin-right:0;width:90%;} .Body_jeuxconcours article:nth-of-type(2) .articleButton a {margin-top:15px;width:50%;} .Body_jeuxconcours article:nth-of-type(3) .articleTitle h1 {font-size:16px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList {margin:20px auto;width:80%;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li {width:96%;margin:0 0 20px;padding:2.4vw 2%;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail h2 {font-size:16px;margin-bottom:15px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail p {font-size:14px} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail .jeuxFile {margin-bottom:10px;font-size:12px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail .jeuxLink {font-size:12px;} .Body_infospratiques article:nth-of-type(1) .articleContent {width:90%;font-size:14px;padding:20px 2% 10px;margin:15px auto;} .Body_infospratiques article:nth-of-type(1) .articleContent h1 {font-size:16px;} .Body_infospratiques article:nth-of-type(2) .articleContent {padding:4%;width:92%;} .Body_infospratiques article:nth-of-type(2) .articleContent.Left {margin-left:0%;width:90%;} .Body_infospratiques article:nth-of-type(2) .articleContent.Left > ul.articleList > li {font-size:14px;padding:15px} .Body_infospratiques article:nth-of-type(2) .articleContent.Right {margin-right:0%;width:90%;} .Body_infospratiques article:nth-of-type(2) .articleContent.Right > ul.articleList {margin-left:0%;text-align:center;} .Body_infospratiques article:nth-of-type(2) .articleContent.Right > ul.articleList > li {font-size:14px;padding:15px 2%;margin-bottom:20px;} .Body_infospratiques article:nth-of-type(3) .articleContent {padding:4%;width:92%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left {margin-left:0%;width:90%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left .articleTitle {margin:15px auto;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left .articleTitle h2 {font-size:16px;} .Body_infospratiques article:nth-of-type(3) .articleContent.Left > ul.articleList > li {font-size:14px;padding:15px;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right {margin-right:0%;width:90%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right .articleTitle h3 {font-size:16px;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right .articleButton a {color:black;background:white;padding:10px 10px;margin-top:2vw;width:60%;} .Body_infospratiques article:nth-of-type(3) .articleContent.Right > div.articlePaiment {margin-bottom:20px;} .Body_contact article:nth-of-type(1) .articleContent {width:90%;font-size:14px;padding:20px 2% 10px;margin:15px auto;} .Body_contact article:nth-of-type(1) .articleContent h1 {font-size:16px;} .Body_contact article:nth-of-type(2) .articleContent {padding:4%;width:92%;} .Body_contact article:nth-of-type(2) .articleContent.Left {margin-left:0;width:90%;} .Body_contact article:nth-of-type(2) .articleContent.Left .articleTitle {margin:0 auto 20px;} .Body_contact article:nth-of-type(2) .articleContent.Left .articleTitle h1 {font-size:16px;} .Body_contact article:nth-of-type(2) .articleContent.Right {margin-right:0;width:90%;} .Body_contact article:nth-of-type(2) .articleContent.Right iframe {height:300px;} .genericForm button {font-size:16px;} .ServiceList {width:95%;margin:20px auto;} .ServiceList li {width:48%;height:130px;margin:0.5%;} .ServiceList li .ServiceListThumb {display:inline-block;margin-top:0;} .ServiceList li .ServiceListDetail {width:88%;height:110px;margin:2% auto;padding:2%;background:rgba(255,255,255,0.7);border-color:black;} .ServiceList li .ServiceListDetail h2 {margin-bottom:5px;font-size:15px;color:black;} .ServiceList li .ServiceListDetail p {display:block;text-align:left;font-size:12px;} .ServiceList li:hover .ServiceListDetail {margin:2% auto;} #FooterContent #FooterLogo {float:none;clear:both;margin:auto;width:60%;margin-bottom:20px;} #FooterContent #FooterCoord {float:none;clear:both;text-align:center;} } @media screen and (min-width: 1400px) { #HeaderContent #HeaderInstit {width:150px;margin-top:30px;margin-left:0;} #HeaderContent #HeaderLogo {width:400px;margin:20px auto;} #HeaderContent #HeaderContentTop {height:10px;} #HeaderContent #HeaderContentTop ul {width:1000px;} #HeaderContent #HeaderContentTop li {padding:5px 15px;font-size:15px;} #HeaderContent #HeaderContentMiddle {width:1000px;margin:auto;} #HeaderContent #headerLang {margin-top:50px;margin-right:0;} #HeaderContent .langMenuList {} #HeaderContent .langMenuList li {width:25px;} #HeaderContent .langMenuList li a {font-size:15px;} nav #mainMenuList li {font-size:18px !important;} .paginationList li {font-size:20px !important;} .paginationList li a {font-size:18px !important;} .HomeSlider > li .HomeSliderContent {top:200px;} .HomeSlider > li .HomeSliderContent h1 {font-size:26px;} .HomeSlider > li .HomeSliderContent h2 {font-size:19px;margin-bottom:15px;} .HomeSlider > li .HomeSliderContent p {font-size:15px;} .ServiceList {margin:90px auto 30px;width:1000px;} .ServiceList li {width:31%;height:230px;margin:0.5%;} .ServiceList .ServiceListDetail {width:70%;margin:80px auto;padding:20px;} .ServiceList .ServiceListDetail h2 {font-size:20px;} .ServiceList .ServiceListDetail p {font-size:14px;} .ServiceList li:hover .ServiceListDetail {margin-top:30px;} article .articleResp {width:100%;max-width:1200px;margin:0 auto !important;} article .articleTitle {font-size:28px !important;margin:30px auto;} article .articleTitle h1 {font-size:28px !important;} article .articleContent {font-size:16px !important;margin:40px auto !important;padding:40px 20px !important; font-weight: 300;} article:nth-of-type(1) .articleContent {margin:20px auto !important;padding:20px !important;} article .articleContent h1 {font-size:24px !important;} article .articleContent h2 {font-size:20px !important;} article:nth-of-type(2) .articleContent.Left {width:45% !important;margin:30px 0 !important;} article:nth-of-type(2) .articleContent.Right {width:45% !important;margin:30px 0 !important;} article:nth-of-type(2) .articleContent.Left > ul.articleList > li {font-size:15px !important;} article:nth-of-type(2) .articleContent.Right > ul.articleList > li .articleVisuel {width:45px !important;} article:nth-of-type(2) .articleContent.Right > ul.articleList > li {font-size:15px !important;} article:nth-of-type(3) .articleContent.Left > ul > li {font-size:15px !important;} article:nth-of-type(3) .articleContent.Right .articleTitle h3 {font-size:18px !important;} #simplemodal-container {width:1000px;} #simplemodal-container .missionImg {display:block;width:800px;height:auto;margin:auto;} #simplemodal-container h3 {clear:both;font-size:18px;} #simplemodal-container .missionDesc {font-size:15px;} #simplemodal-container .missionButton {font-size:18px;} /* .Body_accueil article:nth-of-type(1) .articleBackground {height:400px;overflow:hidden;} */ .Body_nosmissions article:nth-of-type(2) .articleContent.Left {} .Body_nosmissions article:nth-of-type(2) .articleContent.Right {} .Body_jeuxconcours article:nth-of-type(3) .jeuxList {margin:10px auto;width:1000px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li {width:44%;margin:15px;padding:20px 10px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail h2 {font-size:18px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail p {font-size:15px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail .jeuxFile {font-size:13px;} .Body_jeuxconcours article:nth-of-type(3) .jeuxList li .jeuxListDetail .jeuxLink {font-size:13px;} .Body_infospratiques article:nth-of-type(3) .articleContent {width:500px;} .Body_letude article:nth-of-type(1) {} .Body_letude article:nth-of-type(1) .articleContent {width:32% !important;margin:20px auto !important;right:10% !important;padding:20px !important;font-size:15px !important;} .Body_letude article:nth-of-type(2) .articleContent {padding:0 2% !important;} .Body_letude article:nth-of-type(3) .articleContent {padding:40px 0 !important;} .Body_letude article:nth-of-type(3) .articleContent.Left {} .Body_letude article:nth-of-type(3) .articleContent.Right {} .Body_contact article:nth-of-type(2) .articleContent {width:500px;} #FooterContent {font-size:16px;} #FooterContent #FooterLogo {width:350px;} #FooterContent #baseline {font-size:13px;} #FooterContent #baseline a {font-size:13px;} #FooterContent .socialList li span img {height:30px;width:auto;transition:0.3s;} #FooterContent .socialList li:hover span img {height:40px;transition:0.2s;} }