/* --------------------------------------------------------------

   perso.css

-------------------------------------------------------------- */

/* Elements principaux
------------------------------------------ */
body { text-align: center; background:#FFFFFF;
margin:0 0 0 0;
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
font-size:1em;
color:#333333;
font-weight:300;
}
.page_sommaire{

}
.page_article{

}

.page a{
text-decoration:none;
}
.page a:link{
text-decoration:none;
}
.page a:hover{
text-decoration:none;
}
.page a:focus{
text-decoration:none;
}
.page a:visited{
text-decoration:none;
}
.big,
.big0,
.big00{
display:block;
}
.small{
display:none;
}
.my_title_logo{
font-family: 'Bree Serif', serif; 
color:#FFFFFF; 
font-size:2.1em;
font-weight:300;
line-height:2em;  
position:absolute; 
width:100%; 
text-align:center; 
top:2em;

}
.my_title_logo_art{
font-family: 'Bree Serif', serif; 
color:#FFFFFF; 
font-size:2.1em;
font-weight:300;
line-height:2em;  
position:absolute; 
width:100%; 
text-align:center; 
top:2em;

}
#slogan{
position:absolute; 
width:100%;
color:#FFFFFF;
font-size:1.1em;
font-weight:400;  
text-align:center; 
top:7em;

z-index:50;
}
#slogan_art{
position:absolute; 
width:100%;
color:#FFFFFF;
font-size:1.1em;
font-weight:400;  
text-align:center; 
top:7em;

z-index:50;
}
.rose{
background-image:url(img/blanc_rose600.jpg);
background-repeat: repeat;
background-position:top center;
background-size:100%;
}
.roseL{
background-image:url(img/rose_blanc600.jpg);
background-repeat: repeat;
background-position:top center;
background-size:100%;
}
.colorR{
color:#FF9999 !important;
}
.colorB{
color: #35B8D7 !important;
}
.colorBL{
color: #FFFFFF !important;
}
.plusR{
color:#FF9999; margin-left:0.5em; margin-right:0.5em;
}
.bleu{
background-image:url(img/blanc_bleu600.jpg);
background-repeat: repeat;
background-position:top center;
background-size:100%;
}
.bleuL{
background-image:url(img/bleu_blanc600.jpg);
background-repeat: repeat;
background-position:top center;
background-size:100%;
}
.bleuF{
position:relative;bottom:0;max-width:1520px; width:100%; margin-top:-2em; background-color:#04294B;  
font-size:1em; line-height:1.4em; color:#FFFFFF;
padding-top:1em;
min-height:200px; height:100%; 
}
.bleuF a{
color:#FFFFFF;
text-decoration:none !important;
}
.m1-2_top{
margin-top:1.5em;
}
.miname{
margin-top:-4em; margin-bottom:4em;
}
.choose{
width:180px; margin:0.2em; background-color:#FF9999;
}
.underL{
text-decoration: transparent underline; color:#FFFFFF;
}
.noirunder{
color:#000000;
}
.page {max-width:1520px;width:100%; background-color:transparent; margin:0; padding:0;}
.header {}
.spip_logo_site{

}
.main { padding: 0;background-color:transparent; }

