/* CSS Document 
   STARPOLE template style
   2006.01.15
   antipode.info
*/

body {
	margin:0;padding:0;
	background:url("images/arrPlan.jpg") repeat-y 50% 0 #444444;
	font-family:verdana, helvetica, sans-serif;
	color:#333333;
}

#bodyLiner {
	position:relative;margin:0 auto;padding:0;
	width:740px;
}

a:link {color: #666666; text-decoration: underline; }
a:hover {color: #FF9900; text-decoration: underline; }
a:visited {color: #666666; text-decoration: underline; }

/**********/
/*** TOP***/
/**********/
#head {
	position:relative;margin:0;padding:0;
	border-bottom:1px solid #06C;
	height:400px;
}
#navigation ul,#navigation li
{
	margin:0; /*determine écart entre tous les éléments*/
	padding:0; /*determine écart entre tous les éléments*/
	height:60px; /*espace occupé par les boutons du menu*/
}
#navigation
{
	background:#333333;
	color:#EEEEEE;
	font-size:60%;
	width:75%;
	height:100%;
	line-height:normal;
}
#navigation li
{
	float:right;
	list-style:none;
	white-space:nowrap;
}
#navigation li a
{
	background:inherit;
	color:#EEEEEE;
	display:block;
	font-weight:bold;
	border-top:#333333 solid 5px;
	padding:20px 5px 10px 5px;
	text-decoration:none;
	text-transform:uppercase;
}

* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover
{
	background:#333333;
	color:#55BB00;
	text-decoration:none;
	border-top:#006633 solid 5px;
	height: 40%;
	padding:20px 5px 10px 5px;
}
#stpLogo {
	position:absolute;
	top:32px;
	left:570px;
	background:url("images/logo.gif") no-repeat;
	height:60px;
	width:180px;
}
#barremenu {
	float:right;
	width:100%;
	height:60px;
	margin:30px 0 0 0;
	background:#333333;
	border-bottom:#FFF solid 1px;
	border-top:#FFF solid 1px;
}
#pageTitle { 
	
	float:left;
	margin:258px 0 0 0;
	width:740px;
	height:30px;
	background:#40474D; 
	border-bottom:#FFF solid 1px;
}
#pageTitle h1 {
	color:#FFF;
	text-align:right;
	padding:0 10px 0 0;
	font-size:135%;
	line-height: 70% ;
	font-variant: small-caps;		
	font-family: helvetica, sans-serif;
}
#cadreBas {
	float:left;
	width:740px;
	height:20px;
	background:#333333;
}
#cadremenu {
	position:absolute;	
	top:381px;
	left:11px;
	height:20px;
	width:100px;
	background:#666666;
}
#menuLangues {
	height:60px;
	position:absolute;
	top:30px;
	left:11px;
	background:#666;
	text-align:center;
	width:100px;
	border-top:#FFF solid 1px;
}
#menuLangues h4 {
	font-size:60%;
	color:#FFF;
	font-weight:bold;
	margin:0;
}
#menuLangues a {color:#EEEEEE;text-decoration:none;}
#menuLangues a:hover
{
	color:#EEEEEE;
	background:
	#999999;
	text-decoration:none;
}
#menuActivites {
	width:100px;
	background:#666;
	position:absolute;
	top:91px;
	left:11px;
}
#menuActivites ul {
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}
#menuActivites li {
  padding: 0.1ex 0;
}
#menuActivites li a {
	color:#EEEEEE;
	text-decoration:none;
	font-size:60%;
	font-weight:bold;
	font-variant: small-caps;		
	display:block;
	padding:2px 10px;
	background:#666666;
}
#menuActivites li a:hover {
	background:#999999;
	color:#EEEEEE;
}
#menuActivites h4 {
	font-size:70%;
	color:#FFFFFF;
	font-weight:bold;
	background:#FF9900;
	padding:2px 0 2px 0 ;
	margin:0;
	text-align: center;
}
#cadrevide {
	position:absolute;
	top:0;
	left:10px;
	width:100px;
	height:400px;
	border-right:#FFF solid 1px; 
	border-left:#FFF solid 1px;
}
/***********/
/* CONTENT */
/***********/
#stpContent {
	position : relative;
	margin-top : 0;
	padding : 0;
}
#stpContent #stpMainCol {
	position : relative;
	margin : 0;
	padding : 0;
	float : left;
}
h1, h3, h4, h5, h6 {
	color : #999;
	font-family:verdana, helvetica, sans-serif;
	border-bottom : none;
} 
h2 {
	color : #333333;
	font-family:verdana, helvetica, sans-serif;
	border-bottom : none;
	font-size: medium;
	font-variant: small-caps;
	font-weight: bold;
} 
a.greenlink { 
	color: #006633;
	font-family: "verdana", "arial", "helvetica", "sans-serif";
	text-decoration: none; 
}
a:hover { 
	color: #FF9900	; 
}	

#stpMainColLiner {
	position : relative;
	margin : 0;
	padding : 5px 20px 0 130px;
}
#stpMainColLiner p, #stpMainColLiner ul, #stpMainColLiner ol {
	text-align : justify;
	font-size : 80%;
	line-height : 140%;
}
.images IMG {
		border:#EEEEEE solid 2px;
}
/* TABLES */
    table {
border: 1px solid #55BB00 ;
width:100%
}
     table td {
background: #EEEEEE;
padding:2px;
border: 1px solid #fff;
}
     table th {
border: 1px solid #FFF;
text-align: center;
}
     table thead th {
color:#fff;
font-size:100%;
background: #666666;
padding: 2px 6px;
text-align: center;
}
	table h4
{
color:#EEEEEE;
font-size:90%;
font-weight: bold;
background: #333333;
padding: 2px 6px;
}	
      table tbody th {
color:#FF9900 ;
font-size:90%;
background: #EEEEEE;
padding: 6px
}       
#Contact {
  margin: 12px;
  width: 85px;
  padding:3px;
  position: absolute;
  text-align: center;
  font-size: x-small;
}
#Contact a{
	color:#ff9900;
	text-decoration: none;
}

/* Ancrage a la page dans tout sauf IE */
@media screen {  #stpMainCol>#Contact {position: fixed; padding: 5px;}}

/* Et pour IE */
* html div#stpMainCol{ width: 100%;height: 100%; }

#contact_us p{
	text-align: right;
	padding-right: 75px;
	font-weight: bold;
}

.success {
	color: #006633;
}

.error {
	color: #FF0000;
}
/**********/
/* FOOTER */
/**********/
#stpFooter {
	position:relative;
	margin:20px 80px 20px 150px;
	padding:.5em 0;
	clear:both;
	border-top:1px dotted #CCC;
}
#stpFooter p{
	position:relative;
	margin:0;
	padding:0 0 .5em 0;
	font-size:70%;
	text-align: center;
}

#etoNotice {display:none;}