* { padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden; }

body { background-color:#69C; background:url(/img/fd_site.gif) repeat; }
img { border:0; }

#ContentPage { position:absolute; left:50%; top:50%; width:762px; height:450px; margin-left:-381px; margin-top:-225px; background:url(../img/fd_page.gif) top no-repeat; }
#MaPhoto { width:205px; height:235px; position:absolute; left:50%; top:50%; margin-left:-393px; margin-top:-90px; z-index:200; background:url(../img/cestmoi.gif) top no-repeat; }
#Administration { cursor:default; position:absolute; top:-24px; left:400px; }
#Administration .input { cursor:default; border:1px solid #69C; background-color:#69C; font-size:10px; color:#069; padding:2px 5px; }
#Administration .submit { cursor:default; border:1px solid #69C; background-color:#69C; font-size:10px; color:#69C; }

#Header { padding:6px 0 0 7px; }
#Header ul { width:748px; height:21px; background:url(../img/menu/fond.jpg) left no-repeat; float:left; }
/*#Header p { width:108px; height:21px; float:left; text-align:right; background:url(../img/menu/fond.jpg) right no-repeat; }*/
#Header p a, #Header p a:visited { color:#FFF; font-weight:normal; font-size:10px; text-decoration:none; padding-right:8px; }
#Header p a:hover { text-decoration:underline; }

#Entete { margin-left:5px; width:751px; height:49px; background:url(../img/entete.jpg) top no-repeat; z-index:10; }
#Entete h2 { float:left; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding:22px 40px 0 10px; text-transform:uppercase; }

#menuprincipal li { padding-left:1px; padding-top:1px; list-style:none; display:block; text-align:center; float:left; }
#menuprincipal li .right a { float:right; font-weight:normal; }
#menuprincipal li a  { height:21px; color:#FFF; font-weight:bold; font-size:10px; text-decoration:none; padding:0 10px 0 10px; }
#menuprincipal li a:hover { height:21px; color:#FFF; font-weight:bold; border-left:1px solid #003; border-right:1px solid #003; font-size:10px; border-bottom:2px solid #69C; background-color:#003; text-decoration:none; padding:5px 9px 0 9px; }
#menuprincipal .actif { margin-left:1px; color:#FFF; font-weight:bold; border-left:1px solid #003; border-right:1px solid #003; font-size:10px; border-bottom:2px solid #69C; background-color:#003; text-decoration:none; padding:4px 10px 2px 10px; }

#menusecondaire li { padding-left:1px; padding-top:20px; list-style:none; display:block; text-align:center; float:left; }
#menusecondaire li .right a { float:right; font-weight:normal; }
#menusecondaire li a  { height:21px; color:#FFF; font-weight:bold; font-size:10px; text-decoration:none; padding:0 10px 0 10px; }
#menusecondaire li a:hover { color:#86AED7; font-weight:bold; border-left:1px solid #6699CC; border-right:1px solid #6699CC; border-top:1px solid #6699CC; font-size:10px; background-color:#FFF; text-decoration:none; padding:4px 8px 3px 8px; margin-right:2px; }
#menusecondaire .actif { background:url(../img/menu/fd_secondaire.gif) top repeat-x; margin-top:22px; color:#86AED7; font-weight:bold; border-left:1px solid #6699CC; border-right:1px solid #6699CC; border-top:1px solid #6699CC; font-size:10px; background-color:#FFF; text-decoration:none; padding:5px 10px 6px 10px; }

#menu1 li a, #menu2 li a  { background:url(../img/arrow2.gif) left top no-repeat; color:#003; font-size:10px; text-decoration:none; padding-left:10px; margin:0 0 0 35px; }
#menu1 li a:hover, #menu2 li a:hover { background:url(../img/arrow2.gif) left top no-repeat; color:#069; font-weight:bold; font-size:10px; padding-left:10px; text-decoration:underline; }
#menu1 .actif, #menu2 .actif { color:#069; font-weight:bold;font-size:10px; text-decoration:none; margin:0 0 2px 35px; }
#ContentCenter a.menu, #ContentCenter a.menu:visited{ background:url(../img/arrow.gif) left no-repeat; font-size:11px; color:#000; padding:5px 0 0 10px; margin:0 0 2px 20px; text-decoration:none; }
#ContentCenter a.menu:hover { background:url(../img/arrow.gif) left no-repeat; font-size:11px; color:#000; padding:5px 0 0 10px; margin:0 0 2px 20px; text-decoration:underline; }

html>body a.sitemap { top:11px; left:703px; position:absolute; }
html>body a.contactlink { top:6px; left:647px; position:absolute; }

.Realisation { width:424px; height:301px; position:absolute; top:87px; left:280px; border:1px solid #5A91C8; background-color:#FFF; z-index:150; }
.contact { background:url(../img/fd_contact.jpg) center no-repeat; width:360px; height:301px; position:absolute; top:87px; left:379px; border:1px solid #5A91C8; background-color:#FFF; z-index:150; }
.position { margin:7px 11px; }
.titre { padding:0 5px; background-color:#B1CBE4; border-top:1px #5A91C8 solid; }
.texte { font-size:10px; text-align:justify; padding:2px 5px 7px 10px; background-color:#B1CBE4; }
#PlanSite { background:url(../img/fd_sitemap.jpg) left bottom no-repeat; width:700px; height:253px; position:absolute; top:126px; left:20px; float:left; }
#PlanSite ul { margin:20px 0 0 400px; }
#PlanSite li { list-style:none; margin-bottom:5px; }
#ContentCenter #ContentText #PlanSite a { /*background:url(../img/arrow3.gif) left no-repeat; padding:9px 0 0 20px;*/ font-size:12px; font-weight:bold; }

#ContentCenter { margin-left:7px; width:748px; height:268px; background:url(../img/fd_content.gif) top no-repeat; }
html>body #ContentCenter { width:749px; margin-left:7px; }

#ContentCenter #IndexContentText { margin-left:20px; width:706px; height:238px; }
#ContentCenter #ContentText, #ContentCenter #ContentLink { margin-left:20px; width:700px; height:238px; }
#ContentCenter #ContentText #PhotoDeMoi { float:left; }
html>body #ContentCenter #ContentText #PhotoDeMoi { margin-right:10px; }
#ContentCenter #ContentText p { z-index:20; width:550px; font-size:10px; color:#000; padding:5px 0 0 10px; text-align:justify; }
html>body #ContentCenter #ContentText p { width:550px; }
#ContentCenter #ContentText h3, #ContentCenter #IndexContentText h3, #ContentCenter #ContentLink h3 { background:url(../img/arrow.gif) left no-repeat; font-size:11px; color:#000; padding:4px 0 0 10px; margin-bottom:10px; }
#ContentCenter .h3 { background:url(../img/arrow.gif) left no-repeat; font-size:11px; color:#000; margin:4px 0 0 20px; padding-left:10px; margin-bottom:10px; }
#ContentCenter #ContentText h4, #ContentCenter #IndexContentText h4 { font-size:10px; color:#000; padding:0 10px; text-decoration:underline; }
#ContentCenter #IndexContentText p { width:380px; font-size:10px; color:#000; padding:5px 0 0 10px; text-align:justify; }
#ContentCenter #ContentText a, #ContentCenter #ContentText a:visited, #ContentCenter #IndexContentText a, #ContentCenter #IndexContentText a:visited { background:url(../img/alinkarrow.gif) left no-repeat; font-size:10px; color:#366A9E; padding:0 0 0 10px; margin:10px 0 0 8px; text-decoration:none; }
#ContentCenter #ContentText a:hover, #ContentCenter #IndexContentText a:hover { background:url(../img/ahoverarrow.gif) left no-repeat; font-size:10px; color:#4E88C2; text-decoration:underline; }
#ContentCenter #ContentLink a, #ContentCenter #ContentLink a:visited { background:url(../img/alinkarrow.gif) left no-repeat; font-size:10px; color:#366A9E; padding:0 0 0 10px; margin:10px 0 0 8px; text-decoration:none; }
#ContentCenter #ContentLink a:hover { background:url(../img/ahoverarrow.gif) left no-repeat; font-size:10px; color:#4E88C2; text-decoration:underline; }

#PopUp1 { width:509px; height:257px; background:url(../img/popup/fd_bgs.gif) top no-repeat; position:absolute; top:83px; left:206px; z-index:10; color:#003; }
#PopUp1 h3 { margin:25px 0 0 30px; text-transform:uppercase; font-size:12px; }
#PopUp1 p { margin:10px 30px 0 30px; font-size:10px; text-align:justify; }
#imgClosePopUp { padding-left:408px; padding-top:5px; }

#BGS { background:url(../img/logobgs.gif) right bottom no-repeat; width:424px; height:250px; position:absolute; top:120px; left:220px; border:1px solid #5A91C8; background-color:#FFF; z-index:500; }
#BGS h3 { margin:5px 0 0 10px; text-transform:uppercase; font-size:12px; }
#BGS p { margin:10px 10px 0 10px; font-size:10px; text-align:justify; }
#ContentTextJeSuis a, #ContentTextJeSuis a:visited { font-size:10px; color:#366A9E; text-decoration:underline; }
#ContentTextJeSuis a:hover { font-size:10px; color:#366A9E; text-decoration:none; }
/*#BGS #LogoBGS { width:97px; height:81px; position:absolute; top:297px; left:643px; }*/

#PopUp2 { background:url(../img/popup/fd_langages.gif) top no-repeat; width:722px; height:253px; position:absolute; top:126px; left:20px; }
#PopUp3 { background:url(../img/popup/fd_logiciels.gif) top no-repeat; width:722px; height:253px; position:absolute; top:126px; left:20px; }

#ContentCenter #ContentText #PopUp4 { background:url(../img/popup/fdga_emploi.gif) top no-repeat; width:380px; height:253px; position:absolute; top:126px; left:20px; float:left; }
#ContentCenter #ContentText #PopUp5 { background:url(../img/popup/fdga_service.gif) top no-repeat; width:380px; height:253px; position:absolute; top:126px; left:20px; float:left; }
#ContentCenter #ContentText #PopUp4 h3, #ContentCenter #ContentText #PopUp5 h3 { width:150px; margin:20px 0 0 30px; text-transform:uppercase; font-size:12px; }
#ContentCenter #ContentText #PopUp4 p, #ContentCenter #ContentText #PopUp5 p { width:300px; margin:10px 10px 0 30px; font-size:10px; text-align:justify; }
#ContentCenter #ContentText #PopUp4bis { background:url(../img/popup/fddr_emploi.gif) top no-repeat; width:342px; height:253px; position:absolute; top:126px; left:400px; float:left; }
#ContentCenter #ContentText h3 { width:150px; margin:20px 0 0 30px; text-transform:uppercase; font-size:12px; }
#ContentCenter #ContentText p { width:330px; margin:10px 10px 0 30px; font-size:10px; text-align:justify; }
#ContentCenter #ContentTextJeSuis p { width:510px; padding:7px 10px 0 200px; font-size:10px; text-align:justify; }
#ContentCenter #ContentLink h3 { margin:5px 0 10px 5px; text-transform:uppercase; font-size:12px; }
#ContentCenter #ContentLink ul { float:left; width:233px; }
#ContentCenter #ContentText .text { width:204px; }
html>body #ContentCenter #ContentText .text { width:217px; }
#ContentCenter #ContentText textarea { overflow:auto; }
#ContentCenter #ContentText .text, #ContentCenter #ContentText textarea { font-size:10px; color:#036; padding:2px; background-color:#AFCAE4; border:1px solid #9DBEDF; }
#ContentCenter #ContentText td { text-align:right; font-size:10px; color:#036; }

#DerNouvelles { margin-left:5px; width:245px; height:300px; z-index:10; position:absolute; top:87px; left:455px; border:1px #5991C8 solid; background-color:#FFF; }
#DerNouvelles #imgLogoNewsweb { margin:5px 5px 2px 5px; float:left; }
#DerNouvelles #imgLogoBGS { margin:13px 5px 2px 5px; float:right; }
#DerNouvelles h1 { font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; margin-top:5px; }
#DerNouvelles h2 { font-size:13px; font-weight:bold; margin-top:1px; }
#DerNouvelles h3 { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin-top:1px; margin-bottom:10px; }
#DerNouvelles p { background:url(../img/arrow2.gif) left top no-repeat; padding-left:10px; font-size:10px; margin:1px 5px; }
#DerNouvelles .bi { color:#C00; }
#DerNouvelles .bl { color:#990000; }
#DerNouvelles .bgs1 { color:#F60; }
#DerNouvelles .bgs2 { color:#399F95; }
#DerNouvelles a, #DerNouvelles a:visited { text-decoration:none; }
#DerNouvelles a:hover { text-decoration:underline; }
#DerNouvelles .right { text-align:right; }
#DerNouvelles .separation { display: block; height:5px; border:1px solid red; }

#ContentCenter #screen span { position:absolute; overflow:hidden; border:red solid 1px; }
#ContentCenter #screen img{ position:absolute; cursor:pointer; }
#ContentCenter #caption, #title{ color:#000; font-size:10px; text-align:center; }
#ContentCenter #caption b { font-size:2em; }

#Footer { margin-left:7px; width:748px; height:21px; background:url(../img/menu/fond.jpg) left no-repeat; }
/*#Footer h6 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; padding:4px 0 0 5px; float:left; }*/
#Footer li { display:inline; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; padding:4px 0 0 5px; }
#Footer li a.first {  border:0; padding:0; }
#Footer a, #Footer a:visited, #Footer a:hover { color:#FFF; text-decoration:none; border-left:1px solid #FFF; padding-left:10px; }
#Footer a:hover { color:#FFF; text-decoration:underline; border-left:1px solid #FFF; }
#w3cValid img { margin:10px 7px 0 0; float:right; }

.left110  { margin-left:110px; }
.left120  { margin-left:120px; }
.left130  { margin-left:130px; }
.left140  { margin-left:140px; }
.left150  { margin-left:150px; }
.left160  { margin-left:160px; }
.top10 { margin-top:20px; }
.invisible { display:none; }
.gras { font-weight:bold; }
.top { vertical-align:top; }
.bas { vertical-align:bottom; }
.right { text-align:right; }