html, body, ul { margin: 0; padding: 0; height: 100%; }
html { background: #fff url(/medias/communs/mstr_bg1.png) repeat-x; }
body { font: 100% Arial, Sans-serif; color: #231f20; background: url(/medias/communs/mstr_bg2.jpg) no-repeat 50% 0; }
ul { height: auto; list-style: none; }
a, h1 { color: #0078ae; }
a:hover { text-decoration: none; }
h1 { font-size: 1.7em; margin: 0.1em 0 0.7em; }
img { border: none; }


/* template */
#mstrCtnr { position: relative; z-index: 1; min-height: 100%; background: url(/medias/communs/mstr_bg3.jpg) no-repeat 50% 100%; }
#mstrHdr, #mstrCtnt { width: 1002px; margin: 0 auto; }
#mstrHdr { position: relative; z-index: 2; height: 150px; }
#hdrLogo, #hdrGPTQ { position: absolute; z-index: 3; display: block; left: 143px; width: 230px; height: 107px; text-indent: -5000px; overflow: hidden; background: url(/medias/fr/hdr_logo.png); }
#hdrGPTQ { background: url(/medias/fr/hdr_laureat_gptq2010.png); left: 403px; width: 49px; height: 107px; }

#hdrLangue { position: absolute; right: 21px; bottom: 98px; font-size: 75%; line-height: 36px; font-weight: bold; text-transform: uppercase; color: #0078ae; text-decoration: none; }
#hdrSocial { position: absolute; right: 20px; bottom: 48px; font-size: 110%; line-height: 36px; text-transform: uppercase; color: #0078ae; }
#hdrSocial * { float: left; margin: 0 2px 0 0; }
#hdrSocial a { display: block; width: 32px; height: 32px; margin: 0 0 0 6px; padding: 2px; text-indent: -5000px; overflow: hidden; }
#hdrSocial a:hover { background-color: #bad7eb; }
#socFacebook { background: url(/medias/communs/hdr_social_facebook.png) no-repeat 2px 2px; }
#socTwitter { background: url(/medias/communs/hdr_social_twitter.png) no-repeat 2px 2px; }
#socFlickr { background: url(/medias/communs/hdr_social_flickr.png) no-repeat 2px 2px; }
#hdrNav { position: absolute; z-index: 3; bottom: 0; right: 0; }
#hdrNav li { float: left; }
#hdrNav li a { display: block; font: bold 75%/31px Arial, Sans-serif; height: 31px; white-space: nowrap; overflow: hidden; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; }
#hdrNav li a:hover { background-color: #60aad0; }
#hdrNav1 { width: 120px; }
#hdrNav2 { width: 195px; }
#hdrNav3 { width: 194px; }
#hdrNav4 { width: 189px; }
#hdrNav5 { width: 146px; }
#mstrCtnt { min-height: 165px; padding: 31px 0; font-size: 75%; line-height: 1.2em; }
#mstrFtr { position: absolute; z-index: 2; bottom: 0; left: 50%; width: 960px; margin-left: -501px; padding: 0 21px; font: bold 80%/31px Arial, Sans-serif; color: #fff; }
#mstrFtr strong { font-size: 1.2em; }
#mstrFtr a { color: #fff; text-decoration: none; }
#mstrFtr a:hover { color: #bad7eb; }
#ftrCoords { float: left; }
#ftrRsl { float: right; }
.itemAvecPuce { padding-left: 16px; background: url(/medias/communs/acc_puce.png) no-repeat; }


/* propres à l'accueil */
#accVid, #accMap, #accGalFlickr { float: left; overflow: hidden; }
#accVid { position: relative; z-index: 1; width: 501px; height: 427px; padding-left: 21px; background: url(/medias/communs/acc_bg_coin.png) no-repeat 0 0; }
#accVid h1 { position: absolute; top: -3px; right: 40px; font: normal 2.4em/1.1em Arial, Sans-serif; }
#vidCtnr { padding: 48px 0 0 44px; }
span#vidMsg { display: block; padding: 51px 51px 0; text-align: center; }
span#vidMsg a { text-decoration: underline; }
span#vidMsg a:hover { text-decoration: none; }
#accFbkStream { float: left; width: 457px; height: 385px; overflow: auto; }
#accGalFlickr { width: 429px; height: 460px; padding-left: 65px; }
#flickrGal { height: 390px; overflow: hidden; }
#flickrGal a { float: left; padding: 0 25px 23px 0; background: url(/medias/communs/flickr_vig_bg.png) no-repeat; }
#flickrGal a img { display: block; border: 1px solid #fff; }
#flickrGal a:hover img { border-color: #0078ae; }
#accMap { width: 484px; height: 460px; }
#accMap iframe { display: block; width: 484px; height: 377px; margin: 0 0 11px; }
#accCmd { padding-left: 15px; clear: both; }
#accCmd a { float: left; }


/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */