/* CSS Document */

BODY {
	SCROLLBAR-FACE-COLOR:#EEEEEE;
	SCROLLBAR-HIGHLIGHT-COLOR:#AFA497;
	SCROLLBAR-SHADOW-COLOR:#6D6F63;
	SCROLLBAR-3DLIGHT-COLOR:#EEEEEE;
	SCROLLBAR-ARROW-COLOR:#5C224B;
	SCROLLBAR-TRACK-COLOR:#FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR:#EEEEEE;
	SCROLLBAR-BASE-COLOR:#EEEEEE;
	margin:0px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

EM {
	font-style:normal;
	/*color:#8480A5;*/
}

TEXTAREA {
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
}

img { border: none; }

.separation {
	background-image:url(charte/separation.gif);
	background-position:center top;
	background-repeat:no-repeat;
	margin:10px 10px 10px 60px;
	height:18px;
	clear:both;
}

.bouton {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	height:17px;
	border:1px solid #FFFFFF;
	padding:1px 2px;
	background-color:#5C224B;
}

.bouton2 {
	font-size:10px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	height:17px;
	border:1px solid #000000;
	padding:1px 2px;
	background-color:#AFA497;
}

.critere {
	border:1px solid #FFFFFF;
	padding:1px 6px;
	background-color:#5C224B;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}

.champ {
	border: 1px solid;
	background-color: #FFFFFF;
	color: #2F4040;
	font-size: 11px;
}

.jaune {
	color:#CCB700;
}

.noir {
	color:#000000;
}

.lettrine {
	color:#CCB700;
	font-size:27px;
}

.iconeg {
	float:left;
	margin:0px 15px 5px 0px;
	border: none;
}

.iconed {
	float:right;
	margin:0px 0px 5px 5px;
}

#contenu TD {
	vertical-align:top;
	text-align:left;
	background-repeat:no-repeat;
}

#gauche {
	background-image:url(charte/visuel_g.gif);
	background-position:right top;
	padding:10px 0px 0px 0px;
	color:#94948B;
}

#gauche A {
	color:#94948B;
}

#gauche STRONG {
	display:block;
	margin:1px;
	padding:0px 0px 0px 15px;
	font-size:15px;
}

#gauche STRONG EM {
	font-style:normal;
	color:#8480A5;
}

#gauche STRONG A {
	text-decoration:none;
}

#gauche STRONG A:hover {
	text-decoration:underline;
}

#gauche P {
	margin:1px;
	padding:0px 0px 0px 15px;
}

#gauche P STRONG {
	padding:0px;
	font-size:13px;
}

#droite {
	background-image:url(charte/visuel_d.gif);
	background-position:left top;
	background-color:#6D6F63;
	padding:35px 15px 15px 0px;
	color:#FFFFFF;
}

#droite #presentation {
	margin:0px 0px 10px 60px;
}

#droite H2 {
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
}

#droite H2 EM {
	color:#CCB700;
	font-style:normal;
}

#droite #message {
	font-size:11px;
	margin:10px 0px 0px 60px;
	padding:2px 6px;
	border:1px solid #AFA497;
	padding:1px 6px;
	background-color:#FFFFFF;
	color:#3B8CAE;
	text-decoration:none;
	font-weight:bold;
	text-align:justify;
}

#droite #actualites H3 {
	font-size:14px;
	margin:0px;
	/*text-transform:uppercase;*/
	color:#D7D6E2;
}

#droite #actualites H4 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
}

#droite #actualites IMG {
	margin:2px 8px 8px 0px;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
}

#droite #actualites {
	font-size:11px;
	margin:0px 0px 0px 60px;
}

#droite #actualites #ss-titre {
	color:#D6D0C9;
}

#droite #actualites A {
	color:#D3CCDD;
	text-decoration:none;
}

#droite #actualites A:hover {
	text-decoration:underline;
}

#menu {
	background-color:#AFA497;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px 0px 1px 0px;
	padding:2px 5px;
	font-size:12px;
	color:#FFFFFF;
}

#menu A {
	color:#FFFFFF;
	text-decoration:none;
}

#menu A:hover {
	text-decoration:underline;
}

#logo {
	background-color:#FFFFFF;
	border-color:#AFA497;
	border-style:solid;
	border-width:1px;
	padding:3px;
}

