/* CSS Document */

/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
/* YUI reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/* YUI base */
h1 { font-size:138.5%; }
h2 { font-size:123.1%; }
h3 { font-size:108%; }
h1,h2,h3 { margin:0 0 1em 0 ; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }

abbr,acronym { border-bottom:1px dotted #000; cursor:help; } 
em { font-style:italic; }
blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2em; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }
dl dd { margin-left:1em; }
th,td { border:1px solid #000; padding:.5em; }
th { font-weight:bold; text-align:center; }
caption { margin-bottom:.5em; text-align:center; }
p,fieldset,table { margin-bottom:1em; }

/* BODY ET HTML
--------------------------------------------------------------------------------------- */

html{ background: #2A282A url(gx/bg_html.gif) center top; color: #717172; font-size: 11px; font-family: Arial, Times; }
body{ background: transparent url(gx/bg_body.gif) repeat-x center top; margin: 0; padding: 0; text-align:center; }

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */



/* Icones générales
--------------------------------------------------------------------------------------- */

.lienRSS{ background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px; }
.lienPDF{ background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px; }

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */

#haut{ height: 150px; width: 1000px; margin: 0 auto; text-align:left; position: relative; }
#haut #logo{ width: 223px; height: 68px; background: url(Gx/logo_haut.gif) no-repeat center; display: block; padding: 10px; position: absolute; top: 4px; left: 12px; outline: none; }
#haut #phraseDroite{ padding: 2px 7px 0 0; text-align: right; overflow: hidden; position: absolute; right: 35px; top: 17px; border-right: 4px #8a0227 solid; font-size: 14px; /*font-weight: bold; */ line-height: 18px; color: black; }

#ombreConteneur{ background: transparent url(gx/bg_ombre_container.gif) center top; margin: 0 auto; text-align:left; width:1000px; }
#conteneur{ width: 984px; margin: 0 auto; overflow: hidden; }
#conteneur #boiteGalerieHaut{ width: 984px; height: 377px; border: 1px white solid; border-width: 1px 0; overflow: hidden; }
#conteneur #bg_contenu{ width: 984px; background: white url(Gx/degrader_haut_contenue.gif) repeat-x center top; overflow: hidden; padding-top: 49px; border-bottom: 1px white solid; border-width: 0 0 1px 0; }
#conteneur #bg_contenu #contenu{ width: 984px; background: transparent url(Gx/degrader_bas_contenue.gif) repeat-x center bottom; padding-bottom: 70px; position: relative;}




#conteneur #contenu #collProjetActif{ width: 296px; float: left; padding: 0 0 0 14px; }
#conteneur #contenu #collProjetActif .h1{ font-size:22px; color:#000000; text-transform:uppercase;}
/*#conteneur.langue_en #contenu #collProjetActif{ background: url(Gx/Titres/projets_actifs_en.gif) no-repeat; }
#conteneur.langue_fr.page_01_100 #contenu #collProjetActif{ background: url(Gx/01/Titres/projets_actifs_fr.gif) no-repeat; }
#conteneur.langue_en.page_01_100 #contenu #collProjetActif{ background: url(Gx/01/Titres/projets_actifs_en.gif) no-repeat; }*/
#conteneur #contenu #collProjetActif #bgPointille {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(Gx/pointilleSepColl.gif) no-repeat scroll right 0;width:296px;}
#conteneur #contenu #collProjetActif ul{ width: 283px; margin: 0; padding: 0; }
#conteneur #contenu #collProjetActif ul li{ width: 283px; height: 96px; border: 1px #e3e3e3 solid; border-width: 0 0 1px 0; list-style: none; }
#conteneur #contenu #collProjetActif ul li.last{ border: none; }
#conteneur #contenu #collProjetActif ul li a{ width: 263px; padding: 12px 10px; height: 72px; display: block; outline: none; text-decoration: none; cursor: pointer; }
#conteneur #contenu #collProjetActif ul li a .imageGauche{ width: 113px; height: 72px; float: left; padding: 0 10px 0 0; border-right: 1px #b9b9b9 solid; }
#conteneur #contenu #collProjetActif ul li a .imageGauche table, #conteneur #contenu #collProjetActif ul li a .imageGauche tr, #conteneur #contenu #collProjetActif ul li a .imageGauche td{ border: none; margin: 0; padding: 0; text-align: center; vertical-align: center; }
#conteneur #contenu #collProjetActif ul li a .imageGauche table{ width: 113px; height: 72px; }
#conteneur #contenu #collProjetActif ul li a .texteDroite{ width: 129px; height: 72px; padding: 0 5px; float: left; overflow: hidden; }
#conteneur #contenu #collProjetActif ul li a .texteDroite table, #conteneur #contenu #collProjetActif ul li a .texteDroite tr, #conteneur #contenu #collProjetActif ul li a .texteDroite td{ border: none; margin: 0; padding: 0; text-align: left; vertical-align: center; }
#conteneur #contenu #collProjetActif ul li a .texteDroite table{ width: 129px; height: 72px; }
#conteneur #contenu #collProjetActif ul li a .texteDroite h2{ margin: 0; padding: 0; text-transform: uppercase; font-size: 14px; font-family: Arial; color: #515151; line-height: 15px; }
#conteneur #contenu #collProjetActif ul li a .texteDroite h2 span{ color: #95092f; }
#conteneur #contenu #collProjetActif h2{font-weight: normal;}
#conteneur #contenu #collDroite{ width: 674px; float: left; /*background: url(Gx/pointilleSepColl.gif) no-repeat 300px 49px;*/ }
#conteneur #contenu #collDroite h1{ font-size:22px; color:#000000; margin-left:20px; text-transform:uppercase; }

#conteneur #contenu #collDroite #contenuTexteAdmin{ padding: 0 30px 20px 20px; font-size: 12px; color: #292929; line-height: 18px; }
#conteneur #contenu #collDroite #contenuTexteAdmin .boiteImage img{ float:left; padding:10px; padding-top:5px; }
#conteneur #contenu #contenuTexteAdmin a{ color: #B40937; text-decoration: underline; }
#conteneur #contenu #contenuTexteAdmin a:hover{ text-decoration: none; }
#conteneur #contenu #contenuTexteAdmin p{ font-size: 12px; color: #292929; line-height: 18px; margin: 0 0 20px 0; padding: 0; }
#conteneur #contenu #contenuTexteAdmin h2{ color: #92062c; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 0 16px 0; }
#conteneur #contenu #contenuTexteAdmin ul{ margin: 0 0 20px 6px; padding: 0; }
#conteneur #contenu #contenuTexteAdmin ul li{ margin: 0 0 3px 10px; padding: 0 0 0 2px; list-style-type: square; }
#conteneur #contenu #contenuTexteAdmin ul li ul{ margin: 2px 0 2px 3px; padding: 0; }

/*.titreReferencement{ display: none; }*/

.both{ clear:both; }

/* NOUVELLES
--------------------------------------------------------------------------------------- */

#conteneur #contenu #collDroite #contenuTexteAdmin #listeNouvelle h2{ font-size: 14px; margin-bottom: 0; }
#conteneur #contenu #collDroite #contenuTexteAdmin #listeNouvelle p.date{ font-size: 12px; font-weight: bold; margin-bottom: 10px; color: #6F6F6F; }
#conteneur #contenu #collDroite #contenuTexteAdmin #listeNouvelle div.sep{ width: 100%; height: 1px; background: url(Gx/ligne_pointille_fil_dariane.gif) repeat-x; margin-bottom: 20px; overflow: hidden; }
#conteneur #contenu #collDroite #contenuTexteAdmin #listeNouvelle span.suite{ font-weight: bold; text-decoration: none; color: #92062c; }
#conteneur #contenu #collDroite #contenuTexteAdmin #listeNouvelle span.suite a{ font-weight: bold; text-decoration: none; color: #92062c; }
#conteneur #contenu #collDroite #contenuTexteAdmin #listeNouvelle span.suite a:hover{ text-decoration: underline; }

#conteneur #contenu #collDroite #contenuTexteAdmin #listeNouvelleBas h2{ font-size: 12px; margin: 0; }
#conteneur #contenu #collDroite #contenuTexteAdmin #listeNouvelleBas a{ color: #6F6F6F; font-size: 12px; display: block; text-decoration: none; }
#conteneur #contenu #collDroite #contenuTexteAdmin #listeNouvelleBas a:hover{ text-decoration: underline; }
#conteneur #contenu #collDroite #contenuTexteAdmin #listeNouvelleBas .date{
	font-size:90%;
	font-style: italic;
}

/* MENUS
--------------------------------------------------------------------------------------- */

#haut #menu{ width: 100%; height: 57px; overflow: hidden; position: relative; top: 93px; }
#haut #menu ul{ clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; }
#haut #menu ul li{ display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; height: 57px; }
#haut #menu ul li.sep{ width: 3px; background: url(Gx/sep_menu.gif) repeat-y center; }
#haut #menu ul li a{ padding: 20px 20px 0 20px; margin: 0; height: 37px; display: block; font-size: 13px; color: white; text-decoration: none; outline: none; float: left; font-family: Arial; cursor: pointer; }
#haut #menu ul li a:hover{ text-decoration: underline; }


.sousMenu{ position: absolute; top: 0; left: 0; margin: 0; padding: 0; background: #800123; border: 1px #cb0e40 solid; border-width: 1px 1px 0 1px; text-align: left; display: none; z-index: 10; }
.sousMenu li{ margin: 0; padding: 0; list-style: none; border-bottom: 1px #cb0e40 solid; }
.sousMenu li a{ display: block; color: white; font-size: 12px; text-decoration: none; padding: 7px 10px; line-height: 13px; vertical-align: top; cursor: pointer; outline: none; }
.sousMenu li a:hover{text-decoration: underline; }

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#conteneur #contenu #collDroite #collGroupe{ width: 261px; float: left; padding: 0 20px 0 20px; }
#conteneur #contenu #collDroite #collGroupe h1{ font-size:22px; color:#000000; text-transform:uppercase;}
/*#conteneur.langue_en #contenu #collDroite #collGroupe{ background: url(Gx/01/Titres/groupe_en.gif) no-repeat; }*/
#conteneur #contenu #collDroite #collGroupe h2{ color: #92062c; font-size: 12px; font-weight: bold; line-height: 18px; margin: 0 0 16px 0; }
#conteneur #contenu #collDroite #collGroupe p{ font-size: 12px; line-height: 18px; color: #222022; text-align: justify; }

#conteneur #contenu #collDroite #collNouvelles{ width: 343px; float: left; padding: 0 20px 0 10px; }
/*#conteneur.langue_fr #contenu #collDroite #collNouvelles{ background: url(Gx/01/Titres/nouvelles_fr.gif) no-repeat; }}*/
#conteneur #contenu #collDroite #collNouvelles .h1{ font-size:22px; color:#000000; text-transform:uppercase;} 
#conteneur #contenu #collDroite #collNouvelles .boiteImage{ float: left; border: 1px #f7f7f7 solid; }
#conteneur #contenu #collDroite #collNouvelles .boiteImage a{ border: 1px #e8e8e8 solid; outline: none; display: block; }
#conteneur #contenu #collDroite #collNouvelles .boiteImage img{ border: 1px #d1d1d1 solid; padding: 3px; vertical-align: top; }
#conteneur #contenu #collDroite #collNouvelles .collImage{ width: 155px; float: left; }
#conteneur #contenu #collDroite #collNouvelles .collTexte{ width: 187px; float: left; }
#conteneur #contenu #collDroite #collNouvelles ul{ margin: 0; padding: 0; width: 343px; }
#conteneur #contenu #collDroite #collNouvelles ul li{ margin: 0 0 17px 0; padding: 0; width: 343px; list-style: none; }
#conteneur #contenu #collDroite #collNouvelles ul li h2{ margin: 0 0 3px 0; padding: 0; font-size: 12px; color: #890226; font-weight: bold; line-height: 15px; }
#conteneur #contenu #collDroite #collNouvelles ul li p{ font-size: 12px; color: #222022; line-height: 16px; }
#conteneur #contenu #collDroite #collNouvelles ul li p.date{ margin-bottom: 10px; }

#conteneur #contenu #collDroite a.btnVoirPlus{ float: right; display: block; width: 87px; height: 24px; text-decoration: none; outline: none; }
#conteneur #contenu #collDroite a:hover.btnVoirPlus{ background-position: left bottom; }
#conteneur.langue_fr #contenu #collDroite .btnVoirPlus{ background: url(Gx/01/btn_voir_plus_fr.gif) no-repeat left top; }
#conteneur.langue_en #contenu #collDroite .btnVoirPlus{ background: url(Gx/01/btn_voir_plus_en.gif) no-repeat left top; }
#conteneur #contenu #collDroite .btnVoirPlus span{ display: none; }

#conteneur.page_01_100 #bg_contenu{ padding-top: 33px; }

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */

#formQuestion fieldset label{float:left;width:150px;}
#formQuestion .champTexte{float:left;width:300px;}
#formQuestion .listeDeroulante{float:left;width:300px;}
#formQuestion .boiteTexte{float:left;height:70px;width:330px;}

/* PROJETS ACTIFS
--------------------------------------------------------------------------------------- */

#filDariane{ width: 982px; height: 33px; overflow: hidden; position: absolute; top: -49px; left: 1px; background: url(Gx/ligne_pointille_fil_dariane.gif) repeat-x center bottom; }
#filDariane ul{ width: 984px; height: 33px; overflow: hidden; margin: 0; padding: 0; }
#filDariane ul li{ margin: 0; padding: 0 2px; list-style: none; display: inline; color: #231f20; font-size: 11px; position: relative; top: 8px; left: 15px; }
#filDariane ul li a{ margin: 0; padding: 0; color: #231f20; font-size: 11px; text-decoration: none; }
#filDariane ul li a:hover{ text-decoration: underline; }
#filDariane ul li span.actif{ color: #b50937; }

#conteneur #contenu #collGaucheGalerie{ width: 270px; float: left; padding: 40px 0 0 40px; }
#conteneur #contenu #collGaucheGalerie #galerie{ margin: 0; padding: 0; width: 224px; }
#conteneur #contenu #collGaucheGalerie #galerie li{ margin: 0 10px 10px 0; padding: 0; width: 102px; height: 52px; float: left; list-style: none; }
#conteneur #contenu #collGaucheGalerie #galerie li a{ outline: none; width: 100px; height: 50px; border: 1px #292929 solid; display: block; }
#conteneur #contenu #collGaucheGalerie #galerie li a:hover{ border-color: black; }
#conteneur #contenu #collGaucheGalerie #galerie li a img{ width: 100px; height: 50px; vertical-align: top; }

#conteneur #contenu #collDroiteProjet{ width: 649px; float: left; padding-right: 25px; }
#conteneur #contenu #collDroiteProjet h1{ font-size: 19px; font-weight: bold; color: black; text-transform: uppercase; margin: 3px 0 16px 0; }

#conteneur #contenu #collDroiteProjet .BoiteInfo{ width: 649px; background: #ebebeb url(Gx/05/haut_boite_info.jpg) no-repeat left top; margin-bottom: 25px; }
#conteneur #contenu #collDroiteProjet .BoiteInfo .haut{ width: 649px; min-height: 79px; height: auto; padding: 25px 0 10px 0; }
#conteneur #contenu #collDroiteProjet .BoiteInfo .bas{ width: 649px; height: 4px; overflow: hidden; clear: both; background: url(Gx/05/bas_boite_info.jpg) no-repeat left top; }
#conteneur #contenu #collDroiteProjet .BoiteInfo .haut p{ font-size: 12px; color: #292929; margin: 0 0 10px 0; }
#conteneur #contenu #collDroiteProjet .BoiteInfo .haut p.titre{ display: block; width: 110px; float: left; color: #b50937; font-weight: bold; padding-left: 25px; }
#conteneur #contenu #collDroiteProjet .BoiteInfo .haut p.texte{ display: block; width: 487px; float: left; }
#conteneur #contenu #collDroiteProjet .BoiteInfo .haut p.texte a{ color: #b50937; text-decoration: underline; }
#conteneur #contenu #collDroiteProjet .BoiteInfo .haut p.texte a:hover{ text-decoration: none; }

#conteneur #contenu #boiteProjetEtRelatisationFooter{ width: 909px; padding: 40px 0 0 45px; margin-top: 15px; }
#conteneur #contenu #boiteProjetEtRelatisationFooter ul{ width: 909px; margin: 0; padding: 0; }
#conteneur #contenu #boiteProjetEtRelatisationFooter ul li{ width: 123px; height: 82px; float: left; list-style: none; margin: 0 13px 20px 0px; padding: 0 0 0 13px; }
#conteneur #contenu #boiteProjetEtRelatisationFooter ul li span{ display: none; }
#conteneur #contenu #boiteProjetEtRelatisationFooter ul li a{ margin: 3px; padding: 2px; display: block; width: 113px; height: 72px; outline: none; overflow: hidden; text-align: center; }
#conteneur #contenu #boiteProjetEtRelatisationFooter ul li a:hover{ margin: 0px; border: 3px #e3e3e3 solid; }
#conteneur #contenu #boiteProjetEtRelatisationFooter ul li a img{ vertical-align: top; }
#conteneur #contenu #boiteProjetEtRelatisationFooter .h1{ font-size:22px; color:#000000; text-transform:uppercase; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage{ width: 984px; background: #2a282a url(Gx/bg_footer.gif) repeat-x center top; overflow: hidden; }

#piedPage #menuSecondaire{ width: 984px; margin-top: 18px; text-align: left; padding: 0 0 0 23px;}
#piedPage #menuSecondaire ul{ margin: 0; padding: 0; }
#piedPage #menuSecondaire ul li{ margin: 0; padding: 0 2px; list-style: none; display: inline; }
#piedPage #menuSecondaire ul li.sep{ position: relative; top: -1px; }
#piedPage #menuSecondaire ul li a{ font-size: 11px; color: #b4b4b4; text-decoration: none; }
#piedPage #menuSecondaire ul li a:hover{ text-decoration: underline; color: white; }

#piedPage #hautPiedPage{ width: 964px; height: 160px; background: url(Gx/ligne_pointille.gif) repeat-x center bottom; margin: 0 10px; position: relative; }
#piedPage #copyrights{ margin:0; text-align:left; position: absolute; top: 20px; left: 14px; }
#piedPage #copyrights a{ color: #979797; font-size: 11px; text-decoration:none; }
#piedPage #copyrights a:hover{ color: #979797; font-size: 11px; text-decoration:underline; }

#piedPage #basPiedPage{ width: 944px; padding: 28px 10px 30px 10px; margin: 0 10px 20px 10px; text-align: center; background: url(Gx/ligne_pointille.gif) repeat-x center bottom; }
#piedPage #basPiedPage p{ font-size: 11px; color: #9e9e9e; margin: 0; padding: 0; line-height: 15px; }

#piedPage #hautPiedPage .adresse{ position: absolute; top: 14px; }
#piedPage #hautPiedPage .adresse h2{ font-size: 11px; font-family: Arial; color: #c6c6c6; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#piedPage #hautPiedPage .adresse h2 a{ font-size: 11px; color: #c6c6c6; font-weight: bold; text-decoration:none; }
#piedPage #hautPiedPage .adresse h2 a:hover{ font-size: 11px; color: #c6c6c6; font-weight: bold; text-decoration:underline; }
#piedPage #hautPiedPage .adresse p{ margin: 0; padding: 0; font-family: Arial; font-size: 11px; color: #b4b4b4; line-height: 15px; }

#piedPage #hautPiedPage #adresse1{ left: 425px; }
#piedPage #hautPiedPage #adresse2{ left: 615px; }
#piedPage #hautPiedPage #adresse3{ left: 800px; }

/* Partager cette page (bookmarker) */
#socialBookmarker { position: absolute; left: 14px; top: 67px; }
#socialBookmarkerPrefix { float:left; cursor:default; background: url(Gx/logo_vortex_bookmark.gif) no-repeat left center; padding-left: 22px; height: 16px; text-transform: uppercase; }
.bookmarkIconesVisibles { float:left; margin-left:2px; }
#bookmarkHoverPopup { position:absolute; border:solid 1px; background-color:white; text-align:left; padding:4px; width:315px; display:none; margin-top: -5px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems{ float:left; width:150px; height:25px; margin-right:4px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a{ line-height:25px; height:25px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{ border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; border: 1px solid #fff; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{ text-decoration: none; color:#333333; border: 1px solid #666; width:150px; height:25px; display:block; background-color:#eee; padding-left:2px; }

/* MODULE_googlemap
--------------------------------------------------------------------------------------- */
div#carte{color:#373737; float:right; margin: 10px 15px 0 25px; padding: 10px;  width: 600px; }
div#carte div#map{border:1px solid #b7b7b7; width: 100%;height:400px; color: #000;}
div#carte div#formDirection{ margin: 10px 0 0 0;  }

div#carte div#formDirection input#fromAddress{color: #000000; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #000000; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #fff; font-size: 12px; text-decoration: none; /*background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px;*/ padding: 0 0 0 14px; } 
div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #373737; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; background: #FFFFFF;}
div#carte a, div#carte a:link, div#carte a:visited, div#carte a:active, div#carte a:hover{ color: #fff; text-decoration: none; }
div#carte p{float:right; font-size: 12px; color:#000000;}
div#carte p a{color:#373737;}
#carte FIELDSET { border: none; padding: 0px; width: 100%; }
#boutonGoogleMap{
	background-color: #EEF3F7;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	width:160px;
}
#boutonGoogleMap:hover{background-color:#303030; color:#fff;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */

fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

.champTexte{ background: #EEF3F7; border: 1px solid #C9D0D6; color: #4E677A; font-size: 11px; margin:2px 0 2px 0; }
.listeDeroulante{ background: #EEF3F7; border: 1px solid #C9D0D6; color: #4E677A; font-size: 11px; margin:2px 0 2px 0; }
.boiteTexte{ background: #EEF3F7; border: 1px solid #C9D0D6; color: #4E677A; font-family: "Trebuchet MS"; font-size: 11px; margin:2px 0 2px 0; }
.bouton{ background-color: #EEF3F7; color: #498ECB; font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold; }
.bouton:hover{background-color:#1A80B6; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}

