/*CSS des blocs*/
#gauche { float: left; width:280px; margin:120px 0 60px 15px; padding:260px 0 0 15px; overflow:visible;}/*colonne à gauche*/
#centre {float:right; width: 600px; margin:70px 0 5px 0; padding: 10px; overflow:visible;} /*bloc central de texte*/
#blocaccueil { float:right;width: 600px; height:400px; margin:0 0 5px 0; border-left:3px solid #CFCEDA; border-bottom:2px solid #c03; text-align:center; font-weight:bold; font-family: Arial, Helvetica, sans-serif;font-size:14px;color:#39394c; line-height:16px;}
#bloccontact { float:right;width: 600px; height:370px; overflow-y: scroll; margin:0 0 5px 0; border-left:3px solid #CFCEDA;
text-align:center; font-weight:bold; font-family: Arial, Helvetica, sans-serif;font-size:14px;color:#39394c; line-height:16px;}
#blocpage {overflow:visible;width: 600px;  height:400px; margin:0; border-left:3px solid #39394C; border-bottom:2px solid #c03; background-color:#CFCEDA;}
#blocarticle{overflow:visible;width: 610px; height:340px; margin:0px 0 0px 10px; text-align:center; }
#introduction{width: 135px; height:310px; margin:0px 0 0px 10px; border-right-width: 1px; border-right-style: dashed; background-color: #b1b1c7; padding-right: 10px; text-align:right; float:left;}
#corpus {width:400px; height:320px; margin:0px 0 21px 0px; float:right; text-align:center; color:#333;}
#corpusarticle {width:400px; height:300px; margin:0px 0 21px 0px; float:right; font-family: Arial, Helvetica, sans-serif;font-size:13px;color:#333; font-weight: lighter; line-height:20px; text-align:left;}
#bas { border-left:3px solid #39394C; width:590px; height:30px; margin:0px 0px 50px -3px; padding: 5px; font-size: 13px; text-align: right; color:#39394C; font-style:italic; clear:right;}
#basaccueil {border-left:3px solid #CFCEDA; width:590px; height:30px; margin: -5px 0 15px 0; font-size: 13px; padding: 5px; text-align: right; color:#39394C; font-style:italic; }
#basarticle {border-left:3px solid #39394C; width:590px; height:30px; margin: 1px 0 15px -3px; font-size: 13px; padding: 5px; text-align: right; clear:right; color:#39394C; font-style:italic; }
#pied { width:950px; font-size: 11px; margin: 0 auto; text-align: center; padding: 10px 0 0 0; clear:both;background-color:#262626;}
#miseajour { font-size: 10px; color:#666; text-align:center; padding:5px 25px 0 0; font-style:italic;background-color:#262626;}/*mise à jour*/
a:hover {color:#c03; }
img {border:none;}
/* style image laure*/
/* --- système de vignettes à éclipse module logo gauche-----*/
a {background:none; text-decoration:none;border:0px none;color:#39394d;}
a.zip2 {text-decoration: none;}
a.zip2:hover { border:none;}
a.zip2 span {display:block; position:absolute; top:200px; left:-99em; }
a.zip2:hover span {left:280px; top:100px;}
.laure {width:230px; height:230px; margin:5px; border:none;}
/* --- système de vignettes à éclipse des pictos-----*/
a.zip {text-decoration: none;}
a.zip:hover { border:none;}
a.zip span {display:block; width:285px; background:#333; border:2px solid #000; padding:10px 30px 10px 10px; position:absolute; top:80px; left:-999em; text-align: center; color:#ccc; font-size:12px; }
a.zip:hover span {left:0px;}
#galerie {border:1px solid #fff;width:560px; background:#fff;}
a.zip:hover span {left:245px; }



h1 {font-family: Arial, Helvetica, sans-serif;font-size: 12pt;color: #39394d;line-height:25px;margin:0 2px;font-variant: small-caps;letter-spacing: 0.5em; }
h2 {font-family: arial black,avant garde, sans-serif; font-size: 10pt; color: #39394d; line-height:25px; font-style:italic; display: inline; margin:0 2px;}
h3 {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#333; font-weight: lighter; line-height:18px; display: inline;}
h3 a {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#000; font-weight: bold; line-height:18px; display: inline;}
h3 a:hover {color:#c03;}
#bas a {padding:0 8px;	color:#333;	}
#bas a:hover {color:#c03;}
#pied a {padding:0 15px; color:#cfceda; letter-spacing: 0.1em; word-spacing:0.1em; }
#pied a:hover {color:#c03;}
ul {list-style:none;}

/*css articles OB*/
.titredelarticle {width:330px; margin:0px 0 20px -15px; padding: 2px 10px 0 20px; height:18px; letter-spacing:2px; color:#AAA; font-family: Trebuchet, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:bolder; font-style:italic; background-color:#39394b; text-align:left;}
h4 {font-family: Arial, Helvetica, sans-serif;font-size:13px;color:#262626; line-height:16px; font-weight:lighter;}
.vignette {width:70px; height:70px; margin:5px; border:1px solid #000;}
.vignetteref {width:65px; height:65px; border:1px solid #000;}
.vignettephoto {width:60px; height:60px; border:1px solid #000;}
.laure {width:230px; height:230px; margin:5px; border:none;}
.logocarre{width:212px; height:212px;}
.logoblanchard {width:281px; height:96px;}
.logobijou {width:183px; height:220px;}
.logoegg {width:250px; height:116px;}
.logofaun {width:79px;height:230px;}
.logovpa {width:171px;height:250px;}
.logovuda {width:260px; height:137px;}
.logojabelin{width:226px; height:251px;}
.cartecarre{width:210px; height:210px;}
.cartevertical {width:159px; height:241px;}
.cartehorizontal {width:241px;height:156px;}
.etape {width:60px;height:60px;}
.refcarre{width:212px; height:212px;}
.refblanchard {width:281px; height:96px;}
.internetgrande {width:300px; height:142px; border:1px solid #808080;}
.interneteli {width:300px; height:208px; border:1px solid #808080;}
.internettom {width:300px; height:145px; border:1px solid #808080;}
.internetvignette {width:60px; height:60px;}
.internetvuda {width:300px; height:143px;border:1px solid #808080;}
.deriveanglais {width:300px; height:212px;}
.derivebache {width:105px; height:250px;}
.derivefaun {width:300px; height:107px; padding:0px 20px 0 0px;}
.deriveaena {width:198px; height:280px; }
.derivecalendrier {width:250px; height:197px;}
.deriveclasseur {width:300px; height:171px;}
.deriveintercalaire {width:177px; height:250px;}
.initiation {width:80px; height:80px; margin:0px; border:1px solid #000;}
.invitbruno {width:250px; height:181px;}
.invitstella {width:250px; height:173px;}
.invitmichele {width:250px; height:237px;}
.invitexposition {width:250px; height:177px;}
.invitmarieliesse {width:113px; height:250px;}
.msidgrand  {width:300px; height:225px;}
.photogrande {width:300px; height:201px;}
.refphotogrande {width:300px; height:106px;}
.photonh {width:201px; height:300px;}
.photodh {width:199px; height:300px;}
.photodl {width:300px; height:199px;}
.photoc {width:201px; height:201px;}
.foto {width:70px; height:70px; margin:0px; border:1px solid #000;}
.pack {width:208px; height:270px;}
.tarifsbureau {width:290px; height:205px;}
.tarifsmaintenance {width:290px; height:305px;}
.tarifsmariage {padding:2px 5px; border-top:1px solid #39394C;border-left:1px solid #39394C; line-height:15px; }
.tarifsmariage2 {padding:0 5px; border-top:1px solid #39394C;border-right:1px solid #39394C;border-left:1px solid #39394C; text-align:right; line-height:15px; }
.vpa {width:300px; height:150px;}
.mariage {width:234px; height:350px;}
.mariagep {width:47px; height:70px;}

body {font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 40px 0 0 0; background-color:#262626;}
#page { padding: 0px; width: 970px; height:530px; margin:0 auto; background-color: #CFCEDA;  }/*module bannière*/


/*css des catégories du haut*/
#Nav {
	border: none;
	margin: 5px 0px 30px 400px;
	padding:5px 0 0 0;
	height: 20px;
	font-family:arial, helvetica, sans-serif;
	text-align:left;
	line-height: 12px;
	position:absolute; 
}
#Nav li {margin: 2px -15px 0 0px; float: left; padding: 0; } /*Menu en ligne horizontale*/
 #Nav li a {display: block; color: white; text-decoration: none; margin: 0; padding: 3px; }
 #Nav li a:hover,#Nav li a:active {display: block; color: white; text-decoration: none; margin: 0; padding: 3px; }
 .Menu {padding: 0; margin: 0; list-style: none; display: none; }






#Nav .menu1  {background: #4b1313; text-align:left; color:#CFCEDA; font-size:12px; text-transform: none; padding: 5px; width:77px; font-weight:bold; }/* catégorie2*/
#Nav .menu1 li a {display: block; background-color: #fff; color: #4b1313; text-decoration: none; line-height:18px; height:18px; width:69px; padding:1px 2px; font-weight:normal;  }
#Nav .menu1 li a:hover {display: block; background-color: #CFCEDA; color: #4b1313; text-decoration: none;	margin: 0; width:69px; }

#Nav .menu2  {background: #cb0133; text-align:left; color:#CFCEDA; font-size:12px; text-transform: none; padding: 5px;width:85px; }/* catégories*/
#Nav .menu2 li a {display: block; background-color: #fff; color: #cb0133; text-decoration: none; line-height:18px; height:18px; width:75px; padding:1px 2px;}
#Nav .menu2 li a:hover {display: block; background-color: #CFCEDA; color: #cb0133; text-decoration: none;	margin: 0; width:75px; }

#Nav .menu3  {background: #998365; text-align:left; color:#CFCEDA; font-size:12px; text-transform: none; padding: 5px;width:90px;}/* catégories*/
#Nav .menu3 li a {display: block; background-color: #fff; color: #998365; text-decoration: none; line-height:18px; height:18px; width:80px; padding:1px 2px;}
#Nav .menu3 li a:hover {display: block; background-color: #CFCEDA; color: #998365; text-decoration: none;	margin: 0; width:80px; }

#Nav .menu4  {background: #96be10; text-align:left; color:#CFCEDA; font-size:12px; text-transform: none; padding: 5px;width:80px;}/* catégories*/
#Nav .menu4 li a {display: block; background-color: #fff; color: #96be10; text-decoration: none; line-height:18px; height:18px; width:70px; padding:1px 2px;}
#Nav .menu4 li a:hover {display: block; background-color: #CFCEDA; color: #96be10; text-decoration: none;	margin: 0; width:70px; }

#Nav .menu5  {background: #39394d; text-align:left; color:#CFCEDA; font-size:12px; text-transform: none; padding: 5px;width:90px;}/* catégories*/
#Nav .menu5 li a {display: block; background-color: #fff; color: #39394d; text-decoration: none; line-height:18px; height:18px; width:80px; padding:1px 2px;}
#Nav .menu5 li a:hover {display: block; background-color: #CFCEDA; color: #39394d; text-decoration: none;	margin: 0; width:80px; }