/* ##### Styles Communs ##### */

body {
	color: black;
	background-color: rgb(250,246,230);
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 71%;  /* Enables font size scaling in MSIE */
	margin: 20px 0;
	padding: 0;
	text-align: center;
}

html > body {
	font-size: 8.5pt;
}

acronym {
	border-bottom: 1px dotted rgb(153,153,153);
	cursor: help;
	margin: 0;
	padding: 0 0 0.4px 0;
}

.pasAfficher {
	display: none;
}

.petitesCapitales {
	font-size: 110%;
	font-variant: small-caps;
}

a img {
	border: none;
	text-align: center;
}

a:link {
	text-decoration: none;
	color: rgb(11,86,160);

}

a:visited {
	text-decoration: none;
	color: rgb(11,86,160);

}

a:hover {
	text-decoration: underline;
}

div#conteneur {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid rgb(169,153,130);
	background: url(../../images/gauche.gif) repeat-y top left white;
}

.clear {
	font-size: 5%;
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#contenu {
	margin: 0px;
	padding: 0px;
}

h1#header {
	width: 692px;
	height: 105px ;
	background: transparent no-repeat left top url(../../images/baseline.gif);
	margin: 0px;
	padding: 0px;
}

#contenu {
	margin: 0px;
	padding: 0px;
}

#contenu-accueil {
	background: url(../../images/visuel_accueil.jpg) top left no-repeat;
	margin: 0px;
	padding: 0px;
}
table.adresse-sesame {
	width:400px;
	margin-left:180px;
}
table.adresse-sesame td {
	margin-right:30px;
}
h1#header a {
	width: 180px;
	height: 60px ;
	display: block;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 20px;
	left: 512px;
}

h1#header a span {
	display: none ;
}

#droite {
	width: 692px;
	float:right;
  	background: rgb(255,255,255) no-repeat right top url(../../images/logo.gif);
}

#droite2 {
	width: 700px;
	float:center;
  	background: rgb(255,255,255) no-repeat right top url(../../images/logo.gif);
	text-align:left;
	color:rgb(11,86,160);
}

span.mentions {
	float:right;
	margin-right:10px;
	margin-top:3px;
	color:rgb(11,86,160);
}

div#mentions {
	margin: 0 auto;
	padding: 3px 10px;
	text-align: right;
	width: 880px;
}

#gauche {
	width:  208px;
	height:100%;
	float:  left;
}

#visuelsociete {
	width: 206px;
	height: 400px;
	font-size: 100%;
	font-weight: normal;
	float:  left;
	padding: 1px;
	background: no-repeat 0px 0px url(../../images/visuelsociete.jpg);
	position: relative;
	top:  0px;
	left: 0px;
}

#visuelservices {
	width: 206px;
	height: 400px;
	font-size: 100%;
	font-weight: normal;
	float:  left;
	padding: 1px;
	background: no-repeat 0px 0px url(../../images/visuelservice.jpg);
	position: relative;
	top:  0px;
	left: 0px;
}

#visueltarifs {
	width: 206px;
	height: 400px;
	font-size: 100%;
	font-weight: normal;
	float:  left;
	padding: 1px;
	background: no-repeat 0px 0px url(../../images/visueltarifs.jpg);
	position: relative;
	top:  0px;
	left: 0px;
}

#visuelconsulter {
	width: 206px;
	height: 400px;
	font-size: 100%;
	font-weight: normal;
	float:  left;
	padding: 1px;
	background: no-repeat 0px 0px url(../../images/visuelconsulter.jpg);
	position: relative;
	top:  0px;
	left: 0px;
}

.accroche_accueil {
	width:330px;
	font: normal 13px/15px Verdana, Helvetica, sans-serif;
	text-align: left;
	color: rgb(11,86,160);
	position:  relative;
	top:  7px;
	left: 290px;
}

.accroche_accueil2 {
	width:250px;
	font: normal 13px/15px Verdana, Helvetica, sans-serif;
	text-align: left;
	color: rgb(11,86,160);
	position:  relative;
	top:  7px;
	margin-left: 290px;
	
}

.adresse {
	width:330px;
	font-size: 85%;
	text-align: left;
	color: rgb(11,86,160);
	position:relative;
	margin-top: 1px;
	left: 290px;	
	margin-bottom: 7px;
	clear: both;
}

h2 {
	font-size: 110%;
	padding-left: 40px;
	padding-top: 25px;
	line-height: 14px ;
	background: url(../../images/ellipse.gif) no-repeat left bottom;
	text-align: bottom;
	font-weight: bold;
	color: rgb(11,86,160);
	border-bottom: 2px solid rgb(206,221,236);
	margin: 10px;
	margin-top: 15px;
}

p.texte {
	font-size: 100%;
	margin: 10px;
}

p.textegras {
	font-size: 100%;
	font-weight: bold;
	margin: 10px;
}

p.textegras2 {
	font-size: 100%;
	font-weight: bold;
	margin: 10px;
}

.col1 {
	width: 48%;
	margin-right: 1%;
	float: left;
}

.col2 {
	width: 48%;
	margin-left: 1%;
	float: left;
}

.adressesociete {
	font-size: 105%;
	font-weight: normal;
	text-align: center;
}

.lieu {
	text-decoration:underline;
}

