@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/horaire.css");
@import url("/skin/skin_default/roundedTables.css");
@import url("/skin/skin_default/CoolDHTMLTooltipII.css");
/*########################################################
						Interface
########################################################*/
html 
{
/*
	scrollbar-face-color: #EFEFEF;
	scrollbar-highlight-color: #EFEFEF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #EFEFEF;
	scrollbar-shadow-color: #EFEFEF;
	scrollbar-arrow-color: #FF6600;
	scrollbar-track-color: #FFFFFF;
*/
}
body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #ad9871 url(/images/bg-II.jpg) top left repeat-x;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #46332b;
}
img{border: none;}
form{margin: 0px; padding: 0px;}
#top{background: url(/images/bg-middle.gif) top center repeat-y;}
#top.top_acc{background: url(/images/bg-middle_acc.gif) top center repeat-y;}
	#top div.middle{background: url(/images/bg-top-II.gif) top center no-repeat;}
	#top div.bottom{background: url(/images/bg-bottom.jpg) bottom center no-repeat;}

div.mainpage{
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	text-align: left;
}
div.adjust-top{
	background: url(/images/bg-adjust-top.gif) top left no-repeat;
}
div.adjust-bottom{
	background: url(/images/bg-adjust-bottom.gif) bottom left no-repeat;
}
#page{height: 644px;}
html > body #page{height: auto; min-height: 644px;}
#footer{
	text-align: center;
	color: #e7e0d5;
	font-size: 11px;
	padding-bottom: 20px;
}
	#footer a{
		color: #FFFFFF;
		text-decoration: none;
	}
	#footer a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
	
#flashacademie{
	height: 348px; 
	background: #FFFFFF url(/images/bg-flash.gif) bottom left repeat-x;
	position: relative;
}

#header{
	height: 112px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#header div.cleft{
	float: left;
	width: 290px;
	height: 112px;
}
	#header div.cleft img{
		margin-top: 4px;
		margin-left: 30px;
	}
	#header div.accueil img{
		margin-left: 74px;
	}
#header div.cright{
	float: right;
	width: 660px;
	height: 112px;
}
	#header div.cright table{
		font-size: 75%;
		color: #FFFFFF;
		margin: 35px 0px 25px 350px;
		height: 30px;
		background: #ac9770;
	}
	#header div.cright table th{font-weight: normal; padding-right: 10px;}
	#header div.cright table td{padding-right: 1px;}
	#header div.cright table a{
		color: #FFFFFF;
		text-decoration: none;
	}
	#header div.cright table a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
	#header div.cright table input{
		border: 1px solid #d1d2d5;
		font: 10px Arial, Helvetica, sans-serif;
		color: #787e83;
		padding: 2px;
	}	
#contenth{
	width: 702px;
}
#middle{
	border-top: 2px solid #FFFFFF;
	clear: both;
	background: url(/images/bg-middle-main.gif) top left repeat-y;
}
#middle.accueil{
	border-top: 1px solid #FFFFFF;
	padding-bottom: 33px;
	background: none;
}
	#middle div.bgcleft{
		height: 525px;
		background-position: left bottom;
		background-repeat: no-repeat;
	}	 html > body #middle div.bgcleft{height: auto; min-height: 525px;}
	
#accueil{
	background: #dbd3c0 url(/images/bg-accueil.gif) top left repeat-x;
	width: 950px;
}
	
#middle div.cleft{
	float: left;
	width: 247px;
	background: #5e372a;
}
#middle div.cright{
	float: right;
	width: 702px;
	background: #FFFFFF;
}

	#middle #accueil div.cleft{
		float: left;
		width: 520px;
		background: none;
	}
	#middle #accueil div.cright{
		float: right;
		width: 430px;
		background: none;
		text-align: right;
	}
	#middle #accueil h1{
		font: bold 120% Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px 10px 10px 90px;
	}
	#middle #accueil h2{
		font-size: 90%;
		font-weight: normal;
		margin: 0px;
		padding: 0px 40px 0px 90px;
		color: #4d5458;
	}
	#middle #accueil h3{
		font-size: 90%;
		margin: 10px 0px 0px 0px;
		padding: 0px 51px 0px 0px;
	}
	#middle #accueil h3 span{
		padding-right: 10px;
		background: url(/images/h3-span-arrow.gif) top right  no-repeat;
		margin-right: 2px;
	}
	#middle #accueil h3 select{
		padding: 0px;
		border: 1px solid #4d5458;
		font-size: 11px;
		color: #4d5458;
	}
	#middle #accueil ul{
		font-size: 90%;
		margin: 10px 0px 0px 90px;
		padding: 0px;
	}
		#middle #accueil ul li{
			list-style: none;
			padding: 2px 0px 2px 11px;
			margin: 0px;
			background: url(/images/li-arrow.gif) top left no-repeat;
		}
	#middle #accueil div.formation{
		padding: 10px 15px 0px 0px;
	}
