
* { margin:0; padding:0; outline:none; }

body { background: #FF9600 url('images/bgfond.gif') repeat-x; text-align:justify; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

h1.intro { font: normal 20px "Times New Roman", Times, serif; text-align:center; margin: 0 auto 0 auto; color: #FFFF00; position:relative; z-index:10; width:958px; padding-left:160px; letter-spacing:2px }

h2 { background: transparent url('images/h2.gif') repeat-x; color:#2A7F2A; height:14px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 15px; margin:0 0 10px 0; text-transform:uppercase; text-align:center }

h3 a { text-decoration:none }

h3 { background: transparent url('images/h3.gif') repeat-x; color:#fff; height:14px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding:2px 15px; margin:0 0 5px 0; text-transform:uppercase; text-align:center; letter-spacing:1px; clear:both }

a { }

a:hover { text-decoration:none }

.index { text-align:center; color:#fff; }

.index a { color:#fff; }

#flashindex { margin:-42px 0 0 0 }

#page { width:958px; margin: 0 auto; }

#background { width:958px; background: transparent url('images/repetition.gif') repeat-y; min-height:422px; _height:422px; }

#menu { width:211px; height:514; float:left; background: transparent url('images/menu.gif') no-repeat; }

#entete { width:747px; height:181px; float:left; background: transparent url('images/head.jpg') no-repeat; }

#titre { width:747px; height:45px; float:left; }

#contenu { width:608px; float:left; background: transparent url('images/bgcontenuhaut.gif') no-repeat; min-height:217px; _height:217px; padding:0 96px 10px 43px;  }

#contenu a { color:#fff; }

#contenu p, #contenu h1 { padding: 0 0 15px 0; line-height:16px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

#contenu p:first-letter , #contenu h1:first-letter { font: bold 15px Verdana, Arial, Helvetica, sans-serif; }

#adresse { width:958px; height:63px; clear:both; text-align:right; font:normal 10px Verdana, Arial, Helvetica, sans-serif; }

#adresse img { border:none; vertical-align:middle; float:right }

#adresse a { color:#fff; }

div#menubas { width:958px; padding: 10px 0 10px 160px; text-align:center; color:#fff; font:normal 10px Verdana, Arial, Helvetica, sans-serif; margin:0 auto }

div#menubas a { color:#fff; }

div#yzeo { text-align:right; color:#fff; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

div#yzeo img { padding: 10px 5px 2px 5px; border:none; vertical-align:middle; float:right }

div#yzeo a { color:#fff; }

#liensprestation { clear:both; text-align:center; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:0 0 30px 0; color:#2A7F2A }

#liensprestation a { padding:2px 4px 0 4px; text-decoration:none; margin:0 13px 0 0; background: transparent url('images/sm.gif') repeat-x top; color:#2A7F2A; display:block; float:left; width:100px; height:16px; }

#liensprestation a:hover { background-position:bottom }

.ulbal { line-height:16px; padding:0 0 15px 30px; }

.ulbal li { list-style:none }

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
#formulaire { text-align:center; width:420px; padding: 0 0 0 92px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; } /* carateristique du formulaire */

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

#formulaire fieldset { border-bottom:2px solid #aaa; border-right:2px solid #aaa; border-top:2px solid #fff; border-left:2px solid #fff; padding:10px; }

#formulaire legend { font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 15px; background: #fff url('images/h2.gif') repeat-x; color:#2A7F2A; text-transform:uppercase; }

.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; */

.radio_contact {vertical-align:middle; }


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

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

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

.selectform { width:112px; height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#2A7F2A; padding:0; border: 1px solid #FBEEE3; } /* 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 { display:none; } /* carateristique de la div entourant l'image captchat */

.transp, .inputtexte { background: transparent; border: 1px solid #FBEEE3; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FBEEE3; } /* pour rendre les input et textarea transparent avec une bordure */

#code { background-color:#2A7F2A; color:#fff;}

#coordonnees { display:block; width:190px; background: #fff url('images/h2.gif'); color:#FF9600; height:14px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 0px; margin:-10px 0 0 5px; _margin:-10px 0 0 2px; text-transform:uppercase; z-index:10; position:relative }

#mention { text-align:center; padding: 0 0 10px 0; width:200px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; border-left:1px solid #fff; border-top:1px solid #fff; color:#080567; line-height:14px; font-size:11px; }

#mention a { color:#080567; }

#autourmention { padding:0; }

/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/	
	
hr { clear: both; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff; border-right: 0px dashed #fff; border-left: 0px dashed #fff; }

.divgif { width:600px; height:210px; }

.tbl { margin-left:150px; }

.animmariage { float:left; padding-left:10px; margin-right:10px; margin-top:5px; }

.txtmariage { font-size:10px; }

/*----------plan du site--------------*/

#page2 { width:681px; margin:0 auto; background: transparent url('images/repetitionplan.gif') repeat-y; }

#contenu2 { background: transparent url('images/haut.jpg') no-repeat; padding:235px 100px 0 100px }

#contenu2 a { color:#fff; }

#contenu2 p { padding: 0 0 15px 0; line-height:16px; }

#contenu2 a:first-letter { font: bold 15px Verdana, Arial, Helvetica, sans-serif; }

#contenu2 p:first-letter { font: bold 15px Verdana, Arial, Helvetica, sans-serif; }

#pied { background: transparent url('images/bas.gif') no-repeat; width:681px; height:76px; }

div#yzeo2 { text-align:center; color:#fff; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

div#yzeo2 img { padding: 0 5px 2px 5px; border:none; vertical-align:middle; }

div#yzeo2 a { color:#fff; }
