@import url("../twentytwelve/style.css");
/*
Theme Name:     instantdevasion
Theme URI:      http://www.imago-design.net/
Description:    Thème enfant pour le thème Twenty Twelve
Author:         Imago design
Author URI:     http://www.imago-design.net/
Template:       twentytwelve                             
Version:        0.1.0
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
/* Header */
.site-header {
	padding:0;

}

.button {
font-family: Arial;
color: #ffffff;
font-size: 30px;
padding: 8px;
margin-top:-50px;
text-decoration: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 2px 2px #757575;
-moz-box-shadow: 0px 2px 2px #757575;
box-shadow: 0px 2px 2px #757575;
text-shadow: 0px 3px 2px #700b38;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff2b91), to(#c20057));
background: -moz-linear-gradient(top, #ff2b91, #c20057);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff2b91, endColorStr=#c20057);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff2b91, endColorStr=#c20057);
display:inline-block; /* IE is so silly */
display:block;
width:330px;
position:relative;
z-index:2;
}
.button a {text-decoration: none;}
.button:hover {
background: #FF2B91;
}

#logo {
text-align: center;
 }
 
#logo img {
    height: auto;
    max-width: 437px;
    width: 100%;
}

/*.home .menu-menu-principal-container{display:none;}        */
.entry-content a{
font-weight:bold;
}
.entry-content h1, .entry-header h1,
.comment-content h1 {
	font-size: 32px;
	font-size: 2.0rem;
	line-height: 1.8;
	color: #e82e8a;
	text-align:center;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 26px;
	font-size: 1.9rem;
	line-height: 1.6;
	color: #f180b8;
}
.entry-content h3,
.comment-content h3 {
	font-size: 22px;
	font-size: 1.8rem;
	line-height: 1.8;
	color: #e82e8a;  
}
.entry-content h4,
.comment-content h4 {
	font-size: 20px;
	font-size: 1.6rem;
	line-height: 1.2;
	color: #f180b8;
}
.entry-content h5,
.comment-content h5 {
	font-size: 18px;
	font-size: 1.4rem;
	line-height: 1;
	color: #f180b8;
}
.entry-content h6,
.comment-content h6 {
	font-size: 16px;
	font-size: 1.2rem;
	line-height: 1;
	color: #5e7083;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
	color: #5b6874;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
	color: #5b6874;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
	padding-left:20px;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.site-content {
 	margin: 0;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	border: 0;
	box-shadow:none;
}
 
/* Footer */
footer[role="contentinfo"] {
	border-top: none;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 5px;
	margin-top: 1.2rem;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0;
	padding: 1.2rem 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}

.site-info {
text-align:center;
}


#colophon {
background: transparent url("images/ombre.png") no-repeat top center;
}