/* @override http://cg85-abbaye.dotnet.home.mediacd.fr/global/css/styles.css */

* {margin: 0; padding: 0;}

html {background: #FF9C00 url(/global/images/bgHtml.gif) repeat;}

body {
    text-align: center;
    background: transparent url(/global/images/bgBody.jpg) repeat-x;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 12px;}

a img { border: 0; }

/**************************************************************/
/*                                                                             Classes communes */
/**************************************************************/

.hide {display: none;}
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

/**************************************************************/
/*                                                                             Structure générale */
/**************************************************************/

#allContent {
    width: 780px;
    margin: 0 auto 0 auto;}

#enTete, #mainContent {text-align: left;}

/**************************************************************/
/*                                                                                              En-tête */
/**************************************************************/

#enTete {
    height: 119px;
    width: 780px;
    margin: 0 auto 0 auto;
    position: relative;}

#enTete #logo {width: 128px; height: 119px;position: absolute; left: 0; top: 0; border: 0;background: url(/global/images/bgLogo.jpg) no-repeat top left;}

#enTete #logo a {width:  128px; height: 119px;float: left; display: block; background: url(/global/images/logoVendee08.png) no-repeat top center; text-indent: -15000em;
}
#enTete h1 {
    width: 652px; height: 101px;
    position: absolute; left: 128px; top: 18px;
    background: transparent url(/global/images/bgTitre.jpg) no-repeat;}

#accueil #enTete h1 {background: transparent url(/global/images/bgTitreAccueil.jpg) no-repeat;}

#enTete #navHaute {
    width: 652px; height: 18px;
    background: transparent url(/global/images/bgNavHaute.jpg) no-repeat;
    position: absolute; left: 128px; top: 0;
    list-style: none;}

#enTete #navHaute li {
    font-weight: bold;
    font-size: 10px;
    color:#FF0000;
    float: left; line-height: 18px;
    padding-left: 5px;}

#enTete #navHaute li a {
    color: #fff;
    text-decoration: none;}
#enTete #navHaute li a:hover {color: #6B4009}

#enTete #lnkAnimFlash {
    width: 175px; height: 101px;
    position: absolute; top: 18px; right: 0;}
#enTete #lnkAnimFlash img {border: 0;}

#accueil #enTete #lnkAnimFlash {display: none;}

/**************************************************************/
/*                                                                                         Colonne B */
/**************************************************************/

#accueil #colonneB {background-color: #ECB033;}

#colonneB {
    width: 780px;
    position: relative;}

#nieul #colonneB {background: #ECAE35 url(/global/images/bgAbbayeNieul.jpg) repeat-x;}
#maillezais #colonneB {background: #ECAE35 url(/global/images/bgAbbayeMaillezais.jpg) repeat-x;}
#grammont #colonneB {background: #ECAE35 url(/global/images/bgAbbayeGrammont.jpg) repeat-x;}
#video #colonneB {background: #ECAE35 url(/global/images/bgVideo.gif) repeat-y;}
#animations #colonneB {background: transparent url(/global/images/bgAnimations.jpg) repeat-y;}
#zoneFlash, #zoneFlash img {width: 780px; height: 58px !important;}

#accueil #zoneFlash {height: 540px !important; border: 0;}

/*Bloc News accueil*/
#accueil #news {
	border-top: 2px solid #BD8225;
	padding: 20px;
	background: #DF9800;
	}
#accueil #news .sub {
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 0.9em;
	border-bottom: 1px solid #BD8225;
	padding-bottom: 5px;
}
#accueil #news img {
	display: block;
	float: left;
	border: 1px #BD8225 solid;
	padding: 3px; margin: 0 10px 0 0;
	background: #fff;
}
#accueil #news .lieu {
	color:#B3570D;
	font-size:11px;
	font-weight:bold;
	margin-bottom:15px;
	}
#accueil #news .lnk {
	color: #fff;
	text-align: right;
	}
#accueil #news .lnk a {
	color: #fff;
	font-size: 1.2em;
}


/**************************************************************/
/*                                                                                            Itineraire */
/**************************************************************/

#itineraire #colonneB,
#infosPratiques #colonneB,
#credits #colonneB {
    background: #ECAE35 url(/global/images/bgAbbayeNieul.jpg) repeat-x;
     float: left}
#colonneB img.carte {
    margin: 10px; border: 1px white solid; 
    float: left}
