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

   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{

}
.logo_awt{
width:100px !important;
height:auto;
}
.imagine_a{
width:150px; height:auto;
}
.big,
.big0,
.big00{
display:block;
}

.inter-8{
margin-bottom:-8em;
}
.inter-6{
margin-bottom:-6em;
padding-top:1em;
}
inter-55{
margin-bottom:-5.5em;
}
.spip_document_25{
display:block;
position:relative;
top:1em;
margin:0em;
padding:0;
}
.small{
display:none;
}
.small50{
display:none;
}
.spip_document_29{
display:none;
}
.my_title_logo{
font-family: "AptlyRegular", sans-serif;
color:#FFFFFF; 
font-size:3.4em;
font-weight:300;
line-height:2em;  
position:absolute; 
width:100%; 
text-align:center; 
top:0.6em;
text-shadow: 0px 0px 6px #777;
}
.my_title_logo_art{
font-family: "AptlyRegular", sans-serif; 
color:#FFFFFF; 
font-size:3.4em;
font-weight:300;
line-height:2em;  
position:absolute; 
width:100%; 
text-align:center; 
top:0.6em;
text-shadow: 0px 0px 6px #777;
}
#slogan{
position:absolute; 
width:100%;
color:#FFFFFF;
font-size:1.1em;
font-weight:400;  
text-align:center; 
top:7em;
text-shadow: 0px 0px 6px #777; 
z-index:50;
}
#slogan_art{
position:absolute; 
width:100%;
color:#FFFFFF;
font-size:1.1em;
font-weight:400;  
text-align:center; 
top:7em;
text-shadow: 0px 0px 6px #777; 
z-index:50;
}

.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%;
}
.colorB{
color: #35B8D7 !important;
}
.colorJ{
color: #D37000 !important;
}
.colorBL{
color: #FFFFFF !important;
}

.plusJ{
color:#D37000; margin-left:0.5em; margin-right:0.5em;
}
.jaune{
background-image:url(img/blanc_jaune600.jpg);
background-repeat: repeat;
background-position:top center;
background-size:100%;
}
.jauneL{
background-image:url(img/jaune_blanc600.jpg);
background-repeat: repeat;
background-position:top center;
background-size:100%;
}
.jauneR{
background-image:url(img/blanc_jaune600.jpg);
background-repeat: repeat;
background-position:top center;
background-size:100%;
}
.bleuF_0{
max-width:1520px; 
width:100%; 
background-color:#3D7CC9; 
padding-top:2em;
}

.bleuF{
position:relative;
bottom:0;
max-width:1520px; 
width:100%; 
margin-top:-2em; 
background-color:#3D7CC9;  
font-size:1em; 
line-height:1.4em; 
color:#FFFFFF;
padding-top:1em;
min-height:200px; 
height:100%; 
}
.bleuF_1{
position:relative;
bottom:0;
max-width:1520px; 
width:100%; 
background-color:#3D7CC9;  
font-size:1em; 
line-height:1.4em; 
color:#FFFFFF;
padding-top:4em;
min-height:200px; 
height:100%; 
padding-left:8.5%;
padding-bottom:2em; 
}

