/*
Theme Name: Twenty Twelve
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =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
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
    padding-left: 20px;

}
.widget li {
    list-style-image: url("images   /bg-puce.gif");
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
h3{
    color: black;
    font-size: 14px;
    font-weight: bold;
    padding:0 0 5px;
}


html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


a:focus {
    outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
del {
    color: #333;
}
ins {
    text-decoration: none;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
    margin-bottom: 1.714285714rem;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
small {
    font-size: smaller;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
    clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
    display: table;
    content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.entry-content th,
.comment-content th {
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
    font-weight: bold;
    text-transform: uppercase;
    color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
textarea {
    /*border: 1px solid #ccc;
    border-radius: 3px;*/
    font-family: inherit;
    padding: 6px;
    padding: 0.428571429rem;
}
button,
input {
    line-height: normal;
}
textarea {
    font-size: 100%;
    overflow: auto;
    vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
    border: 0;
    border-radius: 0;
    padding: 0;
}

/* Buttons */

#secondary input[type="submit"],#secondary input[type="submit"]:hover{
    background:url('images/bg-bouton.jpg');
    width:27px;
    height:25px;
    float:right;
    border:none;
    margin-right:5px;
    margin-top:1px;

}

.menu-toggle,
input[type="button"],
input[type="submit"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
    padding: 6px 10px;
    padding: 0.428571429rem 0.714285714rem;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 1.428571429;
    font-weight: normal;
    color: #7c7c7c;
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
    color: #5e5e5e;
    background-color: #ebebeb;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    color: #757575;
    background-color: #e1e1e1;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: linear-gradient(top, #ebebeb, #e1e1e1);
    box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
    border: none;
}
li.bypostauthor cite span {
    color: #fff;
    background-color: #21759b;
    background-image: none;
    border: 1px solid #1f6f93;
    border-radius: 2px;
    box-shadow: none;
    padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
    max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
    max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* images */
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
    max-width: 100%; /* Keep wide captions from overflowing their container. */
    padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    color: #757575;
}
img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.entry-content dl.gallery-item {
    margin: 0;
}
.gallery-item a,
.gallery-caption {
    width: 90%;
}
.gallery-item a {
    display: block;
}
.gallery-caption a {
    display: inline;
}
.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}
.gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
    padding: 3%;
}

/* Navigation */
.breadcrumb{
    margin:10px 0px 0px 10px;
    font-size:12px;
}
#breadcrumb{
    padding: 10px 0;
}

.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
}
#nav-above {
    padding: 24px 0;
    padding: 1.714285714rem 0;
}
#nav-above {
    display: none;
}
.paged #nav-above {
    display: block;
}
.nav-previous,
.previous-image {
    float: left;
    width: 50%;
}
.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
    margin: 48px 0;
    margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.author-info {
    border-top: 1px solid #ededed;
    margin: 24px 0;
    margin: 1.714285714rem 0;
    padding-top: 24px;
    padding-top: 1.714285714rem;
    overflow: hidden;
}
.author-description p {
    color: #757575;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}
.author.archive .author-info {
    border-top: 0;
    margin: 0 0 48px;
    margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
    margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
    font-size: 87.5%;
}
body {
    font-size: 14px;
    font-size: 1rem;
    font-family: Arial, Helvetica,  sans-serif;
    text-rendering: optimizeLegibility;
    color: #000;
}
body.custom-font-enabled {
    font-family: Arial, "Open Sans", Helvetica, sans-serif;
}
a {
    outline: none;
    color:#8bb500;
}
a:hover {
    color: #0f3647;
}

#main h2 {font-size:16px;font-weight:bold;color:#8C2090;}
#main p, #main li, #main a{font-size:12px;}
#main a{}
/* Assistive text */
.assistive-text,
.site .screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
    background: #fff;
    border: 2px solid #333;
    border-radius: 3px;
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 12px;
    padding: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {

    background-color: #fff;
}
.site-content {

}
.widget-area {
    margin: 24px 0 0;
    margin: 1.714285714rem 0 0;
}

/* Header */
.header-top{
    width:980px;
    height:155px;
	position:relative;
}
.logo {
    background:url('images/header-cma5.jpg') no-repeat;
    width:980px;
    height:200px;
    background-position: center left;
    float:left;
}
.logo img{
    margin-top:40px;
    margin-left:50px;
}
.pub-header{
    width:470px;
    height:65px;
    float:right;
    margin-top:30px;
    margin-right:20px;
	display:none;
}
.header-separator{
    width:980px;
    height:12px;
    background:url('images/bordure-header.jpg')repeat-x;
    background-position:bottom;
    margin-top:-1px;
    z-index:0;
}
.header-separator img{
    margin-bottom:2px;

}

.site-header {

}
.site-header h1,
.site-header h2 {
    text-align: center;
}
.site-header h1 a,
.site-header h2 a {
    color: #515151;
    display: inline-block;
    text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
    color: #21759b;
}
.site-header h1 {
    font-size: 24px;
    font-size: 1.714285714rem;
    line-height: 1.285714286;
    margin-bottom: 14px;
    margin-bottom: 1rem;
}
.site-header h2 {
    font-weight: normal;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
}
.header-image {
    margin-top: 24px;
    margin-top: 1.714285714rem;
}
.slogan-header{
    font-weight:bold;
    font-size:14px;
    position:absolute;
    margin-left:571px;
    margin-top:103px;
}

/* Navigation Menu */
.menu-main-menu-container{
    height:26px;
    margin-top:20px;
}

.main-navigation {
    width:950px;
    height:26px;
    text-align: center;
    margin-left:0px;
    position:relative;
    z-index: 5;

}
.main-navigation li.first-parent {
    background:url('images/bg-menu-first.png') no-repeat;
    border-right: none;
	border-right: 1px solid #C999C1;
}
.main-navigation li.first-parent:hover {
    background:url('images/bg-menu-first-hover.png') no-repeat!important;
    border-right: none;
	border-right: 1px solid #C999C1;
}

.main-navigation li:last-child {
    background:url('images/bg-menu-last.png') no-repeat;
    border-right: none;
	background-position:right;
}
.main-navigation li:last-child:hover {
    background:url('images/bg-menu-last-hover.png') no-repeat;
    border-right: none;
	background-position:right;
}
.main-navigation .current_page_item.first-parent{
    background:url('images/bg-menu-first-hover.png') no-repeat!important;
    border-right: none;
}
.main-navigation .current_page_item.last-parent{
    background:url('images/bg-menu-last-hover.png') no-repeat!important;
    border-right: none;
}

.main-navigation li {
    background:url('images/bg-menu.jpg') repeat-x;
    width:105px;
    height:26px;
    text-align:center;
    vertical-align:middle;
    font-size: 12px;
    font-size: 0.857142857rem;
    border-right: 1px solid #c999c1;
}

.main-navigation li:hover{
    background:url('images/bg-menu-hover.jpg') repeat-x;
    color:#9ac01e;
}


.main-navigation a {
    color: white;
    font-weight:bold;

}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
    display: inline-block;
}
.menu-item li{

}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {

    display: inline-block !important;
	position:relative;
	top:-1px;
    text-align: left;
    width: 100%;
    height:34px;
	margin-top:-22px;
	padding-left:182px!important;
}
.main-navigation ul {
    margin: 0;
    text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
    display: inline-block;
    text-decoration: none;
}
.main-navigation li a {
    border-bottom: 0;
    font-weight:bold;
    vertical-align: middle;
    height:26px;
    width:100px;
    line-height:26px;
    text-transform: uppercase;
    white-space: nowrap;
}
.main-navigation li:hover a{
    color: #9ac01b;

}

