@charset "utf-8";
/* CSS Document */
#corps{
height:750px; /* on change ici la hauteur de la page !!!!! */
}
#contenu{
position:absolute;
left:120px;
width:660px;
height:800px;
}
#titre_haut{
margin:35px 0 22px 9px;
}
#site{
height:2700px;
}
#menuvertical{
position:absolute;
width:120px;
height:600px;
}
#fond-menuvertical{
height:2290px;
}
#contenu p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:0;
text-align:left;
margin-left:93px;
line-height:20px;
}
.grand{
position:relative;
top:10px;
}
.grand2{
position:relative;
top:11px;
}

.bleu{
color:#0033CC;
}
.vert{
color:#7a8a19;
}
.grand{
font-size:1.2em;
letter-spacing:0;
}
.grand2{
font-size:1em;
letter-spacing:0;
}
hr{
position:relative;
top:6px;
width:550px;

color:#0053a5;
margin-right:50px;
}

/* debut du tableau mode*/
#mode{
width:620px;
background-image: url(../images/contenu/degarde_mode_ref.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
margin:auto;
}
#mode table{
position:relative;
width:610px;
margin:auto;
}
td{
text-align:center;
}
td.logo{
background-color:#FFFFFF;
border:1px solid #e9eaf1;
}
td.text{
position:relative;
text-align: center;
margin-left:0;
padding:0;
padding-top:10px;
}
#mode table td.text p{
text-align:left;
display:block;
position:relative;
font-size:10px;
padding:0;
line-height:10px;
}
td.logo:hover{
background-color:#d8dce6;
border:1px solid #FFCC66;
}

#mode p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
letter-spacing:0;
margin:0;
text-indent:0;
}
.text{
padding:20px 50px 20px 10px;
width:165px;
}
td.logo a img{
text-decoration:none;
border:none;
}


/* et bien d'autres ....*/
.autres{
background-color:#e3e6f0;
margin-top:25px;
height:25px;
padding-top:10px;
padding-left:3px;
border-bottom:1px solid black;
}
#mode .autres p,#fleur .autres p{
display:inline;
font-size:11px;
margin-right:4px;
}
#mode .autres p.debut_phrase{
font-style:italic;
position:relative;
font-size:13px;
}
.autres h4{
font-size:12px;
display:inline;
heigt:25px;
padding:10px;
}
.autres a{
text-decoration:none;
color:#333333;
padding:11px 3px 10px 3px;
}
.autres a:hover{
background-color: #333333;
color:#FFFFFF;
}

/* ___________fin de mode-----------------------*/
/* ___________debut de fleur ___________*/
#fleur{
width:620px;
background-image:url(../images/contenu/degarde_fleur_ref.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
margin:auto;
margin-top:30px;
border-bottom:1px solid black;
}
#fleur table{
position:relative;
width:610px;
margin:auto;
}
td{
text-align:center;
}
td.logo{
background-color:#FFFFFF;
border:1px solid #e9eaf1;
}
td.text{
}
#fleur table td.text p{
text-align:left;
display:block;
position:relative;
font-size:10px;
padding:0;
line-height:10px;
}
#fleur p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
letter-spacing:0;
margin:0;
text-indent:0;
}
#fleur .autres p.debut_phrase{
font-style:italic;
position:relative;
font-size:13px;
word-spacing:2px;
}
.text{
padding:20px 50px 20px 10px;
width:165px;
}
td.logo a img{
text-decoration:none;
border:none;
}