#bt-professionnel {
	display:inline;
	margin:0px 0px 0px 60px;
	font-size:11px;
}

#bt-professionnel A {
	border:1px solid #AFA497;
	padding:1px 6px;
	display:inline;
	background-color:#AFA497;
	color:#FFFFFF;
	text-decoration:none;
}

#bt-professionnel A:hover {
	background-color:#FFFFFF;
	color:#AFA497;
}

#bt-realisations {
	display:inline;
	margin:0px 0px 0px 10px;
	font-size:11px;
}

#bt-realisations A {
	border:1px solid #FFFFFF;
	padding:1px 6px;
	display:inline;
	background-color:#5C224B;
	color:#FFFFFF;
	text-decoration:none;
}

#bt-realisations A:hover {
	border:1px solid #5C224B;
	background-color:#FFFFFF;
	color:#5C224B;
}

#titre-realisations {
	font-size:12px;
	color:#CCB700;
}

/* fiche */

#fiche {
	background-image:url(charte/fond_fiche.gif);
	background-position:right top;
	background-repeat:repeat-y;
	border:1px solid #6F6D79;
	font-size:11px;
	color:#6D6F63;
	margin:3px;
}

#fiche #visuel {
	background-image:url(charte/visuel_fiche.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

#fiche #contenu {
	padding:6px 75px 6px 6px;
}

#fiche #contenu P {
	margin:0px;
}

#fiche #contenu H2 {
	margin:0px;
	font-weight:normal;
	font-size:24px;
}

#fiche #contenu H2 EM {
	color:#CCB700;
	font-style:normal;
}

#fiche #contenu H3 {
	margin:0px;
	margin-bottom:15px;
	font-weight:normal;
	font-size:16px;
}

#fiche .lettrine {
	color:#7B145D;
	font-size:27px;
}

#fiche #realisation IMG {
	border:1px solid #6F6D79;
}

#fiche #realisation STRONG {
	color:#CCB700;
	font-size:12px;
}

#fiche #realisation EM {
	color:#D6D0C9;
	font-style:normal;
	font-weight:bold;
}

#fiche #zone-icone {
	clear:both;
	margin-right:30px;
}

#fiche #icone {
	border:1px solid #6F6D79;
}

#fiche #icone IMG, #fiche #icone P  {
	margin:4px;
	text-align:justify;
}

#fiche #icone A IMG {
	border:1px solid #6F6D79;
}

#fiche #coordonnes {
	padding-top:5px;
	color:#6D6F63;
}

#fiche #coordonnes EM {
	color:#CCB700;
	font-weight:normal;
	font-style:normal;
}

#fiche #adresse {
	float:left;
}

#fiche #adresse A {
	color:#7B145D;
}

#fiche #horaire {
	float:right;
	margin-top:14px;
}

#fiche #horaire A {
	color:#7B145D;
	font-weight:bold;
}

#form1, #form2 {
	display:none;
	margin:0px 0px 0px 60px;
	font-size:11px;
}

#form1 { display: block }

#form1 H3, #form2 H3 {
	padding:0px;
	margin:0px 0px 8px 0px;
	font-size:12px;
}

#fiche A {
	color:#7B145D;
	text-decoration:none;
}

#fiche A:hover {
	text-decoration:underline;
}

#referencement {
	font-size:9px;
	text-align:justify;
	color:#44453D;
}

#referencement A {
	color:#5C224B;
	text-decoration:none;
}

#referencement A:hover { text-decoration:underline; }

#signature { text-align:right; }

.ad-gallery { width:530px; clear: none; }
.ad-gallery img { max-height:75px; margin-bottom:10px; }
#gallery { background: #2E2E2E; padding:20px 20px 20px 25px; width:505px; height:140px; }
ul.ad-thumb-list { height: 90px; }

#menu-gauche { width: 400px; float: left; background: #FFFFFF; height: 1094px; }

#accueil { margin: auto; width: 962px; position: relative; background: #FFFFFF; }

.sep 
{
	background-image:url(charte/separation.gif);
	background-position:center top;
	background-repeat:no-repeat;
	margin:10px 10px 10px 60px;
	height:18px;
}

.sep-logo
{
	background: url('charte/sep-logo.png') no-repeat 0 0 transparent;
	height: 2px;
}

.image-fleur { position: absolute; z-index: 10; left:-45px; }

