body {
	background-color:#FFFFFF;
}

/*#####################################################
---- STRUCTURE
######################################################*/
#global{
padding-left:5px;
padding-top:5px;
width: 982px;	height:487px;
margin: auto;
}

#fondblanc {
	position:absolute;	width: 982px;	height:487px;	background-color:#FFFFFF;
}

#dauphin_logo {
	position:absolute;	left: 708px;	width:78px;	top: 9px;
}

#logo{
	position:absolute;
	left: 777px;
	top: 37px;
}

#fond {
	position:absolute;	width:980px;	height:485px;	margin-bottom:1px;	background-repeat:no-repeat;
}


/*#####################################################
-- Navigation Secondaire
######################################################*/
#navi_principale {
	position:absolute;	width:753px;	height:19px;	left: -18px;	top: 16px; 
}


#navi_principale li {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #ffffff;
display: inline;
margin: 0 5px;
}

#navi_principale li a{
color: #ffffff;
text-decoration: none;
height: 100%;
border: 0 none;
}
#navi_principale li a:hover{
text-decoration: underline;
}


/*#####################################################
-- Navigation
######################################################*/

.transparence{
filter:alpha(opacity=45);	
opacity: 0.45;	
-moz-opacity : 0.45;
background-color: white;
}

#navigation-1{
position:absolute;
top:120px;
}

#fondnavigation1{
position:absolute;
width:462px;
height:80px;
background-color: white;
visibility:visible;
}

#fondimage1 {
background-image:url(../_IMAGES/_FOND/fond-bloc-a.jpg);
width:460px;	
height:80px;	
visibility:hidden;
/*display:none;*/
}



#navigation-2{
position:absolute;
top:135px;
}

#fondnavigation2{
position:absolute;
top:78px;
width:462px;
height:105px;
visibility:visible;
}

#fondimage2 {
position:absolute;
background-image:url(../_IMAGES/_FOND/fond-bloc-b.jpg);
top:78px;
width:460px;	
height:105px;	
visibility:hidden;
}


#navigation-3{
position:absolute;
top:150px;
}

#fondnavigation3{
position:absolute;
top:180px;
width:462px;
height:60px;
visibility:visible;
}

#fondimage3 {
position:absolute;
background-image:url(../_IMAGES/_FOND/fond-bloc-c.jpg);
top:180px;
width:460px;	
height:60px;	
visibility:hidden;
}
/*#####################################################
-- Navigation Secondaire
######################################################*/

#zoneoutils {
text-align:right;
position: absolute;
width: 980px;
top:460px;
}

.outils {
list-style-type: none;
margin: 0;
padding:0;
}

.outils li {
display: inline;

}

.plan {

	background: url(../_IMAGES/_STRUCTURE/picto-plan.gif) no-repeat; 
	padding: 0px 0px 0px 0.9em;
	background-position: 0px 4px; 
}

.video {

	background: url(../_IMAGES/_STRUCTURE/picto-video.gif) no-repeat; 
	padding: 0px 0px 0px 0.9em;
	background-position: 0px 4px; 
}

.lien {

	background: url(../_IMAGES/_STRUCTURE/picto-lien.gif) no-repeat; 
	padding: 0px 0px 0px 0.4em;
	background-position: 0px 4px; 
}

.langue {
	background: url(../_IMAGES/_STRUCTURE/fleche.gif) no-repeat; 
	padding: 0px 0px 0px 2px;
	background-position: 0px 8px; 
}

.visite {
	background: url(../_IMAGES/_STRUCTURE/picto-visitevirtuelle.gif) no-repeat; 
	padding: 0px 0px 0px 0.9em;
	background-position: 0px 4px; 
}

.recherche {
	background: url(../_IMAGES/_STRUCTURE/recherche.gif) no-repeat; 
	padding: 0px 0px 0px 6px;
	background-position: 0px 6px; 
}

.outils a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin: 0 10px;
color: #ffffff;
text-decoration: none;
}

.outils a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin: 0 10px;
color: #ffffff;
text-decoration: underline;
}

#navi_secondaire_input{
	position:absolute;
	top: 241px;
	width: 229px;
	left: 745px;
	/*background-color:#FFFFFF*/
}
#navi_secondaire_input input {
	border-style:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#000000; 
	border-color:#FFFFFF;
	width:220px; 
}

#navi_secondaire_input .btn_recherche{
	position:absolute;
	left: 215px;
	top: 3px;
}


/*#################################################
-- STYLE TEXTE
/*################################################*/
h1{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-left:10px;
	font-size:22px;
	font-weight:normal;	
	color:#ffffff;		
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	margin-left:5px;
	margin-top:5px;
	font-size:12px;
	font-weight:bold;	
	color:#333333;		
}


/*#####################################################
-- Bloc - A 
######################################################*/


#conteneur_bloc_A {
   position: absolute;
   top: 80px; left:0px; 
   width:460px;       
}

