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

/* Cette feuille de style concerne TOUTES LES PAGES du site */

body { margin:0; padding:0; background-color:#5D7290; background-image:url(../../images/global/fd.gif); background-repeat:repeat-x; padding-bottom:30px;}
p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
input, select, textarea { border:1px solid #000; }
img { border:none; }


/* HEADER début ------------------------------------------------------
---------------------------------------------------------------*/

#GlobalHeader {
	width:980px;
	height:175px;
}

#GlobalHeader #Left {
	float:left;
	width:437px;
	height:131px;
	background-image:url(../../images/global/header/logo.jpg);
	background-repeat:no-repeat;
	font-size:0;
}

#GlobalHeader #Right {
	float:left;
	width:543px;
	height:131px;
	background-image:url(../../images/global/header/header-fd-01.gif);
	background-repeat:repeat-y;
}

#MenuHorizontal {
	width:980px;
	height:34px;
	font-size:0;
}

#MenuHorizontal #M01 {
	float:left;
	width:15px;
	height:34px;
	font-size:0;
	background-color:#131721;
}

#MenuHorizontal #M02 {
	float:left;
	width:4px;
	height:34px;
	font-size:0;
	background-image:url(../../images/global/header/menuhori-borderleft.gif);
	background-repeat:no-repeat;	
}

#MenuHorizontal #M03 {
	float:left;
	width:932px; /*942px*/
	height:34px; /*34px*/
	-width:942px; /*942px*/
	padding-left:5px;
	padding-right:5px;
	font-size:0;
	background-image:url(../../images/global/header/menuhori-body.gif);
	background-repeat:repeat-x;
}

#MenuHorizontal #M03, #MenuHorizontal #M03 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
}

#MenuHorizontal #M03 a {
	float:left;
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;
}

#MenuHorizontal #M03 a:hover {
	text-decoration:underline;
}

#MenuHorizontal #M03 .Separateur01 {
	float:left;
	width:1px;
	height:34px;
	background-color: #FFF;
	font-size:0;
}

#MenuHorizontal #M04 {
	float:left;
	width:4px;
	height:34px;
	font-size:0;
	background-image:url(../../images/global/header/menuhori-borderright.gif);
	background-repeat:no-repeat;
}

#MenuHorizontal #M05 {
	float:left;
	width:15px;
	height:34px;
	font-size:0;
	background-color:#657C9C;
}

#GlobalHeader #Separateur01 {
	clear:both;
	width:980px;
	height:8px;
	font-size:0;
	background-image: url(../../images/global/header/separateur01.gif);
	background-repeat:repeat-y;
}

#GlobalHeader #Right #Ligne01 {
	float:left;
	width:523px; /*543px*/
	height:36px; /*102px*/
	padding-right:20px;
	padding-top:17px;
	padding-bottom:49px;
}

#GlobalHeader #Right #Ligne01 #BlocVide {
	float:left;
	width:344px; /*344px*/
	height:36px;
	font-size:0;
}

#GlobalHeader #Right #Ligne01 #Bt01 {
	float:left;
	width:82px;
	height:36px;
	font-size:0;
}
#GlobalHeader #Right #Ligne01 #Bt01 a {
	float:left;
	width:82px;
	height:36px;
	background-image: url(../../images/global/header/bt-adherent01.gif);
	background-repeat:no-repeat;
	font-size:0;
}

#GlobalHeader #Right #Ligne01 #Bt02 {
	float:left;
	width:82px;
	height:36px;
	font-size:0;
}

#GlobalHeader #Right #Ligne01 #Bt02 a {
	float:left;
	width:82px;
	height:36px;
	background-image: url(../../images/global/header/bt-journaliste01.gif);
	background-repeat:no-repeat;
	font-size:0;
}

#GlobalHeader #Right #Ligne01 #Separateur02 {
	float:left;
	width:15px;
	height:36px;
	font-size:0;
}

#GlobalHeader #Right #Ligne02 {
	clear:both;
	width:543px; /*543*/
	height:29px;
}

#GlobalHeader #Right #Ligne02 #ConnectNewsletter { float:left; width:543px; /*543*/}

#GlobalHeader #Right #Ligne02 #BlocVide00 { float:left; width:117px; height:1px; font-size:0px;}

