/* - ressources-cpm/global.css - */
@media screen {
/* http://www.preparation-mariage.info/portal_css/ressources-cpm/global.css?original=1 */
@font-face {
font-family: 'insignia';
src: url('../typos/insignia-webfont.eot');
src: url('../typos/insignia-webfont.eot?#iefix') format('embedded-opentype'),
url('../typos/insignia-webfont.woff') format('woff'),
url('../typos/insignia-webfont.ttf') format('truetype'),
url('../typos/insignia-webfont.svg#insignia') format('svg');
font-weight: normal;
font-style: normal;
letter-spacing:normal;
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background:#fff;
font-family:"open sans";
font-size:62.5%; /**/
color:#000;
}
h1, h2, h3, h4, h5, h6{
margin:0;
border: none;
font-family:"open sans";
font-weight:700;
letter-spacing:normal;
}
ul{
margin:0;
padding:0;
list-style-image:none;
list-style-type:none;
line-height:1.3em;
}
img{
border:none;
}
a, a:link{
text-decoration:none;
color:#000;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
a:visited{
text-decoration:none;
color:#000;
}
a:hover, a:focus{
text-decoration:underline;
color:#000;
}
input{
font-family:verdana;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{
background-color:#eae5e6;
}
#portal-top{
position:relative;
margin:auto;
padding:30px 0;
width:990px;
overflow:hidden;
}
#portal-top h1{
float:left;
margin:25px 0 40px;
}
#portal-top .illustration{
float:right;
}
#portal-top .baseline{
float:left;
padding:10px 0;
width:340px;
border-top:1px solid #5f5a7a;
border-bottom:1px solid #5f5a7a;
font-family: 'insignia';
font-size:2em;
color:#5f5a7a;
}
#portal-header{
background:#ec8f00;
}
#portal-header > ul{
margin:auto;
width:990px;
}
#portal-header > ul:after{
content:"";
display:block;
clear:both;
}
#portal-header > ul > li{
float:left;
margin:0;
}
#portal-header > ul > li:first-child a{
border-left:1px solid #fff;
}
#portal-header > ul > li a{
display:inline-block;
padding:5px 17px 7px 18px;
border-right:1px solid #fff;
font-family: 'insignia';
font-size:1.8em;
color:#fff;
line-height:1;
}
#portal-header > ul > li a:hover,
#portal-header > ul > li a:focus{
background:#443010;
text-decoration:none;
}
#portal-columns{
background:#f5f5f5;
}
#portal-columns > div{
margin:auto;
padding:50px 0;
width:990px;
}
#portal-column-content{
margin:0;
padding:0;
}
#portal-column-content #portal-content-wrapper{}
#portal-column-content #portal-content-wrapper #region-content{}
#portal-column-content #portal-content-wrapper #region-content #content{/**/
font-size:100%;
background:transparent;
}
#portal-column-two{
float:right;
margin:0;
width:140px;
}
#portal-column-two .visualPadding {
padding:0;
}
#portal-searchbox{
float:none;
margin:16px 0 0 0;
padding:0;
text-align:left;
}
#portal-searchbox input#searchGadget{ /**/
margin:1px 0 0 0;
padding:1px 2px;
width:210px;
background:#fff;
border:1px solid #000;
}
#portal-searchbox input#searchButton{ /**/
padding:0 0 0 2px;
background:#fff;
border:none;
border-left:5px solid #bc0c3f;
font-weight:bold;
cursor:pointer;
}
a.faites-un-don{
position:relative;
display:block;
padding:10px 0 15px;
border-top:1px solid #97677e;
border-bottom:1px solid #97677e;
color:#97677e;
}
a.faites-un-don:hover,
a.faites-un-don:focus{
text-decoration:none;
color:#1c262d;
}
a.faites-un-don:after{
content:url(../images-cpm/curseur.png);
position:absolute;
bottom:-15px;
right:10px;
}
a.faites-un-don span{
display:block;
text-transform:uppercase;
font-weight:300;
font-size:1.35em;
line-height:1;
}
a.faites-un-don span + span{
margin:10px 0 0;
font-weight:800;
font-size:1.7em;
}
a.faites-un-don span strong{
display:block;
text-transform:none;
font-family:'insignia';
font-size:1.8em;
}
#boutique{
position:relative;
margin:0 0 50px;
padding:0 0 10px;
background:#97677e;
}
#boutique > a.tous-les-produits{
position:absolute;
top:102%;
right:0;
left:0;
padding:5px 10px;
background:#7a5064;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
behavior: url(++resource++PIE.htc);
text-transform:uppercase;
color:#fff;
font-weight:800;
text-align:center;
}
#boutique > img{
width:100%;
height:auto;
}
#boutique h1{
margin:10px;
font-size:1.3em;
color:#fff;
text-transform:uppercase;
line-height:1.2;
}
#boutique p{
display:none;
}
#boutique strong{
display:block;
margin:10px;
font-size:1.1em;
font-weight:300;
color:#fff;
line-height:1;
}
#boutique a.commander{
display:block;
margin:0 10px;
padding:5px 10px;
background:#fff;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
behavior: url(++resource++PIE.htc);
text-transform:uppercase;
color:#97677e;
font-weight:800;
}
#boutique a.commander img{
float:right;
}
#portal-footer{
margin:0;
padding:0;
background:#ec8f00;
border:none;
}
#portal-footer > div{
margin:auto;
padding:30px 0;
width:990px;
overflow:hidden;
}
#portal-footer p{
float:left;
width:600px;
text-align:left;
color:#fff;
font-size:1.2em;
}
#portal-footer p img{
float:left;
margin:0 20px 0 0;
}
#portal-footer p strong{
display:block;
font-size:1.1em;
}
#portal-siteactions{
float:right;
padding:0;
margin:0;
border:none;
color:#fff;
text-align:right;
font-size:1.1em;
}
#portal-siteactions li{
display:block;
margin:0;
}
#portal-siteactions li a,
#portal-siteactions li a:visited{
border:none;
color:#fff;
text-transform:none;
}
#portal-siteactions li a:hover{
border:none;
background:none;
color:#fff;
}
/* */
#portal-personaltools-wrapper{
margin:5px 18px 5px 13px;
height:auto;
background:#000;
}
#portal-personaltools-wrapper #portal-personaltools{
padding:0 10px;
margin:0;
border:none;
line-height:1.6em;
list-style:none;
background:none;
border:none;
}
#portal-personaltools-wrapper #portal-personaltools li{
display:inline;
margin:0 10px 0 0;
}
#portal-personaltools-wrapper #portal-personaltools li a{
text-decoration:none;
color:#fff;
font-weight:bold;
font-size:1.2em;
}
#portal-personaltools-wrapper #portal-personaltools li a:hover{
text-decoration:underline;
}
.hiddenStructure{
display:none;
}
}