BODY { margin: 0px; padding: 0px; text-align: center; background-image: url('images/background-body.gif'); font: 11px/1.1 Tahoma, Verdana, Arial, Helvetica, sans-serif; }
IMG { border: 0; }

.hightlight { color: #c1002b; font-weight: bold; }

/*************************************************************************************************************************************/

DIV#global { margin-left: auto; margin-right: auto; width: 800px; background-color: #FFFFFF; text-align: left; position: relative; }
IMG#main-echec { position: absolute; top: 0; right: 0; display: block; }
HR.astuce { margin: 0; padding: 0; clear: both; visibility: hidden; }

DIV#header { width: 100%; height: 103px; border-bottom: 1px solid #000000; background-image: url('images/header.png'); }
DIV#header H1 { visibility: hidden; margin: 0; padding: 0; }
DIV#header A { display: block; width: 240px; height: 103px; }


DIV#top-menu { width: 100%; height: 24px; background: url('images/background-top-menu.gif') no-repeat; background-position: left top; padding-top: 5px; margin-bottom: 23px; }
DIV#top-menu UL { width: 100%; margin: 0; padding: 0; }
DIV#top-menu UL LI { margin: 0 0 0 13px; display : inline; background: url('images/puce-top-menu.gif') no-repeat; background-position: 3% 63%; padding: 1px 0 1px 15px; }
DIV#top-menu UL LI A { font: 11px/1.1 Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none; margin: 0; padding: 0; }
DIV#top-menu UL LI A:hover { text-decoration: underline ;}
DIV#top-menu UL LI.active { display : inline; padding-right: 40px; background: url('images/puce-top-menu-active.gif') no-repeat; background-position: 3% 60%; background-color: #000000; }
DIV#top-menu UL LI.active A { color: #FFFFFF; }
DIV#top-menu UL LI UL { position: absolute; top: 130px; width: 700px; left: 10px; }
DIV#top-menu UL LI UL LI { background: none; display: none; list-style: none; }
DIV#top-menu UL LI UL LI A, DIV#top-menu UL LI.active UL LI A { color: #737072; font-size: 10px; }

DIV#contenu { width: auto; overflow: hidden; margin: 0 0 0 4px; background-color: #FFFFFF; padding: 0; }
DIV#col_gauche { float: left; width: 154px; background-color: #f2f1f3; margin: 0 0 5px; padding: 6px 3px 10px 3px; }
DIV#col_droite { float: right; width: 610px; background-color: #FFFFFF; padding: 0 0 0 25px; padding: 0; }

DIV#col_gauche H2 { font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #c1002b; height: 23px; line-height: 20px; text-indent: 40px; margin: 0 0 5px 0; }
DIV#col_gauche H2#recherche { background: url('images/h2-rechercher.gif') no-repeat; background-color: #FFFFFF; background-position: 7% 50%; }
DIV#col_gauche H2#actualites { background: url('images/h2-actualites.gif') no-repeat; background-color: #FFFFFF; background-position: 7% 50%; }
DIV#col_gauche H2#contact { background: url('images/h2-contact.gif') no-repeat; background-color: #FFFFFF; background-position: 7% 50%; margin-bottom: 10px; }
DIV#col_gauche H2#contact A { color: #c1002b; text-decoration: none; }
DIV#col_gauche H2#contact A:hover { text-decoration: underline; }
DIV#col_gauche H2#telechargements { background: url('images/h2-telechargements.gif') no-repeat; background-color: #FFFFFF; background-position: 7% 50%; }
DIV#col_gauche H2#telechargements A { color: #c1002b; text-decoration: none; }
DIV#col_gauche H2#telechargements A:hover { text-decoration: underline; }
DIV#col_gauche H2#travaux { background: url('http://www.mairie-gradignan.com/uploads/media/picto_travaux.gif') no-repeat; background-color: #FFFFFF; background-position: 7% 50%; }

DIV#col_gauche FORM#cse-search-box { text-align: right; margin: 0 0 10px 0; padding: 0px; }
DIV#col_gauche FORM#cse-search-box INPUT { width: 99%; border: 1px solid #959293; background-color: #FFFFFF; margin: 0px; padding: 0px; }

DIV#col_gauche UL#headlines { margin: 10px 5px 10px 5px; padding: 0 0px 0px 15px; }
DIV#col_gauche UL#headlines LI { margin-bottom: 5px; list-style-image: url('images/puce-actualites.gif'); }
DIV#col_gauche UL#headlines LI A { font-size: 10px; color: #000000; text-decoration: none; }
DIV#col_gauche UL#headlines LI A:hover { text-decoration: underline; }

DIV#col_gauche UL#telechargements { margin: 10px 5px 10px 5px; padding: 0 0px 0px 15px; }
DIV#col_gauche UL#telechargements LI { margin-bottom: 5px; list-style-image: url('images/puce-telechargements.gif'); }
DIV#col_gauche UL#telechargements LI A { font-size: 10px; color: #000000; text-decoration: none; }
DIV#col_gauche UL#telechargements LI A:hover { text-decoration: underline; }




DIV#col_droite DIV#presentation { margin: 40px 0 52px 0; }
DIV#col_droite DIV#presentation P { padding: 10px 0 0 0; margin: 0; }

DIV#col_droite DIV#presentation H1 { font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #c1002b; font-weight: bold; }
DIV#col_droite DIV#presentation H2 { font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #737072; }

DIV#col_droite DIV.bloc { float: left; width: 157px; margin: 0 35px 0 0; top: 0px; }
DIV#col_droite DIV.bloc H2 { margin: 0 0 10px 0; padding: 0; display: block; width: 100%; height: 21px; background: url('images/h2-bloc.jpg') no-repeat; color: #FFFFFF; font-size: 11px; text-indent: 18px; line-height: 19px; }
DIV#col_droite DIV.bloc IMG { margin: 0; padding: 0; }
DIV#col_droite DIV.bloc P { text-align: justify; color: #737072; padding: 0; margin: 10px 0; }
DIV#col_droite DIV.bloc P A { color: #737072; } 

DIV#col_droite div.gauche_droite { width: 100%; overflow: hidden; }
DIV#col_droite div.gauche_droite  div.gauche { width: 295px; margin: 0 20px 10px 0; float: left;}
DIV#col_droite div.gauche_droite  div.droite { width: 290px; margin: 0 0 10px 0; float: left; }


DIV#col_centre { margin: 0 10px 10px 10px; text-align: left; }
DIV#col_centre H1 { font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #c1002b; font-weight: bold; }
DIV#col_centre H2 { font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #737072; }
DIV#col_centre B, DIV#col_centre STRONG { color: #c1002b; font-weight: bold; }
DIV#col_centre A { color: black; }
DIV#col_centre A:hover { text-decoration: overline underline; }
DIV#col_centre DIV.tx-vm19news-pi1 A { text-decoration: none; font-weight: bold; }
DIV#col_centre LI { margin: 3px 0 3px 0; }
DIV#col_centre DIV.tx-vm19news-pi1 A:hover { text-decoration: underline; }
DIV#col_centre DIV.tx-vm19news-pi1 H3 { margin: 20px 0 10px 0; }
DIV#col_centre DIV.tx-vm19news-pi1 H2 { font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #c1002b; font-weight: bold; }


DIV#col_centre div.haut { width: 100%; margin: 0 0 10px 0; }
DIV#col_centre div.gauche_droite { width: 100%; overflow: hidden; }
DIV#col_centre div.gauche { width: 370px; margin: 0 20px 10px 0; float: left;}
DIV#col_centre div.droite { width: 370px; margin: 0 0 10px 0; float: left; }
DIV#col_centre div.bas { width: 100%; }

DIV#footer { color: #a1a0a2; margin-top: 10px; margin-left: auto; margin-right: auto; width: 800px; text-align: left; text-indent: 10px;}
DIV#footer A { color: #a1a0a2; text-decoration: none; }
DIV#footer A:hover { color: #a1a0a2; text-decoration: underline }


/**********************/
.txvm19docs_vignette { margin-top: 30px; }
.docVtitle { color: white; font-weight: bold; background: url('images/bg_titre_doc.jpg') no-repeat; width: 180px; height: 21px; display: block; text-indent: 25px; line-height: 20px; margin: 0 0 5px 0; }
.docVignette { margin: 0 35px 10px 35px; }
.docinfosvig { float: left; text-indent: 20px; }
.txvm19docs_single .infos .vignette { float: right; width: 300px; }
.txvm19docs_single .infos .description { float: left; }
.txvm19docs_single .imgDoc { float: right; }
.txvm19docs_single .picto A { text-decoration: none; } 
.txvm19docs_single .picto A:hover { text-decoration: none; }