.bleuF2{
max-width:1520px; 
width:100%; 
background-color:#3D7CC9; 
padding-left:8.5%;
padding-bottom:2em; 
padding-top:1em;
}
.bleuF a:link{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF2 a:link{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF_0 a:link{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF_1 a:link{
color:#FFFFFF;
text-decoration:none !important;
}

.bleuF a:hover{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF2 a:hover{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF_0 a:hover{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF_1 a:hover{
color:#FFFFFF;
text-decoration:none !important;
}

.bleuF a:focus{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF2 a:focus{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF_0 a:focus{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF_1 a:focus{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF a:visited{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF2 a:visited{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF_0 a:visited{
color:#FFFFFF;
text-decoration:none !important;
}
.bleuF_1 a:visited{
color:#FFFFFF;
text-decoration:none !important;
}
.m1-2_top{
margin-top:1.5em;
}
.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:0em;background-color:#3D7CC9;padding-bottom:2em;margin-bottom:-3em; }
.mifooter{
padding-top:2em;background-color:#3D7CC9; color:#FFFFFF !important; text-decoration:none !important; padding-bottom:2em; margin-top:-2em;margin-bottom:0em;
}
.content .footer a:link{
background:transparent;
color: #FFFFFF !important;
text-decoration:none !important;
}
.content .footer a:hover{
color: #FFFFFF !important;
text-decoration:none !important;
}
.content .footer a:focus{
color: #FFFFFF !important;
text-decoration:none !important;
}
.content .footer a:visited{
color: #FFFFFF !important;
text-decoration:none !important;
}
.content .footer a:active{
color: #FFFFFF !important;
text-decoration:none !important;
}
.foot-s{
width:auto; margin-left:15%; margin-right:auto;
}
.content .foot-s a:link{
background:transparent;
color: #FFFFFF !important;
text-decoration:none !important;
}
.content .foot-s a:hover{
background:transparent;
color:#FFC788 !important;
text-decoration:none !important;
}
.content .mifooter a:link{
background:transparent;
color: #FFFFFF !important;
text-decoration:none !important;
}
.content .foot-s a:focus{
background:transparent;
color: #FFFFFF !important;
text-decoration:none !important;
}
.content .foot-s a:active{
background:transparent;
color: #FFFFFF !important;
text-decoration:none !important;
}
.content .foot-s a:visited{
background:transparent;
color: #FFFFFF !important;
text-decoration:none !important;
}
.mifooter a:hover{
color: #FFFFFF !important;
text-decoration:none !important;
}
.mifooter a:focus{
color: #FFFFFF !important;
text-decoration:none !important;
}
.mifooter a:visited{
color: #FFFFFF !important;
text-decoration:none !important;
}
.mifooter a:active{
color: #FFFFFF !important;
text-decoration:none !important;
}

.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;margin-bottom:5.5em;
}
/* titres et titrailles
------------------------------------------ */
.mititrerub{
position:absolute; top:75%; width:100%; text-align:center;z-index:5;
}

.mititreart{
position:absolute; top:75%; width:100%; text-align:center;z-index:5;
}
.mititreart_hid{
display:none;
visibility:hidden;
}
.etiquette_titre{
max-width:480px;width:auto;height:80px; background-color:#FFFFFF; opacity:0.6; padding-top:8px; padding-bottom:5px;
color:#000000;
}
.etiquette_titre_hid{
max-width:480px;width:auto;height:80px; background-color:#FFFFFF; opacity:0.6; padding-top:8px; padding-bottom:5px;
visibility:hidden;
}
.etiquette_titre .miplan{
display:none;
}
h1 .mititre{
color:#000000;font-family: "AptlyRegular", sans-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: "AptlyRegular", sans-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;
}
.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{

}
.Zi6{

}

.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;
}
.conviv{
background-image:url(img/home_authentic_1520x695.jpg);
background-repeat: no-repeat;
background-position:bottom center;
max-height:695px;
height:100%;
padding-top:25%;
padding-bottom:5%;
margin-bottom:0;

}
.txtconviv{
margin-right:60%;
text-align:left;
max-width:320px;
width:100%;
padding:1em; 
padding-bottom:3em; 
background:#FFFFFF;
opacity:0.9;
font-size:1em;
font-weight:400;
line-height:1em;
}
.events{
background-image:url(img/alsace_wine_tours_private_corporate_family_event_1520x695.jpg);
background-repeat: no-repeat;
background-position:bottom center;
max-height:695px;
height:100%;
padding-top:12%;
padding-bottom:18%;
margin-bottom:0;

}
.txtevents{
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;
}

/* 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 #D37000 ;
	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;
}
.content a:link{
color:#333333 !important;
text-decoration:none !important;
}
.content a:hover{
color:#000000 !important;
text-decoration:none !important;
}
.content a:focus{
color:#000000 !important;
text-decoration:none !important;
}
.content a:visited{
color:#333333 !important;
text-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_30 {
margin-bottom:0 !important;
padding-top:0;
padding-bottom:2.5em;
max-width:640px;
width:85%;
height:auto;
}
.spip_document_61 {
max-width:1520px !important;
width:100% !important;
}

/* Reseaux
------------------------------------------ */
.tripad60{
width:60px !important; height:60px !important;
}

.reseaux{
max-width:1520px; width:100%; height:auto; margin-top:2em;
margin-bottom:2em;

}
.my_suivre{
text-align:center;
font-family: "AptlyRegular", sans-serif;
font-size:1.6em;
color:#000000;
padding-top:1.5em;
margin-bottom:1.5em;
}
.my_reseaux{
max-width:300px; 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{
text-decoration:none; color:#FFFFFF;
width:75px !important;
height:75px !important;
position:relative;
top:0;
}
.spip_document_12 a{
text-decoration:none; color:#FFFFFF;
width:75px !important;
height:75px !important;
position:relative;
top:0;
}
.spip_document_13 a{
text-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:#FF9A2B; 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:#FF9A2B; font-size:1.2em; padding-left:0em; padding-bottom:0em; padding-top:1em;margin-bottom:0em; font-weight:500;
}
.face_jaune{
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:#3D7CC9; 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:#3D7CC9; 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: "AptlyRegular", sans-serif; font-weight:300;
}
.footer .bassmall{
line-height:2em;
text-align:left;background-color:#3D7CC9;
color:#FFFFFF !important;
font-weight:300;
}

.bassmall{
line-height:2em;
text-align:left;background-color:#3D7CC9;
color:#FFFFFF;
}
.basc{
text-align:center;padding-top:1.5em;
}
.flex-item3 .bassmall a:link{
color:#FFFFFF;


}
.flex-item3 .bassmall a:link{
color:#F2969A !important;
}

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

.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;
text-decoration:none; 
color:#FFFFFF;
visibility:visible;
}
.spip_document_15 a{
width:180px !important;
height:95px !important;
text-decoration:none; 
color:#FFFFFF;
z-index:1;
visibility:hidden;
}
.spip_document_15 a:link{
width:180px !important;
height:95px !important;
text-decoration:none; 
color:#FFFFFF;
z-index:1;
visibility:hidden;
}
/* formulaires
------------------------------------------ */
.mibook{
margin-top:2em;
margin-bottom:4em;
}
.mibook a:link{
color:#000000;
text-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; } 
  
/* 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 */

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; }


h1{
font-size:1em;
}

.titrnoir{
font-family: "AptlyRegular", sans-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;
}
.titrblanc{
font-family: "AptlyRegular", sans-serif ;
color:#FFFFFF;
font-size:1.7em;
font-weight:300;
text-shadow: 0px 0px 0px #;
line-height:1.2em;
margin-bottom:1em;
z-index:100;
}
.titrblanc a:link{
color:#FFFFFF !important;
text-decoration:none;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrblanc a:hover{
color:#999999 !important;
opacity:0.8;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrblanc a:focus{
color:#999999 !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrblanc a:visited{
color:#FFFFFF!important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px # !important;
}
.fromprix{
font-family: "AptlyRegular", sans-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: "AptlyRegular", sans-serif;
color:#000000;
font-size:16px;
font-weight:400;
max-width:640px;
width:100%;
height:100px;
position:relative;
left:0px;
top:-343px;
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: "AptlyRegular", sans-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:-10.5em;
}
.martop0-1{
margin-top:0.5em;
}
.martop1{
margin-top:1em;
}

.martop1-2{
margin-top:1.5em;
}
.martop2{
margin-top:2em;
}
.martop2-3{
margin-top:2.5em;
}
.martop2-33{
margin-top:2.3em;
}
.martop3{
margin-top:3em;
}
.martop3-4{
margin-top:3.5em;
}
.martop4{
margin-top:4em;
}
.martop6{
margin-top:6em;
}
.martop-05{
margin-top:-0.5em;
}
.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;
}
.martop-4{
margin-top:-4em;
}
.martop0{
margin-top:0;
}
.marbot-1{
margin-bottom:-1em;
}
.marbot-4{
margin-bottom:-4em;
}
.marbot-5{
margin-bottom:-10em;
}
.marbot-6{
margin-bottom:-6em;
}
.marbot2{
margin-bottom:2em;
}
.marbot25{
margin-bottom:2.5em;
}
.marbot3{
margin-bottom:3em;
}
.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;
}
.titrjaune{
font-family: "AptlyRegular", sans-serif;
color:#FF9A2B;
font-size:1em;
font-weight:300;
text-shadow: 0px 0px 0px #;
margin-bottom:1em;
}
.titrjaune a:link{
color:#FF9A2B !important;
text-decoration:none;
opacity:1;
background:none;
text-shadow: 0px 0px 0px #;
}
.titrjaune a:hover{
color:#F2969A !important;
opacity:0.8;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrjaune a:focus{
color:#F2969A !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px #;
}
.titrjaune a:visited{
color:#F2969A !important;
opacity:1;
background:none !important;
text-shadow: 0px 0px 0px # !important;
}



h3{
font-family: "AptlyRegular", sans-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; 
height:48px;
}

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

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


}
.bouton_jaune a:focus{
color:#000000 !important;
background:none;

}
.bouton_jaune 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;
}
.pad05{
padding:0.5em;
}
.pad1{

padding-bottom:2em;
}
.pad3_2{
padding-top:3em;
padding-bottom:2em;
}
.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;
}
.logo_edito{
max-width:100px; 
width:100%; 
height:auto;
}
.spip_document_69{
width:100px; 
height:auto;
padding:0;
margin:0;
}
.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;
margin-bottom:0;
}

#idazw21b{
flex-grow:1;
order:1;
}
#idazw22{
order:2;
flex-grow:2;
}
.txtazw22{
max-width:480px;
width:100%;
padding-top:1em;
}
#idazw22b{
order:2;
flex-grow:2;
}
.txtazw22b{
max-width:640px;
width:100%;
padding-top:3em;
padding-bottom:3em;
margin:0;
}
.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;
}
.footer .bassmall{
line-height:2em;
text-align:left;background-color:#3D7CC9;
color:#FFFFFF !important;
font-weight:300;
}

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


}
.flex-item3 .bassmall a:hover{
color:#F2969A;
}
.flex-item3 .bassmall a:focus{
color:#F2969A;
}
.flex-item3 .bassmall a:visited{
color:#F2969A !important;
}
.flex-item3 .bassmall a:active{
color:#F2969A !important;
}
.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%;
}
.txtaz a:link{
color:#FFFFFF;
}
.txtaz a:hover{
color:#D37000;
}
.txtaz a:focus{
color:#D37000;
}
.txtaz a:visited{
color:#FFFFFF !important;
}
.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{
width:150px;
height:70px;
background-image:url(img/test_velo_van_150X70.png);
background-repeat: no-repeat;
background-position: center;
text-align:center;
visibility:visible;
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:;
}
.spip_document_128 {
margin:0;
width:150px;
height:70px;
}
.HlightR{
color:#FF9999; margin-left:0.5em; margin-right:0.5em;
}
/* flex nav
------------------------------------------ */
#minav{
max-width:1520px; width:100%; height:46px; background-color:#3D7CC9; position:fixed; top:0; opacity:0.9;z-index:580;
}
.minav{
max-width:980px; 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:#000000 !important;
}
.minav a:visited{
background-color:transparent !important;
color:#FFFFFF !important;
}
ul .sf-vertical{

} 


