* {

margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
/*Bug IE*/
text-align: center;
background-color: #536DB5;
}
/*#15124e*/
a {
color: #003;
text-decoration: underline;
margin: 0;
padding: 0;
border: none;
}

a:hover {
text-decoration: none;
}

p {
margin: 1em 2em;
}

.separation {
clear: both;
visibility: hidden;
}

#div_gen {
width: 950px;
margin: 0 auto;
background-image: url(../img/background.png);
}

/*----------------------------*/
/*----------Header------------*/
/*----------------------------*/

#evit {
position: absolute;
width: 950px;
padding: 0 10%;
}

#evit li {
list-style-type: none;
float: left;
margin: .4em 1.5em 0 1em;
padding: 0 0 0 2em;
font-size: .7em;
}

#logo {
position: absolute;
}

#titre_page {
position: absolute;
width: 145px;
margin-top: 58px;
margin-left: 574px;
font-family: "Comic sans MS";
font-size: .9em;
font-variant: normal;
font-style: italic;
}

#mascotte {
position: absolute;
margin-top: 53px;
margin-left: 755px;
}

/*---Menu Général---*/

#menu_gen {
position: absolute;
margin: 233px auto 0 auto;
width: 950px;
padding: 0;
list-style-type: none;
}

#menu_gen li {
margin: 0 0 0 0;
float: left;
padding: 0;
border: none;
}

#menu_gen li a {
margin: 0;
padding: 0;
display: block;
width: 190px;
font-size: 1.4em;
text-decoration: none;
font-weight: bolder;
font-variant: small-caps;
color: #15124e;
background: transparent url(../img/bouton_menu.png) top left no-repeat;
}

#menu_gen li a:hover, #menu_gen li a:focus, #menu_gen li a:active {
margin: 0;
padding: 0;
color: gray;
background: transparent url(../img/bouton_menu.png) top right no-repeat;
}

/*-------------------------*/
/*-----Contenu général-----*/
/*-------------------------*/

#contenu_general {
margin-top: 273px;
}

span {
font-weight: bold;
}

/*---Cadre Gauche + Liens---*/

#cadre_gauche {
margin: 0;
padding: 20px 0 0 0;
text-align: left;
float: left;
width: 200px;
height: 250px;
font-weight: bold;
font-size: .9em;
background: transparent url(../img/cadre_gauche.png) top left no-repeat;
}

p#coord a {
}

#xiti-logo {
margin: 1em auto;
width: 110px;
}

#xiti-logo a{
margin: auto;
display: block;
width: 80px;
}

#xiti-logo-noscript{
margin: 0;
font-size: small;
font-weight: normal;
color: black;
text-align: center;
}

.liens {
display: block;
width: 150px;
font-size: small;
text-align: center;
margin: 1em auto;
}

.liens img{
border: none;
}

/*---Contenu General---*/

#contenu {
margin: 0 0 0 14.2em;
padding: 1em 3em 10em;
text-align: justify;
font-size: .8em;
}

h1 {
margin: 1em auto 1em auto;
font-size: x-large;
width: 650px;
text-align: center;
font-variant: small-caps;
}

h2 {
text-align: center;
font-size: large;
color:#006;
font-weight: 100;
}

h4 {
margin-top: 2em;
font-size: 1.2em;
}

h5{
font-size: 1em;
font-style: italic;
}

h6{
font-size: .9em;
}

/*---Page Accueil---*/

#accueil{
width: 487px;
margin: 2em auto;
}

#accueil img{
margin: 0 auto;
border: gray double 6px;
}

h3 {
text-align: center;
color: #003;
margin: 0 0 1em 0;
font-variant: small-caps;
}

#services {
margin: 1em 2em;
}

#services table {
margin: 1em auto;
width: 100%;
}

#services img {
margin: 0 1em;
}

#services td {
padding: 1em 0;
}

#services th img {
width: 100px;
}

#map {
margin: 4em auto;
padding: 0;
height: 450px;
width: 550px;
border: gray double 6px;
}

/*---Page Occasions---*/

table.occasions {
margin: 0 auto 3em ;
width: 640px;
border: gray 1px solid;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}

.occasions th, .occasions tr, .occasions td {
border: gray 1px solid;
}

.occasions thead {
text-align: center;
font-size: 1.2em;
height: 1.8em;
}

.occasions span {
font-style: italic;
}

.prix {
font-size: 1.8em;
font-weight: bolder;
color: #003;
text-align: center;
height: 1.5em;
}

.tof {
width: 300px;
}

#contenu a img{
border: none;
}

.tof_small {
width: 300px;
}

.options ul{
list-style: none inside;
}

.occasions tfoot{
font-weight: bold;
}

/*---Fiche Occasions---*/

#contenu_fiche {
margin: 0 auto;
text-align: center;
}

#titre_fiche {
padding-top: 1.8em;
}

#tof_big {
width: 640px;
border: gray double 6px;
}

#container_mini_tofs {
margin: .5em auto 1em;
}

.tof_mini{
width: 100px;
margin: .2em;
border: gray solid 1px;
}

#table_fiche{
width: 640px;
margin: 0 auto;
border: 1px solid gray;
border-collapse: collapse;
}

#table_fiche caption {
font-variant: small-caps;
font-weight: bold;
margin-bottom: .5em;
background: #CFCFCF;
border: 1px solid gray;
}

#table_fiche tr, #table_fiche td{
height: 2em;
border: 1px solid gray;
border-collapse: collapse;
}

#table_fiche th{
text-align: left;
width: 150px;
padding: .4em;
background-color: #CFCFCF;
}

#table_fiche .options_fiche{
text-align: center;
}

#table_fiche .options_fiche ul {
text-align: left;
padding-left: 3em;
list-style: none inside;
}

#img_print {
float: right;
}

#print {
float: right;
text-align: right;
height: 22px;
vertical-align: center;
line-height: 22px;
}

/*---Pages Ateliers---*/

#presentation {
margin: 0 auto;
width: 100%;
padding: 0 2em 5em;
border: 1px solid black;
border-collapse: collapse;
}

#presentation th {
text-align: center;
background: #EEEAD8;
border: 1px solid black;
width: 200px;
}

#presentation tr, #presentation td {
text-align: center;
border: 1px solid black;
}

#nom {
padding: 2em 0 0 1em;
}

/*---Page Partenaires--*/
.prespart {
padding: .5em 2em;
height: 105%;
}

#contenu .prespart img, #contenu .prespart a img {
border: gray double 6px;
}

.prespart h4 {
margin: 0;
}

.g {
text-align: left;
}

.g img{
margin: 0 2em 0 0;
}

.d {
float: right;
text-align: right;
}

.d img {
margin: 0 0 0 2em;
}

/*--------------------------*/
/*----------Footer----------*/
/*--------------------------*/
#footer {
margin: 0 auto;
padding: 0;
height: 110px;
background-image: url(../img/footer.png);
font-size: .8em;
}

#footer p{
margin:0;
padding: 4em 0 0 0;
}

#footer a {
color: black;
}