*{

}

/* LES BLOCS PRINCIPAUX */


#haut{
	position:relative;
	background-color:#ad1922;	
}

#haut a,#bas a{
	font-size:1em;
	color:#ffffff;
	
} 

#haut .menu_haut_tetiere a{
	font-family:Calibri,"Calibrisc", Lucida;
	font-weight:bold;
	font-size:1.3em;
	color:#ffffff;	
	vertical-align:middle;
	margin:0px 25px 0px 25px;
} 

#haut .menu_haut_tetiere a:first-child{
	margin:0px;
} 

#haut .menu_haut_tetiere a:hover{
	
} 


#haut #nav li,#nav_site li {
	display:inline;
}

#haut #nav li a,#nav_site li a{
	color:#ffffff;
}


#nav_haut {
	height:50px;
	background-color:#ffffff;
}

#nav_gauche {
	margin-top:30px;
}

#bas{background-color:#2e343f;}
#bas h4{margin:0px}
#bas ul{list-style-type:none;margin:0px;padding:0px;}

.toutenbas a
{
	padding:5px 10px 2px 10px;
}
#colonne_droite{
	background-color:#ffffff;
}

.souligne_lien a{
	text-decoration:underline;
}


.c_vitijob
{
	color:#bd1a8d;
}

.c_intervignes
{
	color:#4ea175;
}

.c_vinokaz
{
	color:#eb2c3b;
}
.c_hubwine
{
	color:#1b98d4;
}
.c_hubwine2
{
	color:#662D91;
}
 .fd_col_hubwine
 {
	background-color:#1b98d4;
 }
ul.liste_pa
{
list-style-type:none;
padding:0px;
margin:0px;
}

/* POUR LES RUBRIQUES ACTU */
.menu_haut_rub 
{
	padding:8px;
	height:60px;
}

.menu_haut_rub a
{
	line-height:50px;
	margin:10px;
	font-size:1.2em;
	font-weight:bold;
	
}

.menu_haut_rub .haut_nom_rub
{
	font-size:1.0em;
	font-weight:bold;
}

.menu_haut_rub a:first-child
{
	margin-left:5px;
}

.menu_haut_rub img
{
	line-height:50px;
	margin:10px 0px 15px 10px;
}

/* MENU HEAD */
.banner {
    position:relative;
    background-color:#ad1922;
    width:1024px;
    height: 70px;
    color: #ffffff;
    margin:auto;
    z-index:150;
    visibility:hidden;
    display:none;
    border-bottom:2px solid #eeeeee;
}

.banner a {
	color: #ffffff;
	text-decoration:none;
}

.banner a:hover {
	color: #ffffff;
}


#centre
{
	position:relative;
}
/* COLONNE DROITE */

#colonne_droite .boite_droite
{
	width:300px;
	margin-bottom:30px;
}

.pub_haut{
	max-height:110px;
}

/* MESSAGES D'ERREURS */
#msgbox {
	margin-bottom:8px;	
}

.dispo{border:1px solid #349534;background:#C9FFCA;padding:5px 10px;color:#008000;}
.busy{border:1px solid #CC0000;background:#F7CBCA;padding:5px 10px;color:#CC0000;}

#msginfo {
	position:relative;
	margin:6px 0px 6px 0px;
}


#msginfo .ferme_msginfo {
	position:absolute;
	top:-2px;
	right:2px;
}

#msginfo .ferme_msginfo a {
	color:#008000;
	font-weight:900;
}

/* DES BOUTONS */

.bt_form_large{
	background-color:#bd2e34;
	color:#ffffff;
	border:0px;
	padding:5px;
	font-size:1.4em;
	border-radius:4px;
}

.bt_form_large:hover{
	background-color:#303030;
}

.bt_home_feuill a {
	border-radius:8px;
	color:#aaaaaa;
	border:1px solid #eeeeee;
	padding:2px 10px 2px 10px;
	font-weight:300;
	
}

.bt_home_feuill a:hover {
	background-color:#6a860f;
	color:#ffffff !important;
}

.bt_home_connecter {
	padding:10px 0px 5px 15px;
	font-size:0.9em;
}

.bt_home_connecter a {
	font-size:0.8em;
}

.bt_home_abonner a {
	border-radius:8px;
	color:#aaaaaa;
	background-color:#c66758;
	padding:4px 20px 4px 20px;
	font-weight:bold;
	
}