.mijaune{
background-color:#F2D4B2;
}
.mijaune a:link{
background:transparent;
}
.mijaune a:hover{
background:transparent;
color:#000000;
}
.mijaune a:focus{
background:transparent;
color:#000000;
}
.mijaune a:active{
background:transparent;
}
#mijaune{
max-width:320px; width:100%;
background-color:#F2D4B2; 
}
.mibleu{
width:100%; height:auto;
background-color:#3D7CC9; 
}
#mibleu{
max-width:320px; width:100%;
background-color:#3D7CC9; 
}
#mibleu_a{
max-width:400px; width:100%; margin-top:4px;
background-color:#3D7CC9; 
}
#mibleu_b{
left:20%;max-width:400px; width:100%; margin-top:4px;
background-color:#3D7CC9; 
}
#mibleu_c{
max-width:640px; width:100%; margin-top:4px;
background-color:#3D7CC9; 
}
.menu_li_marg11{
margin-top:11px;
padding-top:10px;
z-index:600;
}

.panier{
text-transform:none;
text-align:center;
margin-left:4em;
padding-left:4px;
padding-right:4px;
padding-top:2px;
padding-bottom:2px;
border:solid 2px #FFFFFF;
border-radius: 0.30em;
}


.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-container9 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:980px !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;
background-color:#3D7CC9; opacity:0.9; 
position:fixed; top:0;
margin:0;
padding-top:0;
padding-bottom:0;
z-index:600;
}