#colonneB p.brochure img {padding: 10px 0 10px 30px}
#colonneB ul.brochure {padding: 10px 0 10px 50px; list-style:none;}
#colonneB ul.brochure a {color: #6C3F00;font-size: 1.1em;line-height: 1.3em;font-weight: normal;text-decoration: underline;}
#colonneB h3, #colonneB p.ouverture {color: #743b0d}
#colonneB h3 {margin-top: 25px; font-size: 1.5em; line-height: 1em; margin-bottom: 10px}

/**************************************************************/
/*                                                                     Infos pratiques & crédits */
/**************************************************************/

#infosPratiques #colonneB #content,
#credits #colonneB #content {
    padding: 0 30px 30px 180px;
    background: transparent url(/global/images/bgInfos.jpg) no-repeat 15px 0;}
#infosPratiques #colonneB #content h2,
#credits #colonneB #content h2 {
    font-size: 26px;
    color: #743B0D;
    margin-top: 30px;}
#infosPratiques #colonneB #content a {color: #B43200}
#infosPratiques #colonneB #content #tete {float: right;}

#credits #colonneB #content a {color: #B43200}

/**************************************************************/
/*                                                                                            Abbayes */
/**************************************************************/

#colonneB #lnkVideo {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    position: absolute; left: 8px; top: 65px;
    text-decoration: none;}
#colonneB #lnkVideo span {color: #ff0000;}

#colonneB #lnkPanoA {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: absolute; left: 10px; top: 150px;
	padding: 5px 0 7px 30px;
    text-decoration: none;
	background: transparent url(/global/images/pict_panoA.gif) no-repeat 0 0;}
#colonneB #lnkPanoB {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: absolute; left: 10px; top: 150px;
	padding: 5px 0 7px 30px;
    text-decoration: none;
	background: transparent url(/global/images/pict_panoB.gif) no-repeat 0 0;}
#colonneB #lnkPanoC {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: absolute; left: 10px; top: 150px;
	padding: 5px 0 7px 30px;
    text-decoration: none;
	background: transparent url(/global/images/pict_panoC.gif) no-repeat 0 0;}
	
#colonneB h1 {
    width: 380px; height: 500px;
    float: left; margin-top: -3px;}

#colonneB .intro {
    font-size: 16px;
    color: #743B0D;
    line-height: 16px;}
    
#colonneB p {
    color: #331601;
    font-size: 11px; 
    line-height: 14px;
/*    font-weight: bold;*/
    margin-bottom: 10px;}

#colonneB hr{
	background-color:transparent;
	border:none;
	border-top:1px #965200 solid;
	margin-bottom:10px;
}

#accueil #colonneB p {color: #38270B;}
#colonneB #premier {
    margin-top: 20px;
    position: relative; left: -90px;}

#nieul #colonneB h1 {background: transparent url(/global/images/bgNieul.jpg) no-repeat; margin-bottom: 30px;}
#maillezais #colonneB h1 {background: transparent url(/global/images/bgMaillezais.jpg) no-repeat; padding-bottom: 30px;}
#grammont #colonneB h1 {background: transparent url(/global/images/bgGrammont.jpg) no-repeat; margin-bottom: 30px;}

#colonneB #zoneAnimations {
    width: 150px;
    float: right;
    margin: 30px 0 0 15px;
    background: #E09101 url(/global/images/bgZoneAnimations.jpg) repeat-x;
    padding: 0 10px 0 10px;}

#colonneB #zoneAnimations h2 {
    background: transparent url(/global/images/titreAnimations.gif) no-repeat;
    height: 15px;
    margin: 10px 0 10px 0;}

#colonneB #zoneAnimations ul {
    list-style-position: inside;
     color: #fff;}
    
#colonneB #zoneAnimations ul li {line-height: 14px;}

#colonneB #zoneAnimations ul li a {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;}

#colonneB #zoneAnimations .bloc {
    margin: 15px 0 15px 0;
    border: 1px #FFD773 solid;
    padding: 5px 5px 0 5px;}

#colonneB #zoneAnimations .bloc h3 {
    color: #B43200;
    font-size: 10px; line-height: 12px;
    font-weight: bold;
    margin-top: 0;}

#colonneB #zoneAnimations .bloc p {
    font-size: 10px;
    margin: 0 0 5px 0;}

#colonneB #zoneAnimations .bloc a {color: #fff;}

