/*CSS POUR LE SITE SOLEIL VIVARAIS*/
html{
	text-align:center;		
}

body{
  background: #c3dcf1 url(images/bg2.gif) center top repeat-x;
	/*background-color:#b1caf3;*/
	}

.general{
	width:923px;
	background:url(images/general.gif) repeat-y;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


/*----------------------------------------------BALISES GENERALES---------------------------------------------*/

a{
	color:#3581ce  !important;
	text-decoration:none  !important;
}


a:hover{
	color:#659dd5  !important;
	text-decoration:none  !important;
}

/*-------------------------------------VIDEO-------------------------------------------------*/
.video{
 float:right;
 margin-bottom:20px;
 margin-top:20px;
 width:460px;
 height:355px;
 z-index:1;
}

.videocom{
float:left;
margin-bottom:20px;
margin-right:5px;
margin-top:20px;
width:460px;
height:355px;
z-index:1;
}

#video{
float:right;
margin-bottom:20px;
margin-top:20px;
width:457px;
height:355px;
z-index:1;
}
#fondvideo{
display:none;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color: #000;  /* le fond                 */
filter:alpha(opacity=70);   /* Internet Explorer 6     */
-moz-opacity:0.7;           /* Mozilla 1.6 et infér.   */
opacity: 0.7;               /* CSS3 et Mozilla récents */
z-index:0;
 }
 

/*----------------------GPS---------------------------*/
#div_map{
	width:400px;
	height:400px;
	border:1px #000000 solid;
	display:none;
	position:absolute;
	top:250px;
	left:400px;
	z-index:9999999;
}

#div_map2{
	width:400px;
	height:400px;
	border:1px #000000 solid;
	top:250px;
	left:400px;
	z-index:9999999;
}

#div_panoramique{
	position:fixed;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: -350px;
	display: none;
	width:700px;
	height:300px;
	border:1px #000000 solid;
	display:none;
	z-index:5;
}

#panoramique{
position:fixed;
width: 700px; 
height: 300px;
z-index:6; 
}

#panoramique360{
 
}
.panoramique{
	width:100%;
	text-align:right;
	}
  #fond_panoramique{
display:none;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color: #000;  /* le fond                 */
filter:alpha(opacity=70);   /* Internet Explorer 6     */
-moz-opacity:0.7;           /* Mozilla 1.6 et infér.   */
opacity: 0.7;               /* CSS3 et Mozilla récents */
z-index:1;
 }

/*----------------------FLAG--------------------------*/
.header_flag{
width:97%;
text-align:right;
padding-top:5px;
}

.gps{
	margin-left:10px;
	text-align:left;
	}
	

.header_haut img{
	margin-right:5px;
	border:none;
	}

	
.header_flag img{
border:none;
}
/*----------------------------------------HEADER----------------------------------------------*/

.header{
display:block;
height:268px;
width:923px;
}
.header_haut{
display:block;
background:url(images/header-top.jpg) no-repeat;
height:201px;
width:923px;
}
.header_menu{
	height:67px;
	width:923px;
}

.home{

	margin-left:0%;
	margin-top:30px;
	width:100%;
	height:165px;
	}

/*----------------------------------------------MENU-----------------------------------------*/
.alignmenu{
	float:right;
	margin-right:5px;
}

.menu_haut{
	background:url(images/menu_haut.jpg) no-repeat;
	height:28px;
	width:923px;
	}

.menu_bas_gen{
	background:url(images/menu_bas.gif) no-repeat;
	text-align:right;
	padding-top:8px;
	height:39px;
	width:923px;
	color:#FFFFFF  !important;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif  !important;
}

.menu_bas{
	font-weight:bold  !important;
	height:39px;
	width:923px;
	color:#FFFFFF  !important;
	font-size:11px  !important;
	font-family:Arial, Helvetica, sans-serif  !important;
	}