#texte_bloc {
   width: 460px; height: auto;     /* to match DIVs size          */
   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2;                      /* place it over the other DIV */
}


#texte_bloc dl{
margin-top:-20px;
}


#texte_bloc dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;

}

#texte_bloc ul {
background-color:#FFFFFF;
margin-top:5px;
margin-bottom:-3px;
margin-left:295px;
width:195px;
padding: 0px;
filter:alpha(opacity=70);	
opacity: 0.70;	
-moz-opacity : 0.70;
}

#texte_bloc li {
margin-left:5px;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
height:18px;
list-style-type:none;
}

#texte_bloc dt {
cursor: pointer;
height: 20px;
line-height: 20px;
margin: 2px 0;
text-align: right;
font-weight: bold;
font-size: 11px;
color:#fff;
font-weight:bold;
}


#texte_bloc dt a {
text-align:right;
width:450px;
color: #fff;
text-decoration: none;
}

#texte_bloc dt a:hover {
text-align:right;
/*background-color: #f1f1f1;*/
color: #66CCFF;
text-decoration: none;


}

#texte_bloc li a{
color: #000000;
text-decoration: none;
}


#texte_bloc li a:hover {
text-decoration: underline;
}

#bloc_A {
	width:460px;	
	height:100px;	
	background-color: white;
	filter:alpha(opacity=45);	
	opacity: 0.45;	
	-moz-opacity : 0.45;
}

#fond_bloc_A {
	background-image:url(../_IMAGES/_FOND/fond-bloc-a.jpg);
	width:460px;	
	height:100px;	
	display:none;
}

/*#####################################################
-- Bloc - 2
######################################################*/

#conteneur_bloc_B {
   position: absolute;
   top: 190px; left:0px;        
}

#bloc_B {
	width:460px;	
	height:120px;	
	background-color: white;
	filter:alpha(opacity=45);	
	opacity: 0.45;	
	-moz-opacity : 0.45;
}

#fond_bloc_B {
	background-image:url(../_IMAGES/_FOND/fond-bloc-b.jpg);
	width:460px;	
	height:120px;	
	display:none;
}

/*#####################################################
-- Bloc - 3
######################################################*/

#conteneur_bloc_C {
   position: absolute;
   top: 320px; left:0px;        
}

#bloc_3 {
	width:460px;	
	height:80px;	
	background-color: white;
	filter:alpha(opacity=45);	
	opacity: 0.45;	
	-moz-opacity : 0.45;
}

#fond_bloc_3 {
	background-image:url(../_IMAGES/_FOND/fond-bloc-c.jpg);
	width:460px;	
	height:80px;	
	display:none;
	
}

/*#####################################################
-- Bloc - Actualité
######################################################*/

#texte_bloc_actualite {
   width: 230px; height: 130px;     /* to match DIVs size          */
   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2;                      /* place it over the other DIV */
}

#texte_bloc_actualite .date{
	display:block;
	margin-top:-10px;
	height:20px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0099CC;
	left: 0px;
	top: 31px;
}

#texte_bloc_actualite .date a{
color:#0099CC;
text-decoration:none;
}

#texte_bloc_actualite .date a:hover{
color:#0099CC;

text-decoration:underline;
}


#texte_bloc_actualite .contenu{
	display:block;
	margin-top:0px;
	height:auto;
	width:220;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	left: 0px;
	top: 43px;
}

#texte_bloc_actualite a{
color:#333333;
text-decoration:none;
}

#texte_bloc_actualite a:hover{
color:#333333;

text-decoration:underline;
}

#conteneur_bloc_actualite {
position:absolute;
margin-top:265px;
margin-right:5px;
margin-left:745px;
}

#texte_bloc_actualite .bloc_toutes_actus {
	position: absolute;
	top:113px;
	left: 109px;
	width: 126px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

#bloc_actualite {
	width:230px;	
	height:135px;	
	background-color: white;
	filter:alpha(opacity=70);	
	opacity: 0.70;	
	-moz-opacity : 0.70;
}

/*#####################################################
-- Pied de page
######################################################*/

#piedpage{
	position:absolute;
	width: 980px;
	height:40px;
	top:510px;
}

#piedpage a{
	text-decoration:none;	
	color:#FFFFFF;
}

#piedpage a:hover{
	text-decoration:underline;	
	color:#FFFFFF;
}

#information{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#3c3c3c;
	text-align:left;
	font-size:10px;
	left: 0px;
	top: 0px;
}

#information a{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3c3c3c;
	text-decoration:none;
}

#information a:hover{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3c3c3c;
	text-decoration:underline;
}

#mention{
	float:right;	
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#3c3c3c;
	text-align:right;
	font-size:10px;
	margin-right: 0px;
	margin-top: 0px;
}

#mention a{
text-decoration:none;
color:#3c3c3c;
}

#mention a:hover{
text-decoration:underline;
color:#3c3c3c;
}