/* FORMATAGE GENERAL */
* {
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body {
	background: #f2f2f3;
}
img {
	border: none;
}
a:hover {
	color: #a22;
	text-decoration: none;
}
a {
	color: #000;
	text-decoration: underline;
}
INPUT, SELECT, TEXTAREA {
	color: #666;
	font-size : 10px;
	padding: 0px 2px;
	border: 1px solid #666;
}
RADIO, BUTTON {
 	font-size : 10px;
 	border-style:none;
}
td { vertical-align: top; }
h1 a, h2 a, h3 a, h4 a {
	text-decoration:none;
}
h1, h1 a {
	font-size: 20px;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:4px;
}
h2, h2 a {
	font-size: 16px;
	margin:16px 0px 4px 0px;
}
h3, h3 a {
	font-size: 14px;
	font-style:italic;
	font-weight:lighter;
	margin-bottom:10px;
}
h4, h4 a {
	font-size: 12px;
	letter-spacing: 0px;
}
h5, h5 a {
	width:0 auto;
	font-size: 14px;
	font-weight:bold;
	margin-bottom:6px;
	text-decoration:underline;
}
hr {
	border: solid 1px #507c90;
	height: 1px;
}
sub, sub a {
  font-size:x-small;
}

#droite ul.csc-bulletlist {
	padding-left:10px;
	list-style-type: none;
}
#droite ul.csc-bulletlist a, #droite ul.csc-bulletlist b {
	font-size:14px;
}
.csc-linkToTop, .csc-linkToTop a {
	font-size:10px;
	text-align:right;
	font-weight:bold;
}
/* FORMATAGE SECTIONS */
#main {
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
}
#page {
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-bottom:10px;
	background:url(../img/page.png) repeat-x;
}
#haut {
	top:5px;
	left:5px;
	width:950px;
	height:115px;
	padding-bottom:5px;
	background:url(../img/haut.png) no-repeat;
	position:relative;
}
#logo {
	top:19px;
	left:44px;
	width:189px;
	height:75px;
	position:absolute;
}
/* MENU RAPIDE */
#mnu {
	top:-5px;
	left:601px;
	width:353px;
	height:19px;
	color:#fff;
	position:absolute;
	padding-left:10px;
	background:url(../img/mnu.png) no-repeat;
}
#mnu a {
	color:#fff;
	line-height:16px;
	text-decoration:none;
	padding:0px 20px 0px 20px;
}
#mnu a:hover {
	text-decoration:underline;
}
/* SELECTION LANGUE */
#lang {
	top:90px;
	left:820px;
	width:120px;
	height:12px;
	position:absolute;
}
#lang ul.mnu {
	list-style-type:none;
	text-align:center;
	color:#a22;
	background:#e1ecf8;
	background:url(../img/lang.png) no-repeat;
}
#lang ul.mnu li {
	display:inline;
	color:#a22;
	font-size:12px;
}
#lang ul.mnu li a {
	color:#a22;
	font-size:12px;
}
#lang ul.mnu li a:hover {
	color:#c85;
}
#lang ul.mnu li.act, #lang ul.mnu li.off, #lang ul.mnu li.ln {
	padding-right:0px;
}
#lang ul.mnu li.off a {
	color:#000;
}
#lang ul.mnu li.act a {
	color:#000;
}
#lang ul.mnu li.ln a {
	color:#a22;
}
#slogan {
	top:57px;
	left:173px;
	width:450px;
	height:17px;
	position:absolute;
}
/* MENU PRINCIPAL */
#menu {
	top:-10px;
	left:0px;
	width:259px;
	height:0 auto;
	margin-left:0px;
	padding-bottom:30px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	background: url(../img/menu.png) no-repeat;*/
}
#menu ul {
	list-style-type: none;
	padding:30px 0px 0px 10px;
}
#menu ul li a {
	color:#444;
	height:20px;
	width: 237px;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	display: block;
}
#menu ul li.niv10 a, #menu ul li.niv11 a {
	padding-left:10px;
}
#menu ul li.niv20 a, #menu ul li.niv21 a {
	padding-left:20px;
}
#menu ul li.niv30 a, #menu ul li.niv31 a {
	padding-left:30px;
}
#menu ul li.niv10 a:hover, #menu ul li.niv11 a:hover, #menu ul li.niv20 a:hover, #menu ul li.niv21 a:hover, #menu ul li.niv30 a:hover, #menu ul li.niv31 a:hover {
	color:#a22;
	background:url(../img/menu_on.png) no-repeat 0px 0px;
}
#menu ul li.niv11 a, #menu ul li.niv21 a, #menu ul li.niv31 a {
	color:#a22;
}
/* MENU DU HAUT */
#topmenu {
	width:960px;
	height:45px;
	margin:0 auto;
	background:url(../img/topmenu.png) no-repeat;
	padding-left:0;
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-top:4px;
}
html>body #topmenu {
	padding-top:0px;
}
#topmenu ul {
	margin: 0px;
	padding: 0px 10px 0px 80px;
}
#topmenu li {
	float:left;
	list-style-type: none;
}
#topmenu li.on {
	color: #fff;
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	background: url(../img/topmenu_on.png) 0 6px repeat-x;
}
html>body #topmenu li.on {
	background: url(../img/topmenu_on.png) 0 9px repeat-x;
}
#topmenu li a {
	float:left;
	color:#fff;
	width:auto;
	height:23px;
	font-size:12px;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	display:block;
	white-space:nowrap;
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	padding:4px 0px 0px 0px;
	margin:4px 5px 0px 5px;
}
html>body #topmenu li a {
	padding:7px 0px 0px 0px;
	margin:4px 12px 0px 12px;
}
#topmenu li .g {background:none;}
#topmenu li .d {background:none;}

