/* Site SYNDICAT DES EAUX DE SOURCES */
/* => Création Société Alexance - www.alexance.com */
/* => Création du site septembre 2009 */

/* Cette feuille de style ne concerne QUE la page D'ACCUEIL du site */     


/* BODY début ------------------------------------------------------
---------------------------------------------------------------*/

#GlobalBody #Colonne00 {
	float:left;
	clear:both;
	width:934px;
	background-image:url(../../images/index/colonne-fond00.gif);
	background-repeat:repeat-y;
}

#GlobalBody #Colonne00 #BlocLeft  {
	float:left;
	width:637px; /*667px*/
	padding:15px;
	padding-bottom:25px;
}

#GlobalBody #Colonne00 #BlocRight {
	float:left;
	width:252px; /*267px*/
	-width:267px; /*267px*/
	padding-left:7px;
	padding-right:7px;
	padding-bottom:25px;
}

#BlocPresentation {
	float:left;
	width:934px;
	font-size:0;
	height:208px; /*208*/
}

#Global #BlocPresentation #Descript {
	float:left;
	width:267px; /*308px*/
	height:178px; /*208*/
	-width:307px; /*308px*/
	-height:208px; /*208*/
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	border-right:1px solid #FFF;
	background-image: url(../../images/index/fd-descript.gif);
	background-repeat:repeat-x;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	font-style:italic;
	text-align:justify;
}

#Global #BlocPresentation #Descript h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	text-align:center;
	padding-bottom:8px;
}

#Global #BlocPresentation #Descript a {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FF5E00;
	font-style:italic;
	text-decoration:underline;
	font-weight:bold;
	padding-top:5px;
	clear:both;
	float:left;
}

#Global #BlocPresentation #Descript a:hover {
	text-decoration:none;
}

#Global #BlocPresentation #Photo01 {
	float:left;
	width:208px; /*209px*/
	height:208px;
	border-right:1px solid #FFF;
	background-image: url(../../images/index/photo01.jpg);
	background-repeat: no-repeat;
	font-size:0;
} 

#Global #BlocPresentation #Photo02 {
	float:left;
	width:208px; /*209px*/
	height:208px;
	border-right:1px solid #FFF;
	background-image: url(../../images/index/photo02.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

#Global #BlocPresentation #Photo03 {
	float:left;
	width:208px;
	height:208px;
	background-image: url(../../images/index/photo03.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

#Colonne00 #BlocRight #CarteSource a {
	float:left;
	width:252px;
	height:102px;
	background-image: url(../../images/index/cartesource.gif);
	background-repeat:no-repeat;
}

#Colonne00 #BlocRight #BlocNews {
	float:left;
	clear:both;
	padding-top:20px;
}

#Colonne00 #BlocRight #BlocBleuFonce {
	float:left;
	padding-top:30px;
}


#Colonne00 #BlocRight #BlocBleuFonce #BorderTop {
	width:252px;
	height:10px;
	font-size:0;
	background-color:#3E495E;
}

#Colonne00 #BlocRight #BlocNews #BorderTop {
	width:252px;
	height:10px;
	font-size:0;
	background-color:#1EBDC3;
}

#Colonne00 #BlocRight #BlocNews #Titre {
	float:left;
	width:74px;
	padding-top:5px;
	padding-bottom:8px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#1EBDC3;
	font-weight:bold;
}

#Colonne00 #BlocRight #BlocBleuFonce #Titre {
	float:left;
	width:74px;
	padding-top:5px;
	padding-bottom:8px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#3E495E;
	font-weight:bold;
}

#Colonne00 #BlocRight #BlocBleuFonce #SsTitre {
	clear:both;
	padding-top:5px;
	padding-bottom:8px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3E495E;
	font-weight:bold;
}

#Colonne00 #BlocRight #BlocNews #TopLien {
	float:left;
	width:148px;
	padding-top:10px;
	padding-bottom:8px;
}

#Colonne00 #BlocRight #BlocNews #TopLien,
#Colonne00 #BlocRight #BlocNews #TopLien a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1EBDC3;
	font-weight:bold;
	text-decoration: none;
}

#Colonne00 #BlocRight #BlocNews #TopLien a:hover {
	text-decoration: underline;
}


#Colonne00 #BlocRight #BlocNews .Date,
#Colonne00 #BlocRight #BlocNews .Date a {
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#1EBDC3;
	text-decoration:none;
}

