/* CSS Document */

body {
	background: url(img/fond.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; /* pour éviter les marges */
	padding:0;
    text-align: center; /* pour corriger le bug de centrage IE */
}
/***********************liens*******************************/
a {margin:0;padding:0;color:#FF6633;text-decoration:underline;}
a:hover {margin:0;padding:0;color:#FF6633;text-decoration:none;}
a img.pht {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.pht {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
td.pht1 a img {border: 1px solid #FFF; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
td.pht1 a:hover img {border: 1px solid #CCC;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
td.pht2 a img {border: 1px solid #000; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
td.pht2 a:hover img {border: 1px solid #CCC;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
/***************Structure principale************************/
table#conteneur {
	padding:0;
	margin-left: auto;
    margin-right: auto;
    text-align: left; /* on rétablit l'alignement normal du texte */
	width:765px;
	height:auto;
	min-height:670px;
	background: url(img/repetiteur.jpg) repeat-y;
}
td#haut {
	margin:0;
	padding:0;
	width:765px;
	height:103px;
	background: url(img/haut.jpg) no-repeat;
}
td#haut a img {
	border:none;
}
td#haut h1.header {width:765px;height:103px;margin:0;padding:0}
td#blocmenu {
	margin:0;
	padding:0;
	width:765px;
	height:24px;
	background: url(img/fd_menu.jpg) no-repeat;
}
td#galerie {
	margin:0;
	padding:0;
	height:198px;
	width:765px;
	border-bottom: 1px #FFF solid;
	border-top: 1px #FFF solid;
}

td#centre {
	vertical-align:top;
	background: url(img/corps.jpg) no-repeat top;
	margin:0;
	padding:10px 25px 0 25px;
	height:312px;
	width:705px;
}
td#bas {
	margin:0;
	padding:0;
	background: url(img/bas.jpg) no-repeat;
	height:44px;
	clear:both;
	width:765px; 
	text-align:center;
}
/****************************************table*************************************************/
table#design {margin:0; padding:0; background:#5A5E6B; border:1px #000 solid}
table#design td p {text-align:left;}
table#rustique {margin:0; padding:0; background:#5A5E6B; border:1px #000 solid; height:170px}
table#rustique td p {text-align:left;}
table#classic {margin:0; padding:0; background:#5A5E6B; border:1px #000 solid; height:155px}
table#classic td p {text-align:left;}
table#electro {margin:0; padding:0; background:#5A5E6B; border:1px #000 solid; height:180px}
table#electro td p {text-align:left;}
/*********************************************Titres********************************************/
hr {background:#FF6633; margin:10px 0 10px 0;padding:0;height:1px; width:auto; border:none}
hr.trait {background:#B35F09; margin:10px 50px;padding:0; border:1px #666 solid}
h1 {font-size:1.1em;color:#FF6633;margin:0 0 15px 0;padding:10px 0 5px 0; border-bottom:1px #FF6633 solid; font-weight:400}
h2 { background:url(img/puce.jpg) no-repeat left;margin:0 0 8px 0; padding:0 0 0 12px; color:#CCC;text-align:left;font-size:0.8em; text-align:left; text-transform:uppercase}
h3 {margin:0; padding:10px 0; color:#000;text-align:center;font-size:1.1em; background:#FFF; border: 1px #B35F09 solid}
/*********************************************Textes********************************************/
td#bas p {margin:0;padding:8px 0 1px 0;font-size:0.8em;color:#FFF; line-height:0.8em; text-transform:uppercase}
td#centre p {margin:0;padding:0;color:#CCC;font-size:0.7em; text-align:justify}
td#centre p.intro {margin:0;padding:0;color:#CCC;font-size:0.8em; text-align:justify; font-weight:bold}
td#centre p.cliquez {font-style:italic;color:#999;text-align:center; font-size:0.8em}
td.legende {margin:0;padding:2px 0 0 0;color:#B35F09;font-size:0.8em;}
td#centre p.merci {margin:0;padding-top:50px; text-align:center; font-weight:bold;color:#CCC}
td#centre p.telechargez {text-align:center}
span.marron {color:#B35F09;font-weight:bold}
span.rouge_centrer {color:#B35F09;font-weight:bold;}
span.gras {color:#CCC; font-weight:bold;}
span.min {color:#666;font-size:0.7em;}
div#hautdepage {font-size:0.7em;margin:15px 0 0 0;}
div#hautdepage a {color:#FF6633;}
/**********************************************Listes*********************************************/
#ul1 {color:#FF6633;margin:10px 0 0 50px;padding:0;list-style:square;font-size:0.8em; text-align:justify}
#ul1 li {padding-bottom:3px;}
#ul2 {color:#FF6633;margin:10px 0 0 30px;padding:0; list-style:url(img/puce.jpg) inside;font-size:0.8em; text-align:justify}
#ul2 li {padding-bottom:5px;}
/**************************************************Menu*******************************************/
ul#menu {padding:0 0 0 2px;margin:0;}
ul#menu li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
ul#menu li a {
	height:24px;
	float:left;/*si menu horizontal pour IE*/
	line-height:24px;
	color:#FFF;
	display:block;
	font-size:0.7em;
	margin:0;
	padding:0 4px;
	text-align:center;
	text-decoration:none;
}
ul#menu li.border a {border:none}
ul#menu li a:hover, ul#menu li a.active{background: #FF6633 repeat-x; color:#FFF}
ul#menu li img.sep {display:block;margin:0;padding:0;border:none}
/********************************************Menu accueil********************************************/
ul#menu_accueil {padding:20px 0 0 8px;margin:0}
ul#menu_accueil li {list-style-type:none;margin:0;padding:0 5px; display:block; float:left;}
ul#menu_accueil li#design a {background:url(img/menu_design.jpg) no-repeat; width:220px; height:272px; float:left; display: block; margin:0; padding:0; border:1px #FFF solid}
ul#menu_accueil li#design a:hover, ul#menu_accueil li#design a.active {background: url(img/menu_design_over.jpg) no-repeat; width:220px; height:272px;margin:0; padding:0; border:1px #FFF solid}
ul#menu_accueil li#classique a {background:url(img/menu_classic.jpg) no-repeat; width:220px; height:272px; float:left; display: block; margin:0; padding:0;border:1px #FFF solid}
ul#menu_accueil li#classique a:hover, ul#menu_accueil li#classique a.active {background: url(img/menu_classic_over.jpg) no-repeat; width:220px; height:272px;margin:0; padding:0;border:1px #FFF solid}
ul#menu_accueil li#rustique a {background:url(img/menu_rustique.jpg) no-repeat; width:220px; height:272px; float:left; display: block; margin:0; padding:0;border:1px #FFF solid}
ul#menu_accueil li#rustique a:hover, ul#menu_accueil li#rustique a.active {background: url(img/menu_rustique_over.jpg) no-repeat; width:220px; height:272px;margin:0; padding:0;border:1px #FFF solid}
 /*******************************************Formulaire*********************************************/
table#formulaire {width:100%; font-size:0.8em;}
td#centre table#formulaire {text-align:left;margin:0;padding:0;vertical-align:top;color:#CCC;}
form {
margin:0;
padding:0;
}
input, textarea {
font-family: Arial, Helvetica, sans-serif;
border:1px solid #8CB550;
background-color:#5A5E6B;
color:#FFF;
}
input.bouton {
background-color:#8CB550;
border:1px  solid  #006633;
font-weight:bold;
cursor:pointer;
color:#FFF;
padding:1px 5px;

}
input.bouton:hover {
border:1px outset #FFF;
background-color:#FF6633;
color:#FFF;
}
input.bouton.active {
border:0.5em outset #FFF;
background-color:#FF6633;
color:#FFF;
}
span.obligatoire {margin:0;padding:0 30px 0 0;color:#CCC;text-align:right;font-size:0.7em;}
/***********Signature********************************/
table#signature td  {
	margin:0;
	padding:7px 0 1px 0;
	font-size:0.7em;
	color: #999;
	 text-align:center;
}
td.kemenn {	font-family: Arial, Helvetica, sans-serif;font-size: 11px; color:#999; }
td.kemenn a {text-decoration:underline;color:#999; }
td.kemenn a:hover {text-decoration:none;color:#999;}

/*********************photos***************************/
.pht_droite {border:none;margin:0  0 5px 5px;padding:0;}
.cadre { margin:0 5px 5px 5px;padding:0; border:1px #9E0011 solid}
img.puce {margin:0;padding:0 5px 0 0}
div#encart {height:auto;margin:0; padding:5px 0; color:#000;text-align:center;font-size:0.9em; background:#EAEAEA; border: 2px #B35F09 solid; line-height:1.5em}
#module-actu {color:#CCC;font-size:0,8em;}
.cadre3{
	border:1px solid #FA6B43;
	font-size:12px;
}
.cadre3 h2{
 background:url(img/puce.jpg) no-repeat left;margin:0 0 8px 0; padding:0 0 0 12px; color:#CCC;text-align:left;font-size:14px; text-align:left; text-transform:uppercase;
}