.menu_bas a{
	background:url(images/fleche.gif) left no-repeat;
	padding-left:14px  !important;
	font-weight:bold  !important;
	padding-right:3px;
	height:39px;
	width:900px;
	color:#fff!important;
	font-size:11px  !important;
	font-family:Arial, Helvetica, sans-serif  !important;
	}
#menu_bas_act{
	color:#ffdc0f  !important;
	background:url(images/fleche3.gif) left no-repeat;
	}
.menu_bas a:hover{
	background:url(images/fleche2.gif) left no-repeat;
	font-weight:bold  !important;
	padding-right:3px;
	height:39px;
	width:900px;
	color:#ffdc0f  !important;
	font-size:11px  !important;
	font-family:Arial, Helvetica, sans-serif  !important;
	}

.menu_categorie, .menu_categorie a, .menu_categorie span{
	color:#388daf  !important;
	font-family:Arial, Helvetica, sans-serif  !important;
	font:Arial, Helvetica, sans-serif  !important;
	font-weight:bold  !important;
	font-size:12px  !important;
}

.menu_categorie:hover, .menu_categorie a:hover,  .menu_categorie span:hover{ 
	color:#ffffff  !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font:Arial, Helvetica, sans-serif !important;
	font-weight:bold !important;
	font-size:12px !important;
}

.menu_categorie_resa{
	background:url(images/puces/calendar.gif) left no-repeat;
	color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font:Arial, Helvetica, sans-serif !important;
	font-weight:bold !important;
	font-size:12px !important;
}
.menu_categorie_resa a{

	color:#eb800f !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font:Arial, Helvetica, sans-serif !important;
	font-weight:bold !important;
	font-size:12px !important;
}
.menu_categorie_resa a:hover{
	color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font:Arial, Helvetica, sans-serif !important;
	font-weight:bold !important;
	font-size:12px !important;
}

.menu_categorie_act{
	color:#fff !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font:Arial, Helvetica, sans-serif !important;
	font-weight:bold !important;
	font-size:12px !important;
}



.btn_ga{
float:left;
background:url(images/btn_ga.gif);
width:12px;
height:28px;
}
.btn_dr{
float:left;
background:url(images/btn_dr.gif);
width:11px;
height:28px;
}
.btn{
	padding-top:7px;
	float:left;
	background:url(images/btn.gif) repeat-x;
	width:auto;
	height:28px;
}
}
*html .btn{
	padding-top:7px;
	float:left;
	background:url(images/btn.gif) repeat-x;
	width:auto;
	height:21px;
}

.btn_visite_g{
	float:left;
	background:url(images/btn_visite_g.gif);
	width:12px;
	height:28px;
}

.btn_visite{
	padding-top:7px;
	float:left;
	background:url(images/btn_visite.gif) repeat-x;
	width:auto;
	height:28px;
}

*html .btn_visite{
	padding-top:7px;
	float:left;
	background:url(images/btn_visite.gif) repeat-x;
	width:auto;
	height:21px;
}

.btn_visite_d{
float:left;
background:url(images/btn_visite_d.gif);
width:11px;
height:28px;
}


/*------------------BLOC DE NAVIGATION-------------------------------------*/
	/*------------------BLOC NAVIGATION NORMAL---------------------*/
.blocknav{
	float:right;
	margin:20px 0px 0px 10px;
	width:206px;
	text-align:center;
}

.blocknavlibtop{
	width:206px;
	height:9px;
	background:url(images/blocknavlibelletop.gif);
	}

.blocknavlibmid{
	width:186px;
	height:auto;
	padding-left:15px;
	padding-right:5px;
	padding-bottom:5px;
	background:url(images/blocknavlibellemid.gif) repeat-y;
	color:#FFFFFF  !important;
	font:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	text-align:center;
	}
	
.blocknavlibbot{
	background:url(images/blocknavlibellebot.gif);
	width:206px;
	height:2px;
	}
	