#Colonne00 #BlocRight #BlocNews .Date img { padding-right:3px; width:3px; height:6px; }

#Colonne00 #BlocRight #BlocNews .Accroche,
#Colonne00 #BlocRight #BlocNews .Accroche a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1B2953;
	font-weight:bold;
	text-decoration:none;
}


#Colonne00 #BlocRight #BlocNews .Txt,
#Colonne00 #BlocRight #BlocNews .Txt a,
#Colonne00 #BlocRight #BlocBleuFonce .Txt,
#Colonne00 #BlocRight #BlocBleuFonce .Txt a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7F7F7F;
	text-decoration:none;
}

#Colonne00 #BlocRight #BlocNews .Separateur01 {
	clear:both;
	width:232px;
	height:15px;
	background-image:url(../../images/index/news-separateur.gif);
	background-repeat: repeat-x;
	font-size:0;
}

#Colonne00 #BlocRight #BlocNews .Date a:hover,
#Colonne00 #BlocRight #BlocNews .Accroche a:hover,
#Colonne00 #BlocRight #BlocNews .Txt a:hover {
	text-decoration:underline;
} 





#Colonne00 #BlocLeft #Intro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
}

#Colonne00 #BlocLeft #Intro #Accroche {color:#EB5D19; font-weight:bold;}

#Colonne00 #BlocLeft #Bloc01 {
	width:637px;
	padding-top:10px;
}

#Colonne00 #BlocLeft #Bloc01 #BorderTop {
	width:637px;
	height:10px;
	font-size:0;
	background-color:#FFB300; /*jaune*/
}

#Colonne00 #BlocLeft #Bloc01 #Titre {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFB300; /*jaune*/
	font-weight:bold;
	padding-top:5px;
}

#BlocContenu {
float:left;
	width:637px;
	padding-top:10px;
}

.Ligne00 {
	float:left;
	width:627px; /*637*/
	-width:637px; /*637*/
	padding-bottom:15px;
	padding-left:10px;
}

.BlocLeft,
.BlocRight {
	float:left;
	width:305px;
}

.Separateur {
	float:left;
	width:17px;
	height:1px;
	font-size:0;
}

.BlocLeft .Img,
.BlocRight .Img {
	float:left;
	width:90px;
	font-size:0;
}

.BlocLeft .Img img,
.BlocRight .Img img {
	width:90px;
	height:90px;
	font-size:0;
}

.BlocLeft .Txt,
.BlocRight .Txt {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7F7F7F;
	padding-left:10px;
	width:203px; /*213px*/
	-width:215px; /*213px*/
	text-decoration:none;
	padding-top:3px;
}

.BlocLeft .Txt a,
.BlocRight .Txt a  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7F7F7F;
	text-decoration:none;
}

.BlocLeft .Txt .Accroche,
.BlocRight .Txt .Accroche,
.BlocLeft .Txt .Accroche a,
.BlocRight .Txt .Accroche a {
	float:left;
	width:203px;
	font-weight:bold;
	color:#FFB300;
	font-size:12px;
	text-decoration:none;
}

.BlocLeft .Txt a:hover,
.BlocRight .Txt a:hover {
	text-decoration:underline;
}

.BlocLeft .Txt .Accroche a:hover,
.BlocRight .Txt .Accroche a:hover {
	text-decoration:underline;
	color:#FFB300;
}


#Colonne00 #BlocLeft #Bloc02,
#Colonne00 #BlocLeft #Bloc03 {
	width:637px;
	padding-top:10px;
	clear:both;
}

#Colonne00 #BlocLeft #Bloc02 #BorderTop {
	width:637px;
	height:10px;
	font-size:0;
	background-color:#6F69AE; /*violet*/
}

#Colonne00 #BlocLeft #Bloc03 #BorderTop {
	width:637px;
	height:10px;
	font-size:0;
	background-color:#3E495E; /*bleu foncé*/
}


#Colonne00 #BlocLeft #Bloc02 #Titre {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#6F69AE; /*violet*/
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;
}

#Colonne00 #BlocLeft #Bloc03 #Titre {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#3E495E; /*bleu foncé*/
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;
}

#Bloc02 #BlocContenu,
#Bloc03 #BlocContenu {
	width:637px;
	padding-top:10px;
}

