348 lines
11 KiB
CSS
348 lines
11 KiB
CSS
#msp-linking {
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.msp{
|
|
margin:0 auto 0 auto;
|
|
text-align:left;
|
|
font-size:11px;
|
|
position:relative;
|
|
padding:0 0 0px 0;
|
|
color:#2B2A91;
|
|
font-family:arial, verdana, sans-serif;
|
|
}
|
|
.msp.connecting {
|
|
width: 35em;
|
|
}
|
|
.msp *{
|
|
font-family:arial, verdana, sans-serif;
|
|
font-size:100%;
|
|
}
|
|
.msp p, .msp form, .msp h1, .msp h2, .msp h3, .msp h4, .msp h5, .msp h6, .msp input{
|
|
margin:0;
|
|
font-weight:normal;
|
|
}
|
|
.msp ul, .msp ol{
|
|
list-style-type:none;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
* html .msp li{
|
|
height:1%;
|
|
}
|
|
.msp fieldset{
|
|
background:#dae7ef url(../img/bg/degrade.jpg) left 0 repeat-x;
|
|
border:1px solid #2B2A91;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
.msp img{width:auto!important}
|
|
.msp a img{border:none}
|
|
.msp .alc{text-align:center}
|
|
.msp .db{display:block}
|
|
.msp .cb {clear:both}
|
|
.msp .flr{float:right!important}
|
|
.msp .m30 {margin:30px}
|
|
.msp .mb20 {margin-bottom:20px}
|
|
.msp .fz {font-size:110%}
|
|
.msp .fz2 {font-size:130%}
|
|
.msp .fz3 {font-size:105%!important}
|
|
.msp .bnone {border:none!important}
|
|
.msp .fz2 a {font-weight:bold}
|
|
.msp p{margin:0 0 0.5em 0;padding:0}
|
|
.msp a{background-color:inherit;color:#31579C!important}
|
|
.msp a.roll,.msp a.none{text-decoration:none!important}
|
|
.msp a.roll:hover{text-decoration:underline!important}
|
|
.msp .bordure{border:2px solid #FFF;position:relative}
|
|
* html .msp .bordure {height:1%}
|
|
*:first-child+html .msp .bordure {min-height:1%}
|
|
.msp .bordure:after {content:".";display:block;height:0;clear:both;visibility:hidden}
|
|
.msp .marges{padding:0.4em}
|
|
.msp fieldset .marges{padding:0 1em 0 1.25em}
|
|
.msp fieldset .marges.top {padding-top:1em}
|
|
.msp fieldset legend{background-color:#FFF;color:#2B2A91;margin-left:0.5em}
|
|
.msp fieldset legend span{display:block;font-size:130%;font-weight:700;padding:0 0.5em 1em;position:relative;top:0.5em}
|
|
.msp p img{vertical-align:middle}
|
|
.msp p input.checkbox{vertical-align:middle}
|
|
.msp p.lien{text-align:right}
|
|
.msp p.lien a{background:url(../img/bg/fleche.png) 0 4px no-repeat;padding-left:12px}
|
|
.msp label{cursor:pointer;font-weight:700}
|
|
.msp .cadre{background:#FFF url(../img/bg/degrade.jpg) left bottom repeat-x;border:1px solid #2B2A91}
|
|
.msp .centrer{text-align:center}
|
|
.msp .centrer img{display:block;width:150px;margin:0 auto}
|
|
.msp li .lien{text-align:left !important}
|
|
.msp li.picto{background-position:2px 2px;background-repeat:no-repeat;padding-left:20px}
|
|
.msp li.utilisateur{background-image:url(../img/bg/utilisateur.png)}
|
|
.msp li.fermer{background-image:url(../img/bg/fermer.png)}
|
|
.msp .message{background-color:#E7E7F7;border-left:10px solid #B5CEEE;color:#000;padding:1em}
|
|
* html .msp .message{height:1%}
|
|
.msp .message p{margin:0}
|
|
.msp .fond{background-color:#838BCE;background-image:url(../img/bg/coin.png);background-position:100% 100%;background-repeat:no-repeat;color:#FFF;padding:1em 3px}
|
|
.msp .fond a{background-color:inherit;background-image:url(../img/bg/fleche_blanche.png) !important;color:#FFF!important}
|
|
.msp small a{background-color:inherit;background-image:url(../img/bg/retour.png);background-position:0 50%;background-repeat:no-repeat;color:#000;float:right;margin-right:30px;margin-top:-2em;padding-left:20px;font-size:90%}
|
|
.msp h1{background-color:inherit;color:#31579C;font-size:200%;margin:0.5em 0 0.5em 30px;padding:0;font-weight:bold}
|
|
.msp .contenu{background-color:inherit;color:#000;display:inline;float:left;margin-left:30px;padding-bottom:2em;width:445px}
|
|
.msp .menu{background-color:inherit;color:#000;display:inline;float:left;margin:0 30px;padding-bottom:2em;width:215px}
|
|
.msp .retablir{clear:both;display:block;height:1px;margin-top:-1px;overflow:hidden;width:1px}
|
|
.msp .encart{background:#FFFFFF url(../img/bg/degrade.jpg) left bottom repeat-x ;border:1px solid #2B2A91}
|
|
.msp .encart h2{background-color:#5E81C1;color:#FFF;font-size:100%;font-weight:bold;margin:0;padding:1px 6px}
|
|
.msp .encart p{margin:1em}
|
|
.msp .contenu ul{margin:2em 0}
|
|
.msp .contenu li.utilisateur{background-image:url(../img/bg/utilisateur_blanc.png)}
|
|
.msp .important{background-color:#E1E9F8;color:inherit;margin-bottom:0.5em;padding:0.5em}
|
|
.msp .important p{margin:0;padding:0;font-weight:bold}
|
|
.msp .contenu li p{padding:0}
|
|
.msp a.marges{margin-right:20px;padding:0}
|
|
.msp .barre{border-left:10px solid #B5CEEE;font-weight:bold;padding-left:20px}
|
|
.msp .barre ul{font-weight:400}
|
|
.msp em{background-color:inherit;color:#31579C;display:block;font-weight:700;margin:1.5em 0;text-align:center}
|
|
.msp .contenu ul strong{background-image:url(../img/bg/fleche.png);background-position:0 4px;background-repeat:no-repeat;padding-left:15px}
|
|
.msp .connexion{font-weight:bold;color:#FFF!important;background-color:inherit!important;text-decoration:none!important;background-image:url(../img/bg/connect.png);background-position:100% 50%;padding:0 25px 0 15px;text-transform:uppercase;font-size:120%}
|
|
.msp .fond li.central {padding:0 0.5em 1em;text-align:center}
|
|
.msp .note,.msp .joindre{background:#010d23 url(../img/bg/note2.gif) 0 0 repeat-x}
|
|
.msp .note span,.msp .joindre span{background:url(../img/bg/note.png) 0 0 no-repeat;display:block;padding:4px 5px 4px 20px;min-height:14px;font-weight:bold}
|
|
.msp .joindre span{background-image:url(../img/bg/note.png)}
|
|
* html .msp .note span,* html .msp .joindre span{height:14px;}
|
|
.msp .note a,.msp .joindre a{color:#FFF!important;text-decoration:none}
|
|
.msp .user{background:#2b5973 url(../img/bg/user_2.png) top left no-repeat ;padding:3px 10px 3px 18px!important;float:left;display:inline;color:#FFF!important;font-weight:bold;text-decoration:none}
|
|
.msp .bis{background-image:url(../img/bg/user.png);color:#1A2D4E!important;background-color:inherit;border:1px solid #C4D7DF;padding:2px 10px 2px 18px!important}
|
|
.msp.bloc {width:99%;border:1px solid #31579C}
|
|
.msp .cadre{background:#FFFFFF url(../img/bg/degrade.jpg) left bottom repeat-x;border:1px solid #2B2A91}
|
|
.msp .centrer{text-align:center}
|
|
.msp .fond{background-color:#838BCE;background-image:url(../img/bg/coin.png);background-position:100% 100%;background-repeat:no-repeat;color:#FFF;padding:1em 3px}
|
|
.msp .fond a{background-color:inherit;background-image:url(../img/bg/fleche_blanche.png) !important;color:#FFF}
|
|
|
|
/* en savoir plus */
|
|
.msp_esp{
|
|
font-family:arial, verdana, sans-serif;
|
|
background:#FFF;
|
|
margin:24px 0 40px 19px;
|
|
border:1px solid #4b4da4;
|
|
width:712px;
|
|
padding:0 0 55px 0;
|
|
font-size:11px;
|
|
text-align:left;
|
|
position:relative;
|
|
}
|
|
.msp_esp *{
|
|
font-family:arial, verdana, sans-serif;
|
|
font-size:100%;
|
|
color:#434343;
|
|
}
|
|
.msp_esp p, .msp_esp h1, .msp_esp h2, .msp_esp h3, .msp_esp form{
|
|
margin:0;
|
|
font-weight:normal;
|
|
}
|
|
.msp_esp_h{
|
|
position:absolute;
|
|
left:4px;
|
|
top:4px;
|
|
width:704px;
|
|
height:213px;
|
|
background:url(../img/fond_ensavoirplus_h.jpg) 0 0 no-repeat;
|
|
}
|
|
.msp_esp_b{
|
|
position:absolute;
|
|
left:4px;
|
|
bottom:4px;
|
|
width:704px;
|
|
height:55px;
|
|
background:url(../img/fond_ensavoirplus_b.jpg) 0 0 repeat-x;
|
|
}
|
|
.msp_esp_header{
|
|
margin:0 0 -6px 0;
|
|
}
|
|
.msp_esp_header:after{
|
|
content:".";
|
|
display:block;
|
|
height:0;
|
|
clear:both;
|
|
visibility:hidden;
|
|
}
|
|
* html .msp_esp_header{
|
|
height:1%;
|
|
}
|
|
*:first-child+html .msp_esp_header{
|
|
min-height:1%;
|
|
}
|
|
.msp_esp_intro{
|
|
position:relative;
|
|
padding:0 0 0 20px;
|
|
float:left;
|
|
width:548px;
|
|
}
|
|
* html .msp_esp_intro{
|
|
width:558px;
|
|
}
|
|
.msp_esp_header a,
|
|
.msp_esp_header a:hover{
|
|
position:relative;
|
|
float:left;
|
|
background:url(../img/visite_guidee.png) 0 0 no-repeat;
|
|
display:block;
|
|
width:125px;
|
|
height:122px;
|
|
margin:30px 0 0 0;
|
|
overflow:hidden;
|
|
text-indent:-999em;
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
}
|
|
* html .msp_esp_header a{
|
|
background-image:none;
|
|
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/visite_guidee.png',sizingMethod='crop');
|
|
}
|
|
.msp_esp_pgtitre{
|
|
color:#31579c;
|
|
font-size:150%;
|
|
text-transform:uppercase;
|
|
padding:30px 0 10px 0;
|
|
}
|
|
.msp_esp_pgtitre span{
|
|
color:#31579c;
|
|
font-size:210%;
|
|
line-height:90%;
|
|
}
|
|
.msp_esp_intro p{
|
|
font-size:110%;
|
|
line-height:150%;
|
|
font-weight:bold;
|
|
padding:0 10px 0 0;
|
|
}
|
|
.msp_esp_cont{
|
|
margin:0 12px 0 12px;
|
|
position:relative;
|
|
padding:24px 0 24px 0;
|
|
}
|
|
* html .msp_esp_cont{
|
|
height:1%;
|
|
}
|
|
*:first-child+html .msp_esp_cont{
|
|
min-height:1%;
|
|
}
|
|
.msp_esp_cont-h{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:680px;
|
|
height:24px;
|
|
background:url(../img/ombre_content_h.png) 0 0 no-repeat;
|
|
}
|
|
* html .msp_esp_cont-h{
|
|
background-image:none;
|
|
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/ombre_content_h.png',sizingMethod='crop');
|
|
}
|
|
.msp_esp_cont-b{
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
width:688px;
|
|
height:24px;
|
|
background:url(../img/ombre_content_b.png) 0 0 no-repeat;
|
|
}
|
|
* html .msp_esp_cont-b{
|
|
background-image:none;
|
|
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/ombre_content_b.png',sizingMethod='crop');
|
|
}
|
|
.msp_esp_cont-m{
|
|
background:url(../img/ombre_content_m.png) 0 0 repeat-y;
|
|
padding:0 14px 0 14px;
|
|
}
|
|
* html .msp_esp_cont-m{
|
|
height:1%;
|
|
background-image:none;
|
|
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/ombre_content_m.png',sizingMethod='scale');
|
|
}
|
|
.msp_esp_pres .msp_esp_sub,
|
|
.msp_esp_sub{
|
|
text-align:center;
|
|
padding:0 0 4px 0;
|
|
min-height:1px;
|
|
font-size:100%;
|
|
}
|
|
* html .msp_esp_pres div .msp_esp_sub{
|
|
height:auto;
|
|
}
|
|
.msp_esp_sub a,
|
|
.msp_esp_sub a:hover{
|
|
display:-moz-inline-box;
|
|
background:#010D23 url(../img/bk-input.gif) 0 0 repeat-x;
|
|
color:#fff;
|
|
border:none;
|
|
padding:3px 60px;
|
|
text-transform:uppercase;
|
|
font-weight:bold;
|
|
cursor:pointer;
|
|
cursor:hand;
|
|
text-decoration:none;
|
|
min-height:22px;
|
|
}
|
|
* html .msp_esp_sub a{
|
|
display:inline-block;
|
|
height:16px;
|
|
}
|
|
*:first-child+html .msp_esp_sub a{
|
|
display:inline-block;
|
|
min-height:16px;
|
|
}
|
|
.msp_esp_cont-degh{
|
|
background:url(../img/deg_content_h.png) 0 0 repeat-x;
|
|
}
|
|
.msp_esp_cont-degb{
|
|
background:url(../img/deg_content_b.png) 0 100% repeat-x;
|
|
padding:0 8px 0 8px;
|
|
}
|
|
.msp_esp_cont-m .msp_esp_btitre{
|
|
padding:4px 0 5px 0;
|
|
color:#31579c;
|
|
font-weight:bold;
|
|
font-size:120%;
|
|
}
|
|
.msp_esp_pres div p{
|
|
padding:6px 12px 20px 70px;
|
|
font-size:110%;
|
|
min-height:65px;
|
|
}
|
|
* html .msp_esp_pres .msp_esp_cont-degb div p{
|
|
height:83px;
|
|
}
|
|
.msp_esp_pres .msp_esp_btitre{
|
|
color:#fff;
|
|
padding:4px 10px 5px 10px;
|
|
}
|
|
.msp_esp_bloc1 .msp_esp_btitre{
|
|
background:#143152 url(../img/fond_titre_1.png) 0 0 repeat-x;
|
|
}
|
|
.msp_esp_bloc1 p{
|
|
background:url(../img/illus_1.jpg) 0 0 no-repeat;
|
|
}
|
|
.msp_esp_bloc2 .msp_esp_btitre{
|
|
background:#386722 url(../img/fond_titre_2.png) 0 0 repeat-x;
|
|
}
|
|
.msp_esp_bloc2 p{
|
|
background:url(../img/illus_2.jpg) 0 0 no-repeat;
|
|
}
|
|
.msp_esp_bloc3 .msp_esp_btitre{
|
|
background:#815302 url(../img/fond_titre_3.png) 0 0 repeat-x;
|
|
}
|
|
.msp_esp_bloc3 p{
|
|
background:url(../img/illus_3.jpg) 0 0 no-repeat;
|
|
}
|
|
.msp_esp_bloc4 .msp_esp_btitre{
|
|
background:#862e78 url(../img/fond_titre_4.png) 0 0 repeat-x;
|
|
}
|
|
.msp_esp_bloc4 p{
|
|
background:url(../img/illus_4.jpg) 0 0 no-repeat;
|
|
}
|
|
.msp_esp_logos {
|
|
text-align:center;
|
|
list-style-type:none;
|
|
padding:0;
|
|
margin:12px 0 4px 0;
|
|
|
|
}
|
|
.msp_esp_logos li{
|
|
display:inline;
|
|
margin:0 8px 0 3px;
|
|
}
|