body, html, * { margin: 0; padding: 0; font-family: arial; font-size: 13px; }
body { background: url(../../images/structure/bg.gif) repeat; font-size: 13px; }
br.clear { clear: both; }
#wrapper { width: 977px; margin: 0 auto; }
#header { height: 142px; background: url(../../images/structure/header.gif) no-repeat; border-bottom: 2px solid #FFF; }
#container { background: #FFF; }
#padding { padding: 5px; }
h1 { font-size: 22px; font-weight: bold; color #000000; border-bottom: 1px dotted #bb0000; width: 60%; margin: 5px 0 10px 0; }
h1 b { color: #bb0000; font-size: 22px; }
h2 { color: #bb0000; font-size: 13px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; background: url(../../images/bg_h2.gif) no-repeat left top; padding: 3px 0 0 20px; }
h3 { color: #000000; font-style: italic; font-size: 13px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; background: url(../../images/bg_h3.gif) no-repeat left top; padding: 1px 0 0 19px; }
h3 a { color: #000000; text-decoration: none;}
h4 { background: #BB0000; padding: 2px; color: #FFF; }
.padleft { padding-left: 30px;}
.border { border: 1px solid #CCC; background: #FCFCFC; padding: 7px;}
ul.liste, ul.liste li{ list-style-type: square; margin-left: 30px; }
blockquote { color: #555; text-indent: 27px; padding-top: 4px; font-style: italic; margin: 20px 0 20px 40px; font-size: 11px; font-family: verdana; background: url(../../images/quote.gif) no-repeat left top; text-align: justify; }
/* ============================= FOOTER ============================= */
#footer { height: 94px; background: url(../../images/structure/footer.gif) repeat-x; padding: 20px 5px 5px 5px; color: #FFFFFF; font-size: 11px; }
#footer a { color: #FFFFFF; font-size: 11px; }
#footer span { color: #777; font-size: 11px; }
#francepronet {float: right; width: 150px; padding-top: 70px; font-size: 10px; color: #777777;}
#francepronet a {color: #777777;}
/* ============================= MENU ============================= */
dl, dt, dd, ul, li {margin: 0;padding: 0;}
#menu { height: 39px; background: url(../../images/structure/bg_menu.gif) repeat-x; z-index:400;width: 100%;position: relative;margin-top:0px;}
#menu a {text-decoration: none;}
#mainMenu {position: absolute;z-index: 1;top: 0;left: 0;height: 39px; list-style: none;}
#mainMenu li {float: left;width: 133px;position: relative; z-index: 1;text-align: center; list-style: none;}
/* style the links for the top level */
#mainMenu a {width: 133px; height: 31px; display: block; color: #fff; padding-top: 8px; font-weight:bold; font-size:16px; background: url(../../images/structure/onglet.gif) no-repeat;}
#mainMenu a:hover, #mainMenu a.selected {width: 133px; height: 31px; display: block;color: #fff;padding-top: 8px}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainMenu ul {visibility:hidden;position:absolute;height:0;top:39px;left:0; width:237px; z-index: 50; list-style: none;}
#mainMenu li li {text-align: left;width: 147px; list-style: none;}
#mainMenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
#mainMenu ul li a{background: url(../../images/structure/submenu.gif) left bottom no-repeat;width: 202px; height: 20px; display: block;padding-left: 38px;padding-top: 9px;font-size:12px;font-weight:normal;}
#mainMenu ul li a:hover {background: url(../../images/structure/submenu_hover.gif) left top no-repeat;width: 202px; height: 20px; display: block;padding-top: 9px;}
/* style the top level hover */
#mainMenu a:hover, #mainMenu ul a:hover{width: 119px; height: 31px; display: block;color: #fff;padding-top: 8px;}
/* style the top level hover for ie6 */
* html #mainMenu a:hover, #mainMenu ul a:hover{width: 133px; height: 31px; display: block;color: #fff;padding-top: 8px;overflow: visible; background: url(../../images/structure/onglet.gif) no-repeat;}
#mainMenu :hover > a, #mainMenu ul :hover > a {width: 133px; height: 31px; display: block;color: #fff;padding-top: 8px;}
/* make the second level visible when hover on first level list OR link */
#mainMenu li:hover ul,#mainMenu a:hover ul{visibility:visible; }
/* ============================= ACCUEIL ============================= */
#accueil { height: 520px; background: url(../../images/structure/bg_accueil.jpg) no-repeat right top; padding: 5px 270px 5px 5px; position: relative; font-size: 13px;}
#accueil #macrolane { position: absolute; top: 300px; width: 373px; height: 118px; background: url(../../images/structure/bg_macrolane.gif) no-repeat; padding: 80px 10px 10px 25px; font-size: 11px; }
#accueil blockquote { font-size: 14px; font-weight: bold; font-family: verdana; }
#accueil .big { font-size: 15px; font-weight: bold; }
#accueil .bigger { font-size: 16px; font-weight: bold; }
/* ============================= MACROLANE ============================= */
#macrolane { background: url(../../images/structure/bg_macrolane.jpg) no-repeat left top; padding: 5px 6px 0 490px; }
/* =========================== CONTACT ==================================*/
form {margin: 0 auto;}
form input, form textarea, form select {font-size: 11px;}
form label {display: block; width: 150px;float: left;}
form input.submit {color: #FFFFFF; background: #bb2a2a; font-weight: bold; padding: 5px 10px 5px 10px; border: 0; font-family: Tahoma;}
form div.contact_droite {float: right; width: 410px; border-left: 1px solid #C6C6C6; padding-left: 20px; height: 640px;}
form div.contact_gauche {width: 450px; }
/* =========================== ANNUAIRE ==================================*/
#form_annuaire_0 { width: 600px; margin: 0 auto;}
#form_annuaire_0 legend { font-size: 16px;}
#form_annuaire_0 fieldset { padding: 10px; font-weight: bold;}
#form_annuaire_0 input[type=submit] { background: url(../../images/structure/bg_menu.gif) repeat-x left 50%; padding: 5px; color: #FFF;}
#form_annuaire_1 { width: 600px; margin: 0 auto; padding: 10px 0;}
#form_annuaire_1 legend { font-size: 16px;}
#form_annuaire_1 fieldset { padding: 10px; font-weight: bold;}
#form_annuaire_1 a{ padding: 5px 10px; background: url(../../images/structure/bg_menu.gif) repeat-x left 50%; padding: 5px; color: #FFF; text-decoration: none;}
.annuaires_0 { padding: 10px; border: 1px solid #CCC; margin: 10px 0; }
.a_suppr { padding: 5px 10px; background: url(../../images/structure/bg_menu.gif) repeat-x left 50%; padding: 5px; color: #FFF; text-decoration: none;}