.footer { clear: both; padding: 1em 0 0; margin-top:1em; border-top:0.5px solid #FFFFFF;background-color:#04294B;padding-bottom:2em; }
.mifooter{
padding-top:2em;padding-bottom:0em;background-color:#04294B; 
}
.foot-s{
width:auto; margin-left:15%; margin-right:auto;
}
.vidivino1{
position:relative; top:-2em;max-width:1520px; width:100%; min-height:100px;height:auto;background-color:#FFFFFF;
}
.vidivino2{
width:150px;height:81px;padding-top:1em;padding-bottom:1em;
}
/* titres et titrailles
------------------------------------------ */
.mititrerub{
position:absolute; top:80%; width:100%; text-align:center;z-index:5;
}

.mititreart{
position:absolute; top:70%; width:100%; text-align:center;z-index:5;
}

.etiquette_titre{
max-width:480px;width:auto;height:80px; background-color:#FFFFFF; opacity:0.8; padding-top:8px; padding-bottom:5px;
}
.etiquette_titre_hid{
max-width:480px;width:auto;height:80px; background-color:#FFFFFF; opacity:0.8; padding-top:8px; padding-bottom:5px;
visibility:hidden;
}
h1 .mititre{
color:#000000;font-family: 'Bree Serif', serif; font-size:2em;
font-weight:300;padding:0; margin:0; line-height:0.7em;
}
.misous_titre{
font-size:1.1em;
line-height:1.1em;
color:#000000;
}
h2 {
font-family: 'Bree Serif', serif; font-size:1.7em;
font-weight:300;
line-height:1.2em;
margin-top:1em;
margin-bottom:1em;
padding:0;
}



/* contenus
------------------------------------------ */
.C1520{
max-width:1520px; width:100%;
background-color:#FFFFFF !important;
}

.C1280{
max-width:1280px; width:100%;

}

.C980{
max-width:980px; width:100%;

}
.C780{
max-width:780px; width:100%;

}
.C640{
max-width:640px; width:100%;

}
.texte{
max-width:1520px; width:100%;
text-align:left;
background-color:#FFFFFF;
font-size:1em;
font-weight:400;
line-height:1em;
z-index:6 !important;
}
.Zi5{
z-index:5 !important;
}
.Zi6{
z-index:6 !important;
}
.micontent{
max-width:1520px; width:100%;
text-align:left;
background:#FFFFFF;
font-size:1em;
font-weight:400;
line-height:1em;
}
.micontent980{
text-align:left;
padding:0.5em;
text-align:left;
background:#FFFFFF;
font-size:1em;
font-weight:400;
line-height:1em;
}
.mitxt{
font-size:1em;
font-weight:400;
line-height:1em;
}
.mitxt1{
margin-top:2em;
font-size:1em;
font-weight:400;
line-height:1em;
}
.virtual{
background-image:url(img/virtual_winetour.jpg);
background-repeat: no-repeat;
padding-top:10%;
padding-bottom:9.1%;
margin:0;
}
.txtvirtu{
margin-left:60%;
text-align:left;
max-width:320px;
width:100%;
padding:1em; 
padding-bottom:3em; 
background:#FFFFFF;
opacity:0.7;
font-size:1em;
font-weight:400;
line-height:1em;
}
.events{
background-image:url(img/azurwinetours_vidivino_corporate_1520x695.jpg);
background-repeat: no-repeat;
background-position:bottom center;
padding-top:10%;
padding-bottom:9.1%;
}
.txtevents{
padding-top:25%;
margin-right:60%;
margin-bottom:0;
text-align:center;
max-width:320px;
width:100%;
max-height:695px;
height:100%;
padding-top:1em; 
padding-bottom:0; 
background:transparent;
font-size:1.2em;
font-weight:400;
line-height:1.5em;
}


/* onglets */

div.onglets_print {
	margin:1em;
	padding:0.6em;
	border:1px dashed ;
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
}

div.onglets_print h4 {
	margin-top:0px;
	margin-bottom:0.6em;
}
div .onglets_contenu{
background-color:#FFFFFF !important;
border-color:#FFFFFF !important;
}
div .onglets_bloc_initial{
border-color:#FFFFFF !important;
}
div.onglets_bloc {
	position:relative;
	width:100%;
	clear:both;
font-size:1em;
font-weight:400;
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
background-color:#FFFFFF !important;
color:#333333 !important;

}

div.onglets_bloc h2.onglets_titre a {
	text-decoration:none;
	padding-top:0.50em;
margin-left:0.10em;
margin-right:0.10em;
	height:48px;
	color:#333333 !important;
font-size:1em;
font-weight:400;
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
background-color:#FFFFFF !important;
border-color:#FFFFFF !important;
}

div.onglets_bloc h2.onglets_titre {
	max-width:400px;
	width:30%;
	height:48px;
	padding-top:0.50em;
margin-left:0.10em;
margin-right:0.10em;
background-color:#FFFFFF !important;
color:#333333 !important;
	font-size:1em;
	font-weight:400;
	position:relative;
	z-index:11;
	white-space:nowrap;
	text-align:center;
margin-bottom:2em;
border:solid 1px #FFFFFF;
}

div.onglets_bloc h2.onglets_titre.selected {
	max-width:400px;
	width:30%;
	height:48px;
	padding-top:0.50em;
margin-left:0.10em;
margin-right:0.10em;
	border:3px solid #FF9999 ;
	font-size:1em;

	font-weight:400;
	z-index:11;
	top:-1px;
	margin:1px 0px -2px 0px;
	cursor:default;
background-color:#FFFFFF !important;
color:#333333 !important;
}

 div.onglets_bloc h2.onglets_titre.selected .ongletB{
border:3px solid #35B8D7;
}

.content a:link{
color:#333333 !important;
decoration:none !important;
}
.content a:hover{
color:#000000 !important;
decoration:none !important;
}
.content a:focus{
color:#000000 !important;
decoration:none !important;
}
.content a:visited{
color:#333333 !important;
decoration:none !important;
}
h2 .cs_onglet a{
background-color:#FFFFFF !important;
color:#333333 !important;
border-color:#FFFFFF !important;
text-align:center;
padding:0;
margin:0;
}
h2 .cs_onglet a:link{
background-color:#FFFFFF !important;
color:#333333 !important;
border-color:#FFFFFF !important;
padding:0;
margin:0;
}
h2 .cs_onglet a:focus{
background-color:#FFFFFF !important;
color:#333333 !important;
border-color:#FFFFFF !important;
padding:0;
margin:0;
}

h2 .cs_onglet a:visited{
background-color:#FFFFFF !important;
color:#333333 !important;
border-color:#FFFFFF !important;
padding:0;
margin:0;
}
h2 .cs_onglet a:active{
background-color:#FFFFFF !important;
color:#333333 !important;
border-color:#FFFFFF !important;
padding:0;
margin:0;
}
/* Habillage des portfolios
---------------------------------------------- */
.documents_portfolio li {display:inline;margin:0;padding:0;}
.spip_doc_legende{display:none;}
.spip_doc_credits{display:none;} 
.documents_portfolio a {display:inline-block;padding:0;margin:0;border:none !important;color:#EEE;background:#fff;box-shadow: none;}
.documents_portfolio a:hover {color:#999;opacity:0.8;}
.documents_portfolio img {margin:0;}

.spip_document_5 {
margin-top:3em;
padding:0;
width:60px;
height:60px;
}
.spip_document_60 {
margin:0;
padding-top:2em;
width:360px;
height:203px;
}
.spip_document_61 {
max-width:1520px !important;
width:100% !important;
}
.spip_document_157{
max-width:320px;
max-height:440px;
}
.spip_document_164,
.spip_document_165,
.spip_document_166 {
width:320px;
height:auto;
margin-top:0;
padding:0;
margin-bottom:0;
}
/* Reseaux
------------------------------------------ */
.tripad60{
width:60px !important; height:60px !important;
}

.reseaux{
max-width:1520px; width:100%; height:auto; position:relative; top:0;
padding-bottom:1em;

}
.my_suivre{
text-align:center;
font-family: 'Bree Serif', serif;
font-size:1.6em;
color:#FFFFFF;
margin-bottom:1.5em;
}
.my_reseaux{
max-width:200px; width:100%; padding-bottom:1em; position:relative; top:0; margin-bottom:1em; z-index:200; min-height:150px;
}
.mon_reseau{
float:left; width:33%;
}

.spip_document_11 a{
decoration:none; color:#FFFFFF;
width:75px !important;
height:75px !important;
position:relative;
top:0;
}
.spip_document_12 a{
decoration:none; color:#FFFFFF;
width:75px !important;
height:75px !important;
position:relative;
top:0;
}
.spip_document_13 a{
decoration:none; color:#FFFFFF;
width:75px !important;
height:75px !important;
position:relative;
top:0;
}
.face {
width:100%; height:80px; color:#FF9999; font-size:1.2em; padding-left:0em; padding-bottom:0em; padding-top:1em;margin-bottom:0em; font-weight:500;
}

.insta{
width:100%; height:80px; color:#FF9999; font-size:1.2em; padding-left:0em; padding-bottom:0; padding-top:1em;margin-bottom:0em; font-weight:500;z-index:201;
}
.trip{
width:100%; height:80px; color:#FF9999; font-size:1.2em; padding-left:0em; padding-bottom:0em; padding-top:1em;margin-bottom:0em; font-weight:500;
}
.face_bleu{
width:100%; height:80px; color:#35B8D7; font-size:1.2em; padding-left:0em; padding-bottom:0em; padding-top:1em;margin-bottom:0em; font-weight:500;
}
.insta_bleu{
width:100%; height:80px; color:#35B8D7; font-size:1.2em; padding-left:0em; padding-bottom:0em; padding-top:1em;margin-bottom:0em; font-weight:500;
}
.trip_bleu{
width:100%; height:80px; color:#35B8D7; font-size:1.2em; padding-left:0em; padding-bottom:0em; padding-top:1em;margin-bottom:0em; font-weight:500;
}

.texte_reseau {
margin-top:1em;
}
.span_reseau{
font-size:1.4em; font-family: 'Bree Serif', serif; font-weight:300;
}
.footer .bassmall{
line-height:2em;
text-align:left;background-color:#04294B;
color:#FFFFFF !important;
font-weight:300;
}

.bassmall{
line-height:2em;
text-align:left;background-color:#04294B;
color:#FFFFFF;
}
.flex-item3 .bassmall a:link{
color:#FFFFFF;


}
.flex-item3 .bassmall a:hover{
color:#f4faff;
}
.flex-item3 .bassmall a:focus{
color:#f4faff;
}
.flex-item3 .bassmall a:visited{
color:#f4faff;
}
.flex-item3 .bassmall a:active{
color:#f4faff;
}

.titre_bassmall{
text-align:left;color:#FFFFFF !important; font-weight:200;
}
.titre_bassmall2{
text-align:left;color:#FFFFFF !important; font-weight:200; margin-bottom:1.5em;
}

.texte_vidivino{
width:100%; font-size:1.15em; font-weight:400; position:relative; top:2em; left:-3px; padding-bottom:4em;
}
.spip_document_15{
width:180px !important;
height:95px !important;
decoration:none; 
color:#FFFFFF;
visibility:visible;
}
.spip_document_15 a{
width:180px !important;
height:95px !important;
decoration:none; 
color:#FFFFFF;
z-index:1;
visibility:hidden;
}
.spip_document_15 a:link{
width:180px !important;
height:95px !important;
decoration:none; 
color:#FFFFFF;
z-index:1;
visibility:hidden;
}
/* formulaires
------------------------------------------ */
.mibook{
margin-top:2em;
margin-bottom:4em;
}
.mibook a:link{
color:#000000;
decoration:none !important;
}
.my_contact,
.my_form{
min-width:320px; max-width:600px; width:99%; padding:10px; text-align:left; font-size:0.9em;
}

/* largeur calculee du wrapper: 960*70%  = 672px */
.wrapper { max-width:1520px;width:100%; background-color:transparent; margin:0;}
.content {max-width:1520px; width:100%; min-height: 350px; }
/* largeur calculee du aside: 672px / 3 = 224px = 23.333 %*/
.aside { float: right; width: 23.333%; overflow: hidden; }    
  
/* Entete et barre de navigation
------------------------------------------ */
.header { padding-bottom: 0;  }
.header .spip_logo_site { display: block; margin: 0; line-height: 1; font-weight: bold;  }
.header .spip_logo_site,
.header .spip_logo_site a,
.header .spip_logo_site a:hover { background: transparent; text-decoration:none; color:#222; }
.header .spip_logo_site a:hover  {color:#db1762;}
.header .spip_logo_site a:hover img {opacity:0.7;}
.header .spip_logo {margin-bottom:0;}
.header #slogan { margin: 0; }

.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

.nav {}
.nav li {display:inline;}
.nav li a { display: inline-block; padding: 0.25em 0.5em; margin: 0 0.25em 0.5em 0;border-radius: 0.25em;  text-decoration: none;  background: #f0f0f0; color: #db1762; }
.nav li.on a { background:#c41558; color:#fff; font-weight: normal; }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background: #c41558; color:#fff; }
 

.footer .colophon { float: left; height: 40px; width: 70%; margin: 0; }
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none; }
.footer .generator a:hover  {color:#c41558;}


/* liens */


h1{
font-size:1em;
}

.titrose{
font-family: 'Bree Serif', serif;
color:#FF9999;
font-size:1.7em;
font-weight:300;
text-shadow: 0px 0px 0px #;
margin-bottom:1em;
}
.titrose a:link{
color:#FF9999 !important;
text-decoration:none;
opacity:1;
background:none;
text-shadow: 0px 0px 0px #;
}
.titrose a:hover{
color:#FF9999 !important;
opacity:0.8;
background:none;
text-shadow: 0px 0px 0px #;
}
.titrose a:focus{
color:#FF9999 !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrose a:visited{
color:#FF9999 !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px # !important;
}
.titrnoir{
font-family: 'Bree Serif', serif;
color:#000000;
background:#FFFFFF;
font-size:1.7em;
font-weight:300;
text-shadow: 0px 0px 0px #;
line-height:1.2em;
margin-bottom:1em;
z-index:100;
}
.titrnoir a:link{
color:#333333 !important;
text-decoration:none;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrnoir a:hover{
color:#333333 !important;
opacity:0.8;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrnoir a:focus{
color:#333333 !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrnoir a:visited{
color:#333333 !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px # !important;
}
.fromprix{
font-family: 'Bree Serif', serif;
color:#000000;
font-size:16px;
font-weight:400;
width:320px;
height:100px;
position:relative;
left:0px;
top:-344px;
background-image:url(img/indiq_prix_s3_320x100.png);
background-repeat: no-repeat;
background-position:top left;
text-align:left;
padding-left:7px;
padding-top:8px;
z-index:400;
visibility:visible;

}
.top381{
position:relative;
top:-381px;
}
.fromprix2{
font-family: 'Bree Serif', serif;
color:#000000;
font-size:16px;
font-weight:400;
max-width:640px;
width:100%;
height:100px;
position:relative;
left:0px;
top:-381px;
background-image:url(img/indiq_prix_s4_640x100.png);
background-repeat: no-repeat;
background-position:top left;
background-size:100% 100%;
text-align:left;
padding-left:7px;
padding-top:8px;
z-index:400;
visibility:visible;

}
.fromprix_sans{
color:#000000;
font-size:14px;
font-weight:400;
width:320px;
height:100px;
position:relative;
left:0px;
top:-344px;
padding-left:4px;
padding-top:8px;
z-index:400;
visibility:visible;
}
.titrnoir_s{
font-family: 'Bree Serif', serif;
color:#333333;
font-weight:300;
text-shadow: 0px 0px 0px #;
line-height:1.2em;
text-decoration:none !important;
position:relative;
top:-13em;
width:224px;
background-color:#FFFFFF;
opacity:0.8;
height:auto;
padding-top:0.5em;
padding-bottom:0.5em;
text-align:center;
font-size:1.15em;
line-height:1.15em;
margin-bottom:-9em;
}
.martop1{
margin-top:1em;
}
.martop2{
margin-top:2em;
}
.martop2-3{
margin-top:2.5em;
}
.martop3{
margin-top:3em;
}
.martop-1{
margin-top:-1em;
margin-bottom:1.5em;
}
.martop-2{
margin-top:-2em;
margin-bottom:1.5em;
}
.martop-3{
margin-top:-3em;
margin-bottom:2.5em;
}
.martop0{
margin-top:0;
}
.marbot-5{
margin-bottom:-10em;
}
.marbot-6{
margin-bottom:-6em;
}

.marbot-11{
margin-bottom:-11em;
}

.marbot2{
margin-bottom:2em;
}
.marbot1{
margin-bottom:1em;
}
.martopbot_2-5{
margin-top:2em;
margin-bottom:5em;
}

.titrnoir_s a{
color:#333333;
text-decoration:none !important;
}
.soustitr{
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
font-size:1em;
font-weight:100 !important;
}
.titrnoir_s a:hover{
color:#333333 !important;
opacity:0.8;
background:none;
text-shadow: 0px 0px 0px #;
}
.titrnoir_s a:focus{
color:#333333 !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrnoir_s a:visited{
color:#333333 !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px # !important;
}
.titrbleu{
font-family: 'Bree Serif', serif;
color:#35B8D7;
font-size:1.7em;
font-weight:300;
text-shadow: 0px 0px 0px #;
margin-bottom:1em;
}
.titrbleu a:link{
color:#35B8D7 !important;
text-decoration:none;
opacity:1;
background:none;
text-shadow: 0px 0px 0px #;
}
.titrbleu a:hover{
color:#35B8D7 !important;
opacity:0.8;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrbleu a:focus{
color:#35B8D7 !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrbleu a:visited{
color:#35B8D7 !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px # !important;
}
a {
  background: transparent;
  color: inherit;
}
a:visited {
  color: inherit;     
}  
a:focus {
  outline: 0;
  background: transparent !important;
  border: none !important;
  color: inherit !important;
  text-shadow: none;
}
a:hover {
  outline: 0;
  cursor: pointer;
}
a:active {
  outline: 0;
} 
 a { outline: none; }




h3{
font-family: 'Bree Serif', serif;
font-size:1.7em;
font-weight:300;
}
h3 a:link{
color:#333333 !important;
background:none !important;
z-index:100;
visibility:visible;
}
h3  a:hover{color:#666666 !important;
background:none !important;
z-index:100;
visibility:visible;
}
h3 a:focus{
color:#333333 !important;
background:none !important;
z-index:100;
visibility:visible;
}
h3 a:visited{
color:#333333 !important;
background:none !important;
z-index:100;
visibility:visible;
}

.header{
margin:0 0 0 0;
padding:0 0 0 0;

}
.myheader{
display:block;
padding:0 0 0 0;
padding:0 0 0 0;
}
.myheader a:link{
display:block;
padding-top:0;
padding-bottom:0;
}
.myheader a:hover{
display:block;
padding-top:0;
padding-bottom:0;
}

h1 .spip_logo_site a{
color:#FFFFFF;
  text-shadow: 0px 0px 9px #777;
  color: #fff;
}

h1 .spip_logo_site a:hover{
opacity:1;
color:#333333;
text-shadow: 0px 0px 9px #777;
}
h1 .spip_logo_site a:focus{
opacity:1;
  text-shadow: 0px 0px 9px #777;
}
h1 .spip_logo_site a:visited{
opacity:1;
  text-shadow: 0px 0px 9px #777;
}



.header a:hover{
opacity:1;
}
.header .spip_logo_site { display: block; margin: 0; line-height: 1; font-weight: 300;  }

.header .spip_logo_site a:hover img {opacity:1;}

/* bouton
------------------------------------------ */

button { max-width:180px;
width:100%; overflow: hidden !important; }

a:hover{
overflow: hidden !important;
background:none !important;
}
.bouton_rose{
border-radius: 0;
position:relative;
top:0;
max-width:180px;
width:100%;
background-color:#FF9999 !important; 
color:#FFFFFF;
font-weight:800;
height:48px;
border:0;
border-bottom:solid 2px #E58E8E;
padding-top:1em;
padding-bottom:1em;
text-align:center;
font-size:14px;
z-index:100;
visibility:visible;
}

.bouton_rose a:link{
color:#FFFFFF !important;
background:none;
text-decoration:none;
}
.bouton_rose a:hover{
color:#666666 !important;
background:none !important;


}
.bouton_rose a:focus{
color:#666666 !important;
background:none;

}
.bouton_rose a:visited{
color:#FFFFFF !important;
background:none;

}


.bouton_bleu{
border-radius: 0;
position:relative;
top:0;
max-width:180px;
width:100%;
background-color:#35B8D7 !important; 
color:#FFFFFF;
font-weight:800;
height:48px;
border:0;
border-bottom:solid 2px #666666;
padding-top:1em;
padding-bottom:1em;
text-align:center;
font-size:14px;
z-index:100;
visibility:visible;
}

.bouton_bleu a:link{
color:#FFFFFF;
background:none;
text-decoration:none;
}
.bouton_bleu a:hover{
color:#666666 !important;
background:none !important;


}
.bouton_bleu a:focus{
color:#FFFFFF !important;
background:none;

}
.bouton_bleu a:visited{
color:#FFFFFF !important;
background:none;

}


/* Flex
------------------------------------------ */
.flex-container1 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:980px;
width:100%;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:transparent;
position:relative;
margin:0;
padding-top:3em;
padding-bottom:3em;
z-index:1;
}
.pad0{
padding-top:0;
padding-bottom:0;
}
.pad{
padding-top:0.5em;
padding-bottom:0.5em;
}
.pad1{

padding-bottom:2em;
}
.pad3_2{
padding-top:3em;
padding-bottom:2em;
}
.padL1{
padding-left:1em;
}
.flex-container1 > div{
width:50%;
padding:0;
margin:0;
min-height:100px;
background-color:transparent;
color:#666666;
}
.txtazw1{
max-width:480px; width:100%; padding-top:1em;
}
.padtop2{
padding-top:2em;
}

.spip_document_119 {
float:left;
margin-top:1em;
margin-left:0; margin-right:0;max-width:450px;
max-height:600px;
width:70%;
height:70%;
}
.txtazw1b{
max-width:480px; width:100%; padding-top:1em;
}
#idazw1{
order:1;
}
#idazw2{
order:2;
}
#idazw1b{
order:1;
}
#idazw2b{
order:2;
}
#idazw1c{
order:1;
}
#idazw2c{
order:2;
}
.txtazw2,
.textazw2b,
.textazw2c{
max-width:480px; 
width:100%; 
padding:1.5em 1.5em 0em 1.5em; 
text-align:left;
background:#FFFFFF;
font-size:1em;
font-weight:400;
line-height:1em;
}

.flex-container1B {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:980px;
width:100%;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:transparent;
position:relative;
margin:0;
padding:0;
z-index:1;
}
.flex-container1B > div{
width:50%;
padding:0;
margin:0;
background-color:transparent;
color:#666666;
}
#idazw1B{
order:1;
}
#idazw2B{
order:2;
}
#idazw1B,
#idazw2B
{
text-align:left; 
max-width:420px; 
width:100%;  
margin:3px; 
padding:7px; 
background-color:none;
}
#idazw2B{
order:2;
}
.txtazw1B,
.txtazw2B{

}