.main-navigation li a:active {
    color: #9ac01b!important;
    font-weight:bold!important;
}
.main-navigation .current_page_item ul li ul li {
    background:none!important;
}


.main-navigation li {
    position: relative;
    float:left;
}
.main-navigation li ul {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 1;
    left:-3px;
}
.main-navigation li ul ul {
    top: 0;
    left: 100%;
}
.main-navigation ul li:hover > ul {
    border-left: 0;
    display: block;
}
.main-navigation .sub-menu li {
    background:url('images/bg-submenu.png')no-repeat!important;
    height:25px;
    display: block;
    font-size: 11px;
    width: 177px;
    white-space: normal;
    border:none;
}
.main-navigation .sub-menu li a{
    color:black!important;
    font-size:12px;
    text-transform: none;
    font-weight: normal;
    width:170px!important;
    height:25px;
    border:none;
    border-bottom:1px dotted #e2c5dd;
    position:relative;
    z-index:2;
}

#end-submenu  {
    width:177px;
    background:url('images/bg-submenu-bottom.png')no-repeat!important;
    height:25px;
    display: block;
    white-space: normal;
}
#end-submenu:hover {
    background:url('images/bg-submenu-bottom.png')no-repeat!important;
}
#end-submenu  li{
    border:inherit!important;
}
.main-navigation ul li ul li a:hover {
    color: #9ac01e!important;

}
.main-navigation ul li ul li:hover {
    background:url('images/bg-submenu.png')no-repeat!important;

}

.main-navigation li:focus{
    color: #9ac01e;
}
.main-navigation .current-menu-item > a{font-weight:bold!important;}
.main-navigation .submenu ul li{
    background:url('images/bg-submenu.png')no-repeat;
}

.current-menu-ancestor{    
    background:url('images/bg-menu-hover.jpg') repeat-x!important;
    color:#9ac01e;
}
.current-menu-ancestor.last-parent{    
    background:url('images/bg-menu-last-hover.png') repeat-x!important;
    color:#9ac01e;
}

.main-navigation .current_page_item{
    background:url('images/bg-menu-hover.jpg') repeat-x;
    color:#9ac01e;
}



.submenu li:hover {
    color: #9ac01e;
    background: url("images/bg-submenu.png") no-repeat scroll 0 0 transparent;
}
.menu-accordeon #sub-menu-js #end-submenu{
    background:none!important;
}
#sub-menu{
	position:relative;
	z-index:10;
}


.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    color: #8CB700;
    font-weight:bold;
    width:105px;
}


/* COL LEFT */  
#secondary{
    width:250px;
    float:left;
}

#secondary .widget{
    padding:10px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width:200px;
    margin-left:15px;
    margin-bottom:20px;
    display:block;
}

.page-col-left{
    width:210px;
    float:left;
    margin:auto;
    min-height:500px;
    margin-top:10px;
}
.page-col-left h2{
    padding:10px;
}

.page-col-left img{
    margin:auto;
    display:block;
    width:auto;


}
.col-left{
    width:230px;
    min-height:800px;
    float:left;
}


.box-top-left{
    margin-top:20px;
    width:191px;
    float:left;
    margin-left:19.5px;
    margin-right:19.5px;
    height:230px;
    position:relative;
}    
.box-top-left .box-content {
    background: url('images/bg-post-it.png') repeat-y;
    line-height: 25px;   
    width:185px;

    margin-left:auto;
    margin-right:auto;

}
.box-top-left .top{
    background: url('images/bg-post-it-top.png') no-repeat;
    width:185px;
    height:44px;
    margin-left:auto;
    margin-right:auto;

}
.box-top-left .bottom{
    background: url('images/bg-post-it-bottom.png') no-repeat;
    width:185px;
    height:70px;
    margin-left:auto;
    margin-right:auto;   
}        

.box-top-left-bis{
    margin-top:50px;
    width:199px;
    float:left;
    margin-left:19.5px;
    margin-right:19.5px;
    height:230px;
    position:relative;
}   
.box-top-left-bis .box-content {

    line-height: 25px;   
    width:199px;

    margin-left:auto;
    margin-right:auto;

}
.box-top-left-bis .top{
    background: url('images/box-rose-top.png') no-repeat;
    width:199px;
    height:101px;
    margin-left:auto;
    margin-right:auto;

}
.box-top-left-bis .bottom{
    background: url('images/box-rose-bottom.png') no-repeat;
    width:199px;
    height:101px;
    margin-left:auto;
    margin-right:auto;   
}   
/* COL CONTENT */
#content{
    width:760px;
    float:left;
    margin-top:-20px;
    margin-left:10px;
}
#content-blog{
    width:720px;
    float:left;

    margin-left:10px;
}
#content img {
    border-radius: inherit;
    box-shadow: inherit;
    border:0px;
    float: left;
    margin-right: 10px;
    padding: 4px;
}

#content img.right {
    border: medium none;
    float: right;
    margin-left: 10px;
}

#content h2{
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    font-size:18px;
    font-weight: normal;
}

#content ul li{
    line-height: 15px;
    margin:inherit;
    margin:15px 0!important;
}

#content h1,h2,h3,h4,h5,h6{
    clear: inherit!important;
}
#content td, #content tr{
    border:inherit;

}

.content{
    width:440px;
    float:left;

}

.box-souhaiter{
    padding:5px;
	padding-left: 15px;
}
.box-souhaiter a{
	color: black;
	font-size: 13px!important;
	font-weight:normal;
	text-decoration:none;
}
.box-souhaiter a:hover{
	color:#8BB500;
}


/* COL RIGHT */
.col-right{
    width:310px;
    min-height:800px;
    float:right;
    margin:auto;
}

.box-right-pub{width:310px;margin:auto;text-align:center;margin-top:20px;}
.col-right img{margin:auto;}


/*SLIDER*/
.slider{
    width:400px;
    height:300px;
    margin:auto;
    margin-top:20px;
    margin-bottom: 30px;
    overflow: visible;
}
#slider{
    width:400px;
    height:300px;
}


.slider-wrapper{
    width:400px;
    height:300px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    margin:auto;
    margin-top:10px;
    margin-bottom: 30px;
}


/* Banner */
section[role="banner"] {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    word-wrap: break-word;
}
.widget-area .widget h3 {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}
.widget-area .widget p {

}
.widget-area .textwidget ul {
    list-style: disc outside;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
    margin-left: 36px;
    margin-left: 2.571428571rem;
}
.widget-area .widget a {
    color: #3A3A3A;
    text-decoration: none; 
}
.widget-area .widget a:hover {
    color: #3A3A3A;
    text-decoration: none; 
}
.widget-area #s {
    width: 70%; /* define a width to avoid dropping a wider submit button */
}
.newsletter-email{
    width:70%;
}

/* Footer */
footer[role="contentinfo"] {

    clear: both;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.3;
    width: 980px;


    margin-left: auto;
    margin-right: auto;


}
footer[role="contentinfo"] a {
    color: black;
}
footer[role="contentinfo"] a, footer[role="contentinfo"] p {
    color: black;
    font-size:10px;
}
footer[role="contentinfo"] a:hover {
    color: #21759b;
    text-decoration: underline;
    text-decoration-color: #21759b;
}
.footer-colonne {
    margin-bottom: 15px;
    margin-top:10px;
    width:980px;
}
.footer-colonne .title-h1 {

    height: 33px;
    margin: 20px 0 10px;
    visibility: visible;
    width: 176px;
    font-size:20px;
    font-weight:bold;
}
.footer-colonne span.footer-colonneRss {
    width: 226px;
}
.footer-colonne ul {

    margin: 0;
    padding: 0 10px;
    width: 155px;


}
.footer-colonne ul.footer-colonneRss {
    width: 195px;
}
.footer-colonne td a{text-decoration:none;}

