/* FORMATAGE GENERAL */
* {
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body {
	background:#e6e6e6;
}
img {
	border: none;
}
a {
	color: #269;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:none;
}
INPUT, SELECT, TEXTAREA {
	color: #666;
	font-size : 10px;
	padding: 0px 2px;
	border: 1px solid #d0d0d8;
}
RADIO, BUTTON {
 	font-size : 10px;
 	border-style:none;
}
td { vertical-align: top; }
h1 {
	color:#000;
	font-size:24px;
	font-weight:lighter;
	margin-top:16px;
	margin-bottom:6px;
	padding-bottom:2px;
	border-bottom:1px solid #bbb;
}
h2 {
	color: #444;
	font-size: 20px;
	font-weight:lighter;
	margin-top:10px;
	margin-bottom:6px;
	padding-bottom:2px;
	border-bottom:1px solid #bbb;
}
h3 {
	color: #000;
	font-size: 14px;
	margin:10px 0px;
}
h4 {
	color: #27a;
	font-size: 12px;
	letter-spacing: 0px;
	margin-top:10px;
}
hr {
	border: solid 1px #507c90;
	height: 1px;
}
.csc-linkToTop, .csc-linkToTop a {
	font-size:10px;
	text-align:right;
	font-weight:bold;
}
/* BOUTONS */
.bouton,input.bouton,.tx-travelguide-pi1-searchbox-bouton,.tx-newloginbox-pi1 TABLE TR TD INPUT.bouton{
	background-color:#69c;
	background-position:bottom;
	background-repeat:repeat-x;
	border-color:#369;
	border-style:solid;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	text-align:center;
}
.bouton:hover,input.bouton:hover,.tx-travelguide-pi1-searchbox-bouton:hover,.tx-newloginbox-pi1 TABLE TR TD INPUT.bouton:hover{
	background-color:#f90;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #c60;
	color:#fff;
}
.bouton:active,input.bouton:active,.tx-travelguide-pi1-searchbox-bouton:active,.tx-newloginbox-pi1 TABLE TR TD INPUT.bouton:active{
	background-color:#9cf;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #9cb4ce;
	color:#fff;
}
/* FORMATAGE SECTIONS */
#main {
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
}
#page {
	width:840px;
	margin:0 auto;
	text-align:left;
	border-bottom:1px solid #ddd;
	background:url(../img/page.png) repeat-y;
}
#haut {
	top:0px;
	width:800px;
	height:276px;
	margin:0px 15px;
	position:relative;
}
#logo {
	top:100px;
	left:500px;
	width:261px;
	height:91px;
	position:absolute;
}
#top {
	top:55px;
	left:568px;
	width:240px;
	height:30px;
	position:absolute;
}
#nav {
	color:#269;
	width:810px;
	height:30px;
	line-height:30px;
	background:url(../img/nav.png) repeat-x;
}
#nav a {
	text-decoration:none;
}
#gauche {
	float:left;
	width:135px;
	margin:7px 0px 0px 15px;
}
#droite {
	float:right;
	width:210px;
	margin-top:0px;
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-right:7px;
}
html>body #droite {
	margin-right:15px;
}
#droite h1, #droite h2 {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	background:#6798c7;
	line-height:20px;
	padding-left:8px;
	padding-top:2px;
}
#droite h2 {
	color:#444;
	font-size:8px;
	background:#ddd;
	font-weight:bold;
	line-height:16px;
}
#contenu {
	padding-left:10px;
	padding-bottom:10px;
	border-left:4px solid #ddd;
	border-right:1px solid #ddd;
	/* IE 5/6 Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin:-4px 220px 1px 150px;
}
html>body #contenu {
	margin:-4px 230px 1px 150px;
}
#pied {
	clear:both;
	width:810px;
	height: 0 auto;
	margin:0px 15px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #27a;
}
#menu img {
	margin-top:10px;
}
#menu ul {
	list-style-type: none;
	padding:0px 0px 6px 10px;
}
#menu ul li a {
	height:16px;
	width: 130px;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
	display: block;
}
#menu ul.gap .niv10 a, #menu ul.gap .niv11 a {
	background: url(../img/spot_gap.png) no-repeat 0px 6px;
}
#menu ul.smir .niv10 a, #menu ul.smir .niv11 a, #menu ul.goeller .niv10 a, #menu ul.goeller .niv11 a {
	background: url(../img/spot_smir.png) no-repeat 0px 6px;
}
#menu ul.cmr .niv10 a, #menu ul.cmr .niv11 a {
	background: url(../img/spot_cmr.png) no-repeat 0px 6px;
}
#menu ul.rcms .niv10 a, #menu ul.rcms .niv11 a {
	background: url(../img/spot_cmr.png) no-repeat 0px 6px;
}
#menu ul li.niv10 a, #menu ul li.niv11 a {
	padding-left:12px;
}
#menu ul li.niv20 a, #menu ul li.niv21 a {
	padding-left:22px;
}
#menu ul li.niv30 a, #menu ul li.niv31 a {
	padding-left:32px;
}
#menu ul li.niv11 a, #menu ul li.niv21 a, #menu ul li.niv31 a {
	color:#444;
}
/* DEBUG IMAGES */
/*
<div class="csc-textpic csc-textpic-left csc-textpic-above">
<div class="csc-textpic-imagewrap">
<dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:381px;">
	<dt><img src="uploads/pics/batiment_01.jpg" width="381" height="241" border="0" alt="" /></dt>
	<dd class="csc-textpic-caption"></dd>
</dl>
</div>
</div>
<div class="csc-textpic-clear"><!-- --></div>

*/
DIV.csc-textpic-clear {clear:left;}
/* MENU DU BAS */
DIV.pied {
	margin:0;
	width:100%;
	padding:0px 0px 10px 0px;
}
ul.copy, ul.legal, ul.topMenu {
	height:30px;
	font-size:10px;
	text-align:left;
	list-style-type:none;
}
ul.copy li, ul.legal li, ul.topMenu li {
	display:inline;
	font-size:10px;
	padding-right:0px;
}
ul.copy li a, ul.legal li a {
	font-size:10px;
	text-decoration:underline;
}
ul.copy li.on a {
	color:#000;
	text-decoration:underline;
}
ul.copy li.on a:hover, ul.copy li a:hover, ul.legal li a:hover {
	text-decoration:none;
}
p.copy, p.copy a {
	color:#777;
	font-size:10px;
	text-align:left;
	text-decoration:none;
}
ul.legal, ul.topMenu {
	text-align:right;
	margin-top:-30px;
}
ul.topMenu {margin-top:-16px;}

