/*Page*/
body      	 { background-color: white }
#tete   		{ background-image: url(../im/tete.jpg); background-repeat: no-repeat; width: 967px; height: 101px }
#pied { background-image: url(../im/pied.gif); width: 967px; height: 3px; overflow: hidden }
#tete #accueil, #tete #accueil a { display: block; width: 197px; height: 101px; text-indent: -1999px }
#tete #accueil { float: left }

#colGauche { width: 156px; height: auto; float: left; margin-left: 16px; padding-top: 10px; font-family: tahoma, arial, sans-serif; display: inline }
#conteneur	{ font-family: "Lucida Grande", Verdana, Lucida, serif; background: white url(../im/conteneur.gif) repeat-y; margin: auto; width: 967px }
#contenu	{ float: left; font-family: "Lucida Grande", Verdana, Lucida, serif }
#contenu #haut	{ border-left: 2px solid #b4346c; padding-left: 15px; width: 760px ; padding-right: 15px; padding-bottom: 0 }
#contenu #bas { margin: 0 }
#corp	{ font-size: 11px; width: 967px; overflow: hidden }


#pied { background-image: url(../im/pied.gif); width: 967px; height: 3px; overflow: 
hidden }
#contenu h1, #colParag h1  { color: white; font-size: 16px; background-color: #e6b500; margin: 10px 0 15px; padding: 2px 2px 2px 5px }

#colGauche ul { margin:0; padding: 0; list-style-type: none }
#colGauche li.N1, #colGauche li.N1s { font-size: 12px; width: 144px; height: 16px; overflow: hidden; margin-top: 8px; display: block; text-align: right }
#colGauche li.N1 a { color: #89002e; background-image: url(../im/N1.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; width: 144px; height: 16px; display: block }
#colGauche li.N1 a:hover { background-image: url(../im/N1.gif); background-repeat: no-repeat; background-position: 0 -16px; text-decoration: none }
#colGauche li.N1s a { color: white; background-image: url(../im/N1.gif); background-repeat: no-repeat; background-position: 0 -32px; text-decoration: none; width: 144px; height: 16px; display: block }

#colGauche li.N2, #colGauche li.N2s { font-size: 10px; width: 144px; margin:0; padding: 4px 0; border-bottom: 1px solid #d48db7; display: block; text-align: right }
#colGauche li.N2 a { color: #c30072; text-decoration: none; width: 142px; display: block }
#colGauche li.N2 a:hover { color: #ff0095; background-color: #eff0b7; text-decoration: none }
#colGauche li.N2s a { color: white; text-decoration: none; width: 140px; display: block }
#colGauche li.N2s { background-image: url(../im/N2.gif); width: 144px; display: block }

/*Home*/
#colH1 { position: relative; width: 235px; height: 484px; float: left; margin-left: 18px; display: inline   }
#colParag { float: left; margin-left: 18px; width: 735px; display: inline }

#colH1 .bloc { height: 370px; overflow: hidden }
#colH1 img, #colH2 img { margin: 0 5px 5px 0 }
#colH2 { position: relative; width: 235px; height: 484px; float: left; margin-left: 15px }
#colH2 .bloc { height: 175px; overflow: hidden; margin-bottom: 20px }
#colH3 { position: relative; width: 235px; height: 484px; overflow: hidden; float: left; margin-left: 15px; }
#colH3 .titre { margin-bottom: 0; }
#colH3 .bloc { display: inline; font-size: 10px; font-family: tahoma; line-height: 12px; text-align: center; width: 100px; height: 90px; overflow: hidden; float: left; margin: 0 -10px 0 20px; }
#colH3 .bloc img { margin-top: 3px; }
#colH3 a { color: #4058a2; text-decoration: none; }
#colH3 a:hover { color: #c31353; }
#colH3 li { margin-top: 4px; margin-left: 5px; padding-left: -5px; list-style-type: none; list-style-image: url(../im/puceForm.gif); }
#colH4 { position: relative; width: 185px; height: 484px; float: left; margin-left: 15px }
.pubBas { position: absolute; top: 403px; left: 25px; width: 207px; height: 81px }
#colH4 img	{ margin: 0 0 0 12px; border: 0; padding: 0 }
#colH4 a:hover img, .pubBas a:hover img { filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70 }

#btSavoir1 { position: absolute; top: 372px; left: 163px; width: 72px; height: 18px; overflow: hidden; display: block; text-indent: -1999px }
#btSavoir2 { position: absolute; top: 180px; left: 163px; width: 72px; height: 18px; overflow: hidden; display: block; text-indent: -1999px }
#btSavoir3 { position: absolute; top: 370px; left: 163px; width: 72px; height: 18px; overflow: hidden; display: block; text-indent: -1999px }

#btSavoir1 a, #btSavoir2 a, #btSavoir3 a  { background: url(../im/btSavoirPlus.gif) no-repeat 0 0; display: block; width: 72px; height: 18px }
#btSavoir1 a:hover, #btSavoir2 a:hover, #btSavoir3 a:hover  { background: url(../im/btSavoirPlus.gif) no-repeat 0 -18px }

#conteneurH	{ font-family: "Lucida Grande", Verdana, Lucida, serif; background: white url(../im/conteneurH.gif) repeat-y; margin: auto; width: 967px }
#conteneurH h3 { font-size: 14px }
#corpH				{ font-size: 11px; background-image: url(../im/corpH.gif); background-repeat: no-repeat; background-position: 0 0; width: 967px; height: 518px; overflow: hidden }#corpH p { padding-left: 30px }
#corpH .titre { margin-top: 10px; color: #b72e6b; font-size: 14px; font-weight: 700 }