.flex-container2 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:980px;
width:100%;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:transparent;
position:relative;
margin:0;
padding-top:0;
padding-bottom:0;
z-index:1;
}
.flex-container2 > div{
width:33.3%;
padding:0;
margin:0;
min-height:100px;
background-color:transparent;
color:#666666;
}
#idazw21{
flex-grow:1;
order:1;
}
.txtazw21{
text-align:left;
max-width:320px;
width:100%;
padding:1.5em 1.5em 0em 1.5em;  
background:#FFFFFF;
font-size:1em;
font-weight:400;
line-height:1em;
}

#idazw21b{
flex-grow:1;
order:1;
}
#idazw22{
order:2;
flex-grow:2;
}
.txtazw22{
max-width:640px;
width:100%;
padding-top:1em;
}
#idazw22b{
order:2;
flex-grow:2;
}
.txtazw22b{
max-width:640px;
width:100%;
padding-top:3em;
padding-bottom:2em;
}
.flex-container3 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:980px;
width:100%;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:transparent;
position:relative;
margin:0;
padding-top:0;
padding-bottom:0;
z-index:1;
}
.flex-container3 > div{
width:33.3%;
padding:0;
margin:0;
min-height:100px;
background-color:transparent;
color:#666666;
}

.txtazw3{
width:320px;
min-height:100px;
text-align:left;
background:#FFFFFF;
font-size:1em;
font-weight:400;
line-height:1em;
}
.txtazw3b{
width:320px;
min-height:100px;
text-align:left;
background:#FFFFFF;
opacity:0.7;
font-size:1em;
font-weight:400;
line-height:1em;
padding:1em;
margin-top:30%;
margin-bottom:30%;
}
.flex-container4 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:980px;
width:100%;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:transparent;