/* ________fin de fleur _________________*/
/* ___________debut de billeterie ___________*/
#billeterie{
width:620px;
background-image:url(../images/contenu/degarde_billeterie_ref.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
margin:auto;
margin-top:30px;
border-bottom:1px solid black;
}
#billeterie table{
position:relative;
width:610px;
margin:auto;
}
td{
text-align:center;
}
td.logo{
background-color:#FFFFFF;
border:1px solid #e9eaf1;
}
td.text{
}
#billeterie table td.text p{
text-align:left;
display:block;
position:relative;
font-size:10px;
padding:0;
line-height:10px;
}
#billeterie p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
letter-spacing:0;
margin:0;
text-indent:0;
}
.text{
padding:20px 50px 20px 10px;
width:165px;
}
td.logo a img{
text-decoration:none;
border:none;
}
/* ________fin de billeterie _________________*/
/* ___________debut de alimentaire ___________*/
#alimentaire{
width:620px;
height:240px;
background-image: url(../images/contenu/degarde_alimentaire_ref.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
margin:auto;
margin-top:30px;
border-bottom:1px solid black;
}
#alimentaire table{
position:relative;
width:610px;
margin:auto;
}
td{
text-align:center;
}
td.logo{
background-color:#FFFFFF;
border:1px solid #e9eaf1;
}
td.text{
}
#alimentaire table td.text p{
text-align:left;
display:block;
position:relative;
font-size:10px;
padding:0;
line-height:10px;
}
#alimentaire p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
letter-spacing:0;
margin:0;
text-indent:0;
}
.text{
padding:20px 50px 20px 10px;
width:165px;
}
td.logo a img{
text-decoration:none;
border:none;
}
/* ________fin de alimentaire _________________*/
/* ___________debut de restauration ___________*/
#restauration{
width:620px;
height:500px;
background-image: url(../images/contenu/degarde_restauration_ref.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
margin:auto;
margin-top:30px;
border-bottom:1px solid black;
}
#restauration table{
position:relative;
width:610px;
margin:auto;
}
td{
text-align:center;
}
td.logo{
background-color:#FFFFFF;
border:1px solid #e9eaf1;
}
#restauration table td.text p{
text-align:left;
display:block;
position:relative;
font-size:10px;
padding:0;
line-height:10px;
}

#restauration p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
letter-spacing:0;
margin:0;
text-indent:0;
}
#restauration .autres2 p.debut_phrase{
font-style:italic;
position:relative;
font-size:14px;
word-spacing:1px;
margin-right:15px;
}
#restauration .autres2 p.debut_phrase2{
font-style:italic;
position:relative;
font-size:14px;
word-spacing:1px;
margin-right:15px;
line-height:35px;
}
#restauration .autres2 p.big{
font-style: normal;
position:relative;
font-size:13px;
word-spacing:0px;
margin-right:9px;
}
#restauration .autres2 p.petit{
font-style: normal;
position:relative;
font-size:11px;
word-spacing:0px;
margin-right:9px;
}

td.logo a img{
text-decoration:none;
border:none;
}


/* et bien d'autres ....*/

#restauration .autres2 p{
display:inline;
font-style:italic;
font-size:12px;
}
/* et bien d'autres ....*/
.autres2{
background-color:#e3e6f0;
margin-top:25px;
height:90px;
padding-top:10px;
border-bottom:1px solid black;
}
.autres2 h4{
color:#000000;
font-size:13px;
display:inline;
heigt:25px;
padding:10px;
margin-top:15px;
}
.autres2 h4.petit{
font-size:10px;
color:#333333;
display:inline;
heigt:25px;
padding:10px;
}
.autres2 h4.petit2{
font-size:8px;
color: #999999;
display:inline;
heigt:25px;
padding:10px;
}
.autres2 a{
text-decoration:none;
color:#333333;
padding:6px 3px 6px 3px;
}
.autres2 a:hover{
background-color: #333333;
color:#FFFFFF;
}

/* ________fin de restauration _________________*/
#mode table td.text p.marque, #fleur table td.text p.marque,#billeterie table td.text p.marque,#alimentaire table td.text p.marque,#restauration table td.text p.marque{
font-size:11px;
color: #003680;
}

/*____________________________debut de footer______________________________*/
#footer{
position:relative;
top:2547px;
text-align:center;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
letter-spacing:1px;
}

#barre_bleu{
background-image: url(../images/contenu/footer_barre_bleu.png);
background-repeat: no-repeat;
width:780px;
height:15px;
line-height:15px;
margin:0;
padding:0;
}



/*____________________________fin de footer______________________________*/