body{margin: 0;background-image: url(../images/fond.png);font-family: calibri;}
h2{text-align:center;padding-top: 10px;padding-bottom: 30px;color: rgb(0,135,198);}
a:focus{outline:0;} 
img:focus{outline:0;}

/*mise en boite*/
#contour{margin: auto;width: 1000px;background-color: white; -webkit-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.5);box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.5);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";}
#corps{min-height: 550px;padding-left: 10px;padding-right: 10px;}

/*titre des pages applications*/
.titre{margin-bottom: 40px;color: rgb(0,135,198);padding-left: 20px;padding-right: 20px;text-align: center;}

/*diaporama images des applications*/
.screen{float: right;margin-right: 10px;}

/* Numéro des pages lecture de Bdd */
.pagination{font-size: 11px;padding-left: 6px;text-align: center;padding-top: 5px;}
.pagination a{text-decoration: none;}

/* page index */
.liste_1{margin-left : 50px;list-style-type: square;}
.liste_1 li{padding-bottom: 5px;}
.presentation{font-size: 14px;text-align:center;}
.presentation th{color: rgb(199,194,194);font-size: 16px;padding-bottom: 10px;}
.present_ptit{width: 220px;}
.present_gde{width: 340px;}

/*page nous contacter*/
#contact{border: 1px dashed;padding-left: 5px;margin-right: 20px;margin-top: 20px;}
#contact legend {background-color: white;}
#mailto{float: left;font-size: 13px;margin-right: 85px;}
#mailto a:hover{color: rgb(0,135,198);}
.plan{margin-right: 20px;margin-top: 20px;border: none;}
.mail{padding-bottom: 5px;}

/*page electrique*/
.premiere{float: left;}
.seconde{float: right;padding-right: 20px;}

/*page news*/
.news {border-bottom: 1px dashed rgb(199,194,194);}
.news_contenu{margin-left: 25px;margin-right: 20px;}
.date{font-size: 10px;float: right;margin-right: 10px;}
.titre_news{color: rgb(0,135,198);font-size: 19px;font-weight: bold;}

/*page téléchargement*/
.telechargement{width: 990px;margin: auto;}
.col_entete{border-collapse: collapse;border-bottom: 1px dashed rgb(199,194,194);width: 100px;text-align: center;padding-bottom: 5px;}
.col_descrip{border-collapse: collapse;border-bottom: 1px dashed rgb(199,194,194);}
.col_nbre {border-collapse: collapse;border-bottom: 1px dashed rgb(199,194,194);width: 100px;text-align: center;height: 60px;}
.icone_tel{border: none;}

/*page reférence*/
.reference{border-collapse: collapse;border-bottom: 1px dashed rgb(199,194,194);height: 150px;}
.ref_nom{font-size: 20px;color: rgb(199,194,194);}
.ref_logo{float: left;padding-bottom: 5px;padding-right: 30px;}
.ref_annee{margin-right: 150px;}
.ref_tel{float: right;font-size: 14px;margin-right: 30px;}
.ref_internet{float: right;margin-right: 30px;}

/*PIED DU SITE*/
#pied{background: url(../images/pied.png);height: 100px;}
#pied p{color: white;text-align: center;font-size: 13px;padding-top: 10px;}
.webmaster a{float: left;font-size: 11px;color: grey;margin-left: 20px;}
.admin a{float: right;font-size: 11px;color: grey;margin-right: 20px;}

/*EN TETE*/
#banniere{background: url(../images/banniere.gif);height: 125px;}

/*menu JS jquery */
.menu_icone {margin-left: 5px;}
ul.jd_menu, ul.jd_menu_vertical {margin: 0px;padding: 0px;list-style-type: none;}
ul.jd_menu ul,ul.jd_menu_vertical ul {display: none;}
ul.jd_menu li {float: left;width: 99.1px;text-align: center;}
ul.jd_menu ul,ul.jd_menu_vertical ul {position: absolute;display: none;list-style-type: none;margin: 0px;padding: 0px;z-index: 10000;}
ul.jd_menu ul li,ul.jd_menu_vertical ul li {float: none;margin: 0px;}
ul.jd_menu_slate {height: 22px;background-color: #DDF;background: black;clear: both;}
ul.jd_menu_vertical {width: 200px;height: auto;clear: both;background: url(../images/gradient-vertical.png) repeat-x;background-color: #A5AFB8;}
ul.jd_menu_slate a, ul.jd_menu_slate a:active,ul.jd_menu_slate a:link,ul.jd_menu_slate a:visited {text-decoration: none;color: #FFF;}
ul.jd_menu_slate ul li a,ul.jd_menu_slate ul li a:active,ul.jd_menu_slate ul li a:link,ul.jd_menu_slate ul li a:visited {color: #70777D;}
ul.jd_menu_slate li {font-size: 13px;padding: 3px 6px 4px 6px;cursor: pointer;white-space: nowrap;color: #FFF;}
ul.jd_menu_slate li.jd_menu_active_menubar,ul.jd_menu_slate li.jd_menu_hover_menubar {padding-left: 5px;border-left: 1px solid #ABB5BC;padding-right: 5px;border-right: 1px solid #929AA1;border-right: 1px solid #70777D;color: #FFF;background: url(../images/gradient-alt.png) repeat-x;}
ul.jd_menu_vertical li.jd_menu_active_menubar,ul.jd_menu_vertical li.jd_menu_hover_menubar {padding-left: 6px;padding-top: 1px;border-left: 0px;border-right: 0px;}
ul.jd_menu_slate ul {background: #ABB5BC;}
ul.jd_menu_slate ul li {padding: 3px 10px 3px 4px;background: #E6E6E6;border: none;color: #70777D;}
ul.jd_menu_slate ul li.jd_menu_active,ul.jd_menu_slate ul li.jd_menu_hover {background: url(../images/gradient.png) repeat-x;padding-top: 2px;padding-bottom: 2px;border-bottom: 1px solid #929AA1;color: #FFF;}
ul.jd_menu_slate ul li.jd_menu_active a.jd_menu_active,ul.jd_menu_slate ul li.jd_menu_hover a.jd_menu_hover {color: #FFFFFF;}