.bt_home_abonner a:hover {
	background-color:#6a860f;
}

.shadow_home {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bt_commentaire{
	background-color:#bd2e34;
	color:#ffffff;
	border:0px;
	padding:8px;
	font-size:1.4em;
}

.bt_commentaire:hover{
	background-color:#303030;
}


.bt_classique{
	background-color:#303030;
	color:#ffffff;
	border:0px;
	padding:4px;
	border-radius:4px;
}

.bt_classique:hover{
	background-color:#bd2e34;
	cursor:pointer;
}

.bt_classique a{
	color:#ffffff;
}

.bt_classique_meteo{
	background-color:#2f455d;
	color:#ffffff;
	border:0px;
	padding:4px 16px;
	margin-right:2px;
}

.bt_classique_meteo:hover{
	background-color:#ed4808;
	cursor:pointer;
}

.bt_classique_meteo a{
	color:#ffffff;
}


.bt_recherche
{
	background-color:#ad1922;
	color:#ffffff;
	border:0px;
	border-radius:4px;
	padding:2px;
	
}

.bt_recherche:hover{
	color:#ffffff;
}

.bt_cookie {
	float:right;
	font-size:12px;
	width:110px;
	cursor:pointer;
	margin-right:20px;
	padding: 3px;
	text-align: center;
	border-radius: 8px;
	background-color: Transparent;
	border:1px solid black;
}

.bt_cookie:hover {
	background-color: black;
}

/* POUR LE HAUT */
#invite_connexion{
	
}

/* POUR LA METEO */
#carteFranceMeteo {
	width:250px;
}

/* POUR LES CONTENUS */
.date_breve{
	margin:8px 0px 0px 0px;
	padding:0px;
	font-size:0.9em;
}


.home_niveau1 .photo_home_niveau1{position:relative;overflow:hidden;}
.home_niveau1 .photo_home_niveau1 img{max-width:635px;max-height:220px}
.home_niveau1 .photo_home_niveau1 .fleche_blanche{position:absolute;bottom:-3px;left:20px;}
.home_niveau1 .photo_home_niveau1 .ico_tv{position:absolute;bottom:-2px;left:0px;}
.home_niveau1 .photo_home_niveau1 .ico_tv2{position:absolute;left:40%;top:30%;}

.home_niveau1 .photo_home_niveau1 .rubrique
{
	position:absolute;
	background-color:#2c3b48;
	color:#ffffff;
	opacity:0.9;
	padding:2px 15px 2px 15px;
	font-size:0.8em;
	letter-spacing:0.2em;
	text-transform : uppercase;
}

.home_niveau2 .photo_home_niveau2{position:relative;overflow:hidden;max-height:100px}
.home_niveau2 p{text-align:left;}
.home_niveau2 .photo_home_niveau2 .ico_tv{position:absolute;bottom:0px;left:0px;}
.home_niveau2 .photo_home_niveau2 .rubrique
{
	position:absolute;
	background-color:#2c3b48;
	color:#ffffff;
	opacity:0.9;
	padding:2px 15px 2px 15px;
	font-size:0.8em;
	letter-spacing:0.2em;
	text-transform : uppercase;
}
.home_niveau2 .photo_home_salon {position:relative;width:100%;height:150px}

.home_niveau2 .rubrique
{
	
	background-color:#828282;
	color:#ffffff;
	opacity:0.8;
	padding:2px 15px 2px 15px;
	font-size:0.8em;
	letter-spacing:0.2em;
	text-transform : uppercase;
	overflow:hidden;
	max-width:200px;
	width:100%;
	height:20px;
	text-align:left;
}

.rubrique_sv
{
	height:16px important!;
}

.home_niveau2 .photo_home_salon {
	padding:4px;
	width:w204p;
	background-color:#e71f2b;
	color:#ffffff;
	text-align:center;
}

.titre_vitioeno
{
	background:url(../images/interface/fond_gris_hp_new.gif);
	background-repeat:repeat-x;
	background-position: center 55%; 
}

.titre_commerce
{
	background:url(../images/interface/fond_gris_hp_new.gif);
	background-repeat:repeat-x;
	background-position: center 55%; 
}

.titre_gris
{
	background:url(../images/interface/fond_gris_hp_new.gif);
	background-repeat:repeat-x;
	background-position: center 55%; 
}

