/* 
	Theme Name: Revolution Code Blue
	Theme URL: http://www.revolutiontwo.com/themes/code-blue
	Description: Code Blue is a 3-column Widget-ready theme created for WordPress.
	Author: Brian Gardner
	Author URI: http://www.briangardner.com
	Version: 2.0
	Tags: three columns, fixed width, white, blue, sidebar widgets
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v2.0 - 11.01.08
		First Release of Revolution Code Blue
*/



body,p {
    max-width: 100%;
}

#fondpagebas,body {
    margin-left: auto;
    margin-right: auto;
}

body {
    font-size: 14px;
    font-family: Arial;
    margin-bottom: 0;
}

#fondpagebas {
    max-width: 1200px;
    position: relative;
    display: block;
    min-height: 91px;
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    height: auto;
}

/************************************************
*	Hyperlinks									*
************************************************/

a,a:visited {
    color: #085494;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:active,a:hover {
    color: #07fffa
}

a img {
    border: 0
}

img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

.date {
    font-family: Arial;
    width: 640px;
    font-size: 11px;
    font-weight: 700;
    float: left;
    padding: 0 0 10px;
    margin: 0 0 15px;
    border-bottom: 1px dotted #999
}

.postmeta {
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    padding: 10px 0 0;
    margin: 0 0 10px;
    border-top: 1px dotted #999
}

blockquote {
    font-style: italic;
    margin: 0 25px 15px;
    padding: 0 25px 0 10px;
    border-left: 2px solid #4a7eb8
}

#content blockquote p {
    margin: 0;
    padding: 10px 0
}
	
/************************************************
*	Images  					     		    * 
************************************************/

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0
}

img.alignnone {
    padding: 0;
    margin: 0;
    display: inline
}

img.alignleft,img.alignright {
    padding: 0;
    margin: 0 0 0 10px;
    display: inline
}

img.alignleft {
    margin: 0 10px 0 0
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

.wp-caption {
    height: auto;
    max-width: 100%
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0
}

.wp-caption p.wp-caption-text {
    text-align: center
}


	
/************************************************
*	bouton partage 					     	    * 
************************************************/	


#boutonpartageHP,#boutonpartagesingle {
    height: auto;
    display: inline-block;
    opacity: 1
}

#boutonpartagesingle {
    width: 80%;
    margin-bottom: 5px;
    z-index: 30;
    margin-right: auto;
    margin-left: 4px
}

#boutonpartageHP {
    z-index: 20;
    max-width: 400px;
    float: left;
    min-height: 35px;
    padding-left: 0;
    margin-right: 0;
    margin-left: 15px;
    margin-top: 25px
}

/** Pagination links **/
#pagination {
    position: relative;
    float: left;
    max-width: 900px;
    height: auto;
    margin-left: 0;
    margin-bottom: 10px;
    list-style: none;
    padding-left: 10px;
    font-size: 13px
}

.pagination {
    clear: both;
    padding: 25px 0;
    position: relative;
    font-size: 18px;
    line-height: 13px
}

.pagination a,.pagination span {
    display: block;
    float: left;
    margin: 2px 15px 10px 0;
    padding: 6px 9px 5px;
    text-decoration: none;
    width: auto;
    background: #f5f5f5;
    border: 1px solid #ccc;
    color: #3498db
}

.pagination a:hover {
    color: #05ffff;
    background: #ffff;
    border: 1px solid #3498db
}

.pagination .current {
    padding: 6px 9px 5px;
    background: #ffff;
    font-weight: 700;
    color: #fff;
    background: #4bb3e6;
    border: 1px solid #000
}

/* Post thumb with title */

#categoryposts,#categoryposts .post-thumb-title ul li {
    width: 1200px;
    height: 150px;
    float: left;
    position: relative;
    display: block
}

.post-thumb-title img {
    min-width: 100%;
    height: 150px
}

.post-thumb-title {
    width: 1200px;
    height: px;
    float: left
}

#categoryposts .post-thumb-title ul {
    width: 1200px;
    height: 150px;
    float: left;
    margin-left: -30px
}

#categoryposts .post-thumb-title ul li {
    border: 3px solid #e5e5e5;
    margin: 0 14px 0 0;
    overflow: hidden;
    padding-bottom: 0;
    width: 150px
}

.thumb-title {
    margin: 0;
    height: auto;
    max-height: 65%;
    line-height: 17px;
    position: relative;
    top: -12.6em;
    max-width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: rgba(0,0,0,.7)
}

/************************************************
*	WPST Quiz tool					     	    * 
************************************************/
.quiz {
    height: 250px;
    float: left;
    position: relative;
    background-color: #b7e0fd
}

.quiz,.wpsqt_multiple_question {
    width: 100%
}

.wpst_question {
    height: 150px;
    float: left;
    position: relative;
    font-size: 20px
}

.wpst_question ul,.wpst_question ul li {
    font-size: 20px;
    float: left;
    display: block;
    padding-bottom: 5px
}

.wpst_question,.wpst_question ul {
    padding-top: 10px;
    width: 100%
}

.wpst_question ul li {
    position: relative
}

.wpsqt-exam-finished-title {
    color: red
}
	 

/* diaporama HP 2016  */

#test {
    max-width: 1199px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: auto;
    background: #fff;
    position: relative;
    margin-top: 10px
}

.effect .mask1,.effect .mask2 {
    position: absolute;
    top: 50px;
    left: 100px;
    cursor: pointer;
    border-radius: 50px;
    border-width: 50px;
    display: inline-block;
    height: 100px;
    width: 100px;
    border: 50px solid rgba(60,98,130,.77);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(6);
    -webkit-transform: scale(6);
    -o-transform: scale(6);
    -ms-transform: scale(6);
    transform: scale(6);
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .4s ease-in-out
}

.effect .mask2 {
    left: 70px
}

.effect:hover .mask1,.effect:hover .mask2 {
    opacity: 0;
    border: 0 solid rgba(84,126,161,.7);
    visibility: hidden
}

#view3titre,.mask28 {
    position: absolute;
    color: #fff
}

.mask28 {
    top: 80px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    font-style: italic;
    -moz-transition: all .2s cubic-bezier(.4,0,1,1);
    -webkit-transition: all .2s cubic-bezier(.4,0,1,1);
    -o-transition: all .2s cubic-bezier(.4,0,1,1);
    -ms-transition: all .2s cubic-bezier(.4,0,1,1);
    transition: all .2s cubic-bezier(.4,0,1,1);
    width: 90%;
    z-index: 500;
    font-size: 14px
}

.effect:hover .mask28 {
    opacity: 0;
    visibility: hidden
}

#view3titre {
    display: block;
    height: auto;
    font-size: 20px;
    margin-top: 10px;
    width: 100%;
    min-height: 1em;
    z-index: 100;
    background-color: #000
}

#view3titre a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 5px 3px
}

.view3,.view4,.view5 {
    width: 297px;
    height: 200px;
    margin: 1px;
    float: left;
    border: 0 solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff no-repeat center center
}

.view4,.view5 {
    width: 357px
}

.view5 {
    width: 240px
}

/********  HP Tile 2016  ********/
#HPTile,#HPTileleft {
    float: left;
    display: block;
    position: relative
}

#HPTile {
    height: 380px;
    margin: 10px auto;
    max-width: 100%
}

#HPTileleft {
    max-width: 75%
}

#HPTileright,#services {
    display: block;
    float: right;
    position: relative
}

#HPTileright {
    max-width: 25%;
    height: 380px
}

#services {
    width: 100%;
    height: auto;
    overflow: hidden
}

.effect .HPTile1 {
    top: 140px;
    left: 182px
}

.effect .HPTile1,.effect .HPTile2,.effect .HPTile3 {
    position: absolute;
    cursor: pointer;
    border-radius: 50px;
    border-width: 50px;
    display: inline-block;
    height: 100px;
    width: 100px;
    border: 50px solid rgba(60,98,130,.77);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(6);
    -webkit-transform: scale(6);
    -o-transform: scale(6);
    -ms-transform: scale(6);
    transform: scale(6);
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .4s ease-in-out
}

.effect .HPTile2 {
    top: 60px;
    left: 160px
}

.effect .HPTile3 {
    top: 110px;
    left: 100px
}

.effect:hover .HPTile1,.effect:hover .HPTile2,.effect:hover .HPTile3 {
    opacity: 0;
    border: 0 solid rgba(84,126,161,.7);
    visibility: hidden
}

