/*@import url('css/thickbox.css');*/

* {
	margin:0;
	padding:0;
}
a {
	outline:0;
	text-decoration:none;
}
/* Hack IE6 pour les lien et png */
a, input, img
{
	position: relative;
	z-index: 1;
}
body {
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	background:#d55e00 url(images/fond.jpg) repeat-x top center;
}
img {
	border:0;
}
.spacer {
	clear:both;
}
.droite {
	text-align:right;
}
.centrer {
	text-align:center;
}
.pair {
	background:#eee;
}
.bottom15 {
	padding-bottom:15px;
}
.top10 {
	padding-top:10px;
}
.top20 {
	padding-top:20px;
}
.top30 {
	padding-top:30px;
}
.ml20 {
	margin-left:20px;
}
.blk {
	color:#000;
}
.titre {
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#063d6c;
	padding:0 0 10px 0;
	text-align:left;
}
h2 {
	color:#f68d03;
}
.stitre {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#7b850f;
	padding:0 0 5px 0;
}
a.lien {
	color:#f68d03;
	font-weight:bold;
	text-decoration:underline;
}
a.lien:hover {
	text-decoration:none;
}
a.lien_s {
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
}
a.lien_s:hover {
	text-decoration:none;
}
a.lien_b {
	color:#ffffff;
	text-decoration:none;
}
a.lien_b:hover {
	text-decoration:underline;
}
a.a_rouge {
	font-weight:bold;
	color:#f68d03;
	text-decoration:none;
}
a.a_rouge:hover {
	text-decoration:underline;
}
.fl {
	float:left;
	margin-right:10px;
}
div.wait {
	background:url('./images/loadingAnimation.gif') center center no-repeat ;
	height:50px ;
}
#contenu h1 {
	text-align:left;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#feae01;
	padding:2px 0 0 10px;
	margin:0 0 15px 0;
}

div#body {
	position:relative;
	margin:0 auto;
	width:100%;
	height:661px;
	background:url('./images/fond2.jpg') no-repeat top center ;
	/*border:#fff 1px solid;*/
}
div#master {
	position:relative;
	margin:0 auto;
	width:950px;
	height:100%;
	/*background:url('./images/fond2.gif') repeat-y left ;*/
	/*border:#fff 1px solid;*/
}
#entete {
	position:relative;
	width:950px;
	height:200px;
	background:transparent;
}
#entete h1 {
	display:none;
}
#entete a.home {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:950px;
	height:200px;
	background:transparent;
}
#entete a.home span {
	display:none;
}
#pied {
	color:#FFFFFF;
	font-size:10px;
	padding:15px 20px 0 0;
	text-align:right;
}
#pied a {
	color:#ffffff;
	text-decoration:none;
}
#pied a:hover {
	text-decoration:underline;
}

#contenu {
	width:950px;
	background:url(images/fond-contenu.png) !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fond-contenu.png', sizingMethod='scale');
	height:auto ;
}
#contenu h2.genere {
	display:block;
	width:710px;
	height:30px;
	margin:20px 0 20px 0;
}
#contenu h2.genere span {
	display:none;
}
#contenu .chapo {
	font-size:13px;
	font-weight:bold;
	color:#FF9900;
	margin:0 0 10px 0;
	text-align:justify;
}
#chemin {
	text-align:left;
	font-size:10px;
	color:#333333;
	padding:21px 0 10px 0;
}
#chemin a {
	color:#333333;
	text-decoration:none;
}
#chemin a:hover {
	text-decoration:underline;
}

/**
  Menu
**/
#gauche {
	float:left;
	width:200px;
	height:450px;
	border-right:#6c2c00 1px solid;
}
#gauche a.niv0 {
	display:block;
	width:200px;
	height:20px;
	padding:15px 0 0 0;
}
#gauche a.niv0:hover, #menu a.selected {
	background-position:0 0;
}
a.item {
	display:block;
	text-align:right;
}
#gauche .smenu1 {
	/*padding:0 0 15px 0;*/
}
#gauche .smenu1 a {
	color:#fff;
	font-weight:bold;
	height:15px;
	width:180px;
	padding:0 20px 0 0;
}
#gauche .smenu2 a {
	color:#fff;
	font-weight:normal;
	height:15px;
	width:180px;
	padding:0 20px 0 0;
}
#gauche .smenu3 a {
	padding:0 0 0 40px;
}
#gauche .smenu1 a {
	text-decoration:none;
}
#gauche .smenu1 a:hover {
	text-decoration:underline;
}
#gauche .smenu1 a.niv1sel {
	background:url(./images/puce-menu.gif) no-repeat right;
}
#gauche .smenu2 a.niv2sel {
	text-decoration:underline;
}
#gauche .smenu2 a.niv3sel {
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}

