*{margin:0;padding:0;}

body{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
background-color: #505050;
}

a img {text-decoration: none; border: none; color: gray;}
a {text-decoration: none;}

/*---TITLE---*/

h4 {text-align: center; color: #c8c8c8; width: 90px; margin: auto; margin-top: 40px;}

/*---HEADER---*/

div#header {width: 426px; height: 87px; background: url("images_diz/header.jpg") no-repeat;}
div#header_ext {height: 87px; background: url("images_diz/header_ext.jpg") repeat-x;}

/*---NAVIGATION---*/

div#navigation_ext {height: 109px; background: url("images_diz/navigation_ext.jpg") repeat-x;}


/*---MESSAGE_ACCUEIL---*/

div#news  ul{margin-top: 10px;}
div#news ul li {list-style: none; display: inline; padding-left: 15px; padding-right: 12px;}

div#news  div#title {font-size: 13px; text-align: center; color: #6eb16b; margin-top: -30px;}

div#news {background-color: #3c3c3c;  font-family: sans-serif;  border: 1px solid #787878; width: 800px; margin: auto;}
div#news  div#minis {width: 775px; height: 280px; text-align: center; padding: 50px 10px 10px 10px;}
div#news  div#minis img {border: 1px #787878 solid; margin-top: 15px;}
div#news a#voir_plus {font-size: 11px; text-align: center; line-height: 150px; text-decoration: none; color: #828282;}

/*---GALERIE_ALL---*/

div#galerie_all ul li {list-style: none; display: inline; padding-left: 15px; padding-right: 15px;}

div#galerie_all {background-color: #3c3c3c; border: 1px solid #787878; width: 800px; height: 1040px; margin: auto; margin-bottom: 30px;}
div#galerie_all  div#minis_galerie {margin-top: -20px; width: 775px; height: 150px; text-align: center; padding: 50px 10px 10px 10px;}
div#galerie_all  div#minis_galerie img {margin-top: 13px; border: 1px #787878 solid;}

a#retour_accueil {color: #828282; text-align: center; line-height: 40px;}

/*--GALERIE--*/

div#photos p#photos_paragraphe a {text-decoration: none; color: gray;}
div#photos p#photos_paragraphe a img {text-decoration: none; color: gray;}
div#photos_galerie a {text-decoration: none; color: gray;}
div#photos_galerie a img {text-decoration: none; color: gray;}

p#photos_paragraphe {width: 500px; border: 1px #5f5f5f solid; padding: 20px 20px 20px 20px; text-align: center; margin-left: 50px; 
					 margin-top: 20px; margin-bottom: 20px;}
p#photos_paragraphe a img {text-align: center; text-decoration: none; border: none; margin: 10px 0 0 10px;}

div#photos {margin: auto; width: 500px;}

div#photos_galerie {background-color: #5f5f5f; width: 900px; height: 545px; margin: auto; padding-top: 30px; margin-top: 5px; margin-bottom: 30px; text-align: center;}

div#photos_galerie div#droite {float: left; position: absolute; margin-left: 845px; margin-top: 230px;}
div#photos_galerie div#droite img {border: none;}

div#photos_galerie div#gauche {float: left; position: absolute; margin-left: 845px; margin-top: 275px;}
div#photos_galerie div#gauche img {border: none;}

div#photos_galerie div#retour_galerie {position: absolute; margin-left: 845px; margin-top: 320px;}
div#photos_galerie div#retour_galerie img {border: none;}

div#retour {position: absolute; left: -999em; margin: 0; padding: 0; z-index: 100;}
div#retour a {text-decoration: none; color: #969696;}

/*--MATERIEL--*/

ul#materiel_ul {margin-top: 5px; margin-bottom: 30px;}
ul#materiel_ul li {margin-top: 20px; list-style: none; border-top: 1px solid #a2c8f3; background-color: #787878; width: 600px;
				margin: auto; padding: 15px 0 0 25px; margin-bottom: 30px; border-bottom: 1px solid #a2c8f3;}
ul#materiel_ul h3 {color: #324c70; font-size: 15px;}
ul#materiel_ul p {color: #fcf4e4; font-size: 12px;}

ul#materiel_ul img {margin-top: 10px; margin-bottom: 20px; border: 1px solid #000000;}

/*--CONTACT--*/

p#contact {color: #c8c8c8; text-align: center; padding-top: 70px;}
p#contact .traitement {font-size: 14px; color: #739dc6; text-align: center; background-color: #555555; padding: 10px 10px 10px 10px;
					  border: 1px solid #5f5f5f; line-height: 50px;}
p#contact .traitement:hover {color: #80b1d2; background-color: #5a5a5a; border: 1px solid #646464;}

/*--TRAITEMENT--*/

