
/* - ressources-cpm/home.css - */
@media screen {
/* http://www.preparation-mariage.info/portal_css/ressources-cpm/home.css?original=1 */
#portal-column-content #bloc-alaune{
position:relative;
float:left;
margin:0 50px 50px 0;
padding:10px 20px 20px;
width:330px;
border:1px solid #b3b6b9;
}
#portal-column-content #bloc-alaune h2{
font-family:'insignia';
font-size:3em;
font-weight:normal;
color:#1c262d;
}
#portal-column-content #bloc-alaune ul li{
margin:15px 0 0;
}
#portal-column-content #bloc-alaune ul li h3{
font-weight:700;
font-size:1.5em;
line-height:1.2;
}
#portal-column-content #bloc-alaune ul li h3 a{
color:#1c262d;
}
#portal-column-content #bloc-alaune ul li p{
margin:5px 0 0;
font-size:1.4em;
line-height:1.3;
}
#portal-column-two{
float:right;
margin:0 0 0 50px;
width:140px;
}
#portal-column-content form#recherche-cpm{
float:right;
margin:0 0 50px;
padding:20px 0;
width:600px;
border-top:5px solid #fff;
border-bottom:5px solid #fff;
}
#portal-column-content form#recherche-cpm label{
color:#ec8f00;
font-weight:800;
font-size:1.7em;
}
#portal-column-content form#recherche-cpm select{
padding:5px;
width:60px;
border:none;
color:#ec8f00;
vertical-align:middle;
}
#portal-column-content form#recherche-cpm input{
background:none;
border:none;
color:#ec8f00;
font-weight:800;
}
#portal-column-content #bloc-le-mariage{
float:right;
width:410px;
}
#portal-column-content #bloc-le-mariage ul li{
margin:0 0 20px;
}
#portal-column-content #bloc-le-mariage ul li h2{
font-family:'insignia';
font-size:2em;
font-weight:normal;
}
#portal-column-content #bloc-le-mariage ul li h2 a{
color:#5f5a7a!important;
}
#portal-column-content #bloc-le-mariage ul li h2 a:after{
content:"+";
display:inline-block;
margin:0 0 0 10px;
font-weight:800;
font-family:'open sans';
font-size:0.8em;
color:#ec8f00;
}
#portal-column-content #bloc-le-mariage ul li:hover h2 a,
#portal-column-content #bloc-le-mariage ul li h2 a:hover,
#portal-column-content #bloc-le-mariage ul li h2 a:focus{
color:#1c262d!important;
text-decoration:none;
}
#portal-column-content #bloc-le-mariage ul li p{
margin:5px 0 0;
color:#5f5a7a;
font-size:1.3em;
line-height:1.3em;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#portal-column-content #bloc-le-mariage ul li:hover p{
color:#1c262d;
}
#portal-column-content #bloc-le-mariage > a{
font-size:1.1em;
color:#5f5a7a;
}
#portal-column-content #bloc-le-mariage > a:hover,
#portal-column-content #bloc-le-mariage > a:focus{
color:#1c262d;
}
#portal-column-content #espace-animateur{
position:relative;
clear:left;
float:left;
padding:20px;
width:340px;
background:#7d7993;
}
#portal-column-content #espace-animateur p{
font-size:1.5em;
color:#fff;
line-height:1;
}
#portal-column-content #espace-animateur p strong{
font-weight:800;
text-transform:uppercase;
}
#portal-column-content #espace-animateur > a{
position:absolute;
top:100%;
right:0;
color:#7d7993;
font-size:1.1em;
}
#portal-column-content #espace-animateur ul li a{
color:#fff;
font-size:1.2em;
}
#portal-column-content #espace-animateur form{
position:relative;
background:#fff;
overflow:hidden;
}
#portal-column-content #espace-animateur form label{
position:relative;
display:inline-block;
}
#portal-column-content #espace-animateur form label:first-child:after{
content:"";
position:absolute;
top:0;
bottom:0;
width:1px;
background:#7d7993;
-webkit-transform:skewX(-30deg);
-moz-transform:skewX(-30deg);
-o-transform:skewX(-30deg);
transform:skewX(-30deg);
}
#portal-column-content #espace-animateur form label input{
padding:5px;
width:135px;
background:none;
border:none;
}
#portal-column-content #espace-animateur form input[type=submit]{
position:absolute;
top:0;
bottom:0;
right:-5px;
padding:0 10px;
background:#dfdee4;
border:none;
color:#7d7993;
-webkit-transform:skewX(-30deg);
-moz-transform:skewX(-30deg);
-o-transform:skewX(-30deg);
transform:skewX(-30deg);
font-weight:800;
}

}

