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

/*Le codes a jocelyn*/

html{height: 100%}
blockquote{}
ul, ol{margin: 0;padding: 0px 20px 2px 20px;list-style: disc;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}
*html a, *html input
{
position: relative;
z-index: 1;
}

/*Mise en pages des blocs principaux*/
body{ width:auto; height:100%; margin:0px; padding:0px; font-family:Arial; font-size:12px; text-align:center; color: #666; background:#fff url(../../img/background.jpg) center top no-repeat;}

a.conseil, a {
font-size: 12px;
color: #990000;
text-decoration: none;
}
a.conseil:hover, a:hover {
font-size: 12px;
color: #990000;
text-decoration: underline;
}

#main {width:862px; margin-left:auto; margin-right:auto; text-align:justify;}

#headerTop {width:862px; padding-top:0px; text-align:right;}
#headerTop a{font-variant:small-caps; font-weight:bold; text-decoration:none; color:#000; padding-right:15px;}
#headerTop a:link{color:#000;}
#headerTop a:hover{color:#666;}
#headerTop a:visited{color:#000;}

#headerMiddle {width:862px; height:248px; background:url(../../flashRotator/madrid1.jpg) center center no-repeat;}
#headerMiddle.en {width:862px; height:248px; background:url(../../flashRotator/madrid1EN.jpg) center center no-repeat;}
#headerMiddle a{ display:block; width:160px; height:40px; float:right; margin-top:205px; }
#headerMiddle h1{color:#333; font-size:1.1em; padding-top:30px; padding-right:15px;}
#headerMiddle h2{color:#333; font-size:1em; padding-top:30px; padding-right:15px;}
#headerMiddle h3{color:#C00; font-size:1.6em; font-weight:normal; margin-top:-20px; line-height:normal; padding-right:15px;}
* html #headerMiddle h3{margin-top:-25px;}
#headerMiddle img{padding-top:30px; padding-right:15px;}
* html #headerMiddle img{margin-top:0px; margin-right:15px;}

#nav {width:862px; height:35px; background:#333; font-variant:small-caps; vertical-align:middle;}
#nav a{color:#FFF; font-size:1.5em; font-weight:bold; text-decoration:none;}
#nav a:link{color:#FFF;}
#nav a:hover{color:#CCC;}
/*#nav a:visited{color:#FFF;}*/
#nav img{margin-left:20px; margin-top:10px; margin-right:1px;}

#contenant {width:862px; background-color:#FFFFFF;}
* html #contenant {width:862px; margin:0px;}
#contenant #case1{width:511px; height:600px; background:#FFF url(../../img/bgTexte.jpg) no-repeat; float:left;}
#contenant #case1 img{padding-top:7px; padding-left:24px; padding-right:19px;}
#contenant #case1 p{ font-weight:bold; padding-top:10px; padding-left:24px; padding-right:24px;}

#contenant #full{width:832px; background:url(../../img/fondProduits.jpg) repeat-x; float:left; padding:0px 15px 15px 15px;}
#contenant #full p{padding-left:15px; padding-right:15px; text-align:justify;}
#contenant #full_mariage{width:832px; /*background:url(../../img/background_mariage.jpg) no-repeat;*/ float:left; padding:0px 15px 15px 15px;}
#contenant #full_mariage img {
  border: 1px solid #e1e1e1;
  margin: 8px;
}
#contenant #full_mariage a:hover img {
  border: 1px solid #610706;
  margin: 8px;
}
#contenant #case2{width:351px; background:#E4E4E4; float:left;}
#contenant #case2 #contact{width:351px; height:217px; background:url(../../img/bulletin.jpg);}
#contenant2 #case2 #contact{width:80px; height:217px; background:url(../../img/bulletin2.jpg);}
#contenant #case2 #contact.en{background:url(../../img/bulletin_en.jpg);}
#contenant #case2 #contact p{color:#FFF; font-weight:bold; margin:0px; padding-top:75px; padding-left:90px; padding-right:20px; text-align:right;}
#contenant #case2 #contact input{margin-top:5px; margin-left:35px; padding:3px 0; float:left;}
#contenant #case2 #contact a{display:block; width:89px; height:28px; background-image:url(../../img/submit.gif); background-repeat:no-repeat; float:left; margin-top:5px; margin-left:15px;}
#contenant #case2 #contact a.en{background-image:url(../../img/submit_en.gif);}
#contenant #case2 #contact a.submitEn{background-image:url(../../img/submitEN.gif); }
#contenant #case2 #tendance{width:351px; height:178px; background:url(../../img/tendances.jpg) no-repeat; text-align:center;}
#contenant #case2 #certificat{width:351px; height:284px; background:url(../../img/certificat.jpg); }
#contenant #case2 #certificat.en {width:351px; height:284px; background:url(../../img/certificat_en.jpg); }
#contenant #case2 #certificat a{color:#900; font-variant:small-caps;}
#contenant #case2 #certificat a:hover{color:#666;}
#contenant #case2 #certificat p{padding-left:17px; padding-right:17px; text-align:justify;}