.footer-colonne .footer-links td{height:95px;border-left: 1px solid #BED58B;}

.footer-maj p{text-align:justify!important;}
.footer-maj strong {
    font-size: 11px;
    font-weight: bold;
    text-transform: none !important;
}

.footer-maj{
	margin-bottom: 15px;
    width:980px;
    margin:auto;
    font-size: 10px;
}

.footer-maj a{
	color:#000;
}

#footer-ban {
	background-image: url('images/cadeau_footer.jpg');
	position:fixed;
	bottom:0;
	width: 980px;
	height: 100px;
	margin: auto;
}

#before-merci-footer{
	padding-left: 520px;
}

.text-bottom-footer {
	color: #882D88;
	font-size: 10px;
	line-height: 10px;
}
/*
#kdo-bottom-right {
	width: 215px;
	padding-left: 240px;
	position:absolute;
	float:right;
}*/

#table-form-footer {
	color: #882D88;
	font-weight: bold;
}
.input-kdo-footer{
	background-color:#993399!important;
	width:205px!important;
	margin:5px!important;
	background-image:none!important;
	border:none!important;
	border-radius:inherit!important;
	box-shadow:inherit!important;
	margin-top:10px!important;
	font-size:16px!important;
	color:white!important;
}
.kdo-footer-preview #divMerci-footer{
	text-align:center;
	color:white;
	font-size:16px;
	margin-top:10px;
	font-weight:bold;
	width:50%;
	float:right;
}

.kdo-footer-preview #footer-close{
	float:right;
	 margin-right:5px;
	font-weight:bold;
	font-size:18px;
	position:relative;
	z-index:10;
	line-height:10px;
}
.kdo-footer-preview #footer-close a{
	text-decoration:none;
	color:#000;
}

/* LIKE BOX FACEBOOK */
#facebooklikebox-2{
	min-height:300px;
}

.fb_iframe_widget{
	float:right;
	margin-right:20px;
	padding:10px;
}

.icones-social{
	width:235px;
	margin:auto;
	padding-left:15px;
	

}
.icones-social table{
	padding:0px 10px 0 20px;
	padding-left:20px;
	width:153px;
	margin:auto;
	text-align:center;
}
.icones-social table tr td {
	padding-right:10px;
}

.footer-bis #footer-close{
	float:right;
	 margin-right:5px;
	font-weight:bold;
	font-size:18px;
	position:relative;
	z-index:10;
	line-height:10px;
}
.footer-bis #footer-close a{
	text-decoration:none;
	color:#000;
	position:relative;
	top:13px;
}

/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
    clear: both;
}
.entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    margin:20px;
}
.entry-header img.wp-post-image {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: normal;

}

.entry-header .entry-title a {
    text-decoration: none;
    color:#8BB500!important;
    font-weight:bold;
}
.entry-header .entry-format {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-weight: normal;
}
.entry-header .comments-link {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
}
.comments-link a,
.entry-meta a {
    color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
    color: #21759b;
}
article.sticky .featured-post {
    border-top: 4px double #ededed;
    border-bottom: 4px double #ededed;
    color: #757575;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 3.692307692;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
    line-height: 1.714285714;
    margin:5px;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
    margin: 24px 0;
    margin: 1.714285714rem 0;
    line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
    font-size: 18px!important;
    line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
    font-size: 18px;
    font-size: 1.285714286rem;
    line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.846153846;
}
.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;
}
.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;
}
.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;
}
.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 2px 0px 0;
}
.site-content article {

    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-blog article {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom:15px;
    margin-top:15px;

    width:685px;
}
.page-links {
    clear: both;
    line-height: 1.714285714;
}
footer.entry-meta {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
    background: none repeat scroll 0 0 #FBFBFB;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #EBEBEC;
    clear: left;
    color: #414244;
    overflow: hidden;
    padding: 1.6em 20px;
}
footer.entry-meta-content {
    margin:20px;
}
.single-author .entry-meta .by-author {
    display: none;
}
.mu_register h2 {
    color: #757575;
    font-weight: normal;
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    padding-bottom: 22px;
    padding-bottom: 1.571428571rem;
    border-bottom: 1px solid #ededed;
}
.archive-meta {
    color: #757575;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    margin-top: 22px;
    margin-top: 1.571428571rem;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
    overflow: hidden;
}
.image-attachment div.attachment {
    text-align: center;
}
.image-attachment div.attachment p {
    text-align: center;
}
.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.image-attachment .entry-caption {
    margin-top: 8px;
    margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
    text-decoration: none;
    color: #4d525a;
}
article.format-aside h1 a:hover {
    color: #2e3542;
}
article.format-aside .aside {
    padding: 24px 24px 0;
    padding: 1.714285714rem;
    background: #d2e0f9;
    border-left: 22px solid #a8bfe8;
}
article.format-aside p {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
    margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    font-weight: normal;
}
article.format-image footer h2 {
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
}
article.format-image footer a h2 {
    font-weight: normal;
}

/* Link posts */
article.format-link header {
    padding: 0 10px;
    padding: 0 0.714285714rem;
    float: right;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    color: #848484;
    background-color: #ebebeb;
    border-radius: 3px;
}
article.format-link .entry-content {
    max-width: 80%;
    float: left;
}
article.format-link .entry-content a {
    font-size: 22px;
    font-size: 1.571428571rem;
    line-height: 1.090909091;
    text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 24px;
    padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
    display: block;
    padding: 24px 24px 0;
    padding: 1.714285714rem 1.714285714rem 0;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.6;
    font-style: normal;
    color: #6a6a6a;
    background: #efefef;
}

/* Status posts */
.format-status .entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
    display: inline-block;
}
.format-status .entry-header h1 {
    font-size: 15px;
    font-size: 1.071428571rem;
    font-weight: normal;
    line-height: 1.6;
    margin: 0;
}
.format-status .entry-header h2 {
    font-size: 12px;
    font-size: 0.857142857rem;
    font-weight: normal;
    line-height: 2;
    margin: 0;
}
.format-status .entry-header header a {
    color: #757575;
}
.format-status .entry-header header a:hover {
    color: #21759b;
}
.format-status .entry-header img {
    float: left;
    margin-right: 21px;
    margin-right: 1.5rem;
}


/* =Comments
-------------------------------------------------------------- */

.comments-title {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5;
    font-weight: normal;
}
.comments-area article {
    margin: 24px 0;
    margin: 1.714285714rem 0;
}
.comments-area article header {
    margin: 0 0 48px;
    margin: 0 0 3.428571429rem;
    overflow: hidden;
    position: relative;
}
.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 85px;
    margin-left: 6.071428571rem;
}
.comments-area article header cite {
    font-style: normal;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.42857143;
}
.comments-area article header time {
    line-height: 1.714285714;
    text-decoration: none;
    font-size: 12px;
    font-size: 0.857142857rem;
    color: #5e5e5e;
}
.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e;
}
.comments-area article header a:hover {
    color: #21759b;
}
.comments-area article header cite a {
    color: #444;
}
.comments-area article header cite a:hover {
    text-decoration: underline;
}
.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    padding: 0.428571429rem 0.857142857rem;
    font-size: 12px;
    font-size: 0.857142857rem;
    font-weight: normal;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009cee, #0088d0);
    background-image: -ms-linear-gradient(top, #009cee, #0088d0);
    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
    background-image: -o-linear-gradient(top, #009cee, #0088d0);
    background-image: linear-gradient(top, #009cee, #0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
    position: absolute;
    margin-left: 5px;
    margin-left: 0.357142857rem;
    padding: 2px 5px;
    padding: 0.142857143rem 0.357142857rem;
    font-size: 10px;
    font-size: 0.714285714rem;
}
a.comment-reply-link,
a.comment-edit-link {
    color: #686868;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
    color: #21759b;
}
.commentlist .pingback {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
    margin-top: 48px;
    margin-top: 3.428571429rem;
}
#respond h3#reply-title {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;
    margin-left: 0.714285714rem;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.857142857rem;
}
#respond form {
    margin: 24px 0;
    margin: 1.714285714rem 0;
}
#respond form p {
    margin: 11px 0;
    margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
