html, body {
	height: 100%;
	width: 100%;
	}
	
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-color:#F2EFEB;
	}
	
h1, h2, h3 {color : #DDC199; font-weight:bold; font-style:italic; margin-bottom:0; padding-bottom:0;}	

h1 { font-size : 16px;}	
h2 { font-size : 14px;}	
h3 { font-size : 14px;}	
h2, h3 { color:#D2A057;}

.h2fake{
	color:#D2A057;
	font-size : 14px;
	}

a { 
	text-decoration:none; 
	color: #C60028; 
	font-weight:bold;
	}
	
p { margin-top : 2px;}

a:hover {
	text-decoration:underline;
	}	

#container {
	width: 990px;
	margin : 0 auto;
	background-color:#FFF;
	padding-top : 1px;
	height: 100%;
	min-height : 750px;
	}

#site {
	display:table-cell;
	background-color:#FFFFFF;
	float:left;
	}	

#gauche {
	float : left;
	/*position:absolute;*/
	width: 140px;
	padding-left : 15px;
	/*height: 100%;
	
	display:table-cell;
	z-index:199;
	border:solid 1px #000;
	background-color:#00FF33;*/

	}
#gauche img { border: 0; }	
#gauche div { padding-bottom : 13px;}
	
#contenu {
	float:right;
	background-color:#FFF;
	width : 835px;
	/*display:table-cell;
	margin-left:155px;
	border:solid 1px #000;*/
	}
	
#menu {
	height : 174px;
	clear:both;
	width:824px;
	background-image:url(../images/pixel_blanc.gif);
	background-repeat:repeat-y;
	background-position: right;
	border-bottom : solid 1px #FFF;
	}

#menu .thumbs div {
	float:left;
	width:102px;
	height: 100px;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	}
		
#menu ul { margin:0; padding:0; list-style-type:none;}	
#menu li { float:left; }
#menu li a { display:block; width:102px; height: 42px; border-bottom: solid 1px #fff; border-right: solid 1px #fff;}
#menu li a:hover { background-color: #F2EEEB; }

#nav2 { border:solid 0px red; clear:both; padding-bottom: 5px;}
#nav2 ul { margin:0; padding:0; list-style-type:none; }
#nav2 li {display:block; float:left; width: 161px; border: solid 0px #000;}

