* { padding:0; margin:0; outline:none; }
body { background: #CFCFCF url('images/fond-body.jpg') no-repeat center 0; font:normal 11px Georgia, "Times New Roman", Times, serif; color: #343434; text-align:justify; }
h1 {  font:normal 11px Georgia, "Times New Roman", Times, serif; text-align: center;}

h2 { /*text-indent:-5000px;*/ font: bold 14px Verdana, Arial, Helvetica, sans-serif; border:1px solid ; border-top:none; border-left: none; clear: both; margin:0 0 10px 0; padding:0 0 5px 0; }

#intro { text-align:center; color:#8eb3df; width:550px; height:400px; margin:100px auto;}

#intro a { color:#8eb3df; }

a img{ border:none; }

.rose { color:#B00057;}

a:hover { text-decoration:none; }

.imggal { padding:0; margin:0 32px 32px 0; text-indent:-5000px; float:left; border-bottom:2px solid #808080; border-right:2px solid #808080; border-top:1px solid #666; border-left:1px solid #666; display:block; }

.imggal:hover { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity :0.7; border-bottom:1px solid #808080; border-right:1px solid #808080; border-top:2px solid #666; border-left:2px solid #666; }

.center {text-align:center}

#page { width:925px; margin:0 auto; background:transparent url('images/fond-page.jpg') no-repeat; }

#page2 { width:925px; margin:0 auto; background:transparent url('images/fond-page2.jpg') no-repeat; }

#page3 { width:900px; margin:0 auto;}

#entete { width:600px; height:610px; background:#808080; float:left; background:transparent url('images/fond-menu.jpg') no-repeat;  }

#entete2 { width:925px; height:60px; clear:both;}

#logo-cf { float:left; width:325px; height:54px; background: url('images/logo.jpg') no-repeat;}

#titre { float:left; width:325px; height:30px; margin-top:10px; margin-top:5px;}

#titre2 { float:left; width:925px; height:34px;}

#contenu { float:left; width:295px; height:430px; min-height:430px; _height:430px; padding:10px 20px 0 10px; color:#808080;}

#contenu2 { float:left; width:915px; height:500px; min-height:500px; _height:500px; padding:0 5px 0 5px; color:#808080;}

#conteneur{ float:left; width:325px; height:610px; background: url('images/conteneur.jpg') no-repeat; color:#808080;}

#contenu a { color:#808080; }

#contenu p { padding:0 0 15px 0; line-height:18px; color:#808080; }

.contenu-texte { padding:10px 0 10px 10px; height:415px; width:900px; color:#808080;}

.contenu-texte2 { padding:10px 0 10px 10px; height:415px; width:900px; color:#808080;}

.contenu-texte2 a{  color:#808080;}

#adresse { display:block; float:left; padding:23px 0 0 15px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; }

#pied { clear:both; width:800px; height:47px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FBF9E6; }

.lien { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; }

.image img { padding:0 0 0 35px; }

#lfprod { display: block; float:right; font: normal 9px Verdana, Arial, Helvetica, sans-serif; padding:23px 12px 0 0; }

#accueil { text-align:center; padding:0 0 15px 0; }

#accueil img { padding-right:20px }

hr { clear:both; border:1px dashed #808080; border-right:0px; border-left:0px; }

#mariage { float:left; width:370px; padding:10px; }

#cocktail { float:left; width:370px; padding:10px; }

#galerie { text-align:center; }

#galerie img { border:none }

#lf { text-align:center; color:#555; font: normal 9px Verdana, Arial, Helvetica, sans-serif; padding:0 0 10px 0; clear:both; }

#lf a { color:#555; text-decoration:none }

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
#formulaire { text-align:center; width:420px; padding: 0 0 0 60px; float:left;  font:normal 11px Georgia, "Times New Roman", Times, serif; color:#808080; margin:0 20px 0 0 } /* carateristique du formulaire */

#formulaire * { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */

.fieldset { border:1px solid #c3c2c2; padding:10px; }

.legend { font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 15px; background: #c3c2c2; color:#fff; height:20px }
.legend a{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 15px; background: #c3c2c2; color:#fff; height:20px }

.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */

.pform { padding:0; text-align:left; clear:both; } /* carateristique des p */

.inputform { width:190px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */

.labelform2 { width: 80px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */

.labelform3 { width: 52px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */

.pform2 { padding:0; text-align:left; float:left; width:197px; } /* carateristique des p */

.inputform2 { width:130px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */

.textareaform { width:393px; height:80px; overflow: auto; } /* carateristique du textarea */

.selectform { height:18px; float:left; margin: 0 5px 0 2px;  font:normal 11px Georgia, "Times New Roman", Times, serif; color:#808080; width:133px; padding:0; } /* carateristique des select */

.labelmessage { width:95px; } /* carateristique du label contenant "Votre message" */

#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */

.inputenvoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; } /* carateristique de l'input "envoyer mon message" */

.divtexte { margin: 5px 0 0 0; } /* carateristique de la div contenant le texte du captchat*/

#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */

.divimagecaptchat { border:1px solid black; padding: 0 0 0 100px; } /* carateristique de la div entourant l'image captchat */

.transp, .inputtexte { background: #DCE8F4; border: 1px solid #808080;  font:normal 11px Georgia, "Times New Roman", Times, serif; color:#808080; } /* pour rendre les input et textarea transparent avec une bordure */

#coordonnees { display:block; width:250px; background: #F8C784; color:#8E056D; height:14px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 15px; margin:0 0 5px 0 }

/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/	
			
div#mention { text-align:center; color:#808080; line-height:16px; width:220px; margin:0 0 0 40px; float: left; background:transparent url('images/logo-contact.gif') no-repeat 0 32px; }

div#mention a { color:#808080; text-decoration:underline }

div#mention a:hover { color:#808080; text-decoration:none }

div#mention2 { text-align:center; color:#808080; line-height:16px; width:220px; margin:61px 0 0 40px; float: left; background:transparent url('images/logo-contact.gif') no-repeat 0 22px;}

div#mention2 a { color:#808080; text-decoration:underline }

div#mention2 a:hover { color:#808080; text-decoration:none }

	/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
.carre-part {text-align:center; float:left; margin:5px; color:#808080}
.fond-gris { background-color:#CCC; padding:5px;}
div.diaporama { width:900px; margin-left:8px;}
/**  CAROUSEL.CSS  **/
/*************************
******** Arrows **********
**************************/	
div.jMyCarousel{
}

div.jMyCarousel .prev{
	background: url('img/prev.png') center center no-repeat;
	width:100px;
	height:61px;
	border:0px;
}
div.jMyCarousel .next{
	background: url('img/next.png') center center no-repeat;
	width:100px;
	height:61px;
	border:0px;
}

/** carousel 1 **/
div.jMyCarousel ul{
	height: 412px;
	text-align:center;
	background-color:;
}
div.jMyCarousel ul li{
	border:0px solid #fff;  /* border stays the same */
	float:left;
	padding: 10px 5px 5px 5px;
	margin: 3px;
	line-height:0px;
	text-align: center;
	background-color:;
	color:#555;
}
div.jMyCarousel p{
	margin: 5px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
	border:0px;
}

div.jMyCarousel ul li a img{
	display:block;
	border:0px;
}

.diapo-book{
	margin:0 5px 0 45px;
	height:438px;
	overflow:auto;
	margin-right:20px;
	background-color:#808080
}
.diapo-book li{
 	display:inline;
 	float:left;
	width:150px;
	height:220px;
	text-align:center;
	padding:2px;
	margin:3px;
	background-color:#444;
	color:#fff;
}
.diapo-book ul{
 	display:block;
	text-align:center;
}

/*******TABS**************/
ul.tabs {
	margin: 0; margin: 0;
	padding: 0; padding: 0;
	float: left; float: left;
	list-style: none; list-style: none;
	height: 32px; /*--Set height of tabs--*/ Hauteur: 32px; / *-- Régler la hauteur des onglets - * /
	border-bottom: 1px solid #999; border-bottom: 1px solid # 999;
	border-left: 1px solid #999; border-left: 1px solid # 999;
	width: 100%; width: 100%;
} 
ul.tabs li { li {ul.tabs
	float: left; float: left;
	margin: 0; margin: 0;
	padding: 0; padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/ Hauteur: 31px; *-- Soustraire 1px / du haut de la liste non ordonnée - * /
	line-height: 31px; /*--Vertically aligns the text within the tab--*/ line-height: 31px; / *-- aligne verticalement le texte dans l'onglet - * /
	border: 1px solid #999; border: 1px solid # 999;
	border-left: none; border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/ margin-bottom: 1px-; / *-- Tirez l'élément de liste à 1px - * /
	overflow: hidden; overflow: hidden;
	position: relative; position: relative;
	background: #e0e0e0; background: # e0e0e0;
} 
ul.tabs li a { ul.tabs li a {
	text-decoration: none; text-decoration: none;
	color: #000; color: # 000;
	display: block; display: block;
	font-size: 1.2em; font-size: 1.2em;
	padding: 0 20px; padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ border: 1px # fff solides; / *-- donne l'apparence d'angle avec un blanc à l'intérieur des frontières 1px l'élément de liste - * /
	outline: none; outline: none;
} 
ul.tabs li a:hover { ul.tabs li a: hover {
	background: #ccc; background: # ccc;
} 
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ ul.tabs html li.active, ul.tabs html li.active a: hover {/ *-- S'assure que l'onglet actif n'écoute pas les propriétés hover - * /
	background: #fff; background: # FFF;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ border-bottom: 1px # fff solides; / *-- donne l'impression que l'onglet actif, comme il est connecté avec son contenu - * /
} 
 .tab_container { . Tab_container {
	border: 1px solid #999; border: 1px solid # 999;
	border-top: none; border-top: none;
	overflow: hidden; overflow: hidden;
	clear: both; clear: both;
	float: left; width: 100%; float: left; width: 100%;
	background: #fff; background: # FFF;
} 
.tab_content { . Tab_content {
	padding: 20px; padding: 20px;
	font-size: 1.2em; font-size: 1.2em;
}