#contenant #case3{width:510px; background:url(../../img/bgCase3.jpg) no-repeat; float:left; font-size:12px;}
#contenant #case3 strong{}
#contenant #case3 h1{font-size:1.3em; font-variant:small-caps; color:#990000; padding-left:15px; }
*html #contenant #case3 h1{margin-top:5px;}
#contenant #case3 p{ padding-left:15px; padding-right:20px; margin-top:-5px;}
#contenant #case3 input, select, textarea{margin-left:15px; margin-top:-12px; margin-bottom:15px; display:block;}
#contenant #case3 a{ display:block; width:92px; height:19px; background:url(../../img/btnEnvoyer.gif) no-repeat; margin-left:347px; margin-bottom:30px;}
#contenant #case3 ul{text-align:left;}
#contenant #case3 li{list-style-image:url(../../img/puce-il.gif);}

#contenant #case4{width:352px; height:700px; float:left; background:url(../../img/bgcase4.jpg) no-repeat top right;}
#contenant #case4.en{background:url(../../img/bgcase4_en.jpg) no-repeat;}
#contenant #case4 img{margin-left:15px; margin-top:20px; border:#666666 solid 1px;}
#contenant #case4 a{ display:block; width:148px; height:21px; background:url(../../img/btnMap.gif) no-repeat; margin-left:200px; margin-top:350px;}
#contenant #case4 a.en{background:url(../../img/btnMap_en.gif) no-repeat;}

#contenant #case5{width:510px; background:url(../../img/BigDregrade.jpg) no-repeat; float:left; height:600px;}
#contenant #case5 h1{font-size:1.3em; font-variant:small-caps; color:#990000; padding-left:15px; margin-bottom:-5px}
*html #contenant #case5 h1{margin-top:5px; margin-bottom:-15px}
#contenant #case5 p{ padding-left:15px; padding-right:20px;}
#contenant #case5 p.commentaire{font-size:0.6em; padding-left:60px; padding-right:20px;}
#contenant #case5 p.alinea{font-size:0.7em; padding-left:60px; padding-right:20px;}
#contenant #case5 p.petit{font-size:0.6em;}
#contenant #case5 ul{padding-left:75px;}
#contenant #case5 li{list-style-image:url(../../img/puce-il.gif);}
#contenant #case5 a{text-decoration:none;font-size:12px; text-aling:center;}
#contenant #case5 a:hover{text-decoration:underline;}
#contenant #case5 h2{width:200px; /*background:url(../../img/degradRouge.gif) repeat-x;*/ background-color:#990000; font-size:13px; text-align:right; padding: 3px; font-weight: bold; color:#fff;}


#contenant #case6{width:352px; height:600px; background:url(../../img/DEGRADfONCE.jpg) repeat-x; float:left; text-align:center; padding-top:50px;}
* html #contenant #case6{width:352px; background:url(../../img/DEGRADfONCE.jpg) repeat-x; float:left; height:600px; text-align:center; padding-top:50px;}
#contenant #case6 img{margin-top:45px; margin-left:5px;}
* html #contenant #case6 img{margin-top:30px;}
#contenant #case6 ul{padding-left:55px; text-align:left;}
#contenant #case6 a{ color:#666666;}
#contenant #case6 li{font-size:0.7em; list-style-image:url(../../img/puce-il.gif);}
#contenant #case6 p{font-size:0.7em; padding-left:40px; padding-right:10px; display:block; margin-bottom:60px; text-align:left;}
#contenant #case6 h1{display:block; background:url(../../img/degradRouge.gif) repeat-x; font-size:1em; text-align:right; margin-top:50px; margin-bottom:100px; }

#contenant #case7{width:510px; background:url(../../img/BigDregrade.jpg) no-repeat; float:left;}
#contenant #case7 h1{font-size:1.3em; font-variant:small-caps; color:#990000; padding-left:15px; margin-bottom:-5px}
*html #contenant #case7 h1{margin-top:5px; margin-bottom:-15px}
#contenant #case7 p{ padding-left:15px; padding-right:20px;}
#contenant #case7 p.gras{font-weight:bold;}
#contenant #case7 table{ margin-left:15px;}
#contenant #case7 input{}
#contenant #case7 img{margin:20px;}
#contenant #case7 td select{ margin-top:5px; vertical-align:text-top;}
#contenant #case7 td a{display:block; width:92px; height:19px; background:url(../../img/btnEnvoyer.gif) no-repeat; margin-left:15px; margin-top:15px; margin-bottom:60px;}
#contenant #case7 td a{display:block; width:92px; height:19px; background:url(../../img/btnParcourir.gif) no-repeat; margin-top:0px; margin-bottom:0px;}

