/*#############################################################
Name: Charriere
Date: 2009-06-21
Author: Eric Pidoux
Email:pidoux.webmaster@free.fr
#############################################################*/
/*sous menu*/
#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

/*Boite de contenu*/
p {
padding:5px;
}


.standard_box {
border-color:-moz-use-text-color #1C4D91 #1C4D91;
border-style:none solid solid;
border-width:medium 2px 2px;
margin-top:12px;
padding:0;
width:543px;

}


h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#BBBBBB url('img/h3.jpg') repeat scroll 0 0;
color:#e4e654;
font-family:sans-serif;
font-size:16px;
height:25px;
margin-left:-2px;
margin-right:-2px;
padding-left:12px;
padding-top:7px;
position:relative;
text-align:left;
width:535px;
}

#content .sidetext {
bottom:4px;
font-family:verdana,arial;
font-size:12px;
font-style:italic;
position:absolute;
right:4px;
text-decoration:none;
}


.imgFloat{
	float:left;
	margin:2px;
}


.spacer{
	clear:both;
}


.comc {
background-color:#D5E2EF;
border-bottom:1px solid #CBCBCB;
padding:4px;
text-align:right;
}


.comhb {
background-color:#E9F5F5;
border-bottom:1px solid #BEBEBE;
border-top:1px solid #BEBEBE;
padding:3px;
text-align:right;
}


/*Onglets*/
#onglet {
  float:left;
  width:100%;
  background:#567CC8;
  font-size:93%;
  line-height:normal;
  }
#onglet ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#onglet li {
  float:left;	
  background:url("img/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#onglet a {
  float:left;
  display:block;
  background:url("img/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#2B52A0;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  }
#header #current {
  background-image:url("img/left_on.gif");
  }
#header #current a {
  background-image:url("img/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

/* Styles for Example #2 */
#example2{
margin:0;
padding:0;
width:100%;
list-style-type:none;
background-color:#6b8dd5;
color:#000000;
line-height:120%;
height:auto;
}
#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
height:auto;
}
#example2 ul{
overflow: hidden;
margin:0;
padding:0;
height:auto;
}
#example2 li{
margin:0;
padding:0;
list-style-type:none;
height:auto;

}
#example2 li a{
width:auto;
height:auto;
padding:5px 0 0 15px;
display:block;
color:#000000;
}
#example2 li a.closed{
color:#000000 !important;
background-image:url(img/ha-header.jpg) !important;
}
#example2 li.firstitem a.closed{
color:#000000 !important;
background-image:url(img/ha-header-first.jpg) !important;
}
#example2 li.lastitem a.closed{
color:#000000 !important;
background-image:url(img/ha-header-last.jpg) !important;
}
#example2 li li{
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding:0 15px 0 15px;
height:auto;
}
#example2 li a.opened{
background-image:url(img/ha-header-active.jpg);
color:#FFFFFF;
}
#example2 li.firstitem a.opened{
background-image:url(img/ha-header-first-active.jpg);
color:#FFFFFF;
}
#example2 li.lastitem li{
margin-bottom:-4px;
}
#example2 li.lastitem ul{
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}


/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color:#e4e654;
	font: bold 1.1em sans-serif,Arial;
	border:none;
	
}
body {
	background: #000 url(img/back2.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: top center;
	color: #555;
	font: normal 0.7em sans-serif,Arial;
	margin: 20px 0;
	text-align: center;
}
ul {
	margin: 12px 0;
}
li {
	/*list-style: url(img/li.gif);*/
	margin-left: 18px;
}
table{
	background: #fff;
	border: 1px double #000;

}
tr {
	background: #6b8dd1;
	border: 1px double #000;
}
td {
	background: #fff;
	border: 1px double #000;
}
code {
	background: url(img/bgcode.gif);
	color: #888;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 3px 6px;
	white-space: pre;
}

cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding-left: 28px;
}


/* main structure */
.main {
	background: #6b8dd1; 
	border: 3px double #000; 
	border-color: #000 #000 #000 #000; 
	margin: 20px auto 4px auto; 
	text-align: left;
	width: 600px; 
}


/* header */
.gfx {
	background: #222 url(img/dark_pixel.jpg) no-repeat;
	height: 240px;
}

.gfx h1 {
	background: url(img/h1back.png) no-repeat;
	font: normal 2.6em Tahoma,sans-serif;
	padding: 16px 20px;
}

.gfx2 {
	background: #222 url(img/dark_pixel2.jpg) no-repeat;
	height: 240px;
}

.gfx2 h1 {
	background: url(img/h1back.png) no-repeat;
	font: normal 2.6em Tahoma,sans-serif;
	padding: 16px 20px;
}


/* form */
input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
   float: center;
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #4493ce;
}
 
label
{
   color: #4493ce; /* Colorer en bleu tous les labels  */
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #000;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   
}

}
/* content */
.content {
	background: #6b8dd1;
	border-top: 1px solid #000;
	clear: both;
	border:none;
}
.content h1 {
	color:#e4e654;
	font: bold 1.1em sans-serif,Arial;
	margin: 0 0 4px;
	border:none;
}
.content p {
	margin: 0 0 12px;
	border:none;
	font: 1.1em sans-serif,Arial;
	color:#ffffff;
}
.item {
	background: #6b8dd1 url(img/h1back.png) no-repeat;
	padding: 8px 10px;
	border:none;
}



/* footer */
.footer {
	background: #000;
	color: #666;
	padding: 5px;
} 

 
/* barre de nav */
#barre_navigation {
width : 200px;
padding: 10 ;
margin : 10;
float : center ;
}

#barre_navigation h4{
padding: 4px 10px ;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
color: #FFF;
background: url(img/menu/button.png) no-repeat;
cursor: pointer;
margin : 0 0 1px 0 ;
}

#barre_navigation a{
text-decoration : none;
}

#barre_navigation ul{
padding: 4px 2px 4px 10px;;
font-size: 11px;
color: #FFF;

}

#barre_navigation ul li{
list-style-type : none;
padding : 2px 0 2px 0;
margin : 0;
}

#barre_navigation ul li a {
text-decoration: none;
color: #FFF;
}

#barre_navigation ul li a:hover {
text-decoration: none;
color: #4493ce;
background-color: #ddf511;
}

#erreur{
color: #FFFFFF;
}