#HPTiletitre,#HPTiletitrefirst,#HPTiletitreservices {
    position: absolute;
    display: block;
    color: #fff;
    height: auto;
    font-size: 18px;
    margin-top: 15px;
    width: 100%;
    min-height: 1em;
    z-index: 100;
    background-color: #000
}

#HPTiletitrefirst {
    font-size: 25px
}

#HPTiletitre a,#HPTiletitrefirst a,#HPTiletitreservices a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 5px 8px
}

.viewHPTilefirst,.viewHPTilesecond {
    float: left;
    overflow: hidden;
    position: relative
}

.viewHPTilesecond {
    margin-bottom: 1px;
    border: 0 solid #fff;
    width: 48.2%;
    height: 190px
}

.viewHPTilefirst {
    width: 51.6%;
    height: 381px;
    margin-right: 1px
}

.HPTile28,.HPTile28first {
    position: absolute;
    z-index: 500;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    cursor: pointer
}

.HPTile28 {
    -moz-transition: all .2s cubic-bezier(.4,0,1,1);
    -webkit-transition: all .2s cubic-bezier(.4,0,1,1);
    -o-transition: all .2s cubic-bezier(.4,0,1,1);
    -ms-transition: all .2s cubic-bezier(.4,0,1,1);
    transition: all .2s cubic-bezier(.4,0,1,1);
    width: 90%;
    top: 80px;
    font-size: 14px
}

.HPTile28first {
    width: 95%;
    top: 220px;
    font-size: 18px
}

#HPTiletitreservices,.HPTile28first {
    -moz-transition: all .2s cubic-bezier(.4,0,1,1);
    -webkit-transition: all .2s cubic-bezier(.4,0,1,1);
    -o-transition: all .2s cubic-bezier(.4,0,1,1);
    -ms-transition: all .2s cubic-bezier(.4,0,1,1);
    transition: all .2s cubic-bezier(.4,0,1,1)
}

.effect:hover #HPTiletitreservices,.effect:hover .HPTile28,.effect:hover .HPTile28first {
    opacity: 0;
    visibility: hidden
}

.HPTileimage {
    max-width: none
}

#reseaux {
    width: 100%;
    margin-top: 12px;
    height: auto;
    margin-left: 6px
}

#reseaux a img {
    width: 18%;
    height: auto;
    margin-left: 3px;
    border: 1px solid #fff;
    -moz-box-shadow: 0 8px 12px #aaa;
    -webkit-box-shadow: 0 8px 12px #aaa;
    box-shadow: 0 8px 12px #aaa;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

#reseaux a img:hover {
    transform: scale(1.1);
    z-index: 999
}

#reseaux,#reseaux a img,.HPTile28first p,.triangle-droite {
    display: block;
    float: left;
    position: relative
}

.triangle-droite {
    width: 1px;
    border-left: 10px solid #ff6e00;
    border-top: 5px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 5px solid transparent;
    height: 1px
}

.HPTile28first p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    max-width: 90%;
    height: auto
}

/**** dnavbar test ****/


#navtest {
    top: 0;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 56px;
    position: device-fixed;
    margin-left: auto;
    margin-right: auto;
    opacity: .95;
    background-color: #0f6fb2;
    background-image: -webkit-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -moz-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -o-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -webkit-ms-gradient(top,#0f6fb2 ,#224170);
    background-image: linear-gradient(top,#0f6fb2 ,#224170)
}

#navbarlefttest,#navbarrighttest {
    height: 56px;
    margin: 0 auto;
    z-index: 99999;
    opacity: .95;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box
}

#navbarlefttest {
    max-width: 1200px
}

#navbarrighttest {
    width: 50px;
    float: right
}

#menu-idboox2,#menu-idboox2 li,#menu-idboox2 li a {
    float: left;
    height: 56px;
    list-style: none;
    display: block
}

#menu-idboox2 {
    width: 920px;
    margin: 0 auto;
    z-index: 99999;
    padding-start: 3px;
    padding-left: 3px;
    -webkit-padding-start: 3px;
    -moz-linear-padding-start: 3px;
    o-linear-padding-start: 3px
}

#menu-idboox2 ul {
    float: left;
    max-height: 56px;
    opacity: .95;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 99999
}

#menu-idboox2 li,#menu-idboox2 li a {
    text-align: center;
    color: #fff;
    text-decoration: none
}

#menu-idboox2 li {
    max-width: 100px;
    opacity: .95;
    background-color: #0f6fb2;
    background-image: -webkit-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -moz-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -o-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -webkit-ms-gradient(top,#0f6fb2 ,#224170);
    background-image: linear-gradient(top,#0f6fb2 ,#224170)
}

#menu-idboox2 li a {
    width: 102px;
    text-transform: uppercase;
    font: 12px/56px "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
    box-sizing: border-box;
    z-index: 99999
}

#menu-idboox2 li#menu-item-66450 {
    width: 20px
}

#menu-idboox2 li#menu-item-66450 a {
    font: 40px/56px "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
    width: 20px
}

#menu-idboox2 li#menu-item-66450 a:hover {
    box-shadow: none;
    width: 20px
}

#menu-idboox2 li#menu-item-50676 a,#menu-idboox2 li#menu-item-50677 a,#menu-idboox2 li#menu-item-50678 a,#menu-idboox2 li#menu-item-50679 a {
    font: 12px/56px "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
    width: 102px;
    transition: none;
    float: left
}

#menu-idboox2 li#menu-item-50676 a:hover,#menu-idboox2 li#menu-item-50677 a:hover,#menu-idboox2 li#menu-item-50678 a:hover,#menu-idboox2 li#menu-item-50679 a:hover {
    transform: none;
    width: 102px;
    float: left;
    position: relative;
    box-shadow: none;
    display: block
}

#menu-idboox2 li#menu-item-50676,#menu-idboox2 li#menu-item-50677,#menu-idboox2 li#menu-item-50678,#menu-idboox2 li#menu-item-50679 {
    display: block;
    width: 102px;
    position: relative;
    margin-right: -4em
}

#menu-idboox2 ul,ul.sub-menu {
    position: absolute
}

/**** searchtest test ****/

#articlesearch {
    width: 100%;
    min-height: 220px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative
}

#menu-item-50681 {
    width: 60px;
    height: 56px;
    position: relative;
    float: left;
    display: block
}

#contactnavbar,#recherche3 {
    height: 56px;
    position: relative;
    float: right;
    display: block
}

#recherche3 {
    font-size: 0;
    width: 50px
}

#contactnavbar {
    width: 60px
}

#searchform2,#searchform3 {
    opacity: 1;
    padding: 5px;
    float: right;
    display: none;
    background-color: #0f6fb2;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -o-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -ms-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -moz-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -webkit-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -moz-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -o-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -ms-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: linear-gradient(top,#0f6fb2 ,#224170);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0f6fb2', EndColorStr='#224170');
    z-index: 99999
}

#searchform2 {
    width: 170px;
    height: 30px;
    padding: 35px;
    position: relative;
    display: block;
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text
}

#searchform2:target {
    width: 170px;
    height: 30px;
    float: right;
    opacity: 1;
    padding: 35px;
    position: relative;
    display: block;
    background-color: #0f6fb2;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -o-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -ms-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -moz-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -webkit-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -moz-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -o-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -ms-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: linear-gradient(top,#0f6fb2 ,#224170);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0f6fb2', EndColorStr='#224170');
    z-index: 99999;
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text
}

#searchform2:active,#searchform2:hover {
    width: 170px;
    height: 30px;
    float: right;
    opacity: 1;
    padding: 35px;
    position: relative;
    display: block;
    background-color: #0f6fb2;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -o-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -ms-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -moz-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -webkit-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -moz-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -o-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -ms-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: linear-gradient(top,#0f6fb2 ,#224170);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0f6fb2', EndColorStr='#224170');
    z-index: 99999;
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text
}

/**** searchtest test end ****/
#menu-idboox2 li ul {
    z-index: 99999;
    width: auto;
    max-width: 150px;
    display: none;
    float: left;
    position: relative
}

#menu-idboox2 li li {
    z-index: 99999;
    width: auto;
    max-width: 150px;
    max-height: 56px;
    float: right;
    display: block;
    background-color: #0f6fb2;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -o-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -ms-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -moz-gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: gradient(linear,left top,left bottom,from(#0f6fb2),to(#224170));
    background-image: -webkit-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -moz-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -o-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: -ms-linear-gradient(top,#0f6fb2 ,#224170);
    background-image: linear-gradient(top,#0f6fb2 ,#224170);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0f6fb2', EndColorStr='#224170');
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text
}

#menu-idboox2 li:active ul,#menu-idboox2 li:hover ul {
    z-index: 99999;
    left: auto;
    height: 56px;
    visibility: visible;
    float: none;
    position: relative;
    display: block
}

