@charset=iso-8859-1"; 
body{font-family:Arial; font-size:12px; margin:0px; padding:0px; color:#555; background-color:#FFF}
h1{font-family:Verdana,Geneva,sans-serif; font-size:32px; font-style:normal; font-weight:normal; font-variant:normal; color:#000; margin:0 0 0px; padding:0}
h2{font-family:Verdana,Geneva,sans-serif; font-size:16px; font-style:italic; font-weight:lighter; font-variant:normal; text-transform:none; color:#666; margin:0 0 5px; padding:0}
h3{font-family:Verdana,Geneva,sans-serif; font-size:18px; font-style:italic; font-weight:normal; font-variant:normal; text-transform:none; color:#000}
h4{font-family:Verdana,Geneva,sans-serif; font-size:14px; font-style:italic; font-weight:normal; font-variant:normal; text-transform:none; color:#000}
.lien1{font-family:Verdana,Geneva,sans-serif; font-size:18px; font-weight:bold; font-style:normal; text-decoration:underline}
.lien2{font-family:Verdana,Geneva,sans-serif; font-size:14px; font-weight:bold; font-style:bold; text-decoration:underline}
.tableaux{font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold}
.tableaux-lien{font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold}
.-sous-titres{color:#000; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold}
.tableaux-2{font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold}
p{margin:5px 5px; font-family:Arial,Helvetica,sans-serif; font-size:12pt; font-style:normal}
li{margin:0px 0px 3px 0px}
a img{border:none}
a{color:#000}
a:hover{color:#00a2ed}
.content_sidebar h3{color:#C06; margin-bottom:10px}
.content_sidebar p, .content_sidebar li{color:#000; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}
.content_sidebar a{color:#00a2ed}
.content_sidebar a:hover{color:#f52d1b}
.page{position:relative; max-width:990px; top:0px; padding:0px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; font-size:12px}
.page header{display:block; position:relative; height:100px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; background-color:#3B73E4; background-image:none; background-repeat:no-repeat; background-position:0px 0px; padding:0px}
.page header a.logo{position:absolute; top:5px; left:6px; display:block; width:320px; height:95px; background-image:url(../images3/logo-header-3.jpg); background-repeat:no-repeat; background-position:0px 0px; margin:0px; padding:0px; float:left}
.page_content_search{position:absolute; top:45px; right:20px; text-align:right}
.page .page_content{background-color:#fff; padding:1px 0px 1px 0px}
.page .titulares{background-color:#fff; padding:1px 0px 1px 0px; float:left; border:2px solid gray; margin:5px}
.page .contenu { background-color: #fff; padding: 5px 0px 1px 0px; float: left; margin: 5px;}
.page .page_content .page_content_titre{width:100%; float:left; margin:0px; padding:5px}
.page_content_pub{width:75%; float:left; margin:0px; padding:5px}
.page .page_content .page_content_container_left{width:65%; float:left; margin:0px; padding:0px}
.page .page_content .page_content_container_left .page_figure_photo{width:50%; float:left; margin:0px; margin-bottom:0px; padding:0px}
.page .page_content .page_content_container_left .page_figure_titre{width:50%; float:right; margin:0px; padding:0px}
.page .page_content .page_content_container_left .page_figure_autre1{width:20%; float:inherit; margin:0px; padding:0px}
.page .page_content .page_content_container_left .page_figure_autre2{width:20%; float:inherit; margin:0px; padding:0px}
.box{width:27%; height:185px; margin:0px; padding:0px; float:left; margin:2px; border:2px solid gray}
.box2{width:100%; height:auto; margin:2px; padding:5px; float:inherit; margin:2px; border:2px solid gray; margin-bottom:15px}
.box3{width:100%; height:auto; margin:2px; padding:5px; float:inherit; margin:2px; border:0px; margin-bottom:15px}
.image1{display:block; width:100%; height:100%; background-image:url(images2/cover_bloc_1.jpg); background-size:100% auto; background-repeat:no-repeat; margin:0px; padding:0px; float:left}
.image2{display:block; width:100%; height:100%; background-image:url(images2/son-primordial-V2.jpg); background-size:100% auto; background-repeat:no-repeat; margin:0px; padding:0px; float:left}
.image3{display:block; width:100%; height:100%; background-image:url(images2/Miracle-Mozart-V2.jpg); background-size:100% auto; background-repeat:no-repeat; margin:0px; padding:0px; float:left}
.titrePoids{font-family:Verdana,Geneva,sans-serif; font-size:18px; font-style:normal; font-weight:bold; font-variant:normal; text-transform:none; color:#900}
.page .page_content .page_content_container_left .page_article{width:100%; float:inherit; margin:0px; padding:0px}
.page .page_content .page_content_container_right{width:35%; float:right; margin:0px; padding:0px}
.page .page_content .content{padding:0px; margin-top:15px; margin-right:0px; margin-bottom:20px; margin-left:10px}
.page .page_content .content_sidebar{padding:10px; border-radius:45px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-top:15px; margin-right:10px; margin-bottom:20px; margin-left:0px; background-color:#FFF; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}
.page footer{display:block; border-top:1px solid #ddd; padding:15px 10px 15px 20px; font-size:.9em; color:#757575; background-color:#fff; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; -moz-box-shadow:0px 5px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0px 5px 3px rgba(0,0,0,0.3); box-shadow:0px 5px 3px rgba(0,0,0,0.3); background:-moz-linear-gradient(top,#fff 60%,#ccc 90%); background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,#fff),color-stop(90%,#ccc)); text-align:center}
.clear_both{clear:both; line-height:1px}
input{outline:none}
input[type=search]{-webkit-appearance:textfield; -webkit-box-sizing:content-box; font-family:inherit; font-size:100%}
input::-webkit-search-decoration, 
input::-webkit-search-cancel-button{display:none; /* remove the search and cancel icon */}
/* search input field */
input[type=search]{background:#ededed url(../images3/search-icon.png) no-repeat 9px center; border:solid 1px #ccc; padding:9px 10px 9px 32px; width:50px; -webkit-border-radius:10em; -moz-border-radius:10em; border-radius:10em; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s}
input[type=search]:focus{width:130px; background-color:#fff; border-color:#6dcff6; -webkit-box-shadow:0 0 5px rgba(109,207,246,.5); -moz-box-shadow:0 0 5px rgba(109,207,246,.5); box-shadow:0 0 5px rgba(109,207,246,.5)}
input:-moz-placeholder{color:#999}
input::-webkit-input-placeholder{color:#999}
#demo-b 
input[type=search]{width:15px; padding-left:10px; color:transparent; cursor:pointer}
#demo-b 
input[type=search]:hover{background-color:#fff}
#demo-b 
input[type=search]:focus{width:130px; padding-left:32px; color:#000; background-color:#fff; cursor:auto}
#demo-b 
input:-moz-placeholder{color:transparent}
#demo-b input::-webkit-input-placeholder{color:transparent}
@media screen and (min-width:150px) and (max-width:500px){body{padding:5px}
.page .page_content .page_content_titre{visibility:hidden; width:auto; height:0px; margin:0px; padding:0px; float:none; margin:0px}
h1{font-size:24px; color:#000; font-weight:normal; font-family:"Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif; font-style:normal; line-height:normal; font-variant:normal; text-decoration:none; margin:0px 0px 1em 0px}
p{margin:0px 0px 1em 0px; font-size:18px}
.page{margin:0px; padding:0px; font-size:1.2em}
.page header{height:70px}
.page header a.logo{top:10px; left:40px; margin:0px auto 0px auto; width:170px; height:50px; background-image:url(../images3/logo-header-mobile.png)}
.page_content_search{position:absolute; top:6px; right:40px; text-align:right}
.page .page_content{background-color:#fff; padding:1px 0px 1px 0px}
.page .page_content .page_content_titre{width:95%; float:left; margin:0px; padding:0px}
.page .page_content .page_content_pub{width:99%; float:left; margin:0px; padding:3px}
.page .page_content .page_content_container_left{width:inherit; float:none; margin:0px}
.page .page_content .page_content_container_left .page_figure_photo{width:auto;  float:none; margin:0px; alignment-adjust:central}
.page .page_content .page_content_container_left .page_figure_titre{width:auto;  float:none; margin:0px}
.page .page_content .page_content_container_right{width:inherit; float:none; margin:0px}
.page .page_content .content{margin:10px 10px 20px 10px}
.page .page_content .content_sidebar{margin:0px 10px 15px 10px}
.page .page_content .content_sidebar figure{width:30%; float:right; margin-left:15px}
.page_content_search{width:inherit; float:none; margin:0px}
.page footer{font-size:.8em; width: 95%}
#google_bas{visibility:hidden}

}
@media screen and (min-width:501px) and (max-width:800px){body{padding:7px}
.page .page_content .page_content_titre{visibility:hidden; width:auto; height:0px; margin:0px; padding:0px; float:none; margin:0px}
.page .page_content .page_content_pub{width:99%; float:left; margin:0px; padding:3px}
.page .page_content .page_content_mobile{width:75%; float:left; margin:0px; padding:5px}
h1{font-size:24px; color:#000; font-weight:normal; font-family:"Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif; font-style:normal; line-height:normal; font-variant:normal; text-decoration:none; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}
.page{margin:0px; padding:0px; font-size:1.15em}
.page header{height:90px; background-image:none; padding:10px 50px 0px 75px; background-color:#3B73E4}
.page header a.logo{top:10px; left:150px; width:306px; height:95px; background-image:url(../images3/logo-header-tablette.png); background-repeat:no-repeat; background-position:0px 0px; border-top-style:0; border-right-style:0; border-bottom-style:0; border-left-style:0}
.page .page_content{background-color:#fff; padding:1px 0px 1px 0px}
.page .page_content .page_content_titre{width:95%; float:left; margin:0px; padding:0px}
.page nav{top:108px}
.page nav a{border-color:#fff; margin-left:10px; padding:5px 10px 5px 10px; font-size:.9em}
.page .page_content .page_content_container_left .page_figure_photo{width:auto;  float:none; margin:0px}
.page .page_content .page_content_container_left .page_figure_titre{width:auto;  float:none; margin:0px}
}
@media screen and (min-width:801px) and (max-width:10000px){body{padding:20px}
}