/* CSS Document */
/* mac hide \*/
html, body {height:100%}
/* end hide*/
body {
	padding:0;
	margin:0;
	background-color: #055996;
}
#outer{
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	width: 770px;

	margin-left:auto;
	margin-right:auto;

	background: url(../img/fond.jpg) repeat;

	margin-bottom:-38px;
	margin-top: 0px;
	color: #0559966;
}
/* html #outer{
	height:100%;
	margin-left:157px
}/* ie 3 pixel jog*/ 

#header{
	position:absolute;
	top: 0px;
	left: 50%;
	width: 598px;
	height: 315px;
	margin-left: -299px;
}

/*#leftcontent {
	position: relative;/*ie needs this to show float*/
/*	width: 200px;
	float: left;
	margin-left: -199px;/*must be 1px less than width otherwise won't push footer down */
/*	padding-top: 160px;/*needed to make room for header*/
/*	left: -1px/* line things up exactly*/
/*}
#left2 {
	height:1%;
	width: 170px;
	margin-bottom:12px;
	position: relative;
	float:left;
	left: 20px;
	top: 25px;
	line-height: 10px;
} */

#rightcontent {
	position: relative;
	height: 1%;
	width: 150px;
	float: right;
	margin-bottom: 10px;
	right: 87px;
	top: 0px;
}


* html #leftcontent {
	margin-right:-3px
}/* three pixel jog*/

#footer {
	position:relative;
	width: 600px;
	height: 28px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:center;
}

* html #footer {/*only ie gets this style*/
	\height: 28px;/* for ie5 */
	he\ight: 28px;/* for ie6 */
}

#clearheader {
	height: 325px;
	border-width: 1px;
}/*needed to make room for header*/

#clearfooter{
	clear:both;
	height: 28px;
}/*needed to make room for footer*/

div,p  {
	margin-top:0
}/*clear top margin for mozilla*/

#content {
	height: 1%;
	margin-bottom: 10px;
	width: 430px;
	margin-left: 87px;
	text-align: left;
}/* combat IE's 3 pixel jog */

.cont {
	position: relative;
	height: 1%;
	width: 430px;
	float: left;
	margin-top: -20px;
	margin-bottom: 10px;
}
.titrepg {
	width : 468px;
	height: 40px;
	margin-bottom: 10px;
}


/*Style pour les boutons de navigation et objets*/

#btcours {
	position: absolute;
	float: left;
	top: 241px;
	left: 0px;
	height: 30px;
	width: 125px;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}
#btchefadom {
	position: absolute;
	float: left;
	top: 241px;
	left: 100px;
	height: 30px;
	width: 184px;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}
#btconsul {
	position: absolute;
	float: left;
	top: 241px;
	left: 201px;
	height: 30px;
	width: 97px;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}
#bttable {
	position: absolute;
	float: left;
	top: 241px;
	left: 301px;
	height: 30px;
	width: 125px;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}
#btchef {
	position: absolute;
	float: left;
	top: 241px;
	left: 401px;
	height: 30px;
	width: 184px;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}
#btproduit {
	position: absolute;
	float: left;
	top: 241px;
	left: 501px;
	height: 30px;
	width: 97px;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}


.righttitreobjet{
	text-align: center;
	
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
	border-width: 0px;
}

.righttitreobjet2{
	text-align: center;
	
	padding: 3px 3px 3px 3px;
	margin: 3px 3px 3px 3px;
	border-width: 0px;
}

#agenda_cours {
	position: relative;
	height: 1%;
	width: 428px;
	text-align: left;
	
	border: 1px solid #dddddd;
	
	margin-bottom: 10px;
}
.img {
margin-top: 5px;
margin-right: 5px;
text-decoration: none;
border: none;


}

/*Style pour le texte*/

