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

body, p, img, h1, h2, h3, ul, li{ margin:0px; padding:0px;}
body{ background-image:url(../images/fond-body.jpg); background-repeat:no-repeat; padding-top:100px; font-family:Verdana, Arial, Helvetica, sans-serif;}
img{ border:none;}

/*:::::::::::::::::::::::::::::::::::: CONTENEUR ::::::::::::::::::::::::::::::::::::*/
#conteneur-grd{ margin:auto; width:1024px;}

#conteneur{ width:1024px; background-image:url(../images/fond-conteneur.png)!important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fond-conteneur.png", sizingMethod="scale"); background-repeat:repeat-y;}

/*:::::::::::::::::::::::::::::::::::: HEADER-MENU ::::::::::::::::::::::::::::::::::::*/

#header{ width:987px; height:156px; background-image:url(../images/img-header.jpg); background-repeat:no-repeat; margin-left:19px;}

/*------------------------- menu -------------------------*/
#menu{ width:209px; margin-left:19px; font-size:12px; font-weight:bold; float:left; }
* html #menu{ width:209px; margin-left:9px; font-size:12px; font-weight:bold; float:left; }
#menu a{ display:block; text-decoration:none; }
a.menu-accueil{  width:94px; color:#FFFFFF; height:24px; background-image:url(../images/fond-accueil.jpg); background-repeat:no-repeat; padding:10px 0 0 115px;}
a.menu-accueil:hover{color:#000; background-image:url(../images/fond-accueil.jpg); background-repeat:no-repeat; background-position:0 -34px; padding:10px 0 0 115px;  }
a.menu-concept{  width:128px; color:#FFFFFF; height:23px; background-image:url(../images/fond-concept.jpg); background-repeat:no-repeat; padding:10px 0 0 81px;}
a.menu-concept:hover{color:#000; background-image:url(../images/fond-concept.jpg); background-repeat:no-repeat; background-position:0 -33px; padding:10px 0 0 81px; }
a.menu-services{  width:108px; color:#FFFFFF; height:25px; background-image:url(../images/fond-services.jpg); background-repeat:no-repeat; padding:10px 0 0 101px;}
a.menu-services:hover{color:#000; background-image:url(../images/fond-services.jpg); background-repeat:no-repeat; background-position:0 -35px; padding:10px 0 0 101px; }
a.menu-coute{  width:160px; color:#FFFFFF; height:22px; background-image:url(../images/fond-coute.jpg); background-repeat:no-repeat; padding:10px 0 0 49px;}
a.menu-coute:hover{color:#000; background-image:url(../images/fond-coute.jpg); background-repeat:no-repeat; background-position:0 -32px; padding:10px 0 0 49px; }
a.menu-contacter{  width:148px; color:#FFFFFF; height:20px; background-image:url(../images/fond-contacter.jpg); background-repeat:no-repeat; padding:8px 0 0 61px;}
a.menu-contacter:hover{color:#000; background-image:url(../images/fond-contacter.jpg); background-repeat:no-repeat; background-position:0 -28px; padding:8px 0 0 61px; }

/*------------------------- coordonées -------------------------*/
#coordonnees-grd{ width:174px; background-image:url(../images/fond-coordonnees.jpg); background-repeat:repeat-x;}
* html #coordonnees-grd{ width:170px; background-image:url(../images/fond-coordonnees.jpg); background-repeat:repeat-x; margin-left:1px;}
#coordonnees-pt-border{ width:170px; font-weight:normal; padding:11px 0 10px 5px; border-bottom:1px solid #af2884;}
#coordonnees-pt{ width:170px; font-weight:normal; padding:11px 0 10px 5px;}
h3.coordonees-violet{ font-weight:bold; font-size:12px; color:#af2884; background-image:url(../images/puce-coordonnees.jpg); background-repeat:no-repeat; background-position:0 3px; padding-left:11px;}
#coordonnees-pt-border p{ padding-left:12px ;}
#coordonnees-pt p{ padding-left:12px ;}


/*:::::::::::::::::::::::::::::::::::: CONTENU ::::::::::::::::::::::::::::::::::::*/
#contenu{ width:750px; float:left; padding-left:26px; }
#contenu-interieur{ width:424px; float:left; padding-left:26px; margin-right:10px; }
#contenu-interieur ul{ font-size:12px; margin-left:15px; line-height:19px;}
#contenu-interieur ul li{ margin-bottom:15px;}
#bloc-photo-interieur{ float:left; width:225px; height:160px; padding:6px 0 0 10px; background-image:url(../images/fond-bloc-photo.jpg); background-repeat:no-repeat;}
#contenu-interieur table{font-size:12px; border-collapse:collapse;}
#contenu-interieur tr.fond-rose{background-color:#e1c8db;}
#contenu-interieur tr.fond-rose-fonce{background-color:#aa2182; color:#fff;}
#contenu-interieur td{border:1px #aa2182 solid; padding:5px;}
#contenu-interieur table.no-border, #contenu-interieur table.no-border td{border:none;}

/*------------------------- home -------------------------*/
#txt{ float:left; width:353px; text-align:justify;}
h1.titre{ font-size:16px; height:25px; font-weight:normal; color:#af2884; margin-bottom:20px; background-image:url(../images/bottom-h1.jpg); background-repeat:no-repeat; background-position:0 20px;}
h2.sous-titre{ color:#af2884; font-size:14px; font-weight:normal;}
#photo-home{ background-color:#e2c9da; padding:5px 10px 5px 10px; width:313px; float:left; margin: 0 10px 40px 0 ;}
ul.liste{ font-size:12px; margin-left:15px; line-height:19px;}
ul.liste li{ margin-bottom:15px;}
#border-top{ clear:both; border-top:1px solid #af2884; width:694px; padding-top:10px; color:#af2884; font-size:14px;}

/*------------------------- page-intérirues -------------------------*/
ul.liste-page{ font-size:12px; margin-left:15px;}

/*:::::::::::::::::::::::::::::::::::: FOOTER ::::::::::::::::::::::::::::::::::::*/
#footer{ clear:both; width:1024px; height:38px; background-image:url(../images/fond-footer.png)!important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fond-footer.png", sizingMethod="scale"); background-repeat:no-repeat;}
#footer p{ font-size:9px; color:#af2884; text-align:center; padding-top:4px;}

/*########################### CONTACT ###################################*/
.obligatiore{ color:#FF0000;}
input.input-texte{ width:80%; color:#af2884; font-size:12px; border:1px solid #af2884; }
textarea.textarea{ width:95%; color:#af2884; font-size:12px; border:1px solid #af2884; }

/*:::::::::::::::::::::::::::::::::::: CLASS ::::::::::::::::::::::::::::::::::::*/
.clear{ clear:both;}
.violet{ color:#af2884;}
.txt-12{ font-size:12px;}
.txt-10{ font-size:10px;}
.lien-violet{ color:#af2884; text-decoration:none;}
.lien-violet:hover{ color:#af2884; text-decoration:underline;}
.txt-9{ font-size:9px;}