/**************************************************************/
/*                                                                                                Vidéo */
/**************************************************************/

#video #content {
    padding: 30px 20px 20px 20px;
    background: transparent url(/global/images/bgOmbreVideo.gif) no-repeat;}

#video #colGauche,
#video #colDroite {float: left;}

#video #colGauche {width: 178px !important; margin-right: 20px;}
#video #colDroite {width: 530px; padding-bottom: 20px;}

#video #colGauche h4 {
    color: #743B0D; 
    font-size: 20px;
    margin-bottom: 10px;}

#video #colGauche ul {
    list-style: none;
    margin-right: 15px;
    color: #743B0D;}

#video #colGauche ul li {margin-bottom: 15px; line-height: 15px;}

#video #colGauche ul li a {
    font-size: 13px;
    display: block;
    font-weight: bold;
    color: #fff;
    padding-left: 15px;
    background: transparent url(/global/images/puceVideo.gif) no-repeat 0 3px;}

#video #colDroite h2 {
    font-size: 26px;
    color: #fff;
    margin-bottom: 15px;}

#video #colDroite h4 {
    font-size: 14px;
    color: #743B0D;
    margin-bottom: 15px;}

#video #colDroite #zoneVideo, #zonePano {
    width: 400px; height: 300px;
    margin-top: 20px;
    border: 2px #fff solid;}

#video #colDroite #navVideo {list-style: none; margin-top: 10px;}
#video #colDroite #navVideo li {float: left; margin-right: 5px;}
#video #colDroite #navVideo li a {width: 22px; height: 22px; display: block; float: left;}
#video #colDroite #navVideo li#btnDebut a {background: transparent url(/global/images/btn01.gif) no-repeat;}
#video #colDroite #navVideo li#btnPlay a {background: transparent url(/global/images/btn03.gif) no-repeat;}
#video #colDroite #navVideo li#btnStop a {background: transparent url(/global/images/btn02.gif) no-repeat;}
#video #colDroite #navVideo li#btnFin a {background: transparent url(/global/images/btn04.gif) no-repeat;}

#video #colonneB #content a {color: #B43200}

/**************************************************************/
/*                                                                                        Animations */
/**************************************************************/

#animations #content {
    background: transparent url(/global/images/bgOmbreAnimations.jpg) no-repeat left top;}

#animations #colGauche, #animations #colDroite {float: left;}

#animations #colGauche {width: 270px; padding: 20px 0 0 0;}
#animations #colDroite {width: 450px; padding: 20px 0 0 20px;}

#animations #colGauche h4 {
    width: 230px; margin-left: 18px;
    background-color: #CD880F;
    border-bottom: 1px #E8B658 solid;}

#animations #spectacle {position: absolute; top: 90px; right: 50px;}
#animations #spectacle img {border: 0 !important;}

#animations #colGauche ul {
    list-style: none;
    width: 230px;
    margin-left: 18px;}

#animations #colGauche ul li {
    line-height: 11px;
    border-bottom: 1px #E8B658 solid;}

#animations #colGauche ul li .periode {
    float: left; border: 0;
    margin: 5px 12px 5px 12px;}

#animations #colGauche ul li a span {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #743B0D;}

#animations #colGauche ul li a {
    color:#fff; display: block;
    font-weight: bold;
    padding: 5px 0 5px 0;
    text-decoration: none;}
#animations #colGauche ul li a:hover {
    background-color: #DB9000;}

#animations #colDroite h3 {
    background: transparent url(/global/images/titrePageAnimations.gif) no-repeat;
    width: 210px; height: 45px;}

#animations #colDroite h2 {
    font-size: 26px;
    color: #743B0D;
    margin: 25px 0 0 0}

#animations #colDroite h4 {
    color: #B3570D;
    font-size: 11px;
    margin-bottom: 15px;
    font-weight: bold;}

#animations .infoPlus {
    color: #743B0D;}

#animations #colDroite img {border: 1px #fff solid; float: left; margin: 0 10px 10px 0}

/**************************************************************/
/*                                                                                        Visitez AUssi */
/**************************************************************/
.hyperGlobalNav {
	position: absolute; right: 0; top: 1px;	
	width: 200px;
}

.hypGlobVendee {
   position: absolute; left: 0; top: 0;
	padding: 0 0 0 20px;
	border: 0px;
	}
.hypGlobVisit {
   position: absolute; left: 80px; top: 0;
	padding: 0 0 0 20px;}