.titre_entreprise
{
	#background:url(../images/interface/fond_entreprise.gif);
	background:url(../images/interface/fond_gris_hp_new.gif);
	background-repeat:repeat-x;
	background-position: center 55%; 
}

.titre_autourduvin
{
	#background:url(../images/interface/fond_autourduvin.gif);
	background:url(../images/interface/fond_gris_hp_new.gif);
	background-repeat:repeat-x;
	background-position: center 55%; 
}

.titre_vitipedia
{
	#background:url(../images/interface/fond_vitipedia.gif);
	background:url(../images/interface/fond_gris_hp_new.gif);
	background-repeat:repeat-x;
	background-position: center 55%; 
}

.titre_commerce_sous_420
{
	margin:auto;
	width:350px;
}

.titre_commerce_sous_240
{
	margin:auto;
	width:240px;
}

.titre_commerce_sous_200
{
	margin:auto;
	width:200px;
}

.titre_commerce_sous_180
{
	margin:auto;
	width:180px;
}

.titre_commerce_sous_360
{
	margin:auto;
	width:310px;
}

.edition_abonne, .edition_abonne0{
	position:absolute;
	right:0px;
	bottom:0px;
	background-color:#303030;
	background:url(../images/interface/ico_edition_abonne.gif);
	background-repeat:no-repeat;
	background-position: bottom right; 
	width:120px;
	height:18px;
}

.edition_abonne0{
	right:26px;
}

.article_quotation {
	float:left;
	text-align : center;
	padding:20px 10px 20px 10px;
	font-weight:bold;
	font-size:1.2em;
}

.lireaussi {
	float:right;
	top:140px;
	left:150px;
	width:200px;
	margin:7px 0px 12px 20px;
	border-left:3px solid #000000;
	padding-left:10px;
}

.liste_actu .tag_line {
	line-height:25px
}


.video_breve
{

}


#contenu_breve
{
	font-size:1.1em;
}

#contenu_breve h3,#contenu_breve h2
{
	font-size:1.2em;
	padding-top:20px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-weight:normal;
	font-family:Arial;
}

.titre_viniconnect
{
	text-align:center;
	position:relative;
	background-color:#ffffff;
	color:#ac1923;
	font-size:1.8em;
	border-bottom:1px solid #ac1923;
	margin-right:20px;
}

#contenu_breve p
{
	margin-top:4px;
}
/*  POUR SALON */
.texte_petit_salon, a.texte_petit_salon{
	font-size:0.9em;
	text-decoration:none;
}

.texte_salon, a.texte_salon{
	font-size:1em;
	text-decoration:none;
	font-weight:normal;
}

.titre_petit_salon, a.titre_petit_salon{
	font-size:0.9em;
	text-decoration:none;
}

.vignette_carousel_salon{
	left:0px;bottom:0px;width:100%;height:96px;background-color:#beb4af;overflow:hidden;
}
.lib_vignette_carousel_salon{
	position:absolute;left:50px;bottom:94px;width:120px;height:21px;background-color:#beb4af;color:#ffffff;text-align:center;
}


#sv_espace_menu_gauche
{
	width:180px;
	border-left:3px solid #747474;
}

#sv_espace_menu_gauche li
{
	list-style-type:none;
	margin-left:5px;
	padding-left:14px;
}

.box_ombre_salon {
  	-webkit-box-shadow: 0px 0px 5px 0px #adadad; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
        box-shadow: 0px 0px 5px 0px #adadad; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
        border:1px solid #bcbcbc;
        margin:0px 0px 20px 20px;
        height:160px;
        width:230px;
}

.liste_ombre_salon {
  	-webkit-box-shadow: 0px 0px 5px 0px #adadad; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
        box-shadow: 0px 0px 5px 0px #adadad; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
        border:1px solid #bcbcbc;
        margin:0px 0px 20px 20px;
}

.bt_salon_accueil{
	position:absolute;right:10px;
}

.input_recherche_haut{
	width:615px;border:1px solid #dedede;font-size:13px;height:30px;padding-left:5px;color:#828282;font-weight:bold
}
.input_submit_recherche{
	width:136px;height:32px;vertical-align:middle;cursor:pointer;border:0px;background-color:#bd2e34;color:#ffffff;
} 
.input_submit_recherche:hover{
	background-color:#303030;
} 
.sv_nomsociete{font-size:1.2em; }
.sv_accrochesociete{font-size:1em;line-height:1em}