#respond form label {
    display: block;
    line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    padding: 10px;
    padding: 0.714285714rem;
    width: 90%;
}
#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    color: #5e5e5e;
}
.required {
    color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
    margin-bottom: 14px;
    margin-bottom: 1rem;
}
.template-front-page .site-content article {
    border: 0;
    margin-bottom: 0;
}
.template-front-page .widget-area {
    clear: both;
    float: none;
    width: auto;
    padding-top: 24px;
    padding-top: 1.714285714rem;
    border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
    margin: 8px 0 0;
    margin: 0.571428571rem 0 0;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.714285714;
    list-style-type: square;
    list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
    color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
    color: #21759b;
}
.template-front-page .widget-area .widget_text img {
    float: left;
    margin: 8px 24px 8px 0;
    margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
    margin-left: 12px;
    margin-left: 0.857142857rem;
}
.widget_rss li {
    margin: 12px 0;
    margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
    color: #aaa;
    font-size: 11px;
    font-size: 0.785714286rem;
    margin-left: 12px;
    margin-left: 0.857142857rem;
}
#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: left;
}
#wp-calendar #next {
    padding-right: 24px;
    padding-right: 1.714285714rem;
    text-align: right;
}
.widget_search label {
    display: block;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}
.widget_twitter li {
    list-style-type: none;
}
.widget_twitter .timesince {
    display: block;
    text-align: right;
}

.responsive_banniere{
	display:block;
	}

.cache-responsive{
	display:none;	
}
	
/* =Plugins
----------------------------------------------- */

img#wpstats {
    display: block;
    margin: 0 auto 24px;
    margin: 0 auto 1.714285714rem;
}


/* =Media queries
-------------------------------------------------------------- */
@media screen and (max-width: 600px) {
.form-collect{
	margin-top:15px !important;	
}
}
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
.form-collect{
	margin-top:35px !important;	
}

	.content{
		float:left!important;
	}
    .author-avatar {
        float: left;
        margin-top: 8px;
        margin-top: 0.571428571rem;
    }
    .author-description {
        float: right;
        width: 80%;
    }
    .site {
        margin: 0 auto;
        width: 980px;

        overflow: hidden;
    }

    body.template-front-page .site-content,
    body.single-attachment .site-content,
    body.full-width .site-content {
        width: 100%;
    }
    .widget-area {

    }
    .site-header h1,
    .site-header h2 {
        text-align: left;
    }
    .site-header h1 {
        font-size: 26px;
        font-size: 1.857142857rem;
        line-height: 1.846153846;
        margin-bottom: 0;
    }

    .menu-toggle {
        display: none;
    }
    .entry-header .entry-title {
        font-size: 22px;
        font-size: 1.571428571rem;
    }
    #respond form input[type="text"] {
        width: 46.333333333%;
    }
    #respond form textarea.blog-textarea {
        width: 79.666666667%;
    }
    .template-front-page .site-content,
    .template-front-page article {
        overflow: hidden;
    }
    .template-front-page.has-post-thumbnail article {
        float: left;
        width: 47.916666667%;
    }
    .entry-page-image {
        float: right;
        margin-bottom: 0;
        width: 47.916666667%;
    }
    .template-front-page .widget-area .widget,
    .template-front-page.two-sidebars .widget-area .front-widgets {
        float: left;
        width: 51.875%;
        margin-bottom: 24px;
        margin-bottom: 1.714285714rem;
    }
    .template-front-page .widget-area .widget:nth-child(odd) {
        clear: right;
    }
    .template-front-page .widget-area .widget:nth-child(even),
    .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
        float: right;
        width: 39.0625%;
        margin: 0 0 24px;
        margin: 0 0 1.714285714rem;
    }
    .template-front-page.two-sidebars .widget,
    .template-front-page.two-sidebars .widget:nth-child(even) {
        float: none;
        width: auto;
    }
    .commentlist .children {
        margin-left: 48px;
        margin-left: 3.428571429rem;
    }
    /**banniere responsive**/
    .responsive_banniere{
	display:block;
	}
	
	.cache-responsive{
	display:none;	
	}

	.footer-mobile{
		display: none;	
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
    body {
        background-color: #9ac13a;
		*background-color: #fff;
    }
	
    body .site {

        box-shadow: 0 0px 20px rgba(0, 0, 0, 0.6);
        -webkit-border-bottom-right-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-bottomright: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    body.custom-background-empty {
        background-color: #fff;
    }
    body.custom-background-empty .site,
    body.custom-background-white .site {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: none;
    }
    
    /**banniere responsive**/
    .responsive_banniere{
	display:none;
	}
	
	.cache-responsive{
	display:block;	
	}
	
	.footer-mobile{
		display: none;	
	}
}

@media screen and (max-width: 600px) {
	.body{width:1000px!important;}
	.site{width:980px;}
	
	/**banniere responsive**/
    .responsive_banniere{
	display:block;
	}

	.cache-responsive{
	display:none;	
	}
	
	.widget{
		display:none;	
	}
	
	p .iframe-1001Salles{
		display:block !important;
		width:90%;
	}
	
	.footer-mobile{
		display: block;	
		width:100%;
		left: 50%;
    	margin-left: -100px;
    	position: absolute;
	}
	
	.footer-mobile img{
		padding-right:10px;
		padding-left:10px;
	}
	
	.menu-menu-responsive-container{
		margin-top:25px;	
	}
	
	.current-menu-ancestor{
		background:none !important;	
	}
	
	.breadcrumb{
		display:none;
	}
	
	.entry-content{
	    margin-top: -60px;
	}
	
	#click-menu{
		margin-top: 4% !important;
	}
	
	.site-content {
    	margin-top: -35px;
	}
}
/* =Print
----------------------------------------------- */

