/* FORMATAGE GENERAL */
* {
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body {
	background:#000;
}
img {
	border: none;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	color:#ff9300;
	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, h1 a {
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
h2 {
	color: #fff;
	font-size: 12px;
	margin-top:10px;
}
h3 {
	color: #fff;
	font-size: 14px;
	font-weight:normal;
	margin:8px 0px 2px 0px;
}
h4 {
	color: #fff;
	font-size: 12px;
	letter-spacing: 0px;
}
h5 {
	color: #fff;
	font-size: 12px;
	letter-spacing: 0px;
}
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-indexedsearch-searchbox-button,.tx-travelguide-pi1-searchbox-bouton{
	background-color:#444;
	background-position:bottom;
	background-repeat:repeat-x;
	border-color:#fff;
	border-style:solid;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	text-align:center;
}
.bouton:hover,input.bouton:hover,.tx-indexedsearch-searchbox-button:hover,.tx-travelguide-pi1-searchbox-bouton:hover{
	background-color:#f90;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #c60;
	color:#fff;
}
.bouton:active,input.bouton:active,.tx-indexedsearch-searchbox-button:active,.tx-travelguide-pi1-searchbox-bouton:active{
	background-color:#9cf;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #9cb4ce;
	color:#fff;
}
div.csc-textpic img {border:1px solid #fff;}

/* PLAN DU SITE*/
DIV.csc-sitemap ul li {margin-left:20px;}
DIV.csc-sitemap {margin-bottom:20px;}
/* PHOTOTHEQUE */
DIV.tx_accedophototek {
	float:left;
	height:192px;
	width:137px;
	margin:0px 4px 8px 0px;
	border:1px solid #777;
/*
	background:url(../img/bgVignette.png) 0 0 no-repeat;;
	padding-top:4px;
	padding-left:1px;
	border:none;	
*/
}
DIV.tx_accedophototek img {
	/*border:1px solid #fff;*/
	margin:1px 5px;
}
.nomarge img {
  margin:1px 0px;
}

DIV.tx_accedophototek DIV.titre, DIV.tx_accedophototek DIV.ref, DIV.tx_accedophototek DIV.localisation, DIV.tx_accedophototek DIV.theme, DIV.tx_accedophototek DIV.comment {
	margin:0;
	padding:0;
	font-size:10px;
	padding-left:4px;
	line-height:12px;
}
DIV.tx_accedophototek DIV.ref {border-top:1px solid #555}
DIV.tx_accedophototek DIV.titre {height:36px;border-bottom:1px solid #555}
DIV.tx_accedophototek DIV.titre, DIV.tx_accedophototek DIV.ref {color:#fff;;}
DIV.tx_accedophototek DIV.ref, DIV.tx_accedophototek DIV.localisation, DIV.tx_accedophototek DIV.theme, DIV.tx_accedophototek DIV.comment {padding-left:8px;}

DIV.projetLarge {
	float:left;
	height:272px;
	width:280px;
	margin:0px 4px 8px 0px;
	border:1px solid #777;
}

#tagcloud {
	margin:0px 4px;
	padding:0px 4px;
}

/* DIAPORAMAS */
/*
<!--[if IE 7]>
<style type="text/css">
a.gallery span {
	display:block;
	position:absolute;
	width:402px;
	height:280px;
	top:49px;
	left:-99999px;
	padding:5px;
	background:#fff;
	z-index:100;
}
a.gallery span img {border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {left:170px; z-index:100;}
a.gallery:hover span img {border:1px solid #000;}
a.gallery:active span, a.gallery:focus span {left:170px; z-index:50;}
</style>
<![endif]-->
*/
.holder {
	position:relative;
	margin:0 auto;
	z-index:1;
	width:514px;
	margin-bottom:10px;
	border:1px solid #666;
}
.scrollbox {
	width:416px;
	height:56px;
	background:#333;
	overflow:none;
	border:1px solid #aaa;
	margin-left:45px;
}
a.gallery, a.gallery:visited {
	display:block;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	width:75px;
	height:49px;
	margin:3px;
	float:left;
}
a.gallery span {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	overflow:hidden;
	background:#efedec;
	z-index:100;
}
a.gallery:hover {
	border:1px solid #ff9300;
}
a.gallery:hover img {
	z-index:100;
}
a.gallery:active img, a.gallery:focus img {
	z-index:50;
}

a.gallery:hover span {
	display:block;
	position:absolute;
	width:514px;
	height:390px;
	top:0px;
	left:0px;
	padding:0px;
	z-index:100;
	background:#333;
}
a.gallery:hover span img, a.gallery:active span img, a.gallery:focus span img {
	margin-top:30px;
	margin-left:7px;
	border:1px solid #fff;
}

a.gallery:active {
	border:1px solid #ff9300;
}
a.gallery:active span, a.gallery:focus span {
	display:block;
	position:absolute;
	width:514px;
	height:390px;
	top:0px;
	left:0px;
	padding:0px;
	z-index:50;
	background:#333;
}
.holder p {margin-left:45px;margin-top:4px;}
.pad {
	height:394px;
	width:100px;
}

/* REFERENCES */
dd.csc-textpic-caption {
	color:#ff9300;
	font-weight:bold;
	font-size:12px;
}

/* RECHERCHE */
TABLE.recherche {margin:0px 0px 10px 0px;}
TABLE.recherche INPUT {
	float:left;
	width:256px;
	height:16px;
	color:#fff;
	background:none;
}
TABLE.recherche SELECT.liste, TABLE.recherche SELECT.recherche, TABLE.recherche SELECT.max {
	width:224px;
	color:#fff;
	background:#333;
	border:1px solid #7b7b7c;
	margin-right:4px;
}
TABLE.recherche SELECT.max {width:90px;}
TABLE.recherche SELECT.liste OPTION, TABLE.recherche SELECT.recherche OPTION {margin-left:8px;}
/*TABLE.recherche SELECT.liste, TABLE.recherche INPUT.liste, TABLE.recherche OPTION.liste {border:none;}*/

/* FORMATAGE SECTIONS */
#main {
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
}
#page {
	text-align:left;
	background:#333;
	border-bottom:1px solid #6e6e6e;
}

.contener {
	width:800px;
	margin:0 auto;
}

#top {
	height:30px;
	margin-bottom:10px;
	border-bottom:1px solid #6e6e6e;
}

#top div.mnuTop {
	width:140px;
	border-left:1px solid #6e6e6e;
}
#top, #top a, #top b, #top strong, #top div.mnuTopL, #top div.mnuTop {
	color:#ff9300;
	font-size:11px;
	line-height:30px;
}

#top div.mnuTopL {float:left;}
#top div.mnuTop {
	float:right;
	margin-right:10px;
}
#top div.mnuTopL a, #top div.mnuTop a {font-size:11px;color:#ff9300;}
#top div.mnuTopL a:hover, #top div.mnuTop a:hover {color:#ff9300;text-decoration:underline;}
#top div.mnuTopL span.on a, #top div.mnuTop span.on a {color:#ff9300;}