.blocnavmil{
	background:url(images/blocknavlcontentmid.gif) repeat-y;
	width:186px;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:5px;
	text-align:center;
	font:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	font-variant:normal !important;
}

.blocknavmilbot{
	background:url(images/blocknavlcontentbot.gif);
	width:206px;
	height:9px;
	}
	

#blocknavlib a{
	color:#388daf !important;
}

#blocknavlib a:hover{
	color:#fff !important;
}

.blocknav a{
	color:#000000 !important;
}




.blocknavcom{
float:right;
	
	}
	
/*#blocknavcom a{
	color:#fff;}
	
#blocknavcom a:hover{
	color:#388daf;
	}
	
.bloknavcomtop
{
	padding-top:12px;
	background:url(images/blocknavcomlibtop.gif) no-repeat;
	height:27px;
	width:608px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
	
.blocnavmilcom
{
	background:url(images/blocknavcommid.gif) repeat-y;
	padding-top:5px;
	width:608px;
	height:auto;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.blocknavcombot{
	background:url(images/blocknavcombot.gif);
	width:608px;
	height:9px;
	}
	

.blocknavlibellecom{
	display:inline;
	margin-left:15px;
}
*/

/*--------------------------------------------ARTICLE----------------------------------------*/
.article_global{
	float:left;
	color:#2c87d2 !important;
	background:url(images/main.gif) repeat-y !important;
	width:702px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif !important;
}

.article_global a{
	color:#f1a81b !important;
	font-weight:bold !important;
}
.article_global a:hover{
	color:#fff !important;
}

.article_conteneur{
	float:left;
	background:url(images/article-bot.gif) bottom no-repeat;
	height:auto;
}


.article_top{
	
	background:url(images/article-top2.gif) no-repeat;
	height:61px;
	width:702px;
}


.googlemaps{
	text-align:center;
	color:#f1a81b !important;
	font-size:11px !important;
	font-weight:bold !important;
	text-decoration:underline !important;
}

.article{

	color:#2c87d2 !important;
	width:702px;
	font-family:Arial, Helvetica, sans-serif !important;
	height:auto;
	}


.articleint{
	padding-left:15px;
	color:#2c87d2 !important;
	width:680px;
	max-width:680px;
	height:auto;
}

.headarticle{
	padding-top:20px;
	width:702px;
	height:200px;
}

.article_titre{
	color:#2c87d2 !important;
	margin-left:7px;
	padding-left:5px;
	padding-top:15px;
	margin-bottom:7px;
	width:100%;
	text-align:left;
	font-size:large !important;
	font-weight:bold !important;
}
.article_titrelong{
	color:#2c87d2 !important;
	margin-bottom:20px;
	text-align:left;
	font-weight:bold;
	font-size:12px;
}


.article_paragraphe_titre{
	text-align: left;
	font-size:13px !important;
	font-weight:bold !important;
	color:#002a73 !important;
	padding-bottom:5px;
}
.article_agemin{
	color:#2c87d2 !important;
}
				/*-------INTROS------------*/
.contenuIntro{
margin-top:10px;
margin-bottom:5px;
float:left;
padding-top:20px;
font-weight:bold !important;
color:#2c87d2 !important;
font-size:12px !important;
}


.contenuEncadre{
margin-top:40px;
width:430px;
padding:15px 15px 15px 15px;
text-align:left;
color:#388daf !important;
background-color:#bde864;
border:#388daf 2px dotted;
font-size:12px !important;
}
.contenuEncadre a{
color:#2881a3 !important;
}

.contenuEncadre a:hover{
color:#006081 !important;
}
.contenuQuestionrelance{

font-weight:bold;
font-size:11px;
}

.contenuNormal,.contenuNormal *{
text-align:justify;
color:#2c87d2 !important;
clear:left;
text-decoration:none !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size:12px !important;
 
}

.contenuNormal a{
	color:#3581ce  !important;
}