#topmenu li a:hover {
	border-top:4px solid #b44;
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	padding:4px 0px 0px 0px;
	margin:0px 5px 0px 5px;
}
html>body #topmenu li a:hover {
	padding:7px 0px 0px 0px;
	margin:0px 12px 0px 12px;
}
#topmenu li.on .g a:hover {background:none;}

#topmenu li.on .g {
	height:33px;
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:10px;
	background:url(../img/g.png) 0 6px no-repeat;
}
html>body #topmenu li.on .g {
	width:100%;
	background:url(../img/g.png) 0 9px no-repeat;
}
#topmenu li.on .d {
	height:33px;
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:10px;
	background:url(../img/d.png) 100% 6px no-repeat;
}
html>body #topmenu li.on .d {
	width:100%;
	background:url(../img/d.png) 100% 9px no-repeat;
}
#gauche {
	float:left;
	width:243px;
	margin-left:11px;
	background:url(../img/gauche.png) no-repeat;
	display:inline;/* Bug de IE : http://www.positioniseverything.net/explorer/doubled-margin.html */
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	padding:10px 0px 10px 0px;
}
html>body #gauche {
		padding:10px 16px 10px 0px;
}
#gauche h1 {
	font-size:16px;
}
#gauche #news {
	margin-left:22px;
	margin-bottom:30px;
}
#gauche img.contact{margin:10px 0px;}
#gauche #info {
	margin-top:30px;
}
#cb {
	clear:both;
}
#droite {
	float:right;
	width:670px;
	padding-top:5px;
	margin-right:10px;
	margin-bottom:30px;
	background:url(../img/droite_h.png) no-repeat;
	display:inline;/* Bug de IE : http://www.positioniseverything.net/explorer/doubled-margin.html */
}
#contenu {
	background:#fff;
	padding:25px 16px 20px 22px;
}
#droite h1 {
	margin-bottom:12px;
	border-bottom: 1px solid #DDDDDD;
}
#droite P.bodytext, #droite P.bodytext b, #droite P.bodytext strong, #droite P.bodytext a, #droite P.bodytext u, #droite P.bodytext em, #droite P.bodytext span {font-size:14px;}
#droite P.bodytext {text-align:justify;padding-right:10px;}
#pied {
	clear:both;
	width:960px;
	height:75px;
	background:url(../img/pied.png) no-repeat;
	position:relative;
}
#pied p.bodytext {
	left:35px;
	width:600px;
	font-size:12px;
	position:relative;
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	top:0px;
	z-index:2;
}
html>body #pied p.bodytext {
	top:30px;
}
#pied p.bodytext span.red {color:#955;}
#pied p.copy {
	font-size:12px;
	text-align:right;
	margin-right:33px;
	position:relative;
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	top:-30px;
}
html>body #pied p.copy {
	top:16px;
}
#pied p.copy a {color:#444;text-decoration:none;font-size:12px;}

