@charset "utf-8";
/* CSS Document */

/* CSS Document */
/* Date de création 02-04-2008 */

* {
padding:0;
margin:0;
}

body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ccc;
/*	behavior: url("csshover.htc"); */
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */

.special {
background:#CC3300;
}

.gras {
font-weight:bold;
}

.gras-presse {
font-weight:bold;
font-size:125%;
}

.alinea {
text-indent: 2em ;
}

.image-gauche {
float:left;
margin:1em;
padding:0;
}

.image-droite {
float:right;
margin:1em;
}

.droite {
text-align:right;
}

.gauche {
text-align:left;
}

.trait {
text-align:center;
color:#b91842;
font-weight: bold;
font-size:1.5em;
}

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

.separation2 {
clear:both;
}


.textedir {
margin-left:12em;
}

.deuxcolonnes {
margin-top:10px;
margin-left:10px;
padding-top:0;
float:left;
width:410px;
}

.petit {
font-weight:lighter;
font-size:80%;
}


.offre {
background:#CC3300;
font-weight:bold;
font-size:120%;
color:#FFFFFF;
line-height:1.5em;
text-indent:0.5em;
}

.rouge {
color:#FF0000;
font-weight:bold;
}


body img{
border:0;
}

div#conteneur
{
	width: 970px ;
	position:relative;
	margin: 0 auto ;
	padding:0;
	text-align: left ;
	border: 2px solid #000 ;
	background: #fff ;
}

h1#header 
{
	width=100%;
	height: 145px ;
	display: block ;
	background: url(logo-top2.jpg) no-repeat left top;
	position: relative ;
	padding:0;
	margin:0;
	text-indent: -5000px ;
}

div#contenu
{
	padding: 30px 50px 0 50px ;
/*	background: url(Lussicam-side2.jpg) no-repeat 0px 45px ; */
	z-index:50;
	margin:0;
	text-align: justify ;
	line-height: 1.7em ;
}

div#contenu li {
font-size:0.9em;
}



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

.menu {
white-space:nowrap /*IE hack*/; 
float:left; 
width:100%; 
border:none; 
background: #dca549;
color:rgb(0,0,0); 
font-size:100%;
}

.menu ul {
list-style-type:none;
}

.menu ul li {
float:left; 
z-index:auto !important /*Non-IE6*/; 
z-index:1000 /*IE6*/; 
border-style:solid;
border-width: 0 1px 1px 0;
border-color: #000;
text-align:center;
}

.menu ul li a {
float:none !important /*Non-IE6*/; 
float:left /*IE-6*/; 
display:block; 
height:25px; 
line-height:25px; 
padding:0 16px 0 16px;
text-decoration:none; 
font-weight:bold; 
color:#000;
}

.menu ul li ul {
display:none; 
border:none;
}


/*Non-IE6 hovering*/
.menu ul li:hover {
position:relative;
} 

.menu ul li:hover a {
background-color:rgb(210,210,210); 
text-decoration:none;
}

.menu ul li:hover ul {
display:block; 
width:8em; 
position:absolute; 
z-index:999; 
top:25px; 
margin:0;
padding:0;
left:0;
}

.menu ul li:hover ul li a {
white-space:normal; 
display:block; 
width:9em; 
height:auto; 
line-height:25px; 
margin-left:-1px; 
padding:0px 16px 0px 16px; 
border-style:solid;
border-width: 1px 0px 0px 1px;
border-color: #000;
background-color: #dca549; 
font-weight:bold; 
color:rgb(50,50,50);
z-index:1000;
}

.menu ul li:hover ul li a:hover {
background-color: white; 
text-decoration:none;}

/*IE6 hovering*/
.menu table {
position:absolute;
top:0; 
left:0; 
border-collapse:collapse;
}


/* Couleur survol premier niveau */
.menu ul li a:hover {
position:relative /*IE hack*/; 
z-index:1000 /*IE hack*/; 
background-color:rgb(210,210,210); 
text-decoration:none;
}

.menu ul li a:hover ul {
display:block; 
width:9em; 
position:absolute; 
z-index:999; 
top:25px; 
left:0; 
margin:0;
}

.menu ul li a:hover ul li a {
white-space:normal; 
display:block; 
width:9em; 
height:25px; 
line-height:25px; 
padding:0px 16px 0px 16px;
border-style:solid;
border-width: 1px 0px 0px 1px;
border-color: #000;
margin:0; 
background-color: #dca549; 
font-weight:bold; 
color:rgb(50,50,50);
}

.menu ul li a:hover ul li a:hover {
background-color:white; 
text-decoration:none;
}