#menu-idboox2 ul li a:active,#menu-idboox2 ul li a:hover {
    opacity: 1;
    height: 56px;
    display: block;
    visibility: visible;
    z-index: 99999;
    margin: 0;
    overflow: visible;
    float: none
}

#menu-idboox2 li a:active,#menu-idboox2 li a:hover {
    text-shadow: 0 1px 3px #143157;
    overflow: visible
}

#menu-idboox2 li a:hover {
    box-shadow: inset 0 1px 0 #0070a3,inset 0 0 30px 0 #142a4a;
    height: 56px;
    display: block;
    z-index: 99999
}

#menu-idboox2 li a.active,#menu-idboox2 li a:active {
    border-bottom: 1px solid #0e223d;
    height: 56px;
    box-shadow: inset 0 1px 0 #0070a3,inset 0 0 40px 0 #0d1b30;
    display: block;
    z-index: 99999
}

#menu-idboox2 li a span {
    border-left: 1px solid #143157;
    border-right: 1px solid #1563a3;
    height: 100%;
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    z-index: 99999
}

#menu-idboox2 li:first-child a span {
    border-left: none
}

#menu-idboox2 li:last-child a span {
    border-right: none
}

#logoidboox {
    z-index: 99999;
    position: relative;
    text-align: center;
    max-width: 170px;
    display: block;
    height: auto;
    float: left;
    margin: 13px auto 0
}

#logoidboox a img {
    z-index: 99999;
    opacity: 1;
    border: 0;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity = 25);
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

#logoidboox a:focus img,#logoidboox a:hover img {
    z-index: 99999;
    opacity: .5;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity = 90)
}

/**** fin nav test ****/


/*************** menu mobile page enfants ****************/
#navenfants ul {
    margin: 0;
    padding: 0;
    display: none
}

#navenfants li {
    list-style-type: none
}

#navenfants ul li {
    position: relative;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid
}

#menumobileenfant,#navenfants {
    display: none
}

#navenfants {
    width: 100%;
    background-color: #1f67a0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px
}

#navenfants a {
    display: inline-block;
    text-decoration: none
}

#navenfants ul li a {
    color: #fff
}

#navenfants ul li a,#navenfants>ul>li a:hover {
    padding: 15px 30px 20px
}

#navenfants>ul>li:hover {
    border-top: 5px solid #6cbdf0;
    background-color: #0b5488
}

#navenfants>label {
    display: block;
    color: #fff;
    background-color: rgba(52,152,219,.72);
    text-align: center;
    padding: 12px 0;
    height: auto
}

#menumobileenfant:checked~ul,input[type=checkbox]:checked~ul {
    display: block
}

#navenfants li img {
    width: 30px;
    height: auto;
    display: block;
    float: left;
    position: relative;
    padding-right: 10px
}

/****   blocpub ****/

#blocpub,#blocpubfooter {
    position: relative;
    text-align: center;
    display: block;
    height: 200px;
    max-width: 1200px;
    margin: 60px auto 5px
}

#blocpubfooter {
max-width: 640px;
margin: 5px auto
}

#blocpubmobile,#blocpubmobilefooter {
    position: relative;
    text-align: center;
    display: none;
    height: 300px;
    max-width: 1200px;
    margin: 60px auto 5px
}

#blocpubmobilefooter {
max-width: 400px
}

/****   fin blocpub ****/

#fondpagehaut2,#page2 {
    height: 50px;
    background-color: #fff
}

#page2 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: auto
}

#contentleft2 {
    font-family: Arial;
    max-width: 100%;
    height: auto
}

#contenttest {
    font-family: Arial;
    float: left;
    max-width: 74%
}

#contenttestsingle {
    font-family: Arial;
    float: left;
    width: 100%
}
	
#reseauxsociaux {
    float: left;
    display: block;
    width: 250px;
    height: 70px
}

#reseauxsociaux:after {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 30px;
    bottom: -31px;
    left: 0;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: -moz-linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.3)),color-stop(100%,rgba(255,255,255,0)));
    background: linear-gradient(top,rgba(0,0,0,.3) 0%,rgba(255,255,255,0) 100%)
}

#reseauxsociaux:hover {
    position: relative;
    top: -8px
}

/* mise en forme articles page interview */

#articleinterview {
    float: left;
    width: 100%;
    display: block;
    min-height: 300px;
    position: relative
}

#imageinterview1 {
    float: left;
    width: 100%;
    display: block;
    height: 340px;
    overflow: hidden
}

#imageinterview {
    text-align: center;
    width: auto;
    height: auto
}

#texteinterview,#titreinterview {
    float: left;
    width: 100%;
    display: block
}

#titreinterview {
    background-color: #3498db;
    -webkit-box-shadow: 0 3px 2px #2a7aaf;
    -moz-box-shadow: 0 3px 2px #2a7aaf;
    -o-box-shadow: 0 3px 2px #2a7aaf;
    -ms-box-shadow: 0 3px 2px #2a7aaf;
    box-shadow: 0 3px 2px #2a7aaf;
    color: #fff;
    min-height: 46px;
    margin-bottom: 4px;
    padding-left: 3px;
    padding-top: 2px;
    font-size: 18px;
    text-align: center
}

#titreinterview a,#titreinterview a:visited {
    color: #fff
}

#titreinterview a:active,#titreinterview a:hover {
    color: #07fffa;
    text-decoration: underline
}

#texteinterview {
    height: 120px;
    font-size: 16px;
    text-align: justify
}

#interview {
    z-index: 999;
    width: 100%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    ms-column-count: 2;
    column-count: 2;
    -moz-column-gap: 8px;
    -webkit-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px;
    ms-column-gap: 8px
}

#texteintro,#titrepage {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    font-size: 18px;
    text-align: justify;
    font-family: Arial,Helvetica,sans-serif;
    padding-right: 6px;
    margin-left: 4px;
    margin-bottom: 30px
}

#titrepage {
    font-size: 30px;
    margin-bottom: 20px
}

/* bouton page interview et adultes*/
.boutonadultes,.boutoninyerview {
    background: #48a8e8;
    background-image: -webkit-linear-gradient(top,#48a8e8,#256f9e);
    background-image: -moz-linear-gradient(top,#48a8e8,#256f9e);
    background-image: -ms-linear-gradient(top,#48a8e8,#256f9e);
    background-image: -o-linear-gradient(top,#48a8e8,#256f9e);
    background-image: linear-gradient(to bottom,#48a8e8,#256f9e);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    text-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 2px 2px 4px #666;
    -moz-box-shadow: 2px 2px 4px #666;
    box-shadow: 2px 2px 4px #666;
    font-family: Arial;
    color: #fff;
    font-size: 20px;
    padding: 18px;
    border: solid #6cbdf0 2px;
    text-decoration: none
}

.boutonadultes:hover,.boutoninyerview:hover {
    background: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db,#3cb0fd);
    background-image: -moz-linear-gradient(top,#3498db,#3cb0fd);
    background-image: -ms-linear-gradient(top,#3498db,#3cb0fd);
    background-image: -o-linear-gradient(top,#3498db,#3cb0fd);
    background-image: linear-gradient(to bottom,#3498db,#3cb0fd);
    text-decoration: none
}

.boutonadultes {
    -webkit-border-radius: 42;
    -moz-border-radius: 42;
    border-radius: 42px
}


/************************************************
*	Sidebartest 					     	    * 
************************************************/
	
#sidebartest {
    float: right;
    width: 302px;
    margin-left: 0;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #ccc;
    line-height: 23px;
    font-size: 14px
}

#sidebartest h2 {
    color: #3498db;
    font-size: 18px;
    font-family: Arial;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding: 3px 0;
    line-height: 20px;
    text-align: center;
    background-color: #f1f1f1
}

#sidebartest p {
    margin-bottom: 5px;
    line-height: 20px;
    margin-left: 10px
}

#sidebartest ul,#sidebartest ul li {
    list-style-type: none;
    border-color: #ccc
}

#sidebartest ul {
    margin: 0 0 10px;
    padding: 0
}

#sidebartest ul li {
    padding-bottom: 18px;
    padding-top: 10px;
    border-top: 1px solid
}

#sidebartest ul li ul {
    list-style-type: none;
    margin: 0 0 5px 5px;
    padding: 0;
    border: 0
}

#sidebartest ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#sidebartest ul li ul li:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #2e9fff;
    border-radius: 50%;
    margin-bottom: 2px
}

#sidebartest ul li ul li {
    margin: 0;
    border: 0;
    padding: 0 0 5px 1em;
    text-indent: -.7em
}

