﻿* {
margin:0;
padding:0;
}

html{ color: #373a40;
}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img, a img{border:none;}
body
{
	background:transparent url("../images/fonds.gif") repeat-x fixed 0% 100%;
    font-size: .7em;
	font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
   text-align:center;
}

a:link
{
    color: #00ABC3; 
    text-decoration:none;
}

a:visited
{
    color: #00ABC3;
    text-decoration: none;
}
a:hover
{
    color: #00ABC3;
    text-decoration: none;
	background-color:#D5E8EE;
}

a:active
{
    color: #12eb87;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-weight:normal; 
    font-size: 1.3em;
    font-family: Georgia, "Times New Roman", Times, serif;
    color:#5B5D62;
    margin:.5em 0;
    margin-left:0;
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}

h1
{
    font-size: 14pt;
}
h2
{
    padding:0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#page, .general{margin:auto;text-align:left;width:792px;*width:792px;}
#page{
	margin:auto;
	text-align:center;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:1px solid #D7D7D2;
	background-color:#FFFFFF;

}

	
#header
{
    -moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	height:267px;
	text-align:center;
}

#bandeau-haut
{
	height:30px;
	background-color:#013d79;
	text-align:right;
	line-height:29px;
	padding-right:10px;
}

#image-entete
{
	width:576px;
	height:237px;
	vertical-align: middle;
	text-align: center; 
	float:left;
}
.banner
{
	width:576px;
	height:237px;
}
	

#logo
{
	width:216px;
	height:237px;
	float:left;
}

#logo img
{
width:216px;
height:237px; 
float:left;}
.clearer {
clear:both;
font-size:0;
}

#footer
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	font-size:0.85em;	
	height:25px;
	margin-top:5px;
	text-align:center;
	line-height:25px;
	vertical-align:middle;
	clear:both;
}

.wrapper{position:relative;}
.wrapper{_position:static;}
#content .wrapper{position:static;}
#content{width:100%; }
.general #content{float:right;margin-left:-24em;}
.general .wrapper{float:left;width:13.8461em;*width:13.50em;}
.general #content .wrapper{
	background-color: #ebebeb;
	text-align:left;
	margin-left:216px; 
	padding:20px;

 }
 
 
#content .wrapper{float:none;width:auto;}
.general:after{main:".";display:block;height:0;clear:both;visibility:hidden;}
.general{zoom:1;}

/*
#main:after{:".";display:block;height:0;clear:both;visibility:hidden;}
#main{zoom:1;text-align:left;}


.wrapper {position:relative;}
.wrapper {_position:static;}
#content .wrapper {position:static;}
#content{
	width:100%;
	background:#ebebeb;	
	float:left;
}
.general #content{float:right;margin-left:-24em;}
.general .wrapper {
	float:left;
	background-color: #FFF;
	height:auto !important;
	min-height:237px;
	float:left;
}
	
.general #content .wrapper {margin:20px 0;margin-left:245px;background-color: #ebebeb;}
#content .wrapper {float:none;width:auto;}


*/

#bandeau-gauche, #logo, .general .wrapper 
{
width:216px;
}

#bandeau-centre
{
	height:146px;
	background-color:#56718C;
}

#bandeau-bas
{
	height:25px;
	background-color:#8A8A8A;
}


#bandeau-gauche
{
	float:left;
	height:25px;
}
#bandeau-sous-menu
{
	float:left;
	height:100%;
	margin-left:216px;
	padding:0 10px;
	color:#FFFFFF;
	line-height:25px;
	font-weight:bold;
}

ul, ol {
margin:0 1.5em 1.5em;
}

ul li {
	list-style-position:outside;
	list-style: none;
	padding-bottom:0.8em;
}


li a
{
    padding: 5px;
    text-decoration: underline;
    font-size:95%;
    line-height: 2.1em;
    color: #3366aa;
	font-weight:bold;
}

li a:hover
{
  text-decoration: underline;
  font-weight:bold;
}

li a:active
{
  text-decoration: underline;
  font-weight:bold;
}

li a:visited
{
  font-weight:bold;
}

.sai-en-bref ul  li  {
list-style-image:url("../images/puce-en-bref.gif");
}
.sai-en-bref li a
{
	color:#5fa49f;
}

 .sai-en-bref #bandeau-gauche
{
		background-color:#6eb2b1;
}

.saiadnet ul  li  {
list-style-image:url("../images/puce-saiadnet.gif");
}

.saiadnet table a:link
{
	color:#906868;
}
.saiadnet table a:hover
{
  text-decoration: underline;
background-color:none;
}