/**
  Contenu général
**/
#droite {
	float:right;
	width:730px;
}
a.a_image_mini {
	display:block;
	width:160px;
	height:160px;
	padding:3px;
	background:url(./images/fond-image.jpg) repeat-x top center;
}
a.a_image_80 {
	display:block;
	width:80px;
	height:80px;
	padding:3px;
	background:url(./images/fond-image.jpg) repeat-x top center;
}
a.a_image_80 img {
	width:80px;
	height:80px;
}
.cg {
	float:left;
	width:500px;
}
.cd {
	float:right;
	width:166px;
	padding:0 30px 0 0;
}
.cd .img_col {
	padding-bottom:20px;
}
.page_l {
	width:680px;
}
.clg {
	float:left;
	width:250px;
}
.cld {
	float:right;
	width:430px;
	margin-right:30px;
}

/**
  Page d'accueil
**/
.acc_g {
	float:left;
	width:339px;
	height:430px;
	padding:20px 20px 20px 0;
}
.acc_g a.decouvrez_brasserie {
	display:block;
	width:285px;
	height:27px;
	background:url(./images/accueil/decouvrez-la-brasserie.gif) no-repeat;		
	margin:0 0 10px 0;
}
.acc_g a.decouvrez_brasserie span {
	display:none;
}
.acc_g a.decouvrez_bieres {
	display:block;
	width:285px;
	height:27px;
	background:url(./images/accueil/decouvrez-bieres.gif) no-repeat;		
	margin:20px 0 10px 0;
}
.acc_g a.decouvrez_bieres span {
	display:none;
}

.acc_d {
	float:right;
	width:330px;
	height:430px;
	background:url(images/accueil/fond-drt.png) !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil/fond-drt.png', sizingMethod='scale');
	padding:20px;
	border-left:#ffcc89 1px solid;
}
.acc_d a.stages {
	display:block;
	width:285px;
	height:28px;
	background:url(./images/accueil/stages-brassage.gif) no-repeat;		
	margin:0 0 10px 0;
}
.acc_d a.stages span {
	display:none;
}
.acc_d .stages_brassage {
	position:relative;
	width:330px;
	height:167px;
	background:url(./images/accueil/fond-stages.jpg) no-repeat;
}
.acc_d .stages_brassage a.stage_apprendre {
	position:absolute;
	display:block;
	top:102px;
	left:8px;
	width:220px;
	height:36px;
	background:none;
}
.acc_d .stages_brassage a.stage_calendrier {
	position:absolute;
	display:block;
	top:142px;
	left:8px;
	width:130px;
	height:19px;
	background:none;
}
.acc_d .stages_brassage a.stage_galerie {
	position:absolute;
	display:block;
	top:142px;
	left:139px;
	width:88px;
	height:19px;
	background:none;
}
.acc_d .stages_brassage a.stage_apprendre span, .acc_d .stages_brassage a.stage_calendrier span, .acc_d .stages_brassage a.stage_galerie span {
	display:none;
}
.acc_d a.actualites {
	display:block;
	width:285px;
	height:26px;
	background:url(./images/accueil/actualites.gif) no-repeat;		
	margin:20px 0 10px 0;
}
.acc_d a.actualites span {
	display:none;
}

/**
  Module formulaire
**/
#erreur {
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}
.table_formulaire {
	
}
.champ {
	border:#000000 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#fff;
	padding:2px;
}
.textarea {
	font-family:Arial, Helvetica, sans-serif;
	border:#000000 1px solid;
	font-size:11px;
	background:#fff;
	padding:2px;
}
.bouton {
	border:#fff2f9 1px solid;
	background:#262626;
	color:#fff;
	padding:3px 10px;
	margin:10px 0 0 0;
}
.table_center {
	margin:15px auto;
}
.td_liste_titre {
	background:#666;
	font-weight:bold;
	color:#FFFFFF;
	border-bottom:#FF9900 1px solid;
	padding:3px 5px;
	text-align:center;
}
/*td {
	padding:3px;
}*/
td.libelle {
	width:180px;
	font-weight:bold;
	padding:0 0 0 0;
}
td.td_titre {
	background:#333333; 
	color:#FFFFFF;
	font-weight:bold; 
}
td.td_titre2 {
	background:#999999; 
	color:#FFFFFF;
	font-weight:bold; 
}
.bloc_formulaire {
	padding:15px 0 15px 15px;
	margin:0 0 0 0;
	background:url(images/accueil/fond-drt.png) !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil/fond-drt.png', sizingMethod='scale');
	border:#ffcc89 1px solid;
}
.obligatoire {
	font-weight:bold;
	color:#ffffff;
	font-size:14px;
}