#adresse {
	color: rgb(11,86,160);
	margin: 0px;
	padding: 0px;
	margin-top: 50px;
	margin-left: 10px;
	display: inline; /* contre le "doubled float-margin bug" de IE */
	margin-bottom: 5px;
	float: left;
}

/*<group=services>*/

#services ul {
	width:  208px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}

#services li {
	color: rgb(11,86,160);
	margin: 0;
	padding: 0;
	margin-top: 1px;
	text-align: center;
	/*padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#services ul li a {
	color: rgb(11,86,160);
	background-color: transparent;
	border: 1px solid rgb(206,221,236);
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 4px;
	display: block;
}

#services ul li a:hover {
	color: white;
	background-color: rgb(11,86,160);
	border: 1px solid rgb(255,255,255);
	text-decoration: none;
}

/*</group>*/

/*<group=menu>*/

#menu {
	width: 692px;
	height: 17px;
	background-color: rgb(11,86,160);
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu li {
	float: left;
	margin: 0px;
	padding: 0px;
}

.societe {
	width: 171px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/societe.gif) no-repeat 0px 0px;
}

 a.societe:hover {
	width: 171px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/societe-over.gif) no-repeat 0px 0px;
}

a.societeactive {
	width: 171px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/societe-over.gif) no-repeat 0px 0px;
}

.services {
	width: 174px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/services.gif) no-repeat 0px 0px;
}

a.services:hover {
	width: 174px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/services-over.gif) no-repeat 0px 0px;
}

a.servicesactive {
	width: 174px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/services-over.gif) no-repeat 0px 0px;
}

.tarifs {
	width: 174px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/tarifs.gif) no-repeat 0px 0px;
}

a.tarifs:hover {
	width: 174px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/tarifs-over.gif) no-repeat 0px 0px;
}

a.tarifsactive {
	width: 174px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/tarifs-over.gif) no-repeat 0px 0px;
}

.consulter {
	width: 173px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/consulter.gif) no-repeat 0px 0px;
}

a.consulter:hover {
	width: 173px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/consulter-over.gif) no-repeat 0px 0px;
}

a.consulteractive {
	width: 173px;
	height: 17px;
	float: left;
	margin:0px;
	padding: 0px;
	background: url(../../images/navigation/consulter-over.gif) no-repeat 0px 0px;
}

/*</group>*/

/*<group=pageservices>*/

h3.catservices {
	background-color: #0b56a0;
	color: #ffffff;
	font-size: 120%;
	margin: 20px;
	padding: 5px 10px;
}

.divservices {
	margin-left: 20px;
	margin-top: 20px;
}

.titreservice {
	font-size: 108%;
	font-weight: bold;
	color: rgb(11,86,160);
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

.listeservice {
	list-style-type: none;
	font-size: 100%;
	margin:  0;
	padding: 0;
}

.listeservice li {
	line-height: 18px;
	padding-left:  20px;
	background: url(../../images/fleche.gif) left top  no-repeat;
	color: rgb(11,86,160);
}
	
/*</group>*/

.cnil {
	clear: both;
	color: #666666;
	font-size: 85%;
	font-style: italic;
	margin: 10px;
	text-align: left;
}

form#consulter {
	margin:10px;
	padding: 0px;
	margin-top: 30px;
}

form#consulter table td {
	padding: 8px 15px 8px 0;
}

form#consulter table td input {
	background: transparent url(../../images/bg_search.png) no-repeat top left;
	border: none;
	color: #0b56a0;
	font-size: 10px;
	padding: 4px 10px;
	width: 155px;
	
}

form#consulter table td input.radio {
	background-image: none;
	width: auto;
}

form#consulter table td select {
	border: 1px solid #0b56a0;
	color: #0b56a0;
	font-size: 1em;
	margin: 5px 25px;
	padding: 0;
}

form#consulter table td input.pj {
	background: none;
	border: 1px solid #0b56a0;
	padding: 2px 3px 2px 3px;
}

form#consulter table td textarea#message {
	background: url(../../images/bg_textarea.png) no-repeat 0px 0px;
	border: none;
	color: #0b56a0;
	font-family: Arial, Helvaetica, sans-serif;
	font-size: 1em;
	width: 290px;
	height: 113px;
	_height: 112px;
	margin: 0;
	padding: 4px 10px 4px 10px;
}

form#consulter table td input#effacer,
form#consulter table td input#valider {
	background: none;
	margin: 10px 20px;
	width: auto;
}

div#popup {
	width: 300px;
	margin: 0px;
	padding: 0px;
}

div#popup p {
	font-size: 110%;
	text-align: center;
}

/*<group=table>*/

table.tarifs {
	margin:  0px;
	padding: 0px;
	margin-left: 50px;
	width:  500px;
	border:  1px solid rgb(206,221,236);
	background: none;
	float: none;
}

tr.claire {
	margin:  0;
	padding: 0;
	height: 25px;
	border-bottom: 1px solid gray;
}

tr.fonce {
	margin:  0;
	padding: 0;
	height: 25px;
	border-bottom: 1px solid gray;
	background-color:  rgb(206,221,236);
}

td.intitule {
	width: 200px;
	margin:  0;
	padding: 0;
	border:  0px;
	text-align: center;
	color: rgb(11,86,160);
}

td.contenutable {
	width: 200px;
	text-align: center;
	margin:  0;
	padding: 0;
	border:  0px;
}
/*</group>*/