/* LE CORPS DE PAGE */
* {margin:0;padding:0}
body, body#acc, body#standard {
	padding: 0px;
	background: #F2F2F2;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #3E8BA5;
	font: 11px;
}
body#standard {
	background: #2E4392;
}
body#acc #general, #general {
	position: relative;
	width: 100%;
	margin: 0;
	text-align: center;
	background: url(images/acc-bg-general.jpg) repeat-x 0 0;
}
#general {
	background: #5A8CBD url(images/bg-general.jpg) repeat-x center 0;
}
#rub, #page, #contact {
	text-align: left;
	width: 980px;
	position: relative;
	margin: 0 auto 0 auto;
	background: url(images/acc-rub.jpg) no-repeat 0 0;
}
#page, #contact {
	background: url(images/bg-page.jpg) no-repeat 0 0;
}

a,a:link,a:active,a:visited {
	color: #4A1008;
	text-decoration: none;
}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
li.puce {list-style: disc outside;}
H1, H2, H3, H4 {
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 0 0 0;
}

/* -------------- FONTES -------------- */

/********  Classes couleurs ********/
.rouge {color: #A52A2A;}
.bleu {color: #2B7591;}
.vert {color: Green;}
.noir {color: black;}
.blanc {color: white;}

/********  styles ********/
.gras {font-weight: bolder;}
.italic {font-style:italic;}
.souligne {text-decoration: underline;}
.capital {text-transform: uppercase;}
.centre {text-align: center;}

.onze {font-size: 11px;}
.douze {font-size: 12px;}
.treize {font-size: 13px;}
.quatorze {font-size: 14px;}
.quinze {font-size: 15px;}
.seize {font-size: 16px;}

/********  Classes retrait paragraphe ********/
.retrait10 {display:block;margin-left: 10px;}
.retrait20 {display:block;margin-left: 20px;}
.retrait30 {display:block;margin-left: 30px;}
.retrait40 {display:block;margin-left: 40px;_margin-left: 20px;}
.retrait60 {display:block;margin-left: 60px;_margin-left:30px;}
.retrait80 {display:block;margin-left: 80px;}
.retrait100 {display:block;margin-left: 100px;}
.retrait150 {display:block;margin-left: 150px;}
.retrait200 {display:block;margin-left: 200px;}
.retrait220 {display:block;margin-left: 220px;}
.retrait260 {display:block;margin-left: 260px;}
.retrait280 {display:block;margin-left: 280px;}


/* -------------- IMAGES -------------- */
img.left, img.right {
	padding:4px;
	margin: 0 10px 2px 0;
	border: 1px solid silver;
	float: left;
	display: block;
	background: white;
}
img.right {float: right;margin: 0 0px 2px 10px;}

#centre .photos-ga, #centre .photos-centre, #centre .photos-dr {
	display: block;
	background: none;
	float: left;
	margin-right: 0px;
}
#centre .photos-centre {
	float: none;
	text-align: center;
}
#centre .photos-dr {
	float: right;
}
#centre .photos-ga a img, #centre .photos-centre a img, #centre .photos-dr a img {
	padding: 5px;
	margin: 0;
	border: 1px solid #DBDBDB;
}
#centre .photos-centre a img {
	border: none;
}
#centre .filet a img {
	border: 1px solid #DBDBDB;
	padding: 5px;
}
#centre a.no-filet img {
	border: none;
}
/*********  Floats de blocs *******/
.left {float: left;}
.right: {float: right;}


/****************** CONTENU ********************/
body#acc #contenu, #contenu {
	position: relative;
	display: block;
	width: 980px;
	margin: 0px 0 0 0;
	padding: 0;
}
#contenu {
	padding: 15px 0 15px 0;
}

/* -------------- POUR BANNIERE -------------- */
body#acc #banniere, #banniere {
	width: 100%;
	height: 170px;
	margin: 0;
	padding: 0;
	background: none;
}
body#acc #banniere {
	background: none;
		height: 157px;
}
#logo {
	font-size: 0px;
	color: #75A1D2;
	background: none;
	position: absolute;
}