#bodytest {
    background: #fff;
    width: 100%;
    color: #202020;
    text-align: left;
    font-size: 12px;
    font-family: Arial;
    margin-left: auto;
    margin-right: auto
}
		
/* Slider single */		
.pagedImages {
	border: 1px solid #CCC;
	font-size: .1px;
	height: 170px;
	margin: 0;
	overflow-x: auto;	/* fallback for IE8 and other browsers that do not support new CSS3 selectors */
	overflow-y: hidden;	/* fallback */
	padding: 0 0 0px 0;	/* fallback */
	position: relative;
	white-space: nowrap;
	width: 1198px;
}

/* fallback overdrive */


/* mise en forme articles HP */

#contentarticle {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

#articleHP,#contentarticle,#datearticle {
    display: block;
    position: relative
}

#articleHP {
    margin-right: auto;
    padding-bottom: 4px;
    height: 450px;
    max-width: 100%;
    margin-left: auto;
    margin-bottom: 5px
}

#datearticle {
    float: left;
    color: #000;
    max-width: 525px;
    height: 39px;
    font-size: 12px;
    margin-bottom: 4px;
    margin-left: 10px
}

#authorarticle,#authorarticle2,#datearticle2 {
    float: left;
    width: auto;
    display: block;
    font-size: 12px
}

#datearticle2 {
    margin-top: 10px;
    color: #3498db;
    height: 16px
}

#authorarticle,#authorarticle2 {
    color: #fff;
    height: 15px;
    text-transform: uppercase;
    padding-left: 4px;
    padding-right: 4px
}

#authorarticle {
    margin-bottom: 4px
}

#authorarticle2 {
    margin-top: 10px
}

#categoryarticle {
    height: 12px;
    max-width: 536px;
    display: block
}

#categoryarticle2 {
    background-color: #3498db;
    -webkit-box-shadow: 0 3px 2px #2a7aaf;
    -moz-box-shadow: 0 3px 2px #2a7aaf;
    -o-box-shadow: 0 3px 2px #2a7aaf;
    -ms-box-shadow: 0 3px 2px #2a7aaf;
    box-shadow: 0 3px 2px #2a7aaf;
    float: left;
    width: auto;
    display: block;
    height: auto;
    font-size: 9px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    text-transform: uppercase
}

#categoryarticle2,#categoryarticle2 a,#categoryarticle2 a:visited {
    color: #fff;
    text-decoration: none
}

#categoryarticlemobile {
    position: absolute;
    height: 12px;
    max-width: 70%;
    display: none;
    float: left;
    padding-top: 10px;
    padding-left: 10px
}

#categoryarticle2mobile {
    background-color: #3498db;
    float: left;
    color: #000;
    width: auto;
    display: none;
    height: auto;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    text-transform: uppercase
}

#categoryarticle2mobile a {
    color: #fff
}

#imagearticle,#imagearticle2 {
    float: left;
    display: block;
    overflow: hidden
}

#imagearticle {
    margin-bottom: 10px;
    text-align: center;
    position: relative;
    width: 350px;
    height: 200px
}

#imagearticle2 {
    width: 100%;
    height: auto
}

#bloctitrearticle,#titrearticle {
    float: left;
    display: block;
    height: auto;
    position: relative
}

#bloctitrearticle {
    width: 100%;
    margin-bottom: 5px
}

#titrearticle {
    margin-left: auto;
    margin-right: auto;
    max-width: 877px;
    font-size: 22px;
    margin-bottom: 8px;
    padding-top: 10px;
    color: #000
}

#titrearticle a,#titrearticle a:visited,.titreinterview a,.titreinterview a:visited {
    color: #000
}

#titrearticle a:hover {
    color: #07fffa;
    text-decoration: none
}

#avanttitrearticle {
    float: left;
    width: 8px;
    display: block;
    height: 22px;
    margin-right: 7px;
    margin-left: 4px;
    background-color: #3498db;
    -webkit-box-shadow: 0 3px 2px #2a7aaf;
    -moz-box-shadow: 0 3px 2px #2a7aaf;
    -o-box-shadow: 0 3px 2px #2a7aaf;
    -ms-box-shadow: 0 3px 2px #2a7aaf;
    box-shadow: 0 3px 2px #2a7aaf
}

#titreinterview a:hover,.titreinterview a:active {
    color: #07fffa;
    text-decoration: underline
}

#textearticle {
    float: left;
    max-width: 58%;
    display: block;
    color: #000;
    height: auto;
    text-align: justify;
    font-size: 17px;
    padding-right: 10px;
    margin-left: 10px;
    margin-top: 5px
}
		
/* Custom Field iPad */

#boutonamazon,#boutongoogle,#boutonipad,#custom {
    margin-top: 10px;
    font-size: 14px;
    display: block;
    position: relative;
    vertical-align: middle
}

#custom {
    padding-left: 10px;
    border: 2px solid #3498db;
    -webkit-box-shadow: 2px 3px 3px #2a7aaf;
    -moz-box-shadow: 2px 3px 3px #2a7aaf;
    -o-box-shadow: 2px 3px 3px #2a7aaf;
    -ms-box-shadow: 2px 3px 3px #2a7aaf;
    box-shadow: 2px 3px 3px #2a7aaf;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 10px;
    -o-box-border-radius: 10;
    -ms-box-border-radius: 10;
    width: 320px;
    height: auto
}

#boutonamazon,#boutongoogle,#boutonipad {
    width: auto;
    margin-bottom: 10px;
    height: 30px;
    font-weight: 600
}

#boutonamazon,#boutongoogle {
    padding-top: 10px
}
		
/************************************************
*	Article test				     	    * 
************************************************/

#barregauche {
    width: 24%;
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    min-height: 1310px;
    position: relative;
    border: 1px solid #ccc
}

#contenttestsingle1,#pubbarregauche {
    display: block;
    position: relative;
    float: left;
    height: auto
}

#pubbarregauche {
    width: 100%;
    margin: 15px auto 10px;
    text-align: center
}

#contenttestsingle1 {
    max-width: 74%
}

#contentleft3 {
    font-family: Arial;
    float: right;
    max-width: 75%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

#postmetaarticle {
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    padding: 10px 0 0;
    margin: 0 0 10px;
    border-top: 1px solid #ccc
}

#bloctitresingle,#titresingle,.commentbulle2 {
    width: 100%;
    display: block;
    height: auto;
    position: relative
}

#bloctitresingle,.commentbulle2 {
    float: left
}

#titresingle {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 8px;
    margin-left: 4px
}

#titresingle,#titresingle a,#titresingle a:visited {
    color: #000;
    text-decoration: none
}

#titresingle a:hover {
    color: #07fffa;
    text-decoration: none
}

#avanttitresingle {
    float: left;
    width: 8px;
    display: block;
    height: 25px;
    margin: 1px 4px 1px 1px;
    background-color: #3498db;
    -webkit-box-shadow: 0 3px 2px #2a7aaf;
    -moz-box-shadow: 0 3px 2px #2a7aaf;
    -o-box-shadow: 0 3px 2px #2a7aaf;
    -ms-box-shadow: 0 3px 2px #2a7aaf;
    box-shadow: 0 3px 2px #2a7aaf
}

#dateauthorsingle2,#datesingle2 {
    float: left;
    color: #3498db;
    display: block;
    height: 15px;
    font-size: 12px;
    padding-left: 4px
}

#dateauthorsingle2 {
    margin-bottom: 16px;
    padding-top: 0;
    width: 100%
}

#datesingle2 {
    width: auto
}

#contentsingle,#postmetasingle {
    float: left;
    width: 100%;
    height: auto
}

#contentsingle {
    display: block;
    font-size: 16px
}

.contenuarticle {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    margin-right: auto
}

#postmetasingle {
	padding-top: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    margin-left: 5px
}

#categorysingle {
    float: left;
    width: 100%;
    display: block;
    margin-right: 4px
}

#categorysingle2,#commentsingle {
    float: left;
    width: 100%;
    display: block;
    height: auto
}

#categorysingle2, #tagsarticles {
    color: #3498db;
    font-size: 14px;
    padding-top: 1px;
    margin-bottom: 8px;
    text-transform: uppercase
}

#categorysingle2 a,#categorysingle2 a:visited {
    color: #000;
    text-decoration: none
}