/**
  Module Texte Brut
**/
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}

.texte_image {
	border:#CCCCCC 1px solid;
	background-color:#EEEEE0;
	font-size:9px;
	padding:3px;
	color:#666666;
	margin-top:3px;
}
.tc {
	float:left;
	width:420px;
	text-align:justify;
	padding:0 0 0 25px;
	margin:0;
}
.ic {
	float:left;
	width:246px;
	padding:0 0 0 0;
	margin:0;
}
.ic img {
	margin:0 0 15px 0;
}

/**
  Module texte riche
**/
.fck {
	/*width:470px;*/
}
.fck p {
	padding:5px 0;
	font-size:11px;
	text-align:justify;
}
.fck p b {
	font-weight:bold;
	font-size:12px;
}
.fck a {
	color:#f68d03;
	font-weight:bold;
	text-decoration:underline;
}
.fck a:hover {
	text-decoration:none;
}
.fck h2 {
	color:#f68d03;
	font-size:16px;
	font-weight:bold;
}
.fck h3 {
	color:#ffffff;
	font-size:14px;
}
.fck ul {
	margin:0 0 0 15px;
	padding:0;
	list-style-type:disc;
}
.fck ol {
	margin:0 0 0 15px;
	padding:0;
}
.fck li {
	margin:0 0 0 15px;
	padding:0 0 0 15px;
}

.img_fck {
	float:left;
	width:100px;
	padding:0 0 0 25px;
}
.img_fck .float_machine {
	padding:5px 0;
}

