body { font-family: Nimbus Sans L, Verdana, Arial, Helvetica, sans-serif; font-size: 85%; text-align: justify; background-image: url(images/dgdfond.jpg); background-repeat: repeat-x; margin: 0px; padding: 0px; color: #333333; } a:link { color: #2F60A3; text-decoration: none; } a:visited { text-decoration: none; color: #2F60A3; } a:hover { text-decoration: underline; color: #2F60A3; } a:active { text-decoration: none; color: #2F60A3; } h1 { font-size: 175%; color: #762a48; margin-left: 20px; padding-left: 15px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; } .borderbox { border: 1px dotted #CCCCCC; } .containerglobal { background-color: #FFFFFF; width: 95%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; } .titre { font-size: 130%; font-weight: bold; color: #660033; } .txteespace { padding-right: 5px; padding-left: 5px; } .bordurebas { color: #F2F2F2; height: 5px; width: 100%; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; margin-top: 10px; margin-bottom: 10px; } @media screen and (min-width: 769px) { .presentation { float: left; width: 48%; padding: 5px; margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 10px; } .news { float: right; width: 45%; padding: 10px; margin-top: 3px; margin-right: 10px; margin-bottom: 3px; margin-left: 3px; } .parutions { float: right; width: 45%; padding: 10px; margin-top: 3px; margin-right: 10px; margin-bottom: 3px; margin-left: 3px; } .containerboxes { width: 98%; margin: 0 auto; display: inline-block; } .boxs { float: left; width: 30%; margin: 4px; padding: 10px; background-image: url(images/dgb.gif); background-repeat: repeat-x; } .banner { background-image: url(images/dgd-banner.jpg); margin: 0px; padding: 0px; background-repeat: repeat-x; height: 110px; width: 100%; } .logo { background-image: url(images/fondlogo-gauche.jpg); background-repeat: no-repeat; background-position: left; margin: 0px; padding: 0px; float: left; width: 240px; height: 98px; } ul#menu { height: 35px; padding: 0; list-style-type: none; margin: 0px; float: right; } ul#menu li { margin-top: 45px; padding-bottom: 3px; float:left; margin-left: 2px; display: block; text-align: center; letter-spacing: 1px; text-decoration:none; font-size:100%; color: #000; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; } .search { width: 70%; border: 1px dashed #999999; text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #F5F7FA; } .notice-eb { width: 90%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 10px; } ul { list-style-type: disc; margin: 10px; padding: 10px; } .logiciel { padding: 10px; width: 47%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float: left; } .titrelogiciel { font-size: 130%; font-weight: bold; color: #BECC13; text-align: center; } .logicielcreer { padding: 10px; width: 47%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float: right; } .auteurcontemporain_photo { padding: 10px; width: 27%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float: left; } .auteurcontemporain_texte { padding: 10px; width: 67%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float: right; } .violet{ border-bottom:6px solid #860853; } .fushia{ border-bottom:6px solid #d51a57; } .rose{ border-bottom:6px solid #f26d7d; } .vert{ border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color: #D5E416; } .bleu{ border-bottom:6px solid #2cbbe1; } .orange{ border-bottom:6px solid #f7941d; } .jaune{ border-bottom:6px solid #f2d40a; } .rouge{ border-bottom:6px solid #c60f14; } } @media screen and (max-width: 768px) { .presentation { padding: 5px; margin: 3px; } .news { padding: 5px; margin: 3px; } .parutions { padding: 5px; margin: 3px; } .containerboxes { width: 100%; margin: 0 auto; } .boxs { margin: 3px; padding: 5px; background-image: url(images/dgb.gif); background-repeat: repeat-x; } .banner { background-image: url(images/dgd-banner.jpg); margin: 0px; padding: 0px; background-repeat: repeat-x; width: 100%; } .logo { background-image: url(images/fondlogo-gauche.jpg); background-repeat: no-repeat; background-position: left; margin: 0px; padding: 0px; width: 240px; height: 98px; } ul#menu { padding: 0; list-style-type: none; width: 100px; margin: 0px; } ul#menu li { padding-bottom: 5px; margin-left: 2px; display: block; text-align: center; letter-spacing: 1px; text-decoration:none; font-size:120%; color: #000; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; } .search { border: 1px dashed #999999; text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #F5F7FA; } .notice-eb { width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 5px; } ul { list-style-type: disc; margin: 3px; padding: 5px; } .logiciel { padding: 5px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .titrelogiciel { font-size: 130%; font-weight: bold; color: #BECC13; text-align: center; } .logicielcreer { padding: 5px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .auteurcontemporain_photo { padding: 50px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .auteurcontemporain_texte { padding: 10px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .violet{ border-bottom:10px solid #860853; } .fushia{ border-bottom:10px solid #d51a57; } .rose{ border-bottom:10px solid #f26d7d; } .vert{ border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #D5E416; } .bleu{ border-bottom:10px solid #2cbbe1; } .orange{ border-bottom:10px solid #f7941d; } .jaune{ border-bottom:10px solid #f2d40a; } .rouge{ border-bottom:10px solid #c60f14; } } .espace { height: 10px; } ul#menu li a { text-decoration:none; color: #000; } ul#menu li a:hover { text-decoration:none; font-size:110%; color: #000; font-weight: bold; } ul#menu li a span { padding-left: 10px; padding-right: 10px; } ul#menubas { padding: 0; list-style-type: none; text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } ul#menubas li { letter-spacing: 1px; text-decoration:none; font-size:100%; color: #000; padding-right: 8px; display: inline; line-height: 30px; } .footer { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: center; } ul#menubas li a { text-decoration:none; color: #000; } ul#menubas li a:hover { text-decoration:underline; font-size:100%; color: #000; font-weight: normal; } .break { clear:both; } h2 { font-size: 130%; color: #762a48; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; } .auteur { font-weight: bold; color: #762a48; font-size: 100%; } .listeb { font-size: 110%; } .borderimg { border: 1px solid #CCCCCC; margin-right: 8px; }