.element-menu { background: url('charte/fond-titre-menu.png') no-repeat 0 3px transparent; height:33px; font-family:Verdana; }
.element-menu a { color:#646759; text-decoration:none; font-size:12px; font-weight:bold; }
.element-menu a:hover { color:#841b5b; }

#menu-haut{ padding-left:10px; }

#menu-bas { background-color:#E0DEE1; margin-top:-13px; min-height:150px; padding-left:10px; padding-top:30px; font-family: Verdana; }
#menu-bas img { margin-right: 10px; }
#menu-bas a { color: #841b5b; text-decoration: none; font-size:12px; font-weight:bold; }

#contenu-haut { background: #5E5C5C; height:138px; padding:20px; color: #FFFFFF; font-family: Georgia; font-size: 18px; width:510px; }
#contenu-haut ul { color: #d0d0ce; padding-left: 10px; font-family: Arial; font-size: 13px; }
#contenu-haut ul li { list-style: none; background: url('charte/fleche-violet.png') no-repeat 0 0 transparent; padding-left: 20px; }

#content { float: right; width: 557px; background:none repeat scroll 0 0 #FFFFFF; color:#FFFFFF; border-left:5px solid black; }

#liste-actualites { padding: 20px; background-color: #3b3c3b; width:510px; height: 691px; }
#liste-actualites .actualites h3 { background: url('charte/fleche-grise.png') no-repeat 0 0 transparent; color:#A29EBB; font-family:Georgia; font-size:11px; font-weight:bold; padding-left: 15px; }
#liste-actualites .actualites { color:#f1eeee; font-size: 12px; margin-top:30px; background: url('charte/sep-actu.png') no-repeat 15px 100% transparent; width:494px; padding-bottom:10px; }
#liste-actualites .actualites p { padding-left: 15px; }
p.savoir-plus a img { border: none; }
p.savoir-plus { margin-left:380px; margin-top:25px; }
.actus p.savoir-plus { margin-left:395px; margin-top:25px; }
#cat-actu { color:#FFFFFF; font-family:Georgia; font-size:20px; background: url('charte/picto-violet.png') no-repeat 0 8px transparent; padding-left: 18px; }

#footer-menu { background-color:#841B5B; color:white; font-size:10px; padding-bottom:1px; padding-right:10px; text-align:right; padding-top:1px; height:50px; }
#menu-footer { float:right; text-align:left; width:120px; background-color: #FFFFFF; }
#menu-footer p a { color: #FFFFFF; text-decoration: none; }
#footer { width: 955px; clear: both; position: relative; min-height:200px; }

#footer .cma { left:-15px; position:absolute; top:5px; z-index:10; }
#footer .cgp { left:810px; position:absolute; top:60px; z-index:10; }
#footer p.texte { margin-left:220px; margin-top:64px; width:560px; font-family: Verdana; color: #646759; font-size: 12px; }
#footer p.texte a { font-family: Verdana; color: #646759; text-decoration: none; }

.ad-gallery .ad-controls {
display:none;
}
/*#3b3c3b*/
#contenu-principal{ padding-left:20px; padding-right:20px; background-color: #3C3B3B; width:510px; min-height: 911px; }
#content-haut { background: #5E5C5C; height:138px; padding:20px; color: #d0d0ce; font-family: Arial; font-size: 13px; width:510px; }
#content-haut h2 { color: #fffeff; font-family: Georgia; font-size: 20px; background: url('charte/picto-cat.png') no-repeat 0 4px transparent; padding-left: 15px; }

.onglet-realisation { background:url("charte/onglet-realisation.png") no-repeat scroll 0 0 transparent; height:54px; margin-bottom:20px; margin-left:-20px; padding-left:5px; padding-top:13px; width:550px; }
.onglet-realisation a { background:url("charte/fleche-onglet.png") no-repeat scroll 0 3px transparent; color:#a29ebb; font-family:Georgia; font-size:15px; font-weight:bold; padding-left:15px; text-decoration:none; }
.onglet-realisation a.actuel { color:#FCFCFC; margin-right:50px; }

.realisations { color:#f1eeee; font-size: 12px; margin-top:30px; background: url('charte/sep-actu.png') no-repeat 0 100% transparent; width:494px; padding-bottom:10px; }

.realisations p.savoir-plus { margin-left:360px; margin-top:20px; }

.onglet-annuaire { background:url("charte/onglet-realisation.png") no-repeat scroll 0 0 transparent; height:54px; margin-bottom:20px; margin-left:-20px; padding-left:15px; padding-top:13px; width:550px; }
.onglet-annuaire a { background:url("charte/fleche-onglet.png") no-repeat scroll 0 3px transparent; color:#a29ebb; font-family:Georgia; font-size:15px; font-weight:bold; padding-left:15px; text-decoration:none; }
.onglet-annuaire a.actuel { color:#FCFCFC; margin-right:35px; }

.onglet-produit { background:url("charte/onglet-artisans.png") no-repeat scroll 0 0 transparent; height:54px; margin-bottom:20px; margin-left:-20px; padding-left:15px; padding-top:13px; width:550px; }
.onglet-produit a { background:url("charte/fleche-onglet.png") no-repeat scroll 0 3px transparent; color:#a29ebb; font-family:Georgia; font-size:15px; font-weight:bold; padding-left:15px; text-decoration:none; }
.onglet-produit a.actuel { color:#FCFCFC; margin-left:35px; }

.onglet-professionnel { background:url("charte/onglet-artisans.png") no-repeat scroll 0 0 transparent; height:54px; margin-bottom:20px; margin-left:-20px; padding-left:5px; padding-top:13px; width:550px; }
.onglet-professionnel  a { background:url("charte/fleche-onglet.png") no-repeat scroll 0 3px transparent; color:#a29ebb; font-family:Georgia; font-size:15px; font-weight:bold; padding-left:15px; text-decoration:none; }
.onglet-professionnel a.actuel { color:#FCFCFC; margin-left:50px; }

.artisans a { color: white; }
.artisans { float:left; margin-right:15px; min-height:200px; width:240px; margin-bottom:20px; }

#pagination { text-align: center; }
#pagination a { color: #ffffff; text-decoration:none; }

.resultats h2 { background: url("charte/picto-violet.png") no-repeat scroll 0 8px transparent; padding-left: 15px; }
.actualites h2 { background: url("charte/picto-violet.png") no-repeat scroll 0 8px transparent; padding-left: 15px; }
.actualites a{ color: white; }
.resultats a{ color: white; }

#contenu-principal a { color: white; }

#menu-haut p.elem-current { background:url("charte/fond-current.png") no-repeat scroll 0 0 transparent; height:50px; margin-bottom:-14px; margin-left:-20px; margin-top:-12px; padding-left:46px; padding-top:5px; }
#menu-haut p.elem-current a.current, #menu-haut p.elem-current span { color: white; }

p.element-menu a { background: url('charte/fleche-menu.png') no-repeat 0 3px transparent; padding-left: 17px; }
p.element-menu:hover a { background: url('charte/etoile.png') no-repeat 0 3px transparent;  padding-left: 20px; }
p.element-menu:hover a.current, p.element-menu a.current { background: none; margin-left: 0; padding-left: 0;}

.element-menu span { color:#9D9999; font-size:9px; padding-left: 17px; }
.element-menu:hover span { color:#9D9999; font-size:9px; padding-left: 20px; }
.elem-current span { color:#9D9999; font-size:9px; padding-left: 0; }
.elem-current:hover span { color:#9D9999; font-size:9px; padding-left: 0; }

#pagination .pagination { margin-right: 20px; }
#pagination .current{ text-decoration: underline; }

.realisations h3,
.actualites h3 { background:url("charte/fleche-grise.png") no-repeat scroll 0 0 transparent; color:#A29EBB; font-family:Georgia; font-size:11px; font-weight:bold; padding-left:15px; }
.actualites { font-size:12px; background:url("charte/sep-actu.png") no-repeat scroll 0 100% transparent; padding-bottom:10px; }



.debussac { font-size:11px; margin-left:690px; margin-top:20px; }
.debussac a { color: #646759; text-decoration: none; }

.sites .actualites { background: none; padding-bottom: none; }

#hide {display:none;}
.hide {display:none;}

/* Pour IE7 */

*+html #menu-gauche { height: auto; }
*+html #contenu-haut{ padding-top: 40px; }
*+html #liste-actualites { height: 778px; }
*+html #contenu-principal { min-height: 1015px; }
*+html #footer-menu  { margin-bottom: 60px; }