/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 0em; /* Remettre à zéro si nécessaire. */
    /* Pensez à utiliser une collection de polices (2), par ex:
    font-family: Arial, Helvetica, FreeSans, sans-serif; */
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2; /* À adapter au design. (4) */
	 background: #231F20;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}
h1 {
	color: #323E51;
    font-size: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 15px;
	padding-right: 10px;
	border-bottom: 2px solid;
	border-left: 5px solid;
	display:inline;
}
h2 {
    color: #323E51;
    font-size: 16px;
	margin-bottom: 2px;
	margin-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 2px solid;
	display:inline;
}
h3 {
color: #323E51;
    font-size: 16px;
	margin-top: 2px;
	padding-left: 20px;
	background : url(images/icone/li.png) no-repeat left 50%;
}
h4 {
    font-size: 1em;
}

/* Listes */
ul, ol {
    margin: 0px;
    padding: 0px;
}

/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a { color: #1c7474;
    
}
a:link {
    color: #1c7474;
	 text-decoration : none;
}
a:visited {
    color: #1c7474;
	  text-decoration : none;
}
a:hover, a:focus, a:active {
    color : #323E51;
	 text-decoration: underline;
}
a img {
    border: none;
}

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
color : #323E51;
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}
/**********Fin de la page de base ************************************/

/***************centrer*********************/

 #centrer {
  position:absolute;
  left: 0%; 
  top: 50%;
  width: 100%;
  height: 450px;
  margin-top: -225px; /* moitié de la hauteur */
  margin-left: -0px; /* moitié de la largeur */
  border-top: 1px solid #73894b;
  border-bottom: 1px solid #73894b;
  background: #231F20 url("images/fond_bande.jpg") repeat-x;
}
/***************page**********************/
#page {
  position: relative; /* on positionne le conteneur */
  margin-left: auto;
  margin-right: auto;
  width: 954px;
  height : 450px;
  text-align: left;
  background: #fff;
}
/***************flash**********************/
#flash {
position:absolute;
  left: 0 px; 
  top: 0px;
width: 150px;
height : 450px;
}
/***************banniere**********************/
	
/**************************************************************/
#menu {
	margin:0;
	position: absolute;
  top: 0px;
  left: 150px;
  width: 804px;
  height: 70px;
	background: #6D7481;
	list-style:none;
	overflow:hidden;
}
#menu li {
	float:left;
	width:134px;
	height:70px;
	border-right:4px solid #73894b;
}

#menu li .menuOptionHover{
	display:block;
	width:100%;
	height:70px;	
	text-indent:-8000px;
}

#menu-1 { background:url(images/creation.jpg); }
#menu-2 { background:url(images/referencement.jpg); }
#menu-3 { background:url(images/identite.jpg); }
#menu-4 { background:url(images/formation.jpg); }
#menu-5 { background:url(images/tarif.jpg); }
#menu-6 { background:url(images/contact.jpg); }

#menu li#menu-1 .menuOptionHover { background:url(images/creation.jpg); }
#menu li#menu-2 .menuOptionHover { background:url(images/referencement.jpg); }
#menu li#menu-3 .menuOptionHover { background:url(images/identite.jpg); }
#menu li#menu-4 .menuOptionHover { background:url(images/formation.jpg); }
#menu li#menu-5 .menuOptionHover { background:url(images/tarif.jpg); }
#menu li#menu-6 .menuOptionHover { background:url(images/contact.jpg); }

.clear {
	clear: both;
}

/**********************rotate****************************/
#rotate{
	position: absolute;
	left : 150px;
	top : 180px;
	width: 794
}
/*************************************************************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    /*background: url(tab.png) no-repeat;*/
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #323E51;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #1c7474;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    color: #1c7474;
	 background-position: 100% -150px;
}/*
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}*/
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
/****************************************/

#banniere {
	position: absolute;
	top : -105px; 
	left: 5px;/* IE 6 */
	width: 794
}

/***************contenue*********************/
#contenue {
	position: absolute;
 	top: 70px;
  	left: 150px;
	width: 794px;
	padding: 5px 5px;
}
/***************contenue gauche*********************/
#contenueg {
	width: 395px;
	float:left;
	padding: 0 5px 0 5px;
	border-right: dashed 0.1em;
}
#contenued {
	width: 375px;
	float: right;
	padding: 0 5px 0 5px;
	z-index: 1;
}
.uul {

	color : #2a2723;
  line-height           : 15px;
	list-style            : none;
  padding-left          : 15px;
  padding-top           : 0px;
  background            : url(images/icone/fleche.jpg) no-repeat left 50%;
  }
  
/***************pied_de_page**********************/
#pied_de_page {
position: relative;
margin : auto;
width: 954px;
height : 82px;
font-size: 10px;
color: #626262;
}
#pied_de_page a {

color: #626262;
text-decoration: none;
}
#pied_de_page a:hover {

color: #fff;
text-decoration: none;
}

/***************classe**********************/
.left {
	float: left;
}
.right {
	float: right;
}

/* Mise en forme simple pour les tableaux */
table {
    margin: 0;
    border: none /* Pas de bordure = "none". */
    border-collapse: collapse; /* Valeur par défaut: "separate". */
    border-spacing: 0 px;
	 vertical-align: middle;
}
table td, table th {
    padding: 4px; /* Pas de retrait autour du texte = "0". */
    border: none; /* Pas de bordure = "none". */
    vertical-align: top; /* Valeur par défaut: "middle" */
    text-align: left;
}

/* FIN  Mise en forme simple pour les tableaux */