.contenuNormal a:hover{
	color:#659dd5 !important;
}

.article_datemodif{

color:#000000 !important;
font-size:small !important;
}

.article_EstGratuit{

color: #0033FF !important;
font-size:14px !important;
}

/*------------------------------------------GALERIE PHOTO--------------------------------*/
.galerie_photo{
	width:680px;
	overflow:hidden;
	background:url(images/fond_gal.gif) repeat-y;
	padding-right:10px;
	padding-left:10px;
	}
	
.galerie_photo img{
	border:#52a2f3 2px solid;
	}
#imagecom img{
	width:200px;
}


.imagecom2{
	float:left;
	margin-right:5px;
}

.imagecom2 img{
	width:100px;
	border:none;
}



.plus_photo{
	border:none;
	width:100%;
	height:22px;
	text-align:center;
	//margin-left:300px;
	}
.plus_photo img{
	border:none;
	}
	
.emplacement{
float:left;
margin:10px 5px 10px 5px;
	}

.emplacement_contenu{
	float:left;
	margin-left:5px;
	width:500px;
	}
	
.emplacement_contenu img{
	border:none;
	}
	
.emplacement_contenu_texte{
	float:left;
	margin-left:5px;
	width:650px;
	}

.emplacement_image img{
	width:150px;
	border:none;
	}
	
	
#image_vivarais img{
float:left;
width:170px;
margin-right:5px;
border:none;
}

.360{
	margin-left:50px;
	}
/*----------------------------------------------Menu Communautaire--------------------------------------------*/


.menu_com{
	float:right;
	background:url(images/blocnav2.gif) repeat-y;
	text-align:center;
	width:221px;
	height:100%;
}

.menu_com a{
	color:#2d83da !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-weight:bold !important;
	font-size:11px !important;
}

.menu_com a:hover{
color:#fff !important;
font-family:Arial, Helvetica, sans-serif !important;
font-weight:bold !important;
font-size:11px !important;
}

.menucom_top{
	background:url(images/menucomtop.gif) no-repeat;
	width:221px;
	height:15px;
	}
.menu_com_bot{
	float:left;
	height:31px;
	width:221px;
	background:url(images/menucombot.gif);
	}
.menucom_ind{
	float:left;
	width:221px;
	background:url(images/menucommid.gif) repeat-y;
}

.menucom_ind_border{
	margin-left:12px;
	width:205px;
	
	}

.menu_com_img{
	float:left;
	margin-top:10px;
	margin-left:25px;
	
	width:150px;
}
.menu_com img{
	width:150px;
	height:100px;
	border:none;
}

.menu_com_libelle{
	text-align:center;
	float:left;
	width:200px;
	vertical-align: middle;
	}
	
.menu_com_desc{

	float:right;
	width:80px;
	}

/*----------------------------------------FOOTER----------------------------------------------*/

.footer{
	float:left;
	margin-top:40px;
	text-align:left;
	width:919px;
	height:62px;
	color:#FFFFFF;
	border-bottom:2px #000 solid;
	border-left:2px #000 solid;
	border-right:2px #000 solid;
}

.footer_haut{
background:url(images/footer_haut.gif) repeat-x;
width:100%;
height:32px;
line-height:32px;
font-size:11px;
font-family:arial, verdana;
}

.footer_bas{
background:#f9b700;
width:100%;
height:30px;
line-height:30px;
padding-left:5px;
}

.logo_yellow{
background:url(images/footer.gif) repeat-x;
height:58px;
padding-top:4px;
text-align:right;
padding-right:5px;
}

.logo_yellow img{
border:none;
}

.footer a{
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

.footer a:hover{
	font-size:12px;
	color:#9f7004;
	font-family:Arial, Helvetica, sans-serif;
}


.yellow{
	position:absolute;
	margin-left:780px;
	margin-top:0px;
	width:123px;
	height:60px;
	}
.clearboth{
clear:both;

}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}