p {
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color: #333333;
	font-size: 11px;
	text-align: left;
	line-height: 18px;
	margin-bottom: 20px;
}
.lien {
	color: #006ea7;
	font-weight: bold;
	text-decoration: none; 
}
.lien a:link {
	color: #006ea7;
	font-weight: bold;
	text-decoration: none; 
}
.lien a:visited {
	color: #006ea7;
	font-weight: bold;
	text-decoration: none;
}
.lien a:hover {
	color: #009ee0;
	font-weight: bold;
	text-decoration: none;
}
.lien a:active {
	color: #009ee0;
	font-weight: bold;
	text-decoration: none; 
}
b {
	font-weight: bold;
	color:#7e0d6d;
}
.intro {
	font-size: 12px;
	font-weight: bold;
	color: #7e0d6d;
}

h4{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #9d3a89;
	font-size: 20px;
	text-align: left;
	line-height: 30px;
	
	border-top: 1px solid #cd8bb7;
	border-bottom: 1px solid #cd8bb7;
		
	padding-top: 5px;
	padding-bottom: 5px;
	
	margin-top: 0px;
	margin-bottom: 10px;
}

.resum {
	font-size: 10px;
	color: #666666;
	line-height: 20px;
	margin-top: -22px;
}

.righttitre{
	width: 148px;
	height: 1%;
	position: relative;
	top: 0px;
	left: 0px;
	
	background-color: #ededed;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;

	margin-bottom: 6px;
}

.righttitre2{
	width: 70px;
	height: 1%;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;

	
	background-color: #ededed;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;

	margin-bottom: 8px;
}

.righttitre3{
	width: 70px;
	height: 1%;
	position: relative;
	top: 0px;
	left: 0px;
	float: right;

	
	background-color: #ededed;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;

	margin-bottom: 8px;
}

.righttitre4{
	width: 148px;
	height: 1%;
	position: relative;
	top: 0px;
	left: 0px;
	
	background-color: #e4d1e4;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;

	margin-bottom: 6px;
}

.righttitrefetes{
	width: 148px;
	height: 1%;
	position: relative;
	top: 0px;
	left: 0px;
	
	background-color: #000000;
	border-top: 1px solid #CC9900;
	border-bottom: 1px solid #CC9900;
	border-left: 1px solid #CC9900;
border-right: 1px solid #CC9900;

margin-bottom: 6px;
text-decoration: none;

}

.lienfetes a:link{
text-decoration: none;
}
.lienfetes a:visited{
text-decoration: none;
}
.lienfetes a:hover{
text-decoration: none;
}
.lienfetes a:active{
text-decoration: none;
}



.souligne {
text-decoration: underline;
}



.righttitretxt{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#666666;
	font-size: 12px;
	text-align: left;
	
	padding: 15px 10px 10px 10px;
	margin: 0px 0px 5px 0px;
	
	vertical-align: middle;
	valign: middle;
}

.righttitretxt2{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#9d3a89;
	font-size: 12px;
	text-align: left;
	
	padding: 15px 10px 10px 10px;
	margin: 0px 0px 5px 0px;
	
	vertical-align: middle;
	valign: middle;
}

.righttitretxtfetes{
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-weight: bold;
color: #CC9900;
font-size: 12px;
text-align: left;
	
padding: 15px 10px 10px 10px;
margin: 0px 0px 5px 0px;
	
vertical-align: middle;
valign: middle;
}

.righttitretxtfetes a:link{
text-decoration: none;
border-bottom: none;

}
.righttitretxtfetes a:visited{
text-decoration: none;
border-bottom: none;
}
.righttitretxtfetes a:hover{
text-decoration: none;
border-bottom: none;
}
.righttitretxtfetes a:active{
text-decoration: none;
border-bottom: none;
}

.padd0 {
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
text-align:right;
text-decoration: none;
border-bottom: none;
}

.righttext {
	color:#666666;
	font-size: 12px;
	text-align: left;
	
	padding-bottom: 10px;
	margin:  0px 10px 5px 10px;
	
	border-bottom: 1px solid #cccccc;
}
.righttext {
	color: #006ea7;
	font-weight: bold;
	text-decoration: none; 
}
.righttext a:link {
	color: #006ea7;
	font-weight: bold;
	text-decoration: none; 
}
.righttext a:visited {
	color: #006ea7;
	font-weight: bold;
	text-decoration: none;
}
.righttext a:hover {
	color: #009ee0;
	font-weight: bold;
	text-decoration: none;
}
.righttext a:active {
	color: #009ee0;
	font-weight: bold;
	text-decoration: none; 
}
.ssmenu {
	width: 420px;
	height: 1%;
	position: relative;
	top: 0px;
	left: 0px;
	
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#ffffff;
	font-size: 13px;
	text-align: left;
	
	background-color: #9d3a89;
	
	padding: 3px 3px 3px 6px;
	margin-bottom: 5px;
}