margin:0;
padding-top:0;
padding-bottom:0;
z-index:1;
}
.flex-container4 > div{
width:33.3%;
padding:0;
margin:0;
min-height:100px;
background-color:transparent;
color:#666666;
}
#idazw42{
order:2;
flex-grow:1;
}
#idazw41{
flex-grow:2;
order:1;
}


.txtazw41{
width:100%;
height:1em;
background:transparent;
padding-top:1em;
}

.flex-container7 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:480px;
width:100%;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: center;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:transparent;
position:relative;
padding-top:0;
padding-bottom:0;
z-index:1;
}
.flex-container7 > div{
width:33.3%;
padding-top:45px;
margin:0;
height:70px;
background-color:transparent;
color:#333333;
font-size:0.8em;
}
.picto_van{
background-image:url(img/van_150X70.png);
background-repeat: no-repeat;
background-position: center;
text-align:center;
z-index:;
}
.picto_velo{
background-image:url(img/velo_150X70.png);
background-repeat: no-repeat;
background-position: center;
text-align:center;
z-index:;
}
.picto_velo_van{
background-image:url(img/test_velo_van_150X70.png);
background-repeat: no-repeat;
background-position: center;
text-align:center;
z-index:;
}
.picto_bateau{
background-image:url(img/test_bateau_150X70.png);
background-repeat: no-repeat;
background-position: center;
text-align:center;
z-index:;
}
.picto_vis_deg{
background-image:url(img/vis_deg_150X70.png);
background-repeat: no-repeat;
background-position: center;
text-align:center;
z-index:;
}
.picto_duree{
background-image:url(img/duree_150X70.png);
background-repeat: no-repeat;
background-position: center;
text-align:center;
z-index:;
}
.picto_sans{
text-align:center;
z-index:;
}