ul.liste_lignes
{
	list-style-type:none;
}

ul.liste_lignes li
{
	padding: 8px;
	border-bottom:1px dotted #dadada;
}

ul.liste_lignes li a
{
	font-weight:bold;
}

#nav_langue
{
	position:absolute;
	top:65px;
	left:44px;
}

.hp_liste_service
{
	list-style-type:none;
}

.agenda_annonce_fond, .encyclopedie_fond
{
	height:185px;
}
/* LE VOLET MENU DROIT */
#volet {
	width: 400px;
	padding: 10px 0px 10px 0px;
	background: #ffffff; 
	height: 100%;
	min-height: 100%;
	z-index:5;
	overflow:auto;
	scrollbar:none;
}

ul#nav_gauche
{
	padding:0px;
	width:100%;
	font-size:1.2em;
}

ul#nav_gauche li
{
	line-height: 40px;
	padding:4px;
	border-left:10px solid #ffffff;
}

ul#nav_gauche  li:hover
{
	background-color: #dedede;

}

ul#nav_gauche .link_n1 li:hover
{
	background-color: #dedede;
}

#volet_clos #volet  #nav_gauche li a {
	text-transform : uppercase;
	line-height: 40px;
	
}

#nav_gauche li a:hover {
	
	
}

#volet {
	position: fixed;
	left: -420px; top: 0px;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
	padding-left:15px;
}
#volet:target {
	left: 0px;
}

.volet_bis
{
	position: absolute;
	left:210px;	
	z-index:150;
	background-color:#dedede;
	display:none;
	color:#000000;
	width:200px;
	padding-left:10px;
}

#ouvre_menu_droit
{
	display:none;
	position:absolute;
	right:10px;
	top:10px;
	z-index:2200;
	cursor:pointer;
}

#volet_droit
{
	display:none;
	position:absolute;
	right:0px;
	top:80px;
	background-color:#303030;
	z-index:2200;
	
	color:#ffffff;
	font-size:1.3em;
	opacity:0.95;
	width:100%;
}

#volet_droit ul
{
	list-style-type:none;
	padding:14px 12px 24px 12px;
}

#volet_droit li
{
	padding:8px 0px 8px 0px;
	border-bottom:1px dotted #ffffff;
}

#volet_droit a
{
	color:#ffffff;
}

a.link_n2:hover
{
	color:#dedede;
}

#volet_2{top:100px;}
#volet_2 a:hover{color:#6a860f;}
#volet_3{top:150px;}
#volet_3 a:hover{color:#1374d2;}
#volet_4{top:200px;}
#volet_4 a:hover{color:#53995d;}
#volet_5{top:250px;}
#volet_5 a:hover{color:#d61317;}
#volet_6{top:390px;}
#volet_6 a:hover{color:#ac1923;}

#menu_volet_0:hover{border-left:10px solid #000000;}
#menu_volet_1:hover{border-left:10px solid #6a860f;}
#menu_volet_2:hover{border-left:10px solid #1374d2;}
#menu_volet_3:hover{border-left:10px solid #53995d;}
#menu_volet_4:hover{border-left:10px solid #d61317;}
#menu_volet_5:hover{border-left:10px solid #ac1923;}
#menu_volet_6:hover{border-left:10px solid #6d2125;}
#menu_volet_7:hover{border-left:10px solid #ac1923;}
#menu_volet_8:hover{border-left:10px solid #ac1923;}
#menu_volet_9:hover{border-left:10px solid #ac1923;}
#menu_volet_10:hover{border-left:10px solid #000000;}
#menu_volet_11:hover{border-left:10px solid #000000;}
#menu_volet_12:hover{border-left:10px solid #000000;}
#menu_volet_13:hover{border-left:10px solid #000000;}


/* code pour la fermeture */
#volet:target a.fermer {
	display: block;
}
#volet:target a.ouvrir {
	display: none;
}
#volet_clos:target #volet {
	left: -420px;
}

#cache_volet
{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#dddddd;
	z-index:4;
	opacity:0.5;
	filter:alpha(opacity=50);
}

a.tag_temps_fort
{
	padding:1px 6px 1px 6px;
	color:#ffffff;
	background-color:#526475;
	margin-right:3px;
	font-size:1.1em;
}


