body { padding : 0; margin : 6px 0 0; font :"Trebuchet MS", Arial, Helvetica, sans-serif;color : #cccccc; background : url(../Images/gradient.png) repeat-x;background-attachment : fixed; background-color : #758889; } div, p, ul, h2, h3, h4, h5, form, tr, img {padding : 0;margin : 0;} ul {list-style-type : none;} /*---- enveloppe ( celle qui enveloppe tout du début à la fin -- ELLE EST IMPORTANTE-----------------*/ #Enveloppe {width : 976px;position : relative;margin : 0 auto;border-width : 0 1px 1px 1px;border-color : #555;border-style : solid;background-color : #354141;} /*---- FIN enveloppe ---------------*/ /*----Panneau Haut----*/ #Haut {width : 976px;height : 113px;position : relative;margin : 0 auto;background : url(../Images/Top-DemiTrans.png) repeat-x 0% 0%;background-color : #2f3737;} #Haut img.logo {width : 976px;height : 76px;left : 0;display : block;} #Haut ul {width : 968px;height : 26px;position : absolute;top : 86px;left : 10px;} #Haut ul li.sousTitre {width : 700px;height : 22px;display : block;padding-left : 8px;color : #bbb;font : 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;text-align : left;text-transform : none;font-weight : bold;font-style : oblique;margin: 2px 0 0 2px;} #HautdroitTitre {width : 300px;height : 22px;position : absolute;top : 86px;right : 186px;font : 18px "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight : bold;color : #ffcc00;} /*---- Panneau Haut ---------------*/ /*---- CONTENU ( ce qui enveloppe du Panneau Haut et contient le menu de droite-----------------*/ #Contenu {width : 976px;float : left;margin : 0 0 0 0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} #Contenu a link {font-size : 16px;color : #ffffcc;font-style : normal;text-decoration : none;} #Contenu td{color:#FFC;} #Contenu td link{color:#FFC;font-size : 14px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} /*-------STYLE pour 2 colonnes selon les modèles---------*/ #ColonneUnique {width : 750px;float : left;padding : 16px 10px 10px 16px;} #ColonneUnique a:link {font-size : 14px;color : #ffffff;text-decoration : none;} #ColonneUnique a:visited {text-decoration : none;color : #ffffff;} #ColonneUnique a:hover {text-decoration : none;color : #ff0000;} #ColonneUnique a:active {text-decoration : none;color : #ffffff;} #ColonneUnique p {font-weight : normal;color : #ffe;padding-left : 24px;} #ColonneUnique p span {font-weight : normal;color : #ffc;} #ColonneUnique p.border {height : 8px;background : url(../Images/doted-line-Jaune.png) repeat-x 0% 0%;padding : 0;margin : 10px 0 0;} #ColonneUnique p.link {font-size : 14px;color : #ffffff;text-decoration : none;} #ColonneUnique h3 {font : 20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-left : 2px;} #ColonneUnique h3 span {background : #333333;color : #ffc;} #ColonneUnique h4 {width : 660px;height : 32px;background : #333333;color : #cccccc;font-size : 20px;color : #ffc;padding-left : 2px;} #ColonneUnique h4 span {background : #333333;color : #cd7a7a;font : 20px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;} /*-------div pour 2 colonnes COLONNE Un = Gauche---------*/ #ColonneUn {width : 480px;float : left;padding : 2px 6px 0 20px;} #ColonneUn a:link {font-size : 14px;color : #ffffff;text-decoration : none;} #ColonneUn a:visited {text-decoration : none;color : #ffc;} #ColonneUn a:hover {text-decoration : none;color : #ff0000;} #ColonneUn a:active {text-decoration : none;color : #ffffff;} #ColonneUn p span {font-weight : normal;color : #ffc;} #ColonneUn p.pointille {height : 8px;background : url(../Images/doted-line-Jaune.png) repeat-x 0% 0%;padding : 0;margin : 10px 0 0;} #ColonneUn p.link {font-size : 14px;color : #ffc;text-decoration : none;} #ColonneUn h3 {color : #ffc;font : 20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-left : 2px;} #ColonneUn h3 span {background : #333333;color : #ffc;} /*-------DIV pour 2 colonnes COLONNE Deux = Droite---------*/ #ColonneDeux {width : 240px;float : left;padding : 20px 2px 0 10px;} #ColonneDeux a:link {font-size : 14px;color : #ffffff;text-decoration : none;} #ColonneDeux a:visited {text-decoration : none;color : #ffffff;} #ColonneDeux a:hover {text-decoration : none;color : #ff0000;} #ColonneDeux a:active {text-decoration : none;color : #ffffff;} #ColonneDeux p span {font-weight : normal;color : #ffc;} #ColonneDeux p.pointille {height : 8px;background : url(../Images/doted-line-Jaune.png) repeat-x 0% 0%;padding : 0;margin : 10px 0 0;} #ColonneDeux p.link {font-size : 14px;color : #ffffff;text-decoration : none;} #ColonneDeux h3 {color : #ffc;font : 20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-left : 2px;} #ColonneDeux h3 span {background : #333333;color : #f10000;} /* colonne 3 */ #ColonneTrois {width : 540px;float : left;padding : 20px 2px 0 60px;} #ColonneTrois a:link { font-size : 14px; color : #FFC; text-decoration : none; } #ColonneTrois a:visited {text-decoration : none;color : #FFC;} #ColonneTrois a:hover {text-decoration : none;color : #ff0000;} #ColonneTrois a:active {text-decoration : none;color : #FFC;} #ColonneTrois p span {font-weight : normal;color : #ffc;} #ColonneTrois p.pointille {height : 8px;background : url(../Images/doted-line-Jaune.png) repeat-x 0% 0%;padding : 0;margin : 10px 0 0;} #ColonneTrois p.link {font-size : 14px;color : #ffC;text-decoration : none;} #ColonneTrois h3 {color : #ffc;font : 20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-left : 2px;} #ColonneTrois h3 span {background : #333333;color : #f10000;} /* colonne Gauche */ #ColonneGau {width : 366px;float : left;padding : 2px 6px 0 20px;} #ColonneGau a:link {font-size : 13px;color : #ffffff;text-decoration : none;} #ColonneGau a:visited {text-decoration : none;color : #ffc;} #ColonneGau a:hover {text-decoration : none;color : #ff0000;} #ColonneGau a:active {text-decoration : none;color : #ffffff;} #ColonneGau p span {font-weight : normal;color : #ffc;} #ColonneGau p.pointille {height : 8px;background : url(../Images/doted-line-Jaune.png) repeat-x 0% 0%;padding : 0;margin : 10px 0 0;} #ColonneGau p.link {font-size : 13px;color : #ffc;text-decoration : none;} #ColonneGau h3 {color : #ffc;font : 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-left : 2px;} #ColonneGau h3 span {background : #333333;color : #ffc;} #ColonneDr {width : 366px;float : left;padding : 2px 6px 0 20px;} #Colonnedr a:link {font-size : 12px;color : #ffffff;text-decoration : none;} #ColonneDr a:visited {text-decoration : none;color : #ffc;} #ColonneDr a:hover {text-decoration : none;color : #ff0000;} #ColonneDr a:active {text-decoration : none;color : #ffffff;} #ColonneDr p span {font-weight : normal;color : #ffc;} #ColonneDr p.pointille {height : 8px;background : url(../Images/doted-line-Jaune.png) repeat-x 0% 0%;padding : 0;margin : 10px 0 0;} #ColonneDr p.link {font-size : 12px;color : #ffc;text-decoration : none;} #ColonneDr h3 {color : #ffc;font : 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-left : 2px;} #ColonneDr h3 span {background : #333333;color : #ffc;} /*TABLE*/ #Table {width : 740px;float : left;padding : 12px 12px 0px 8px;} #Table a {font-size : 14px;color : #ffc;text-decoration : none;} #Table a:link {font-size : 14px;color : #ffc;text-decoration : none;} #Table a:visited {text-decoration : none;color : #ffc;} #Table a:hover {text-decoration : none;color : #6C0;} #Table a:active {text-decoration : none;color : #ffc;} #Table p {font-weight : normal;color : #ffe;padding-left : 24px;} #Table p span {font-weight : normal;color : #ffc;} #Table p.border {height : 8px;background : url(../Images/doted-line-Jaune.png) repeat-x 0% 0%;padding : 0;margin : 10px 0 0;} #Table p.link {font-size : 14px;color : #ffffff;text-decoration : none;} #Table h3 {font : 16px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-left : 2px;} /*#Table h3 span {background : #333333;color : #ffc;}*/ /*-------DIV pour MENU à droite---------*/ #MenuSpace {float : right;height : auto;width :auto;z-index : 3;background-color : #2F3737;border-left : 1px dashed #555;clear: none;padding:0 0px 0 0;} #MenuSpace h3 {height : 33px;color : #99ffff;text-align:center;padding : 0px 0 4px 0;text-transform : none;font : 24px "Trebuchet MS", Arial, Helvetica, sans-serif;} #MenuSpace h2 {color : #99ffff;padding : 0 0 2px 8px; font : 14px/16px Trebuchet MS, Arial, Helvetica, sans-serif;} #MenuSpace p.pointille {height : 10px;background : url(../Images/doted-line-Jaune.png) repeat-x;margin : 0 0 0 0;} #MenuSpace ul {height : auto;padding : 0 0 0 12px;color : #ffc;margin : 0 0 8px 0px;font-stretch: condensed;} #MenuSpace ul li {/*width : 180px;*/height : 30px;} #MenuSpace ul li a {/*width : 180px;*/ height : 30px; background : url(../Images/arrow3.gif) no-repeat 0% 5px; color : #ffc; font-size : 14px; text-decoration : none; line-height : 30px; padding : 0 0px 0 16px; } #MenuSpace ul li a:hover {/*width : 180px;*/ height : 15px; background : url(../Images/arrow4.gif) no-repeat 0% 5px; color : #ff9f00; text-decoration : none; font-size : 14px; } /*-------DIV pour Info sous le menu---------*/ #InfoDroite {width : 170px; float:left; margin:0 auto; padding:8px 6px 0 0px;/*background-image : url(../Images/neptuneTh.png);background-repeat : no-repeat;background-position : right;*/margin : 0 2px 0 0;} #InfoDroite p.pointille {height : 8px;background : url(../Images/doted-line-Jaune.png) repeat-x;} #InfoDroite h2 {padding : 4px 0 8px 5px;font : 20px Georgia, "Times New Roman", Times, serif;margin : 0 0 4px 0;color : #99ffff;} #InfoDroite p {padding : 0 0 0 24px;/*margin : 0 0 4px 0;*/font : 16px/20px Arial, Helvetica, sans-serif;color : #ffc;} /*-------DIV Panneau du BAS---------*/ #PanneauBas { width : 976px; height : 50px; background: url(../Images/PanneauBas.png) repeat-x ; position : relative; margin : 0 auto; clear : both; padding : 0 0 0 0; border-width : 0 0 1px 0; border-color : #fff; /*background-color: #333;*/ } #BasGauche {float : left;background : url(../Images/LogoComedien-Jaune.png) no-repeat;width : 130px;height : 40px;margin : 13px 0 0 20px;} #BasCentre { float : left ; padding : 18px 0 0 360px; } #BasCentre p {background : #444;color : #ffffcc;font : 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height : 20px;} #BasCentre p span {font-size : 12px;} #BasCentre a link {color : #f10000;font-style : normal;text-decoration : none;} #BasDroite {width : 186px;float : right;height : 50px;} #BasDroite p {color : #ffffcc;font : 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;padding : 10px 10px 0 0;} #BasDroite p span {font-size : 16px;} /*-------DIV pour Pied de PAGE---------*/ #footerPan {width : 976px;height : 80px;background : #2F3737;color : #ffc;position : relative;margin : 0 auto;font : 10px "Trebuchet MS", Arial, Helvetica, sans-serif;clear : both;padding : 8px 0 0 0;font-style : oblique;} #footerPub {width : 944px;height : 40px;background : #transparent;position : relative;margin : 0 auto;clear : both;padding : 0px 0 0 8px;} #footerPan ul {width : 120px;position : relative;margin : 0 auto;} #footerPan li {float : left;} #footerPan ul li a {padding : 0 10px 0;color : #fff;background : #000;text-decoration : none;} #footerPan ul li a:hover {text-decoration : underline;} #footerPan p.copyright {width : 604px;/*background : #222;*/color : #ffffcc;position : absolute;top : 6px;left : 18px;font-size : 10px;} #footerPan ul.design { width : 250px; color : #ffffcc; display : inline; position : absolute; top : 68px; left : 16px; font-size : 0.8em; } #footerPan ul.design li a {display : block;color : #ffffcc;font-size : 0.9em;} #footerPan ul.design li a:link { display : block; color : #ffffcc; font-size : 0.9em; background-color: #333; } #footerPan ul.design li a:hover {text-decoration : underline;} #Compteur { width : 226px; height : 24px;/*display : block;*/ color : #ffffcc; position : absolute; top : 60px; left : 400px; font-size : 0.8em; vertical-align: middle; } #footerPan ul.IE { width : 220px; height : 20px; display : inline; color : #ffffcc; position : absolute; top : 54px; right : 16px; font-size : 0.8em; } #footerExtraPan ul.IE { width : 220px; height : 20px; display : inline; color : #ffffcc; position : absolute;float : left;margin:0 0 0 360px; top : 54px; right : 16px; font-size : 0.8em; } /*-------STYLEs PArticuliers---------*/ .alinea {font-weight : normal;text-indent : 20px;font-size : 16px;text-align : justify;line-height : 20px;} .alinea2 {font-weight : normal;text-indent : 40px;text-align : justify;} .alinea3 {font-weight : normal;text-indent : 86px;text-align : justify;} .alinea4 {font-weight : normal;text-indent : 120px;text-align : justify;} .Retrait30 {font-weight : normal;padding-left : 20px;} .Jaune15 {font-weight : normal;font-size : 16px;color : #ffc;padding-left : 3px;} .Jaune14pt {color : #ffc;font-size : 14px;} .Jaune18pt {color : #ffc;font-size : 18px;} .Jaune10pt {color : #ffc;font-size : 10px;} .RetraitRouge {font-weight : normal;color : #f10000;font : 24px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-left : 30px;height : 36px;} .style1-5em {font-size : 1.5em;} .styleBleu {font-size : 1.4em;color : #99ffff;} .style10px {font-size : 10px;} .style8px {font-size : 9px;} .pointille {height : 8px;background : url(../Images/doted-line-Jaune.png) repeat-x;margin : 0 0 0 0;} .pseudoh2 {color : #99ffff;padding : 0 0 8px 0; font : 14px/18px Trebuchet MS, Arial, Helvetica, sans-serif;} .Bleu18pt {color : #99ffff;font-size : 18px;}