#haut {
	height:180px;
	border-bottom:1px solid #6e6e6e;
}
#haut img {float:right;}
#haut .courault {
	margin-top:0px;
	width:210px;
	height:136px;
	float:left;
	background:url(../img/courault.png) no-repeat;
}

#lang {
	float:left;
	color:#ccc;
	width:206px;
	padding:2px;
	margin-left:1px;
	margin-top:16px;
	background:#444;
}

#mnu {
	width:158px;
	height:144px;
	margin-top:25px;
	margin-left:597px;
	position:absolute;
}

#mnu a {font-weight:bold;}
#mnu a:hover {color:#000;text-decoration:underline;}

#mnu ul {
	margin-top:15px;
	margin-left:15px;
	list-style-type:none;
}

#mnu li {
	margin-left:4px;
	padding-left:10px;
	background:url(../img/mnu_noir.gif) 0px 6px no-repeat;
}

#mnu li a {color:#000;}
#mnu li.on a {color:#fff;}
#mnu li.on {
	background:url(../img/mnu_blanc.gif) 0px 6px no-repeat;
}

#photo {
	margin-top:0px;
	margin-left:0px;
	width:778px;
	height:189px;
	border:1px solid #fff;
}

#nav {
	color:#fff;
	height:30px;
	line-height:21px;
	padding:0px 10px 0px 0px;
	background:url(../img/nav.png) no-repeat;
}
#nav a {text-decoration:none;}
#nav .ariane {float:left;width:650px;}
#nav .pages {float:right;}
#nav .pages a {color:#ff9300;}

#menu {
	float:left;
	width:217px;
	color:#a7a7a7;	
	margin-top:4px;
	background:url(../img/menu.png) repeat-y;
}
#menu_geo {
	height:30px;
	background:url(../img/menu_geo.png) no-repeat;
}
#menu_theme {
	height:30px;
	background:url(../img/menu_theme.png) no-repeat;
}
#menu_publi {
	height:30px;
	background:url(../img/menu_publi.png) no-repeat;
}

#menu ul li ul.spot li {
	width:160px;
	background:url(../img/spot.gif) 3px 7px no-repeat;
}

.menubas {
	height:15px;
	background:url(../img/menubas.png) no-repeat;
	clear:both;
}
#menu ul {
	list-style-type:none;
	margin-left:10px;
}
#menu ul li.on a {color:#ff9300;}

