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

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

	}

.general{
	width:923px;

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

h1{
font-size:14px;
}



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

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


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

/*-------------------------------------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:100%;
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:5;
 }

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

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

.gps{
	width:48%;
	margin-left:10px;
	float:left;
	text-align:left;
	}
	
.flags{
	text-align:right;
	}
.flags img{
	width:16px;
	height:16px;
	margin-right:5px;
	border:none;
	}
.flags a{
	width:16px;
	height:16px;
	}
	
.header_flag img{
border:none;
}
/*----------------------------------------HEADER----------------------------------------------*/

.header{
	float:left;
	display:block;
	height:345px;
	width:923px;
}
.header_haut{
	float:left;
	display:block;
	background:url(images/header_home.jpg) no-repeat;
	height:26px;
	width:923px;
}
.header_menu{
	float:left;	
	height:67px;
	width:923px;
}

.header_flash{
	float:left;
	width:923px;
	height:228px;
}

.coordonees{
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5ba8f6;
	width:905px;
	height:30px;
	font-size:14px;

	}
.logohome{
	float:left;
	width:114px;
	}

.flashhome{
	float:left;
	width:809px;
	z-index:1;
	}
	
.alignmenu{
	float:right;
	margin-right:5px;
}

.menu_haut{
	float:left;
	/*background:url(images/menu_haut.jpg) no-repeat;*/
	background:url(images/general.gif) repeat-y;
	height:28px;
	width:923px;
	}

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

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

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

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

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

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

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



.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:8px;
	float:left;
	background:url(images/btn.gif) repeat-x;
	width:auto;
	height:20px;
}


.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:8px;
	float:left;
	background:url(images/btn_visite.gif) repeat-x;
	width:auto;
	height:20px;
}

.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;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.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;
	font-size:12px;
	font-variant:normal;
}

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

#blocknavlib a{
	color:#388daf;
}

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






.blocknav a{
	color:#000000;
}




.blocknavcom{
	float:right;
	margin:20px 0px 0px 10px;
	width:650px;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
#blocknavcom a{
	color:#388daf;}
	
#blocknavcom a:hover{
	color:#ffffff;
	}
	
.bloknavcomtop
{
	padding-top:12px;
	background:url(images/blocknavcomlibtop.gif) no-repeat;
	height:27px;
	width:608px;
	font-size:12px;
	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{
float:left;
width:430px;
	}
.article_global{
	float:left;
	color:#5ba8f6;
	background:url(images/main.gif) repeat-y;
	width:702px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	color:#3581CE;
	font-weight:bold;
}

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

.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;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}


.articleint{
	padding-left:15px;
	color:#5ba8f6;
	width:680px;
	max-width:680px;
	height:auto;
}

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

.article_titre{
	color:#5ba8f6;
	margin-left:2px;
	padding-left:5px;
	padding-top:15px;
	width:100%;
	border-bottom:#5ba8f6 3px dotted;
	text-align:left;
	font-size:large;
	font-weight:bold;
}
.article_titrelong{
	color:#5ba8f6;
	margin-bottom:20px;
	text-align:left;
	font-weight:bold;
	font-size:12px;
}


.article_paragraphe_titre{
	text-align: left;
	font-size:13px;
	font-weight:bold;
	color:#709b09;
	padding-bottom:5px;
}
.article_agemin{
	color:#5ba8f6;
}
				/*-------INTROS------------*/
.contenuIntro{
margin-top:10px;
padding-top:20px;
font-weight:bold;
color:#5ba8f6;
font-size:12px;
}


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

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

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

.contenuNormal{
text-align:justify;
font-family:Arial, Helvetica, sans-serif !important;
font-size:12px;
}

.TitreArticle{
float:left;
color:#0076bf;
margin-top:10px;
margin-bottom:5px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif !important;
font-size:12px;
}

*html .TitreArticle *{
float:left;
color:#0076bf;
margin-bottom:5px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif !important;
font-size:11px;
}
.contenuArticle  {
float:left;
width:480px;
color:#2C87D2;
margin-top:15px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif !important;
font-size:12px;
margin-left:5px;
}

*html.contenuArticle{
float:left;
width:480px;
color:#0076bf;
margin-top:0px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif !important;
font-size:11px;
margin-left:5px;
}
.articleHome *{
text-align:justify !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size:11px !important;
}
.contenuNormal a{
	color:#3581ce;
}


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

.article_datemodif{

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

.article_EstGratuit{

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

/*------------------------------------------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;
	}
.plus_photo{
	border:none;
	width:100%;
	height:22px;
	text-align:center;
	}
.plus_photo img{
	border:none;
	}
/*----------------------------------------------Menu Communautaire--------------------------------------------*/
/*.coordonnees{
width:234px;
height:164px;
background:url(images/fondcoor.jpg) no-repeat;
padding-top:30px;
margin-left:130px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#406e9c;
}*/
.diapo{
	float:left;
	width:845px;
	padding-left:12px;
	padding-top:9px;
	margin-left:45px;
	background: url(images/fond_diapo.gif) #fff no-repeat;
	height:310px;
}
.film{
	margin-left:2px;
	padding-top:2px;
	padding-left:3px;
	margin-top:25px;
	width:430px;
	height:364px;

	
	}
	
.menu_com_gen{
	float:left;
	padding-left:0px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:20px;
	padding-top:5px;
	text-align:center;
	width:488px;
	height:380px;
	text-align:center;
	background-color:#fff;
}

*html .menu_com_gen{
	float:left;
	padding-left:0px;
	margin-right:0px;
	margin-top:7px;
	padding-top:25px;
	text-align:center;
	width:488px;
	height:380px;
	background:none;
}

.menu_com{
	float:left;
	background:url(images/thematik2.jpg) no-repeat;
	width:244px;
	height:79px;
}

*html .menu_com{
	float:left;
	margin-top:-25px;
	background:url(images/thematik2.jpg) no-repeat;
	width:244px;
	height:79px;
}


.menu_com a{
	color:#406e9c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	
}

.menu_com a:hover{
color:#004792;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}

.menu_com_libelle{
float:left;
width:140px;
color:#000000;
height:100%;
padding-top:25px;
}

*html .menu_com_libelle{
float:left;
width:140px;
color:#000000;
height:100%;
padding-top:25px;

vertical-align:middle;
}


.menu_com_desc{
color:#000000;
}

.menu_com_img{
float:left;
padding-top:5px;
padding-left:25px;
}
.menu_com img{
margin-top:5px;
border:#FFFFFF 2px solid;
width:70px;
height:50px;
}
/*----------------------------------------FOOTER----------------------------------------------*/

.footer{
	float:left;
	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;
}

.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;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}