#corpPage				{ font-size: 12px; background-image: url(../im/corpPage.gif); background-repeat: no-repeat; background-position: 0 0; width: 967px; height: 518px }
html>body #corpPage { height: auto; mini-height: 518px }

#piedLienH    		  { color: #d06f9a; font-size: 12px; text-align: center; width: 967px; height: 20px; float: left; padding-top: 16px }
#piedLienH a { color: #b72e6b; text-decoration: none }
#piedLienH a:hover { color: #f00; text-decoration: none; border-bottom: 1px solid #f00 }

#piedLienH a.select  { color: white; text-decoration: none; background-color: #b72e6b; padding-right: 2px; padding-left: 2px }
#piedLienH a:hover.select  { color: white; text-decoration: none; background-color: #ff0072; border-bottom: 1px solid #f00 }

/*Boutons*/
#teteBar { float: left; padding-top: 59px }
#bt1, #bt1s, #bt2, #bt2s, #bt3, #bt3s, #bt4, #bt4s { 
float: left; margin: 0; padding: 0; width: 120px; height: 32px; overflow: hidden; display: block; text-indent: -1999px }
#dCherche {float: left; margin: 6px 0 0 128px }
#dCherche input, #dCherche button { font-size: 10px }

#bt1 a, #bt1s a {display: block; width: 120px; line-height: 32px; text-align: center; text-decoration: none }
#bt1 a  { background: url(../im/bt1.gif) no-repeat 0 0 }
#bt1s a, #bt1 a:hover, #bt1s a:hover  { background: url(../im/bt1.gif) no-repeat 0 -32px }

#bt2 a, #bt2s a { display: block; width: 120px; line-height: 32px; text-align: center; text-decoration: none }
#bt2 a  { background: url(../im/bt2.gif) no-repeat 0 0 }
#bt2s a, #bt2 a:hover, #bt2s a:hover  { background: url(../im/bt2.gif) no-repeat 0 -32px }

#bt3 a, #bt3s a { display: block; width: 120px; line-height: 32px; text-align: center; text-decoration: none }
#bt3 a  { background: url(../im/bt3.gif) no-repeat 0 0 }
#bt3s a, #bt3 a:hover, #bt3s a:hover  { background: url(../im/bt3.gif) no-repeat 0 -32px }

#bt4 a, #bt4s a { display: block; width: 120px; line-height: 32px; text-align: center; text-decoration: none }
#bt4 a  { background: url(../im/bt4.gif) no-repeat 0 0 }
#bt4s a, #bt4 a:hover, #bt4s a:hover  { background: url(../im/bt4.gif) no-repeat 0 -32px }

/*Paragraphes*/

.parag  { margin-top: 10px; margin-bottom: 5px }
.parag h4     { color: #ac0068; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #db8cbc }
.parag h5     { color: #3f54a3; font-size: 14px; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }
.parag p  { line-height: 1.5em }

/*Photos*/
.photoGC                     { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 }
.photoG           { font-size: 9px; line-height: 10px; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 0 }
.photoDC                  { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 }
.photoD           { font-size: 9px; line-height: 10px; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 0; border: solid 0 #39546d }

/*Liens*/
#colParag a, .colParag a:visited   { color: #475ea1; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-left: 2px }
#colParag a:hover   { color: #2059ff; text-decoration: underline }

#fil { color: #475ea1; font-size: 10px; margin-left: 16px; width: 760px }
#fil a { color: #475ea1; text-decoration: underline }
#fil a:hover { color: #2059ff; text-decoration: none }

/*Liens en pied*/
#piedLien { font-size: 10px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; height: 15px; display:block; clear: both; margin: 0 0 5px 5px; padding: 10px 0 0 10px }
#piedLien #basG { width: auto; float: left; color: gray }
#piedLien #basG a { text-decoration: none }
#piedLien #basD { color: gray; width: auto; height: auto; float: right; padding-right: 20px }
#piedLien #basD a { color: #89002e; text-decoration: none; }
#piedLien #basD a:hover { color: #ff0056; text-decoration: none; border-bottom: 1px solid #ff80ad; }
#piedLien #basG a#bl1 { color: #a44d55; }
#piedLien #basG a#bl2 { color: #3692a9; }
#piedLien #basG a#bl3 { color: #bf9b14; }
#piedLien #basG a#bl4 { color: #ca7c49; }
#piedLien #basG a#bl5 { color: #4670af; }
#piedLien #basG a:hover#bl1 { color: #ff0019; border-bottom: 1px solid #ff808d; }
#piedLien #basG a:hover#bl2 { color: #00cdff; border-bottom: 1px solid #80b3ff; }
#piedLien #basG a:hover#bl3 { color: #ffca00; border-bottom: 1px solid #ffe480; }
#piedLien #basG a:hover#bl4 { color: #ff6500; border-bottom: 1px solid #ffb180; }
#piedLien #basG a:hover#bl5 { color: #06f; border-bottom: 1px solid #80b3ff; }
.fil2 a, .fil2-s a { float: left }
.fil2-s a { text-decoration: underline !important}
.lien-titre  { color: #c31076; font-size: 16px; margin-top: 20px; margin-bottom: 3px; border-bottom: 1px solid #c31076 }
.lien-titre a   { color: #c31076 !important; text-decoration: none; padding: 1px 4px }
.lien-titre a:hover  { color: white !important; text-decoration: none; background-color: #c31076; border-bottom: #e00 }
.petit { font-size: 9px }
legend { color: #9A3052; font-weight: bold }
fieldset    { border: solid 1px #9A3052 }