#GlobalHeader #Right #Ligne02 #Txt {
	float:left;
	background-image: url(../../images/global/header/recev-newsletter.jpg);
	background-repeat:no-repeat;
	width:152px;
	height:13px;
	font-size:0;
}

#GlobalHeader #Right #Ligne02 #Input {
	float:left;
	width:200px; /*220*/
	padding-left:10px;
	padding-right:10px;
}

#GlobalHeader #Right #Ligne02 #Input input {
	float:left;
	width:188px; /*198*/
	height:16px;
	padding-left:5px;
	padding-right:5px;
	background-color:#C9C9C9;
	border:1px solid #FFF;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

#GlobalHeader #Right #Ligne02 #Bt,
#GlobalHeader #Right #Ligne02 #Bt a {
	float:left;
	width:31px;
	height:18px;
	background-image:url(../../images/global/header/bt-go01.gif);
	background-repeat:no-repeat;
	font-size:0;
}



/* HEADER fin ------------------------------------------------------
---------------------------------------------------------------*/




/* BODY début ------------------------------------------------------
---------------------------------------------------------------*/
#GlobalBody {
	width:950px; /*980*/
	-width:980px; /*980*/
	background-image:url(../../images/global/global-fond01.gif);
	background-repeat:repeat-y;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	padding-top:8px;
}

/*Border TOP en gris --- début*/
#GlobalBody #BorderTop {
	width:950px;
	height:8px;
}

#GlobalBody #CornerLeft {
	float:left;
	width:8px;
	height:8px;
	background-image:url(../../images/global/corner-left01.gif);
	background-repeat:no-repeat;
	font-size:0;
}

#GlobalBody #BorderBody {
	float:left;
	width:934px;
	height:8px;
	background-color:#BABCC1;
	font-size:0;
}

#GlobalBody #CornerRight {
	float:left;
	width:8px;
	height:8px;
	background-image: url(../../images/global/corner-right01.gif);
	background-repeat:no-repeat;
	font-size:0;
}
/*Border TOP en gris --- fin*/


#GlobalBody #Global {
	float:left;
	clear:both;
	width:934px; /*950px*/
	-width:950px; /*950px*/
	background-image:url(../../images/global/global-fond02.gif);
	background-repeat:repeat-y;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:20px;
}

#GlobalBody #Header {
	clear:both;
	width:950px; /*980*/
	-width:980px; /*980*/
	height:6px;
	font-size:0;
}

#GlobalBody #Footer {
	clear:both;
	width:950px; /*980*/
	-width:980px; /*980*/
	height:12px;
	font-size:0;
	background-image:url(../../images/global/borderfooter.gif);
	background-repeat:no-repeat;
}

#GlobalBody #Separateur01 {
	width:950px;
	-width:980px; /*980*/
	height:13px;
	font-size:0;
}

#GlobalBody #Global #ColLeft {
	float:left;
	width:225px; 
}

