body { font-family: Times, Arial, Verdana, sans-serif; background-color:white; color:#606060; } a {text-decoration:none; color:black;} #page { width:900px; margin:auto; } .fond { color:#606060; background-color:#BA8841; } #pageindex { width:785px; margin:auto; background-color:#FCDD9A; } header { display:flex; flex-direction:column; } footer {padding-bottom:20px;} #introduction {width:65%; margin:auto; text-align:center; margin-bottom:30px;} #intro {width:785px; margin:auto; text-align:center; padding-bottom:10px; } #rubrique {display:flex; justify-content:space-between; flex-wrap:wrap; padding-bottom:20px;} #menu {display:flex; justify-content:space-between; flex-wrap:wrap;} .categorie {display:flex; flex-direction:column; width:360px; height:auto; margin-bottom:30px;} .categoriebis {display:flex; flex-direction:column; width:360px; align-items:center; margin-top:0;} .box {width:785px; height:351px;} .box1 {display:none;} .box2 {display:none;} h1 {font-family:Lucida sans; font-size:2.5em; text-align:center; color:#00A300; text-shadow: 2px 2px 2px #C0C0C0;} h2 {color:black; height:auto; margin-top:2px; margin-bottom:2px;} h3 {color:black; font-size:2.5em; text-align:center; font-weight:bold; text-shadow: 1px 1px 1px #C0C0C0;} h4 {color:#00A300; height:auto; text-align:center; font-size:1.2em; text-shadow: 1px 1px 1px #C0C0C0;} h4 a {color:#00A300;} p {font-size:1.5em;} .texte {font-size:1.2em; margin:0 0 1% 0; text-align:justify;} .texte a {color:#5A883D;} .retour {font-size:1.2em; text-align:center; margin:0 0 3% 0; width:350px;} .retour a {color:#5A883D;} .italique {font-style:italic;} .centre {font-size:1.2em; margin:0 0 1% 0; text-align:center;} .textepetit {font-size:0.8em;} .marge {margin-bottom:0.3px;} .ligne {font-size:1em; text-align:center; margin:0;} .contact {font-size:1.2em; text-align:center; margin:0; padding-top:5px;} .contact a {color:#606060;} .exerguerouge { color:#D32500; font-style:italic; text-shadow: 2px 2px 2px grey;} hr {color:#82B75D; width:30%; margin:auto; margin-top:30px;} #pied {height:120px; background-image:url('lignebasmini.jpg'); background-repeat:no-repeat; background-position:center;} #photo1 {width:900px; height:670px; margin:auto; background-image:url('tactique1.jpg'); background-repeat:no-repeat; background-position:center;} #photo2 {width:900px; height:722px; margin:auto; background-image:url('tactique2.jpg'); background-repeat:no-repeat; background-position:center;} #photo3 {width:900px; height:600px; margin:auto; background-image:url('tactique3.jpg'); background-repeat:no-repeat; background-position:center;} #photo4 {width:900px; height:745px; margin:auto; background-image:url('tactique4.jpg'); background-repeat:no-repeat; background-position:center;} #photo5 {width:900px; height:600px; margin:auto; background-image:url('tactique5.jpg'); background-repeat:no-repeat; background-position:center;} #photo6 {width:900px; height:660px; margin:auto; background-image:url('tactique6.jpg'); background-repeat:no-repeat; background-position:center;} #photo8 {width:900px; height:649px; margin:auto; background-image:url('tactique8.jpg'); background-repeat:no-repeat; background-position:center;} #photo10 {width:900px; height:673px; margin:auto; background-image:url('tactique10.jpg'); background-repeat:no-repeat; background-position:center;} #photo11 {width:900px; height:816px; margin:auto; background-image:url('arme1.jpg'); background-repeat:no-repeat; background-position:center;} #photo12 {width:900px; height:733px; margin:auto; background-image:url('arme2.jpg'); background-repeat:no-repeat; background-position:center;} #photo13 {width:900px; height:600px; margin:auto; background-image:url('arme3.jpg'); background-repeat:no-repeat; background-position:center;} #photo14 {width:900px; height:633px; margin:auto; background-image:url('arme5.jpg'); background-repeat:no-repeat; background-position:center;} #photo15 {width:900px; height:505px; margin:auto; background-image:url('arme4.jpg'); background-repeat:no-repeat; background-position:center;} #photo16 {width:900px; height:412px; margin:auto; background-image:url('arme6.jpg'); background-repeat:no-repeat; background-position:center;} #photo17 {width:900px; height:675px; margin:auto; background-image:url('tac1.jpg'); background-repeat:no-repeat; background-position:center;} #photo18 {width:800px; height:533px; margin:auto; background-image:url('tac2.jpg'); background-repeat:no-repeat; background-position:center;} #photo19 {width:900px; height:573px; margin:auto; background-image:url('tac3.jpg'); background-repeat:no-repeat; background-position:center;} #photo20 {width:280px; height:420px; margin:auto; background-image:url('tac4.jpg'); background-repeat:no-repeat; background-position:center;} #photo21 {width:280px; height:420px; margin:auto; background-image:url('tac5.jpg'); background-repeat:no-repeat; background-position:center;} #photo22 {width:280px; height:420px; margin:auto; background-image:url('tac6.jpg'); background-repeat:no-repeat; background-position:center;} #photo23 {width:900px; height:500px; margin:auto; background-image:url('tac7.jpg'); background-repeat:no-repeat; background-position:center;} #photo26 {width:900px; height:600px; margin:auto; background-image:url('tac9.jpg'); background-repeat:no-repeat; background-position:center;} #photo24 {width:900px; height:668px; margin:auto; background-image:url('tac10.jpg'); background-repeat:no-repeat; background-position:center;} #photo25 {width:900px; height:600px; margin:auto; background-image:url('tac22.jpg'); background-repeat:no-repeat; background-position:center;} #photo27 {width:900px; height:564px; margin:auto; background-image:url('tac17.jpg'); background-repeat:no-repeat; background-position:center;} #photo28 {width:900px; height:564px; margin:auto; background-image:url('tac11.jpg'); background-repeat:no-repeat; background-position:center;} #photo29 {width:900px; height:600px; margin:auto; background-image:url('tac14.jpg'); background-repeat:no-repeat; background-position:center;} #photo30 {width:900px; height:977px; margin:auto; background-image:url('tac12.jpg'); background-repeat:no-repeat; background-position:center;} #photo31 {width:900px; height:742px; margin:auto; background-image:url('arme7.jpg'); background-repeat:no-repeat; background-position:center;} #photo32 {width:900px; height:633px; margin:auto; background-image:url('arme8.jpg'); background-repeat:no-repeat; background-position:center;} #photo33 {width:900px; height:559px; margin:auto; background-image:url('arme9.jpg'); background-repeat:no-repeat; background-position:center;} #photo34 {width:900px; height:253px; margin:auto; background-image:url('arme10.jpg'); background-repeat:no-repeat; background-position:center;} #photo35 {width:900px; height:600px; margin:auto; background-image:url('arme11.jpg'); background-repeat:no-repeat; background-position:center;} #photo36 {width:900px; height:343px; margin:auto; background-image:url('arme12.jpg'); background-repeat:no-repeat; background-position:center;} #photo37 {width:900px; height:415px; margin:auto; background-image:url('arme15.jpg'); background-repeat:no-repeat; background-position:center;} #photo37:hover {background-image:url('arme13.jpg');} #photo38 {width:900px; height:600px; margin:auto; background-image:url('arme14.jpg'); background-repeat:no-repeat; background-position:center;} #photo39 {width:900px; height:600px; margin:auto; background-image:url('arme16.jpg'); background-repeat:no-repeat; background-position:center;} #photo40 {width:71px; height:72px; margin:auto; background-image:url('arme17.jpg'); background-repeat:no-repeat; background-position:center;} #photo41 {width:900px; height:600px; margin:auto; background-image:url('tac13.jpg'); background-repeat:no-repeat; background-position:center;} #photo42 {width:900px; height:600px; margin:auto; background-image:url('tac15.jpg'); background-repeat:no-repeat; background-position:center;} #photo43 {width:900px; height:600px; margin:auto; background-image:url('tac16.jpg'); background-repeat:no-repeat; background-position:center;} #photo44 {width:900px; height:600px; margin:auto; background-image:url('art1.jpg'); background-repeat:no-repeat; background-position:center;} #photo45 {width:453px; height:312px; margin:auto; background-image:url('art2.jpg'); background-repeat:no-repeat; background-position:center;} #photo46 {width:900px; height:623px; margin:auto; background-image:url('art3.jpg'); background-repeat:no-repeat; background-position:center;} #photo47 {width:900px; height:600px; margin:auto; background-image:url('art4.jpg'); background-repeat:no-repeat; background-position:center;} #photo48 {width:900px; height:600px; margin:auto; background-image:url('tac18.jpg'); background-repeat:no-repeat; background-position:center;} #photo49 {width:900px; height:600px; margin:auto; background-image:url('tac19.jpg'); background-repeat:no-repeat; background-position:center;} #photo50 {width:900px; height:600px; margin:auto; background-image:url('tac20.jpg'); background-repeat:no-repeat; background-position:center;} #photo51 {width:900px; height:600px; margin:auto; background-image:url('tac21.jpg'); background-repeat:no-repeat; background-position:center;} #photo52 {width:900px; height:600px; margin:auto; background-image:url('art5.jpg'); background-repeat:no-repeat; background-position:center;} #photo53 {width:900px; height:600px; margin:auto; background-image:url('art6.jpg'); background-repeat:no-repeat; background-position:center;} #photo54 {width:900px; height:600px; margin:auto; background-image:url('galerie1.jpg'); background-repeat:no-repeat; background-position:center;} #photo55 {width:900px; height:600px; margin:auto; background-image:url('galerie2.jpg'); background-repeat:no-repeat; background-position:center;} #photo56 {width:900px; height:600px; margin:auto; background-image:url('galerie3.jpg'); background-repeat:no-repeat; background-position:center;} #photo57 {width:900px; height:518px; margin:auto; background-image:url('galerie4.jpg'); background-repeat:no-repeat; background-position:center;} #photo58 {width:900px; height:600px; margin:auto; background-image:url('galerie5.jpg'); background-repeat:no-repeat; background-position:center;} #photo59 {width:900px; height:600px; margin:auto; background-image:url('galerie6.jpg'); background-repeat:no-repeat; background-position:center;} #photo60 {width:900px; height:600px; margin:auto; background-image:url('galerie7.jpg'); background-repeat:no-repeat; background-position:center;} #photo61 {width:900px; height:804px; margin:auto; background-image:url('galerie8.jpg'); background-repeat:no-repeat; background-position:center;} #corps {display:flex; flex-direction:column; width:900px; margin:auto; text-align:center;} #album1 {width:250px; height:225px; margin:auto; background-image:url('conquete2.jpg'); background-repeat:no-repeat; background-position:center;} #album2 {width:250px; height:225px; margin:auto; background-image:url('conquete5.jpg'); background-repeat:no-repeat; background-position:center;} #album3 {width:250px; height:225px; margin:auto; background-image:url('conquete4.jpg'); background-repeat:no-repeat; background-position:center;} #album4 {width:250px; height:225px; margin:auto; background-image:url('conquete1.jpg'); background-repeat:no-repeat; background-position:center;} #album5 {width:250px; height:225px; margin:auto; background-image:url('conquete3.jpg'); background-repeat:no-repeat; background-position:center;} #album6 {width:250px; height:225px; margin:auto; background-image:url('conquete6.jpg'); background-repeat:no-repeat; background-position:center;} @media all and (min-width: 380px) and (max-width: 850px) { #page{width:100%;} #pageindex {width:100%;} #introduction, #intro {width:100%;} #intro {width:360px; margin:auto; text-align:center; padding-bottom:10px; } .texte {font-size:1.2em; margin:0 0 3% 0; text-align:justify;} .centre {font-size:1.2em; margin:0 0 3% 0; text-align:justify;} h1 {font-size:2em;} .retour {text-align:center; width:360px;} .box {display:none;} .box1 {display:block; width:360px; height:302px; background-image:url('fond2.jpg'); background-repeat:no-repeat; background-position:center;} .box2 {display:block; width:360px; height:302px; background-image:url('fond1.jpg'); background-repeat:no-repeat; background-position:center;} #menu, #rubrique {display:flex; flex-direction:column; align-items:center;} #pied {background-image:url('lignebasmini.jpg'); background-repeat:no-repeat; background-position:center;} #photo1 {width:360px; height:212px; background-image:url('tactique1mini.jpg');} #photo2 {width:360px; height:212px; background-image:url('tactique2mini.jpg');} #photo3 {width:360px; height:465px; background-image:url('tactique3mini.jpg');} #photo4 {width:360px; height:281px; background-image:url('tactique4mini.jpg');} #photo5 {width:360px; height:274px; background-image:url('tactique5mini.jpg');} #photo6 {width:360px; height:270px; background-image:url('tactique6mini.jpg');} #photo8 {width:360px; height:261px; background-image:url('tactique8mini.jpg');} #photo10 {width:360px; height:529px; background-image:url('tactique10mini.jpg');} #photo11 {width:360px; height:409px; background-image:url('arme1mini.jpg');} #photo12 {width:360px; height:493px; background-image:url('arme2mini.jpg');} #photo13 {width:360px; height:298px; background-image:url('arme3mini.jpg');} #photo14 {width:360px; height:241px; background-image:url('arme5mini.jpg');} #photo15 {width:360px; height:216px; background-image:url('arme4mini.jpg');} #photo16 {width:360px; height:216px; background-image:url('arme6mini.jpg');} #photo17 {width:360px; height:212px; background-image:url('tac1mini.jpg');} #photo18 {width:360px; height:212px; background-image:url('tac2mini.jpg');} #photo19 {width:360px; height:212px; background-image:url('tac3mini.jpg');} #photo21 {width:360px; height:212px; background-image:url('tac4mini.jpg');} #photo20 {display:none;} #photo22 {display:none;} #photo23 {width:360px; height:212px; background-image:url('tac7mini.jpg');} #photo26 {width:360px; height:212px; background-image:url('tac9mini.jpg');} #photo24 {width:360px; height:637px; background-image:url('tac10mini.jpg');} #photo25 {width:360px; height:212px; background-image:url('tac22mini.jpg');} #photo27 {width:360px; height:212px; background-image:url('tac17mini.jpg');} #photo30 {width:360px; height:391px; background-image:url('tac12mini.jpg');} #photo28 {width:360px; height:211px; background-image:url('tac11mini.jpg');} #photo29 {width:360px; height:212px; background-image:url('tac14mini.jpg');} #photo31 {width:360px; height:297px; background-image:url('arme7mini.jpg');} #photo32 {width:360px; height:212px; background-image:url('arme8mini.jpg');} #photo33 {width:360px; height:212px; background-image:url('arme9mini.jpg');} #photo34 {width:360px; height:212px; background-image:url('arme10mini.jpg');} #photo35 {width:360px; height:212px; background-image:url('arme11mini.jpg');} #photo37 {width:360px; height:212px; background-image:url('arme15mini.jpg');} #photo37:hover {background-image:url('arme13mini.jpg');} #photo36 {width:360px; height:137px; background-image:url('arme12mini.jpg');} #photo38 {width:360px; height:212px; background-image:url('arme14mini.jpg');} #photo39 {width:360px; height:554px; background-image:url('arme16mini.jpg');} #photo41 {width:360px; height:212px; background-image:url('tac13mini.jpg');} #photo42 {width:360px; height:212px; background-image:url('tac15mini.jpg');} #photo43 {width:360px; height:212px; background-image:url('tac16mini.jpg');} #photo44 {width:360px; height:212px; background-image:url('art1mini.jpg');} #photo45 {width:360px; height:212px; background-image:url('art2mini.jpg');} #photo46 {width:360px; height:212px; background-image:url('art3mini.jpg');} #photo47 {width:360px; height:212px; background-image:url('art4mini.jpg');} #photo48 {width:360px; height:212px; background-image:url('tac18mini.jpg');} #photo49 {width:360px; height:212px; background-image:url('tac19mini.jpg');} #photo50 {width:360px; height:212px; background-image:url('tac20mini.jpg');} #photo51 {width:360px; height:212px; background-image:url('tac21mini.jpg');} #photo52 {width:360px; height:212px; background-image:url('art5mini.jpg');} #photo53 {width:360px; height:212px; background-image:url('art6mini.jpg');} #photo54 {width:360px; height:212px; background-image:url('galerie1mini.jpg');} #photo55 {width:360px; height:212px; background-image:url('galerie2mini.jpg');} #photo56 {width:360px; height:212px; background-image:url('galerie3mini.jpg');} #photo57 {width:360px; height:212px; background-image:url('galerie4mini.jpg');} #photo58 {width:360px; height:212px; background-image:url('galerie5mini.jpg');} #photo59 {width:360px; height:212px; background-image:url('galerie6mini.jpg');} #photo60 {width:360px; height:212px; background-image:url('galerie7mini.jpg');} #photo61 {width:360px; height:322px; background-image:url('galerie8mini.jpg');} #corps {width:360px;} } @media all and (max-width:379px) { #page{width:100%;} #pageindex {width:100%;} #introduction, #intro {width:100%;} .texte {font-size:1.2em; margin:0 0 3% 0; text-align:justify;} .centre {font-size:1.2em; margin:0 0 3% 0; text-align:justify;} h1 {font-size:2em;} .retour {text-align:center; width:340px; } .categorie {width:100%;} .categoriebis {width:100%;} .box {display:none;} .box1 {display:block; width:340px; height:302px; background-image:url('fond4.jpg'); background-repeat:no-repeat; background-position:center;} .box2 {display:block; width:340px; height:302px; background-image:url('fond3.jpg'); background-repeat:no-repeat; background-position:center;} #menu, #rubrique {display:flex; flex-direction:column; align-items:center;} #pied {background-image:url('lignebasmini.jpg'); background-repeat:no-repeat; background-position:center;} #photo1 {width:330px; height:212px; background-image:url('tactique1mini.jpg');} #photo2 {width:330px; height:212px; background-image:url('tactique2mini.jpg');} #photo3 {width:330px; height:465px; background-image:url('tactique3mini.jpg');} #photo4 {width:330px; height:281px; background-image:url('tactique4mini.jpg');} #photo5 {width:330px; height:274px; background-image:url('tactique5mini.jpg');} #photo6 {width:330px; height:270px; background-image:url('tactique6mini.jpg');} #photo8 {width:330px; height:261px; background-image:url('tactique8mini.jpg');} #photo10 {width:330px; height:529px; background-image:url('tactique10mini.jpg');} #photo11 {width:330px; height:409px; background-image:url('arme1mini.jpg');} #photo12 {width:330px; height:493px; background-image:url('arme2mini.jpg');} #photo13 {width:330px; height:298px; background-image:url('arme3mini.jpg');} #photo14 {width:330px; height:241px; background-image:url('arme5mini.jpg');} #photo15 {width:330px; height:216px; background-image:url('arme4mini.jpg');} #photo16 {width:330px; height:216px; background-image:url('arme6mini.jpg');} #photo17 {width:330px; height:212px; background-image:url('tac1mini.jpg');} #photo18 {width:330px; height:212px; background-image:url('tac2mini.jpg');} #photo19 {width:330px; height:212px; background-image:url('tac3mini.jpg');} #photo21 {width:330px; height:212px; background-image:url('tac4mini.jpg');} #photo20 {display:none;} #photo22 {display:none;} #photo23 {width:330px; height:212px; background-image:url('tac7mini.jpg');} #photo26 {width:330px; height:212px; background-image:url('tac9mini.jpg');} #photo24 {width:330px; height:637px; background-image:url('tac10mini.jpg');} #photo25 {width:330px; height:212px; background-image:url('tac22mini.jpg');} #photo27 {width:330px; height:212px; background-image:url('tac17mini.jpg');} #photo30 {width:330px; height:391px; background-image:url('tac12mini.jpg');} #photo28 {width:330px; height:211px; background-image:url('tac11mini.jpg');} #photo29 {width:330px; height:212px; background-image:url('tac14mini.jpg');} #photo31 {width:330px; height:297px; background-image:url('arme7mini.jpg');} #photo32 {width:330px; height:212px; background-image:url('arme8mini.jpg');} #photo33 {width:330px; height:212px; background-image:url('arme9mini.jpg');} #photo34 {width:330px; height:212px; background-image:url('arme10mini.jpg');} #photo35 {width:330px; height:212px; background-image:url('arme11mini.jpg');} #photo37 {width:330px; height:212px; background-image:url('arme15mini.jpg');} #photo37:hover {background-image:url('arme13mini.jpg');} #photo36 {width:330px; height:137px; background-image:url('arme12mini.jpg');} #photo38 {width:330px; height:212px; background-image:url('arme14mini.jpg');} #photo39 {width:330px; height:554px; background-image:url('arme16mini.jpg');} #photo41 {width:330px; height:212px; background-image:url('tac13mini.jpg');} #photo42 {width:330px; height:212px; background-image:url('tac15mini.jpg');} #photo43 {width:330px; height:212px; background-image:url('tac16mini.jpg');} #photo44 {width:330px; height:212px; background-image:url('art1mini.jpg');} #photo45 {width:330px; height:212px; background-image:url('art2mini.jpg');} #photo46 {width:330px; height:212px; background-image:url('art3mini.jpg');} #photo47 {width:330px; height:212px; background-image:url('art4mini.jpg');} #photo48 {width:330px; height:212px; background-image:url('tac18mini.jpg');} #photo49 {width:330px; height:212px; background-image:url('tac19mini.jpg');} #photo50 {width:330px; height:212px; background-image:url('tac20mini.jpg');} #photo51 {width:330px; height:212px; background-image:url('tac21mini.jpg');} #photo52 {width:330px; height:212px; background-image:url('art5mini.jpg');} #photo53 {width:330px; height:212px; background-image:url('art6mini.jpg');} #photo54 {width:330px; height:212px; background-image:url('galerie1mini.jpg');} #photo55 {width:330px; height:212px; background-image:url('galerie2mini.jpg');} #photo56 {width:330px; height:212px; background-image:url('galerie3mini.jpg');} #photo57 {width:330px; height:212px; background-image:url('galerie4mini.jpg');} #photo58 {width:330px; height:212px; background-image:url('galerie5mini.jpg');} #photo59 {width:330px; height:212px; background-image:url('galerie6mini.jpg');} #photo60 {width:330px; height:212px; background-image:url('galerie7mini.jpg');} #photo61 {width:330px; height:322px; background-image:url('galerie8mini.jpg');} #corps {width:330px;} }