#categorysingle2 a:hover {
    color: #07fffa;
    text-decoration: underline
}

#commentsingle {
    position: relative;
    margin-left: 4px
}

/************************************************
*	Related post single				     	    * 
************************************************/
	
#relatedpostsingle {
    float: left;
    text-align: left;
    font-size: 14px;
    width: 100%;
    margin-left: 4px;
    line-height: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc
}

#boutonretourhautsingle,#relatedpostsingle h2 {
    background-color: #3498db;
    -webkit-box-shadow: 0 3px 2px #2a7aaf;
    -moz-box-shadow: 0 3px 2px #2a7aaf;
    -o-box-shadow: 0 3px 2px #2a7aaf;
    -ms-box-shadow: 0 3px 2px #2a7aaf;
    box-shadow: 0 3px 2px #2a7aaf;
    color: #fff;
    height: auto;
    display: block;
    text-transform: uppercase
}

#relatedpostsingle h2 {
    width: 110px;
    padding-left: 6px;
    padding-right: 2px;
    font-weight: 400;
    font-size: 16px;
    padding-top: 1px
}

#relatedpostsingle ul {
    margin: 0 0 10px;
    padding: 0
}

#relatedpostsingle ul li,#relatedpostsingle ul li li,#relatedpostsingle ul li ul li {
    background: #fff url(https://www.idboox.com/wp-content/themes/revolution-code-blue/images/bulletpoint.jpg) no-repeat top left
}

#relatedpostsingle ul li {
    list-style-type: none;
    padding-left: 20px
}

#relatedpostsingle ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#relatedpostsingle ul li li,#relatedpostsingle ul li ul li {
    padding: 0 0 0 15px;
    margin: 0
}

#boutonretourhautsingle {
    text-align: center;
    max-width: 35%;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 6px;
    margin: 20px auto
}

#boutonretourhautsingle a,#boutonretourhautsingle a:visited {
    color: #fff;
    text-decoration: none
}

#boutonretourhautsingle :hover {
    color: #fff
}

/************************************************
*	breadcrumb	2				     	    * 
************************************************/
#fondpagehaut3 {
height: 60px;
max-width: 1200px;
margin-left:auto;
margin-right:auto;
}

#breadcrumb2 {
max-width: 1200px;
height:auto;
position: relative;
float: left;
padding-top : 15px;
font-size: 14px;
vertical-align: middle;
}
	

	
/************************************************
*	Derniers articles				     	    * 
************************************************/
	
#lastarticles {
    float: left;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    padding-top: 10px
}

#lastarticles h3 {
    color: #3498db;
    width: 100%;
    font-size: 17px;
    font-family: Arial;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding: 3px 0;
    line-height: 20px;
    text-align: center;
    background-color: #f1f1f1
}

#lastarticles p {
    margin-bottom: 5px;
    line-height: 20px;
    margin-left: 10px
}

#lastarticles ul {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
    border-color: #ccc
}

#lastarticles ul li {
    list-style-type: none;
    margin: 0;
    padding-bottom: 25px;
    padding-top: 10px
}

#lastarticles ul li img,#thumbarticlesrecents {
    float: left;
    position: relative;
    width: 50px;
    overflow: hidden;
    margin-right: 3px
}

#lastarticles ul li img {
    margin-bottom: 3px;
    height: auto
}

#lastarticles ul li ul {
    list-style-type: none;
    margin: 0 0 10px 10px;
    padding: 0;
    border: 0
}

#lastarticles ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#lastarticles ul li li,#lastarticles ul li ul li {
       padding: 0 0 0 15px;
    margin: 0
}

#lastarticles ul li ul li {
    border: 0
}

#thumbarticlesrecents {
    display: block;
    height: 50px;
    border: 0;
    margin-left: 2px
}

/************************************************
*	Footer Single			     	    * 
************************************************/


#footerbgsingle {
    max-width: 1200px;
    height: auto;
    clear: both;
    background: #f1f1f1;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(.31,#fff),color-stop(1,#f0f0f0));
    background-image: -o-linear-gradient(top,#fff 31%,#f0f0f0 100%);
    background-image: -moz-linear-gradient(top,#fff 31%,#f0f0f0 100%);
    background-image: -webkit-linear-gradient(top,#fff 31%,#f0f0f0 100%);
    background-image: -ms-linear-gradient(top,#fff 31%,#f0f0f0 100%);
    background-image: linear-gradient(to top,#fff 31%,#f0f0f0 100%);
    float: none
}

#footerbgsingle,#footerhautsingle,#footersingle {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

#footersingle {
    width: 100%
}

#footerhautsingle {
    max-width: 1130px;
    height: 140px;
    color: #000;
    padding-left: 70px;
    border-top: 1px solid #3498db
}

#liensfooter,#liensfootergauche {
    list-style-type: none;
    padding: 0;
    text-align: left;
    font-size: 12px
}

#liensfooter {
    z-index: 99;
    margin: 0 0 10px;
    width: 1200px
}

#liensfootergauche {
    width: 600px;
    float: left;
    position: relative;
    display: block;
    font-family: Arial
}

#liensfooterdroite ul li,#liensfootergauche ul li,#liensfootergauchetitre {
    width: 600px;
    list-style-type: none;
    padding: 0;
    text-align: left;
    line-height: 18px;
    font-family: Arial
}

#liensfootergauchetitre {
    margin-top: 10px;
    float: right;
    position: relative;
    display: block;
    color: #3498db;
    font-size: 14px;
    text-transform: uppercase
}

#liensfooterdroite ul,#liensfootergauche ul {
    display: block;
    z-index: 99;
    position: relative;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -moz-column-gap: 4px;
    -webkit-column-gap: 4px;
    -o-column-gap: 4px;
    column-gap: 4px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    font-family: Arial;
    text-transform: none;
    padding-left: 0;
    padding-top: 10px;
    width: 600px
}

#liensfooterdroite ul li,#liensfootergauche ul li {
    font-size: 12px;
    color: #000;
    text-transform: none
}

#liensfootergauche a,#liensfootergauche a:visited {
    color: #000;
    text-decoration: underline
}

#liensfootergauche a:hover {
    color: #07fffa;
    text-decoration: underline
}

#footerbastsingle,#footerbastsinglegauche {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative
}

#footerbastsingle {
    height: auto;
    border-top: 1px solid #3498db;
    text-align: center
}

#footerbastsinglegauche {
    margin-top: 15px
}

#footerbastsinglegauche a {
    margin-right: 8px;
    margin-bottom: 5px
}

#footerbastsinglegauche a:hover {
    opacity: .7
}

#footerbastsinglegauche img,a img {
    margin-bottom: 0
}

#liensfooterdroite {
    width: 530px;
    float: right;
    list-style-type: none;
    padding: 0;
    text-align: left;
    font-size: 12px
}

#footerfin,#liensfooterdroite,#liensfooterdroitetitre {
    position: relative;
    display: block;
    font-family: Arial
}

#liensfooterdroitetitre {
    margin-top: 10px;
    list-style-type: none;
    padding: 0;
    line-height: 18px;
    text-transform: uppercase;
    color: #3498db;
    text-align: left;
    font-size: 14px;
    width: 530px;
    float: right
}

#liensfooterdroite a,#liensfooterdroite a:visited {
    color: #000;
    text-decoration: underline
}

#liensfooterdroite a:hover {
    color: #07fffa;
    text-decoration: underline
}

#footerfin {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    float: left;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #000;
    border: 0;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 10px
}
	
/************************************************
*	Boutons presse numerique		     	    * 
************************************************/	

#boutonpresse {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    display: block
}

#boutonpresseall {
    text-align: center;
    display: block;
    margin-top: 20px;
    float: left;
    padding-bottom: 35px
}