#middle div.holder{
	padding: 20px;
}

/* STYLES CLIENT */
#middle h1{
	color: #a74a20;
	font: bold 170% Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 10px 0px;
}
#middle h1 em{
	font-style: normal;
	font-weight: normal;
}
#middle h2{
	color: #cb6435;
	font: bold 110% Arial, Helvetica, sans-serif;
	margin: -12px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
#middle h3{
	color: #a74a20;
	font-size: 100%;
	margin: 0px;
	padding: 20px 0px 10px 0px;
}
#middle h3 em{
	font-style: normal;
	font-weight: normal;
}
#middle h4{
	color: #a74a20;
	font-size: 100%;
	font-weight: normal;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
#middle h6{
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	letter-spacing: 0.01em;
}
#middle p{
	padding: 10px 0px;
	margin: 0px;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}
#middle ol{
	list-style: square;
	margin-left: 10px;
	padding-left: 10px;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}
#middle ol li{
	margin-bottom: 8px;
	margin-left: 10px;
	padding-left: 5px;
}
#middle p.image_gauche{
	border: 1px solid #cb6435;
	padding: 3px;
	float: left;
	margin: 10px 10px 10px 0px;
	color: #cb6435;
	text-align: center;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
#middle p.image_droite{
	border: 1px solid #cb6435;
	padding: 3px;
	float: right;
	margin: 10px 0px 10px 10px;
	color: #cb6435;
	text-align: center;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
/*#middle p.image_gauche span, #middle p.image_droite span{
	display: infline;
	text-align: center;
	color: #cb6435;
	font-size: 9px;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#middle p.image_gauche span.plusinfos, #middle p.image_droite span.plusinfos{
	border: none;
	font-weight: normal;
	margin-top: -5px;
}*/

#middle p.quote{
	margin-right: 10px;
	margin-left: 10px;
	font-size: 85%;
	text-align: right;
	line-height: 1.2em;
	font-weight: bold;
	padding-right: 50px;
	background: url(/images/bracket-right.gif) bottom right no-repeat;
	padding-bottom: 12px;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#middle p.quote strong{
	background: url(/images/bracket-left.gif) top left no-repeat;
	display: block;
	font-weight: normal;
	padding-left: 50px;
	padding-top: 7px;
	text-align: left;
	font-size: 120%;
	line-height: 1.4em;
	letter-spacing: 0.03em;
}
#middle p.quote em{
	display: block;
	font-style: normal;
	padding-right: 50px;
	padding-bottom: 7px;
	margin-bottom: 20px;
	margin-right: -50px;
}
#middle sub{
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 0.01em;
	line-height: 1.2em;
}
#middle p.quote sub{
	font-weight: bold;
	font-size: 100%;
	text-align: right;
	display: block;
}
#middle .plusinfos{
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-size: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#middle table.tbl_cours td{
	vertical-align: top;
	padding: 5px 20px 10px 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#middle table.tbl_reseau{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#middle table.tbl_reseau td{
	font-size: 100%;
	padding: 5px;
}
#middle table.tbl_liste_cours{
	border-top: 4px solid #efe8df;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#middle table.tbl_liste_cours td{
	vertical-align: top;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
	border-bottom: 1px solid #efe8df;
}
#middle table.tbl_liste_cours td strong{
	color: #a74a20;
	font-weight: normal;
}
/* END *** STYLES CLIENT */

table.form{
	color: #5c503e;
}
table.form td, table.form th{
	padding: 2px 0px;
}
table.form input, table.form select, table.form textarea,
form.form input, form.form select, form.form textarea{
	border: 1px solid #5c503e;
	color: #5c503e;
	background: #fff9ef;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
table.form textarea,
form.form textarea{
	padding: 5px;
}

#subscribe{
	width: 352px;
	float: left;
}
#difList{
	width: 280px;
	float: right;
	border-left: 1px solid #dcb7a6;
	padding-left: 20px;
}
	#difList ul, #difList ul li{
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	#difList ul li{
		margin-bottom: 10px;
	}
	#difList ul li a{
		display: block;
		width: 278px;
		background: url(/images/bg-mail.gif) top left no-repeat;
	}
	#difList ul li a:hover{
		background: #eeeadc url(/images/bg-mail-o.gif) top left no-repeat;
		text-decoration: none;
	}
	#difList ul li a span, #difList ul li a strong{
		display: block;
		padding: 5px 10px 0px 42px;
	}
	#difList ul li a strong{
		padding-top: 0px;
		padding-bottom: 5px;
	}
	#difList ul li a span{
		padding-top: 5px;
		padding-bottom: 0px;
		color: #47261c;
	}
	#difList ul li a:hover strong, #difList ul li a:hover span{
		color: #a74a20;
		text-decoration: none;
	}