/* BLOCS GAUCHE COINS ARRONDIS */
.imgl {float:left;margin-right:8px;}

.bl {background:url(../img/bl.gif) 0 100% no-repeat #cde0ee;width:237px;margin-left:12px;}
.bl a {color:#fd0;}
.bl p.bodytext {color:#fff;}
.br {background: url(../img/br.gif) 100% 100% no-repeat;}
.tl {background: url(../img/tl.gif) 0 0 no-repeat;}
.tr {background: url(../img/tr.gif) 100% 0 no-repeat;padding:10px;}

/* BLEU 1 */
.bl1 {background:url(../img/bl1.gif) 0 100% no-repeat #cee0ef;width:237px;margin-left:12px;}
.br1 {background: url(../img/br1.gif) 100% 100% no-repeat;}
.tl1 {background: url(../img/tl1.gif) 0 0 no-repeat;}
.tr1 {background: url(../img/tr1.gif) 100% 0 no-repeat;padding:10px;}
/* BLEU 2 */
.bl2 {background:url(../img/bl2.gif) 0 100% no-repeat #c7deee;width:237px;margin-left:12px;}
.br2 {background: url(../img/br2.gif) 100% 100% no-repeat;}
.tl2 {background: url(../img/tl2.gif) 0 0 no-repeat;}
.tr2 {background: url(../img/tr2.gif) 100% 0 no-repeat;padding:10px;}
/* BLEU 3 */
.bl3 {background:url(../img/bl3.gif) 0 100% no-repeat #b7d7eb;width:237px;margin-left:12px;}
.br3 {background: url(../img/br3.gif) 100% 100% no-repeat;}
.tl3 {background: url(../img/tl3.gif) 0 0 no-repeat;}
.tr3 {background: url(../img/tr3.gif) 100% 0 no-repeat;padding:10px;}
/* BLEU 4 */
.bl4 {background:url(../img/bl4.gif) 0 100% no-repeat #a1cce6;width:237px;margin-left:12px;}
.br4 {background: url(../img/br4.gif) 100% 100% no-repeat;}
.tl4 {background: url(../img/tl4.gif) 0 0 no-repeat;}
.tr4 {background: url(../img/tr4.gif) 100% 0 no-repeat;padding:10px;}

.clear {font-size: 1px; height: 1px;}

DIV.adresse {
	width:259px;
	height:131px;
	margin-top:10px;
	padding-top:20px;
	background:url(../img/adresse.png) no-repeat;
}
DIV.adresse H1, DIV.adresse P {
	margin-left:20px;
}
/* ACTU DU JOUR */
#droite .tx_newsflexible_article_datetime {margin-top:-12px;}
#droite h1.tx_newsflexible_article_headline {}
.tx_newsflexible_maintitle {
	color:#444;
	font-size: 18px;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:4px;
	padding-bottom:4px;
	border-bottom:1px solid #ddd;
}
.tx_newsflexible_title {
	text-align:left;
	line-height:14px;
	font-weight:bold;
	padding:15px 15px 0px 15px;
}
.tx_newsflexible_teaser {
	text-align:left;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	padding:0px 5px 0px 0px;
}
.tx_newsflexible_datetime {
	color:#888;
	font-size:11px;
	font-weight:normal;
	padding-top:8px;
}
.tx_newsflexible_archivelink { margin-top:4px; }

.tx_newsflexible_article_teaser {
	font-size:12px;
	margin-bottom:10px;
	text-align:justify;
}
#contenu .tx_newsflexible_article_body p {
	font-size:12px;
	text-align:justify;
}
.tx_newsflexible_article_datetime {
	color:#666;
	font-size:10px;
	text-align:right;
	font-weight:bold
}
p.more, .tx_newsflexible_more {
	text-align:right;
}
p.more a:hover {
	text-decoration:none;
}
/* PLAN DU SITE */
.csc-sitemap ul {
	list-style-type:none;
	padding:2px 0px 6px 20px;
}
.csc-sitemap ul li {
	padding-left: 10px;
	background: url(../img/niv10.gif) no-repeat;
}
.csc-sitemap ul li ul li {
	padding-left: 10px;
	background: url(../img/niv20.gif) no-repeat;
}
.csc-sitemap ul li ul li ul li {
	padding-left: 10px;
	background: url(../img/niv30.gif) no-repeat;
}
.csc-bulletlist li {
	padding-left: 10px;
	background: url(../img/niv10.gif) no-repeat;
}
/* RECHERCHE */
.tx-indexedsearch .tx-indexedsearch-rules {width: 500px;font-size:12px;}
.tx-indexedsearch .tx-indexedsearch-sectionlinks ul {list-style-type:none;font-size:12px;font-weight:bold;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent {font-weight:normal;}
.tx-indexedsearch .tx-indexedsearch-whatis {font-size:12px;}
.tx-indexedsearch .tx-indexedsearch-browsebox {font-size:12px;}
.tx-indexedsearch .tx-indexedsearch-browsebox-strong {font-weight:bold;}
.tx-indexedsearch .tx-indexedsearch-searchbox P {font-size:12px;}
/* LOGIN FORM */
#droite DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit {
	background-color:#bf4d4a;
	background-position:bottom;
	background-repeat:repeat-x;
	border-color:#369;
	border-style:solid;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	text-align:center;
}
#droite DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit:hover{
	background-color:#cc6e6d;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #c60;
	color:#fff;
}
#droite DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit:active{
	background-color:#9cf;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #9cb4ce;
	color:#fff;
}
#droite DIV.tx-newloginbox-pi1 P{
	font-size:14px;
}

#droite DIV.tx-newloginbox-pi1 P B{
	font-size:14px;
	font-weight:bold;
}


/* Mail Form */
.csc-mailform-field label {
	float:left;
	width:120px;
	font-size:1.2em;
}
#mailformNom, #mailformPrenom, #mailformAdresse_email, #mailformTel, #mailformSociete, #mailformObjet, #mailformMessage, #mailformPJ {
	width: 390px;
}
fieldset {
	border: none;
	margin: 0 5px;
}
#mailformObjet {
	height: 2em;
}
.csc-mailform-field {
	margin-top: 3px;
}