.boutonpressefr {
    background: #48a8e8;
    background-image: -webkit-linear-gradient(top,#48a8e8,#256f9e);
    background-image: -moz-linear-gradient(top,#48a8e8,#256f9e);
    background-image: -ms-linear-gradient(top,#48a8e8,#256f9e);
    background-image: -o-linear-gradient(top,#48a8e8,#256f9e);
    background-image: linear-gradient(to bottom,#48a8e8,#256f9e);
    -webkit-border-radius: 8;
    -moz-border-radius: 8;
    border-radius: 8px;
    text-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 2px 2px 4px #666;
    -moz-box-shadow: 2px 2px 4px #666;
    box-shadow: 2px 2px 4px #666;
    font-family: Arial;
    color: #fff;
    font-size: 14px;
    padding: 9px;
    border: solid #6cbdf0 2px;
    float: right;
    margin-right: 50px;
    text-transform: uppercase
}

.boutonetudeclass:hover,.boutonpresseall:hover,.boutonpressefr:hover,.boutonpresseinternat:hover {
    background: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db,#3cb0fd);
    background-image: -moz-linear-gradient(top,#3498db,#3cb0fd);
    background-image: -ms-linear-gradient(top,#3498db,#3cb0fd);
    background-image: -o-linear-gradient(top,#3498db,#3cb0fd);
    background-image: linear-gradient(to bottom,#3498db,#3cb0fd);
    text-decoration: none
}

.boutonetudeclass a,.boutonetudeclass a:visited,.boutonpresseall a,.boutonpresseall a:visited,.boutonpressefr a,.boutonpressefr a:visited,.boutonpresseinternat a,.boutonpresseinternat a:visited {
    color: #fff;
    text-decoration: none
}

.boutonpresseinternat {
    padding: 9px;
    float: left;
    margin-left: 50px
}

.boutonetudeclass,.boutonpresseall,.boutonpresseinternat {
    background: #48a8e8;
    background-image: -webkit-linear-gradient(top,#48a8e8,#256f9e);
    background-image: -moz-linear-gradient(top,#48a8e8,#256f9e);
    background-image: -ms-linear-gradient(top,#48a8e8,#256f9e);
    background-image: -o-linear-gradient(top,#48a8e8,#256f9e);
    background-image: linear-gradient(to bottom,#48a8e8,#256f9e);
    -webkit-border-radius: 8;
    -moz-border-radius: 8;
    border-radius: 8px;
    text-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 2px 2px 4px #666;
    -moz-box-shadow: 2px 2px 4px #666;
    box-shadow: 2px 2px 4px #666;
    font-family: Arial;
    color: #fff;
    font-size: 14px;
    border: solid #6cbdf0 2px;
    text-transform: uppercase
}

.boutonpresseall {
    text-decoration: none;
    padding: 18px
}

#boutonblocetude,#boutonetude,#boutonpresseall {
    width: 100%;
    height: auto;
    position: relative
}

#boutonetude {
    float: left;
    text-align: center;
    display: block
}

#boutonblocetude {
    display: inline-block
}

#boutonetudeebooks,#boutonetudepresse,#boutonetudesmartphone,#boutonetudetab {
    width: auto;
    height: 50px;
    position: relative;
    display: inline-block
}

.boutonetudeclass {
    padding: 9px;
    float: left;
    margin-left: 10px
}


/************************************************
*	page ebook adultes new	     	    * 
************************************************/	

#ebookadultepremier,#ebookadultepremiertitre {
    width: 100%;
    display: block;
    height: auto;
    position: relative
}

#ebookadultepremier {
    float: left
}

#ebookadultepremiertitre {
    background-color: #3498db;
    -webkit-box-shadow: 0 3px 2px #2a7aaf;
    -moz-box-shadow: 0 3px 2px #2a7aaf;
    -o-box-shadow: 0 3px 2px #2a7aaf;
    -ms-box-shadow: 0 3px 2px #2a7aaf;
    box-shadow: 0 3px 2px #2a7aaf;
    margin-bottom: 8px;
    padding-left: 3px;
    padding-top: 2px;
    text-align: center
}

#ebookadultepremiertitre,#ebookadultepremiertitre a,#ebookadultepremiertitre a:visited {
    color: #fff;
    font-size: 18px
}

#ebookadultepremiertitre a:active,#ebookadultepremiertitre a:hover {
    color: #07fffa;
    text-decoration: underline;
    font-size: 18px
}

#ebookadultepremierimage {
    float: left;
    width: auto;
    display: block;
    height: 150px;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
    background-color: #f7f7f7;
    margin-right: 5px;
    margin-top: 5px;
    position: relative;
    border: 1px solid #3498db
}

#ebookadultepremierimage2 {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    overflow: hidden
}

#ebookadultepremiertexte {
    width: 100%;
    display: block;
    height: auto;
    font-size: 15px;
    line-height: 1.3;
    margin-top: 10px
}

#ebookadultescarres,#ebookadultetitre,#suitearticle {
    width: 100%;
    display: block;
    position: relative;
    float: left
}

#suitearticle {
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #ccc
}

#ebookadultescarres,#ebookadultetitre {
    height: auto
}

#ebookadultescarres {
    border: 1px solid #3498db;
    padding-top: 20px
}

.ebook2 {
    width: 180px;
    height: 250px;
    text-align: left;
    margin-left: 20px;
    padding-right: 20px;
    padding-bottom: 25px;
    float: left;
    overflow: hidden
}

#ebookadultetitre {
    background-color: #3498db;
    -webkit-box-shadow: 0 3px 2px #2a7aaf;
    -moz-box-shadow: 0 3px 2px #2a7aaf;
    -o-box-shadow: 0 3px 2px #2a7aaf;
    -ms-box-shadow: 0 3px 2px #2a7aaf;
    box-shadow: 0 3px 2px #2a7aaf;
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    padding-top: 2px;
    text-align: center
}

/************************************************
*	page ebook enfants new	     	    * 
************************************************/

#boutonsenfants {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    position: relative;
    margin-left: 10px
}

#boutonmoins3ans,#boutonmoins3ans:before {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

#boutonmoins3ans {
    float: left;
    display: block;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 200px;
    height: 114px;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform
}

#boutonmoins3ans:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0%,transparent 80%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0%,transparent 80%);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity
}

#boutonmoins3ans:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

#boutonmoins3ans:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}


/************************************************
*	page author	     	    * 
************************************************/	

#articlearchive,#titrearticleauthor {
    width: 100%;
    display: block;
    position: relative
}

#articlearchive {
    min-height: 220px;
    margin-left: auto;
    margin-right: auto
}

#titrearticleauthor {
    float: left;
    height: auto;
    font-size: 22px;
    padding-top: 10px;
    margin-bottom: 5px
}

#avanttitrearticleauthor {
    float: left;
    width: 8px;
    display: block;
    height: 22px;
    margin-right: 7px;
    margin-left: 4px;
    margin-bottom: 4px;
    background-color: #3498db;
    -webkit-box-shadow: 0 3px 2px #2a7aaf;
    -moz-box-shadow: 0 3px 2px #2a7aaf;
    -o-box-shadow: 0 3px 2px #2a7aaf;
    -ms-box-shadow: 0 3px 2px #2a7aaf;
    box-shadow: 0 3px 2px #2a7aaf
}

#datearticleauthor {
    color: #000;
    height: auto;
    font-size: 12px;
    margin-bottom: 4px;
    padding-top: 2px;
    position: relative
}

#categoryarticle2author,#categoryarticleauthor,#datearticleauthor {
    float: left;
    width: 100%;
    display: block
}

#categoryarticle2author {
    background-color: #3498db;
    -webkit-box-shadow: 0 3px 2px #2a7aaf;
    -moz-box-shadow: 0 3px 2px #2a7aaf;
    -o-box-shadow: 0 3px 2px #2a7aaf;
    -ms-box-shadow: 0 3px 2px #2a7aaf;
    box-shadow: 0 3px 2px #2a7aaf;
    width: auto;
    height: auto;
    font-size: 9px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    text-transform: uppercase
}

#categoryarticle2author,#categoryarticle2author a,#categoryarticle2author a:visited {
    color: #fff;
    text-decoration: none
}

#authorarticle2author,#datearticle2author {
    float: left;
    width: auto;
    display: block;
    height: 15px;
    font-size: 10px;
    margin-top: 10px
}

#datearticle2author {
    color: #3498db
}

#authorarticle2author {
    text-transform: uppercase;
    padding-left: 4px;
    padding-right: 4px
}

#imagearticleauthor {
    float: left;
    min-width: 20%;
    display: block;
    height: 130px;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding-right: 5px
}

#imagearticle2author {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    overflow: hidden
}

#textearticleauthor {
    width: auto;
    display: block;
    color: #000;
    height: auto;
    text-align: justify;
    font-size: 15px;
    padding-right: 10px
}

/************************************************
*	H1 page single     	    * 
************************************************/	
h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin-bottom: 0px;
margin-top: 0px;
font-weight: normal;
}

/************************************************
*	Page annonceurs    	    * 
************************************************/
#annonceurstitre,#anonceur {
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    float: left
}

#anonceur {
    border: 1px solid #3498db;
    padding-top: 20px
}

