* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

body {
background:#000 url(img/body_fond.jpg) repeat-x top;
text-align:justify;
font:100%/1.5 Arial, "Times New Roman", sans-serif; }


/* CONTENU */

h4{
font-size:110%;
font-weight:bold;
letter-spacing:2px;
margin-bottom:15px;
color:#FC3403; }

span.right {
width:100%;
margin-left:110px;
}

span.left {
float:left;
width:100px;
}

span.date{
margin-left:20px;
}

ul.liste_galeries {
width:100%;
overflow:auto:
}

ul.liste_galeries li {
text-align:center;
display:block;
float:left;
width:120px;
list-style:square;
margin-bottom:15px; 
}

ul.liste_galeries li a {
text-decoration:none;
display:block;
color:#4349CF;
}

ul.liste_galeries li img {
border: 1px solid #4349CF;
padding:2px;
margin-bottom:2px; 

}

ul.liste_galeries li img:hover {
border: 1px solid #4349CF;
padding:2px;
margin-bottom:2px; 
background-color: #4349CF;
}

img.img_presentation {
border: 1px solid #4349CF;
padding:2px;
}

p.lien_galerie{
clear:both;
text-align:center;
width:140px;
margin:20px auto;
background-image: url(img/fond_galerie.jpg);
background-position:center;
background-repeat:no-repeat;
}

p.lien_galerie a{
text-decoration:none;
color:#4349CF;
font-weight:bold;
}

p.lien_galerie a:hover{
text-decoration:none;
color:#FC3403;
font-weight:bold;
}

p.retour{
clear:both;
}

p.retour a{
float:right;
margin-right:20px;
text-decoration:none;
color:#4349CF;
}

p.retour a:hover{
float:right;
margin-right:20px;
text-decoration:none;
color:#FC3403;
}

/***** Typo *****/

.retour_ch {
margin-bottom:10px; }

.gras {
font-weight:bold; }

a {
color:#990000; }

a:hover {
text-decoration:none; }

h1, h5 {
position:absolute;
top:-9999px; }

h3 {
font-size:100%;
font-weight:normal;
letter-spacing:1px;
height:30px;
line-height:30px;
margin-bottom:10px; }

h3.photos {
margin-bottom:15px;
border-bottom:1px solid #666; }

ul#liste_services {
margin-bottom:10px; }

ul#liste_services li {
margin-bottom:3px;
margin-left:15px;
padding-left:10px;
list-style:square; }

ul#liste_photos {
width:100%;
overflow:auto;
margin-bottom:10px; }

ul#liste_photos li {
float:left;
margin:0 8px;
margin-bottom:15px; }

ul#liste_photos li img {
padding:1px;
border:1px solid #666; }

ul#liste_photos li img:hover {
padding:0;
border:2px solid #666; }

ul#liste_categories {
margin-left:10px; }

ul#liste_categories li {
color:#0b4193;
margin-bottom:10px;
list-style:square; }

ul#liste_categories li a {
color:#0b4193;
text-decoration:none; }

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

div#coordonnees h3, div#realisation h3 {
text-align:center;
height:41px;
line-height:41px;
background:transparent url(img/menu_titre.jpg) repeat-x; }

div#coordonnees h3 span, div#realisation h3 span {
padding:0 10px;
text-align:center;
background:#333;
color:#fff;
font-weight:bold;
font-size:80%; }

div#presentation_contenu p {
margin-bottom:10px; }

/***** Layout *****/

div#global {
width:945px;
margin:0 auto;
margin-bottom:20px; }

div#entete_flash {
width:100%;
height:219px; }

div#conteneur_centre {
position:relative;
width:100%;
background:transparent url(img/conteneur_fond.png) repeat-y; }

div#colonne_gauche {
height:300px;
width:192px;
position:absolute;
top:0;
left:12px; }

div#colonne_droite {
height:300px;
width:192px;
position:absolute;
top:0;
right:13px; }

div#contenu {
margin-left:210px;
width:524px;
min-height:450px; }

div#pied {
position:relative;
width:100%;
height:288px;
background:transparent url(img/footer_fond.png) no-repeat; }

/***** #colonne_gauche *****/

ul#menu li {
text-align:center;
height:41px;
line-height:41px;
border-bottom:1px solid #6E6E6E;
background:transparent url(img/menu_titre.jpg) repeat-x; }

ul#menu li a, ul#menu li span.imitation_lien {
padding:0 10px;
text-align:center;
background:#333;
color:#fff;
font-weight:bold;
font-size:80%;
text-decoration:none; }

ul#menu li.arbo {
height:250px; }

ul#menu li.arbo ul#sous-menu {
height:250px;
background:#666 url(img/colonnes_fond.jpg) repeat-x top; }

ul#menu li.arbo ul#sous-menu li {
text-align:left;
border-bottom:0;
height:16px;
line-height:16px;
background:transparent url(img/menu_puce.jpg) no-repeat left center;
margin-left:20px;
padding:12px 20px; }

ul#menu li.arbo ul#sous-menu li a {
font-weight:normal;
padding:0;
color:#ccc;
background:transparent; }

/***** #contenu *****/

h2 {
text-indent:-9999px;
width:523px;
height:41px; }

h2.presentation {
background:transparent url(img/h2_presentation.jpg) no-repeat; }

h2.services {
background:transparent url(img/h2_services.jpg) no-repeat; }

h2.galeries {
background:transparent url(img/h2_galeries.jpg) no-repeat; }

h2.manifestations {
background:transparent url(img/h2_manifestations.jpg) no-repeat; }

h2.contact {
background:transparent url(img/h2_contact.jpg) no-repeat; }

div#presentation_contenu {
padding:20px;
padding-top:10px;
font-size:80%; }

/***** #colonne_droite *****/

div#coordonnees dl {
text-align:center;
background:#666 url(img/colonnes_fond.jpg) repeat-x top;
font-size:80%;
color:#fff;
padding-top:10px;
padding-bottom:10px; }

div#coordonnees dl dt {
position:absolute;
top:-9999px; }

div#coordonnees a {
color:#fff; }

div#coordonnees a:hover{
text-decoration:none; }

div#realisation {
text-align:center; }

div#realisation dl {
margin:5px;
border:1px solid #333;
background:#666;
padding-bottom:10px; }

div#realisation img {
border:1px solid #333;
margin-top:20px;
text-align:center; }

div#realisation a {
font-size:80%;
color:#fff;
text-decoration:underline; }

/***** #pied *****/

#pied ul {
line-height:1;
text-align:center;
position:absolute;
bottom:30px;
left:320px;
width:300px; }

#pied ul li {
margin:0 5px;
font-size:75%;
display:inline; }

#pied ul li a {
color:#000; }

input.champs {
border: solid 1px;
}

textarea.champs {
border: solid 1px;
}

p span.left {
float:left;
width:100px;
font-weight:bold;
margin-right:20px;
}

.bouton {
border: solid 1px;
margin-left:10px;
}

p.notice {
font-size: 80%;
}