h2 {font-family: Verdana; text-align: center; color: #ddcf9e;}

table {margin: auto; margin-top: 70px;}

input#zone_saisie {color: #8ebdcf; font-size: 12px; width: 150px; height: 20px; background: #646464; border: 1px #647e98 solid;}
input#zone_saisie:active, input#zone_saisie:focus {background: #6f6f6f; border: 1px #9d9477 solid;}

textarea#zone_texte {color: #8ebdcf; font-size: 12px; background: #646464; border: 1px #647e98 solid; width: 350px; height: 160px;}
textarea#zone_texte:active, textarea#zone_texte:focus {background: #6f6f6f; border: 1px #9d9477 solid;}
table td font {color: #cdbd9e;}
p {color: #85b6c4;}

div#envoyer_effacer {margin-left: -75px; margin-top: 30px; text-align: center;}

/*--LIENS--*/

h4 {color: #abd6e4;}
.liens  {text-align: center; margin-top: 30px;}
.liens li {list-style: none; color: #ffffff; display: inline;}
.liens li a {background-color: #6e6e6e; padding: 0px 6px 0px 6px; border: 1px solid #98948a; color: #b3a074; text-decoration: none; margin: 0 5px;}
.liens li a:hover {background-color: #7e7e7e; color: #d3c196; border: 1px solid #beb08f; padding: 0px 6px 0px 6px;}

/*--LIENS--*/

div#description p {background-color: white; color: #808080; margin: 50px auto; width: 500px; padding: 5px 10px 5px 10px;}


/*---COPYRIGHT---*/

div#copy {font-size: 10px; position: absolute; float: left; color: #dce1e4; margin: 0 5px;}

/*---PRESENTATION---*/

div#photos_presentation {text-align: center; margin-bottom: 120px;}
div#photos_presentation img {border: 1px #c8c8c8 solid; margin-top: 30px; margin-right: 20px; margin-left: 20px;}


/*---COMMENTAIRE---*/

/*---petit_mot---*/

div#petit_mot {position: absolute; margin-left: 35px; width: 300px; height: 360px;
			 background: #464646; border: #5a5a5a 1px solid;}
div#petit_mot h3 {color: #647e98; font-size: 14px; font-family: Arial; text-align: center; margin-top: 15px;}
div#petit_mot p {color: #b1cbd0; font-size: 10px; padding-top: 10px; margin: auto; width: 250px;}
div#petit_mot p span {color: #d3c196; font-style: italic;}

/*---fin_petit_mot---*/

input#nom {font-size: 11px; width: 130px; height: 15px; background: #646464; border: 1px #647e98 solid;}
input#email {font-size: 11px; width: 130px; height: 15px; background: #646464; border: 1px #647e98 solid;}
span input {font-size: 11px; width: 130px; height: 15px; background: #646464; border: 1px #647e98 solid;}

textarea#commentaire {background: #646464; border: 1px #647e98 solid; width: 250px; height: 100px;}

p#notif {position: absolute; margin-top: -40px; margin-left: 20px; color: #64be64;}
p#notif_wrong {position: absolute; margin-top: -40px; margin-left: 15px; color: #d71a73;}

div#commentaire {width: 900px; margin: auto;}
div#commentaire div#ajouter_com {width: 250px; text-align: center; float: left; margin-left: 60px; margin-bottom: 30px;}

div#commentaire div#afficher_com {width: 450px; margin-left: 400px; margin-right: 30px; margin-bottom: 30px; border-left: 1px #647e98 solid; border-right: 1px #647e98 solid; border-bottom: 1px #787878 solid;}
div#commentaire div#afficher_com div#com {text-align: center;  margin-top: 1px; padding-top: 5px; padding-bottom: 15px; padding-right: 15px; color: white; background: #646464; border-top: 1px #787878 solid;}

div#commentaire div#afficher_com a#nom_site {font-weight: bold; color: #a0b7c4;}
div#commentaire div#afficher_com a#nom_site span {color: #969696;}
div#commentaire div#afficher_com a#nom_site:hover {color: #b8cfec;}

p#commentaire {width: 450px; text-align: center; padding-top: 10px; color: #323232;}

div#commentaire div#com span {color: #828282;}




/*---MENU NAVIGATION---*/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 100px;
left: 0;
z-index: 100;
width: 100%; /* correction pour Opera */
}
#menu dl {
margin-left: 10px;
float: left;
width: 8em;
}
#menu dt {
cursor: pointer;
text-align: center;
background: #bebebe;
border: 1px solid gray;
margin: 0 5px;
}
#menu dd {
position: absolute;
margin-top: -2px;
display: none;
width: 95px;
border: 1px solid gray;
}
#menu li {
width: 95px;
text-align: center;
margin: auto;
background: #dcdcdc;
border-bottom: 1px solid #bebebe;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
width: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #bebebe;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}