/* -----------------------------  FIN MENU  ----------------------------------------- */


div.tableau {
float: left;
text-align:center;
font-size:0.7em;
line-height:1.5em;
margin:0 auto;
padding:0;
width:170px;
}

div.tableau a {
text-align:center;
font-size:1.3em;
line-height:1.5em;
}

div.speciaux {
float: left;
text-align:center;
font-size:0.7em;
line-height:1.5em;
margin:0 auto;
padding:0;
width:250px;
}

div.speciaux a {
text-align:center;
font-size:1.3em;
line-height:1.5em;
}

div.backtableau {
background-color:#fff;
}


div.gallerie {
background-color: #999999;
display:block;
width:600px;
margin-right:auto;
margin-left:auto;
border:double;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
}

div.photogal {
float: left;
text-align:center;
font-size:0.7em;
line-height:1.5em;
margin:5px auto;
padding:5px;
width:190px;
}

div#presse
{

/*	background: url(Lussicam-side2.jpg) no-repeat 0px 45px ; */
	z-index:50;
	margin:0;
	text-align: left ;
	line-height: 1.7em ;
	font-size:0.8em;
}




div#contenu h1 {
font-weight: bold;
font-size: 150%;
padding-bottom:0.2em;
border-bottom: 2px solid #b91842;
text-indent:5px;
color:#243160;
}

div#contenu h2 {
font-weight: bold;
font-size: 130%;
padding-bottom:0.2em;
border-bottom: 1px solid #b91842;
text-indent:5px;
color:#243160;
}

div#contenu a {
text-decoration:none;
font-weight:bold;
}

div#contenu a:hover {
color:red;
font-weight:bold;
}


/* On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */



/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */
p#footer
{
display:block;
background: #dca549;
margin:0;
padding-right: 10px ;
line-height: 20px ;
text-align: right ;
color: #000 ;
font-size:0.6em;
}

p#footer a {
text-decoration:none;
}

p#footer a:visited {
color:blue;
}

p#footer a:hover {
color:red;
}



/*définition post-it */
#encart {
display:block;
float:right;
width:280px;
margin: 0px 5px 5px 5px;
padding-top:92px;
background:url(post-it-top.jpg) left top no-repeat;
}

#encart h3 {
font-size:140%;
font-variant:small-caps;
margin:0 0 0 80px;
}

#bloccadre {
background:url(post-it-bas.jpg) left bottom no-repeat;
padding:10px 15px 90px 40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:0.8em;
line-height:1.3em;
}

#bloccadre ul {
margin: 1em 0 0 1em;
padding:0;
}

#bloccadre li {
margin:0;
list-style-image: url(Testcss/crochet.gif);
}

#bloccadre li a {
color:black;
text-decoration:none;
}

#bloccadre li a:hover {
text-decoration:none;
}

/*définition zone pour boites informations */
#box {
display:block;
padding:5px;
background-color:#ddd8b7;
width:300px;
font-weight:bold;
text-decoration:none;
}

#box a {
text-align:left;
text-indent:0;
}

#box:hover {
color:black;
background:#ddd8b7;
width:300px;}

#box span {display:none;}

#box:hover span {
color:black;
background:#ffffff;
border:1px solid black;
display:block;
padding:10px;
font-weight:normal;}


#boxjob {
display:block;
padding:5px;
background-color:#fff;
width:850px;
font-weight:bold;
text-decoration:none;
}

#boxjob a {
text-align:left;
text-indent:0;
}

#boxjob a:visited {
color:blue;
}

#boxjob:hover {
color:black;
background:#ddd8b7;
width:850px;}

#boxjob span {display:none;}

#boxjob:hover span {
position:absolute;
top:100px;
color:black;
background: #FFFFCC;
border:1px solid black;
display:block;
padding:10px;
font-weight:normal;}


#photos {
clear:both;
display:inline;
background-color: #CCCCCC;
}

#photos a img {
float:left;
padding:0;
margin:2px;
border:1px;
border-style:solid;
border-color:#666666;
}


/*définition pour formulaires */

#frmCourriel {
margin:auto;
background-color:#F5F5F5;
width:650px;
}

#frmCourriel p {
margin: 2px 0;
}

#frmCourriel label {
display:block;
width:29%;
float:left;
padding-right:1%;
letter-spacing:1px;
text-align:right;
font-weight:bold;
line-height:1.4em;
}

#frmCourriel input {
border:1px solid black;
background-color: #dca549;
font-family:"trebuchet ms",sans-serif;
color:black;
}