@charset "utf-8";
/* STYLES PAGE D'ACCUEIL */

body { background-image:url(../images/fonds/trame2.gif); background-repeat:repeat; margin:0; padding:0 }
h2 { position:relative; top:70px; left:310px; text-align:center; width:1435px; padding:15px 0 15px 0; background-image:url("../images/fonds/motif3a.png") }
div {  }

/* BANDEAU */
div#bandeau { position:fixed; left:0px; top:0px; width:100%; height:54px; box-shadow:5px 2px 6px 2px gray }
div#bandeau table { width:100% }
tr.bandeaujaune { background-image:url(../images/bandeaux/bandejaune.gif); background-repeat:repeat-x }
.titre, .googlebox, .version { height:54px; padding:0; background-image:url(../images/bandeaux/bandejaune.gif); background-repeat:repeat-x }
.titre { width:817px }
.titre img { border:none; padding:0; margin:0 }
.googlebox { width:auto }
.googlebox form, td#googlebox img { padding:0; margin:0 }

/* COLONNES */
div#colonne1 { width:282px; height:100%; left:0; top:55px; position:fixed; padding:20px 0 0 0; vertical align:top; float:left; background-image:url("../images/fonds/trame3.jpg"); z-index:10 }
#avants { width:140px; height:100%; position:fixed; top:55px; right:0; float:right; margin:0; padding-top:20px; background-image:url("../images/fonds/trame3.jpg"); z-index:1 }
#avants p, #avants img { width:100px; text-align:center; margin:auto }
.disclaimer { width:200px; border:0; margin:20px auto 0 auto; font-family:Calibri,Tahoma,Arial; font-size:14px }

/* ÉDITO */
div#edito { position:relative; left:65px; top:85px; width:72%; height:auto; padding:20px 15px 25px 15px; margin:5px auto 30px auto; border:0; border:3px solid #ffcc00; border-radius:12px; background-color:#d4e5e6; font-size:16px }
div#edito h4 { margin-top:0 }
div#edito p { display:inline; max-width:800px !important; text-align:left }
img.vignetteedito { margin:-10px 10px 0px 25px; float:right; height:120px }
img.logoedito { margin:0px 15px 80px 0px; float:left; height:120px }
div.signature { display:inline; width:300px; height:60px; vertical-align:top; border:none; margin:0 0 0 5px; padding:0 0 20px 5px; background-image:url(../images/fonds/filet-signature.gif); background-repeat:no-repeat; background-position:0 12px; background-color:transparent }
img.carrejaune { margin:3px -5px 15px -10px; vertical-align:middle }
img.zzeria { border:0; margin:0 0 -12px 30px }

/* MODULES */
div.module { width:100%; display:inline }
div.module0 { width:100%; display:inline; visibility:hidden }
div.module a:link, div.module a:hover, div.module a:active, div.module a:visited { font-weight:normal; color:black }
a:hover div.cadre, a:active div.cadre { border:2px solid gold }
a:hover div.titrecadre h3, a:active div.titrecadre h3 { border:2px solid gold; background:gold }
div.titrecadre { padding:7px 10px 5px 0; margin:0 0 0 -7px !important; background:transparent }
div.titrecadre h3 { width:auto; font-size:12px; color:#cc0000; font-weight:bold; margin:0 0 0 7px; padding:7px 15px 5px 7px; background-image:url(../images/onglets/fondjaune6.gif); background-color:#ffcc00; background-repeat:no-repeat; display:inline; text-shadow:none !important; border:2px solid gold; border-top-left-radius:12px; border-top-right-radius:12px }
img.icone { width:auto; height:14px; margin:0 8px -3px 3px; vertical-align:absmiddle }
div.cadre { width:90%; padding:0 0 5px 0; margin:0 0 20px 0; border:2px solid #ffcc00; border-radius:0px 8px 8px 8px; background-image:url(../images/fonds/texture2.gif); background-repeat:repeat; text-align:justify; box-shadow: 5px 5px 5px #999999 }
div.cadre p { width:90%; font-size:12px; margin:15px auto 10px auto }
div.cadre p img { width:100%; margin:0px auto 5px auto !important }
div.cadre ul { margin:10px 0px 10px 10px }
div.cadre li { font-size:11px; font-family:"Arial Rounded MT", Arial, sans-serif; color:#666666 }

/* MENU */
div#cadremenu { width:200px; margin:-5px auto; padding:5px 10px; border:5px inset gold; -moz-border-radius:12px; border-radius:12px; box-shadow:5px 5px 7px 1px #666666; background-color:white;  }
div#colonne2, div#colonne3, div#colonne4, div#colonne5 { position:relative; float:left; left:314px; top:80px; width:19%; padding:0 0 50px 0; background-color:transparent; vertical align:top; z-index:0 }
div#cadremenu h5 { font-family:"Arial Black"; margin:6px 3px 3px 3px !important; font-weight:normal !important; color:#cc0000; font-size:9pt }
div#cadremenu p { margin:0px 8px 8px 8px !important; font-family:Arial; font-size:9pt }
div#cadremenu ul { margin:3px 0 10px 20px }
div#cadremenu ul li { margin:0; font-size:9pt; font-family:Arial }

/* BANDEAU BAS */
#bandeaubas { position:fixed; left:0px; bottom:0px; width:100%; height:40px; z-index:30; clear:both; float:none }
#bandeaubas table { background-image:url(../images/bandeaux/bandeaubas2.gif) }
td.copyright { margin:0; padding:0px 0px 12px 0px; font-family:Verdana, Arial, sans-serif; font-size:10px; color:#333333 }



/* 
CODES COULEUR :
#ffcd01 = jaune Renault
#d4e5e6 = bleu édito
*/