@media print {
    body {
        background: none !important;
        color: #000;
        font-size: 10pt;
    }
    footer a[rel=bookmark]:link:after,
    footer a[rel=bookmark]:visited:after {
        content: " [" attr(href) "] "; /* Show URLs */
    }

    a {
        text-decoration: none;
    }
    .entry-content img,
    .comment-content img,
    .author-avatar img,
    img.wp-post-image {
        border-radius: 0;
        box-shadow: none;
    }
    .site {
        clear: both !important;
        display: block !important;
        float: none !important;
        max-width: 100%;
        position: relative !important;
    }
    .site-header {
        margin-bottom: 72px;
        margin-bottom: 5.142857143rem;
        text-align: left;
    }
    .site-header h1 {
        font-size: 21pt;
        line-height: 1;
        text-align: left;
    }
    .site-header h2 {
        color: #000;
        font-size: 10pt;
        text-align: left;
    }
    .site-header h1 a,
    .site-header h2 a {
        color: #000;
    }
    .author-avatar,
    #colophon,
    #respond,
    .commentlist .comment-edit-link,
    .commentlist .reply,
    .entry-header .comments-link,
    .entry-meta .edit-link a,
    .page-link,
    .site-content nav,
    .widget-area,
    img.header-image,
    .main-navigation {
        display: none;
    }
    .wrapper {
        border-top: none;
        box-shadow: none;
    }
    .site-content {
        margin: 0;
        width: auto;
    }
    .singular .entry-header .entry-meta {
        position: static;
    }
    .singular .site-content,
    .singular .entry-header,
    .singular .entry-content,
    .singular footer.entry-meta,
    .singular .comments-title {
        margin: 0;
        width: 100%;
    }
    .entry-header .entry-title,
    .entry-title,
    .singular .entry-title {
        font-size: 21pt;
    }
    footer.entry-meta,
    footer.entry-meta a {
        color: #444;
        font-size: 10pt;
    }
    .author-description {
        float: none;
        width: auto;
    }

    /* Comments */
    .commentlist > li.comment {
        background: none;
        position: relative;
        width: auto;
    }
    .commentlist .avatar {
        height: 39px;
        left: 2.2em;
        top: 2.2em;
        width: 39px;
    }
    .comments-area article header cite,
    .comments-area article header time {
        margin-left: 50px;
        margin-left: 3.57142857rem;
    }
}

/* Menu accordeon */ 
.page-col-left .widget {
    margin-left:15px;
}
.menu-accordeon{
    border: 1px solid #CFCFCF;
    list-style: none;
}
.menu-accordeon a{
    height: 24px;
    margin: 0;
    padding: 0 5px;
    vertical-align: middle;
    line-height: 24px;
    display:block;
    color: #3F3F3F;
    text-decoration:none;
}
.menu-item-object-custom a:hover{
    color: #8BB500; 
}
.dcjq-parent{
    height:24px!important;
    background: url("images/bg-accordionHeader.png") repeat-x scroll left top transparent;
    cursor: pointer !important;
    font-weight: bold;
    text-decoration: none !important;
    display:block;
}
.dcjq-parent:hover{
    background: url("images/bg-accordionHeaderActive.png") repeat-x scroll left top transparent;
}
.dcjq-parent a:hover, 
.menu-accordeon a:hover, 
.dcjq-accordion ul li a:hover, 
.dcjq-accordion ul li ul li a:hover{
    color: #8BB500;
}
.menu-accordeon .active{
    background: url("images/bg-accordionHeaderActive.png") repeat-x scroll left top transparent!important;
}
.menu-accordeon ul li .active{
    background:none!important;
}
.dcjq-accordion ul{
    padding:0px;
}
.dcjq-accordion ul li{
    list-style: none;
    background:inherit;
    list-style-image: inherit;
    min-height: 24px;   
}
.dcjq-accordion ul li a{
 height:24px!important;
    background: url("images/bg-accordionHeader.png") repeat-x scroll left top transparent;
    cursor: pointer !important;
    font-weight: bold;
    text-decoration: none !important;
    display:block;
    }
    .dcjq-accordion ul li ul li a {
        background:inherit;
        font-weight:inherit;
    }    
.menu-accordeon #end-submenu{
    background:inherit!important;
}
.menu-accordeon .sub-menu li a{
    border:none;
}
.menu-accordeon .sub-menu li a:hover{
    color:#8BB500!important;
}

/* Module e-card */

.boxout .preview{
    margin-bottom:20px;
    padding:10px 0 20px 0;
}

.ecards-preview {
    width:440px;
    height:150px;
    display:block;
    padding: 5px;
    margin:auto;
}
.ecards_preview {
    width:440px;
    height:150px;
    display:block;
    padding: 5px;
}

.ecards_preview h2{
    margin-bottom:10px;
}
.list-ecard{
    float:left;
    list-style: none;
    list-style-image: none!important;
    width:100px;
    height:115px;
    margin: 5px 0 30px 0;
    text-align: center;
}
.list-ecard img {

    height:80px;
    width:80px;
    margin-bottom:10px;

}
.list-ecard a{
    background: none repeat scroll 0 0 transparent;
    display: block;
    margin: auto;
    width: 80px;
    height:80px;
    margin-bottom:10px;
}
.list-ecard span{
    display:block;
    font-size: 12px;
    text-align: center;
}
.list-ecard span a {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: inline;
    height: auto;
    margin: auto;
    overflow: visible;
    width: auto;
    text-decoration:none;
    color: #3F3F3F;
}

.list-ecard span a:hover {
    text-decoration:underline;
}

/* Module Faites decouvrir */
.fd-form
{
    background: url("images/bg-happyb2.jpg") repeat-x scroll 0 0 transparent;
    display: block;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-top:10px;
    padding:10px;
    font-size:12px;
}

.fd-preview {

    width:250px;
    margin:auto;
}
.fd-preview p {
    padding-bottom:10px;
}
.fd-form input{
	color:black;
    height:22px;
	padding-top:0px;
	padding-bottom:0px;
	width:94%;
	padding-left:5px;
}
.fd-form textarea{
    padding:0px!important; 
    width:180px;
    line-height: 1px!important; 
}
.fd-form table tr{
    padding-bottom:5px;
}
.fd-form input[placeholder], .fd-form [placeholder], .fd-form *[placeholder] {
	color:#993399!important;
}

.ctn-btn {
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    width:144px;
    height:35px;
    background:url("images/btn-violet.jpg") no-repeat;
    text-align:center;
}
.btnvert span{
    padding-top:10px;
    line-height: 22px;
}
.btnvert{
    width:80px;
    color:white;
    margin:auto;
}
.btnvert:hover{
    color:black;
}
#faites-decouvrir{
    margin:auto;
}

/* Module Fetes et anniversaire */
.container-happyb{
	margin-top: 10px;
}

.container-happyb p{
	color: #8c2e83;
}

.container-happyb h3{
    padding:5px 0 ;
}
.happyb-preview{
    margin-top:10px;
    background: url("images/annivde.jpg") repeat-x scroll 0 0 transparent;
    display: block;
    margin-bottom: 20px;
    margin-left: 15px;
    padding: 10px;
    font-size:12px;
	background-color: #96C051;
}

.happyb-preview p{
	color: white;
}

.happyb_preview {
	margin-top: 55px;
	color: white;
	font-weight: bold;
	text-align:center;
}

.fete_preview {
    background: url("images/fetede.jpg") no-repeat;
	width: 215px;
	min-height: 30px;
	margin-left: -10px;
	padding-top: 70px;
	color: white;
}

.fete_preview p{
	color: white;
}

.container-happyb p{
    text-transform:capitalize;
    text-align:center;
    font-weight:bold;
    padding:5px 0 ;
	color: black;
}
.partenaires a.leftImage {
    float: left;
    margin-top: 20px;
    width: 20%;
}
.partenaires {
    margin: 0 10px;
}

.partenaires span.rightDescription {
    float: right;
    margin-top: 20px;
    width: 80%;
}

.partenaires a {
    display: block;
    margin-top: 10px;
}
.boxin {
    position: static;
	font-size:12px;
	line-height:14px;
}
.partenaires img{
	box-shadow:inherit;
}
.boxin img.left {
    margin: 0 10px 10px 0;
	float:left;
}
.partenaires p {
    margin: 0;
    padding: 0 0 15px;
}
..partenaires table {
    width: 100%;
}
.partenaires table, .partenaires td, .partenaires tr {
    margin: 0;
    padding: 0 !important;
}