.saiadnet table a:active
{
  text-decoration: underline;
  background-color:none;
}
.saiadnet table a:visited
{
   color:#906868;
   text-decoration: none;
}

 .saiadnet #bandeau-gauche
{
	background-color:#906868;
}

.champs-d-action ul  li  {
list-style-image:url("../images/puce-champ-action.gif");
}
.champs-d-action li a
{
	color:#ba704b;
}

 .champs-d-action #bandeau-gauche
{
	background-color:#ba704b;
}
.home ul  li  {
list-style-image:url("../images/puce-home.jpg");
}

/*
.home ul  li {
list-style:none;
}
.home li{
background:transparent url("../images/puce-home.jpg") no-repeat  0% 35%;
padding-left:10px;
} 
*/

.home li a
{
	color:#527186;
}
 .contact #bandeau-gauche
{
	background-color:#5c6794;
}
 .nouvelles #bandeau-gauche
{
	background-color:#5c8b82;
}

.nouvelles ul  li  {
list-style-image:url("../images/puce-nouvelles.gif");
}
.nouvelles li a
{
	color:#5c8b82;
}

div.nouvelles-box  { padding: .5em; margin: 1em; border-bottom:1px solid #9c9c9c;}

div.contact-box  { float: left; width: 18em; padding: 20px;padding-bottom: 15px;  margin: 1em; background: #d6d9e0; }
.nouvelles-box a
{
 color:#5c8b82;
 font-weight:bold;
}
.contact-box .contact
{
 color:#5c6794;
 font-weight:bold;
}

.contact-box h3, .nouvelles-box h3
{
font-weight:bold;
}

ul.liste  li  {
list-style-image:url("../images/puce.gif");
}
ul.liste
{
margin: 1.5em;
}
.heightlight
{
	font-weight:bold;
}
/* TAB MENU   
----------------------------------------------------------*/
#global-nav {
vertical-align:middle;
margin:0;
}
.navlist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
vertical-align:middle;
}

#global-nav li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
list-style: none;
height:25px;
padding:0;
}
.navlist li {
float:left;
list-style: none;
}

#global-nav li a {
display:block;
font-size:105%;
line-height:25px;
text-align:center;
text-decoration:none;
color:#FFF;
border-left:1px solid #FFF;
padding : 0 1.2em;
}

#global-nav li:first-child a {
border-left:none;
}


#global-nav li a:hover
{
    background-color: #5682b1;
    text-decoration: underline;
}

 #global-nav li a:active
{
    background-color: #5c6794;
    text-decoration: underline;
}
 #global-nav li.selected a
{
    background-color: #5682b1;
    font-weight:bold;
}

/*sous menu*/

#sous-menu {
	float:left;
	height:100%;
	margin:0;
	margin-left:216px;
	padding:0;
	color:#FFFFFF;
	line-height:25px;
	vertical-align:middle;
}

#sous-menu li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
list-style: none;
}

#sous-menu li a {
display:block;
font-size:105%;
line-height:25px;
text-align:center;
text-decoration:none;
color:#FFF;
border-right:1px solid #FFF;
padding : 0 1.5em;
}
#sous-menu li a:hover, #sous-menu li a:active, #sous-menu li.selected a
{
    text-decoration: none;
}

.contact #sous-menu li a:hover, .contact  #sous-menu li a:active, .contact #sous-menu li.selected a
{
    background-color: #5c6794;
}

.nouvelles #sous-menu li a:hover, .nouvelles  #sous-menu li a:active, .nouvelles #sous-menu li.selected a
{
    background-color: #5c8b82;
}

.champs-d-action #sous-menu li a:hover, .champs-d-action  #sous-menu li a:active, .champs-d-action #sous-menu li.selected a
{
    background-color: #BA704B;
}

.saiadnet #sous-menu li a:hover, .saiadnet  #sous-menu li a:active, .saiadnet #sous-menu li.selected a
{
    background-color: #906868;
}

.sai-en-bref #sous-menu li a:hover, .sai-en-bref #sous-menu li a:active, .sai-en-bref #sous-menu li.selected a
{
    background-color: #6EB2B1;
    text-decoration: none;
}


/* TABLE
----------------------------------------------------------*/

table 
{
  border-collapse: collapse;
  margin-bottom:10px;

}
.form-table td
{
 padding: 10px 5px; 
}

table td 
{
  padding: 5px;   
  vertical-align:top;
}

table th
{
  padding: 5px;
  text-align: left;
  color:#fff;
  background-color:#3d6c99;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 50px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