a.tag_temps_fort:hover
{
	color:#526475;
	background-color:#ffffff !important;
	border-bottom:3px solid #526475;
}

a.vertviti_fond:hover
{
	color:#6a860f;
	background-color:#ffffff !important;
	border-bottom:3px solid #6a860f !important;
}

a.commerce_fond:hover
{
	color:#1374d2;
	background-color:#ffffff !important;
	border-bottom:3px solid #1374d2 !important;
}

a.gensduvin_fond:hover
{
	color:#53995d;
	background-color:#ffffff !important;
	border-bottom:3px solid #53995d !important;
}

a.autourduvin_fond:hover
{
	color:#d61317;
	background-color:#ffffff !important;
	border-bottom:3px solid #d61317 !important;
}

.tv_vitisphere
{
	background-color:#546372;
	padding-top:10px;
	color:#ffffff
}

.tv_vitisphere a, .tv_vitisphere h4
{
	color:#ffffff
}

.edito_vitisphere
{
	background-color:#ffffff;
	padding-top:10px;
	color:#000000
}

.edito_vitisphere a, .edito_vitisphere h4
{
	color:#000000;
}
/* LES LISTES D'ACTU */


.liste_actu h2
{
	font-size:1.5rem;
}

.liste_actu .info_actu .tags_liste_actus
{
	overflow:hidden;
	width:450px;
	text-align:right;
}
.liste_actu .info_actu .tags_liste_actus a, .tags_liste_actus a
{
	display:inline;
	padding:1px 2px 1px 2px;
	background-color:#ffffff;
	line-height:26px;
}

.outils_actu a
{
	color:#303030;
	padding-left:10px
}

.indexation
{
	
}

.indexation a
{
	padding:4px 8px 4px 8px;
	background-color:#e3e4e9;
}

.indexation a.index_on
{
	font-weight:bold;
}

.pour_inscription
{
	padding:8px;
	border:1px solid #303030;
}

.tag_haut
{
	font-size:1.4em;
}

#alerte_cookie
{
	position:fixed;
	padding:4px;
	opacity:0.8;
	width:100%;
	color:#ffffff;
	background-color:#303030;
	bottom:0px;
	text-align:center;
	left:0px;
}

#alerte_cookie:hover
{
	opacity:1;
}

#fil_ariane
{
	font-size:0.9em;
	padding:10px;
}

.form_agenda {
	-webkit-box-shadow: 0px 0px 5px 0px #adadad;
        box-shadow: 0px 0px 5px 0px #adadad;
}

.ombre_box
{
	-webkit-box-shadow: 0px 0px 5px 0px #adadad; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
        box-shadow: 0px 0px 5px 0px #adadad; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

#menu_mobile_nos_sites
{
	display:none;
}

.cache_mobile
{
	display:none;
}

.sommaire_breve
{
	border-top:1px solid #303030;
	border-bottom:1px solid #303030;
}

.sommaire_breve .sommaire_titre
{
	font-size:1.3em;
}

.sommaire_breve ul
{
	list-style-type:none;
}

.sommaire_breve ul li
{
	font-size:1.1em;
	font-weight:bold;
	padding:5px;
	text-align:justify;
}

#nav_langue
{
	border:1px solid #c76557;
	border-radius:10px;
	background-color:#ad1922;
	width:242px;
	background:url(../images/interface/picto_loupe_recherche.png);
	background-repeat:no-repeat;
	background-position: 5px 3px; 
	padding:4px;
}


#nav_langue input
{
	background-color:#ad1922;
	border:0px;
	margin-left:35px;
	z-index:90;
	width:160px;
}

#nav_langue input::-webkit-input-placeholder, #nav_langue input:-moz-placeholder {
    color:#ffffff;
}

#invite_connexion
{
	z-index:100;
	bottom:-45px;
	right:0px;
	width:400px;
}

.icone {
	padding-top:25px;
}
.icone li {
	padding:0px 10px 0px 10px;
	display:block;
}
.icone li a {
}
.icone li a:hover {
	color:#ad1922;
}
.icone .icone-1 { background-position: 5px top; }
.icone .icone-2 { background-position: 18% top; }
.icone .icone-3 { background-position: 37% top; }
.icone .icone-4 { background-position: 57% top; }
.icone .icone-5 { background-position: 81% top; }
.icone .icone-6 { background-position: 106% top; }
.icone .icone-1:hover { background-position: 5px -47px; }
.icone .icone-2:hover { background-position: 18% -47px; }
.icone .icone-3:hover { background-position: 37% -47px; }
.icone .icone-4:hover { background-position: 57% -47px; }
.icone .icone-5:hover { background-position: 81% -47px; }
.icone .icone-6:hover { background-position: 106% -47px; }
#haut #nav li a:hover {color:#ad1922;}