.widget-title{
    color: #8C2090;
    font-size: 16px;
    font-weight: bold;
}
/* Newsletter*/

.newsletter-widget p{
    display:inline;
}
/* KDO gratuit */

.kdo-preview{
	background:url('images/kdo-gratuit.png') no-repeat;
	display:block;
	font-size:12px;
	margin-bottom:20px;
	margin-left:13px;
	margin-top:10px;
	width:221px;
	height:602px;
}
.kdo-preview #divMerci{
	text-align:center;
	color:white;
	font-size:16px;
	margin-top:50px;
	font-weight:bold;
}

.kdo-preview .kdo-form{
	padding-top:300px;
	width:208px;
	margin:auto;
}

.kdo-preview #kdo_tab table{
max-width:220px;

}
.kdo-preview #kdo_tab td{
	margin-bottom:2px;
	color:#993399;
	font-weight:bold;
	
}
.kdo-preview  #kdo_tab tr{
display:block;
}
.kdo-preview .input-kdo-text{

width:193px;
height:15px;
margin:auto;
border:1px solid #cc9933!important;
background-image:none!important;
border-radius:inherit!important;
box-shadow:inherit!important;
line-height:15px!important;
}


.kdo-preview .input-kdo{
background-color:#993399;
width:163px;
margin:auto;
background-image:none!important;
border:none!important;
border-radius:inherit!important;
box-shadow:inherit!important;
margin-top:10px;
font-size:16px;
color:white;
}

.kdo-preview  .text-bottom{
	color:white;
	font-size:12px;
	width:99%;
	margin:auto;
	margin-top:13px;
	
}
/* Page contenu */

#pageContent-gabarit{
    font-size:12px;
    position:relative!important;
    margin-top: 30px;
    margin-right:40px;
}
#pageContent-gabarit blockquote{
    border: #c6ceb7 1px solid;
    background: #dcedc3;
    margin:inherit;
    padding:10px;
    margin-top:20px;
    margin-right:0px;
    font-style: inherit;
    max-width: 240px;
}
#pageContent-gabarit blockquote.right{
    float: right;
    margin-left: 20px;
}
#pageContent-gabarit blockquote.left{
    float: left;
    margin-right: 20px;
}
#pageContent-gabarit a {
    color: #517916;
}

#pageContent-gabarit a:hover {
    text-decoration: none;
}
#pageContent-gabarit table{
    color:inherit;
    border:inherit;
    line-height:15px!important;
    width: 100%;
    margin-left:5px;

}
#pageContent-gabarit embed {
    max-width:inherit;
}
#pageContent-gabarit table img{
    padding:inherit;
    float:none;
    margin:5px;
}
#pageContent-gabarit table td{
    vertical-align: middle;
    margin:auto;
}
#pageContent-gabarit table td.leftpadd{
    padding-left:10px;
}
#pageContent-gabarit p{
    padding:inherit;
    /*margin:5px 0 10px 0;
    line-height:10px!important;*/
    margin:5px 0 15px 0;
    line-height:15px!important;
}
#pageContent-gabarit h1{
    color:#000;
    font-size:18px!important;
    font-weight:inherit;
    margin:0px 0px 10px 0px;
    line-height: 22px;
}
#pageContent-gabarit h2{
    margin:10px 0px 10px 0px;
    line-height: 19px!important;
}
#pageContent-gabarit h3{
    margin:9px 0px 5px 0px;
    font-size: 14px;
    padding:0px;
    line-height: 17px!important;
}
#pageContent-gabarit .img_h2{
    margin-top:5px!important;
}
#pageContent-gabarit div{
    line-height:15px!important;  
}
#pageContent-gabarit #tb_theme{
    width:65%!important;
}
#pageContent-gabarit .themes li {
    width: 140px;
    height: 135px;
    text-align: center;
    margin-top: 10px;
    float: left;
    display: block;
    margin-right: 30px!important;
}
#pageContent-gabarit .themes li a {
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: #3F3F3F 1px solid;
    margin-bottom: 10px;
    margin: auto;
    background: none;
}
#pageContent-gabarit .themes li img {
    width: 200px;
    margin-left: -50%;
    margin-top: -20%;
    max-width: none;
}
#pageContent-gabarit .planSite {
    float: left;
    width: 267px;
    margin: 0 6px;
}
#pageContent-gabarit .boxin ul{
    display: block;
    list-style-type: none;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    padding:0px!important;
    margin:0px!important;
}
#pageContent-gabarit .boxin ul li{
    padding:0px!important;
    margin:0px!important;
}
#pageContent-gabarit .boxin img{
    border-radius: inherit;
    box-shadow: none;
}
#pageContent-gabarit .boxout h2 a{
    font-size: 16px;
    font-weight: bold;
    color: #8C2090;
}
#pageContent-gabarit .link a,#pageContent-gabarit .link{
    zoom: 1;
    color: #3F3F3F;
    background: url(images/bg-puce.gif) no-repeat 2px 2px;
    text-decoration: none;
    padding-left: 15px;
    margin: 2px 0;
    display: block;
    text-align: left;
}
#pageContent-gabarit .ul_nopadd_nomarg li{
    margin:0!important;
    padding:0;
}
.AspNet-TreeView-Collapse {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    padding-left: 0 !important;
    background: url(images/minus.gif) no-repeat left 2px;
    cursor: pointer;
}
.AspNet-TreeView-Expand {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    padding-left: 0 !important;
    background: url(images/plus.gif) no-repeat left 2px;
    cursor: pointer;
}
div.AspNet-TreeView span {
    padding-left: 16px;
}
.smiley img{
    float:right!important;
    position:relative;
}

.imgbulle{
    padding-top:12px!important;
}

.astro .astroform {
    float: left;
    margin: 88px 0 0 140px;
    width: 300px;
}
.astro .astrobox, .astrosmall .astrobox {
    background: url("images/pages/bg-astro.jpg") no-repeat scroll left top transparent;
      height: 195px;
  width: 703px;
  background-size: 703px 192px;
    margin-top: 170px;
}
.astro {
    width: 703px;
}
.astrosubmit {
    float: left;
    margin: 102px 0 0;
    width: 92px;
}

.astrosubmit a {
    background: url("images/pages/btn-ok.gif") no-repeat scroll left top transparent;
    border: 0 none;
    display: block;
    height: 55px;
    text-decoration: none;
    width: 92px;
}
.astroform p {
    margin: 8px 0;
    padding: 0;
}
.astroform label {
    color: #CD39BF;
    display: inline-block;
    font-weight: bold;
    width: 130px;
}
.astroform select {
    width: 148px;
}

.astro h2.votrerelation {
    background: url("images/pages/h2-votrerelation.gif") no-repeat scroll left top transparent;
    height: 42px!important;
}

.astro h2.votresensualite {
    background: url("images/pages/h2-votresensualite.gif") no-repeat scroll left top transparent;
    height: 42px!important;
}

.astro h2.votreplus {
    background: url("images/pages/h2-votreplus.gif") no-repeat scroll left top transparent;
    height: 46px!important;
}
.astro h2.votremoins {
    background: url("images/pages/h2-votremoins.gif") no-repeat scroll left top transparent;
    height: 42px!important;
}
.astro h2 a {
    display: none;
}
#contentVide{
    margin:5px 20px;;
}

#content article{
    margin-bottom:0px!important;
}

/* FORMULAIE */
.wpcf7-form .label{
    width:100px;
    display:inline-block;
}
.wpcf7-form-control-wrap, .wpcf7-list-item-label, #civilite{
    width:auto!important;
    display:inline!important;
}

