/* conteneur*/

.redirection{
font-size: 10px;
font-family: Verdana;
color: #d6d6d6;
}

.redirection a{
color: #ff0000;
}


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color:#ffffff;
	background:#757263 url(images/body_rep_x.gif) left top repeat-x;
}

p{
text-align:justify;
padding:15px 25px;
font-size:11px;
color:#000000;
}


#cto {
	position:absolute;
    top: 50%;
    width: 100%;
    height: 560px;
    margin-top: -280px; 
	background:url(images/rep_x.jpg) left top repeat-x;
}

#cto_int {
    margin:0 auto;
    width:940px;
}

#tab_cto {
    background:#0066CC;
	position:absolute;  
    top: 0;
    width: 100%;
    height: 560px;
    margin-top: 0;
}


/* contenu*/


#background {
height:560px;
width:940px;
background:url(images/background.jpg) left top no-repeat;
position:absolute;  
}

#flash {
height:560px;
width:940px;
background:url(images/background.jpg) left top no-repeat;
position:absolute;

visibility: visible;
}

#logo {
width:160px;
height:95px;
background:url(images/dagon-logo.png) left top no-repeat;
behavior: url(iepngfix.htc);
float:left;
}


#btn_01 {
width:120px;
height:40px;
float:left;
margin-top:55px;
}
#btn_01 a {
width:100%;
height:100%;
background:url(images/1_situation_dagon.png) left top no-repeat;
behavior: url(iepngfix.htc);
cursor:pointer;
display:block;
text-align:center;
font-size:11px;
color:#333333;
text-decoration:none;
padding:10px 0px 0px 5px;
}
#btn_01 a:hover{
background:url(images/1_situation_dagon_over.png) left top no-repeat;
color:#000000;
}



#btn_02 {
width:140px;
height:40px;
float:left;
margin-top:55px;
}
#btn_02 a {
width:100%;
height:100%;
background:url(images/2_pao_dagon.png) left top no-repeat;
behavior: url(iepngfix.htc);
cursor:pointer;
display:block;
text-align:center;
font-size:11px;
color:#333333;
text-decoration:none;
padding:10px 0px 0px 0px;
}
#btn_02 a:hover{
background:url(images/2_pao_dagon_over.png) left top no-repeat;
color:#000000;
}



#btn_03 {
width:150px;
height:40px;
float:left;
margin-top:55px;
}

#btn_03 a {
width:100%;
height:100%;
background:url(images/3_ofsset_dagon.png) left top no-repeat;
behavior: url(iepngfix.htc);
cursor:pointer;
display:block;
text-align:center;
font-size:11px;
color:#333333;
text-decoration:none;
padding:10px 0px 0px 0px;
}
#btn_03 a:hover{
background:url(images/3_ofsset_dagon_over.png) left top no-repeat;
color:#000000;
}

#btn_04 {
width:170px;
height:40px;
float:left;
margin-top:55px;
}
#btn_04 a {
width:100%;
height:100%;
background:url(images/4_numerique_dagon.png) left top no-repeat;
behavior: url(iepngfix.htc);
cursor:pointer;
display:block;
text-align:center;
font-size:11px;
color:#333333;
text-decoration:none;
padding:10px 0px 0px 0px;
}
#btn_04 a:hover{
background:url(images/4_numerique_dagon_over.png) left top no-repeat;
color:#000000;
}

#btn_05 {
width:110px;
height:40px;
float:left;
margin-top:55px;
}
#btn_05 a {
width:100%;
height:100%;
background:url(images/5_typo_dagon.png) left top no-repeat;
behavior: url(iepngfix.htc);
cursor:pointer;
display:block;
text-align:center;
font-size:11px;
color:#333333;
text-decoration:none;
padding:10px 0px 0px 0px;
}
#btn_05 a:hover{
background:url(images/5_typo_dagon_over.png) left top no-repeat;
color:#000000;
}

#btn_06 {
width:80px;
height:20px;
float:left;
margin:0;
}
*html #btn_06 {
margin-top:-10px;
}

#btn_06 a {
width:100%;
height:100%;
background:url(images/6_contact_dagon.png) left top no-repeat;
behavior: url(iepngfix.htc);
cursor:pointer;
display:block;
text-align:center;
font-size:9px;
color:#333333;
text-decoration:none;
padding:3px 0px 5px 0px;
}
#btn_06 a:hover{
background:url(images/6_contact_dagon_over.png) left top no-repeat;
color:#000000;
}


#espv01{
clear:left;
width:75px;
height:200px;
float:left;
 
}

#page-gauche {
width:400px;
height:320px;
background:none;
float:left;
overflow:auto;
}
#page-gauche01 {
width:400px;
height:320px;
background:none;
float:left;
}

.pied_gauche{
position:absolute;
bottom:50px;
left:75px;
 
}

#page-droite {
width:390px;
height:420px;
background:none;
float:left;
position:relative;
}

#footer {
height:45px;
width:940px;
background:none;
}

#texte_footer {
width:710px;
height:20px;
float:left;
margin-left:75px;
}
*html #texte_footer {
margin-left:38px;
margin-top:-10px;
}

/* textes et images */

.plan {
width:155px;
height:90px;
background:url(images/plan.gif) left top no-repeat;
float:left;
bottom:0px;
margin-left:25px;
}
.plan a{
width: 100%;
height: 100%;
display: block;
}
.horaires {
width:180px;
height:90px;
background:url(images/horaires.gif) left top no-repeat;
float: left;
bottom:0px;
margin-left:15px;
}

.horaires p {
font-size:10px;
color:#999999;
text-align:center;
padding: 20px 20px 20px 20px;
}

h1{
font-size:14px;
font-weight:bold;
color:#666666;
text-align:left;
padding: 5px 25px;
 
}
h2{
font-size:11px;
color:#ff3b0d;
}

h4{
font-size:9px;
color:#5C4D41;
padding:0px 0px 0px 5px ;
font-weight: normal;
text-decoration: none;
margin:0;
}
h4 a:hover{
font-size:9px;
color:#978d70;
padding:0px 0px 0px 5px ;
font-weight: normal;
text-decoration: none;
}
h4 a{
font-size:9px;
color:#978d70;
padding:0px 0px 0px 5px ;
font-weight: normal;
text-decoration: none;
}
h5{
font-size:9px;
color:#746a4d;
margin: 0px 0px 0px 5px;
font-weight: normal;
text-align: left;
}


p a:hover{
color:#ff3b0d;
text-decoration:underline;
}

p a{
color:#ff3b0d;
text-decoration: none;
}

#visuels {
width:350px;
height:400px;
}
#visuels img{
margin:8px 0px 0px 18px;
}

.scotch1 {
width:50px;
height:40px;
background:url(images/dagon_scotch_01.png) left top no-repeat;
behavior: url(iepngfix.htc);
position:absolute;

}

*html .scotch1{
top:-10px;
}

.scotch2 {
width:30px;
height:40px;
background:url(images/dagon_scotch_02.png) bottom right no-repeat;
behavior: url(iepngfix.htc);
position:absolute;
bottom:5px;
right:15px;
}

*html .scotch2{
bottom:15px;
}

.texte_horaires {
text-align: center;
font-size:9px;
color:#333333;
margin: -5px 0px 0px 0px; }