.flex-container9 > div{
width:auto;
padding:0;
margin:0;
height:46px!important;
background-color:transparent;
color:#FFFFFF;
}
div .flex-item9{
width:auto;
height:46px !important;
text-align:center;
text-transform:uppercase;
}
.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;
font-weight:700;
background:transparent !important;
}
.text_liennav {
font-weight:500 !important;
}
.flex-item9 a:hover{
background_color:transparent;
color:#FFC788 !important;
}
.flex-item9 a:focus{
background_color:transparent;
color:#FFC788;
}
.flex-item9 a:visited{
background_color:transparent;
color:#FFFFFF !important;
}
#idazw91{
order:1;
max-width:980px;
width:8%;
max-height:46px !important;
height:100%;
z-index:900;
}
.logo_s{
width:23px;
height:36px;
padding-top:4px;
opacity:1;
}

#idazw92{
order:2;
max-width:980px;
width:20%;
height:46px !important;
padding-top:15px;
text-align:center;
}
#idazw93{
order:3;
max-width:980px;
width:20%;
height:46px!important;
padding-top:15px;
padding-right:5%;
text-align:center;
}

#idazw94{
order:4;
max-width:980px !important;
width:10%;
padding-top:7px;
text-align:right;
}
#idazw95{
order:5;
max-width:980px;
width:10%;
height:46px !important;
padding-top:7px;
text-align:right;
}
#idazw96{
order:6;
max-width:980px;
width:10%;
height:46px !important;
padding-top:7px;
text-align:right;
}
#idazw97{
order:7;
max-width:980px;
width:10%;
height:46px !important;
padding-top:12px;
text-align:right;
}
#idazw98{
order:8;
max-width:980px;
width:10%;
height:46px!important;
padding-top:12px;
text-align:right;
}
#idazw99{
order:9;
max-width:980px;
width:0%;
height:46px !important;
padding-top:0px;
}
.txtazw91{

height:46px !important;
z-index:602;
padding-bottom:0;
text-align:left;
}