/*-------------------------------------------------------------------------------------*/
/* =  Webcam			 */
/*-------------------------------------------------------------------------------------*/
body#accueil .webcam{
	display:block; width:60px; height:40px;
	position:absolute; top:30px; right:30px;
	background:transparent url(/global/images/btWebcam.png) no-repeat;
	}
body#accueil .webcam a{display:block; width:70px; height:70px; overflow:hidden; text-indent:-200em;}

/* = Webcams en vendée
Bienvenue dans le code source de la Vendée
------------------------------------------ */

/* = RAZ-------------  */
#content ul {margin: 0; padding: 0;}
#webcams {padding:0 20px;}


/* = Mise en page globale-------------  */

#maincontentWebcam{
	background:#ECAE35 url(/global/images/bgAbbayeNieul.jpg) repeat-x;
	overflow:auto;
	}

	#colA {
		width: 320px;
		float: left;
		}
	#colB {
		width: 400px;
		float: right;
		}

	#titreOnglet {border-color: #901584;}
	#titreOnglet h4{
		background-color: #901584;
	}

/* = Sélection de vue-------------  */
	h2 {
		font-size: 1.5em;
		margin: 20px 0 10px 0;
		color:#713C00;
		}
	#viewSelector {
		font-size: 1.2em;
		height: 2em;
		margin:0; padding:0; 
		}
	#viewSelector li {display: inline;}
	#viewSelector a {
		display: block;
		float: left;
		background: #713D00;
		padding: 3px;
		color: #fff;
		margin-right: 3px;
		}

/* = Historique-------------  */
	#colB {
		padding:5px;
		background:transparent url('../../webcam/images/bgCOLBHisto.gif') no-repeat;
		}
	#colB h2{
		border-bottom:1px solid #B65E00;
		color:#6C3F00;
		font-size:16px;
		padding-bottom:4px;
		text-align:left;
		padding-left:5px;
	}
	.col {width: 195px; margin-left:5px; }
	.col p {
		color: #6C3F00;
		font-size: 1.3em;
		margin: 0 0 10px 0;
	}
	.col ul{text-align:left; margin:0; padding:0;}
	.col li {display: inline;}
	.col li {
		display: block; float: left;
		width: 90px; height: auto;
		margin-right: 5px;
		position: relative;
		}
	#aujourdhui {float: left;}
	#hier {float: left; margin-left: 5px;}

/* = infosSup-------------  */
	#infosSup {
		color:#fff;
	}
	#infosSup ul, #infosSup p {
		font-size: 1em;
		margin: 0 0 0.5em 0;
		}
	#infosSup ul{margin:0; padding:0;}
	#infosSup li {
		list-style: disc;
		margin-left: 10px;
	}
	#infosSup h3 {
		color: #6C3F00;
		font-size: 1.2em;
		font-weight: normal;
		margin: 10px 0 10px 0;
		padding:3px 0;
		border-top:1px #6C3F00 dashed;
		border-bottom:1px #6C3F00 dashed;
	}
	#infosSup h4 {
		color: #6C3F00;
		font-size: 1.2em;
		font-weight: normal;
		margin: 10px 0 10px 0;
		border-bottom:1px solid #B65E00;
	}
	#infosSup a{color:#fff;}
	#infosSup a:hover{color:#6C3F00;}

/*-------------------------------------------------------------------------------------*/
/* =  position picto webcam pour Page maillezais			 */
/*-------------------------------------------------------------------------------------*/
body#maillezais #enTete .webcam{display:none;}
body#maillezais .webcam{
		position:relative;
		}
		body#maillezais .webcam a{
			display:block; width:190px; height:30px;
			position:absolute; top:120px; left:8px;
			background:transparent url(/global/images/btWebcam2.png) no-repeat;
			padding:5px 0 0 32px; font-size:1.2em; color:#FFF; text-decoration:none; font-weight:bold;
			color:#490C00;
		}
body#maillezais #lnkPanoB {color:#490C00 !important;}


.enAvant {
	width: 40%; padding: 10px;float: left; border: 1px solid #b15f02; background-color: #e19700; clear:both; margin-bottom: 20px;
}

.abbayeOuverture {
	padding-left: 30px;
	padding-top: 8px;
	background: url(/global/images/puceAbbaye.png) no-repeat 0px 5px;
}

.abbayeOuverture strong {
	font-size: 14px;
}