/*MenuLeft ////////////////////////////////////*/
#GlobalBody #Global #ColLeft #MenuLeft {
	width:225px;
	background-image:url(../../images/global/menuleft/fd.gif);
	background-repeat:repeat-y;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body {
	width:225px;
	background-image:url(../../images/global/menuleft/fd.gif);
	background-repeat:repeat-y;
	padding-top:28px;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body h1 {
	-width:225px;
	padding-left:17px;
	padding-bottom:7px;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body h1,
#GlobalBody #Global #ColLeft #MenuLeft #Body h1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#DDE73C;
	text-transform:uppercase;
	text-decoration:none;
	
}

#GlobalBody #Global #ColLeft #MenuLeft #Body h1 a:hover  {
	text-decoration:none;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body #Border01 {
	clear:both;
	float:right;
	width:208px;
	height:2px;
	background-color:#DDE73C;
	font-size:0;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body #Separateur00 {
	clear:both;
	width:225px;
	height:20px;
	font-size:0;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body #Separateur01 {
	clear:both;
	width:225px;
	height:10px;
	font-size:0;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body .Lien-On {
	clear:both;
	width:195px; /*225*/
	-width:225px; /*225*/
	padding-top:7px;
	padding-bottom:7px;
	background-image: url(../../images/global/menuleft/lien-on.gif);
	background-repeat:no-repeat;
	background-color:#D3DA46;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0E121B;
	text-transform: uppercase;
	font-weight:bold;
	padding-left:30px;
	padding-top:5px;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body .SsLien-On {
	float:left;
	width:205px; /*225*/
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body .SsLien-On,
#GlobalBody #Global #ColLeft #MenuLeft #Body .SsLien-On a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body .SsLien-On a:hover {
	color:#D3DA46;
	text-decoration:none;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body .SsLien-On .Lien00 {
	clear:both;
	width:215px; /*225*/
	-width:205px; /*225*/
	padding-bottom:5px;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body .SsLien-On .Lien00 .Puce {
	float:left;
	padding-right:3px;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body .SsLien-On .Lien00 .Lien {
	float:left;
	width:190px;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body .Lien-Off {
	clear:both;
	float:left;
	width:205px; /*225*/
	-width:225px; /*225*/
	padding-top:7px;
	padding-bottom:7px;
	border-top:1px solid #A3A3A3;
	padding-left:20px;
	padding-top:5px;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body .Lien-Off,
#GlobalBody #Global #ColLeft #MenuLeft #Body .Lien-Off a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

#GlobalBody #Global #ColLeft #MenuLeft #Body .Lien-Off a { padding-left:10px;}

#GlobalBody #Global #ColLeft #MenuLeft #Body .Lien-Off a:hover { color:#D3DA46; text-decoration:none; }

#GlobalBody #Global #ColLeft #MenuLeft #Body .Lien-Off img {
	width:6px;
	height:7px;
}

#GlobalBody #Global #ColLeft #MenuLeft #Footer {
	width:225px;
	height:10px;
	font-size:0;
	background-image:url(../../images/global/menuleft/footer.gif);
	background-repeat:no-repeat;
}

.SigleOn {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#0E121B;
	padding-left:5px;
	font-weight: normal;
}

.SigleOff {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	padding-left:5px;
	font-weight: normal;
}


/*CARTE SOURCE ////////////////////////////////////// */
#GlobalBody #Global #ColLeft #CarteSource a {
	float:left;
	width:225px;
	height:93px;
	font-size:0;
	background-image: url(../../images/global/cartesource.gif);
	background-repeat: no-repeat;
}

/*DIAPORAMA ///////////////////////////////////////// */
#GlobalBody #Global #ColLeft #BlocDiaoporama {
	float:left;
	width:225px;
	height:162px;
}

#GlobalBody #Global #ColLeft #BlocDiaoporama #Titre a {
	float:left;
	width:225px;
	height:61px;
	font-size:0;
	background-image:url(../../images/global/diaporama-titre.gif);
	background-repeat: no-repeat;
}

#GlobalBody #Global #ColLeft #BlocDiaoporama #Photo a {
	float:left;
	width:225px;
	height:101px;
	font-size:0;
	background-image:url(../../images/global/diaporama-photo.jpg);
	background-repeat: no-repeat;
}

#GlobalBody #Global #ColLeft .Separateur02 {
	float:left;
	width:225px;
	height:5px;
	font-size:0;
	background-color:#FFF;
}




/*ColRight /////////////////////////////////////////////////
/////////////////////////////////////////////////// */
#GlobalBody #Global #ColRight {
	float:left;
	width:660px; /*709*/
	padding-top:40px;
	padding-left:15px;
	padding-right:15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:18px;
	text-align:justify;
}

#GlobalBody #Global #ColRight a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F4640D;
	font-weight:bold;
	text-decoration:underline;  
}

#GlobalBody #Global #ColRight a:hover { text-decoration:none; color:#F4640D; }

#GlobalBody #ColRight h1 {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	color:#AEC620;
	padding-bottom:3px;
	text-align:left;
}

#GlobalBody #ColRight h2 {
	width:679px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#5B718F;
	padding-top:20px;
	padding-bottom:10px;
}

#GlobalBody #Global #ColRight .Txt {
	padding-top:20px;
}

#GlobalBody #Global #ColRight .Lien01 a {
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5B718F;
	text-decoration:underline;
}

#GlobalBody #Global #ColRight .Lien01 a:hover {
	text-decoration:none;
}

#GlobalBody #ColRight #FilAriane {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2A3546;
	font-weight: bold;
}

#GlobalBody #ColRight .Illustration {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
}

#GlobalBody #ColRight .Illustration img {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#AEC620;
	padding:5px;
	background-color:#ECEDEF;
	border:1px solid #CED3DD;
}

