body { background-image: url(../images/QS_bg.jpg); margin: 0; padding: 0; }

H1 { font: bold 13px Arial, Helvetica, sans-serif; color: #003399; margin: 15px 0 10px; }

p a { font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #0099CC; }
p    a    img, .galerie   a,.galerie  a  img  { text-decoration: none; border: 1px solid white; }

.galerie a:hover img { border: 1px solid #333; }

p   a:hover     { text-decoration: underline; }

#main { width: 1080px; }

/* colonne gauche */
#colonne_gauche { float: left; width: 280px; height: 650px; }

#colonne_gauche #logo { height: 170px; background-image: url(../images/logo.jpg); background-repeat: no-repeat; background-position: bottom right; }
#colonne_gauche  #logo  a  { width: 170px; height: 60px; display: block; margin: 90px 30px 0 0; float: right; }

#colonne_gauche    #logo    a .home { }

#colonne_gauche #menu { height: 211px; background-image: url(../images/QS_menu_space.jpg); background-repeat: no-repeat; background-position: right; }

#colonne_gauche #menu UL { margin:0; padding:0; width: 170px; position: relative; left: 80px; }
#colonne_gauche #menu LI { list-style-type: none; font: bold  10px Arial, Helvetica, sans-serif; border-bottom:1px solid white; margin: 0 0 10px 0; }
#colonne_gauche #menu LI a { text-decoration: none; color: #FFFFFF; text-transform: uppercase; }
#colonne_gauche  #menu  Li  A:hover { color: #404040; }

#colonne_gauche #illustration_bas { height: 197px; background-image: url(../images/1.jpg); }

#colonne_gauche #reflet_bas_gauche { background-image: url(../images/QS_menu_reflection.jpg); background-repeat: no-repeat; height: 140px; }



/* colonne droite */
#colonne_droite { float: left; width: 710px; height: 650px; top: 74px; position: relative; background-image: url(../images/bg_contenu_center.jpg); background-repeat: repeat-x; }

#colonne_droite #header { height: 75px; width: 668px; margin: 15px 0 0 0; }
#colonne_droite #header #titre { font: bold 14px Arial, Helvetica, sans-serif; }
#colonne_droite #header #titre A { color: #FFFFFF; text-decoration: none; }
#colonne_droite #header #flash { float: right; }


#colonne_droite #footer { clear:both; height: 25px; text-align: center; color: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; width: 668px; }
.lienmail A { font-size:12; color: #FFFFFF; text-decoration: none;}
.lienmail  A:hover { color: #404040; }

#colonne_droite #header #langues .flag { float: right; margin: 0 0 0 15px; border: 0; }
#colonne_droite #header #langues .flag A img { border: 1px solid white; text-decoration: none; }
#colonne_droite #header #langues .flag A:hover img { border: 1px solid #003399; }

#colonne_droite #contenu_principal { height: 350px; width: 668px; border: 0px solid white; }
#colonne_droite #contenu_principal #content { float: left; width: 643px; margin: 0 0 0 0; height: 330px; overflow-y:auto; padding-right: 10px; background-color: #FFFFFF; padding-left: 10px; border: 1px solid #003399; font: normal 12px Arial, Helvetica, sans-serif; color: #1D3156; text-align: justify; }

#colonne_droite #contenu_principal #content #gauche{ float: left; width: 490px; margin: 0 0 0 0; height: 170px; overflow-y:no; padding-right: 0px; background-color: #FFFFFF; padding-left: 0px; border: 0px solid #003399; font: normal 12px Arial, Helvetica, sans-serif; color: #1D3156; text-align: justify; }
#colonne_droite #contenu_principal #content #droite{ float: right; width: 130px; margin: 0 0 0 0; height: 170px; overflow-y:no; padding-right: 0px; background-color: #FFFFFF; padding-left: 0px; border: 0px solid #003399; font: normal 12px Arial, Helvetica, sans-serif; color: #1D3156; text-align: right; }

#colonne_droite #contenu_principal #content p { font: normal 12px Arial, Helvetica, sans-serif; color: #1D3156; text-align: justify; }