* { margin: 0; padding: 0; }

html { width: 100%; }
body { width: 100%; font-size: 75%; background: #232323 url(../graph/bg_page.gif) bottom right no-repeat; color: #fff; }

h1 { color: #c8002f; text-align: right; font-family: times,"Times New Roman",times-roman,georgia,serif; margin: 0 0 0.8em 0; padding: 1.5em 15px 6px 0px; font-size: 51px; line-height: 44px; letter-spacing: -2px; font-weight: bold; background: transparent url(../graph/bg_titre1.gif) bottom right no-repeat; }
h2 { padding-top: 1.5em; margin-bottom: 1.5em; color: #54a496; font-family: "Hoefler Text",Georgia,"Times New Roman",serif; font-weight: normal; font-size: 1.75em; letter-spacing: .2em; line-height: 1.1em; margin:0px; font-variant: small-caps; }
h3 { color: #c8002f; }
a { color: #fff; }
a:active, a:focus { outline: none; }
a img { border: none; }
li object { display: inline; vertical-align: middle; }
p { margin: 0.7em 0; }
p img { vertical-align: middle;}
ul { list-style-position: inside; margin: 0.5em 0 0.5em 1em; }

div.container { width: 100%; background: transparent url(../graph/bg_header.jpg) top left repeat-x; }

div.header { width: 100%; height: 176px; }

#logo { margin-left: 5em; padding: 15px 0 0 15px; font-style: italic; letter-spacing: 0.3em; text-indent: -5em; }
#logo2 { position: absolute; top: 15px; right: 15px; }

#MainMenu { background: #000 url(../graph/onglet_m.jpg); position: relative; left: 50%; width: 680px; margin-left: -340px; }
#tab { margin:0; top:0; }
#tab ul { margin:0; padding:0; list-style:none; float:left; }
#tab li { display:inline; float:left; margin:0; padding:0; }
#tab a { background:#000 url(../graph/onglet_r.jpg) no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; }
#tab a span { display:block; background:url(../graph/onglet_l.jpg) no-repeat left top; padding:0 26px 0 24px; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-size:15px; color:#000; font-weight:bold; line-height:43px; }
#tab a:hover,#tab li.linkOn a { background-position:right bottom; }
#tab a:hover span,#tab li.linkOn a span { background-position:left bottom; color:#fff; font-weight:bold; font-style:normal; text-decoration:none; }
#tab a:hover { border-bottom: 1px solid #fff; }
#tab a:hover span { line-height:42px; }
#tab li.linkOn a:hover { border: 0; }
#tab li.linkOn a:hover span { line-height:43px; }

#subMenu { margin:0 8em; padding:0; background: #232323; color: #fff; clear:both; text-align: center; line-height: 2.5em; }
#subMenu ul { padding:0; list-style:none; float:left; background: #232323; }
#subMenu li { display:inline; float:left; margin:0; padding:0; }
#subMenu a { margin:0; padding:0; text-decoration:none; /*border-left: 1px solid #ccc; border-right: 1px solid #ccc;*/ display:block; float:left; }
#subMenu a span { display:block; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ccc; line-height: 2.5em; }
#subMenu a:hover span,#subMenu li.linkOn a span { color:#fff; font-weight:bold; font-style:normal; }
#subMenu li.linkOn a { text-decoration: underline; }

#MainAff, #MainAffb { width: 100%; margin:0; padding:0; border-top: 1px solid #fff; clear: both; }
#MainAffb { border-color: #232323; }
#MainAff div.cont, #MainAffb div.cont { width: 80%; margin-left: 10%; padding-bottom: 58px; line-height: 1.7em; }

div.footer { margin: 2em 2em 3em 2em; }
div.footer a img { vertical-align: middle; }

/*spec*/
li object, li object embed { vertical-align: top; display: inline; }/*player son*/
.player { margin-right: 5px; }
.vPlayer { position: relative; width: 100%; height: 360px; }
.vPlayer object, .vPlayer img { position: absolute; top: 50%; left: 50%; margin-top: -120px; margin-left: -160px; width: 320px; height: 240px; }
.accueil { margin: 2em 0 0 0; width: 100%; position: relative; }
.accueil .ill { position: absolute; top: 0; left: 50%; margin-left: -400px; }
.messAcc p { margin-right: 20px; }
.messAcc h2 { margin-right: 20px; }
/*.news { margin-top: 1.5em; }*/
.mail { text-align: center; }
#sendMail label { display: block; font-family: "Gill Sans", Verdana, sans-serif; font-size: 11px; line-height: 17px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; color: #C0BBBB; }
.mail p.infos { padding: 0; }
.mail p.infos label, .mail p.infos input { margin: 0 10px 0 0; }
.mail p.infos label { margin-top: 0.5em; }
.mail p.mailCont label, .mail p.mailCont textarea { margin: 0 0 0 10px; padding: 0; }
.mail p.mailCont textarea { padding: 5px; }

.newsElem h2 span { font-size: 80%; }
.newsElem div.newsSousTitre { font-weight: bold; margin: 0 1.5em 0.5em 1.5em; font-style: italic; }

/*grid spec*/
.floatL { float: left; /*display: inline;*/ }
.floatR { float: right; display: inline; }
.ill.floatL { margin-right: 1.5em; }
.ill.floatR { margin-left: 1.5em; }

.clear { clear: both; }

.alL { text-align: left; }
.alC { text-align: center; }
.alR { text-align: right; }
.alJ { text-align: justify; }

.ml_220 { margin-left: 220px; }
.ml_440 { margin-left: 440px; }

.wIdent { width: 220px; }
.wInter { width: 420px; }
.w19 { width: 19%; }
.w20 { width: 20%; }
.w33 { width: 33%; }
.w39 { width: 39%; }
.w40 { width: 40%; }
.w48 { width: 48%; }
.w50 { width: 49.5%; }
.w60 { width: 60%; }
.w80 { width: 80%; }

.fsK { font-variant: small-caps; }
.fM { color: #EBD241; }
.f80 { font-size: 0.8em; }
.f120 { font-size: 1.2em; }

.bg_red { background-color: #AD0028; }

.noP { list-style-type: none; }/*liste sans puce*//*feuille de styles pour DOMAssistant.boxIt - Stylesheet for DOMAssistant.boxIt plugin*/

/*styles par défaut - default styles*/
.round_cadre div.gCont { background: transparent url(../graph/boxes/cadre_r.gif) right repeat-y; padding: 0; margin: 0; width: 100%; }
.round_cadre div.topCont { background: transparent url(../graph/boxes/cadre_t.gif) top repeat-x; height: 26px; font-size: 1px; text-align: left; width: 100%; }
.round_cadre div.top { background: transparent url(../graph/boxes/cadre_tr.gif) top right no-repeat; height: 100%; width: 100%; text-align: left; }
.round_cadre div.top div { background: transparent url(../graph/boxes/cadre_tl.gif) top left no-repeat; height: 100%; width: 26px; }
.round_cadre div.midCont { margin: 0 10px 0 0; padding: 1px 0 1px 10px; background: transparent url(../graph/boxes/cadre_l.gif) top left repeat-y; }
.round_cadre div.botCont { background: transparent url(../graph/boxes/cadre_b.gif) bottom repeat-x; height: 25px; font-size: 1px; text-align: left; width: 100%; }
.round_cadre div.bot { background: transparent url(../graph/boxes/cadre_br.gif) bottom right no-repeat; height: 100%; width: 100%;  text-align: left;}
.round_cadre div.bot div { background: transparent url(../graph/boxes/cadre_bl.gif) bottom left no-repeat; height: 100%; width: 26px; }

/*Exemple de thème : "Simple" - "Simple" theme example
.round_cadre.simple div.gCont { background: transparent url(../graph/bg_r.gif) right repeat-y; }
.round_cadre.simple div.topCont { background: transparent url(../graph/bg_t.gif) top repeat-x; height: 10px; }
.round_cadre.simple div.top { background: transparent url(../graph/tr.gif) top right no-repeat; }
.round_cadre.simple div.top div { background: transparent url(../graph/tl.gif) top left no-repeat; width: 10px; }
.round_cadre.simple div.midCont { margin-right: 10px; padding-left: 10px; background: transparent url(../graph/bg_l.gif) top left repeat-y; }
.round_cadre.simple div.botCont { background: transparent url(../graph/bg_b.gif) bottom repeat-x; height: 11px; }
.round_cadre.simple div.bot { background: transparent url(../graph/br.gif) bottom right no-repeat; }
.round_cadre.simple div.bot div { background: transparent url(../graph/bl.gif) bottom left no-repeat; width: 10px; }*/

/*
styles communs à tous les cas (laisser au bas de la feuille de style) -
Common Styles (Keep at the bottom of the stylesheet)
*/
.noBg { background-image: none!important; }