* {
margin:0;
padding:0;
}
li {
list-style:none;
}
a {
color:#0b31e4;
transition:all 0.4s ease-in-out;
transition-property:color;
font-weight:bold;	
text-decoration:none;
}
a:hover {
color:#000;
}
abbr {
color:#a3040e;
cursor:help;
}
body {
width:100%;
font-family:Verdana,Arial;
background-image:url(../img/header/background.jpg);
background-color:#b7b7b7;
background-position:top center;
background-repeat:no-repeat;
font-size:1em;
color:#000;
}
article,div,figure,figure img,nav,p,hr,video,footer {
float:left;
}
.wrapper,.wrapperheader {
float:none;
margin:0 auto;
}
figure img{
width:100%;
border:solid 1px #000;
box-shadow:3px 3px 3px #000;
box-sizing:border-box;
}
#headerid {
float:left;
width:100%;
background-image:url(../img/header/altichat-background.png);
background-repeat:no-repeat;
background-position:82% 0%;
}
#headerid a #logo{
position:absolute;
margin:0.5% 0 0 2%;
width:18%;
}
#headerid figure img{
border:none;
box-shadow:none;
}
nav ul li {
display:inline-block;
position:relative;
width:16%;
margin:0 0.5% 0 0;
}
nav ul li a {
display:inline-block;
height:32px;
line-height:36px;
color:#0b31e4;	
font-family:'Gochi Hand',cursive,Times;
font-weight:normal;
text-align:center;
background:#d3d3d3;	
background-image:linear-gradient(#efefef,#b7b7b7);	
transition:all 0.4s ease-in-out;
transition-property:color;
width:100%;
font-size:1.6em;
border-radius:10px 10px 0 0;	
}
nav ul li a:hover,nav ul li .select {
color:#a3040e;
text-decoration:none;
text-shadow:0 0 15px #999;	
background-repeat:no-repeat;
background-size:100%;
}
nav ul li ul {	
display:none;
position:absolute;
z-index:100;
left:0;
margin:0;
padding:0;
}
nav ul li ul li {
display:inline-block;
position:relative;
width:100%;
}
nav ul li ul li a {
color:#fc4fbd;
font-size:1.3em;
border-radius:0;
}
nav ul li ul li a:hover {
display:block;	
color:#fc4fbd;
text-decoration:none;
text-shadow:0 0 15px #999;	
background-repeat:no-repeat;
background-size:100%;	
}
nav ul li ul .mavsubmenu22 a,nav ul li ul .mavsubmenu28 a,nav ul li ul .mavsubmenu31 a,nav ul li ul .mavsubmenu22 a:hover,nav ul li ul .mavsubmenu28 a:hover,nav ul li ul .mavsubmenu31 a:hover {
color:#0b31e4;
}
nav ul li ul.navssousmenu li a {
font-size:1.4em;
color:#0b31e4;
}
nav ul li a img.imgnav {
display:none; 
}
nav ul li ul.navssousmenu li.select a {
color:#a3040e;
text-shadow:0 0 15px #999;	
}
.navPageChats {
width:100%;
margin:3% 0 0 0;
font-size:0.9em;
}
.navPageChats ul {
float:left;
}
.navPageChats ul li a {
color:#ffffff;
width:96%;
margin:0 2%;
height:32px;
line-height:30px;
padding:0;
border-radius:10px;
font-size:1.05em;
font-family:Verdana,Arial;
font-weight:bold;
background-color:#fc4fbd;
background:linear-gradient(#fe83d2,#fc4fbd);
border:1px solid #fc4fbd;
box-sizing:border-box;
}
.navPageChats ul li.menuLiChat22 a,.navPageChats ul li.menuLiChat28 a,.navPageChats ul li.menuLiChat31 a {
border:1px solid #0b31e4;
background-color:#0b31e4;
background:linear-gradient(#546dde,#0b31e4);
}
.lettrine {
font-family:'Rancho',cursive,Times;
color:#0b31e4;	
font-weight:bold;	
font-size:2em;
margin-left:10px;
}
.retrait {
margin-left:10px;
}
.bleu {
color:#0b31e4;
}
.rose {
color:#fc4fbd;
}
.violet{
color:#5800f1;
}
.rouge{
color:#a3040e;
}
.vert{
color:#1c941c;
}
.vertBis{
color:#417d0c;
}
.majrouge {
color:#a3040e;
text-transform:uppercase;	
}
.texte,.lesiberien {
line-height:21px;
width:98%;
margin:2% 1% 1% 1%;	
font-size:0.95em;
}
h1,h2,h3,.sousTitreChat,.standard {
font-family:'Rancho',cursive,Times;
font-weight:normal;
color:#0b31e4;
}
h1,h2,h3,.sousTitreChat {
float:left;
width:100%;
text-align:center;
}
h1 {
margin:3% 0 0.5% 0;	
}
h2 {
margin-top:2%;
}
h1,h2 {
font-size:2.4em;
}
.contactH1 {
margin:2% 0 0 0;	
}
.accueil h2 {
text-align:left;
width:51%;
margin:2% 0 0 2%;	
font-size:2.2em;
}
p {
text-align:justify;
}
.texte p {
width:53%;
margin:28px 0 0 0;
}
.texte .figureright {
float:right;
width:43%;
margin:2% 0 3% 4%;
}
.texte .figureleft {
width:43%;
margin:2% 4% 3% 0;
}
.sousTitreChat {
font-size:160%;
}
.photochats h2 {
width:96%;
margin:14px 0 2px 4%;	
text-align:left;
font-size:1.9em;
}
.photochats figure {
width:22.5%;
margin:1% 0 4% 2%;
}
.photochats figure img{
position:relative;
transition:all 0.6s ease-in-out;
transition-property:transform;
z-index:10;
}
.photochats figure img:hover {
position:relative;
cursor:zoom-in;
z-index:20;
transform:scale(1.4) rotate(-2deg);	
}
.texte .pchats {
width:70%;
margin:2% 15% 0 15%;
}
.alignCenter {
text-align:center;
}
.textechatons {
width:47%;
margin:2% 1% 0 2%;	
}
.textechatonsbis {
margin:2% 2% 0 1%;	
}
.textechatons .figureleftchatons {
width:52%;
margin:2% 3% 3% 0;
max-width:320px;

}
.textechatons p {
float:left;
width:45%;
margin:2% 0 0 0;
text-align:left;
font-size:1em;
line-height:20px;	
}
.contact p {
width:100%;
margin:2% 0 0 0;
}
hr {
width:90%;
height:2px;
margin:30px 5% 20px 5%;
background-color:#999999;
border:none;
}
video,.fullDiv {
width:100%;
}
.articlevideo {
width:46%;
margin:40px 2% 20px 2%;
}
.particlevideo {
float:none;
padding:1% 5%;
background-color:rgba(0,0,0,0.7);
color:#fff;
}
.figurefacebook {
width:40px;		
}
.figurefacebook img {
border:none;
box-shadow:none;		
}
.lesiberien {
margin:0 1% 0 1%;
padding-bottom:20px;
border-bottom:solid 1px #999;
}
.lesiberien:last-child {
border-bottom:none;
}
.sib01,.sib02  {
width:48%;
}
.sib02 {
margin:0 0 0 4%;
}
.lesiberien h2 {
margin:20px 0 10px 0;
font-size:2.2em;
}
.lesiberien p {
width:66%;
margin:2% 0 0 0;	
}
.lesiberien figure {
width:30%;
}
.lesiberien .leSiberienFigureRight {
margin:2% 0 3% 4%;	
}
.lesiberien .leSiberienFigureLeft {
margin:2% 4% 3% 0;	
}
.standard {
display:inline;
margin :10px 0 0 0;
font-size:1.4em;
}
.photochats,.lesiberien .sib01 p,.lesiberien .sib02 p {
width:100%;
}
#bodyslider {
background-color:#242424;
background-image:none;
}
.articleslider h2 {
margin-top:3%;
font-size:2.4em;
text-align:center;
}
.news a {
color:#000;
font-size:0.95em;
}
.newsdate {
font-size:1em;
}
.news a:hover {
color:#0b31e4;
text-decoration:underline;
}
.petitfont {
font-size:0.5em;
}
.petitfontplus {
font-size:0.7em;
}
.fontplus {
font-size:1.2em;
}
.txtSolo h2 {
text-align:left;
padding-bottom:10px;
}
.txtSolo {
width:60%;
margin:10px 20%;
padding-bottom:20px;
border-bottom:solid 1px #999;
}
footer {
background-color:#a3a3a3;
width:94%;
padding:28px 3% 28px 3%;
margin:2% 0 0 0;
}
#reseauxsociaux {
float:right;	
margin-top:-44px;
}
#reseauxsociaux figure {
width:40px;
}
#reseauxsociaux figure img {
border:none;
box-shadow:none;
}
.reseauxsociauxlike {
float:left;
height:34px;
margin:4px 0 0 0;
padding-right:38px;
background-size:36px;
background-image:url(../img/header/facebooklike.png);
background-position:center right;
background-repeat:no-repeat;
}
.reseauxsociauxlike .txtFB {
color:#3b5998;
font-size:1em;
line-height:40px;
}
footer .footerlienhaut:last-child {
margin:0;
}
footer .footerlienhaut {
width:100%;
text-align:center;
margin:0 0 10px 0;
}		
footer .footerlienhaut a {
color:#000;
font-weight:normal;
border-left:1px solid #000;
padding:0 2% 0 2.6%;
font-size:0.9em;
}
footer .footerlienhaut a:hover {
text-decoration:underline;
color:#0b31e4;
}
footer .footerlienhaut a:first-child {
border-left:none;
}
#footerlien {
width:100%;
}
#logocontact img {
box-shadow:none;
border:none;
}
.contact,.formulaire {
width:100%;
padding:0 0 30px 0;
border-bottom:solid 1px #999;
}
.contact p {
text-align:center;
}
.formulaire {
margin:20px 0;
}
.formgauche {
margin:10px 1% 0 0;
width:17%;
}
.formcentre {
margin-top:8px;
width:64%;
}
.formdroite {
width:5%;
margin-top:10px;
}
.textAlignRight {
text-align:right;
}
input[type=text],input[type=email],textarea,.reCapGoogle {
font-size:1.05em;
border:1px solid #000;
border-radius:3px;
box-shadow:0 0 1px #fff;
}
input[type=text],input[type=email],textarea {
padding:3px;
}
.reCapGoogle {
padding:1.5px 0 0 1.5px;
}
input[type=email] {
width:64%;
}
input[type=text] {
width:41%;		
}
textarea {
width:96%;
height:150px;
font-size:1.2em;	
}
input[type=text]:hover,textarea:hover,input[type=email]:hover,.reCapGoogle:hover{
background:#00a9f1;
background:linear-gradient(rgba(0,169,241,0.3),rgba(0,169,241,0.1));
border:1px solid #fff;
box-shadow:0 0 1px #000;
}
input[type=text]:focus,textarea:focus,input[type=email]:focus,.reCapGoogle:focus{
background:#fff;
background:linear-gradient(rgba(0,169,241,0.1),rgba(0,169,241,0.1));
border:1px solid #00a9f1;
box-shadow:0 0 1px #000;
}
input[type=submit]{
background:#93dbfe;	
border:1px solid #fff;
padding:8px 14px;
margin:10px auto;
background:linear-gradient(45deg,#08adff,#93dbfe);	
border-radius:4px;
transition:all 0.3s ease-in-out;
transition-property:border-color;
font-size:0.9em;
font-weight:bold;
}
input[type=submit]:hover{	
background:#0bcdff;
border:1px solid #000;	
background:linear-gradient(45deg,#0bcdff,#067cd3);
cursor:pointer;
}
.echecMail {
width :80%;
padding:2% 5%;
margin:2% 5%;
background:#f68686;
background:rgba(255,0,0,0.3);
border:1px solid #ff0000;
text-align:center;
}
.pageNumero {
text-align:center;
width:100%;
margin:2% 0 1% 0;
}
.pageNumeroActive{
color:#a78d0b;
}
.pageNumeroLien{
color:#000;
}
.pageNumeroActive,.pageNumeroLien {
background:#006efb;
background-image:linear-gradient(#183be1,#0098d9);
border:1px solid #fff;	
border-radius:8px;
}
.pageNumeroLien {
transition:all 0.4s ease-in-out;
transition-property:border-color;
}
.pageNumeroLien:hover{
background:#00a9f1;
background-image:linear-gradient(#00a9f1,#006efb);	
border-color:#000;
}
.closeSlider img {
width:32px;
}
.textAlignCenter {
text-align:center;
}
#backTop {
background:url("../img/header/backtop.png") no-repeat;
background-size:cover;
cursor:pointer;
display:none;
opacity:0.6;
position:fixed;
right:20px;
bottom:20px;
width:48px;
height:48px;
}
#backTop:hover {
opacity:1;
}
.ui-widget {
float:none;
}
.ui-widget-header {
float:none;	
display:none;
position:fixed;	
width:100%;
bottom:0;
background:rgba(100,100,100,0.9);
color:#646464;
font-size:0.8em;
padding:7px 0;
line-height:23px;
z-index:500;
color:#fff;	
}
a.cookiebar-close {
text-decoration:none;
padding:6px 10px;
margin:0 0 0 10px;
display:inline-block;
background:#93dbfe;	
border:1px solid #fff;
background:linear-gradient(45deg,#08adff,#93dbfe);	
border-radius:4px;
transition:all 0.3s ease-in-out;
transition-property:border-color;
font-size:0.9em;
font-weight:bold;
}
a.cookiebar-close:hover {
cursor:pointer;
background:#0bcdff;
border-color:#000;	
background:linear-gradient(45deg,#0bcdff,#067cd3);
}
.wrapperSlider {
float:none;	
width:64%;
margin:20px auto 0 auto;
}
#slider {
float:none;	
background-color:rgba(0,0,0,0.6);
box-shadow:0 0 26px #000;
min-height:196px;	
}
.closeSlider {
float:right;
margin-bottom:10px;
}
.closeSlider img {
border:none;
box-shadow:none;
}
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow:hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width:none;
}
.nivo-main-image {
display:block !important;
position:relative !important; 
width:100% !important;
}
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { 
display:block; 
}
.nivo-directionNav a {
position:absolute;
top:48%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
.nivo-controlNav {
float:none;		
text-align:center;
padding:5px 0 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.theme-default {
float:none;
}
.theme-default .nivoSlider {
position:relative;
background:#fff url(imgslider/loading.gif) no-repeat 50% 50%;
margin-bottom:10px;
box-shadow:0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav a {
display:inline-block;
width:22px;
height:22px;
background:url(imgslider/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin:0 2px;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -25px;
}
.theme-default .nivo-directionNav a {
display:block;
width:36px;
height:36px;
background:url(imgslider/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity:0;
transition:all 200ms ease-in-out;
}
#slider:hover .nivo-directionNav a { opacity:1; }
.theme-default a.nivo-nextNav {
background-position:-36px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width:100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width:auto;
height:auto;
background:none;
margin-bottom:5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display:block;
width:120px;
height:auto;
}
#flashInfoRight {	
width:98%;
margin:20px 1% 0 1%;
}
nav ul li a:hover,nav ul li .select,nav ul li ul li a:hover,nav ul li ul li.select a,.navPageChats ul li a:hover {
background-color:#e0dfdf;	
background-image:url(../img/header/patte-chat-left.png),url(../img/header/patte-chat-right.png);
background-position:left top,right top;
background-repeat:no-repeat,no-repeat;
background-size:19px,19px;
}
.navPageChats ul li a:hover {
color:#ffffff;
background-color:#fc4fbd;
}
.navPageChats ul li.menuLiChat22 a:hover,.navPageChats ul li.menuLiChat28 a:hover,.navPageChats ul li.menuLiChat31 a:hover {
color:#ffffff;
background-color:#0b31e4;
}
.colorMessageSend {
color:#2c9901;	
}
@media (max-width:1020px) {
#divnavmobile.classNavMobile {
float:left;
position:relative;
width:0;
height:110px;
opacity:0;
background:#d3d3d3;	
background:linear-gradient(#efefef,#b7b7b7);
transition:0.4s ease-out;	
}
#divnavmobile.classNavMobile.showmenuheader {
position:fixed;	
width:100%;
opacity:1;
z-index:1000;	
}
#iconmobile.navTopMobile {
float:right;	
position:relative;	
right:0;
width:42px;
height:42px;
margin:39px 30px 0 0;
background-size:42px;
background-image:url(../img/header/icon.png);
background-repeat:no-repeat;
z-index:2000;
}
#iconmobile.navTopMobile.showmenuicon {
position:fixed;
}
nav {
position:absolute;
width:0;
opacity:0;
height:100%;
top:110px;
z-index:100;
background:#b7b7b7;
background:rgba(183,183,183,0.8);
transition:0.4s ease-out;
}	
nav#mavmobiletab.showmenu {
position:fixed;	
width:100%;
opacity:1;
}
nav ul li {
width:100%;
margin:0;
}
nav ul li a {
font-size:1.45em;	
height:44px;
line-height:46px;	
border-radius:0;	
}
nav ul li ul {
background:#dfdfdf;
}
nav ul li ul {
background:#dfdfdf;
}
nav ul li ul.displaynavsecond {
position:relative;
display:block;
}
nav ul li ul li {
width:50%;
box-sizing:border-box;
}
nav ul li ul li a {
font-size:1.3em;
height:36px;
line-height:36px;
background:#dfdfdf;
border-bottom:1px solid #ffffff;
box-sizing:border-box;
}
nav ul li ul li:nth-child(1) a,nav ul li ul li:nth-child(2) a {
border-top:1px solid #ffffff;
}
nav ul li ul li:nth-child(1) a,nav ul li ul li:nth-child(3),nav ul li ul li:nth-child(5) a,nav ul li ul li:nth-child(7),nav ul li ul li:nth-child(9) a,nav ul li ul li:nth-child(11) a {
border-right:1px solid #ffffff;
}
nav ul li ul.navssousmenu#navmobiletab {
position:relative;
display:none;	
}
nav ul li a img.imgnav {
display:inline-block;	
position:absolute;
margin-top:15px;
margin-left:30px;
opacity:0.75;    
}
nav.navPageChats {
position:relative;	
opacity:1;
top:0;
z-index:10;
}
nav.navPageChats ul li {
width:50%;
}
p {
text-align:left;
}
.photochats figure img:hover {
transform:none;	
}
footer {
width:100%;
padding:10px 0% 10px 0%;
margin:5% 0 0 0;
}
#footerlien {
width:100%;
}
footer .footerlienhaut a {
padding:0 20px;
font-size:0.9em;
line-height:26px;
}
#reseauxsociaux {	
margin:4px 45px 8px 0;
}
}
@media (max-width:510px) {
.wrapperheader {
width:100%;
}
.wrapper {
width:96%;
}
.wrapperSlider {
width:94%;
margin:10px auto 0 auto;
}
body {
background-size:100% 80px;
font-size:1.01em;
}	
#headerid{
height:80px;	
background-size:145px;
background-position:82% 0%;
}
#headerid a #logo{
width:94px;
}
#divnavmobile.classNavMobile {
height:80px;
}
#iconmobile.navTopMobile {
margin:19px 22px 0 0;
}
nav {
top:80px;	
}
.navPageChats ul {
width:98%;
margin:0 1%;
}
.navPageChats ul li a {
margin:7px 2%;
font-size:1.05em;
}
.texte p {
width:100%;
margin:3% 0 0 0;
}
h1,h2 {
font-size:2em;
}
h1 {
line-height:32px;
}
.accueil h2 {
float:left;
width:100%;
margin:3% 0;
font-size:1.8em;
text-align:center;
}
.texte .figureright {
width:100%;
margin:2% 0 3% 0;
}
.texte .figureleft {
width:100%;
margin:2% 0 3% 0;
}
.lesiberien p {
font-size:15px;	
}
.news a {
font-size:0.7em;
}
.newsdate {
font-size:0.8em;
}
.photochats h2 {
font-size:1.8em;
}
.sousTitreChat {
font-size:140%;
}
.photochats figure {
width:46%;
margin:1% 1% 4% 2%;
}
.texte .pchats {
width:100%;
margin:2% 0 0 0;
}
.articlevideo {
width:90%;
margin:5% 5% 6% 5%;
}
.particlevideo {
font-size:0.85em;
}
.lesiberien h2 {
font-size:1.8em;
}
.sib01,.sib02 {
width:100%;
}
.sib02 {
margin:0;
}
.lesiberien figure {
width:100%;
margin:4% 0 2% 0;	
}
.lesiberien .leSiberienFigureRight,.lesiberien .leSiberienFigureLeft {
margin:4% 0 2% 0;	
}
.lesiberien p {
width:100%;	
}
.txtSolo {
width:96%;
margin:10px 2%;
}
.pageNumero {
margin:30px 0 10px 0;
}
#logocontact {
width:22%;
margin:2% 39%;	
}
.formcompte {
width:98%;
margin:8px 1% 4px 1%;
}
.formgauche {
width:100%;
}
.formcentre {
width:90%;
}
.displaynone,.displaynoneSlider {
display:none;
}
.pageNumeroActive,.pageNumeroLien {
padding:10px 12px;
margin:0 8px;	
}
#backTop {
right:12px;
bottom:12px;
width:30px;
height:30px;
}
#flashInfoRight {
margin:12px 1% 6px 1%;
line-height:14px;
}
}
@media (max-width:419px) {
nav ul li ul.navssousmenu li {
width:100%;
}
nav ul li ul li a {
font-size:1.3em;
height:36px;
line-height:36px;
background:#dfdfdf;
border-bottom:1px solid #ffffff;
box-sizing:border-box;
}
nav ul li ul li:nth-child(2) a {
border-top:none;
}
nav ul li ul.navssousmenu li, nav ul li ul.navssousmenu li a {
border-right:none;
}
.pageNumeroActive,.pageNumeroLien {
padding:10px 12px;
margin:0 6px;	
}
}
@media (max-width:379px) {
footer .footerlienhaut a {
font-size:0.85em;	
}	
.pageNumeroActive,.pageNumeroLien {
padding:10px 10px;
margin:0 6px;	
}
}
@media (max-width:348px) {
.navPageChats ul li a {
font-size:0.95em;
}
footer .footerlienhaut a {
font-size:0.8em;	
}
.pageNumeroActive,.pageNumeroLien {
padding:8px 8px;
margin:0 5px;	
}	
}
@media (max-width:620px) {
.textechatons {
width:100%;
margin:2% 0 0 0;
}	
.textechatonsbis {
margin:2% 0 0 0;	
}	
.textechatons .figureleftchatons {
float:none;	
width:100%;
margin:2% auto 3% auto;
}
.textechatons p {
width:94%;	
margin:15px 3% 20px 3%;
text-align:center;
}	
}
@media (max-width:800px) {
footer .footerlienhaut a {
float:left;	
width:50%;
padding:0 8px;
box-sizing:border-box;
}
footer .footerlienhaut.footerlienhaut1 a {
width:50%;
}
footer .footerlienhaut.footerlienhaut1 a:nth-child(1),footer .footerlienhaut.footerlienhaut1 a:nth-child(2) {
margin-bottom:10px;	
}
footer .footerlienhaut.footerlienhaut1 a:nth-child(3) {
border-left:none;	
}
footer .footerlienhaut.footerlienhaut2 a {
width:100%;
border:none;
}
footer .footerlienhaut.footerlienhaut2 a:nth-child(1) {
padding-bottom:8px;		
}	
}
@media (min-width:511px) and (max-width:1020px) {
.wrapperheader {
width:100%;
}	
.wrapper  {
width:86%;
}
.wrapperSlider {
width:94%;
margin:10px auto 0 auto;
}
body {
background-size:100% 110px;
}	
#headerid{
height:110px;	
background-size:200px;
background-position:85% 0%;
}
#headerid a #logo{
width:128px;
}
.navPageChats {
margin-top:2%;
}	
.navPageChats ul {
width:90%;
margin:0 5%;
}
.navPageChats ul li a {
margin:7px 2%;
font-size:1.05em;
}
.texte p {
width:100%;
margin:3% 0 0 0;
}
h1,h2 {
font-size:2.05em;
}
.accueil h2 {
float:left;
width:100%;
margin:5% 0 2% 0;
font-size:1.95em;
text-align:center;
}
.texte .figureright,.texte .figureleft {
float:none;	
width:100%;
max-width:570px;
margin:2% auto 3% auto;
}
.news a {
font-size:0.75em;
}
.newsdate {
font-size:0.85em;
}
.photochats h2 {
font-size:1.8em;
}
.sousTitreChat {
font-size:140%;
}
.photochats figure {
width:46%;
margin:1% 1% 4% 2%;
}
.textechatons {
width:100%;
margin:2% 0 0 0;
}
.textechatonsbis {
margin:2% 0 0 0;	
}
.texte .pchats {
width:100%;
margin:2% 0 0 0;
}
.articlevideo {
width:80%;
margin:5% 10% 2% 10%;
}
.lesiberien h2 {
font-size:1.8em;
}
.sib01,.sib02 {
width:100%;
}
.sib02 {
margin:0;
}
.lesiberien .leSiberienFigureRight,.lesiberien .leSiberienFigureLeft,.lesiberien figure {
float:none;
width:100%;
max-width:360px;
margin:4% auto 2% auto;	
}
.lesiberien p {
width:100%;
margin:2% 0;
}
.txtSolo {
width:96%;
margin:10px 2%;
}
.pageNumero {
margin:30px 0 10px 0;
}
#logocontact {
width:22%;
margin:2% 39%;	
}
.formcompte {
width:98%;
margin:8px 1% 4px 1%;
}
.formgauche {
width:100%;
}
.formcentre {
width:90%;
}
.displaynone,.displaynoneSlider {
display:none;
}
.pageNumeroActive,.pageNumeroLien {
padding:10px 12px;
margin:0 8px;
}
#backTop {
right:12px;
bottom:12px;
width:36px;
height:36px;
}
}
@media (min-width:801px) and (max-width:1020px) {		
.wrapperheader {
width:100%;
}
.wrapperSlider {
width:90%;
}
body {
background-size:100% 130px;
}	
#headerid{
height:130px;	
background-size:240px;
background-position:85% 0%;
}
#divnavmobile.classNavMobile {
height:130px;
}
#headerid a #logo{
width:152px;
}
#iconmobile.navTopMobile {
margin:44px 30px 0 0;
}
nav {
top:130px;	
}
nav ul li a {
font-size:1.55em;	
}
nav ul li ul li a {
font-size:1.4em;	
}	
nav.navPageChats ul li {
width:33.33%;
}
h1,h2 {
font-size:2.3em;
}
.accueil h2 {	
font-size:2.2em;
}
.news a {
font-size:0.9em;
}
.newsdate {
font-size:1em;
}
.sousTitreChat {
font-size:140%;
}
.lesiberien h2 {
font-size:2em;
}
#logocontact {
width:16%;
margin:2% 42%;	
}
.formcompte {
width:94%;
margin:8px 3% 4px 3%;
}
.formgauche {
width:22%;
}
.formcentre {
width:72%;
}
.displaynone {
display:none;
}
.pageNumeroActive,.pageNumeroLien {
padding:10px 12px;
margin:0 8px;
}
#reseauxsociaux {	
margin:2px 20px 6px 0;
}
}
@media (min-width:1021px) {
#mavmobiletab,.displayNoneMobileTab {
display:block!important;
}
.displayNoneScreen {
display:none;
}
nav ul li:hover ul {
display:block;
}
nav.navPageChats ul li {
width:25%;
margin:0 0 20px 0;	
}
nav ul .menuLiChat30 {
margin-bottom:10px;		
}
}
@media (min-width:1021px) and (max-width:1100px) {
#reseauxsociaux {	
margin-right:45px;
}
}
@media (min-width:1021px) and (max-width:1200px) {
.wrapper,.wrapperheader {
width:94%;	
min-width:1000px;
}
.wrapperSlider {
width:92%;
}
body {
background-size:100% 190px;
}	
#headerid{
height:190px;	
background-size:35%;
}
#headerid a #logo{
width:19%;	
max-width:170px;
}
nav {
width:99%;
margin:-32px 0 0 1%;
}
nav ul li a {
font-size:1.5em;	
}
.navPageChats ul {
width:79%;
margin:0 10.5%;
}
nav ul li ul.navssousmenu li a {
font-size:1.2em;
}
.texte .pchats {
width:90%;
margin:2% 5% 0 5%;
}
.sib02 figure {
width:70%;
margin:1% 15%;
}
.txtSolo {
width:80%;
margin:10px 10%;
}
#logocontact {
width:18%;
margin:2% 41%;	
}
.formcompte {
width:90%;
margin:8px 5% 4px 5%;
}
.displaynone {
display:block;
}
.pageNumeroActive,.pageNumeroLien {
padding:1.1%;
margin:0 0.7%;	
}
#backTop {
right:12px;
bottom:12px;
width:36px;
height:36px;
}
}
@media (min-width:1201px) and (max-width:1260px) {
#reseauxsociaux {	
margin-right:70px;
}
}
@media (min-width:1261px) and (max-width:1329px) {
#reseauxsociaux {	
margin-right:30px;
}
}
@media (min-width:1201px) and (max-width:1560px) {
.wrapper,.wrapperheader {
width:94%;	
min-width:1170px;
max-width:1360px;
}
.wrapperSlider {
width:78%;
}
body {
background-size:100% 230px;
}	
#headerid{
height:230px;
background-size:36%;
}
#headerid a #logo{	
max-width:210px;
}
nav {
width:99%;
margin:-32px 0 0 1%;
}
.navPageChats ul {
width:73%;
margin:0 13.5%;
}
nav ul li ul.navssousmenu li a {
font-size:1.35em;
}
.texte {
width:94%;
margin:2% 3% 1% 3%;	
font-size:1em;
}
.lesiberien {
font-size:1em;	
}
.texte .pchats {
width:80%;
margin:2% 10% 0 10%;
text-align:center;
}
.sib02 figure {
width:60%;
margin:1% 20%;
}
.txtSolo {
width:74%;
margin:10px 13%;
}
#logocontact {
width:16%;
margin:2% 42%;	
}
.formcompte {
width:82%;
margin:8px 9% 4px 9%;
}
.displaynone {
display:block;
}
.pageNumeroActive,.pageNumeroLien {
padding:0.95%;
margin:0 0.55%;	
}
#flashInfoRight {
width:94%;
margin:30px 3% 0 3%;
}
}
@media (min-width:1561px) {
.wrapper,.wrapperheader {
width:1440px;
}
body {
background-size:100% 240px;
}
#headerid{
height:240px;	
background-size:31%;
}
#headerid a #logo{	
max-width:220px;
}
nav {
width:90%;
margin:-32px 4% 0 6%;
}
nav ul li ul li a {
font-size:1.4em;
}
.navPageChats ul {
width:59%;
margin:0 20.5%;
}
.texte {
width:92%;
margin:2% 4% 1% 4%;	
font-size:1em;
}
.lesiberien {
font-size:1em;	
}
.textechatons {
width:42%;
margin:2% 2% 0 6%;	
}
.textechatonsbis {
margin:2% 6% 0 2%;	
}
.articlevideo {
width:40%;
margin:40px 5% 20px 5%;
}
.sib02 figure {
width:50%;
margin:1% 25%;
}
#logocontact {
width:16%;
margin:2% 42%;	
}
.formcompte {
width:66%;
margin:8px 17% 4px 17%;
}
.displaynone {
display:block;
}
.pageNumeroActive,.pageNumeroLien {
padding:0.85%;
margin:0 0.45%;	
}
#flashInfoRight {
width:92%;
margin:30px 4% 0 4%;
}
}