* { font-family: 'News Cycle', sans-serif; }
body, html { color: #FFF; font-size: 12px; margin: 0; padding: 0; height: 100%; background: url(../interface/images/fond-parc.jpg) no-repeat fixed center center; min-width: 1250px; }
a img { border: 0; }
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 { font-weight: normal; } 
#page h1 { font-size: 36px; color: #FFFFFF; text-transform: uppercase; margin: 0 0 10px; line-height: 38px; }
#page h2 { font-size: 26px; color: #d7d7d7; text-transform: uppercase; }
#page h3 { font-size: 22px; color: #b2b2b2; margin: 0 0 10px; }
#page h4 { font-size: 18px; color: #FFFFFF; margin: 0 0 10px; }
#page h5 { font-size: 14px; color: #b2b2b2; margin: 0 0 10px; }
#page h6 { font-size: 12px; color: #b2b2b2; margin: 0 0 10px; }
#page a { color: #CCC; text-decoration: underline; }
#page a:hover { color: #FFF; text-decoration: none; }

#wrapper { background: url(../interface/images/fond-gauche.png) repeat-y center top; min-height: 100%; } 
#wrap { padding: 40px 0; }
#general { background: url(../interface/images/fond-centre.png) repeat; margin: 0; }
#colG { width: 350px; float: left; }
#colD { width: 900px; min-height: 100%; float: right; }
#corps { width: 1250px; margin: 0 auto; position: relative; }

.boutonAccueil { text-decoration: none; float: left; cursor: pointer; width: 225px; overflow: hidden; height: 500px; position: relative; }
.boutonAccueil span { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;  z-index: 20; display: block; position: relative; vertical-align: bottom; padding: 20px; height: 460px; width: 185px; opacity: 0; filter: alpha(opacity=0); background: url(../interface/images/over.png) repeat; }
.boutonAccueil img { position: absolute; top: 0; left: 0; z-index: 10; }
.boutonAccueil:hover span { opacity: 1; filter: alpha(opacity=80); }
.boutonAccueil h3 { margin-top: 200px; font-family: 'News Cycle', sans-serif; text-decoration: none; color: #FFFFFF; font-size: 28px; letter-spacing: -1px; margin-bottom: 20px; text-transform: uppercase; font-weight: normal; }
.boutonAccueil p { font-family: 'News Cycle', sans-serif; text-decoration: none; color: #737373; font-size: 14px; line-height: 16px; text-transform: uppercase; }

#bloc_langues { text-align: center; margin-bottom: 30px; }

nav.fondmenu ul { padding: 0; }
nav.fondmenu li { list-style: none; background: url(../interface/images/menu-sepa.png) no-repeat center bottom; }

nav.fondmenu a { font-size: 16px; line-height: 18px; padding: 9px 0 13px; text-align: center; display: block; background: url(../interface/images/menu-fleche.png) no-repeat 322px center; color: #FFF; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
nav.fondmenu li:hover { background: url(../interface/images/menu-over.png) repeat; }
nav.fondmenu li:hover a { background-position: 332px center; }

nav.fondmenu ul ul { top: -3px; position: relative; opacity: 0; }
nav.fondmenu ul ul li a { line-height: 0; padding: 0; }
nav.fondmenu ul ul li a span { background: url(../interface/images/sousmenu-fleche.png) no-repeat left center; padding: 0 7px; display: none; }
nav.fondmenu ul ul li:hover a span { display: inline-block; }
nav.fondmenu li ul li:hover, nav.fondmenu li ul li { background: none; }

nav.fondmenu li ul a:hover, nav.fondmenu li ul a { font-size: 14px; background: none; }
nav.fondmenu li:hover ul { opacity: 1; }
nav.fondmenu li:hover ul li a { line-height: 16px; padding: 0 0 5px; }

#social { margin: 70px 0; overflow: hidden; }
#social a { display: block; height: 46px; float: left; width: 46px; background: url(../interface/images/social.png) no-repeat; }
#social a#facebook { background-position: left top; margin: 0 10px 0 119px; }
#social a#twitter { background-position: right top; margin: 0 119px 0 10px; }
#social a#facebook:hover { background-position: left bottom; }
#social a#twitter:hover { background-position: right bottom; }

footer { padding: 0 10px; text-align: center; }
footer p { margin: 0; color: #575757; font-size: 15px; line-height: 17px; }
footer p span { line-height: 20px; }

footer p#copyright { color: #666566; text-align: left; font-size: 11px; text-transform: uppercase; margin:35px 0 10px; line-height: 12px; }
footer p#copyright span { line-height: 12px; }
footer p#copyright a { color: #888788; text-decoration: none; }
footer p#copyright a:hover { color: #FFFFFF; }

article#page { padding: 30px; font-size: 15px; color: #FFF; clear: both; }
article#page h2, article#page p { margin: 0 0 5px; line-height: 18px; }
article#page h2 { margin: 20px 0 10px; }


.bloc.actualis { }
.bloc.actualis h3 { line-height: 20px; color: #3e3e3e; margin: 0; font-size: 24px; font-weight: normal; text-transform: uppercase; }
#page .index.actualis h3, #page .index.actualis h3 a, #page .detail.actualis h3, .bloc.actualis h4, .bloc.actualis h4 a { color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 24px; font-weight: normal; margin: 0; }
.actualis p.infos { margin: 0 0 0 15px; color: #3e3e3e; font-size: 22px; line-height: 18px; padding-bottom: 5px; }
article#page .actualis p.infos { margin: 0 0 0 15px; color: #999; font-size: 22px; line-height: 18px; padding-bottom: 5px; }
.bloc.actualis .contenu { color: #575757; font-size: 15px; line-height: 16px; }
.bloc.actualis article.main { float: left; margin: 0 15px 0 0; width: 415px; }
a{text-decoration: none;}


#bas-wrap { background: url(../interface/images/fond-actu.png) repeat-x left top; }
#bas { width: 1250px; margin: 0 auto; overflow: hidden; }
#bas #pied { width: 330px; float: left; padding-top: 25px; height: 165px; }
#bas #annexe { float: left; padding: 8px 20px; }

#page .actualis article { /*background: url(../interface/images/menu-sepa.png) repeat-x center bottom;*/ border-bottom: 1px solid #999; padding: 20px 0; }
#page .index.actualis article { float: left; width: 405px; margin-right: 15px; height: 146px; }

.formulaire form p { padding: 2px 0; overflow: hidden; }
.formulaire label { width: 160px; float: left; text-align: right; padding: 2px 10px 0 0; }
.formulaire textarea, .formulaire input[type=text] { color: #CCC; background: url(../interface/images/input.png) repeat; border: 0; padding: 3px 4px; width: 200px; }
.formulaire textarea:hover, .formulaire input[type=text]:hover { color: #FFF; } 


footer p.confidentialite { color: #CCC; font-size: 11px; }