#contenu {
	top:0px;
	margin-top:4px;
	width:570px;
	float:right;
}
#contenu {
	color:#fff;
	background:url(../img/contenu.png) no-repeat;
	position:relative;
}
#contenu a {
	color:#ff9300;
}

#bottom {
	height:350px;
	margin-bottom:10px;
	background:url(../img/bottom.png) repeat-x;
	position:relative;
}

* html #bottom {
	top:-12px;
}

#bottom .contener {
	padding:12px;
	text-align:center;
}

#bottom, #bottom a {color:#ff9300;}
#bottom a:hover {color:#fff;}
#bottom ul {list-style-type:none;}
#bottom ul.niv1 {
	float:left;
	margin-right:10px;
	font-weight:bold;
}

#bottom ul.niv1 li {line-height:16px;}
#bottom ul.niv1 li ul.niv2 a {color:#fff;}
#bottom ul.niv1 li ul.niv2 {
	float:left;
	margin-right:50px;
	padding-left:12px;
	background:url(../img/fleche.gif) 0px 3px no-repeat;
}
#bottom ul.niv1 li ul.niv2 li.nostyle {
	background:none;
}
#bottom ul.niv1 li ul.niv2 li ul.niv3 li a {
	font-size:10px;
	font-weight:normal;
}
#bottom ul.niv1 li ul.niv2 li ul.niv3 {
	float:left;
}
#bottom ul.niv1 li ul.niv2 li ul.niv3 li {
	margin-left:-8px;
	padding-left:8px;
	background:url(../img/spot.gif) 0px 6px no-repeat;
}

#bottom ul.niv1 li ul.niv2 li ul.niv3 li a:hover {
	text-decoration:underline;
}

#pied {
	color:#ddd;
	width: 700px;
	height:120px;
	border-top:1px solid #bbb;
	margin:0 auto;
	margin-top:8px;
	padding-top:4px;
	text-align:center;
}
#pied p {margin:4px 8px;}
#pied a {font-weight:bold;}

/* LISTES A PUCES */
.spot li, .csc-bulletlist li {
	line-height:16px;
	padding-left: 10px;
}
#contenu ul.spot, #contenu ul.csc-bulletlist {
	padding-left:0px;
	list-style-type: none;
}
#contenu .spot li, #contenu .csc-bulletlist li {
	margin-top:2px;
	padding-left: 10px;
	background: url(../img/niv1.gif) no-repeat 0px 6px;
}
#contenu ul.csc-bulletlist-1 li {
	margin-top:2px;
	padding-left: 20px;
	background: url(../img/niv2.gif) no-repeat 8px 0px;
}

.fond {
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #6e6e6e;
	background:url(../img/fce.png) repeat-x;
}

/* MENU SOUS PAGES*/
/*<ul class="csc-menu csc-menu-1">*/
#contenu ul.csc-menu {
	list-style-type:none;
}
#contenu .csc-menu-1 li {
	display:inline;
	font-size:14px;
	margin-left:10px;
}


/* FORMULAIRES */
#contenu TABLE.inscription INPUT {width:250px;}
#contenu TABLE.inscription TD, #contenu .tx-newloginbox-pi1 TH {
	font-size: 12px;
	text-align:right;
	padding:2px;
}
#contenu TABLE.inscription INPUT.envoi {width:100px;}
#contenu INPUT.envoi {
	background-color:#bf4d4a;
	background-color:#ff9300;
	background-position:bottom;
	background-repeat:repeat-x;
	border-color:#fff;
	border-style:solid;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	text-align:center;
}
#contenu INPUT.envoi:hover{
	background-color:#cc6e6d;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #fff;
	color:#fff;
}
#contenu INPUT.envoi:active{
	background-color:#9cf;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #fff;
	color:#fff;
}

/* tabLivres */
#contenu TABLE.tabLivres {border:1px solid #666;}
#contenu TABLE.tabLivres TD {padding:4px;text-align:center;}
#contenu TABLE.tabLivres TD img {border:1px solid #ddd;}

/* FCE 2 Col */
#contenu TABLE.deuxcol {margin-left:5px;}
#contenu TABLE TD.cg, #contenu TABLE TD.cd {width:280px;}

#contenu DIV.deuxcol {
	margin-top:10px;
	margin-bottom:10px;
}

#contenu DIV.deuxcg {text-align:left;margin-left:10px;}
#contenu DIV.deuxcd {text-align:left;margin-right:10px;}
#contenu DIV.deuxcg {float:left;}
#contenu DIV.deuxcd {float:left;}

#contenu DIV.deuxcg, #contenu DIV.deuxcd {width:360px;}

.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 */