#BandeauConnexion-Adherent {
	clear:both;
	width:934px; /*950*/
	-width:950px; /*950*/
	height:30px;
	background-color:#FFDE39; /*jaune*/
	border-left:8px solid #BABCC1;
	border-right:8px solid #BABCC1;
}

#BandeauConnexion-Journaliste {
	clear:both;
	width:934px; /*950*/
	-width:950px; /*950*/
	height:30px;
	background-color:#F08518; /*orange*/
	border-left:8px solid #BABCC1;
	border-right:8px solid #BABCC1;
}

#BandeauConnexion-Adherent .Txt01,
#BandeauConnexion-Journaliste .Txt01 {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	padding-top:8px;
	padding-left:5px;
	width:430px; /*445px*/
	-width:445px; /*445px*/
	padding-right:10px	
}

#BandeauConnexion-Adherent .Txt02,
#BandeauConnexion-Journaliste .Txt02 {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#313B4E;
	font-weight:bold;
	padding-top:8px;
	padding-right:15px;
	width:420px; /*455px*/
	-width:455px; /*455px*/
	padding-left:20px;
	text-align:right;
}

#BandeauConnexion-Adherent .BtDeconnect a {
	float:left;
	width:15px;
	height:30px;
	background-image: url(../../images/global/connexion/deconnect01.gif);
	background-repeat:no-repeat;
	font-size:0;
}

#BandeauConnexion-Journaliste .BtDeconnect a{
	float:left;
	width:15px;
	height:30px;
	background-image: url(../../images/global/connexion/deconnect02.gif);
	background-repeat:no-repeat;
	font-size:0;
}

#BandeauConnexion-Adherent .IconeConnect {
	float:left;
	width:15px;
	height:30px;
	background-image: url(../../images/global/connexion/bonhomme01.gif);
	background-repeat:no-repeat;
	font-size:0;
}

#BandeauConnexion-Journaliste .IconeConnect {
	float:left;
	width:19px;
	height:30px;
	background-image: url(../../images/global/connexion/bonhomme02.gif);
	background-repeat:no-repeat;
	font-size:0;
}


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




/* FOOTER début ------------------------------------------------------
---------------------------------------------------------------*/
#GlobalFooter {
	width:950px;
} 

#GlobalFooter  #BlocHeader {
	width:950px;
	height:7px;
	font-size:0;
	background-image:url(../../images/global/footer-bordertop.gif);
	background-repeat:no-repeat;
} 

#GlobalFooter #BlocBody {
	float:left;
	width:942px; /*950*/
	-width:950px; /*950*/
	background-color:#DEDEE0;
	border-left:4px solid #FFF;
	border-right:4px solid #FFF;
} 

#GlobalFooter #BlocBody #Bloc01,
#GlobalFooter #BlocBody #Bloc02 {
	float:left;
	width:283px; /*314px*/
	-width:314px; /*314px*/
	height:130px;
	-height:145px;
	border-right:1px solid #6B6B6B;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
} 

#GlobalFooter #BlocBody #Bloc03 {
	float:left;
	width:284px; /*314px*/
	-width:314px; /*314px*/
	height:101px; /*145px*/
	-height:145px; /*145px*/
	padding-left:15px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1B2953;
	padding-top:44px;
}

#GlobalFooter #BlocBody #Bloc03 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1B2953;
	text-decoration:none;
}

#GlobalFooter #BlocBody #Bloc03 a:hover {
	text-decoration:underline;
}

#GlobalFooter #BlocBody #Bloc01 .Txt,
#GlobalFooter #BlocBody #Bloc02 .Txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6D6D6D;
	padding-top:8px;
} 

#GlobalFooter #BlocBody #Bloc01 .Lien,
#GlobalFooter #BlocBody #Bloc02 .Lien {
	padding-top:5px;
}

#GlobalFooter #BlocBody #Bloc01 .Lien a,
#GlobalFooter #BlocBody #Bloc02 .Lien a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#677FA1;
	font-weight:bold;
	text-decoration:none;
}

#GlobalFooter #BlocBody #Bloc01 .Lien a:hover,
#GlobalFooter #BlocBody #Bloc02 .Lien a:hover {
	text-decoration:underline;
}


#GlobalFooter #BlocFooter {
	float:left;
	clear:both;
	width:950px;
	height:7px;
	font-size:0;
	background-image: url(../../images/global/footer-borderbottom.gif);
	background-repeat:no-repeat;
} 


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