.HlightR{
color:#FF9999; margin-left:0.5em; margin-right:0.5em;
}
.HlightB{
color:#35B8D7; margin-left:0.5em; margin-right:0.5em;
}
.flex-container10 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:1280px;
width:100%;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:transparent;
position:relative;
top:0;
margin:0;
padding-top:0em;
padding-bottom:0em;
z-index:1;
}

.flex-container10 > div{
width:auto;
padding:0;
margin:0;
min-height:100px;
background-color:transparent;
color:#666666;
}
#idazw10-1{
order:1;
}
#idazw10-2{
order:2;
}
.txtazw10{
margin:0; padding:0; top:0; left:0; max-width:640px; width:100%;
text-align:left;
}

/* flex nav
------------------------------------------ */
.minav{
max-width:1520px; width:100%;z-index:590;
}
.minav a:link{
background-color:transparent !important;
color:#FFFFFF !important;
}
.minav a:hover{
background-color:transparent !important;
color:#000000 !important;
}
.minav a:focus{
background-color:transparent !important;
color:#000000 !important;
}
.minav a:active{
background-color:transparent !important;
color:#FFFFFF !important;
}
.minav .on a {
background-color:transparent !important; 
color:#666666 !important;
}
.minav a:visited{
background-color:transparent !important;
color:#FFFFFF !important;
}
ul .sf-vertical{

} 
.flex-container5 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:1520px;
width:100%;
height:46px;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:transparent; opacity:0.9; 
position:fixed; top:0;
margin:0;
padding-top:0;
padding-bottom:0;
z-index:600;
}
.mirose{
width:100%; height:auto;
background-color:#FF9999;
}
.mirose a{
background:transparent;
}
.mirose a:link{
background:transparent;
}
.mirose a:hover{
background:transparent;
}
.mirose a:focus{
background:transparent;
}
.mirose a:active{
background:transparent;
}
#mirose{
max-width:320px; width:100%;
background-color:#FF9999; 
}
ul #mirose a:hover{
height:640px !important;
}
.mibleu{
width:100%; height:auto;
background-color:#35B8D7; 
}
#mibleu{
max-width:320px; width:100%;
background-color:#35B8D7; 
}
.menu_li_marg11{
margin-top:11px;
padding-top:10px;
z-index:600;
}
.flex-container5 > div{
width:10%;
padding:0;
margin:0;
height:46px;
background-color:transparent;
color:#FFFFFF;
}
div .flex-item5{
text-align:center;
text-transform:uppercase;
}
.txtazw51{
padding-top:0em;
}
#idazw51{
order:1;
width:5%;
z-index:900;
}
#idazw52{
order:2;
width:20%;
padding-top:12px;
}
#idazw53{
order:3;
grow:2 !important;
width:20%;
padding-top:12px;
}
#idazw54{
order:4;
grow:2;
width:20%;
padding-top:12px;
}

.panier{
position:relative; 
top:-7px;
border:none; 
margin:0; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0;
}

#idazw55{
order:5;
width:15%;
padding-top:12px;
}
#idazw56{
order:6;
width:5%;
padding-top:12px;
}
#idazw57{
order:7;
width:5%;
padding-top:12px;
}
#idazw58{
display:none;
}

.txtazw52{
min-width:120px;width:auto;z-index:602;
padding-bottom:1em;
}
.txtazw53{
min-width:120px;width:auto;index:602;
padding-bottom:1em;
}

.left20{
left:20%;
}
.left100{
left:100%;
}
.textL{
text-align:left;
font-size:1em;
text-transform:lowercase;
}
.textJ{
text-align:justify;
}
.autoH{
height:auto;
}
.textL .spip li a{
color:#666666;
background:transparent;
}
.textL .spip li a:link{
color:#666666;
background:transparent;
}
.textL .spip li a:hover{
color:#000000;
background:transparent;
}
.textL .spip li a:focus{
color:#000000;
background:transparent;
}
.textL .spip li a:active{
color:#000000;
background:transparent;
}
.textR{
text-align:left;
}
.flex-item5 a{
text-decoration:none !important;
color:#FFFFFF;
font-size:0.9em;
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
padding-top:0.2em;
font-weight:500;
background:transparent !important;
}
.flex-item5 a:hover{
background_color:transparent;
color:#333333;
}
.flex-item5 a:focus{
background_color:transparent;
color:#333333;
}
.flex-item5 a:visited{
background_color:transparent;
color:#FFFFFF;
}
.flex-container9 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:1520px !important;
width:100%;
height:46px !important;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
  	justify-content: left; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: nowrap;
		   -moz-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
opacity:0.9; 
position:fixed; top:0;
margin:0;
padding-top:0;
padding-bottom:0;
z-index:600;
}
.flex-item9 a{
text-decoration:none !important;
color:#FFFFFF;
font-size:0.9em;
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
padding-top:0.2em;
font-weight:500;
background:transparent !important;
}
.flex-item9 a:hover{
background_color:transparent;
color:#333333;
}
.flex-item9 a:focus{
background_color:transparent;
color:#333333;
}
.flex-item9 a:visited{
background_color:transparent;
color:#FFFFFF;
}
.flex-container9 > div{
max-width:980px;
width:auto;
padding:0;
margin:0;
height:100px!important;
background-color:transparent;
color:#FFFFFF;
}
div .flex-item9{
text-align:center;
text-transform:uppercase;
}