.wpcf7-form-control-wrap input {
    margin-bottom:5px;
    padding:2px;
}
.contact-form input[type="submit"]:hover{
    background: url("images/btn-vert.png") no-repeat center center!important;
    width: 80px;

}
.contact-form input[type="submit"]{
    background: url("images/btn-vert.png") no-repeat center center!important;
    width: 80px;
    height:22px;
    line-height: 22px;
    padding-bottom: 2px;
    border:none!important;
    color:white;
    font-weight:bold;
    padding-top: 0px!important;
}
.contact-form{
    width:480px;
    margin:auto;
    float:none!important;
}

.widget_adrotate_widgets{
	text-align:center;
	margin-bottom:15px;
}


#footer_fixe {
		position:fixed;
		bottom:0px;
		height:100px;
		width:980px;
		margin:auto;
		/*background: url("images/CMA_FOOTER.gif") no-repeat center center;*/
		text-align:center;
		color: #fff;
		vertical-align: middle;
		display: none;
		font-family : Arial;
		font-size : 20px;
		font-weight:400;
		letter-spacing: 1px;
		z-index:10;
	
		   
}
#footer_fixe a {
	display:block;
	text-decoration:none;
	height:100%;
	
}
.footer-close{
			float:right;
			 margin-right:10px;
			font-weight:bold;
			font-size:18px;
			position:relative;
			z-index:999;
			display:block;
				
}



@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border:none!important;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 
 /* Un message personnalisé */
 body:before {
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }
.menu-toggle{
	padding:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    color:inherit;
    background-color: inherit;
    background-repeat:inherit;
    background-image:inherit;
    border:inherit;
    border-radius:inherit;
    box-shadow: inherit;
	display:none!important;
}
.menu-toggle:hover{
	padding:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    color:inherit;
    background-color: inherit;
    background-repeat:inherit;
    background-image:inherit;
    border:inherit;
    border-radius:inherit;
    box-shadow: inherit;
	display:none!important;
}
.menu-toggle.toggled-on{
	display:none;
}
 
}
/* FIN MEDIA QUERIES */

/* MODULE COLLECTE */

.contener-collect{
	width:330px;
	font-family:Verdana;
	text-align:left;
	border:3px solid #89bc27;
	border-radius:10px;
	padding:10px 0px 10px 10px;;
}
.contener-collect .text-collect {
	color:#951D80;
	vertical-align:middle;
	display:table-cell;
	font-size:12px;
	font-weight:bold;
	margin:auto;
	width:225px;
}
.contener-collect .text-collect span {
	font-size:9px;
	font-weight:normal;
	position:absolute;
	width:235px;
	color:#000;
	
}
.contener-collect .img-collect{
	width:90px;
	text-align:right;
	position:relative;
	display:table-cell;
}
.contener-collect img{
	width:90px;	
	padding:0px!important;
	margin:0px!important;
}
.contener-collect .form-collect {
	text-align:center;
	margin-top:20px;
}
.contener-collect .form-collect input{
	width:180px;
	height:15px;
	text-align:center;
	font-size:11px;
}
.contener-collect .form-collect table{
	*margin-top:15px;
	width:auto!important;
	margin-bottom:0px!important;
}
.contener-collect .form-collect table img{
	width:15px;
}
.contener-collect #success{
	display:none;
}
#Optin-collecte{
width: 20px;	
margin-left:-200px;
}
/* FIN MODULE COLLECTE */

#alert_cookie {
    background-color: #e0aada;
    display: block;
    font-size: 12px;
    padding: 10px 0;
    position: fixed;
    text-align: center;
    width: 980px;
	margin:auto;
    z-index: 999;
	left:50%;
	margin-left:-490px;
	top:0px;
}
@media screen and (min-width: 480px) {
	.bulle-info {
background: url('images/Bulle2.png') no-repeat top center;
width:190px;
height:375px;
position:fixed;
bottom:45px;
left:50px;
display:none;
z-index:100;
}
}

@media screen and (min-width: 480px) {
	.bulle-info {
display:none;
}
}

.bulle-info {
background: url('images/Bulle2.png') no-repeat top center;
width:190px;
height:375px;
position:fixed;
bottom:45px;
left:50px;
display:none;
}
.text-bulle {
	width:195px;
	height:100px;
	display:block;
	position:relative;
  top: 265px;
  left: -10px;
	text-align:center;
	
}
.text-bulle img{
	max-height: 100px;
	width:auto;
	

}

.text-bulle p span{
	font-size:12px!important;	
}

	.pub-col-left {
		display:block;
	}

#responsive-menu .responsive-menu li.current-menu-item > a, #responsive-menu .responsive-menu li.current-menu-item > .appendLink, #responsive-menu .responsive-menu li.current_page_item > a, #responsive-menu .responsive-menu li.current_page_item > .appendLink { background:transparent!important;} 
#menu-menu-responsive .current-menu-ancestor {background:none!important;} 

/* -- RESPONSIVE -- */
@media only screen and (max-device-width: 500px) {

/* Conteneurs principaux */
	
	html{
		width: 100% !important;
	}
	
	body{
		width: 100% !important;
	}
	
	.site {
		width: 100%;
	}
	
	.habillage{
		height: auto !important;
	}
	
	.content {
		width: 100%;
		position: static;
		clear: both;
	}
	
	#content {
		width: 100%;
		position: static;
		clear: both;
		float: none;
		margin-top:0px;
		margin-left: 5px;
	}
	
	#page{
		margin-top: 0px !important;
	}
	
	.site {
		margin-top: 0px !important;
	}
	
	.hfeed {
		margin-top: 0px !important;
	}
	
	#page .site {
		margin-top: 0px !important;
	}
	
	#main.wrapper{
		clear: both;
		width: 100%;
		margin-top: 200px;/**/
		margin-top: 0px;
	}
	
	#Centre {
		width:100%;
		float: none;
		top: 200px;/**/
		top: 50px;
	}
	
	#Conteneur {
		width: 100%;
		padding: 0px;
		clear: none !important;
	}

	#ConteneurP {
		width: 100% !important;
		margin-top: 0px !important;
	}
	
	.menu-main-menu-container {
		height: auto;
		margin-top: 0px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.main-navigation {
		width: 100%;
		height: 26px;
		text-align: center;
		margin-left: 0px;
		position: relative;
		z-index: 5;
	}
	
	#pageContent-gabarit{
		margin-right: 10px;
	}

/* Sous-conteneurs */
	#content div{
		max-width: 100% !important;
		/*margin-right: 5px !important;*/
		position: static !important;
		clear: both !important;
		float: none !important;
	}
	
	#breadcrumbs{
		width: 100%;
	}
	#pageContent-gabarit table{
		width: 100% !important;
	}
	
	#AffichageRes table{
		width: 100%;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
	}
	
	#pageContent-gabarit blockquote.right {
		margin-top: 2px;
		margin-bottom: 10px !important;
	}
	
	#pageContent-gabarit blockquote.left {
		margin-top: 2px;
		margin-bottom: 10px !important;
	}
	
	#pageContent-gabarit p {
    padding: 0px;
	margin: 5px 0px 10px;
	line-height: 15px !important;
	}
	
	#pageContent-gabarit iframe{
		display: none;
	}
	
	#pageContent-gabarit tbody iframe{
		display: block;
		height: 145px;
	}
	
	.contener-collect{
		clear: both !important;
		max-width: 100% !important;
		margin-bottom: 5px;
		margin-right: 1px;
	}
	
	.box-souhaiter{
		padding: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 5px;
		margin-right: 5px;
		clear: both;
	}
	
	.dernieres_ecartes{
		display:none;
	}
	/*
	.dernieres_ecartes{
		border:1px solid #D5D9D9 !important;
		width:95% !important;
		padding:0 !important;
		margin-bottom:20px !important;
		margin-left: 5px !important;
		margin-right: 5px !important;
		padding: 5px;
		overflow: visible;
	}
	*/
	
	.cadre_pub_cat{
		display: none;
	}
	
	#content td, #content tr {
    border: inherit;
    max-width: 110px !important;
	}
	/*
	#alert_cookie {
		width: 100% !important;
		left: 100% !important;
		z-index: 9999;
	}
	*/
	/*
	.boxin{
		display: none;
	}
	*/
	
