/* *******************************************************************
**   Copyright Saint-mammes.com										**
**	Réalisation cyril CAGNET										**
******************************************************************* */
/* ********************************************* **
** CHARTE DES COULEURS UTILISEES POUR LE SITE    **
**	- #C9C7A5	-->	Gris						 **	
**	- #C0C061	-->	Vert						 **
**	- #063666	-->	Bleu						 **
** ********************************************* */
	
BODY
{
	scrollbar-face-color: ;scrollbar-shadow-color: ;scrollbar-highlight-color: ;scrollbar-dlight-color: 
	;scrollbar-darkshadow-color: ;scrollbar-track-color: #C9C7A5;
	scrollbar-arrow-color: #C0C061; 
	scrollbar-base-color:#063666;
	background-color:#C0C061;
	margin:0px;
	padding:0px;
	text-align:center;
}

#pageWeb
{
	background-color:#C0C061;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

	H1{COLOR: #063666; FONT-FAMILY: 'Comic Sans MS'; text-align:center; margin-top:10px; margin-bottom:30px; clear:both;}
	H2{COLOR: #063666; FONT-FAMILY: 'Comic Sans MS'; text-indent:35.4pt; margin-top:10px; margin-bottom:10px; clear:both;}
	H3{COLOR: #063666; FONT-FAMILY: 'Comic Sans MS'; margin-top:10px; margin-bottom:10px; clear:both;}
	P{clear:both;}
	img.photo{margin:10px;clear:both;}
	img.illustr{margin:10px;}
	.legende { font-size:12; text-align:center;}

	p.intro{text-indent:0pt; text-align: justify;COLOR: #063666; FONT-FAMILY: 'Comic Sans MS'}
	li.detail {text-indent:0pt; text-align: justify;COLOR: #063666; FONT-FAMILY: 'Comic Sans MS'}
	a{text-decoration: none; color: blue; }
	a:hover{ text-decoration: underline; color: green; }

.contact dt{ font-size:20; text-align:center;}
.contact .adresse { font-size:12; font-style:normal; text-align:center; }
.contact .tel { font-size:12; font-style:italic; text-align:center; }
.contact .remarck{ font-size:12; font-style:normal; color:Red; text-align:center; }
	

/* ***************************************************** **
** Styles exploité par les documents word				 **
******************************************************** */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{
	COLOR: #063666;
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Comic Sans MS";}

p.MsoBodyText, li.MsoBodyText, div.MsoBodyText
	{
	COLOR: #063666;
	margin:0cm;
	margin-bottom:.0001pt;
	text-align:justify;
	font-size:12.0pt;
	font-family:"Comic Sans MS";}
	
p.MsoBodyTextIndent, li.MsoBodyTextIndent, div.MsoBodyTextIndent
	{
	COLOR: #063666;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:35.4pt;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Comic Sans MS";}
	
p.MsoBodyText2, li.MsoBodyText2, div.MsoBodyText2
	{
	COLOR: #063666;
	margin:0cm;
	margin-bottom:.0001pt;
	text-align:justify;
	font-size:12.0pt;
	font-family:"Comic Sans MS";
	font-weight:bold;}
	
p.MsoBodyTextIndent2, li.MsoBodyTextIndent2, div.MsoBodyTextIndent2
	{
	COLOR: #063666;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:70.8pt;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Comic Sans MS";}
	
p.MsoBodyTextIndent3, li.MsoBodyTextIndent3, div.MsoBodyTextIndent3
	{
	COLOR: #063666;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:35.4pt;
	margin-bottom:.0001pt;
	text-align:justify;
	font-size:12.0pt;
	font-family:"Comic Sans MS";}
	

/*
**  Mise en page alterné entre img a gauche et text a droite
*/
.villeI, .villeP
{
	clear:both;
	float:left;
	border-style:solid;
	border-width:2px;
	width: 790px;
}	
.villeI img
{
	float:left;
	width:350px;
	padding:0px;
	margin:5px;
}
.villeI ul
{
	list-style-position:inside;
	list-style-type:disc;
	float:right;
	width:350px;
	padding:0px;
	margin:5px;
}

.villeP ul
{
	list-style-position:inside;
	list-style-type:disc;
	float:left;
	width:350px;
	padding:0px;
	margin:5px;
}
.villeP img
{
	float:right;
	width:350px;
	padding:0px;
	margin:5px;
}
/*
** Gestions des box
** box1 -> les box des news 
** box1S -> les encadres dans les pages
** boxR -> box rotative de la page d'accueil
*/

.box1 dl, .box1S dl, .boxR dl
{
	margin:0px;
	padding:0px;
}
.box1 dt, .box1S dt, .boxR dt
{
	text-align:center;
	font-size:small;
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-right:15px;
}
.box1 dt.first, .box1S dt.first, .boxR dt.first
{
	padding-top:30px;
}
.box1 dd, .box1S dd, .boxR dd
{
	font-size:x-small;
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-right:15px;
}
.box1 dd.last, .box1S dd.last
{
	padding-bottom:19px;
	background:url(Images/Fenetre1/Bas.gif) no-repeat bottom;	
}
.box1, .box1S
{
	float:left;
	width:300px;
	background:url(Images/Fenetre1/Centre.gif) repeat-y;
	margin:10px;
	padding:0px;
}
.boxR dt.first
{
	padding-top:15px;
	border-top-style:solid;
	border-top-color:Gray;
	border-top-width:2px;
}
.boxR dd.last
{
	padding-bottom:15px;
	border-bottom-style:solid;
	border-bottom-color:Gray;
	border-bottom-width:2px;
}
.boxR
{
	float:left;
	width:300px;
	margin:10px;
	padding:0px;
}
.box1S
{
	clear:right;
}

.box1 .null .first, .box1S .null .first
{
	height:19px;
	background: url(Images/Fenetre1/Haut.gif) no-repeat;
}
.box1 .contact .first, .box1S .contact .first
{
	height:37px;
	background: url(Images/Fenetre1/HautContact.gif) no-repeat;
}
.box1 .manif .first, .box1S .manif .first
{
	height:37px;
	background: url(Images/Fenetre1/HautInfoManif.gif) no-repeat;
}
.box1 .arretes .first, .box1S .arretes .first
{
	height:37px;
	background: url(Images/Fenetre1/HautArrete.gif) no-repeat;
}

/********************************************************************************
**
****************************************************************************** */
#Accueil 
{
	background: url(Images/Patron/BtnAccueilMini.gif) no-repeat;
}
#Vivre 
{
	background: url(Images/Patron/BtnVivreAMini.gif) no-repeat;
}
#Decouvrir
{
	background: url(Images/Patron/BtnDecouvrirMini.gif) no-repeat;
}
#Discover
{
	background: url(Images/Patron/BtnDiscoverMini.gif) no-repeat;
}


/*
** bandeau superieur 
*/
#entete
{
	position:relative;
	float:left;
	clear:both;
	width:1025px;
	background: #063666 url(Images/Patron/Bas.gif) repeat-x bottom;
	height:157px;
}

/*
** Contient le menu gauche la page et le menu droit
*/
#conteneurInfos
{
	position:relative;
	float:left;
	clear:both;
	width: 1025px;
	margin: 0px;
	padding: 0px;
	margin-top:-10px;
	background:url(Images/Patron/Barre6.gif) repeat-y;
	background-position:-175px;
}

#conteneur 
{
	position:relative;
	float:left;
	clear:both;
	width: 1025px;
	margin:0px;
	padding:0px;
	margin-top:-10px;
	/*background:url(Images/Patron/Barre6.gif) repeat-y;*/
	background-color:#C0C061;
}
/*
** menu gauche
*/
#menugauche
{
	float:left;
	clear:left;
	width:175px;
	margin: 0px;
	padding: 0px;
	margin-right:10px;
	background-color:#063666;
}

#vignette
{
	margin:20px;
}

#navigation 
{
	margin: 0px;
}

#navigation h3
{
	padding:0px;
	margin:0px;
	text-indent:-1000;
	display:block;
}

#navigation h3 a 
{
	display: block;
}

#navigation ul
{
	LIST-STYLE-POSITION: outside; 
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
	font-weight:bold;
	font-size:small;
}

#navigation ul li
{
	color:#C0C061;
	background:url(Images/Patron/Picto.gif) repeat-y;
	border-top:1px solid #ff0;
	border-bottom:1px solid #ff0;
}

#navigation ul li a 
{
	background-color:Transparent;
	color:#C0C061;
	display: block;
	height: 25px;
}

#navigation ul li a:hover
{
	background-color:#C0C061;
	color:#063666;
}
#navigation ul ul
{
	LIST-STYLE-POSITION: inside; 
	list-style-type:square;
	border:1px solid #000000;
	text-align:left;
	margin-right:2px;
	margin-left:2px;	
	background-color:#C9C7A5;
	background-image:none;
}

#navigation ul ul li
{
	background-color:#C9C7A5;
	background-image:none;
	border:none;
}

#navigation ul ul li a
{
	color:#063666;
	height:20px;
}
#navigation ul ul li a:hover 
{
	background-color:Yellow;
	color:#063666;
}

/*
** Contenu de la page
*/


#page
{
	float:left;
	clear:none;
	width:790px;
	COLOR: #063666; 
	FONT-FAMILY: 'Comic Sans MS';
	text-justify:auto;
	margin-left:-10px;
	margin-top:0px;
	padding-left:20px;
	padding-right:10px;
	padding-top:40px;
	background:url(Images/Patron/Coins.gif) no-repeat top left;
}

/*
#page
{
	float:left;
	clear:none;
	width:790px;
	COLOR: #063666; 
	FONT-FAMILY: 'Comic Sans MS';
	text-justify:auto;
	margin-left:-10px;
	margin-top:0px;
	padding-left:20px;
	padding-right:10px;
	padding-top:40px;
	background-color:#C0C061;
	background-image:url(Images/Patron/Coins.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
*/
#pageInfos
{
	float:left;
	clear:none;
	width:790px;
	COLOR: #063666; 
	FONT-FAMILY: 'Comic Sans MS';
	text-justify:auto;
	margin-left:0px;
	margin-top:0px;
	padding-left:20px;
	padding-right:10px;
	padding-top:40px;
	background:url(Images/Patron/Coins.gif) no-repeat top left;
}

#index li
{
	border: 2px solid #063666; 
	padding-left:2px; 
	padding-right:2px;
	display:inline;
}

/* copyright */
#Copyright
{
	position:relative;
	float:left;
	clear:both;
	height:70px;
	margin:0px;
	padding:0px;
	width:1025px;
	background-color: #063666;
	font-size: 9pt; 
	text-align:center; 
	COLOR:#C9C7A5; 
}