#annonceurstitre {
    background-color: #3498db;
    -webkit-box-shadow: 0 3px 2px #2a7aaf;
    -moz-box-shadow: 0 3px 2px #2a7aaf;
    -o-box-shadow: 0 3px 2px #2a7aaf;
    -ms-box-shadow: 0 3px 2px #2a7aaf;
    box-shadow: 0 3px 2px #2a7aaf;
    margin-bottom: 10px;
    padding-top: 2px;
    text-align: center
}

#annonceurstitre,#annonceurstitre a,#annonceurstitre a:visited {
    color: #fff;
    font-size: 18px
}

#annonceurstitre a:active,#annonceurstitre a:hover {
    color: #07fffa;
    text-decoration: underline;
    font-size: 18px
}

.hs-wrapper {
    position: relative;
    float: left;
    height: auto;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px
}

#texteintroannonceurs {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    font-size: 18px;
    text-align: justify;
    font-family: Arial,Helvetica,sans-serif;
    padding-right: 6px;
    margin-left: 4px;
    margin-bottom: 5px
}


/**	Formulaire Contact	    **/

#FSContact1 {

max-width: 100%;
height: auto;
display: block;
float: left;
min-width: 400px;
}


/************************************************
*	Bouton Newsletter	    * 
************************************************/
.widget_wysija_cont p label {
  display: block;
  float: left;
  margin-right: 10px;
}

.widget_wysija_cont .wysija-submit {

  display: block;
  margin-top: 10px;
  margin-left: 70px;
 background: #48a8e8;
  background-image: -webkit-linear-gradient(top, #48a8e8, #256f9e);
  background-image: -moz-linear-gradient(top, #48a8e8, #256f9e);
  background-image: -ms-linear-gradient(top, #48a8e8, #256f9e);
  background-image: -o-linear-gradient(top, #48a8e8, #256f9e);
  background-image: linear-gradient(to bottom, #48a8e8, #256f9e);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 2px 2px 4px #666666;
  -moz-box-shadow: 2px 2px 4px #666666;
  box-shadow: 2px 2px 4px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 9px;
  border: solid #6cbdf0 2px;
   text-transform:uppercase;
}

.widget_wysija_cont .error, .widget_wysija_cont .xdetailed-errors {
  background-color: #FFF;
  border-color: #F00;
  color: #000;
  list-style:none;
    font-size: 15px;
  text-align: center;
  line-height: 0.2;
  vertical-align: middle;
  padding-top: 12px;
}

.wysija-checkbox-label {
height: 40px;
}

/************************************************
*	menu mobile 	    * 
************************************************/

#nav-mobile {
  position: absolute;
 max-width: 400px;
  display: none; }
  
#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
	heigth:auto;
    margin-left: 0px;
    margin-right: auto;
    text-align: center;
  	padding-start: 0px;
	margin-top: 55px;
	padding-start: 0px;
	-webkit-padding-start: 0px;
	text-transform: uppercase;
	  max-width: 250px;
	}
	

#nav-mobile li {
    display: block;
padding-bottom:10px;
padding-top:10px;  
    border-bottom: solid 1px #14273C; 
  background-color: #27578A; 
}
	
#nav-mobile li:last-child {
      border-bottom: none; }

#nav-mobile a {
    display: block;
    color: white;
     }
	
#nav-mobile a:hover {
      background-color: #7b9fc6;
      color: #fff; }

/* =Nav
---------------------- */
#nav-trigger {
  display: none;
  max-width:100%;
  text-align: center; 
  position:relative;
  float:left;
  padding-top:5px;
  }
  
#nav-trigger span {
    display: inline-block;
    padding: 10px 30px 0px 5px;
    color: white;
    cursor: pointer;
    text-transform: uppercase; 
	font-size: 25px;
	
	}

    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 0px;
      height: 10px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }

    #nav-trigger span:hover {
      background-color: transparent; }

    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }




	  
#searchform {
	display: none;
	width: 150px;
	position: relative;
	float: left;
	
	text-transform: uppercase;
	font-size: 15px;
	}


/* =Search mobile
-------------------- */

.search-form {
	right: 200px;
	top: 200px;
}

.search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 5px;
margin-top: 10px;
position: absolute;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 100px;
}
.search-form
.search-submit { 
display:none;
}
	

/* =Slideshow livre du mois
-----------------------------*/
#slide,#slideshow {
    width: 302px;
    height: 300px
}

#slide {
    display: block
}

#slide h2 {
    margin-top: 10px
}

#slideshow {
    overflow: hidden;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #ccc;
    display-block: inline
}

#slideshow ul {
    width: 400%;
    height: 298px;
    padding: 0;
    margin: 0;
    list-style: none
}

#slideshow li {
    float: left
}

#slideshow ul li {
    border-top: none
}

/* newsletter mobile
--------------------- */
#newslettermobile {
	width: 100%;
	height:auto;
	float: left;
	display:none;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
		}


#interarticleHP {
	display:none;
	
	}

/* youtube responsive video
---------------------------- */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Page Eliz Ebook
-------------------------------------------------------------- */
@-webkit-keyframes anim {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes anim {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

#contenttestebook {
    font-family: Arial;
    float: left;
    max-width: 100%
}

#blocleft {
    display: block;
    max-width: 100%;
    position: relative
}

#photoeliz {
    float: left;
    width: 50%
}

#photocahier {
    float: right;
    width: 50%
}

#bolcright {
    display: block;
    max-width: 100%;
    height: auto;
    position: relative
}

#lienlivreES,#livreES {
    z-index: 1;
    position: relative;
    float: left
}

#livreES {
    display: block;
    width: 50%
}

#lienlivreES {
    margin-left: 10%;
    margin-top: -25%;
    border: 10px;
    color: #fff;
    border-style: solid
}

#ebookES,#lienebookES {
    z-index: 1;
    position: relative;
    float: right
}

#ebookES {
    width: 50%
}

#lienebookES {
    margin-right: 10%;
    margin-top: -25%;
    border: 10px;
    color: #fff;
    border-style: solid
}

#Cahiernom,#Eliznom,#textebook {
    display: block;
    position: relative;
    font-style: normal;
    color: #000;
    font-family: arial;
    text-shadow: 2px 2px 0 rgba(204,208,237,.81)
}

#textebook {
    max-width: 80%;
    text-align: center;
    height: auto;
    background: #fff;
    margin-left: 10%;
    margin-bottom: -4%;
    border-bottom: solid #fff 20px;
    z-index: 1;
    font-size: 3vw
}

#Cahiernom,#Eliznom {
    z-index: 100;
    margin-top: -38%;
    border: 10px;
    font-size: 2vw;
    background-color: rgba(255,255,255,.7);
    padding: 1%;
    border-radius: 5px 0
}

#Eliznom {
    margin-left: 5%;
    float: left
}

#Cahiernom {
    float: right;
    margin-right: 5%
}

#boutonEliz,#boutonElizF,#boutonElizT {
    display: block;
    float: left;
    position: relative
}

#boutonEliz {
    height: auto;
    width: 100%;
    text-align: center
}

#boutonElizF,#boutonElizT {
    width: 49%;
    text-align: -webkit-right;
    text-align: right
}

#boutonElizF {
    float: right;
    text-align: -webkit-left;
    text-align: left
}