/* -------------- PAGE ACCUEIL -------------- */
body#acc #bloc-ht {
	position: relative;
	height: 202px;
	background:none;
}
body#acc #intro {
	position: relative;
	width: 374px;
	height: 172px;
	margin: 0px 0 0 590px;
	padding: 0;
}
body#acc #intro h1 {
	display: block;
	color: white;
	font-size: 18px;
	border-bottom: 1px solid white;
	margin: 0px 15px 15px 15px;
	padding-top: 35px;
}
body#acc #intro p {
	display: block;
	text-align: justify;
	margin: 0 15px 0 15px;
	color: white;
}
body#acc #intro .suite {
	display: block;
	font-size: 13px;
	font-weight: bold;
	position: absolute;treize
	bottom: 15px;
	right: 15px;
}
body#acc #intro .suite a {
	color: white;
}
body#acc #intro .suite a:hover {
	text-decoration: underline;
}
body#acc #bloc-bas {
	margin: 0px 0 0 0px;
	padding: 0 0 10px 0;
	background: url(images/acc-bg-bloc-bas.jpg) no-repeat 0 0;
	*height: 274px;
}
/* -------------- Modules -------------- */
#bloc-bas #mod01, #colga #mod01 {
	position: relative;
	width: 581px;
	height: 274px;
	margin: 0px 0px 0 0px;
	background: url(images/acc-bg-mod01.png);
	float: left;
}
#colga #mod01 {
	position: relative;
	width: 300px;
	height: 220px;
	margin: 15px 0px 0 0px;
	background: url(images/bg-mod01.jpg);
}
#bloc-bas #mod02, #colga #mod02 {
	position: relative;
	width: 389px;
	height: 274px;
	margin: 0px 0px 0 0px;
	background: url(images/acc-bg-mod02.png);
	float: right;
}
#colga #mod02 {
	position: relative;
	width: 300px;
	height: 274px;
	margin: 15px 0px 0 0px;
	background: url(images/bg-mod02.png);
}
#mod01 h1, #mod02 h1 {
	font-weight: bold;
	display: block;
	font-size: 14px;
	letter-spacing: 0px;
	padding: 13px 0 13px 20px;
	margin: 15px 15px 13px 15px;
	_margin: 15px 15px 13px 15px;
	color: #2B280A;
}
#colga #mod01 h1 {
	margin: 15px 15px 5px 15px;
}
#mod02 h1 {
	color: white;
		margin: 15px 15px 33px 15px;
	_margin: 15px 15px 26px 15px;
}
#mod01 h2 {
	font-weight: bold;
	display: block;
	font-size: 12px;
	letter-spacing: 0px;
	padding: 0px;
	margin: 0px 0 6px 0;
	color: Black;
}
#mod01 #ga {
display: block;
float:left;
	width: 270px;
	margin: 0 0 0 15px;
	border: 0px solid silver;
}
#mod01 #ga p {
	display: block;
	text-align: justify;
	font-size: 11px;
	color: Gray;
	padding: 0 5px 0 20px;
}
#mod01 #ga ul {
	border: 0px solid silver;
	margin: 6px 0 0 30px;
}
#mod01 #ga li {
	padding:0;margin:0;
	_height:2px;
}
#mod01 #ga li a {
	display: block;
	font-weight: bold;
	padding: 0 0 0 15px;
	color: #19344B;
	background: url(images/puce-bleue.png) no-repeat 0px 3px;
	_height:2px;
}
#mod01 #ga li a:hover, #colga #mod01 #ga li a:hover {
	background: url(images/puce-bleue.png) no-repeat 2px -24px;
	color: black;
}
#colga #mod01 #ga li a {
	display: block;
	font-weight: bold;
	padding: 0 0 0 15px;
	color: #818282;
	background: none;
}
#colga #mod01 #ga li#actif a {
	background: url(images/puce-bleue.png) no-repeat 0px -24px;
	color: Black;
}
#mod01 #dr {
display: block;
float:right;
	width: 270px;
	margin: 0 0 0 0px;
	border: 0px solid silver;
} 
#mod02 #logos {
	display: block;
	background: url(images/acc-bg-logos.jpg) no-repeat;
	padding: 5px;
	float: left;
	margin: 0px 20px 0px 35px;
	_margin: 0px 20px 0px 15px;
}
}
#mod02 p, #colga #mod02 p {
	display: block;
	font-size: 12px;
	text-align: justify;
	margin: 30px 35px 20px 35px;
}
#colga #mod02 p {
	margin: 20px 35px 0px 35px;
}
#noms {
	width: 230px;
	border: 0px solid silver;
		margin: 6px 0px 0 140px;
}
#mod02 ul.lft {
display: block;
float: left;
width: 110px;
	border: 0px solid silver;
}
#mod02 ul.rght {
display: block;
float: right;
width: 110px;
	border: 0px solid silver;
	margin: 0px 0px 0 0px;
}
#mod02 li {
	padding:0;margin:0;_height:2px;
}
#mod02 li a {
	display: block;
	font-weight: bold;
	padding: 0 0 0 0px;
	color: #19344B;
	_height:2px;
}
#mod02 li a:hover {
	color: black;
}
#mod02 .suite {
	display: block;
	position: absolute;
	bottom: 35px;
	right: 35px;
}
#mod02 .suite a {
	font-weight: bold;
}
#mod02 .suite a:hover {
	text-decoration: underline;
}
/* -------------- PAGES STANDARDS -------------- */
#colga {
	position: absolute;
	top: 0px;
	left:0px;
	width: 300px;
	background: none;
	z-index: 89;
}
#centre {
position: relative;
	width: 665px;
	min-height: 510px;
	_height: 510px;
	background: white url(images/bg-centre.jpg) no-repeat 15px 15px;
	margin: 0px 0 0 315px;
	color: #323232;
}
a.voir-refs {
	display: block;
	width: 249px;
	height: 31px;
	background: url(images/voir-refs.png) no-repeat 0 0;
	font-size: 0em;
	text-align: center;
	color: #5A8CBC;
	position: absolute;
	top: 150px;
	left: 220px;
}
a:hover.voir-refs {
	background: url(images/voir-refs.png) no-repeat 0 -31px;
	color: #9FDA9A;
}
#centre .filet1 {
	border: 1px dotted silver;
	padding: 10px;
	margin: 0 20px 5px 30px;
}
#centre h1 {
	font-size: 2.0em;
	color: #1F1F1F;
	margin: 74px 30px 40px 30px;
	*margin: 90px 30px 40px 30px;
}
#centre h1.bis {
	margin-top:34px;
	*margin-top:50px;
	border-bottom: 1px solid silver;
	background: 
}
#centre h2 {
	font-size: 1.5em;
	color: #243F6A;
	margin: 20px 30px 10px 40px;
	*margin: 30px 30px 10px 40px;
	padding: 0 0 0 20px;
	background: url(images/puce-bleue-ombre.png) no-repeat 0px 1px;
}
#centre p, #centre ul, #centre ul ul {
	/*font-size: 12px;*/
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	text-align: justify;
}
#centre ul ul {
	*margin-top:0;
	*padding-top:0;
}
#centre li, #centre li li {
	margin: 6px 0 0 0;
	padding: 0;
}
#centre li li {
	margin: 0 0 0 0;
	text-align: justify;
}
#centre #photo-entete {
margin: 20px 20px 40px 30px;
_margin: 20px 10px 40px 30px;
	float: right;
	width: 145px;
	height: 145px;
}