.tab_accueil 	{ background-color: #B1AA9A; }
.tab_guilde 	{ background-color: #A08059; }
.tab_metiers 	{ background-color: #8D4D10; }
.tab_chaux 		{ background-color: #DDC19A; }
.tab_formations { background-color: #D2A057; }
.tab_agrement 	{ background-color: #C46207; }
.tab_librairie 	{ background-color: #C79653; }
.tab_contact 	{ background-color: #B05909; }

.sans_bord { z-index:100; border-bottom: 0; display:block; margin-left: -1px; width:102px; height: 73px; border-right: solid 1px #fff; border-left: solid 1px #fff;}

#bande_menu { z-index:0; float:left; margin-top:-30px; /*clear:both;*/ height:32px; width:823px;}
	
#page {
	float:left;
	background-image:url(../images/bg_page.gif);
	background-repeat:repeat-y;
	background-position:left;
	clear:both;
	}	

#photo {
	float:left;
	width: 308px;
	}
.hide { display:none; }	

#texte {
	float:left;
	background-color:#FFF;
	width: 494px;
	padding-left : 18px;
	padding-right : 15px;
	
	text-align:justify;
	}
	
.texte_bis	{ width:100%; }
	
#sousmenu { 
		border-bottom : solid 1px #625660; 
		padding-bottom : 5px;
		padding-top : 5px;
		}
		
#sousmenu ul {padding:0; margin: 0;}	
#sousmenu li { 
		background-image:url(../images/puce.gif);
		background-position:left;
		background-repeat:no-repeat;
		list-style-type:none;
		padding-left:10px;
		}
	
#footer {
	float:left;
	height: 17px;
	width:818px;
	padding-left:5px;
	padding-top : 2px;
	color:#FFFFFF;
	}	
	
#footer a { color:#FFF; text-decoration:none; }
#footer a:hover { text-decoration:underline; }	
	
.separation {
	clear:both;
	visibility:hidden;
	height:0;
	}	
	
.source {
	font-family:"Courier New", Courier, monospace;
	font-size : 1em;
	font-style:italic;
	}	
	
.citation {
	font-size : 1.2em;
	font-weight:bold;
	}	
	
.highlight {
	font-size : 1.3em;
	font-weight:bold;
	}	
	
#div_demande, #div_planning {
	background-color : #fff;
	}	

#div_conditions h3 {
	margin-bottom: 0px;
	}
	
hr { 
	 color: #DDC19A;
	background-color: #DDC19A;
	height: 1px;
	}	
	
#table_contact {}
#table_contact caption { font-size : 14px; border : solid 0px #000; text-align:left;}
#table_contact th { text-align:left;}
#table_contact .ligne1 { background-color: #EDD9C6; }	
#table_contact .ligne2 { background-color: #F7EFE7; }	

form { margin:0; padding:0; }
input { font-size:0.9em; }
label { width: 100%; float:left; margin-bottom: 2px; font-weight:bold;}

/**
 * CONTACT - Formulaire
 */
#form_contact { padding: 0 15px 15px 15px;}
#form_contact input { width: 230px; }
#form_contact select { width: 230px; }
#form_contact textarea { width: 230px;  height:150px;}
#form_contact .checkbox {  width : 15px; }

/**
 * FORMATIONS - Demande d'information
 */
#div_demande {background-color:#FFFFFF; padding-top:10px; padding-bottom:10px;}
#div_demande h1 { color:#D2A057;}
#div_demande fieldset h2 { font-size : 12px; }
#div_demande h3 { font-size : 12px; border-bottom : dotted 1px #D2A057; padding-bottom:3px; margin-bottom:2px; }
#div_demande fieldset { width: 460px; float:left; padding:15px; border: solid 1px #E9D2AF; margin-top: 10px; /*margin-right:10px;*/}
#div_demande legend {color : #DDC199; font-size:1.2em; font-weight:bold; }
#div_demande .checkbox {width : 25px; vertical-align:middle;}
#div_demande ul { margin-left: 0px; padding-left : 0px; margin : 0 0 0 0; padding: 0 0 0 0;}
#div_demande li { list-style-type:none; line-height: 16px; margin : 0 0 0 0; padding: 0 0 0 0;}
#div_demande label {float:left; width: 130px; line-height: 20px; text-align:right; padding-right:15px; font-size: 0.9em;}
#div_demande input { width: 190px;  }
#div_demande textarea { width: 190px;  }
#div_demande p { margin-bottom: 12px; clear:both;}
#div_demande .annotation { clear:both; padding:10px; }

.picto {
	vertical-align:bottom;
	}

.contact ul {}
.contact li { padding-bottom : 10px; list-style-type:square;}
.contact strong { font-size: 1.1em; color : #DDC199; }

/**
 * Tableau du planning
 */
#div_planning { background-color:#FFFFFF; background-image:url(../images/bg_table.gif); padding-top:10px; padding-bottom:10px; border:solid 0px #000;}
#div_planning h2 {text-align:center;}
#tab_planning { width:820px; border:solid 1px #E9D2AF; }
#tab_planning td { text-align:center; border:solid 1px #E9D2AF; padding:2px;}

#div_planning_complement {
	clear:both;
	float:right; 
	width: 494px !important; 
	width:480px;
	margin-right:15px;
	}
	
#div_planning_complement p {padding:3px; margin-bottom : 6px;}	

.titre1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	vertical-align:top;
}
.titre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	vertical-align:top;
	text-align:left;
}
.txtbase {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.tarifs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	/*color: #FF3300;*/
	
}
.guildeur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000000;
}
.txtbaseAPT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	/*background-color: #ffffcc;*/
	background-color:rgb(255,204,0);
}
.txtbaseBAUD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	/*background-color: #CCFFFF;*/
	background-color:rgb(204, 255, 204);
	
}
.Style1 {color: rgb(221,8,6);}
.Style4 {color: #009933}
.Style5 {color: #663366}
.Style6 {color: #003399}
.Style7 {color: #996633}
.Style8 {color: #CC3300}
.Style9 {color: #FF9933}
.Style10 {color: #003366}
.Style11 {color: #339999}
.Style12 {color: #FF3300}
.Style13 {color: rgb(102, 102, 153) }

.forprint { display:none; }

.comment { font-size: 0.9em; font-style:italic; font-color:#999;}