#idazw91{
order:1;
width:10%;
z-index:900;
}
#idazw92{
order:2;
width:0%;
padding-top:12px;
z-index:620;
}
#idazw93{
order:3;
width:20%;
padding-top:12px;
z-index:620;
}
#idazw94{
order:4;
width:20%;
padding-top:12px;
z-index:620;
}

#idazw95{
order:5;
width:14%;
padding-top:12px;
z-index:620;
}
#idazw96{
order:6;
width:14%;
padding-top:12px;
z-index:620;
}
#idazw97{
order:7;
width:14%;
padding-top:12px;
z-index:620;
}
#idazw98{
order:8;
width:14%;
padding-top:12px;
z-index:620;
}
#idazw99{
order:9;
width:20%;
right:0;
top:0; 
padding-top:12px;
z-index:620;
}
.txtazw9{
index:602;
padding-bottom:1em;
}

.miicon{
width:30px; height:30px;opacity:1; 
}

.nav{
float:right;min-width:320px; width:100%;overflow:scroll;opacity:1 !important;z-index:602;
padding-bottom:4em;
}

.nav-toggle{
color:#FFFFFF !important;
}
.nav ul{
min-height:520px; height:100%;
padding-bottom:2em;
font-size:1.2em;
}

#manav a{
background-color:transparent !important;
color:#FFFFFF !important;
}
#manav a:hover{
background:transparent !important;
color:#000000 !important;
}
#manav a:focus{
background:transparent !important;
color:#000000 !important;
}
#manav a:active{
background:transparent !important;
color:#FFFFFF !important;
}
#manav .on a {
background:transparent !important; 
color:#666666 !important;
}
#manav a:visited{
background:transparent !important;
color:#FFFFFF !important;
}
li .nav-item{
margin:10px;
padding:10px;
height:40px;
}
.first .text_liennav{
width:100%;
margin-top:11px;
padding-top:10px;

text-align:left;
height:40px;
}
li div .text_liennav{
width:300px;
padding-top:20px;
padding-bottom:20px;

text-align:left;
text-transform:none;
height:auto;
}

.text_liennav{
text-align:left;
text-transform:none;
font-size:1.2em;
line-height:3em;

}

div .text_liennav{
margin-left:15px;
margin-right:15px;
padding-left:10px;
padding-right:10px;
border-bottom:solid 1px #FFFFFF;
}
.text_liennav2{
width:auto;
padding-right:21px;
padding-top:10px;
text-align:right;
height:40px;

}
.text_liennav3{
width:auto;
padding-top:10px;
text-align:center;
height:40px;

}
.miicon{
width:30px; height:30px;opacity:1; 
}

/* sous nav sommaire
------------------------------------------ */
.menusomsub{
max-width:640px;
width:100%;
}
.menusomsub a:link{
color:#FFFFFF !important;
}
.menusomsub a:hover{
color:#000000 !important;
}
.menusomsub a:focus{
color:#000000 !important;
}
.footer{
color:#FFFFFF !important;
font-weight:300;
}
.footer a:link{
color:#FFFFFF !important;
}
.footer a:hover{
color:pink !important;
}
.footer a:focus{
color:pink !important;
}
.footer a:active{
color:pink !important;
}
.footer a:visited{
color:pink !important;
}

.flex-container04 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:640px;
width:100%;
height:80px;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:#FF9999; opacity:0.8; 
position:absolute; 
top:75%;
margin:0;
padding-top:0;
padding-bottom:0;
z-index:600;
}
.flex-container04 > div{
width:25%;
padding:0;
margin:0;
height:80px;
background-color:transparent;
font-size:1em;
color:#FFFFFF;
}

div .flex-item04{
text-align:center;
text-transform:uppercase;
font-size:0.9em;
line-height:1em;
padding-top:20px;
}
.flex-item04 a{
text-decoration:none !important;
color:#FFFFFF;
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
font-weight:500;
}
.flex-item04 a:hover{
background_color:transparent;
color:#333333;
}
.flex-item04 a:focus{
background_color:transparent;
color:#333333;
}
.flex-item04 a:visited{
background_color:transparent;
color:#FFFFFF;
}

.txtazw041{

}
#idazw041{
order:1;
width:25%;
border-right:solid 2px #FFFFFF;
border-left:solid 2px #FFFFFF;
}
#idazw042{
order:2;
width:25%;
padding-top:;
border-right:solid 2px #FFFFFF;
}
#idazw043{
order:3;
width:25%;
padding-top:px;
border-right:solid 2px #FFFFFF;
}
#idazw044{
order:4;
width:25%;
padding-top:px;
border-right:solid 2px #FFFFFF;
}



.flex-container6 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:640px;
width:100%;
height:80px;
		-webkit-flex-direction: row;
		 -moz-flex-direction: row;
		  -ms-flex-direction: row;
		  flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
  	justify-content: center; 
 -webkit-align-content: space-between;
 -moz-align-content: space-between;
 -ms-align-content: space-between;
 align-content: space-between;
	-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
align-items: top;
background-color:#FF9999; opacity:0.8; 
position:absolute; 
top:75%;
margin:0;
padding-top:0;
padding-bottom:0;
z-index:600;
}
.flex-container6 > div{
width:20%;
padding:0;
margin:0;
height:80px;
background-color:transparent;
font-size:1em;
color:#FFFFFF;
}
div .flex-item6{
text-align:center;
text-transform:uppercase;
font-size:0.9em;
line-height:1em;
padding-top:20px;
}
.txtazw61{

}
#idazw61{
order:1;
width:20%;
border-right:solid 2px #FFFFFF;
}
#idazw62{
order:2;
width:20%;
padding-top:px;
border-right:solid 2px #FFFFFF;
}
#idazw63{
order:3;
width:20%;
padding-top:px;
border-right:solid 2px #FFFFFF;
}
#idazw64{
order:4;
width:20%;
padding-top:px;
border-right:solid 2px #FFFFFF;
}

#idazw65{
order:5;
width:20%;
padding-top:px;
}

.txtazw62{

}

.flex-item6 a{
text-decoration:none !important;
color:#FFFFFF;
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
font-weight:500;
}
.flex-item6 a:hover{
background_color:transparent;
color:#333333;
}
.flex-item6 a:focus{
background_color:transparent;
color:#333333;
}
.flex-item6 a:visited{
background_color:transparent;
color:#FFFFFF;
}


/* Gabarit d'impression
------------------------------------------ */
@media print {
    .page,
    .wrapper,
    .content { width: auto; }
    .nav,
    .arbo,
    .aside,
    .footer { display: none; }
}

/* Affichage sur petits ecrans  
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
/* largeur maximum 979px */
@media (max-width: 979px) {

.big0{
display:none;
}
.flex-container3 > div{
width:50%;
padding:0;
margin-bottom:1em;
min-height:100px;
background-color:transparent;
color:#666666;
}


.txtazw3{
padding:0 0 0 0;
margin-top:2em;
margin-bottom:1em;
width:320px;
}
.txtazw3b{
width:320px;
margin-top:0;
margin-bottom:0;
}
.flex-container6 {
top:71%;
}
.foot-s{
width:100%; margin-left:15%;
}
}
/* largeur maximum 820px */
@media (max-width: 820px) {
	body {   	width: 100%;		padding: 0 0px;	}
	.page {  	width: 100%;  	max-width: none; 	}

.txtazw42{
margin-left:50%;

}
.fromprix2{
top:-323px;
background-image:url(img/indiq_prix_s3_320x100.png);
background-repeat: no-repeat;
background-position:top left;

}
.mifoot{
width:100%;
text-align:center;
}
.foot-s{
width:100%; margin-left:13%;
}
}