.txtazw92{

height:46px !important;
index:602;
padding-top:3px;
padding-bottom:0em;
text-align:center;
}
.txtazw93{
height:46px !important;
index:602;
padding-top:3px;
padding-bottom:0em;
text-align:center;
}
.txtazw94{

height:46px !important;
index:602;
padding-bottom:0em;
text-align:right;
}
.txtazw95{

height:46px !important;
index:602;
padding-bottom:0em;
text-align:right;
}
.txtazw96{

height:46px !important;
index:602;
padding-bottom:0em;
text-align:right;
}
.txtazw97{

height:46px !important;
index:602;
padding-bottom:0em;
text-align:right;
}
.txtazw98{

height:46px !important;
index:602;
padding-bottom:0;
text-align:right;
}
.txtazw99{
height:46px !important;
index:602;
padding-bottom:0em;
text-align:center;
}
#manav{
display:block;
min-height:48px;
font-weight:100;
max-width:980px;
width:100%;
}
.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;
}
.milien{
text-align:right !important;line-height:2.2em; font-size:1.1em;
position:relative; right:0;
}
#manav a{
background-color:transparent !important;
color:#FFFFFF !important;
}
#manav a:hover{
background:transparent !important;
color:#FFC788 !important;
}
#manav a:focus{
background:transparent !important;
color:#FFC788 !important;
}
#manav a:active{
background:transparent !important;
color:#FFFFFF !important;
}
#manav .on a {
background:transparent !important; 
color:#FFC788 !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:280px;
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:30px;
margin-right:30px;
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%;
background-color:#3D7CC9; opacity:0.9;
}
.menusomsub a:link{
color:#FFFFFF !important;
}
.menusomsub a:hover{
color:#FFC788 !important;
}
.menusomsub a:focus{
color:#FFC788 !important;
}
.menusomsub a:active{
color:#FFFFFF !important;
}
.menusomsub a:visited{
color:#FFFFFF !important;
}

.footer{
color:#FFFFFF !important;
font-weight:300;
}
.footer a:link{
color:#FFFFFF !important;
}
.footer a:hover{
color:FFC788 !important;
}
.footer a:focus{
color:FFC788 !important;
}
.footer a:active{
color:FFFFFF !important;
}
.footer a:visited{
color:FFFFFF !important;
}
.foot-s{
width:100%; margin-left:0%;
}
.flex-container04 {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:         flex;
max-width:640px;
width:100%;
height:60px;
		-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:#3D7CC9; opacity:0.8; 
position:absolute; 
top:82%;
margin:0;
padding-top:0;
padding-bottom:0;
z-index:550;
}
.flex-container04 > div{
width:25%;
padding:0;
margin:0;
height:60px;
background-color:transparent;
font-size:1em;
color:#FFFFFF;
}

