*{margin:0;padding:0;} #body {background:#000;} h1 {margin: 0 0 10px 0;} h2{font:normal 11pt Arial;color:#d2030a; } h3 {font:normal 10pt Arial; color:#012670;} p {font:normal 9pt Arial; color:#012670; text-align:justify; /*text-indent:15px; */} a {text-decoration:none; color:#d2030a; font:normal 9pt Arial;text-align:right;} a:hover {text-decoration:underline;} a img {border:none;} .clear {clear:both;} .color {color:#d2030a;} .bold {font-weight:bold;} .under {font-weight:bold; text-decoration:underline;} .lien{text-align:right;} .source {text-align:right;font-size:7pt;margin:0 0 10px 0;} .petit{font:normal 8pt Arial; color:#012670; text-align:justify;} .saisies {font:normal 9pt Arial; color:#012670; } #merci {line-height:180px;text-align:center;} #conteneur {width:800px; margin:0 auto;background:#cfd9f1;} /* REFERENCES */ .titre_reference {margin-left:12px} .reference {float:left; width:239px; height:177px; background: url(images/fond_reference.gif); margin:10px} .reference h1{font:bold 13pt Arial; color:#fff; margin-left:13px; margin-top:9px} .reference img{margin-left:13px; border:0px solid green; margin-top:-3px} .MoteurNavigation {text-align:center;} .MoteurNavigation a{color:#d2030a; font: bold 11pt bold arial;} .MoteurNavigationPageActuelle {color:#d2030a; font: bold 11pt bold arial; text-decoration:underline} /* ACTUALITES */ #actualites {background-color:#fff; padding:5px} #actualites .act_date{font:normal 9pt Arial;color:#345eb0; padding-bottom:5px;} #actualites .act_titre{font:normal 9pt Arial; color: #a80208; padding-bottom:2px;} #actualites .act_texte{} /***************************************************************************/ /********************************* ENTETE *********************************/ /***************************************************************************/ #entete {width:800px; height:65px;} #entete a#logo{width:151px; margin: 15px 0 0 5px; float:left; display:inline;} #entete #slogan{width:437px; margin:15px 5px 0 0; float:right; display:inline;} ul#menu {clear:both; width:791px;margin:0 auto; list-style-type:none;position:relative;} ul#menu li {margin:0; padding:0; display:inline;} ul#menu li a#accueil {width:116px;float:left; margin:0;height:51px; background: url(images/menu/accueil.gif) 0 0 no-repeat; border:0; text-decoration:none;} ul#menu li a#accueil:hover {background: url(images/menu/accueil.gif) 0 -51px no-repeat;} ul#menu li a#societe {width:120px;float:left; margin:0;height:51px; background: url(images/menu/societe.gif) 0 0 no-repeat; border:0; text-decoration:none;} ul#menu li a#societe:hover {background: url(images/menu/societe.gif) 0 -51px no-repeat;} ul#menu li a#offres {width:111px;float:left; height:51px; background: url(images/menu/offres.gif) 0 0 no-repeat; border:0; text-decoration:none;} ul#menu li a#offres:hover {background: url(images/menu/offres.gif) 0 -51px no-repeat;} ul#menu li a#references {width:142px;float:left; height:51px; background: url(images/menu/references.gif) 0 0 no-repeat; border:0; text-decoration:none;} ul#menu li a#references:hover {background: url(images/menu/references.gif) 0 -51px no-repeat;} ul#menu li a#graine {width:174px; height:51px;float:left; background: url(images/menu/grainedeboss.gif) 0 0 no-repeat; border:0; text-decoration:none;} ul#menu li a#graine:hover {background: url(images/menu/grainedeboss.gif) 0 -51px no-repeat;} ul#menu li a#contact {width:128px; height:51px;float:left; background: url(images/menu/contact.gif) 0 0 no-repeat; border:0; text-decoration:none;} ul#menu li a#contact:hover {background: url(images/menu/contact.gif) 0 -51px no-repeat;} ul#subnavlist {display:none; background:#80a0db; border:1px solid #3864b5; border-top:none; list-style-type:none;padding: 5px 0;z-index:5;} ul#menu li.li_open ul#subnavlist li {} ul#menu li.li_open ul#subnavlist li a{padding: 0px;margin: 0px;} ul#menu li.li_open ul#subnavlist{display: block;position:absolute; top:51px; left:236px; font-size: 8pt;} ul#menu li.li_open ul#subnavlist li a{display: block;width: 10em;border: none;padding: 2px 2px 2px 8px;color:#fff; text-align:left;} ul#menu li.li_open ul#subnavlist li a:hover{background:#a2bdf0;} ul#menu li.li_open ul#subnavlist li a:before { content: " "; } #bandeau {clear:both;width:789px; margin:0 auto;border:1px solid #3864b5; display:block; z-index:1;position:relative;} ul#ssmenu {clear:both; width:789px; height:23px; list-style-type:none; margin: 2px auto 0 auto; background:#3864b5; border:1px solid #3864b5;} ul#ssmenu li {margin:0; padding:0; display:inline;} ul#ssmenu li a#constat {width:167px;float:left; margin:0;height:23px; background: url(images/ssmenu/constat.gif) 0 0 no-repeat; border:0; text-decoration:none;} ul#ssmenu li a#constat:hover {background: url(images/ssmenu/constat.gif) 0 -23px no-repeat;} ul#ssmenu li a#constat-act {width:167px;float:left; margin:0;height:23px; background: url(images/ssmenu/constat.gif) 0 -23px no-repeat; border:0; text-decoration:none;} ul#ssmenu li a#offre {width:157px;float:left; height:23px; background: url(images/ssmenu/offres.gif) 0 0 no-repeat; border:0; text-decoration:none;} ul#ssmenu li a#offre:hover {background: url(images/ssmenu/offres.gif) 0 -23px no-repeat;} ul#ssmenu li a#offre-act {width:157px;float:left; height:23px; background: url(images/ssmenu/offres.gif) 0 -23px no-repeat; border:0; text-decoration:none;} ul#ssmenu li a#emplacements {width:172px;float:left; height:23px; background: url(images/ssmenu/emplacements.gif) 0 0 no-repeat; border:0; text-decoration:none;} ul#ssmenu li a#emplacements:hover {background: url(images/ssmenu/emplacements.gif) 0 -23px no-repeat;} ul#ssmenu li a#emplacements-act {width:172px;float:left; height:23px;background: url(images/ssmenu/emplacements.gif) 0 -23px no-repeat; border:0; text-decoration:none;} /***************************************************************************/ /********************************* CONTENU *********************************/ /***************************************************************************/ #contenu {clear:both;width:791px;margin:15px auto 0 auto;} /*#contenu #ref{width:750px;margin:15px auto 0 auto;} #contenu #ref img{margin:5px;}*/ #contenu .affichage {width:217px; margin:5px 0 15px 22px; float:left; display:inline;} #contenu .affichage h1{text-align:center;} #contenu .affichage p{text-align:center;} #contenu .affichage .foto{border:1px solid #3864b5;} #contenu #gauche {width:510px; margin:0 0 0 5px;float:left; display:inline;} #contenu #gauche p{margin:0 0 10px 0;} #contenu #gauche p.liste {text-indent:0; margin-left:15px;} #contenu #gauche p img.photo{margin:0 0 10px 10px;border:1px solid #3864b5;float:right; display:inline;} #contenu #gauche #reference {width:239px; height:213px;margin:10px 20px 0 5px;float:left; display:inline;background:url(images/fond/references.gif) no-repeat; } #contenu #gauche #reference h2{margin:12px 0 0 10px;} #contenu #gauche #reference #visu{background:#fff;width:214px;height:125px;margin: 11px 0;} #contenu #gauche #reference #visu p {text-align:center;} #contenu #gauche #reference p.player{text-align:center;color:#fff;} #contenu #gauche #reference p.player a{color:#fff; text-align:center;} #contenu #gauche #accroche {width:194px; height:205px; margin:10px 0px 0 15px;float:left; display:inline; background:url(images/fond/carte.gif) no-repeat; } #contenu #gauche #accroche p{font:bold 14pt Arial; color:#012670; text-align:center;margin-top:65px;} #contenu #gauche #accroche p a{font-weight:bold; color:#fff; text-align:center; } #contenu #gauche #service{width:200px; margin:20px 0 0 15px;float:left; display:inline;} #contenu #gauche #service h2{margin:5px 0 10px;} #contenu #gauche #service h2 img{height:12px; width:111px} #contenu #gauche #service p{font-size:10pt;text-indent:0;text-align:left;} #contenu #gauche #service p.lien{text-align:right; margin: 10px 0; } #contenu #droit {width:250px; margin:0 0 0 15px; float:left; display:inline;} #contenu #droit .panneau{width:249px; height:189px; background:url(images/fond/cadreBleu.jpg) no-repeat; margin-bottom:15px;} #contenu #droit .panneau h2{text-align:center;} #contenu #droit .panneau h2 img{margin:12px 0 15px;} #contenu #droit .panneau img{margin-left:27px;} #contenu #droit #ref{width:255px; height:140px; background:#fff; border:2px solid #3864b5; } #contenu #droit #ref img{margin:10px;} #contenu #droit #bis{width:249px; height:344px; padding-top:15px;background:url(images/fond/gd-cadreBleu.jpg) no-repeat;} #contenu #droit #bis p, #contenu #droit #bis p.petit {margin: 0 8px 10px 8px;color:#fff;} #contenu #droit #bis h2{margin-bottom: 15px;color:#fff; text-align:center;} #contenu #droit #bis p img{margin:12px 16px;} #contenu #droit #bis h3{margin: 0 8px 0 8px;color:#fff;font-weight:bold;} #contenu #droitbis{width:230px; background:#fff;border:2px solid #3864b5;margin:0 0 0 15px; padding:10px;float:left; display:inline;} #contenu #droitbis p {margin: 0 8px 10px 8px;} #contenu #droitbis h2{margin-bottom: 15px;} /***************************************************************************/ /********************************* CARTE *********************************/ /***************************************************************************/ #contenu #gauche #carte {position:relative; margin:0 auto; width:380px; height:403px; background:url(images/carte.gif); z-index: 1;} #contenu #gauche #carte p {line-height:1.1em;font: bold 7pt Verdana; text-transform: uppercase; text-align:center; color: #3864b5;} #contenu #gauche #carte p a:hover{text-decoration:underline;} #contenu #gauche #carte p#idf{position:absolute; top:95px; left:195px; cursor:help; z-index: 3;} #contenu #gauche #carte p#npdc{position:absolute; top:20px; left:190px; cursor:help; } #contenu #gauche #carte p#pic{position:absolute; top:60px; left:200px;} #contenu #gauche #carte p#hn{position:absolute; top:67px; left:142px; cursor:help;} #contenu #gauche #carte p#bn{position:absolute; top:90px; left:100px;} #contenu #gauche #carte p#als{position:absolute; top:120px; right:0;} #contenu #gauche #carte p#bre{position:absolute; top:120px; left:40px; cursor:help;} #contenu #gauche #carte p#lor{position:absolute; top:95px; right:43px; cursor:help;} #contenu #gauche #carte p#ca{position:absolute; top:112px; right:80px; cursor:help;} #contenu #gauche #carte p#pdl{position:absolute; top:150px; left:95px; cursor:help;} #contenu #gauche #carte p#cen{position:absolute; top:160px; left:170px; cursor:help;} #contenu #gauche #carte p#bourg{position:absolute; top:160px; right:87px; cursor:help;} #contenu #gauche #carte p#fc{position:absolute; top:165px; right:35px;} #contenu #gauche #carte p#pc{position:absolute; top:205px; left:110px; cursor:help;} #contenu #gauche #carte p#lim{position:absolute; top:227px; left:164px;} #contenu #gauche #carte p#auv{position:absolute; top:252px; right:118px; cursor:help;} #contenu #gauche #carte p#ra{position:absolute; top:230px; right:45px; cursor:help;} #contenu #gauche #carte p#aqu{position:absolute; bottom:100px; left:105px; cursor:help;} #contenu #gauche #carte p#mp{position:absolute; bottom:65px; left:155px; cursor:help;} #contenu #gauche #carte p#lr{position:absolute; bottom:90px; right:105px; cursor:help;} #contenu #gauche #carte p#paca{position:absolute; bottom:70px; right:5px; cursor:help;} #contenu #gauche #carte p#corse{position:absolute; bottom:30px; right:5px;} /***************************************************************************/ /********************************* CONTACT *********************************/ /***************************************************************************/ #contenu #gauche form {width: 340px; margin: 0 auto;} #contenu #gauche form .row {clear: both; padding-top: 2px;} #contenu #gauche form .row label {float: left; margin: 0 5px 0 0; padding:0; width: 120px;text-align: right;font: normal 10pt Arial; color:#012670;} #contenu #gauche form .row label span{color: #d2030a;} #contenu #gauche form .row span.champs {float: right; width: 200px; padding : 0 10px 0 0; margin: 0; text-align: left;} #contenu #gauche form .row span.champs input#bt{width: 80px;border: 1px solid #3864b5; padding:0; margin:0;} #contenu #gauche form .row span.champs input{width: 180px;border: 1px solid #3864b5; padding:0; margin:0;} #contenu #gauche form .row span.champs textarea{width: 180px;border: 1px solid #3864b5; padding:0; margin:0;} /***************************************************************************/ /********************************* PIEDPAGE *********************************/ /***************************************************************************/ #piedpage {clear:both;width:800px; height:30px; background:#80a0db; margin:15px 0;float:left;} #piedpage ul#menubas {float:left; display:inline; width:580px; list-style-type:none;margin-left:10px} #piedpage ul#menubas li {padding:0; display:inline;float:left;font: normal 8pt Arial; color:#fff; margin:7px 0;} #piedpage ul#menubas li a {float:left; margin:0 3px; font: normal 8pt Arial; color:#fff; text-decoration:none;} #piedpage ul#menubas li a:hover, #piedpage ul#menubas li a.active{text-decoration:underline;} #piedpage #awc {float:right; display:inline; width:180px; text-align:right;margin:7px 10px 0 0 ;} #piedpage #awc a { font: normal 8pt Arial; color:#fff; text-decoration:none;} #piedpage #awc a:hover {text-decoration:underline;}