/**
  Module liste
**/
.liste_intro {
	font-size:14px;
	text-align:justify;
	padding:0 0 20px 0;
	color:#f68d03;
	font-weight:normal;
	font-style:italic;
}
.bloc_actu {
	padding:0 0 10px 0;
	margin:10px 0 10px 0;
	/*border-bottom:#cccccc 1px dotted;*/
}
.photo {
	float:left;
	margin:0;
	width:149px;
	height:146px;
	overflow:hidden;
}
.photos {
	width:149px;
	height:146px;
	overflow:hidden;
	background:url(images/photo.png) no-repeat;
	_background:url(images/photo.gif) no-repeat;
}
.photos span {
	display:none;
}
a.liste_contenu_titre, .liste_contenu_titre {
	color:#f68d03;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
a.liste_contenu_titre:hover {
	text-decoration:underline;
}
a.texte {
	color:#ffffff;
	text-decoration:none;
}
a.texte:hover {
	color:#cccccc;
}
._titre {
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#063d6c;
	padding:25px 0 0 0;
}
.a.actu_titre {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
}
.news a.actu_titre:hover {
	text-decoration:underline;
}
. a.plus {
	color:#666666;
	text-decoration:underline;
}
. a.plus:hover {
	text-decoration:none;
}
.ct {
	float:left;
	width:425px;
}


/** Actualites **/
.extract {
	float:right;
	width:200px;
	padding:15px;
	background:#c82d79;
	margin:10px 10px 10px 10px;
	border-left:#fff 1px dotted;
	border-right:#fff 1px dotted;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	color:#fff;
}
.actu_first {
	float:left;
	width:188px;
	height:220px;
	border:#fff 1px solid;
	margin:10px;
}
.actu_first .a {
	padding:10px;
}
.date {
	font-style:italic;
	padding:0 0 15px 0;
}
.img {
	float:left;
	border:#f68d03 1px solid;
	margin:0 10px 0 0;
}
.video {
	width:auto;
	margin:0 auto;
	padding:15px 0;
}

/** Accès **/
.acces_gauche {
	float:left;
	width:200px;
	text-align:left;
}
.acces_droite {
	float:right;
	width:420px;
	padding:0 10px 0 0;
}

/** Paragraphe **/
.bloc_paragraphe {
	text-align:justify;
}
.bloc_paragraphe img {
	float:left;
	margin:0 10px 0 0;
}
.img_f {
	float:left;
	margin:0 10px 0 0;
}

/** Galerie de photos **/
.img_gal {
	padding:20px 0 0 0;
}
.img_gal .galerie {
	float:left;
	border:#cccccc 1px solid;
	padding:5px;
	margin:2px;
}
.img_gal .galerie img {

}

/** Galerie **/
.liste_galeries {

}
.liste_galeries .galerie {
	float:left;
	width:188px;
	height:200px;
	border:#894c21 1px solid;
	padding:5px;
	margin:5px;
	text-align:center;
}
.liste_galeries .galerie img {
	padding-bottom:5px;
	margin-bottom:3px;
	border-bottom:#894c21 1px solid;
}
.liste_galeries .galerie a.titre_gal {
	color:#f68d03;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.liste_galeries .galerie a.titre_gal:hover {
	color:#ffffff;
}
.liste_galeries .galerie a.date_parution {
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
.liste_galeries .galerie a.date_parution:hover {
	color:#f68d03;
}
.bloc_image .bli {
	float:left;
	width:150px;
	text-align:center;
}
.bloc_image .bli a {
	text-align:center;
	color:#FFFFFF;
}
.bloc_image img {
	border:#f68d03 1px solid;
	margin:5px 10px 5px 0;
}

/**
  Page de connexion à une page sécurisée
**/
#erreur_connex {
	width:264px;
	margin:0 auto 50px auto;
	background:#ffffff;
	border:#f8d452 1px dotted;
	font-size:12px;
	padding:18px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}
#erreur_i {
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}
#connexion, .demande_compte {
	/*width:264px;*/
	margin:0 auto 0 auto;
	background:#fbc6e0;
	border:#c82d79 4px dotted;
	color:#000;
	font-size:11px;
	padding:18px;
}
#connexion .tconex, .demande_compte .tconex {
	font-weight:bold;
	font-size:12px;
	border-bottom:#7a755f 1px solid;
	margin:0 0 15px 0;
}
#connexion .identifiant {
	border:#7a755f 1px solid;
	background:#ffffff;
	width:250px;
	padding:3px;
	margin:0 0 3px 0;
}
#connexion .mdp {
	border:#7a755f 1px solid;
	background:#ffffff;
	width:250px;
	padding:3px;
	margin:0 0 3px 0;
}
#connexion .email {
	border:#7a755f 1px solid;
	background:#ffffff;
	width:145px;
	padding:3px;
	margin:0 0 3px 0;
}
#connexion div.mdpp {
	float:left;
	padding:10px 0 0 0;
}
#connexion div.mdpp a {
	color:#000000;
	text-decoration:underline;
}
#connexion div.mdpp a:hover {
	text-decoration:none;
}
#connexion .envoif, .demande_compte .envoif {
	float:right;
	padding:3px;
	font-weight:bold;
	background:#c82d79;
	color:#fff;
	border:#930d4f 2px solid;
	text-align:center;
	margin:10px 0 0 0;
}
.con_g {
	float:left;
	width:300px;
}
.con_d {
	float:right;
	width:300px;
}
.demande_compte .champ {
	border:#7a755f 1px solid;
	background:#ffffff;
	width:250px;
	padding:3px;
	margin:0 0 3px 0;
}

/**
  Module Stages
**/
.stage_g {
	float:left;
	width:430px;
}
.stage_d {
	float:right;
	width:220px;
	padding:10px;
	margin-right:30px;
	background:url(images/accueil/fond-drt.png) !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil/fond-drt.png', sizingMethod='scale');
	border:#ffcc89 1px solid;
}
.date_stage {
	font-size:14px;
	font-style:italic;
}
.titre_form_stage {
	color:#ffcc89;
	font-size:13px;
	font-weight:bold;
}

div#map_canvas {
	clear:both ;
	margin:10px ;
	height:220px ;
	border:1px solid #f6a800 ;
	z-index:9 ;
	overflow:hidden ;
}

div#map_canvas a, div#map_canvas input, div#map_canvas img {
	position: static ;
	z-index:auto ;
}

div#pied {
	margin:0 ;
	padding:0 ;
	background:#d55e00 ;
	clear:both ;
	text-align:center ;
}

div#pied a {
	color:#FFF ;
}