#contenant #case8{width:352px; height:600px; background:url(../../img/DEGRADfONCE.jpg) repeat-x; float:left; min-height:300px; text-align:center;}
* html #contenant #case8{height:500px;}
#contenant #case8 img{margin-top:45px;}
* html #contenant #case8 img{margin-top:30px;}

#contenant #case9{width:862px; background:url(../../img/fondProduits.jpg) repeat-x; float:left; padding-bottom:60px;}
#contenant #case9 h1{font-size:1.3em; font-variant:small-caps; color:#990000; padding-left:15px; margin-bottom:-5px; text-align:left;}
#contenant #case9 h2{font-size:1.3em; text-align:center;}
*html #contenant #case9 h1{margin-top:5px;}
#contenant #case9 table{font-size:0.7em;}
#contenant #case9 img.separateur{margin-top:20px; margin-bottom:20px;}
#contenant #case9 td{ border-bottom:dashed #990000 1px;}
#contenant #case9 td.top{ border-left:none;}
#contenant #case9 a{color:#990000;}
#contenant #case9 a:hover{color:#666;}
#contenant #case9 p{font-size:0.7em;}

#contenant #case10{width:350px; height:500px; background:url(../../img/degrade.jpg) no-repeat; float:left; padding-top:10px;}
* html #contenant #case10{width:350px; background:url(../../img/degrade.jpg) no-repeat; float:left;}
#contenant #case10 ul{padding-left:25px; text-align:left; margin-top:-10px;}
#contenant #case10 li{font-size:0.7em; list-style-image:url(../../img/puce-il.gif);}
#contenant #case10 p{font-size:0.7em; padding-left:10px; padding-right:10px; text-align:left;}
#contenant #case10 h1{font-size:0.7em; padding-left:10px;}

#contenant #case11{width:510px; background:url(../../img/BigDregrade.jpg) no-repeat; float:left; padding-bottom:60px;}
#contenant #case11 h1, h1{font-size:1.3em; font-variant:small-caps; color:#990000; padding-left:15px; margin-bottom:-5px; text-align:left;}
*html #contenant #case11 h1, h1{margin-top:5px;}
#contenant #case11 h2, h2{font-size:1.6em; font-weight:normal; font-variant:small-caps; color:#990000; margin-bottom:-7px;left; margin-top:0px; padding-left:15px;}
#contenant #case11 h3, h3{font-size:1.2em; font-variant:small-caps; color:#666; margin:0px; padding:2px; text-align:right;}
#contenant #case11 h4, h4{font-size:1.2em; font-variant:small-caps; color:#666; margin-bottom:0px; margin-top:10px; padding:0px; text-align:left;}
#contenant #case11 h5, h5{font-size:1.3em; font-variant:small-caps; color:#990000; margin-bottom:0px;left; padding-left:15px;}
#contenant #case11 h6, h6{font-size:1.2em; font-variant:small-caps; color:#666; margin:0px; padding-left:15px;}
#contenant #case11 p{padding-left:15px; padding-right:30px; text-align:justify;}
.huge{ font-weight:bold;}
#contenant #case11 table{font-size:1.3em; font-variant:small-caps;}
#contenant #case11 table.liste{ font-variant:small-caps; vertical-align:top; font-size:12px;}
#contenant #case11 table p{margin-bottom:10px;}
#contenant #case11 table td.services{background:url(../../img/degrad.gif) repeat-x #fff; padding-top:10px; height:200px;}
#contenant #case11 table td.prix{background:url(../../img/degradRouge.gif) repeat-x #FFFFFF; padding-top:0px; margin-top:0px;}
#contenant #case11 table td.description{padding-top:1px; padding-bottom:1px; padding-left:160px;}
#contenant #case11 img{padding-right:5px; margin-bottom:50px;}
#contenant #case11 img.nospace{padding-right:5px; margin-bottom:0px; padding-left:15px;}
#contenant #case11 img.tendance{margin-left:15px; margin-bottom:0px; border:1px #000000; float:left; padding-top:10px;}


#contenant #case12 {width:350px; background:url(../../img/degrade.jpg) no-repeat; float:left; padding-top:10px;}
#contenant #case12  h1{font-size:1.3em; font-variant:small-caps; color:#990000; padding-left:15px; margin-bottom:-5px; text-align:left;}