/** Structure arrondis pour les blocs **/
#centre .top_left, #centre .top_right, #centre .bottom_left, #centre .bottom_right { font-size: 0em;height: 15px; width: 15px; position: absolute; }
#centre .top_left {top: 0px;left: 0px;background: url(images/coins01.jpg) no-repeat 0 0;z-index: 0;}
#centre .top_right { top: 0px; right: 0px; background: url("images/coins01.jpg") no-repeat -15px 0; z-index: 1; }
#centre .bottom_left { bottom: 0px; left: 0px; background: url("images/coins01.jpg") no-repeat 0 -15px; z-index: 2; }
#centre .bottom_right { bottom: 0px; right: 0px; background: url("images/coins01.jpg") no-repeat -15px -15px; z-index: 3; }
#centre .content { position: relative;padding: 15px; z-index: 4;min-height:510px;_height: 510px; }

/******************** CONTACT **************************/

#plan_1, #plan_2 {
	width: 340px;
	height: 230px;
	float: right;
	margin: 0 0 0 0px;
	text-align: center;
}
#plan_2 {
	float: right;
	margin: 0 20px 0 0;
}
#plan_2 .agrandir {
	width: 175px;
	height: 19px;
	background: none;
	text-align: center;
	border: none;
	border-top: 1px solid silver;
	float: right;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 5px 0 0 0;
}
#plan_2 a:hover.agrandir {
	color: white;
	background: #9FDA9A;
}
#plan #map {
	margin: 10px 0 0 25px;
}

