/* Mise en page globale */

/* Disposition du site */
/*  Partie conteneur du site */
body {
    padding: 0;
    margin: 0;
    background: #fdd;
    font: 0.8em Verdana, Arial, Helvetica, sans-serif;
} 

.conteneur {
	width: 800px; /* La somme des largeurs des composants contenus (gauche, centre et droite) doit ètre inférieure ou égale à cette valeur */
	margin: 0;
	background-image: url("img/fond.jpg");
}

/*  Partie en-tête du site */
.header {
    width:800px;
    height:102px;
	background-image: url(img/titre.jpg);
    background-repeat: no-repeat;
	margin: 0;
}
.flash {
    width:800px;
    height:60px;
	text-align:center;
}

/*  Partie principal du site */
.centre {
    float: left;
    width: 400px; /* 500px - 2*2px de marges */
	height: 278px; 
	margin: 0;
	text-align:center;
}

.page{
	overflow:auto;
	border:solid blue 1px;
	margin-top: 1em;
	margin-left: 3.5em;
    width: 688px;
    height: 278px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	margin-bottom: 0.5em;
	padding: 0.5em;
	}

.center1{
	border:solid blue 1px;
	margin-top: 1em;
    width: 398px;
    height: 278px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	text-align:center;
}
.center2{
	border:solid blue 1px;
	margin-top: 1em;
    width: 398px;
    height: 278px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	text-align:center;
}
.center1 table {
margin-left: auto; 
margin-right: auto;
}
.center3{
	border:solid blue 1px;
	margin-top: 1em;
    width: 398px;
    height: 270px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
}
/*  Partie menu de gauche */
.gauche {
    float: left;
    width: 150px; 
	height: 300px; 
	margin: 0;
}
.gauche1{
	border:solid blue 1px;
	margin-top: 1em;
    width: 130px;
    height: 90px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
    margin-left: 0.5em;
    margin-right: 0.5em;

}
.gauche2{
	border:solid blue 1px;
	background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	margin-top: 1em;
    width: 130px;
    height: 50px;
    margin-left: 0.5em;
    margin-right: 0.5em;
	text-align:center;
}

/*  Partie menu de droite */
.droite {
    float: left;
    width: 170px;  
    height: 300px; 
	margin: 0;
}
 
/*  Partie pied du site */
.pied {
    clear: both;
    width: 800px;
    height: 36px;
    text-align: right;
	color : white ;
	font:normal 14px sans-serif;
    background: red;
}
/* fin de disposition */
td.foo { 
background: url('img/entete2.jpg') repeat;
height: 20px;
margin: 0 0 0 0;
}
.titre {
background-color:#0000CC;
color:red;
border : 0;
width : 80px; 
height : 30px;
}


.droite1{
	border:solid blue 1px;
	margin-top: 1em;
    width: 220px;
    height: 200px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
    margin-left: 1em;
	font:normal 12px sans-serif;
	color : blue;
	padding:0px; 
	text-align:center;
}
.droite1 table {
margin-left: auto; 
margin-right: auto;
}

.droite2{
	border:solid blue 1px;
	margin-top: 1em;
    width: 220px;
    height: 50px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
    margin-left: 1em;
	font:normal 12px sans-serif;
	color : blue;
	padding:0px; 
	text-align:center;
}
.menu {
text-align: center;
color: #ffffff;
padding:0.5em;
}

.menu table {
margin-left: auto; 
margin-right: auto;
}
.table th {
	background: #faa;
}
td.foo { 
background: url('img/entete.jpg') repeat;
height: 10px;
margin: 0 0 0 0;
}
#vide {
	border:solid blue 1px;
	margin-top: 1em;
    width: 130px;
    height: 170px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
    margin-left: 0.5em;
    margin-right: 0.5em;
	text-align:center;
}
a 
{ 
color : blue; 
} 
a:hover 
{ 
color : red; 
}
.entete
{ 
height : 20px; 
background: url('img/entete.jpg') repeat;
color : white;
margin: 0;
text-align : center;
} 

/*Button Style*/
input.button {
    height:auto;
    font:90%/150% "Lucida Grande", Geneva, 
    Verdana, Arial, Helvetica, sans-serif;
    width:3em;
    text-align:center;
    white-space:nowrap;
	background-color:blue;
	color:white;
	border-color: #c63 #930 #930 #c63;
	padding:0.2em;
}
/*Button Arrow Styles*/
.arrows {
    font-size:90%;
    margin:0.2em;
}
/*Button link styles*/
input.button a:link, input.button a:visited {
    color: #eee;
    background-color:red;
    font-size:1em;
    font-weight:bolder;
    text-decoration: none;
    border-bottom:0.1em solid #555;
    border-right:0.1em solid #555;
    border-top:0.1em solid #ccc;
    border-left:0.1em solid #ccc;
	/*  margin: 0.2em; */
	margin-right: 1em;
    padding:0.2em;
    display:block;
}
input.button a:hover {
    background-color:blue;
    color:#999;
    border-top:0.1em solid #777;
    border-left:0.1em solid #777;
    border-bottom:0.1em solid #aaa;
    border-right:0.1em solid #aaa;
    padding:0.2em;
   /* margin: 0.2em; */
   margin-right: 1em;
}
/* Menu */
#dolphincontainer{
position:relative;
border-bottom: 2px solid navy; 
color:#E0E0E0;
background:#143D55;
width:800px;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#dolphinnav{
position:relative;
height:33px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#ffffff url(img/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;
}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(img/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(img/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(img/dolphin_right-ON.gif) no-repeat top right;height:33px;}

#dolphin_inner{color: white; padding: 5px; font-size: 80%; height: 1em}

#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color: white}
#dolphin_inner a:hover{color: yellow}

.innercontent{
display: none;
font-size:16px;
}