/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 12px;
	color               : #000000;
	background-color    : #FFFFFF;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
}

html, body {
    height              : 100%;
    width               : 100%;
    margin              : 0;
    padding             : 0;
    border              : none;
}

a, a:visited, a:link {
	color               : #00537D;
	background-color    : inherit;
	text-decoration     : none;
}
a:hover, a:active {
	text-decoration     : underline;
}

p {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 12px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}
                        
h1 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 30px;
    font-weight         : bold;
    color               : #6886BE;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
    text-transform      : uppercase;
}
h2 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : normal;
    color               : #00537D;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
h3 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #435863;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
td {                    
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 12px;
}                       
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 12px;
}
ol {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}                       
li {
    color               : #00537D;
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 12px;
}
form {                  
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}                       
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
/* Plan du site */
table.plan img {
    vertical-align      : top;
    margin              : 0px;
}
table.plan a.croisement {
    font-weight         : bold;
	text-decoration     : none;
}
table.plan a.extremite {
	text-decoration     : none;
}

/*  Spécifique  */

table#container_table {
    width               : 100%;
    height              : 100%;
}

div#container {
    margin-top          : auto;
    margin-bottom       : auto;
    width               : 100%;
    height              : 100%;
    background          : #FFFFFF;
    /*position: relative;*/
	margin-left: auto;
	margin-right: auto;
}

div#header {
    background          : #FFFFFF url(images/pix_6886BE.gif) left bottom repeat-x;
    height              : 120px;
    /*border-bottom       : 1px solid #6886BE;*/
}

div#header_conteneur {
    width               : 1024px;
    height              : 100%;
}

div#logo {
    width               : 462px;
    height              : 90px;
    text-align          : left;
    padding-top         : 30px;
    padding-left        : 50px;
    float               : left;
}

div#separateur_header_contenu {
    clear               : both;
    width               : 100%;
    height              : 10px;
}

div#menu_outils a {
    color               : #1F6CA1;
    text-decoration     : underline;
}

div#menu_outils a:hover {
    text-decoration     : none;
}

div.hidden_img {
    display             : none;
}

table.menu_table {
    border              : 0px;
    width               : 100%;
    padding             : 0px;
    margin              : 0px;
    border-collapse     : collapse;
}

table.menu_table tr {
    border              : 0px;
    width               : 100%;
}

table.menu_table td {
    text-align          : center;
}

div#conteneur_menu {
    clear               : both;
    position            : relative;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
    height              : 120px;
    background          : transparent;
}
div.ssmenu div {
    margin-top          : 12px;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #718CA1;
	background-color    : #B8CDDE;
	text-decoration     : none;
	margin-bottom       : 2px;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFFFFF;
	background-color    : #5C8DAD;
	text-decoration     : none;
	margin-bottom       : 2px;
}


/*  JCarousel   */

/**
 * Additional styles for the controls.
 */
.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}

.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #fff;
    color: #eee;
    background-color: #4088b8;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}


table.table_diaporama {
    background-color    : #C8D6EB;
}

table.table_diaporama a, table.table_diaporama a:visited, table.table_diaporama a:link {
    color               : #005794;
}

table.table_diaporama a:hover, table.table_diaporama a:active {
    color               : #006AB3;
}