#contenant #case12  table{ background:url(../../img/degrade.jpg) no-repeat; margin-top:50px;}
#contenant #case12  p{padding:15px;}
#contenant #case12  table h1{ padding:0px; margin:0px;}
#contenant #case12  table h2{padding:0px; margin:0px; font-variant:small-caps;}
#contenant #case12  table h3{ padding:0px; margin:0px; font-variant:small-caps;}
#contenant #case12  table h4{ padding:0px; margin:0px; font-variant:small-caps; font-style:italic; color:#990000;}
#contenant #case12  table a{display:block; width:215px; height:31px; background:url(../../img/btn_rendez-vous2.gif) center; margin-top:5px;}
#contenant #case12  table a.en{background:url(../../img/btn_rendez-vous2_en.gif)}
#contenant #case12  table p{ padding-right:15px;}
#contenant #case12  table p.petit{ padding-right:15px; padding-top:0px; padding-left:0px;}
#contenant #case12  #certificatCadeau{width:352px; height:520px; background:url(../../img/certificat2.jpg) no-repeat top;}
#contenant #case12  #certificatCadeau h1{margin-top:0px;}
#contenant #case12  #certificatCadeau p{padding-top:0px;}
#contenant #case12  a{color:#990000;}
#contenant #case12  a:Hover{color:#999;}

#contenant #case13 {width:352px; background:url(../../img/bgtendances.jpg) repeat-x; float:left; padding-top:50px; height:600px; text-align:center;}
#contenant #case13.en  {background:url(../../img/bgtendances_en.gif) repeat-x; }
#contenant #case14{width:510px; background:url(../../img/bgCase3.jpg) no-repeat; float:left; height:500px;}
#contenant #case14 h1{font-size:1.3em; font-variant:small-caps; color:#990000; padding-left:15px; margin-bottom:-5px}
*html #contenant #case514 h1{margin-top:5px; margin-bottom:-15px}
#contenant #case14 ul{padding-left:30px; padding-top:20px;}
#contenant #case14 li{font-size:1em; list-style-image:url(../../img/puce-il.gif); font-variant:small-caps; padding-top:5px;}
#contenant #case14 a{ text-decoration:none; color:#666666;}
#contenant #case14 a:hover{color:#CCC;}
#contenant #case14 a:visited{color:#990000;}


#contenant #case15 img{margin-top:15px; margin-left:0px;}
* html #contenant #case15 img{margin-top:10px;}
#contenant #case15ul{padding-left:55px; text-align:left;}
#contenant #case15 li{font-size:0.7em; list-style-image:url(../../img/puce-il.gif);}
#contenant #case15 p{font-size:0.7em; padding-left:40px; padding-right:10px; display:block; margin-bottom:60px; text-align:left;}


#footer{width:867px; background:#FFF; font-variant:small-caps; text-align:center;}
#footer a{text-decoration:none; color:#666;}
#footer a:link{color:#666;}
#footer a:hover{color:#333;}
#footer a:visited{color:#999;}

#remplissage{width:867px; height:140px; background:url(../../img/remplissage.jpg) no-repeat;}


/*styles de base*/



/*stles prsonnalisés*/
#listPage { margin:10px 24px 10px 10px; float:right; clear:both; }
#listPage a{ margin-right:10px; color:#900;}
#listPage a.active{ color:#000; text-decoration:none;}
#listPage a:hover{ color:#000;}
.interrogation {font-size:0.9em;}
.rouge {color:#900; text-align:right;}
.lien1 {padding-left:252px;}
.lien2 {padding-left:100px; padding-top:135px; display:block;}
.lien3 {padding-left:282px;}
.lien4 {padding-left:130px; padding-top:135px; display:block;}
.nonflottant {clear:both;}
.espace {margin-bottom:65px;}
.blank {margin-top:50px; margin-bottom:20px;}
.alignRight { text-align:right;}


#contenant #case7 td a.lien_file{
    display:block;
    position:relative;
    width:233px;
    height:20px;
    background:url(../../img/btnParcourir.gif) no-repeat top right;
	text-decoration:none;
	cursor:pointer;
}
#contenant #case7 td a.lien_file_en{
    display:block;
    position:relative;
    width:233px;
    height:20px;
    background:url(../../img/btnParcourir_en.jpg) no-repeat top right;
	text-decoration:none;
	cursor:pointer;
}

.input_file{
    position:absolute;
    top:0;
	left:-15px;
    right:0;
    opacity:0;
    filter:alpha(opacity=0);
	cursor:pointer;
}
#input_text{
    position:absolute;
    top:0;
	left:-15px;
	cursor:pointer;
}

*html h1{ margin-top:15px; }
*+html h1{ margin-top:15px; }

/* Galeries d'image pour métamorphoses */
.galleria {
  margin-left: 50px;
}
.galleria img {
  /*border: 1px solid #cccccc;*/
  margin-right: 8px;
}
.galleria a:hover img {
  /*border: 1px solid #000;*/
  margin-right: 8px;
}
#contenant #case5 .galleria p {
  padding: 0;
}
.galleria .before {
  float:left;
  width:150px;
  margin-right:50px;
}
.galleria .after {
  float:left;
}
.top{
padding-top:20px; 
padding-left:180px;	
}