#contact #colga #mod01 #ga .adresse {
	display: block;
	font-size: 12px;
	padding: 16px 0px 0 40px;
	line-height: normal;
	text-align: left;
	color: black;
}
#contact .note {
	display: block;
	font-size: 9px;
	font-weight: normal;
	text-align: justify;
	padding: 0px 50px 0px 50px;
	margin: 0;
	color: #4A1008;
}
/******************** FORMULAIRE **************************/
#formulaire {
	width: 210px;
	height: 230px;
	color: black;
	float: left;
	margin: 0 0 0 10px;
	border: 0px solid gray;
}
#formulaire form {
display: block;
	padding: 0px 0px 5px 0px;			
}
#formulaire .obli {
	display: block;
	position: absolute;
	top: 210px;
	left: 150px;
	color: gray;
}
#formulaire form input, #formulaire form textarea {
	text-align: left;
	padding: 0px 0px 0px 2px;
	border: 1px inset #9BA9B9;
	margin: 3px 0 2px 0;
	background: #E3E3E3;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
}
#formulaire form select {
	text-align: left;
	border: 1px inset #9BA9B9;
	margin: 2px 0 1px 0;
	background: White;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
}

#formulaire form span.titre {
	font-weight: bold;
	display: block;
	width: 110px;
	margin-right: 5px;
	text-align: left;
	color: Black;
}
#formulaire form input.bouton {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 4px 0 0 166px;
	border: none;
	border-top: 1px solid silver;
	border-bottom: 0px solid silver;
	background: none;
	color: black;
	width: 70px;
	cursor: pointer;
}
#formulaire form input:hover.bouton {
	color: white;
	background: #9FDA9A;
}
#formulaire .note {
	margin: 0;
	padding: 0;
}
#formulaire a#legales {
	display: block;
	position: absolute;
	top:190px;
	left: 0px;
	color: white;
}
/* -------------- PIED DE PAGE -------------- */

#pied {
	width: 980px;
	clear: both;
	margin: 0px auto 10px auto;
	padding: 0px 0 0px 0;
	border-top: 0px solid silver;
}
body#standard #pied {
		border-top: 0px solid silver;
		padding: 15px 0 0px 0;
}
#pied p {
	font-size: 11px;
	display: block;
	padding: 0px 0 0px 0px;
	color: #A7A7A7;
}
#pied p.left {
	float: left;
	width: 350px;
	text-align: left;
}
#pied p.right {
	float: right;
	width: 400px;
	text-align: right;
}
#pied a, #pied a:link, #pied a:visited, #pied a:hover {
	color: #A1A1A1;
	font-size: 11px;
	text-decoration: underline;
}
/* --------------DIVERS --------------*/
.photos-ga .pics {
	width: 270px;
	height: 203px;
	overflow: hidden;
}
.clear {
	clear: both;
	font-size:0px;
}
#mots {
	/*position: absolute;
	top: 26px;
	left: 270px;*/
	display: none;
	width: 100%;
	color: #63484F;
	font-size: 0px;
	text-align: center;
}
#mots a, #mots a:link, #mots a:visited, #mots a:hover {
	color: #63484F;
	font-size: 7px;
	padding:0;
}