/* FCE LIEN */
DIV.lien {
	margin-top:10px;
}
/* FCE REFERENCES */
DIV.ref dd.ref {
	float:left;
	height:50px;
	width:154px;
	margin-top:25px;
	margin-left:0px;
	text-align:center;
}
DIV.ref dt.ref {
	float:left;
	height:50px;
	width:140px;
	text-align:center;
	margin-top:105px;
	margin-left:-144px;
}
/* FCE Pop Ecran */
#droite DIV.ecran {
	margin-top:30px;
}
#droite DIV.ecran DIV.pop {
	width:500px;
	margin-left:60px;
}
#droite DIV.pop DIV.csc-textpic DIV.csc-textpic-imagewrap dl.csc-textpic-image dt a img {
	padding:10px 10px 18px 10px;
	margin-top:-10px;
	border:1px solid #ccc;
	background: url(../img/loupe.png) 100% 100% no-repeat;
}
#droite DIV.pop DIV.csc-textpic DIV.csc-textpic-text p {
	width:160px;
	font-size:11px;
	margin-top:10px;
	margin-left:40px;
	padding-left:6px;
	border-left:1px solid #ccc;
}
/* FCE 2 Col */
#droite DIV.csc-header h2 {
	clear:both;
	font-size:16px;
	margin-top:20px;
	margin-bottom:16px;
	padding-left:6px;
	padding-bottom:6px;
	border-bottom:1px solid #be4242;