#Bloc02 #BlocContenu .Ligne00,
#Bloc03 #BlocContenu .Ligne00 {
	clear:both;
	float:left;
	width:627px; /*637*/
	padding-bottom:15px;
	padding-left:10px;
}

#Bloc02 #BlocContenu .Ligne00,
#Bloc02 #BlocContenu .Ligne00 a,
#Bloc03 #BlocContenu .Ligne00,
#Bloc03 #BlocContenu .Ligne00 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7F7F7F;
	text-decoration:none;
	text-align:justify;
}

#Bloc02 #BlocContenu .Ligne00 a:hover,
#Bloc03 #BlocContenu .Ligne00 a:hover { text-decoration:underline; }

#Bloc02 #BlocContenu .Ligne00 .Accroche,
#Bloc02 #BlocContenu .Ligne00 .Accroche a,
#Bloc03 #BlocContenu .Ligne00 .Accroche,
#Bloc03 #BlocContenu .Ligne00 .Accroche a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	padding-bottom:5px;
}

#Bloc02 #BlocContenu .Ligne00 .Accroche,
#Bloc02 #BlocContenu .Ligne00 .Accroche a {
	color:#6F69AE;
}
#Bloc03 #BlocContenu .Ligne00 .Accroche,
#Bloc03 #BlocContenu .Ligne00 .Accroche a {
	color:#3E495E;
}

#Bloc02 #BlocContenu .Ligne00 .Accroche a:hover,
#Bloc03 #BlocContenu .Ligne00 .Accroche a:hover { text-decoration:underline; }


#Bloc02 #BlocContenu .Ligne00 .Accroche img {
	float:left;
	width:8px;
	padding-right:3px;
	padding-top:3px;
}

#Bloc02 #BlocContenu .Ligne00 .Img img {
	float:left;
	width:5px;
	height:9px;padding-top:3px;padding-right:3px;
}








#Colonne00 #BlocRight .BlocAcces {
	clear:both;
	width:252px;
	height:164px;
}

#Colonne00 #BlocRight .BlocAcces .BorderTop {
	width:252px;
	height:4px;
	background-image:url(../../images/index/adherent-bordertop.gif);
	background-repeat:no-repeat;
	font-size:0;	
}

#Colonne00 #BlocRight .BlocAcces .Body {
	width:228px; /*252*/
	height:139px; /*154*/
	background-image: url(../../images/index/adherent-fd.gif);
	background-repeat: repeat-x;
	padding-left:12px;
	padding-right:12px;
	padding-top:15px;
	background-color:#BCBFC3;
}
#Colonne00 #BlocRight .BlocAcces .Body .Txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	padding-bottom:4px;
	padding-top:12px;
}

#Colonne00 #BlocRight .BlocAcces .BorderBottom {
	width:252px;
	height:6px;
	background-image:url(../../images/index/adherent-borderbottom.gif);
	background-repeat:no-repeat;
	font-size:0;
	background-image:blue;
}

#Colonne00 #BlocRight .BlocAcces .Body .Titre {
}

#Colonne00 #BlocRight .BlocAcces .Body .Ligne {
	width:228px;
	height:1px;
	background-image:url(../../images/index/ligne01.gif);
	background-repeat: repeat-x;
	font-size:0;
}

#Colonne00 #BlocRight .BlocAcces .Body .Lien,
#Colonne00 #BlocRight .BlocAcces .Body .Lien a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1B2953;
	text-decoration:none;
	padding-top:4px;
}

#Colonne00 #BlocRight .BlocAcces .Body .Lien a:hover {
	text-decoration:underline;
}


#BlocIdxVideo {
	float:left;
	clear:both;
	/*width:894px;
	padding-left:20px;
	padding-right:20px;
	background-color:#FFF;*/
	
	width:637px;
	padding-top:10px;
	clear:both;
	
}

#BlocIdxVideo #BorderTop {
	width:637px;
	height:10px;
	font-size:0;
	background-color:#BB17B5;
}

#BlocIdxVideo #Titre {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#BB17B5;
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;
}

#BlocIdxVideo #Titre a { text-decoration:underline; color:#BB17B5; }

#BlocIdxVideo #Titre a:hover { text-decoration:none; }


/* BODY fin ------------------------------------------------------
---------------------------------------------------------------*/