/* En-tête et bannière */
	.header-top{
		width:100%;
		height:auto;
		position:relative;
	}
	
	.page-col-left img{
		display: none;
	}
	
	/*
	#BlockMidTop{
		display: block;
	}
	*/
	.pub-header{
		width:50%;
		height:auto;
		margin-top:30px;
		margin-right:20px;
		display:block;
	}
	
	.logo {
		background:url('images/header-cma5.jpg') no-repeat;
		width:100% !important;
		height:80px !important;
		background-position: center left;
		float:none;
		background-size: 100% 100%;
	}
	
	.slogan-header {
		display: none;
	}

	.header-separator{
		display: none;
	}
	
	.breadcrumb {
		width: 100%;
	}

/* Menu principal */

	.column{
		display: block !important;
		z-index: 9999;
	}
	
	#site-navigation{
		display: none;
	}
	
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		top: -1px;
		text-align: left;
		width: 100%!important;
		position: relative;
		display: inline-block !important;
		margin-top: 0px;
	   padding-left: 0 !important;
	}

	.main-navigation li.first-parent {
		background: #862c8d;
		border: 0px;
		position: relative;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.main-navigation li {
		position: static;
		float: none;
		background: #862c8d;
		margin-top: 2px;
		margin-bottom: 2px;
		border-radius: 10px;
		clear: both;
	}
	
	.main-navigation li a:link{
		position: static;
		float: none;
		background: #862c8d;
		margin-top: 2px;
		margin-bottom: 2px;
		border-radius: 10px;
		clear: both;
		width: 100%;
		color: white;	
	}
	
	.main-navigation li li a:link{
		position: static;
		float: none;
		background: white;
		margin-top: 2px;
		margin-bottom: 2px;
		border-radius: 10px;
		clear: both;
		width: 100%;
		color: white;	
	}
	
	.main-navigation li a:hover{
		color: #862c8d;
		background: grey;
		margin-top: 2px;
		margin-bottom: 2px;
		border-radius: 10px;
		border: 0px;
	}
	
	.main-navigation li a:visited{
		color: white;		
	}
	
	.main-navigation li a:active{
		color: white;		
	}
	
	.main-navigation li:last-child {
		background: #862c8d;
		border: 0px;
		margin-top: 2px;
		margin-bottom: 2px;
	}

	.main-navigation li a, .main-navigation li {
		text-decoration: none;
		float: left;
		width: 100%;
	}
	
/* Menus */
	.page-col-left {
		width: 300px;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		min-height: 0px;
	}
	
	#aswift_0_expand{
		/*display: none !important;*/
		max-width: 100% !important;
	}
	
	.page-col-left object{
		display: none !important;
	}
	
	.col-left {
		display: none;
	}
	
	.col-right {
		float: none;
		min-height: 0px;
		height: auto;
		margin-top: 10px;
		margin-bottom: 15px;
	}

/* Titres */
	#content h1{
		clear: both !important;
	}
	
/* Pubs */

	.pub-header{
		display: block !important;
	}

/* Réseaux sociaux */

	#facebooklikebox-2{
		display: none;
	}
	
	.header-top .icones-social{
		display: none;
	}
	
@media screen and (min-width: 600px) {
	.icones-social {
		width: 235px;
		margin: auto;
		padding-left: 15px;
		clear: both;
		display:block;
	}
}

@media screen and (max-width: 600px) {
	.icones-social{
		display:none;	
	}
}

/* Slides */	
	.slider-wrapper{
		display: none;
	}

/* Pied de page */
	#colophon{
		display: none;
	}
	
	#BlockMidBot{
		clear: both;
	}
	
	
/* Autres */	
	
	#pageContent-gabarit .link {
		margin-left: 10px !important;
	}
	
	#pageContent-gabarit li{
		clear: none;
	}
	
	#pageContent-gabarit p {
		padding: 0px;
		margin: 0px !important;
		line-height: 15px !important;
	}
	
	#content img{
		/*max-width: 110px;*/
		max-width: 65%;
		height: auto;
	}

	#end-submenu{
		display: none;
	}
	
	.contener-collect .form-collect input {
    width: 90% !important;
    height: 23px !important;
    text-align: center;
    font-size: 11px;
	}
	
	.contener-collect .text-collect span {
		font-size: 9px;
		font-weight: normal;
		position: static;
		width: 100%;
		color: #000;
	}
	
	
	.fd-preview {
		width: 250px;
		margin: auto;
		position: static;
		clear: both;
	}
	
	.nivoSlider img {
		width: 100% !important;
		height: auto;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	img.left{
		margin-top: 5px !important;
	}
	
	/*
	#Carouselle {
		width: 100%;
		height: auto;
		float: left;
		position: relative;
	}
	*/
	
	#BlockCarouTop{
		width: 100%;
	}
	
	#BlockCarouReap{
		width: 100%;
	}
	
	#BlockCarouBot{
		width: 100%;
	}
	
	#CarouCont{
		width: 100%;
	}
	
	#BlockEVP{
		float: left;
		clear: both;
	}
	
	#AutreBan {
		width: 245px;
		float: left;
		padding: 11px 8px;
		position: static;
		clear: both;
	}
	
	#main li{
		margin: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		height: auto !important;
		clear: both;
	}
	
	#BlockTLC {
		width: 100%;
		margin: 0px auto 20px;
		background: none repeat scroll 0% 0% #F5F5F5;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	
	#pageContent ul{
		padding-left: 10px !important;
	}
	
	.GoogleActiveViewClass{
		display: none;
	}
	
	.gofollow{
		display: none;
	}
	
	.box-souhaiter li{
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}
	
	.astro .astroform {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		margin-bottom: 10px;
		width: 200px;
	}
	
	.astro .astrobox, .astrosmall .astrobox {
		background: url("");
		height: auto;
		width: 100%;
	}
	
	.astrosubmit{
		float: none;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: auto;
		margin-right: auto;
		width: 92px;
	}
	
	#pageContent ins#aswift_1_expand{
		display: none !important;
	}
	
	ins{
		max-width: 100% !important;
	}
	
	.page-col-left ins{
		display: none !important;
	}
	
	/* Blog */
	#content-blog{
		width: auto;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.site-content-blog article{
		width: 100%;
	}
	
	#secondary {
		width: 100%;
	}
	
	#secondary .widget{
		float: left;
		width: 150px;
	}
	.pub-col-left {
		display:none;
	}
	
}


/****************Rajout pour habillage *********************/
/*footer{
	margin-top:177px;	
}*/

/****************Rajout Pauline pour bannière mobile *********************/

/*.responsive_banniere{
	display:block;
}*/

@media screen and (max-width: 600px){
	.page-col-left .widget, .page-col-left{
	display:none;	
}

body{    overflow-x: hidden;}
}
/**** dernieres ecards *******/
#content ul  .li-ecards{
	display:inline-block;
	    vertical-align: text-top;
}

#main .p-ecards{
	text-align:center;
}