.sep {
	width: 420px;
	height: 30px;
	position: relative;
	top: 0px;
	left: 0px;
}


.ssmenu a:link {
	color: #ffffff; 
	text-decoration: none; 
}
.ssmenu a:visited {
	color: #ffffff; 
	text-decoration: none; 
}
.ssmenu a:hover {
	color: #f1e1ec; 
	text-decoration: none;
}
.ssmenu a:active {
	color: #f1e1ec; 
	text-decoration: none; 
}

.esp15 {
	margin-bottom: 15px;
}

.esp5 {
	margin-bottom: 5px;
}


.agen_date {
	width: 420px;
	height: 1%;
	position: relative;
	top: 0px;
	left: 0px;
	
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#7c0d6d;
	font-size: 11px;
	text-align: left;
	
	background-color: #dddddd;
	
	padding: 3px 3px 3px 6px;
	margin-bottom: 0px;
}
.agen_date a:link {
	color: #7c0d6d; 
}
.agen_date a:visited {
	color: #7c0d6d; 
}
.agen_date a:hover {
	color: #ffffff; 
}
.agen_date a:active {
	color: #ffffff; 
}

.agen_desc {
	width: 420px;
	height: 1%;
	position: relative;
	top: 0px;
	left: 0px;
	
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#7c0d6d;
	font-size: 11px;
	text-align: left;
	line-height: 18px;

	padding: 3px 3px 3px 6px;
	margin-bottom: 0px;
}

fin_clair {
	font-size: 10px;
	font-weight: normal;
	color:#666666;
}

/* - - - - - - - - - - - - - - - - - - - - -
FORM
- - - - - - - - - - - - - - - - - - - - - */
.envoi{
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:small;
}
form ul{
margin:0; padding:0;
list-style-type:none;
width:100%;
}
form li{
margin:0;
padding:4px 5px 2px 0px;
position:relative;
}

/*Style le formulaire d'inscription*/


label.desc {
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color: #9d3a89;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	padding:0 4px 1px 0;
}
input.text, textarea.textarea, select.select
{
margin:0;
font-size:100%;
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
color:#333;
}
input.text{
padding:2px 0 2px 0;
}
textarea.textarea{
margin-top:1px;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.buttons{
margin-top:10px;
}



























#nav2 {
	float: left;
	width:465px; 
	height:40px; 
	margin:0; 
	padding:0; 
}
#nav2 li {
	display:inline; 
	margin:0; 
	padding:0;
}
.nav2 a:link {
	color: #990000; 
	text-decoration: none; 
	background-color: transparent
}
.nav2 a:visited {
	color: #990000; 
	text-decoration: none; 
	background-color: transparent;
}
.nav2 a:hover {
	color: #FF0000; 
	text-decoration: none; 
	background-color: transparent;
	
}
.nav2 a:active {
	color: #990000; 
	text-decoration: none; 
	background-color: transparent;
}
#leftmenu {
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	position: relative; 
	top: 0px; 
	left: 0px; 
	margin: 0px; 
	padding: 0px; 
	line-height: 15px;
    list-style-type: none;
}

/*.form{
	line-height: 30px;
} */



.lientop {
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color: #006ea7;
	font-size: 11px;
	text-align: left;
	line-height: 18px;
	margin-bottom: 20px;
	font-weight: bold;
	text-decoration: none; 
}

.lientop a:link {
	color: #006ea7;
	font-weight: bold;
	text-decoration: none; 
}
.lientop a:visited {
	color: #006ea7;
	font-weight: bold;
	text-decoration: none;
}
.lientop a:hover {
	color: #009ee0;
	font-weight: bold;
	text-decoration: none;
}
.lientop a:active {
	color: #009ee0;
	font-weight: bold;
	text-decoration: none; 
}