#nav
{
	position:absolute;
	top:10px;
	left:0px;
	height:50px;
	width:350px;
}

#nav_site
{
	position:absolute;
	top:0px;
	right:15px;
	height:20px;	
	width:450px;
	color:#ffffff;
	padding:0px;
	text-align:right;
}

#haut #nav_site li
{
	padding-left:4px;
}

#haut #nav li a,#nav_site li a{
	color:#ffffff;
	font-size:12px;
	
}

#haut #nav div {
	float:left;
	text-align:center;
	margin-left:15px;
}

#nav_connexion
{
	position:absolute;
	top:53px;
	right:15px;
	background-color:#c76557;
	padding:4px 4px 4px 0px;
	text-align:right;
}

#nav_connexion a
{
	margin:2px 0px 2px 0px;
	padding-left:16px;
	color:#ffffff;
}

#nav_connexion .nav_connexion_niv2
{
	width:100%;	
}


#nav_connexion .nav_connexion_niv2:hover
{
	background:url(../images/interface/connexion_fleche_rouge.png);
	background-repeat:no-repeat;
	background-position: left middle; 
}

#nav_menu_principal 
{
	padding-top:15px;
	margin-left:100px;	
}



#nav_menu_principal div
{
	float:left;
	text-align:center;
	margin-left:0px;
	padding-left:10px;
	padding-right:16px;
	font-size:14px;
	line-height:18px;
	background:url(../images/interface/separation_menu.gif);
	background-repeat:no-repeat;
	background-position: left 5px; 
	border:0px solid #000000;
	height:50px;
}


#nav_menu_principal div.menu_home
{
	background:url();
	background-repeat:no-repeat;
	background-position: left 5px; 
}

.nav_menu_principal_banner div
{
	float:left;
	text-align:center;
	margin-left:0px;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
	line-height:16px;
	border:0px solid #000000;
	height:50px;
}

#nav_menu_principal div a
{
	color:#526475;
	font-weight:900;
	font-family: Calibri,"Calibrisc",Candara,Segoe,Segoe UI,Optima,sans-serif,Ubuntu;
}

#nav_menu_principal div a:hover
{
	color:#000000;
	
}

.moment
{
	color:#526475;
}

.moment:hover
{
	color:#000000;
}

#monecho
{	
	padding:10px;
	margin:6px;
	font-size:1.4em;
}

.nogoodbad
{
	display:none;	
}

.good
{
	display:block;	
	background-color:#8dd490;
	border:1px solid #16581a;
}

.bad
{
	display:block;	
	background-color:#efacb0;
	border:1px solid #ad1922;
}

.bordure_rouge
{
	border:1px solid #ad1922
}


.sous_titre_form
{
	border-bottom:1px solid #000000;
	font-size:1.3em;
	font-weight:bold;

}

ul.ul_box_offres
{
	list-style-type:none;
}




ul.ul_box_offres li
{
	bachground-color:#ffffff;
	border-right:1px dotted #828282;
	padding:4px;	
}

ul.ul_box_offres li:hover
{
	background-color:#eaeaea;
}

ul.ul_box_offres li:last-child
{
	border-right:0px dotted #828282;
}

.cache_version_mobile
  	{
  		//display:block;
  	}
  	
 #flux_mobile
{
	display:none;
} 

#bt_encontinu
{
	display:none;
	position:absolute;
	right:0px;
	top:60px;
	cursor:pointer;
	z-index:1005;
	padding:4px;
	background-color:#303030;
	color:#ffffff
}

.lettre_vindexer
{
	padding:0px 8px 0px 8px;
}

p a
 {
 	text-decoration:underline;
 }


/* LES QUERY MEDIA POUR LE SALON */
@media (min-width: 1025px) and  (max-width: 1200px) {
	
	#nav_menu_principal {
		 margin-left: 40px;
	}
	
	#nav_menu_principal div
	{
		 padding-left: 10px;
   		 padding-right: 10px;
	}
	
}


