hr{display:block; clear:both; float:none;} .bandeau-bleu-degrade{float:left; width:550px; height:39px ; background-image:url(../artpackage/bandeau-degrade-bleu.jpg); font-family: inherit; font-size:18px ; font-style:italic ; font-weight:bold ; padding-left:10px;} .bandeau-bleu-degrade-large{float:right; width:800px; height:39px ; background-image:url(../artpackage/bandeau-degradee-bleue-717.jpg); background-position:right; background-repeat:no-repeat ; font-family: inherit; font-size:18px ; font-style:italic ; font-weight:bold ; padding-left:0px; text-indent:25px; margin-top:8px;} .bandeau800{float:right; width:800px; } .acces {width:800px; height:808px ; background-image:url(../images/image-fond-plan-acces-750x808.jpg); background-repeat:no-repeat; background-position:right; } .bande-degradee-ocre{float:left; width:550px; height:23px ; background-image:url(../artpackage/bande-degradee-ocre.jpg); font-family: inherit; font-size:14px ; font-style:normal ; font-weight:bold ; padding-left:10px;} .cadre-jaune-degrade{float:left; width:383px; height:160px ; background-image:url(../artpackage/cadre-jaune.jpg); background-repeat:no-repeat ; background-position:right; font-family: inherit; font-size:14px ; font-style:normal ; font-weight:bold ; padding-left:10px;} .cadre-jaune-degrade-800{ float:left; width:765px; height:160px ; background-image:url(../artpackage/cadre-jaune.jpg); background-repeat:no-repeat ; background-position:right; font-family: inherit; font-size:14px ; font-style:normal ; font-weight:bold ; padding:10px; padding-left:25px; } .bandeau-jaune-391L{float:left; width:800px; height:23px ; background-image:url(../artpackage/bandeau-jaune-391L.jpg); background-repeat:no-repeat ; background-position:right; font-family: inherit; font-size:14px ; font-style:normal ; font-weight:bold ; padding-left:0px;} .bandeau-jaune-gauche{ float:left; width:775px; margin-left:25px; height:40px ; background-image:url(../artpackage/bandeau-jaune-gauche-287x17.jpg); background-repeat:no-repeat ; background-position:left; font-family: inherit; font-size:14px ; font-style:normal ; font-weight:bold ; padding-left:0px;} .bandeau-jaune-gauche h2{font-size:14px ; font-style:normal ; font-weight:bold ; padding:0px; margin-left:25px; width:770px; } .LienMoyen {color:firebrick ; font-size:12px ; font-family:inherit ; } .LienMoyen a:link{text-decoration:underline ;} .LienMoyen a:hover{color:firebrick ; text-decoration:underline ; font-size:14px ; font-weight:bold ;} .carre-degrade-ocre{float:left; width:213px; background-image:url(../artpackage/carre-degrade-ocre.jpg); font-family:inherit ; font-size:14px ; font-style:normal ; font-weight:normal ; } .bloc-texte-simple{float:left; width:550px; height:auto ; font-family:inherit; font-size:14px ; line-height:18px; font-style:italic ; padding-left:10px; } .bloc-texte-simple-L{ width:800px; height:auto ; font-family:inherit; margin-left:0px; } .bloc-texte-simple-L p{ width:775px; height:auto ; font-family:inherit; font-size:14px ; line-height:18px; font-style:italic ; float:right; } .photoGtextD{ width:800px; height:199px ; margin-left:0px; margin-top:10px;} .photoGtextD img{float:left; width:370px;height:199px; margin-left:25px; } .photoGtextD p{float:right; width:370px; font-size:14px ; line-height:18px; font-style:italic ; padding:10px; } .textGphotoD{ width:800px; height:199px; margin-left:0px; float:left; margin-top:10px;} .textGphotoD img{float:right;width:370px; height:199px;} .textGphotoD p{float:left; width:370px; font-size:14px ; font-style:italic ; margin-left:25px; height:199px;} /* *********************** ligne :: texte gauche 75% et à droite :: image 25% ***************************** */ .textGlarge-photoDsmall{ width:800px; margin-left:0px; float:left; } .textGlarge-photoDsmall img{float:right;width:200px; height:auto; padding:0px; padding-top:12px; } .textGlarge-photoDsmall p{float:left; width:525px; font-size:14px ; margin-left:25px; margin-top:12px; padding-left:8px; padding-top:10px; padding-right:8px ; padding-bottom:10px; height:auto; border:1px solid black; line-height:18px;} /* *********************** ligne :: image 25% :: texte droite 75% ***************************** */ .photoGsmall-textDlarge{ width:800px; margin-left:10px; float:left; } .photoGsmall-textDlarge img{float:left;width:200px; height:auto; margin-left:15px; padding-left:0px; padding-top:12px; padding-right:0px;} .photoGsmall-textDlarge p{float:right; width:530px; font-size:14px ; margin-top:12px; margin-right:10px; padding-left:10px; padding-top:10px; padding-right:10px ; padding-bottom:10px; height:auto; border:1px solid black; line-height:18px;} /* *********************** ligne :: texte gauche 50% et à droite :: texte 30% puis image 20% ***************************** */ .TextGtextDavecPhotoD{ width:800px; margin-left:0px; float:left } .TextGtextDavecPhotoD p{float:left; width:370px; font-size:14px ; margin-left:25px; padding:10px ; margin-top:10px; border:1px solid black;} .boiteTextPhoto{float:right;width:360px; margin-top:10px; margin-right:0px; padding:0px; border:1px solid black;} .boiteTextPhoto p{ float:left; width:220px; font-size:12px ; font-style:italic ; text-align:justify; margin-left:1px; padding-left:5px; padding-top:0px; padding-right:0px ; border:none ; } .boiteTextPhoto img{float:right;width:120px; height:auto; padding-left:0px; padding-top:7px; padding-right:7px; padding-bottom:7px; } /* *********************** ***************************** */ /* *********************** ligne :: texte gauche avec titre h3 50% et idem à droite ***************************** */ .TextG-TextD{ width:800px; margin-left:0px; float:left; margin-top:10px; } .TextG{ width:400px; margin-left:0px; float:left; } .TextG h3{ width:370px; margin-left:25px; font-size:14px; font-style:normal; font-weight:bold; text-align:left ; background-image:url(../artpackage/bandeau-jaune-gauche-287x17.jpg) ; background-repeat:no-repeat ; background-position:left; border:none ; } .TextG p{float:left; width:370px; font-size:14px ; margin-left:25px; padding:10px ; border:1px solid black;} .TextD{ width:360px; margin-left:0px; float:right;} .TextD h3{ width:360px; margin-left:0px; font-size:14px ; font-style:normal; font-weight:bold; text-align:left ; background-image:url(../artpackage/bandeau-jaune-gauche-287x17.jpg); background-repeat:no-repeat ; background-position:left; border:none ; } .TextD p{font-size:14px ; font-style:normal; width:340px; padding:10px; border:1px solid black; float:right; margin-right:0px;} .TextD-Photo-degrade-jaune{ width:370px; margin-left:20px; float:right; margin-right:0px;} .TextD-Photo-degrade-jaune img{float:left;width:195px; height:auto; padding-left:10px; padding-top:10px; padding-right:0px; } .TextD-Photo-degrade-jaune p{ background-image:url(../artpackage/cadre-jaune-170x120.jpg); background-repeat:no-repeat ; background-position:right; float:right ; width:150px; padding-top:0px; margin-left:0px; margin-top:20px; margin-right:0px ; padding:5px; text-align:right ; font-style:italic ; font-size:14px ; font-weight:bold; } /* *********************** ***************************** */ /* *********************** ligne :: texte pleine largeur avec filet ***************************** */ .text-large-filet{ width:800px; margin-left:0px; float:left; margin-top:10px; } .text-large-filet p{font-size:14px ; font-style:normal; width:750px; padding:10px; float:right; margin-left:25px; border:1px solid black;} /* *********************** ***************************** */ /* text-align:right; float:right; */ .home-4menus-domiciliation{float:left; width:257px; height:155px ; background-image:url(../artpackage/home-4menus-domiciliation.jpg); background-repeat:no-repeat ; margin-left:10px; margin-top:10px ; } .home-4menus-domiciliation p{padding-left:10px; padding-top:50px; padding-right:10px; margin:0; font-family:inherit; font-size:12px ; font-style:normal ; font-weight:normal ; text-align:justify} .home-4menus-domiciliation a{font-family:inherit; font-size:10px ; font-style: oblique ; font-weight:normal ; text-align:justify ; text-decoration:underline; margin-right:5px; color:firebrick ; } .home-4menus-domiciliation a:hover{font-family:inherit; font-size:10px ; font-style: normal ; font-weight:bold ; text-align:justify ; text-decoration:none;} .home-4menus-bureaux-equipes{float:left; width:257px; height:155px ; background-image:url(../artpackage/home-4menus-bureaux-equipes.jpg); background-repeat:no-repeat ; margin-left:10px; margin-top:10px ; } .home-4menus-bureaux-equipes p{padding-left:10px; padding-top:50px; padding-right:10px; margin:0; font-family:inherit ; font-size:12px ; font-style:normal ; font-weight:normal ; text-align:justify} .home-4menus-bureaux-equipes a{font-family:inherit; font-size:10px ; font-style: oblique ; font-weight:normal ; text-align:justify ; text-decoration:underline; text-align:right; float:right; margin-right:5px;color:firebrick ;} .home-4menus-bureaux-equipes a:hover{font-family:inherit; font-size:10px ; font-style: normal ; font-weight:bold ; text-align:justify ; text-decoration:none;} .home-4menus-secretariat{float:left; width:257px; height:155px ; background-image:url(../artpackage/home-4menus-secretariat.jpg); background-repeat:no-repeat ; margin-left:10px; margin-top:10px ; margin-bottom:10px ;} .home-4menus-secretariat p{padding-left:10px; padding-top:50px; padding-right:10px; margin:0; font-family:inherit ; font-size:12px ; font-style:normal ; font-weight:normal ; text-align:justify} .home-4menus-secretariat a{font-family:inherit; font-size:10px ; font-style: oblique ; font-weight:normal ; text-align:justify ; text-decoration:underline; text-align:right; float:right; margin-right:5px; color:firebrick ;} .home-4menus-secretariat a:hover{font-family:inherit; font-size:10px ; font-style: normal ; font-weight:bold ; text-align:justify ; text-decoration:none;} .home-4menus-salle-reunion{float:left; width:257px; height:155px ; background-image:url(../artpackage/home-4menus-salle-reunion.jpg); background-repeat:no-repeat ; margin-left:10px; margin-top:10px ; margin-bottom:10px ;} .home-4menus-salle-reunion p{padding-left:10px; padding-top:50px; padding-right:10px; margin:0; font-family:inherit ; font-size:12px ; font-style:normal ; font-weight:normal ; text-align:justify} .home-4menus-salle-reunion a{font-family:inherit; font-size:10px ; font-style: oblique ; font-weight:normal ; text-align:justify ; text-decoration:underline; text-align:right; float:right; margin-right:5px; color:firebrick ;} .home-4menus-salle-reunion a:hover{font-family:inherit; font-size:10px ; font-style: normal ; font-weight:bold ; text-align:justify ; text-decoration:none;} .rectasimple {width:800px; margin-bottom:5px; clear:both; float:left; margin-top:20px;} .rectasimple span{padding:0; margin:0;font-size:18px; font-weight:bold; color:#C40D0A; background-color:inherit;height:25px;} .rectasimple h1{padding:0; margin:0;font-size:14px; font-weight:normal; color:#C40D0A; background-color:inherit;height:auto; } .rectasimple a:link{padding:0; margin:0;font-size:18px; font-weight:bold; color:#C40D0A; background-color:inherit;height:25px; text-decoration:underline;} /* *********************** FORMULAIRE V2 ***************************** */ .cssform p{ width: 400px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; /*width of left column : the label elements*/ border-top: 1px dashed #2C6A93 ; height: 1%; } .cssform label{ font-weight: bold; color:#2C6A93 ; float: left; margin-left: -155px; /*width of left column*/ width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ } .cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 250px; } .cssform textarea{ width: 250px; height: 150px; } /* Bouton avec effet - ne marche pas en IE6 ? */ input[type=submit], input[type=reset] { border:2px outset #EAEAEA ; background-color: #E3E3E3 ; font-weight:bold; color:#2C6A93 ; cursor:pointer; } input[type=submit]:hover, input[type=reset]:hover { border:2px outset white; background-color:white; } input[type=submit]:active, input[type=reset]:active { border:2px inset #A6BEDE; background-color:#2C6A93; color:black; } /* ******************************* PAGE CONTACT ********************************* */ .listeadresse{padding-left:17px; color:#666; background-color:inherit;} .listeadresse span{padding:0; margin:0; font-size:12px; color:#2C6a93; background-color:inherit; font-weight:bold;} .listeadresse img{border:none;} .listadresse a img{border:none;} .listeadresse a{color:#666; background-color:inherit;} .listeadresse a:hover{color:#333333; background-color:inherit;} .formcontact {color:black; background-color:inherit;} .formcontact .input{width:240px; border: 1px solid #2C6a93; color:black; background-color:inherit; margin-left:10px;} .formcontact .input-etroit{width:110px; border: 1px solid #2C6a93; color:black; background-color:inherit; margin-left:10px;} .formcontact .area{width:240px; border: 1px solid #2C6a93; color:black; background-color:inherit; margin-left:10px;} .formcontact .liste{width:116px; border: 1px solid #2C6a93; color:black; background-color:inherit; margin-left:10px;} .formcontact .area2{border: 1px solid #2C6a93; color:black; background-color:inherit; margin-left:10px;} .formcontact .area-etroite{width:110px; border: 1px solid #ff0000; color:black; background-color:inherit; margin-left:10px;} /* ******************************* bloc filet conteneurs ********************************* */ .filetlongL{padding-bottom:25px; clear:both;width:790px; padding: 3px; margin-bottom:5px; border:1px solid #C40D0A;} .filetlongL h1{display:inline; padding: 0; margin:0; font-size:18px; width:370px; color:#C40D0A; background-color:inherit;} .filetlongL h2{padding:0; margin:0;font-size:12px; font-weight:normal; color:#C40D0A; background-color:inherit;height:auto; } .filetlongL h3{padding:0; margin:0;font-size:12px; font-weight:bold; color:#C40D0A; background-color:inherit;height:auto; } .filetlongL p {padding:0; margin:0; text-align:justify; width:auto; font-size:12px; color:#666666; background-color:inherit;} .filetlongL img { border:none} .filetlongC{padding-bottom:25px; clear:both;width:570px; padding: 3px; margin-bottom:5px; border:1px solid #C40D0A;} .filetlongC h1{display:inline; padding: 0; margin:0; font-size:18px; width:370px; color:#C40D0A; background-color:inherit;} .filetlongC h2{padding:0; margin:0;font-size:12px; font-weight:normal; color:#C40D0A; background-color:inherit;height:auto; } .filetlongC h3{padding:0; margin:0;font-size:12px; font-weight:bold; color:#C40D0A; background-color:inherit;height:auto; } .filetlongC p {padding:0; margin:0; text-align:justify; width:auto; font-size:12px; color:#666666; background-color:inherit;} .filetlongC img { border:none} .jcmbfilet570{ width:800px; height: auto; padding: 5px; float:right ; border:1px solid #2C6a93;} .jcmbfilet530{ width:750px; height: auto; padding:5px 5px 5px 5px ; float:right ; border:1px solid #2C6a93;} /* *********************** FORMULAIRE V2 ***************************** #C40D0A : rouge bordeau */ .cssform p{ width: 400px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; /*width of left column : the label elements*/ border-top: 1px dashed #C40D0A ; height: 1%; } .cssform label{ font-weight: bold; color:#C40D0A ; float: left; margin-left: -155px; /*width of left column*/ width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ } .cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 250px; } .cssform input[type="text-etroit"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 20px; } .cssform textarea{ width: 250px; height: 150px; } /* Bouton avec effet - ne marche pas en IE6 ? */ input[type=submit], input[type=reset] { border:2px outset #EAEAEA ; background-color: #E3E3E3 ; font-weight:bold; color:#C40D0A ; cursor:pointer; } input[type=submit]:hover, input[type=reset]:hover { border:2px outset white; background-color:white; } input[type=submit]:active, input[type=reset]:active { border:2px inset #A6BEDE; background-color:#C40D0A; color:black; } /* formulaire type Alcyone */ .formulaire3_table_contact { background-color: #ffffff; width: 500px; height:auto; margin:0; padding:0; margin-top:20px; margin-left:6px; text-align:left; } .form2_input_contact { width: 330px; height:12px; border:solid 1px #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:10px; /* taille des polices */ color:#666666; } .form2_textarea_contact { width: 330px; height: 100px; border:solid 1px #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:10px; /* taille des polices */ color:#666666; } .form2_textarea_contact_adresse { width: 330px; height: 48px; border:solid 1px #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:10px; /* taille des polices */ color:#666666; } .form2_input_contact_code5 { width: 70px; height: 12px; border:solid 1px #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:10px; /* taille des polices */ color:#666666; } .rad { color : #7B7C7E; /* Couleur de la police */ font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:10px; /* taille des polices */ font-weight:normal; /* ?paisseur des polices */ text-align:right; vertical-align:top ; } .coordonnnees { color : #7B7C7E; /* Couleur de la police */ font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:10px; /* taille des polices */ font-weight:normal; /* ?paisseur des polices */ text-align:right; vertical-align:top ; } .inpt_left { width:240px; float:left; padding:0 0 10px 0; text-align:left; color : #7B7C7E; /* Couleur de la police */ font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:10px; /* taille des polices */ font-weight:normal; /* ?paisseur des polices */ vertical-align:top ; } .inpt_right { width:240px; float:right; padding:0 0 10px 0; text-align:left; color : #7B7C7E; /* Couleur de la police */ font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:10px; /* taille des polices */ font-weight:normal; /* ?paisseur des polices */ vertical-align:top ; } .coordonnnees_commentaire { color : #7B7C7E; /* Couleur de la police */ font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:12px; /* taille des polices */ font-weight:bold; /* ?paisseur des polices */ text-align:left; vertical-align:top ; } .form2_input { width: 100px; height:12px; border:solid 1px #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:10px; /* taille des polices */ color:#666666; } .form2_textarea { width: 100px; height:48px; border:solid 1px #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; /* police utilis?e */ font-size:10px; /* taille des polices */ color:#666666; } .send { margin-right:9px;