div .flex-item04{
height:60px;
width:100%;
text-align:center;
text-transform:uppercase;
font-size:0.9em;
line-height:1em;
padding-top:15px;
}
.mitx a:link{
width:90%;
height:90%;
font-size:0.9em;
text-decoration:none !important;
color:#FFFFFF !important;
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
font-weight:700;
z-index:700;
visibility:visible;
opacity:1;
}

.mitx a:hover{
color:#FFC788 !important;
}
.mitx a:focus{
color:#FFC788 !important;
}
.mitx a:visited{
color:#FFFFFF !important;
}
.flex-item04 a:link{
width:100%;
font-size:0.9em;
text-decoration:none !important;
color:#FFFFFF !important;
font-family: "Arial Nova", "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif;
font-weight:700;
z-index:700;
visibility:visible;
opacity:1;
}
.flex-item04 a:hover{
background_color:transparent;
color:#FFC788 !important;
}
.flex-item04 a:focus{
background_color:transparent;
color:#FFC788 !important;
}
.flex-item04 a:active{
background_color:transparent;
color:#FFFFFF;
}
.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:;
border-right:solid 2px #FFFFFF;
}
#idazw044{
order:4;
width:25%;
padding-top:px;
border-right:solid 2px #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 1024px */
@media (max-width: 1024px) {
.mititreart,
.mititrerub{
top:100%;

}
.menusomsub{
display:none;
}
}
/* 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{

margin-top:2em;
margin-bottom:1em;
width:320px;
}

.txtazw3b{

width:320px;
margin-top:0;
margin-bottom:0;
}
.txtazw3 p{
padding-left:15px;
margin-top:0.5em;
margin-bottom:1em;
width:320px;
}
.txtazw3b p{
padding-left:15px;
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:-325px;
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{
margin-left:2em;
}
}
/* largeur maximum 754px */
@media (max-width: 754px) {
.panier{
margin-left:0;
}
#minav{
max-width:754px; width:100%;
}
.minav{
max-width:754px; width:100%;z-index:590;
}
}
 