@media (min-width: 780px) and  (max-width: 1024px) {
	.w700p{width:600px;}
	.w675p{width:620px;}
	.w675p{width:620px;}
	#colonne_gauche .w200p {width:170px;}
	.home_4art .w200p {width:170px;}
	.sujetenavant .w200p {width:170px;}
	.mini_hp_3art .w200p {width:175px;}
	
	#nav_menu_principal {
		 margin-left: 7px;
	}
	
	#nav_menu_principal div
	{
		 padding-left: 6px;
   		 padding-right: 6px;
	}
	#bt_lavigne {
		display:none;
	}
}
@media (min-width: 781px) and  (max-width: 900px) {

	#nav_menu_principal {
		 margin-left: 0px;
	}
	
	#nav_menu_principal div{
		font-size:13px;
	}
	
	.home_niveau1 .photo_home_niveau1 img, .home_niveau1 .photo_home_niveau2 img {
		 width: 95%;
	}
	
	#colonne_droite .boite_droite, #colonne_droite {
		width:100%; 
		padding:20px;
	}
	
}
@media (max-width: 780px) {
	.pub_haut{
		text-align: center;
    	max-height: 130px !important;
    	margin: auto;
	}
   /* CSS appliqué aux petits écrans */
   	.vignette_carousel_salon, .lib_vignette_carousel_salon, .salon_reseau_sociaux { display:none; }
   	#sv_espace_menu_gauche 	
   	{
   		width:100%;
   	
   	}
   	#nav_menu_principal {
		 margin-left: 0px;
	}
   	#sv_espace_menu_gauche li	
   	{
   		display:inline;  
   	}
	   
	#smart_bandeau_haut pts {
		padding-top:0px !important;
	}   
	
   	.salon_logo, .salon_logo img, .logo_salon{width:100%}
   	.bt_salon_accueil{display:none;}
   	.box_ombre_salon{width:100%; margin:0px 0px 20px 0px;}
   	.banner--clone, .banner--stick, .banner {display:none;}
   	.form_agenda{display:none;}
   	
   	.menu_haut_tetiere{display:none}
   	.menu_temp{display:none}
   	.bt_salon_accueil, .pubcw{display:none;}
   	#menu_principal_navigation, #nav_site, #titre_sujet_moment{display:none;}
   	#lien_sujet_moment a{font-size:1em;}
   	#haut #nav li a,#nav_site li a{
		color:#ffffff;
		font-size:11px;
		
	}
	#accueil_video, #meteo_vigne_hp{display:none; }
	.menu_plus_nav
  	{
  		display:none;
  	}
  	#nav_langue 
	{
		display:none;
	}
	#smart_bandeau_haut
	{
		padding-top:0px !important;
		margin:auto !important;
		text-align:center;
	}
	#hab_gauche_home, #hab_droite_home {
		display:none;
	}
	.menu_haut_rub a
	{
		line-height:15px;
		margin:2px;
		font-size:0.9em;
		
	}
	
	.boite_droite, .a_oter_mobile{display:none;}
	
	.invite_connexion{width:380px;margin:0px}
	.agenda_annonce_fond,{height:250px;}
	.encyclopedie_fond{height:140px;}
	
	.home_4art .w200p {width:130px;}
	
	#menu_mobile_nos_sites
	{
		display:block;
	}
	
	.cache_mobile
	{
		display:block;
	}

	#accueil_salon{
  		clear:both;
  		float:left;
  		width:100%;
  		margin-top:5px;
  		padding-right:10px;
  	}
  	.rubrique {
  		width:100%  !important;
  		max-width:100%  !important;
  	}
	.bordure_rouge
	{
		border:0px solid #ad1922
	}
	
  }
  
  @media (max-width: 481px) {

	.w_img_mobile {
		width:100% !important;
		text-align:center;
		margin-bottom:10px !important;
	}
	.pub_haut{
		text-align: center;
    	max-height: 130px !important;
    	margin: auto;
	}
	#smart_bandeau_haut
	{
		padding-top:0px !important;
		margin:auto !important;
		text-align:center;
		padding-left: 10px;
	}
  	#ouvre_menu_droit
	{
		display:block;
	}
	
  	.cache_version_mobile
  	{
  		display:none;
  	}
  	
  	.moi_haut
  	{	
  		text-transform: lowercase;
  	}
  	.col_gris_fond a.smallb
  	{
  		font-size:0.8em;
  	}
  	
  	.vignette_carousel_salon, .lib_vignette_carousel_salon, .salon_reseau_sociaux { display:none; }
   	#sv_espace_menu_gauche 	
   	{
   		width:100%;
   	
   	}
   	#sv_espace_menu_gauche li	
   	{
   		display:inline; 
   	}
   	.outils_actu
	{
		padding-left:0px
	}
   	.salon_logo, .salon_logo img, .logo_salon{width:100%}
   	.bt_salon_accueil, .pubcw{display:none;}
   	.box_ombre_salon{width:100%; margin:0px 0px 20px 0px;}
   	.banner--clone, .banner--stick, .banner {display:none;}
 	/* pour la home */
  	#accueil_video{display:none; }
  	
  	#accueil_salon{
  		clear:both;
  		float:left;
  		width:100%;
  		margin-top:5px;
  		margin-right:10px;
  	}
  	
  	.rubrique {
  		width:100%  !important;
  		max-width:100%  !important;
  	}
  	
  	/* pour le haut */
  	#nav_connexion{display:none; }
  	.nav_connexion_niv2{display:none; }
  	#header_logo img
  	{
  		width:200px;
  		
  	}
  	#header_logo
  	{
  		text-align:center;
  	}
  	#header_logo2
  	{
  		position:absolute;
  		left:200px;
  	}
  	
	.prm {
		 padding-right: 0px; 
	}
  	
  	#nav_langue
	{
		top:5px;
		right:0px;
		text-align:right;
	}
  	#nav
  	{
		  padding-left:0px;
		  max-width:100px;
  	}
  	
  	.menu_plus_nav, #meteo_vigne_hp
  	{
  		display:none;
  	}
  	
  	#vitipedia_titre, #vitipedia_contenu {display:none; }
  	
	  .menu_haut_rub
	  {
		  width:100%;
		  overflow:hidden;
		  overflow-x:scroll;
		  
	  }
	  .menu_haut_rub_special
	  {
		width:300%;
	  }
	.menu_haut_rub a
	{
		line-height:15px;
		margin:2px;
		font-size:1em;
		
	}
	
	.volet_bis
	{
		position: relative;
		left:0px;
		width:150px;
	}
	
	#volet_2{top:0px;}
	#volet_3{top:0px;}
	#volet_4{top:0px;}
	#volet_5{top:0px;}
	#volet_6{top:0px;}
	
  	#volet {
		width: 300px;
		padding: 10px 0px 10px 0px;
	}
	
	#menu_mobile_nos_sites
	{
		display:block;
	}
	
	#menu_mobile_nos_sites ul a
	{
		font-size:0.8em;
	}
	
	#sv_espace_droite{width:95%;}
	
	iframe{width:100%;}
	
	.webmarket_fond, .agenda_annonce_fond {width:100%;}
	
	.titre_commerce_sous_420,.titre_commerce_sous_240,.titre_commerce_sous_180,.titre_commerce_sous_200,.titre_commerce_sous_360
	{
		width:100%;
	}
	
	.home_4art .home_niveau2, .home_4art .w200p  {width:100%;}
	
	.h5-like
	{
		font-weight:bold;
	}
	.petit_texte_communication
	{
		font-size:0.75em;
	}
	
	#bt_encontinu
	{
		display:block;
	}
	
	.lettre_vindexer
	{
		padding:0px 2px 0px 2px;
	}
	.bloc_societe_accueil .societe_info
	{
		text-align:center;
	}
	.photo_home_niveau2 img {
		padding-right:10px;
   }
   ul.hp_liste_service 
   {
	  margin-right:10px;
   }
   ul.hp_liste_service li
   {
	   display:inline;
   }
   .titre_viniconnect
	{
		font-size:1.4em;
	}
	.tag_haut
	{
		font-size:1em;
	}
	.padding_mobile
	{
		margin-left:12px;
	}

  }

  @media (max-width: 380px) {
	#smart_bandeau_haut
	{
		padding-top:0px !important;
		margin:auto !important;
		text-align:center;
		padding-left: 10px;
	}
  }

  @media (max-width: 330px) {
	#smart_bandeau_haut
	{
		padding-top:0px !important;
		margin:auto !important;
		text-align:center;
		padding-left: 0px;
	}
  }