/* largeur maximum 767px */
@media (max-width: 767px) {
	body {   	width: 100%;		padding: 0 0px;	}
	.page {  	width: 100%;  	max-width: none; 	}

.fromprix2{
top:-303px;
}
.foot-s{
width:100%; margin-left:10%;
}
 .panier{

}
}
/* largeur maximum 754px */
@media (max-width: 754px) {
.panier{

}
}
 
/* largeur maximum 640px */
@media (max-width: 640px) {
     /* layout */
    .wrapper,
    .content,
    .aside { width: 100%;}
    .content,
    .aside { clear: both; float: none; width: 100%; }
.C1520{
max-width:640px; width:100%;
}
.C980{
max-width:640px; width:100%;

}
.C780{
max-width:640px; width:100%;

}
.menu_small{
max-width:30px !important; 
width:100%; 
height:42px; 
position:relative; 
margin:0; 
padding:0; 
top:-0.5em; 
right:0%; 
}
#mirose{
max-width:640px; width:100%;
background-color:#FF9999; 
}
ul #mirose a:hover{
height:640px !important;
}
.top381{
top:-490px;
left:40px;
}
.fromprix2{
top:-20px;
height:auto;
opacity:0.9;
background:none;
z-index:400;
}
.big,
.big00{
display:none;
}
.plan{
display:none;
}

.small{
display:block;
font-size:1em !important;
}
#smart{
background:none;
}
.m1-2_top{
margin-top:0;
padding-top:0;
}
.padtop2{
padding-top:0;
}
.mitxt1{
margin-top:0;
}
.big{
min-height:0;
height:0;
margin:0;
padding:0;
}
h2.colorR,
h2.colorB{
font-size:1.4em;
}
.C640{
max-width:640px; width:100%;
padding:0.5em;
margin-top:1.8em;
}
.my_title_logo{
top:15%;
max-width:640px;
width:100%;
text-align="center;
}
.my_title_logo_art{
top:15%;
max-width:640px;
width:100%;
text-align="center;
}
#slogan{
top:75%;
}
#slogan_art{
top:65%;
}
.mititrerub{
position:absolute; top:100%; width:100%; text-align:center;
opacity:1;
}
.mititreart{
position:absolute; top:90%; width:100%; text-align:center; background:transparent; opacity:1;

}
.flex-container1,
.flex-container2{
		-webkit-flex-direction: column;
		 -moz-flex-direction: column;
		  -ms-flex-direction: column;
    		flex-direction: column;
	flex-align:left;
	align-content:center;

}
.flex-container1{
margin-top:0;
padding-top:0;
padding-bottom:0;
margin-bottom:0;
}
.flex-container1 div{
max-width:640px;
width:100%;
height:auto;
}
.flex-container2 div{
max-width:640px;
width:100%;
height:auto;
}

.txtazw1{
max-width:640px;
width:100%;
margin-bottom:0;
}
.txtazw1b{
max-width:640px;
width:100%;
margin-bottom:0;
padding-bottom:1em;
}
.txtazw22{
max-width:640px;
width:100%;
padding-top:0;
margin-top:0;
}

.mar{
margin-top:0;
margin-bottom:0;
}
.mar2{
margin-top:0;
margin-bottom:0;
}
.martop-1{
margin-top:-1em;
margin-bottom:0;
}
.martop-2{
margin-top:-2em;
margin-bottom:0;
}
.txtazw2{
max-width:640px;
padding-top:4em;
padding-bottom:2em;
padding-left:2em;
padding-right:2em;
width:100%;
background-color:#FFFFFF;
margin-top:0;
margin-bottom:0;
}

.padt0b0{
padding-top:0;
padding-bottom:0;
}
.pad{
padding-top:0;
}
.txtazw2c{
max-width:640px;
padding-top:0;
padding-bottom:2em;
padding-left:2em;
padding-right:2em;
width:100%;
background-color:#FFFFFF;
margin-top:0;
margin-bottom:0;
}
.spip_document_57 {
margin-top:3.5em;

}
.spip_document_5 {
margin-top:3em;
padding:0;
width:60px !important;
height:60px !important;
margin-bottom:0;
}
.spip_document_6 {
margin-top:0;
padding:0;
margin-bottom:0;
}
.spip_document_26 {
margin-top:0;
padding:0;
margin-bottom:0;
}
.spip_document_60 {
margin:0;
padding-top:0;
width:0px;
height: !important 0px;
}

.txtazw21{
max-width:640px;
padding-top:0;
width:100%;
background-color:#FFFFFF;
margin-top:0;
}
.txtazw21b{
max-width:640px;
width:100%;
margin-top:1.5em;
}
.txtazw22b{
max-width:640px;
width:100%;
padding-top:0;
padding-bottom:0;
}
#idazw1c{
order:2;
}
#idazw2c{
order:1;
}
#idazw22{
grow:1;
order:1;
}
#idazw21{
grow:1;
order:2;
}
.inter-3{

}
#idazw10-1{
grow:1;
order:1;
}
#idazw10-2{
grow:1;
order:2;
}
.flex-container3 {
		-webkit-flex-direction: column;
		 -moz-flex-direction: column;
		  -ms-flex-direction: column;
    		flex-direction: column;
	flex-align:center;
	align-content:center;
}
.flex-container3 div{
max-width:320px;
width:100%;

}
.txtazw3{
padding:0 0 0 0;
margin-top:2em;
margin-bottom:0;
width:320px;
}
.flex-container6{
display:none;

}

#idazw51{
order:1;
width:20%;
}
#idazw52{
display:none;
}
#idazw53{
display:none;
}
#idazw54{
display:block;
width:50%;
}
.panier{
position:relative; 
top:0;}

#idazw55{
display:none;
}
#idazw56{
display:none;
}
#idazw57{
display:none;

}
#idazw58{
display:block;
order:8;
width:26%;
padding-top:15px;
font-size:1.2em;

}

#idazw91{
order:1;
width:24%;
z-index:900;
}
#idazw92{
display:none;
order:2;
width:auto;
padding-top:12px;
}
#idazw93{
display:none;
order:3;
width:auto;
padding-top:12px;
}
#idazw94{
display:none;
order:4;
width:auto;
padding-top:12px;
}

#idazw95{
order:5;
width:24%;
padding-top:12px;
}
#idazw96{
order:6;
display:none;
width:auto;
padding-top:12px;
}
#idazw97{
order:7;
width:24%;
padding-top:7px;
}
.panier{

}
#idazw98{
display:none;
order:8;
width:auto;
padding-top:12px;
}
#idazw99{
order:9;
width:28%;
padding-top:12px;
padding-left:7%;
}