button.btnEliz {
    background: #3498db;
    background-image: -webkit-linear-gradient(top,#3498db,#2980b9);
    background-image: -moz-linear-gradient(top,#3498db,#2980b9);
    background-image: -ms-linear-gradient(top,#3498db,#2980b9);
    background-image: -o-linear-gradient(top,#3498db,#2980b9);
    background-image: linear-gradient(to bottom,#3498db,#2980b9);
    text-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 0 1px 3px #666;
    -moz-box-shadow: 0 1px 3px #666;
    box-shadow: 0 1px 3px #666;
    font-family: Arial;
    color: #fff;
    font-size: 20px;
    padding: 10px 20px;
    text-decoration: none;
    border: 0;
    margin: 2px
}

button.btnEliz:hover {
    background: #5cc1ff;
    background-image: -webkit-linear-gradient(top,#5cc1ff,#3b9bdb);
    background-image: -moz-linear-gradient(top,#5cc1ff,#3b9bdb);
    background-image: -ms-linear-gradient(top,#5cc1ff,#3b9bdb);
    background-image: -o-linear-gradient(top,#5cc1ff,#3b9bdb);
    background-image: linear-gradient(to bottom,#5cc1ff,#3b9bdb);
    text-decoration: none;
    border: 0
}

#presseenparle {
    position: relative;
    padding-top: 30px;
    width: 100%;
    height: auto
}

#presseenparle,#reseauxTF,#traitanime {
    display: block;
    float: left
}

#reseauxTF {
    font-family: arial,helvetica,sans-serif;
    width: 100%;
    height: auto;
    text-align: center;
    padding-top: 20px;
    font-size: 14pt;
    font-weight: 700
}

#traitanime {
    border-bottom: 4px solid #3498db;
    position: relative;
    padding: 15px;
    -webkit-animation: anim 4s 500ms infinite normal ease-out forwards;
    -moz-animation: anim 4s 500ms infinite normal ease-out forwards;
    -ms-animation: anim 4s 500ms infinite normal ease-out forwards;
    -o-animation: anim 4s 500ms infinite normal ease-out forwards;
    animation: anim 4s 500ms infinite normal ease-out forwards
}

/* dateetauthor modif pour mac
-------------------------------------------------------------- */

#dateetauthor {
  display: inline-block;
  min-height: 25px;
  width: auto;
  position: relative;
  float: left;
}



/* pubmobilesingle
---------------------- */

#pubmobilesingle {
	position: relative;
	text-align:center;
	display:none;
	margin-left: auto;
	margin-right: auto;
	height:300px;
	max-width:300px;
	margin-top:10px;
	margin-bottom:5px;

}


/************************************************
*	page Pop Culture & enfants    * 
************************************************/

#applienfant,#popculture {
    z-index: 20;
    float: left;
    position: relative;
    display: block;
    width: 100%;
    height: auto
}

#applienfantarticle,#popculutrearticle {
    float: left;
    display: block;
    position: relative;
    width: 50%;
    max-height: 20em;
    overflow: hidden
}

#applienfantimage,#popculutreimage {
    float: left;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 1px
}

#applienfantimage {
    margin: 1px 1px 1px 3px
}

#imageapplienfant,#imagepopculture {
    float: left;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto
}

#imageapplienfant img,#imagepopculture img {
    width: 100%;
    min-height: 250px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

#imageapplienfant:hover img,#imagepopculture:hover img {
    transform: scale(1.1)
}

#titreenfantimage,#titrepopculutreimage {
    position: relative;
    display: block;
    height: auto;
    font-size: 18px;
    background-color: rgba(72,168,232,.5);
    width: 100%;
    min-height: 1em;
    z-index: 100
}

#titreenfantimage {
    font-size: 16px;
    background-color: rgba(52,152,219,.86)
}

#titreenfantimage a,#titrepopculutreimage a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    -webkit-transition: all .2s linear;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}

#titreenfantimage a:hover,#titrepopculutreimage a:hover {
    background-color: #7b9fc6;
    color: #fff
}
/************************************************
*	page Bons Plans	    * 
************************************************/

#Bonplanstitre {
    width: 100%;
    display: block;
    position: absolute;
    font-size: 25px;
    background: #2a78aa;
    z-index: 100
}

#Bonplanstitre a,#Culturetitre a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    -webkit-transition: all .2s linear;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}

#Bonplanstitre a:hover {
    background-color: #7b9fc6;
    color: #fff
}

#Bonsplansimage2,#Bonsplanstexte {
    width: 100%;
    display: block;
    position: relative
}

#Bonsplansimage2 {
    text-align: center
}

#Bonsplanstexte {
    font-size: 18px
}
/************************************************
*	page Culture	    * 
************************************************/

#Culturetitre,#titreCulutreimage {
    position: relative;
    display: block;
    width: 100%;
    z-index: 100
}

#Culturetitre {
    background: #000;
    font-size: 25px
}

#Culturetitre a:hover {
    background-color: #203644;
    color: #fff
}

#titreCulutreimage {
    background-color: rgba(0,0,0,.5);
    height: auto;
    font-size: 18px;
    min-height: 1em;
    color: #fff
}

#titreCulutreimage a:hover {
    background-color: #000;
    color: #fff;
    position: absolute;
    width: 100%
}

#titreCulutreimage a,#titreCulutreimage a:visited {
    color: #fff;
    text-decoration: none
}


/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 1200px) {
	
#HPTile {
display:none;
}

#nav-trigger {
    display: block; }

#menu-idboox2 ul {
    display: none; }
	
#navbarrighttest   {
    display: none; }
	
#contactnavbar {
    display: none; }

#nav-mobile {
    display: block; }

#searchform {
	display: block;
}
#menu-idboox2 {
    display: none; }

#logoidboox {
    display: none; }

#slider { display: block;
}

#bloc { display: none;
}

#newslettermobile { 
display: block;
margin-left: 5px;
}

p.wysija-paragraph {
display: block;
width: 100%;
height: 15px;
}


.widget_wysija_cont .wysija-submit {
  display: inline;
  margin-top: 5px;
  margin-left: 0px;
padding: 3px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: solid #6cbdf0 1px;
}

.widget_wysija_cont .error, .widget_wysija_cont .error li, .widget_wysija_cont .xdetailed-errors {
  background-color: #FFF;
  border-color: #F00;
  color: #000;
  list-style:none;
 font-size: 15px;
  text-align: center;
  line-height: 0.2;
  vertical-align: middle;
  padding: 0px;
margin:0px;
}

.widget_wysija_cont .error ul {
  list-style-type: none;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}


#titrenewslettermobile {
  color: #3498db;
  width: 100%;
  height: auto;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  font-family: Arial;
  text-transform: uppercase;
   padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  background-color: rgb(241, 241, 241);
}


.wysija-msg {
display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
  position: relative;
  float: left;
}


.widget_wysija_cont .updated ul {
  margin: 0;
  list-style: none;
  -webkit-padding-start: 5px;
}


#imagearticle {
  float:left;
  width: 100%;
  display: block;
  height: 200px;
  overflow: hidden;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

#textearticle {
  float: left;
  max-width: 100%;
  display: block;
  color: #000;
  height: auto;
  text-align: justify;
  font-size: 17px;
  padding-right: 10px;
  margin-left: 10px;
  margin-top: 5px;
}

#footerhautsingle {
 display: none;
}

#contenttest {
max-width: 100%;
}

#textearticle {
  max-width:100%;

}

#contentleft3 {
  max-width:72%;
}

#contenttestsingle1 {
  max-width:100%;
}

#barregauche {
width:27%;
font-size: 14px;
}

#sidebartest {
display:none;
}

#interarticleHP {
float: left;
width: 100%;
text-align: -webkit-center;
height: 302px;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
position: relative;
display: block;
border-top: 1px solid #CCC;
text-align: center;
}


#pubmobilesingle {
  display: block;
}

}

/* =Media Queries fin 1200px
-------------------------------------------------------------- */


@media (max-width: 728px){
	


#blocpubmobile, #blocpubmobilefooter {
display:block;
height:300px;
}

#blocpub, #blocpubfooter {
display:none;
}

#contenttestsingle1 {
	max-width:100%;
	}

}

@media (max-width: 780px){

#slider {
max-width:320px;
}

#barregauche {
display:none;
}

#contentleft3 {
  max-width:100%;
}

.contenuarticle {
  margin-left: 0px;
}

#contenttestsingle1 {
	max-width:100%;
	}

}

@media (max-width: 600px){
	
#contenttestsingle1 {
	max-width:100%;
	}
	
#navenfants {
	display: inline-block;
	}
	
#boutonsenfants{
	display:none;
	}
	
#ebookadultetitre
	{
	display:none;
	}

#interview {
-moz-column-count:auto;
-webkit-column-count:auto;
-o-column-count:auto;
ms-column-count:auto;
column-count:auto;
}

#titreinterview {
min-height: ;
margin-bottom: 14px;
}

#texteinterview {
   height: auto;
}

.boutonpressefr {
	margin-right: 0px;
	  margin-bottom: 20px;
	}
.boutonpresseinternat {
	margin-left: 0px;
	}
	
#popculutrearticle, #applienfantarticle {
	width: 100%;
	}
	
	#imagearticle2 img {
width:100%;
}

#categoryarticlemobile  {
display: block;
}

#categoryarticle2mobile  {
display: block;
}


.commentbullemobile {
display: block;
}

#datearticle {
    display: none; 
}

#boutonpartageHP{
    display: none; 
}

.commentbulle {
    display: none; 
}

	
}



@media (max-width: 320px){
	
#contenttestsingle1 {
	max-width:100%;
	}
	
#ebookadultepremiertexte {
  float: left;
}

#textearticleauthor {
	  float: left;
}

#articlesearch  {
	  float: left;
}

#imagearticleauthor {
  float: none;
  }

}