/*	background: url(../img/retour.png) 100% 100% no-repeat;*/
}
#droite DIV.twocg, #droite DIV.twocd {
	line-height:20px;
}
#droite DIV.twocg {
	float:left;
	width:320px;
}
#droite DIV.twocd {
	float:right;
	width:280px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

#droite .csc-header H1 {font-weight:bold;color:#be4242;}
/*.csc-firstHeader {font-weight:bold;color:#be4242;}*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Hides from IE-mac \*/
* html #contenu {height: 1%;} /* contre le peekaboo bug http://positioniseverything.net/explorer/peekaboo.html */
/* End hide from IE-mac */

#droite .twocol .twocg DIV.csc-header h1 {
	margin:0;
	padding:0;
	border:none;
	font-size:12px;
	font-weight:bold;
}
#droite .twocol .twocg DIV.csc-header.csc-header-n2 h1 {
	font-size:14px;
	margin-top:10px;
}
#droite ul.csc-bulletlist li {
	padding-left:18px;
	font-size:14px;
	background:url(../img/lst_ref.png) no-repeat 0px 3px;
}
#droite ul.csc-bulletlist-1 li {
	padding-left:18px;
	font-size:14px;
	background:url(../img/red_bare.png) no-repeat 0px 5px;
}
#droite ul.csc-bulletlist-2 li {
	padding-left:18px;
	font-size:14px;
	background:url(../img/red_full.png) no-repeat 0px 5px;
}
#droite .twocol .twocg ul.csc-bulletlist-1 li {
	font-size:12px;
	background:url(../img/red_bare.png) no-repeat 0px 7px;
}
#droite .twocol .twocg ul.csc-bulletlist-2 li {
	font-size:14px;
	background:url(../img/red_full.png) no-repeat 0px 7px;
}
#droite .twocol .twocd DIV.csc-textpic DIV.csc-textpic-imagewrap dl.csc-textpic-image dt a img {
	margin-bottom:20px;
	padding:10px 10px 24px 10px;
	background: url(../img/exemple.png) 4px 100% no-repeat;
}
/* TABLEAU 1 */
#droite .rond TH, #droite .rond TD {
	height:24px;
	font-size:14px;
	padding:2px 8px;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}
#droite .rond .top {
	background:#e6e6e6;
	border-top:1px solid #000;
}
#droite .rond .right {
	border-right:1px solid #000;
}
#droite .rond .topright {
	background:#e6e6e6;
	border-top:1px solid #000;
	border-right:1px solid #000;
}
#droite .rond TH {
	font-weight:bold;
	text-align:center;
	background:#f3f3f3;
}
#droite .rond TD.r {
	background: url(../img/rond.png) 50% 50% no-repeat;
}
#droite .rond TD.rd {
	background: url(../img/rond_demi.png) 50% 50% no-repeat;
}
#droite .rond TD.rp {
	background: url(../img/rond_plein.png) 50% 50% no-repeat;
}
/* GOOGLE MAP API */
DIV.tx-wecmap-pi1 {border:1px solid #000;}