/* NEUTRALISATION */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
ol,ul { list-style:none; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
caption,th { text-align:left; }
q:before, q:after { content :''; }
a { outline:none; }

/* GENERAL */
html { background:#c6221a; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:14px; color:#ffffff; }
a { color:#c6221a; text-decoration:none; }
a:hover { color:#c6221a; }

/* HAUT */
#top { height:65px; background:#000000; }
#bloctop { position:relative; height:65px; margin:0 auto; width:960px; }

#fondlogo { position:absolute; top:15px; left:19px; background:url(images/fondlogo.gif) left top no-repeat; width:270px; height:109px; }
#logo { position:absolute; z-index:100; top:11px; left:14px; background:url(images/sublimetvous.gif) left top no-repeat; width:270px; height:109px; text-indent:-5000px; }

#ariane { font-size:11px; text-align:right; margin:0 auto; width:960px; }
#ariane ul { display:inline; }
#ariane ul li { display:inline; }
#ariane ul li a { color:#ffffff; text-decoration:none; }
#ariane ul li a:hover { color:#e6463e; text-decoration:underline; }

#slogan { position:absolute; top:28px; left:298px; font-size:25px; color:#ffffff; }
#slogan1 { font-size:30px; color:#c6221a; letter-spacing:2px; }
#slogan2 { font-size:30px; color:#c6221a; letter-spacing:2px; }

/* CONTENU */
#contenu { position:relative; margin:0 auto; width:960px; }

/* COLONNE SECONDAIRE */
#colsec { left:0; top:35px; width:290px; }

.navrelooking { position:relative; width:270px; margin:35px 0 0 19px; padding:12px 0 0 0; background: url(images/boite-nav-top.gif) left top no-repeat; }
.blocnavrelooking { padding:0 20px 15px 20px; background: url(images/boite-nav-bottom.gif) left bottom no-repeat; line-height:18px; }
.blocnavrelooking ul { list-style:disc outside; margin:0 0 0 10px; }
.blocnavrelooking a { color:#ffffff; text-decoration:none; }
.blocnavrelooking a:hover { text-decoration:underline; color:#e6463e; font-weight:bold; }
#vrelooking { position:absolute; top:10px; left:-19px; }
.navrelookingover { color:#e6463e; }

.navesthetique { position:relative; width:270px; margin:12px 0 0 19px; padding:12px 0 0 0; background: url(images/boite-nav-top.gif) left top no-repeat; }
.blocnavesthetique { padding:0 20px 15px 20px; background: url(images/boite-nav-bottom.gif) left bottom no-repeat; line-height:18px; }
.blocnavesthetique ul { list-style:disc outside; margin:0 0 0 10px; }
.blocnavesthetique a { color:#ffffff; text-decoration:none; }
.blocnavesthetique a:hover { text-decoration:underline; color:#e6463e; font-weight:bold; }
#vesthetique { position:absolute; top:10px; left:-19px; }
.navesthetiqueover { color:#e6463e; }

.news { position:relative; width:270px; margin:12px 0 0 19px; padding:12px 0 0 0; background: url(images/boite-nav-top.gif) left top no-repeat; }
.blocnews { padding:0 20px 15px 20px; background: url(images/boite-nav-bottom.gif) left bottom no-repeat; line-height:18px; }
.blocnews a { color:#ffffff; text-decoration:none; }
.blocnews a:hover { text-decoration:underline; color:#e6463e; font-weight:bold; }
#vnews { position:absolute; top:10px; left:-19px; }
.titrenews { margin:0 0 8px 0; font-weight:bold; }

.deplacement { width:270px; margin:12px 0 0 19px; padding:12px 0 0 0; background: url(images/boite-nav-bl-top.gif) left top no-repeat; color:#373737; }
.blocdeplacement { padding:0 20px 15px 20px; background: url(images/boite-nav-bl-bottom.gif) left bottom no-repeat; }
.liennews { margin:10px 0 0 0; }
#framefb { margin:15px 0 15px 20px; }

/* COLONNE PRINCIPALE */
#colprinc { left:300px; width:660px; margin:10px 0 0 0; min-height:710px; }
#colprinc h1 { width:660px; height:60px; background: url(images/fond-h1.gif) left top no-repeat; color:#c6221a; font-size:22px; margin:10px 0 0 0; padding:5px 0 0 10px; }
#texte { margin:-10px 0 5px 0; width:660px; background: url(images/fond-texte.gif) left top repeat-y; padding:0 0 10px 0; }
#contenutexte { margin:0 25px 0 25px; color:#373737; }
#contenutexte h2 { margin:0 0 15px 0; line-height:18px; }
#contenutexte p { margin:0 0 15px 0; line-height:18px; }
.contenutexteul { margin:0 0 15px 25px; line-height:18px; list-style: url(images/bulle-rouge.jpg) outside; }
.bold { font-weight:bold; }
#contenutexte a { color:#c6221a; text-decoration:underline; }
#contenutexte a:hover { color:#c6221a; text-decoration:none; }
.idemh1 { color:#c6221a; font-size:22px; padding:5px 0 0 0; }

/* NAV GENERALE */
#navgen { position:absolute; top:10px; left:680px; }
#navgen li { margin:6px 0 6px 0; }
.nav1 { display:block; background: url(images/nav1.gif) left top no-repeat; width:60px; height:20px; color:#000000; padding:2px 0 0 10px; }
.nav2 { display:block; background: url(images/nav2.gif) left top no-repeat; width:190px; height:20px; color:#000000; padding:2px 0 0 10px; }
.nav3 { display:block; background: url(images/nav3.gif) left top no-repeat; width:190px; height:20px; color:#000000; padding:2px 0 0 10px; }
.nav4 { display:block; background: url(images/nav4.gif) left top no-repeat; width:43px; height:20px; color:#000000; padding:2px 0 0 10px; }
.nav5 { display:block; background: url(images/nav5.gif) left top no-repeat; width:43px; height:20px; color:#000000; padding:2px 0 0 10px; }
.nav6 { display:block; background: url(images/nav6.gif) left top no-repeat; width:190px; height:20px; color:#000000; padding:2px 0 0 10px; }
.nav7 { display:block; background: url(images/nav7.gif) left top no-repeat; width:60px; height:20px; color:#000000; padding:2px 0 0 10px; }
.nav8 { display:block; background: url(images/nav8.gif) left top no-repeat; width:185px; height:20px; color:#000000; padding:2px 0 0 10px; }
.nav1:hover { background: url(images/nav1.gif) left bottom no-repeat; color:#ffffff; }
.nav2:hover { background: url(images/nav2.gif) left bottom no-repeat; color:#ffffff; }
.nav3:hover { background: url(images/nav3.gif) left bottom no-repeat; color:#ffffff; }
.nav4:hover { background: url(images/nav4.gif) left bottom no-repeat; color:#ffffff; }
.nav5:hover { background: url(images/nav5.gif) left bottom no-repeat; color:#ffffff; }
.nav6:hover { background: url(images/nav6.gif) left bottom no-repeat; color:#ffffff; }
.nav7:hover { background: url(images/nav7.gif) left bottom no-repeat; color:#ffffff; }
.nav8:hover { background: url(images/nav8.gif) left bottom no-repeat; color:#ffffff; }
.nav1over { display:block; background: url(images/nav1.gif) left bottom no-repeat; width:60px; height:20px; color:#ffffff; padding:2px 0 0 10px; }
.nav2over { display:block; background: url(images/nav2.gif) left bottom no-repeat; width:190px; height:20px; color:#ffffff; padding:2px 0 0 10px; }
.nav3over { display:block; background: url(images/nav3.gif) left bottom no-repeat; width:190px; height:20px; color:#ffffff; padding:2px 0 0 10px; }
.nav4over { display:block; background: url(images/nav4.gif) left bottom no-repeat; width:43px; height:20px; color:#ffffff; padding:2px 0 0 10px; }
.nav5over { display:block; background: url(images/nav5.gif) left bottom no-repeat; width:43px; height:20px; color:#ffffff; padding:2px 0 0 10px; }
.nav6over { display:block; background: url(images/nav6.gif) left bottom no-repeat; width:190px; height:20px; color:#ffffff; padding:2px 0 0 10px; }
.nav7over { display:block; background: url(images/nav7.gif) left bottom no-repeat; width:60px; height:20px; color:#ffffff; padding:2px 0 0 10px; }
.nav8over { display:block; background: url(images/nav8.gif) left bottom no-repeat; width:185px; height:20px; color:#ffffff; padding:2px 0 0 10px; }
.nav1over:hover { color:#e6463e; }
.nav2over:hover { color:#e6463e; }
.nav3over:hover { color:#e6463e; }
.nav4over:hover { color:#e6463e; }
.nav5over:hover { color:#e6463e; }
.nav6over:hover { color:#e6463e; }
.nav7over:hover { color:#e6463e; }
.nav8over:hover { color:#e6463e; }

.navfb { display:block; margin:25px 0 0 0; background: url(images/navfb.gif) left top no-repeat; width:190px; height:45px; color:#000000; }
.navfb span { display:block; padding:5px 0 0 55px; }

/* BOTTOM */
#bottom { height:72px; background:#000000; margin:0 0 0 0; }
#blocbottom { position:relative; height:50px; margin:0 auto; width:828px; font-size:11px; text-align:right; padding:5px 0 0 0; }
.lienbottom { color:#ffffff; text-decoration:underline; }
.lienbottom:hover { color:#e6463e; text-decoration:none; }
.lienbottom1 { color:#ffffff; text-decoration:none; }
.lienbottom1:hover { color:#ffffff; text-decoration:none; }
#nrj { position:absolute; top:5px; left:835px; }
#retour { margin:8px 0 0 0; }


/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; }
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }
#slider { position:relative; width:373px; height:209px; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