.nav-item .text_liennav{
font-size:0.90em;
}
.nav-item .text_liennav2{
font-size:0.90em;
}
.mar{
margin-top:0;
margin-bottom:0;
}
.titrnoir_s{
width:240px !important;
}

.txtvirtu{
margin-left:0;
}

.txtevents{
margin-right:0;
}

.illustration1_25{
display:block;
margin-bottom:2em;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Provence_vineyard5_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.illustration2_25{
display:block;
margin-bottom:2em;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/tonneau_provence_640X292.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.illustration3_25{
display:block;
margin-bottom:2em;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/rose_blanc_rouge_provence_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

.illustration1_39{
display:block;
margin-bottom:2em;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/bandeau_cotedazur_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.illustration2_39{
display:block;
margin-bottom:2em;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Saint-Paul-de-Vence_depuis_route_La_Colle-sur-loup_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.illustration3_39{
display:block;
margin-bottom:2em;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Vins_Abbaye_Bateau_Cannes_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.illustration1_86{
display:block;
margin-bottom:2em;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/EspritRose_3_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.illustration2_86{
display:block;
margin-bottom:2em;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/EspritRose_4_540X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.illustration3_86{
display:block;
margin-bottom:2em;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/EspritRose_5_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small{
display:block;
margin:0;
max-width:640px;
width:100%;
min-height:345px;
height:100%;
padding-top:0;
padding-bottom:0;
background-image:url(img/AzurWineTours_Vidivino_accueil_640X345.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_rub5{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/AzurWineTours_petitsGroupes_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_rub10{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/AzurWineTours_toursprive_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

.header_small_art17{
position:absolute;
top:0;
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/AzurWineTours_shared_640X293.jpg);
background-repeat: no-repeat;
background-position: top center;
}

.header_small_rub11{
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/AzurWineTours_degustation_640X293.jpg);
background-repeat: no-repeat;
background-position: top center;
z-index:2;
}

.header_small_rub12{
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/AzurWineTours_evenements_events_640X293.jpg);
background-repeat: no-repeat;
background-position: top center;
z-index:2;
}
.header_small_rub16a{
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/VIRTUAL_winetour_640X293.jpg);
background-repeat: no-repeat;
background-position: top center;
z-index:2;
}
.header_small_group_home{
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/small_group_640X293.jpg);
background-repeat: no-repeat;
background-position: top center;
z-index:2;
}
.header_small_rub16{
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/VIRTUAL_winetour_640X293.jpg);
background-repeat: no-repeat;
background-position: top center;
z-index:2;
}
.header_small_art28{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/ProvenceWineTourPublic_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

.header_small_art131,
.header_small_art136{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Wine_and_Spirit_640x293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art130,
.header_small_art135{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Coteaux-D-aix_2_640x293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art156_160{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Provence_Wine_Tour_DemiJournee_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art159_161{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/CoteAzur_DemiJour_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art138{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Circuit_Bandol-trip_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art110{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Vins_de_la_Cote_d-Azur-trip_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art113{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Circuit_Saint_Tropez-trip_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art108{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Saveurs_du_Sud-trip_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art102{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/ProvenceWineTourPublic_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art119{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Vins_Abbaye_Bateau_Cannes_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art32{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Bandeau_Degust_Vins_de_Provence_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art94{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Bandeau_Degust_VinsetFromagesdeFrance_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art96{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Bandeau_Degust_ProvencePrestigeRosé_640X293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_art2{
position:relative;
top:0;
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:345px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Equipe_Bandeau_640X345.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.header_small_art12{
position:relative;
top:0;
display:block;
margin:0;
max-width:640px;
width:100%;
height:345px;
padding-top:0;
padding-bottom:0;
background-image:url(img/AzurWineTours_manifesto_640X345.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.header_small_art23{
position:relative;
top:0;
color:#666666;
display:block;
margin:0;
max-width:640px;
width:100%;
height:280px;
padding-top:0;
padding-bottom:0;
background-image:url(img/bandeau_logoAWT_640X198.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.header_small_art25{
position:relative;
top:0;
color:#666666;
display:block;
margin:0;
max-width:640px;
width:100%;
height:280px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Bandeau_Provence_640X345.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.header_small_art30{
position:relative;
top:0;
color:#666666;
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Vignoble_a_velo-trip_640X293.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.header_small_art39{
position:relative;
top:0;
color:#666666;
display:block;
margin:0;
max-width:640px;
width:100%;
height:345px;
padding-top:0;
padding-bottom:0;
background-image:url(img/rouge_blanc_jaune_cotedazur_640X345.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.header_small_art86{
position:relative;
top:0;
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:345px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Bandeau-EspritRose_640X345.jpg);
background-repeat: no-repeat;
background-position: top center;
}
.header_small_art87{
position:relative;
top:0;
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:198px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Bandeau-Produit1_connecte_640X293.jpg);
background-repeat: no-repeat;
background-position: top center;
}
.header_small_art165{
position:relative;
top:0;
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:198px;
padding-top:0;
padding-bottom:0;
background-image:url(img/sunset-Esterel-Cote-d-Azur_640X293.jpg);
background-repeat: no-repeat;
background-position: top center;
}
.header_small_art14{
position:relative;
top:0;
color:#666666;
display:block;
margin:0;
max-width:640px;
width:100%;
height:280px;
padding-top:0;
padding-bottom:0;
background-image:url(img/bandeau_logoAWT_640X198.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.header_small_coteau_shared{
position:relative;
top:0;
color:#666666;
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Coteaux-D-aix_2_640x293.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.header_small_coteau_private{
position:relative;
top:0;
color:#666666;
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/coteaux_Aix_Luberon_shared_640x293.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.header_small_aix_private{
position:relative;
top:0;
color:#666666;
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/shared_tour_coteaux_d-Aix-en-Provence_640x293.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.header_small_luberon_private{
position:relative;
top:0;
color:#666666;
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Luberon_wine_tour_private_640x293.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.header_small_baux_private{
position:relative;
top:0;
color:#666666;
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/Baux_de_Provence_640x293.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.mifooter{
padding-left:10px; padding-right:10px;
}

    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
    .nav ul li a { float: none; border: 0; }
    .arbo { display: none; }
    .footer .colophon { width: auto; float: none; }
    .footer .generator { display: none; }

    /* header du calendrier full-calendar */
    table.fc-header td { display: block; text-align: left; }

}

/* largeur maximum 480px */
@media (max-width: 480px) {
.top381{
top:-40px;
left:0px;
}

#idazw1{
order:2;
}
#idazw2{
order:1;
}

.mar{
margin-top:0;
margin-bottom:0;
}
.txtazw2{
max-width:640px;
padding-top:0;
padding-bottom:2em;
padding-left:2em;
padding-right:2em;
width:100%;
background-color:#FFFFFF;
margin-top:0;
margin-bottom:0;
}
.txtazw21{
text-align:left;
padding-left:1em;
padding-right:1em;
}
.txtvirtu{
margin-left:1%;
}
.txtazw21b{
max-width:640px;
width:100%;
margin-top:2.5em;
padding-bottom:2em;
}

.flex-container7 {
margin-bottom:1.5em;
}
.panier{

}
}
/* largeur maximum 400px */
@media (max-width: 400px) {

.panier{}
}
/* fin */