Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- h1{
- text-align:center ;
- }
- embed {
- margin-left:110px;
- z-index:-5;
- position:relative;
- }
- body {
- font-size: 100%;
- background: #E8E8E8;
- font: 1.1em sans-serif;
- margin-left: 10px;
- }
- body img{
- }
- #cadre {
- margin-left:10px;
- }
- #cadre13{
- margin-left:250px;
- }
- #cadre14{
- margin-top:10px;
- display:block;
- position:relative;
- }
- h3 {
- color: black;
- text-align:center;
- animation-duration: 3s;
- animation-name: slidein;
- text-decoration:blink;
- }
- h6 {
- color: #black;
- text-align:center;
- }
- /* propriétés du pied de page */
- pied_de_page {
- color: black;
- text-align:center;
- position:relative;
- cursor: pointer;
- }
- footer{
- position:relative;
- margin-top:200px;
- margin-left:250px auto ;
- text-align:center;
- cursor: pointer;
- }
- /*--------*/
- /* Main menu */
- #menu
- {
- width: 100%;
- margin: 0;
- padding: 10px 0 0 0;
- list-style: none;
- background: linear-gradient(#3384E7, dodgerblue);
- background: -webkit-linear-gradient(#3384E7, dodgerblue);
- background: -moz-linear-gradient(#3384E7, dodgerblue);
- background: -ms-linear-gradient(#3384E7, dodgerblue);
- background: -o-linear-gradient(#3384E7, dodgerblue);
- background: linear-gradient(#3384E7, bodgerblue);
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- -moz-border-radius: 50px;
- border-radius: 50px;
- -moz-box-shadow: 0 2px 1px #9c9c9c;
- -webkit-box-shadow: 0 2px 1px #9c9c9c;
- box-shadow: 0 2px 1px #9c9c9c;
- }
- #menu li
- {
- float: left;
- padding: 0 0 10px 0;
- position: relative;
- line-height: 0;
- }
- #menu a
- {
- float: left;
- height: 25px;
- padding: 0 25px;
- color: #E1E6FA;
- text-transform: uppercase;
- font: bold 12px/25px Arial, Helvetica;
- text-decoration: none;
- text-shadow: 0 1px 0 #000;
- }
- #menu li:hover > a
- {
- color: #acdc2e;
- }
- *html #menu li a:hover /* IE6 */
- {
- color: #acdc2e;
- }
- #menu li:hover > ul
- {
- display: block;
- }
- /* Sub-menu */
- #menu ul
- {
- list-style: none;
- margin: 0;
- padding: 0;
- display: none;
- position: absolute;
- top: 35px;
- left: 0;
- z-index: 9999999;
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- background: linear-gradient(#3384E7, dodgerblue);
- background: -webkit-linear-gradient(#3384E7, dodgerblue);
- background: -moz-linear-gradient(#3384E7, dodgerblue);
- background: -ms-linear-gradient(#3384E7, dodgerblue);
- background: -o-linear-gradient(#3384E7, dodgerblue);
- background: linear-gradient(#3384E7, bodgerblue);
- -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
- -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
- box-shadow: 0 0 2px rgba(255,255,255,.5);
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- #menu ul ul
- {
- top: 0;
- left: 150px;
- }
- #menu ul li
- {
- float: none;
- margin: 0;
- padding: 0;
- display: block;
- -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
- -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
- box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
- }
- #menu ul li:last-child
- {
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- #menu ul a
- {
- padding: 10px;
- height: auto;
- width: auto;
- height: auto;
- line-height: 1;
- display: block;
- white-space: nowrap;
- float: none;
- text-transform: none;
- }
- *html #menu ul a /* IE6 */
- {
- height: 10px;
- }
- *:first-child+html #menu ul a /* IE7 */
- {
- height: 10px;
- }
- #menu ul a:hover
- {
- background: #0186ba;
- background: -moz-linear-gradient(#04acec, #0186ba);
- background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
- background: -webkit-linear-gradient(#04acec, #0186ba);
- background: -o-linear-gradient(#04acec, #0186ba);
- background: -ms-linear-gradient(#04acec, #0186ba);
- background: linear-gradient(#04acec, #0186ba);
- }
- #menu ul li:first-child > a
- {
- -moz-border-radius: 5px 5px 0 0;
- border-radius: 5px 5px 0 0;
- }
- #menu ul li:first-child > a:after
- {
- content: '';
- position: absolute;
- left: 30px;
- top: -8px;
- width: 0;
- height: 0;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-bottom: 8px solid #444;
- }
- #menu ul ul li:first-child a:after
- {
- left: -8px;
- top: 12px;
- width: 0;
- height: 0;
- border-left: 0;
- border-bottom: 5px solid transparent;
- border-top: 5px solid transparent;
- border-right: 8px solid #444;
- }
- #menu ul li:first-child a:hover:after
- {
- border-bottom-color: #04acec;
- }
- #menu ul ul li:first-child a:hover:after
- {
- border-right-color: #04acec;
- border-bottom-color: transparent;
- }
- #menu ul li:last-child > a
- {
- -moz-border-radius: 0 0 5px 5px;
- border-radius: 0 0 5px 5px;
- }
- /* Clear floated elements */
- #menu:after
- {
- visibility: hidden;
- display: block;
- font-size: 0;
- content: " ";
- clear: both;
- height: 0;
- }
- /*---*/
- section
- {
- margin-left: 320px;
- border: 0px solid black;}
- section a img{
- position: relative;
- left: 50%;
- margin-top:15px;
- bottom: 15px;
- margin-left: 10px ;
- width: 30px;
- height: 30px;
- cursor: pointer;
- }
- #cadre1 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- width:260px ;
- height:80px;
- position:absolute;
- padding-top:100px auto;
- text-align:center;
- margin-left:100px ;
- text-align:center;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:10px;
- }
- #cadre2 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- width:260px ;
- height:80px;
- position:absolute;
- padding-top:100px auto;
- text-align:center;
- margin-left:100px ;
- text-align:center;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:70px;
- }
- #cadre3 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- width:260px ;
- height:80px;
- position:absolute;
- padding-top:100px auto;
- text-align:center;
- margin-left:100px ;
- text-align:center;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:130px;
- }
- #cadre4 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- position:absolute;
- width:260px ;
- height:80px;
- text-align:center;
- margin-left:420px;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:-116px;
- }
- #cadre5 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- position:absolute;
- width:260px ;
- height:80px;
- text-align:center;
- margin-left:420px;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:-56px;
- }
- #cadre6 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- position:absolute;
- width:260px ;
- height:80px;
- text-align:center;
- margin-left:420px;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:4px;
- }
- #cadre7 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- width:260px ;
- height:80px;
- position:absolute;
- padding-top:100px auto;
- text-align:center;
- margin-left:100px ;
- text-align:center;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:10px;
- }
- #cadre8 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- width:260px ;
- height:80px;
- position:absolute;
- padding-top:100px auto;
- text-align:center;
- margin-left:100px ;
- text-align:center;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:70px;
- }
- #cadre9 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- width:260px ;
- height:80px;
- position:absolute;
- padding-top:100px auto;
- text-align:center;
- margin-left:100px ;
- text-align:center;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:130px;
- }
- #cadre10 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- position:absolute;
- width:260px ;
- height:80px;
- text-align:center;
- margin-left:420px;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:-116px;
- }
- #cadre11 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- position:absolute;
- width:260px ;
- height:80px;
- text-align:center;
- margin-left:420px;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:-56px;
- }
- #cadre12 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- position:absolute;
- width:260px ;
- height:80px;
- text-align:center;
- margin-left:420px;
- padding:5px;
- background: linear-gradient(#ABC8E2, #8CC6D7);
- background: -webkit-linear-gradient (#ABC8E2, #8CC6D7);
- background: -moz-linear-gradient(#ABC8E2, #8CC6D7);
- background: -ms-linear-gradient(#ABC8E2, #8CC6D7);
- background: -o-linear-gradient(#ABC8E2, #8CC6D7);
- background: linear-gradient(#ABC8E2, #8CC6D7);
- border:1px solid black;
- border-radius:10px;
- -webkit-border-radius:10px;
- -moz-border-radius:10px;
- display:align-block ;
- margin-top:4px;
- }#cadre17 {
- text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
- color: rgba(0, 0, 0, .7);
- text-decoration: none;
- padding: 8px 8px 17px 8px;
- font:1em;
- text-decoration:none;
- position:absolute;
- width:260px ;
- height:80px;
- text-align:center;
- margin-left:300px;
- padding:5px;
- display:align-block ;
- margin-top:4px;
- }
- html, body
- {
- margin:0;
- padding:0;
- height:100%; /* 100 % en hauteur */
- }
- html>body #wrap {height:100%;} /* 100 % en hauteur */
- #header
- {
- width:100%;
- height:5em;
- }
- html>body #header
- {
- position:fixed;
- z-index:10; /* empêche certains problèmes avec les élements de formulaire */
- }
- html>body #content-wrap {height:100%;} /* 100 % en hauteur */
- html>body #content {padding:6em 1em;} /* 6em = hauteur de #header et #footer + 1em, 1em = donne au contenu un peu d'espace par rapport aux bords */
- #titre{
- background: linear-gradient(#3384E7, dodgerblue);
- background: -webkit-linear-gradient(#3384E7, dodgerblue);
- background: -moz-linear-gradient(#3384E7, dodgerblue);
- background: -ms-linear-gradient(#3384E7, dodgerblue);
- background: -o-linear-gradient(#3384E7, dodgerblue);
- background: linear-gradient(#3384E7, bodgerblue);
- width:100%;
- text-align:center;
- position: top;
- }
- #footer
- {
- width:100%;
- height:1em;
- }
- html>body #footer
- {
- position:fixed;
- bottom:0;
- z-index:10; /* empêche certains problèmes avec les élements de formulaire */
- }
Advertisement
Add Comment
Please, Sign In to add comment