/* ****************************** STYLE ********************************** */ .rouge{color:#C40D0A; background-color:inherit; font-weight:bold; font-size:11px; text-decoration:underline;} .rougerubisbold {color: #C40D0A; font-weight: bold;} .rouge a {color:#C40D0A; background-color:inherit; } .gris{color:#666666;background-color:inherit; font-weight:bold;} .blanc{color:white;background-color:inherit; font-weight:bold;} .noir{color:black;background-color:inherit; font-weight:bold; font-size:16px;} /* *********************** BLOC CARRE ***************************** */ .carrebloc{width:270px; margin-bottom:25px} .carrbloctire{ font-size:18px; font-weight:bold; color:red; background-color:inherit;} /* height:50px; */ .carrbloctire h1{padding:0; margin:0;font-size:18px; font-weight:bold; color:#2C6A93; background-color:inherit;} /* height:50px; */ .carrbloctire img {width:90px; height:90px; float:left; padding-right:5px;} .carrparagraphe p{padding: 10px 0 0 0; margin:0; font-size:12px; text-align:justify} .carresavoirplus{background-image: url(../artpackage/en_savoir_plus.gif); background-repeat:no-repeat; background-position:left; font-size:10px; text-indent:15px; height:15px; width:270px;text-align:left; margin-top:20px; line-height:1.3em} .carresavoirplus a{color:#2C6A93; background-color:inherit; text-decoration:none} .carresavoirplus a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline} /* *********************** CARRE SIMPLE ***************************** */ .carresimple{width:270px; margin-bottom:25px; clear:both;} .carresimpletire{ color:#2C6A93; background-image:url(../artpackage/carresimple.gif); background-repeat:no-repeat} .carresimpletire span{font-size:12px; font-weight:bold; color:red; background-color:#fff;padding-right:3px;} .carresimpleparagraphe {background-image:url(../artpackage/carresimplebas.gif); background-repeat:no-repeat; background-position: bottom; padding-bottom:15px;} .carresimpleparagraphe p img{ width:90px; float:left; padding-right:5px;} .carresimpleparagraphe p{ padding:0; margin:0; font-size:12px; text-align:justify;} /* *********************** BLOC RECTANGLE ***************************** */ .rectanglebloc{width:560px; margin-bottom:25px; clear:both} .rectbloctire{ font-size:18px; font-weight:bold; text-transform:capitalize; color:#2C6A93; background-color:inherit;height:25px;} .rectbloctire h1{padding:0; margin:0;font-size:18px; font-weight:bold; text-transform:capitalize; color:red; background-color:inherit;height:25px;} .rectangparagraphe img {width:90px; height:90px; float:left; padding-right:5px; display:block;} .rectangparagraphe p{padding:0; margin:0; font-size:12px; text-align:justify; float:right; width:auto} .rectsavoirplus{ clear:both; background-image:url(../artpackage/en_savoir_plus.gif); background-position:right; background-repeat:no-repeat; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:560px;text-align:right; margin-top:5px} .rectsavoirplus a{color:#2C6A93; background-color:inherit; text-decoration:none} .rectsavoirplus a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline} /* *********************** Recta ***************************** */ .recta {width:560px; margin-bottom:25px; clear:both} .rectactire{ font-size:18px; font-weight:bold; text-transform:capitalize; color:#2C6A93; background-color:inherit;height:25px;} .rectaparagraphe span{padding:0; margin:0;font-size:18px; font-weight:bold; color:#2C6A93; background-color:inherit;height:25px;} .rectaparagraphe evidence{padding:0; margin:0;font-size:12px; font-weight:bold; color:#2C6A93; background-color:inherit;height:25px;} .rectaparagraphe img {width:90px; height:90px; float:left; padding-right:5px; display:block;} .rectaparagraphe p{padding:0; margin:0; text-align:justify; float:right; width:auto; font-size:12px; font-weight:bold; color:#666666; background-color:inherit} /* *********************** BLOC PAGE FEUILLE ***************************** */ .pagefeuillebloc{width:560px; margin-bottom:25px; clear:both} .pagefeuilletire{ font-size:18px; font-weight:bold; text-transform:capitalize; color:#2C6A93; background-color:inherit;height:25px;} .pagefeuilleparagraphe img {width:260px; height:110px; float:left; padding-right:10px; display:block;} .pagefeuilleparagraphe p{padding:0; margin:0; font-size:12px; text-align:justify; float:right; width:auto} .feuillesavoirplus{ clear:both; background-image:url(../artpackage/en_savoir_plus.gif); background-repeat:no-repeat; background-position:right; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:560px;text-align:right; margin-top:5px} .feuillesavoirplus a{color:#2C6A93; background-color:inherit; text-decoration:none} .feuillesavoirplus a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline} .feuillesavoirplus2{ clear:both; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:560px;text-align:right; margin-top:5px} .feuillesavoirplus2 a{color:#2C6A93; background-color:inherit; text-decoration:none} .feuillesavoirplus2 a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline} /* *********************** BLOC Bordure ***************************** */ .bordurebloc{width:270px; margin-bottom:25px; clear:both;} .borduretire{color:#2C6A93; height:16px;background-image: url(../artpackage/borduretitre.gif); background-repeat:no-repeat; width:270px; } .borduretire span{ font-size:12px; font-weight:bold; color:#2C6A93; background-color:#FFFFFF;margin-left:7px;} .bordureparagraphe{border-left:1px solid #2C6A93;border-right:1px solid #2C6A93; border-bottom:1px solid #2C6A93; width:268px; padding:0 0 3px 0;text-align:justify; margin:0; } .bordureparagraphe p{margin:0; padding:3px;} .bordureparagraphe img {width:80px; height:80px; float:left; padding:5px 5px 0 3px; display:block; } .carresavoirplusbo{ clear:both; background-image:url(../artpackage/en_savoir_plus.gif); background-position:right; background-repeat:no-repeat; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:260px;text-align:right; margin-top:5px} .carresavoirplusbo a{color:#2C6A93; background-color:inherit; text-decoration:none} .carresavoirplusbo a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline} /* *********************** TETERECTANGLE LARGE ***************************** */ .teterectangle{padding-bottom:10px; clear:both;width:790px; margin-bottom:5px;} .gaucheteterect{float:left; padding-right:10px; width:260px;} .toutelargeurteterect{ float:left; width:725px} .droiteteterect { float:right; width:455px} .droitenews p {font-size:12px; color:#656565; background-color:inherit; font-weight:bold;} .droitenews p img {float:left; padding-right:5px;} .droiteteterect h1{padding: 0 0 15px 0; margin:0; font-size:18px; width:370px; color:#2C6A93; background-color:inherit;} .droiteteterect p{padding: 0 0 5px 0; margin:0; font-size:12px; color:#666666; background-color:inherit; } .gauchenews h1 {padding:0; margin:0; font-size:14px; font-weight:bold; color:#cccccc; background-color:inherit;} .gauchenews h2 {padding:0; margin:0; font-size:12px; color:#ff3334; background-color:inherit; text-decoration:underline; text-align: right; font-style:italic;} .gauchenews h3 {padding:4px 0 0 0; margin:0; font-size:16px; font-weight:bold; color:#666666; background-color:inherit; font-style: italic; text-align:right} .tavoirplus{ clear:both; background-image:url(../artpackage/en_savoir_plus_Right_175px.gif); background-repeat:no-repeat; background-position:left; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:720px;text-align:left; margin-top:5px} .tavoirplus a{color:#2C6A93; background-color:inherit; text-decoration:none} .tavoirplus a:hover{color:#ffbe33; background-color:inherit; text-decoration:underline} /* *********************** TETERECTANGLE ETROIT (SMALL) ***************************** */ .teterectanglesmall{padding-bottom:15px; padding-top:15px;clear:both;width:576px; margin-bottom:5px;} .gaucheteterectsmall{float:left; padding-right:5px; width:210px;} .gaucheteterectsmall h1{padding: 0 0 15px 0; margin:0; font-size:14px; width:200px; color:#2C6A93; background-color:inherit;} .gaucheteterectsmall p{padding: 0 0 5px 0; margin:0; font-size:12px; font-weight:bold; color:#666666; background-color:inherit; } .gaucheteterectsmall img{ margin-bottom:5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; width:180px; } .gaucheteterectsmalldate{padding: 0 0 5px 0; margin:2px; font-size:12px; font-weight:bold; color:#666666; background-color:inherit; background-image:url(../artpackage/en_savoir_plus_Right_175px.gif); background-repeat:no-repeat; background-position:left;text-indent:15px; text-align:left;} .gaucheteterectsmallsource{padding: 0 0 5px 0; margin:2px; font-size:12px; font-weight:bold; color:#666666; background-color:inherit; background-image:url(../artpackage/en_savoir_plus_Right_175px.gif); background-repeat:no-repeat; background-position:left;text-indent:15px; text-align:left;} .droiteteterectsmall { float:right; width:356px} .droiteteterectsmall h1{padding: 0 0 15px 0; margin:0; font-size:14px; width:290px; color:#2C6A93; background-color:inherit;} .droiteteterectsmall p{padding: 0 0 5px 0; margin:0; font-size:12px; color:#666666; background-color:inherit; } /* *********************** TETERECTANGLEPHOTO LARGE que photos (3 les unes à côté des autres) ***************************** */ .teterectanglephoto{padding-bottom:5px; clear:both;width:725px; margin-bottom:5px;} .toutelargeurrectphoto{ width:725px} .toutelargeurrectphoto img { margin-bottom:5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; } /* *********************** TETENEWS ***************************** */ .tetenews{padding-bottom:25px; clear:both;width:725px; margin-bottom:25px;} .gauchenews{float:left; padding-right:10px; width:192px;} .droitenews { float:right; width:495px} .droitetetenews h1{padding: 0 0 15px 0; margin:0; font-size:16px; width:370px; color:#2C6A93; background-color:inherit;} .droitetetenews p{padding: 0 0 5px 0; margin:0; font-size:12px; } .teteplus{background-image: url(../artpackage/en_savoir_plus.gif); background-repeat:no-repeat; background-position:left; font-size:10px; text-indent:15px; height:15px; width:490px;text-align:left; margin-top:20px; line-height:1.3em} .teteplus a{color:#2C6A93; background-color:inherit; text-decoration:none} .teteplus a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline} /* *********************** BLOC Bordure ***************************** */ .bordurebloc2{width:575px; margin-bottom:25px; clear:both;} .borduretire2{ font-size:14px; font-weight:bold; text-transform:capitalize; color:#2C6A93; background-color:inherit; height:12px;background-image: url(../artpackage/rectangle2.gif); background-repeat:no-repeat; margin-bottom:-1px } .borduretire2 span{ background-color:#FFF;color:#2C6A93;text-indent:10px;} .bordureparagraphe2{border-left:2px solid #2C6A93;border-right:2px solid #2C6A93; border-bottom:2px solid #2C6A93; width:565px; height: auto; padding: 5px 3px 0 3px;} .bordureparagraphe2 p{padding:5px 0 3px 0; margin:0; font-size:12px; text-align:justify; float:right; width:565px} /* *********************** BLOC Bordure-3 ***************************** */ .bordurebloc3{width:570px; margin-bottom:5px; clear:both; float:left ;} .borduretitre3{ width:570px; font-size:14px; font-weight:bold; text-transform:capitalize; color:#2C6A93; background-color:inherit; background-image: url(../artpackage/rectangle2.gif); background-repeat:no-repeat; margin-bottom:-1px ;} .borduretitre3 span{ width:570px; background-color:#FFFFFF;color:#2C6A93;text-indent:10px;} .bordureparagraphe3{ width:570px; height: auto; padding: 5px 3px 0 3px; border-top:2px solid #2C6A93;border-left:2px solid #2C6A93;border-right:2px solid #2C6A93; border-bottom:2px solid #2C6A93;} .bordureparagraphe3 p{padding:5px 0 3px 0; margin:0; font-size:12px; text-align:justify; width:480 ; } .tavoirplus3{ clear:both; background-image:url(../artpackage/en_savoir_plus_Right_175px.gif); background-repeat:no-repeat; background-position:left; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:550px;text-align:left; margin-top:5px} .tavoirplus3 a{color:#2C6A93; background-color:inherit; text-decoration:none} .tavoirplus3 a:hover{color:#ffbe33; background-color:inherit; text-decoration:underline} .bordurebloc-large{width:355px; margin-bottom:25px; clear:both;} .borduretire-large{ font-size:14px; font-weight:bold; color:black; background-color:inherit; background-image: margin-bottom:-1px } .bordureparagraphe-large{ width:355px; height: auto; padding: 5px 3px 0 3px;} .bordureparagraphe-large p{padding:5px 0 3px 0; margin:0; font-size:12px; text-align:justify; float:right; width:355px} /* *********************** BLOC jcmb jusque 3 photos un titre un chapo un texte un lien bas de bloc ***************************** */ .jcmb{width:570px; margin-bottom:5px; clear:both; float:left ;} .jcmbtitre{ width:570px; font-size:14px; font-weight:bold; text-transform:capitalize; color:#2C6A93; background-color:inherit; height:16px;background-image: url(../artpackage/rectangle2.gif); background-repeat:no-repeat; margin-bottom:-1px ;} .jcmbtitre span{ background-color:#FFFFFF;color:#2C6A93;text-indent:10px;} .jcmbpara{ width:400px; height: auto; padding: 5px 3px 0 3px; float:right ; } .jcmbparalarge{ width:570px; height: auto; padding: 5px 3px 0 3px; float:right ; } .jcmbimg{padding:5px 0 3px 0; margin:0; font-size:12px; text-align:justify; width:170px ; float:left ;} .plus{ clear:both; background-image:url(../artpackage/en_savoir_plus_Right_175px.gif); background-repeat:no-repeat; background-position:left; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:550px;text-align:left; margin-top:5px} .plus a{color:#2C6A93; background-color:inherit; text-decoration:none} .plus a:hover{color:#ffbe33; background-color:inherit; 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; } /* *********************** ENTETEBORDURE ***************************** */ .entetebordure{width:375px; clear:both;} .enteteborduretire{ background-image:url(../artpackage/tetebordure.gif); background-repeat:no-repeat; text-indent:15px; height:16px;} .enteteborduretire span{ font-size:14px; font-weight:bold; color:red; background-color:#FFFFFF;padding:0 5px 0 5px;} .entetebordureparagraphe{border-left:1px solid 2C6A93;border-right:1px solid 2C6A93; border-bottom:1px solid 2C6A93; width:327px; padding: 5px 3px 0 3px;} .entetebordureparagraphe p{padding:0 0 3px 0; margin:0; font-size:12px; text-align:justify; } .entetebordureparagraphe img {width:80px; height:80px; float:left; padding:5px 5px 3px 0; display:block; } .etbavoirplus{background-image: url(../artpackage/en_savoir_plus.gif); background-repeat:no-repeat; background-position:left; font-size:10px; text-indent:15px; height:15px; width:auto;text-align:left; margin-top:10px; line-height:1.3em} .etbavoirplus a{color:2C6A93; background-color:inherit; text-decoration:none} .etbavoirplus a:hover{color:#ffbe33; background-color:inherit; text-decoration: underline} /* *********************** CARRE SIMPLE SANS PHOTO ***************************** */ .carresimplesansphoto{width:335px; margin-bottom:25px} .carresimpletire2{ background-image:url(../artpackage/sansphoto.gif); background-repeat:no-repeat;width:335px; height:15px;} .carresimpletire2 span{font-size:12px; font-weight:bold; color:2C6A93; background-color:#fff;padding-right:3px;text-indent:5px; padding-left:3px;} .carresimplepsphoto{background-image:url(../artpackage/sansphotobas.gif); background-repeat:no-repeat; background-position: bottom; padding-bottom:15px;width:335px;} .carresimplepsphoto p{ padding:0; margin:0; font-size:12px; text-align:justify;} /* *********************** ENTETEB ***************************** */ .enteteb{width:335px; clear:both;} .enteteb p{ color:#666; background-color:inherit;font-weight:bold; font-size:12px;} .enteteb span{ display:block;font-size:14px; font-weight:bold; color:2C6A93; background-color:#FFFFFF; text-decoration:underline; padding:0; margin:0;} .enteteb img {width:80px; height:80px; padding:5px 5px 0 0; float:left } .etplus{background-image: url(../artpackage/en_savoir_plus.gif); background-repeat:no-repeat; background-position:right; font-size:10px; text-indent:15px; height:15px; width:330px;text-align:right; margin-top:20px; line-height:1.3em} .etplus a{color:2C6A93; background-color:inherit; text-decoration:none} .etplus a:hover{color:#ffbe33; background-color:inherit; text-decoration:underline} /* *********************** BLOC CARRE ***************************** */ .carrebloc2{width:270px; margin-bottom:25px;} .carrbloctire2 h1{ font-size:16px; font-weight:bold; text-transform:capitalize; color:#2C6A93; background-color:inherit; padding:0; margin:0} .carrbloctire2 img {width:50px; height:50px; float:left; padding-right:5px;} .carrbloctire2 p{font-size:12px; padding:0; margin:0; text-align:justify} /* *********************** BLOC Bordure "***************************** */ .bordurebloc3{width:270px; margin-bottom:25px; clear:both;} .bordurebloc3 h1{ font-size:14px; font-weight:bold; text-transform:capitalize; color:#2C6A93; background-color:#FFFFFF; height:15px;background-image: url(../artpackage/rectangle.gif); background-repeat:no-repeat;width:200px;} .borduretire3 span{ background-color:#FFF;color:#2C6A93;text-indent:10px;} .bordureparagraphe3 p{padding:5px 0 0 0; margin:0; font-size:12px; text-align:justify; float:right; width:200px} .bordureparagraphe3 img {width:50px; height:50px; float:left; padding-right:5px; display:block; } /* *********************** TETO 300px puis 410 px ***************************** */ .teto{padding-bottom:25px; clear:both;width:725px; margin-bottom:25px;} .gaucheteto{float:left; padding-right:10px; width:300px;} .gaucheteto150{float:left; padding-right:10px; width:200px;} .gaucheteto img{width:300px; height:220px;} .droiteteto { float:right; width:410px} .droiteteto p {font-size:12px; color:#656565; background-color:inherit; font-weight:bold;} .droiteteto h1{padding: 0 0 5px 0; margin:0; font-size:18px; width:370px; color:2C6A93; background-color:inherit;} .droiteto p{padding: 0 0 5px 0; margin:0; font-size:14px; font-weight:bold; color:#666666; background-color:inherit; } /* *********************** VOCATION ***************************** */ .vocation{clear:both; background-position:right; background-repeat: no-repeat} .droitevoca p{ font-size:18px; color:#2C6A93 ; background-color:inherit; font-weight:bold; padding:0; margin:0;} .droite2voca p{font-size:12px; font-weight:bold; color:black ; background-color:inherit; margin:0;padding:0;} /* ****************************** MODULE PAGE DROITE *************************************** */ .module{font-size:10px;} .titremodule{height:18px; width:200px; margin-bottom:10px;text-indent:22px; font-size:12px; font-weight:bold; color:#2C6A93; background-color:inherit; line-height:1.5em;} .presseactus{background-image:url(../artpackage/presseactus.gif); background-repeat:no-repeat; height:20px; width:200px;} .newsletter{background-image:url(../artpackage/newsletter.gif); background-repeat:no-repeat;height:20px; width:200px; } .recrutement{background-image: url(../artpackage/recrutement.gif); background-repeat:no-repeat;height:20px; width:200px; } .nouscontacter{background-image:url(../artpackage/nous_contacter.gif); background-repeat:no-repeat;height:20px; width:200px;} .evennement{background-image: url(../artpackage/evenements-bleu.gif); background-repeat:repeat;height:20px; width:200px;} .perffinancieres{background-image: url(../artpackage/perf-financiere.gif); background-repeat:repeat;height:20px; width:200px;} .infos{background-image: url(../artpackage/toute_actualites.gif); background-repeat:repeat;height:20px; width:200px;} .blocactus{ margin:5px 0 0 0; font-size:10px;width:195px; color:#2C6a93; background-color:inherit; border:1px solid #2C6a93;} .blocactus h1{padding:3px; margin:0;width:192px; font-size:14px; color:#2C6a93; background-color:#ffffff;} .blocactus p{padding:3px; margin:0;width:192px; font-size:12px; color:#000000; background-color:#ffffff;} .moduletitre{width:160px; height:20px;font-weight:bold; line-height:2em; text-indent:20px;} .blocactudate{ display:block;text-align:right; width:194px; height:12px; padding-right:3px; background-image:url(../artpackage/blocactudate.gif); background-repeat:no-repeat; color:#666666;background-color:inherit;} .blocactudatesanspicto{ display:block;text-align:right; width:194px; height:12px; padding-right:3px; background-image:url(../artpackage/blocactudate-sans-picto.gif); background-repeat:no-repeat; color:#666666;background-color:inherit;} /* sert a avoir une barre grise standard en séparateur horizontal de bloc */ .blocactudateblanc{ display:block;text-align:right; width:194px; height:6px; padding-right:3px;color:#666666;background-color:inherit;} /* sert a avoir une barre blanche standard en séparateur horizontal de bloc */ .blocpresse h1{font-size:12px;padding:5px 0 0 3px; margin:0; text-decoration:underline} .blocpresse p{width:185px;margin:0; padding:3px 0 15px 0;} /* ***************************** DATE (module de droite) ******************************************* */ .moduledate{width:198px; height:auto; font-size:10px; margin:0 0 5px 0; clear:both} .date span{ display:block; float:left; width:72px; height:14px;background-image:url(../artpackage/date.gif); background-repeat:no-repeat; color:#656565; background-color:inherit; font-weight:bold; text-align:center} .dategauche{ float:right;padding:0 0 0 3px; width:120px} .dategauche p{padding:0; margin:0; color:#656565; background-color:inherit; width:100px} .dategauche a{ color:#656565; background-color:inherit;font-weight:bold;} .dategauche a:hover{ color:#8a8888; background-color:inherit;} /* *********************** Recta ***************************** */ .rectasimple {width:560px; margin-bottom:25px; clear:both} .rectasimplelarge {width:725px; margin-bottom:5px; clear:both} .rectaparagraphesimple span{padding:0; margin:0;font-size:18px; font-weight:bold; color:#2C6A93; background-color:inherit;height:25px;} .rectaparagraphesimple img {width:90px; height:90px; float:left; padding-right:5px; display:block;} .rectaparagraphesimple p{padding:0; margin:0; text-align:justify; float:left; width:auto; font-size:12px; color:#666666; background-color:inherit} /* ****************************** EFFICACITECOURS *************************************** */ #efficacitecours{ width:560px; height:75px;} #efficacitecours h1{ font-size:20px; padding:0 0 5px 0;} #efficacegauchecours{width:75px; text-align:left; float:left} #efficacedroitecours{ width:480px; float:right;} #efficacedroitecours span{color:#727272; background-color:inherit;font-size:10px; font-weight:bold;} /* *********************** FILET ajouts de la V4 ***************************** */ /* *********************** FILETLONG ***************************** */ .filetlong{padding-bottom:25px; clear:both;width:714px; padding: 3px; margin-bottom:5px; border:2px solid red;} .filetlong h1{display:inline; padding: 0; margin:0; font-size:18px; width:370px; color:#2C6A93; background-color:inherit;} .filetlong p {padding:0; margin:0; text-align:justify; width:auto; font-size:12px; color:#666666; background-color:inherit;} .filetlong img { border:none} /* *********************** FILET ***************************** */ .filet {width:550px; margin:0 0 25px 0; padding:3px; clear:both; border:2px solid 2C6A93;} .filetparagraphe h1{display: inline;padding:0; margin:0;font-size:18px; font-weight:bold; color:#2C6A93; background-color:inherit;height:25px;} .filetparagraphe img { border:none} .filetparagraphe p{padding:0; margin:0; text-align:justify; width:auto; font-size:12px; color:#666666; background-color:inherit} .finfilet{clear:both; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:5px; width:60px;text-align:right; margin-top:5px} /* *********************** BLOC jcmb jusque 3 photos un titre un chapo un texte un lien bas de bloc ***************************** */ .jcmb{width:570px; margin-bottom:5px; clear:both; float:left ;} .jcmbtitre{ width:570px; font-size:14px; font-weight:bold; text-transform:capitalize; color:#2C6A93; background-color:inherit; height:16px;background-image: url(../artpackage/rectangle2.gif); background-repeat:no-repeat; margin-bottom:-1px ;} .jcmbtitre span{ background-color:#FFFFFF;color:#2C6A93;text-indent:10px;} .jcmbpara{ width:400px; height: auto; padding: 5px 3px 0 3px; float:right ; } .jcmbparalarge { width:570px; height: auto; padding: 5px 3px 0 3px; float:right ; } .jcmbparalarge h1 { font-size:14px; color:#2C6A93; background-color:inherit;height:25px; font-weight:bolder} .jcmbparalarge h2 { font-size:12px; color:#2C6A93; background-color:inherit;height:25px;} .jcmbparalarge p { font-size:12px; color:black; background-color:inherit; border:1px solid grey; padding: 5px 3px 0 3px; font-weight:normal} .jcmbparalarge span { font-size:14px; color:#2C6A93; background-color:inherit;height:25px; font-weight:bolder} .jcmbparalarge a{color:#2C6A93; background-color:inherit; text-decoration: underline} .jcmbparalarge a:hover{color:#ffbe33; background-color:inherit; text-decoration:underline} .jcmbfilet570{ width:570px; height: auto; padding: 5px 3px 0 3px; float:right ; border:1px solid #2C6a93;} .jcmbfilet530{ width:530px; height: auto; padding: 5px 3px 0 3px; float:right ; border:1px solid #2C6a93;} .jcmbimg{padding:5px 0 3px 0; margin:0; font-size:12px; text-align:justify; width:170px ; float:left ;} .plus{ clear:both; background-image:url(../artpackage/en_savoir_plus_Right_175px.gif); background-repeat:no-repeat; background-position:left; color:#666666; background-color:inherit; font-size:10px; text-indent:15px; height:15px; width:550px;text-align:left; margin-top:5px} .plus a{color:#2C6A93; background-color:inherit; text-decoration:none} .plus a:hover{color:#ffbe33; background-color:inherit; text-decoration:underline} /* ******************************* 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;}