/* 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%;

}
#minav{
max-width:640px; width:100%;
}
.minav{
max-width:640px; width:100%;z-index:590;
}
.martop-6{
margin-top:-6em;
}
.jaune,
.jauneL{
background-image:none;
background:transparent;
}
.logo_awt{
width:100px !important;
height:auto;
}

.logo_edito{
max-width:100px; 
width:50%; 
height:auto;
}
.top381{
top:-490px;
left:40px;
}
.fromprix2{
top:-20px;
height:auto;
padding-left:20%;
opacity:0.9;
background:none;
z-index:400;
}
.big,
.big00{
display:none;
}
.plan{
display:none;
}
.spip_document_25{
display:none;
}
.small{
display:block;
}

.inter-8,
.inter-6{
margin-bottom:-2em;
}

.small50{
display:block;


}
.spip_document_29{
position:relative;
top:-5.7em;
display:block;
width:40px !important;
height:50px !important;
margin-bottom:0.5em;

opacity:0.85;
}

#smart{

}
.menu_small{
max-width:30px !important; 
width:100%; 
height:42px; 
position:relative; 
margin:0; 
padding:0; 
top:-0.5em; 
right:0%; 
left:32%;
}
.m1-2_top{
margin-top:0;
padding-top:0;
}
.padtop2{
padding-top:0;
}
.mitxt1{
margin-top:0;
}
.big,
.big00{
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;
}
h1 .my_title_logo{
top:56%;
max-width:640px;
width:100%;
text-align:center;
font-size:1.6em !important;

}
h1 .my_title_logo_art{
top:56%;
max-width:640px;
width:100%;
text-align="center;
font-size:1.6em !important;

}
#slogan{
top:86%;
font-size:0.9em;
}
#slogan_art{
top:86%;
font-size:0.9em;
}
.etiquette_titre{
max-width:480px;
width:auto;
height:80px; 
background-color:transparent; 
padding-top:8px; 
padding-bottom:5px;
color:#000000;
}
.mititrerub{
position:absolute; top:100%; width:100%; text-align:center;
opacity:1;
}
.mititreart{
position:absolute; top:100%; width:100%; text-align:center;
margin-bottom:2.5em;
}
.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;
}
.martop-3{
margin-top:-2em;
margin-bottom:0;
}
.martop-4{
margin-top:-4em;
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:0em;
padding-bottom:5em;
width:100%;
background-color:#FFFFFF;
margin-top:0;
margin-bottom:0em;
}
.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;
}
.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;

}


#idazw91{
order:1;
width:25%;
z-index:900;
padding-right:10px;
}
#idazw92{
order:2;
width:0;
padding-top:12px;
}
#idazw93{
order:3;
width:0;
padding-top:12px;
}
#idazw94{
order:4;
width:25%;
padding-top:7px;
}
.L20{
left:20%;
}
#idazw95{
order:5;
width:25%;
padding-top:7px;
text-align:center;
}
#idazw96{
order:6;
width:25%;
padding-top:7px;
}

#idazw97{
order:7;
width:0;
padding-top:7px;
text-align:center;
}
#idazw98{
order:8;
width:0;
padding-top:12px;
}
#idazw99{
order:9;
max-width:980px;
width:25%;
height:46px !important;
padding-top:12px;
}

.txtazw99{
max-width:640px;
width:100%;
height:46px !important;
index:602;
padding-top:5px;
padding-bottom:0;
font-size:1.2em;
text-align:center;
}
.under{
position:relative; top:-1.5em; margin-bottom:-1.5em;
}
.padtop5{
padding-top:5px;
}
.vertic{
max-width:640px; width:100%; margin-top:4px;
}
.mili{
max-width:320px; width:100%;
}
.milis{
text-align:right;line-height:2.2em; font-size:1.1em;
}

.txtazw9{
width:auto;
index:602;
padding-bottom:1em;
}

.nav-item .text_liennav{
font-size:0.90em;
}

.nav-item .text_liennav2{
font-size:0.90em;
}
.mar{
margin-top:0;
margin-bottom:0;
}
.txtconviv{
margin-right:0%;:0;
opacity:0.80;
max-width:310px;
width:100%;
}
.titrnoir_s{
width:240px !important;
margin-bottom:-11em;
}
.txtvirtu{
margin-left:0;
}
.events {
max-height:500px;
 }
.txtevents{
margin-left:0%
}

.vidivino2{

}


.header_small{
display:block;
margin:0;
max-width:640px;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/alsace-wine-tours_640x470.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_home{
display:block;
margin:0;
max-width:640px;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/alsace-wine-tours_640x470.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_shared{
display:block;
margin:0;
max-width:640px;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/640x470_shared.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_private{
display:block;
margin:0;
max-width:640px;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/640x470_private.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_tasting{
display:block;
margin:0;
max-width:640px;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/640x470_tasting.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_corporate{
display:block;
margin:0;
max-width:640px;
width:100%;
height:293px;
padding-top:0;
padding-bottom:0;
background-image:url(img/alsace_wine_tours_corporate_640x293.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

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

.header_small_soustainability{
position:relative;
top:0;
display:block;
margin-bottom:0;
max-width:640x;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/640x470_soustainability.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_philosophy{
position:relative;
top:0;
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/640x470_team.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_buying{
position:relative;
top:0;
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/640x470_buying.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.header_small_authenticity{
position:relative;
top:0;
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/640x470_alsace_wine_history.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
.header_small_alsace_wine{
position:relative;
top:0;
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/640x470_alsace_wine_history.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
.header_small_booking{
position:relative;
top:0;
display:block;
margin-bottom:0;
max-width:640px;
width:100%;
height:470px;
padding-top:0;
padding-bottom:0;
background-image:url(img/640x470_team.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) {

h1 .my_title_logo{
top:65%;
font-size:2.8em;
}
h1 .my_title_logo_art{ 
top:65%;
font-size:2.8em;
}
#minav{
max-width:480px; width:100%;
}
.minav{
max-width:480px; width:100%;z-index:590;
}
.top381{
top:-40px;
left:0px;
}

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

.mar{
margin-top:0;
margin-bottom:0;
}
.martop5{
margin-top:5em;
}
.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{
margin-left:0;

}

/* fin */