#arcList{
	/*border-top: 1px dashed #e4e0d0; */
	margin-top: 20px;
	padding-top: 10px;
}
	#arcList ul, #arcList ul li{
		list-style: none;
		padding: 0px;
		margin: 0px;
		width: 600px;
	}
	#arcList ul{
		margin-top: 5px;
	}
	#arcList ul li{
		clear: left;
	}
	#arcList ul li a{
		display: block;
		width: 600px;
		background: url(/images/bg-mini-mail.gif) top left no-repeat;
		border-bottom: 1px solid #dcb7a6;
	}
	#arcList ul li a:hover{
		background: #fff9ef url(/images/bg-mini-mail.gif) top left no-repeat;
	}
	#arcList ul li a span, #arcList ul li a strong{
		display: block;
		float: left;
		padding: 5px 0px 7px 34px;
		cursor: pointer;
		background: none;
	}
	#arcList ul li a span{
		width: 200px;
	}
	#arcList ul li a strong{
		width: 356px;
		padding: 5px 10px 7px 0px;
	}
	#arcList del{
		clear: left;
		display: block;
		height: 1px;
		width: 600px;
		background: #FFFFFF;
		overflow: hidden;
		margin-top: -1px;
		margin-bottom: 30px;
	}


/*######################################################
						Liens
######################################################*/
a{
	color: #a74a20;
	text-decoration: none;
}
a:hover{
	color: #a74a20;
	text-decoration: underline;
}

a.btn input{
	background: #a74a20 url(/images/bg-btn.gif) top left repeat-x !important;
	border: 1px solid #93380f !important;
	color: #ead4ca !important;
	cursor: pointer !important;
	padding: 2px 13px;
	font-weight: bold;
}
	 a.btn input.arrow{
	 	width: 19px !important;
		height: 19px !important;
		border-width: 0px !important;
		padding: 0px !important;
		background-color: #d4cab4 !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-image: url(/images/btn-arrow.gif) !important;
	 }
a:hover.btn input{
	background: #605642 url(/images/bg-btn-o.gif) top left repeat-x !important;
	border: 1px solid #605642 !important;
	color: #FFFFFF !important;
	cursor: pointer !important;
}
	a:hover.btn input.arrow{
		background-color: #605642 !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-image: url(/images/btn-arrow-o.gif) !important;
	}

h1.noscreen{display: none;}
table.noscreen{display: none;}
/*######################################################
					Formulaires
######################################################*/

form 
{
	margin:0px;
	padding:0px;
}


/*##################################################
				Gestion des erreurs
####################################################*/

div#publicerror, div#publicerrorErr
{
	color:#FF0000;
}

#flashAlert{
	font-size: 11px;
	position: absolute;
	width: 300px;
	top: 100px;
	left: 325px;
	background: url(/images/flashlogo.gif) 0px 10px no-repeat;
}
#flashAlert div{
	padding: 10px 10px 10px 65px;
}
	div.legend{
		width: 220px;
		float: right;
	}
		div.legend ul, div.legend ul li{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		div.legend ul{
			margin: 20px 0px 20px 20px;
			padding: 10px 0px;
			border: 1px solid #d2cfb4;
			background: #f8f6ed;
		}
		div.legend ul li{
			padding:  5px 10px;
		}
		div.legend ul li.infos{
			background: url(/images/bg-legend.gif) 9px -13px no-repeat;
			font-weight: bold;
			padding: 0px 10px 10px 28px;
			border-bottom: 1px solid #d2cfb4;
			margin-bottom: 10px;
		}
		div.legend ul li strong{display: block;}
	div.legend a, div.legend a strong{text-decoration: underline;}
	div.legend a:hover, div.legend a:hover strong{text-decoration: none;}

#flashMovie{
	float: right;
	width: 380px;
}
	#flashMovie div.flaholder{
		margin: 20px 0px 20px 20px;
	}
	
div.printrecu{
	background: url(/images/btn-mini-print.gif) 2px 0px no-repeat;
	padding: 2px 10px 2px 22px;
	margin-right: 20px;
	float: left;
}
#publicError{
	border: 1px solid #cc0000;
	color: #cc0000;
	background: #f7e6e6;
	padding: 10px;
	margin: 0px 1px 1px 248px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Head class */
.plan_de_site
{
	color: #ffffff;
	font:normal normal normal 10px Arial;
	text-decoration:none;
}
.plan_de_site:hover
{
	color: #ffffff;
	font:normal normal normal 10px Arial;
	text-decoration:underline;
}
.rechercher
{
	font:normal normal normal 10px Arial;
	border: 1px solid #d1d2d5;
}
.temoignages
{
	color: #a74a20;
	font:normal normal normal 14px Arial;
	font-weight:bold;
	text-decoration:none;
}
.cliquer
{
	color: #a74a20;
	font:normal normal normal 12px Arial;
	text-decoration:underline;
}
.cliquer:hover
{
	color: #000000;
	font:normal normal normal 12px Arial;
	text-decoration:underline;
}
/* End head class */