/* COMPTEUR DE VISITES */
ul.copy li.counter {
	margin-left:110px;
}
ul.copy li.counter, ul.copy li.counter b{
	color:#666;
	font-size:10px;
}
/* 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;
}
ul.csc-bulletlist{
	padding-left: 10px;
	list-style-type:none;
}
.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;}

/* CSS TRICKS */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* 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 */

/* FCE 2 Col */
#contenu DIV.twocol {
	width:600px;
}
#contenu DIV.twocg, #contenu DIV.twocd {
	line-height:16px;
}
#contenu DIV.twocg {
	float:left;
	width:300px;
}
#contenu DIV.twocd {
	float:right;
	width:280px;
	margin-top:16px;
}
#contenu .twocol .twocg DIV.csc-header h1 {
	margin:0;
	padding:0;
	border:none;
	font-size:12px;
	font-weight:bold;
}
#contenu .twocol .twocg DIV.csc-header.csc-header-n2 h1 {
	margin-top:10px;
}
#contenu ul.csc-bulletlist li {
	line-height:20px;
	padding-left:18px;
	background:url(../img/lst_ref.png) no-repeat 0px 5px;
}
#contenu ul.csc-bulletlist-1 li {
	padding-left:18px;
	background:url(../img/red_bare.png) no-repeat 0px 6px;
}
#contenu ul.csc-bulletlist-2 li {
	padding-left:18px;
	background:url(../img/red_full.png) no-repeat 0px 6px;
}
#contenu .twocol .twocg ul.csc-bulletlist-1 li {
	background:url(../img/red_bare.png) no-repeat 0px 7px;
}
#contenu .twocol .twocg ul.csc-bulletlist-2 li {
	background:url(../img/red_full.png) no-repeat 0px 7px;
}
#contenu .twocol .twocd DIV.csc-textpic DIV.csc-textpic-imagewrap dl.csc-textpic-image dt img {
	border:1px solid #000;
}
#droite DIV.csc-textpic DIV.csc-textpic-imagewrap dl.csc-textpic-image dt img {
	border:1px solid #000;
}
/* FORMULAIRE CONTACT */
.contact .titre {
	font-weight:bold;
}
.contact TD {
	padding:4px;
}
.contact INPUT {
	width:200px;
}
.contact #message {
	width:200px;
	height:80px;
}
/* FORMULAIRE REFERENCE */
TABLE.reference {
	background:#8cf;
	border:1px solid #269;
	margin-bottom:10px;
}
.reference .titre {
	font-weight:bold;
}
.reference TD {
	padding:4px;
}
.reference INPUT {
	width:200px;
}
.reference P {
	font-size:10px;
}