/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Feuille de style
	
	Commun à tous les sites de ville.
	Crée le : 26 novembre 2007
	Modifié le : 30 decembre 2007
	Créateur : Yann MASSON
	Société : JARYS COMMUNICATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

body {
	text-align: center;
}

a:link {
	text-decoration: none;
	color: #000000;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #CD3333;
}

a:active {
	text-decoration: underline;
	color: #CD3333;
}

h1 {
	font-weight: bolder;
	font-size: 12px;
	padding-top: 2px;
}

h1 a:link {
	color: #000000;
	text-decoration: none;
}

h1 a:visited {
	color: #000000;
	text-decoration: none;
}

h1 a:hover {
	color: #CD3333;
	text-decoration:	underline;
}

h1 a:active {
	color: #CD3333;
	text-decoration: underline;
}

h2 {
	font-weight: normal;
	font-size: 0.95em;
	display: inline;
}

/* div global */
#site {
	width: 955px;
	margin: auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 0.2px;
	color: #000000;
}

/* div ariane */
#ariane {
	width: 945px;
	min-height: 22px;
	margin: auto;
	padding-top: 5px;
	font-size: 0.95em;
}
#fils {
	text-align: left;
}
#date {
	float: right;
	width: 200px;
	text-align: right;
}

/* div corps */
#corps {
	width: 945px;
	margin: auto;
	clear: both;
}

/* partie gauche */
#corpsgauche {
	width: 686px;
	min-height: 400px;
	border-right: solid;
	border-right-color: #BDB9B9;
	border-right-width: 1px;
	text-align: left;
	overflow: visible;
	display: inline-block;
}

/* zone utile a gauche */
#zoneutil {
	width: 682px;
	padding-bottom: 20px;
}

#traitrougegris {
	border-top: solid;
	border-top-color: #CC3333;
	border-top-width: 3px;
	border-bottom: solid;
	border-bottom-color: #BDB9B9;
	border-bottom-width: 2px;
	font-size: 0px;
}

#annonce {
	height: 20px;
	border-bottom: solid;
	border-bottom-color: #BDB9B9;
	border-bottom-width: 1px;
	padding-top: 2px;
	padding-left: 10px;
}

#indexdroite {
	float: right;
	width: 340px;
	padding-top: 25px;
	padding-left: 30px;
	line-height: 15px;
}

#indexgauche {
	padding-top: 25px;
	padding-left: 10px;
	line-height: 15px;
}

/* decalage des icones de domaine*/
.icone {
	float: left ;
	padding: 4px 10px 0 0 ;
}

#page {
	padding-top: 20px;
}

#casedomaine {
	height: 25px;
	padding-bottom: 25px;
}

.domainefont {
	font-weight: bolder;
	padding-top: 2px;
}

.domainefont a:link {
	color: #000000;
	text-decoration: none;
}

.domainefont a:visited {
	color: #000000;
	text-decoration: none;
}

.domainefont a:hover {
	color: #CC3333;
	text-decoration:	underline;
}

.domainefont a:active {
	color: #CC3333;
	text-decoration: underline;
}

.rappel {
	padding-top: 8px;
}

.pucerouge {
	color: #CC3333;
}

/* partie droite */
#corpsdroite {
	float: right;
	width: 254px;
	padding-left: 2px;
	display: inline-block;
}

#pubcarre {
	width: 250px;
	height: 250px;
	border: solid;
	border-color: #000000;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-top-width: 1px;
	font-size: 1px;
}

#pubcarretexte {
	width: 250px;
	height: 10px;
	border: solid;
	border-color: #000000;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	font-size: 1px;
}

#titreinfo {
	height: 20px;
	border: solid;
	border-color: #BDB9B9;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	margin-top: 10px;
}

#fluxinfo {
	height: 70px;
	line-height: 30px;
	font-size: 10px;
}

#filet {
	width: 945px;
	margin: auto;
	margin-top: 10px;
	padding-top: 5px;
	font-size: 0.95em;
}
	
/* Pied de page */
#pied {
	width: 955px;
	height: 27px;
	clear: both;
}
* html #pied {
	margin-top: 5px;
}
#piedblason {
	overflow: hidden;
}

#piedtraitgauche {
	float: left;
	width: 120px;
	margin-top: 5px;
	border-top: solid;
	border-top-color: #BDB9B9;
	border-top-width: 5px;
	background-color: #FFFFFF;
}

#piedtraitdroite {
	float: right;
	width: 120px;
	margin-top: 5px;
	border-top: solid;
	border-top-color: #BDB9B9;
	border-top-width: 5px;
	background-color: #FFFFFF;
}

#piedcentre {
	height: 22px;
	background-image: url(deco/piedcentre.png);
	background-repeat: repeat-x;
	padding-top: 4px;
}

.piedfont {
	font-size: 10px;
	font-weight: bolder;
	color: #FFFFFF;
}

.piedfont a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.piedfont a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.piedfont a:hover {
	color: #FFCC66;
	text-decoration: none;
}

.piedfont a:active {
	color: #FFCC66;
	text-decoration: none;
}

#piedcoingauche {
	float: left;
	width: 17px;
	height: 22px;
	background-image: url(deco/piedcoingauche.png);
	background-repeat: no-repeat;
}

#piedcoindroite {
	float: right;
	width: 17px;
	height: 22px;
	background-image: url(deco/piedcoindroite.png);
	background-repeat: no-repeat;
}