@import url(template_1.css);
@import url(optavis.css);
@import url(optavisAdmin.css);
@import url(js/shadowbox/shadowbox.css);

h1, h2, h4 { margin: 0px; padding: 0px; }

/*
.galerie { background: #afafaf url("media/fond.gif"); width: 450px; height: 300px; 
-moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 20px 0 0; float: left; }
*/

.flashinfos { background: #d60027 url("media/reddots.gif"); width: 200px; height: 300px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; }

.historique { background: #000 url("media/carbon.gif") bottom repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #eee; padding: 15px 25px 5px 15px; overflow: hidden; }
.historique span.thumb { border: 1px solid #222; float: left; margin: 0 15px 0 0; }
.historique p { font-size: 11px; line-height: 150%; }

/* Added */
/*
h1 { color: #D4D4D4; border: 0 none; font-family: "verdana" , "arial" , "helvetica" ,sans-serif; 
font-size: 1em; font-style: normal; font-weight: normal; margin: 0; padding: 0; text-decoration: none; }
*/

/* horinaja default */
.horinaja ul { position: relative; }
.horinaja ul li { background: transparent; display: block; top: 0; }
/* horinaja pagination */
ol.horinaja_pagination { height: 40px; margin: 0 auto; position: relative; background: transparent; padding: 5px 0 0 0; clear: both; }
ol.horinaja_pagination li { float: left; height: 40px; display: block; }
ol.horinaja_pagination li a { height: 30px; display: block; background: transparent; float: left; color: white; font-weight: bold; text-align: center; font-size: 12px; padding: 10px 0 0 0; cursor: pointer; }


.accueil li { list-style: none; margin: 0px; padding: 0px; }

.galerieAccueil { background: #afafaf url("../media/fond.gif"); width: 450px; height: 300px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 20px 0 0; float: left; }
.galerieAccueil img { height: 280px; }

.galerieAccueil .jcarousel-container { position: relative; border: none; height: 300px; overflow: hidden; margin: 5px 6px; }
.galerieAccueil .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 430px; /*height: 70px;*/ }
.galerieAccueil .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.galerieAccueil .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 430px; /*height: 60px;*/ overflow: hidden; margin: 5px; text-align: center; }

.historique .thumb img { height: 100px; }
.historique { font-family: Verdana, Arial, helevetica; font-size: 11px; line-height: 13px; }

.filInfo { overflow: auto; height: 285px; margin: 7px; color: #fff; font-family: Verdana, Arial, helevetica; font-size: 11px; line-height: 13px; }

ul.galerie { margin: 0 -5px; }
ul.galerie li { margin: 5px; float: left; overflow: hidden; }
ul.galerie li a { display: block; width: 126px; height: 90px; overflow: hidden; }
ul.galerie li a img { border-color: #ccc; width: 124px; }
ul.galerie li a:hover img { border-color: #666; }

.pagination { height: 30px; clear: both; }
.pagination a { display: block; border: 1px solid #AE0111; padding: 0px 5px; float: left; margin: 2px; font-family: Verdana, Arial, helevetica; line-height: 16px; font-size: 10px; }
.pagination a.selected { background: #ccc; }

.titleStage { font-family: Trebuchet MS, Verdana, Sans-Serif; font-style: italic; margin: 0 0 10px 0; }

.stagePilotage { clear: both; float: none; height: 100px; background: url(media/nos-voitures.gif) no-repeat left center; padding: 0px 0px 0px 20px; }
.stagePilotage li { position: relative; margin: 5px 2px; float: left; overflow: hidden; border: 1px solid #ccc; }
.stagePilotage li a { display: block; width: 124px; height: 90px; overflow: hidden; }
.stagePilotage li a img { border-color: #ccc; width: 124px; height: 90px; }
.stagePilotage li span { position: absolute; display: block; width: 124px; bottom: 0px; text-align: center; background: #000; color: #fff; font-family: Verdana, Sans-Serif; font-size: 10px; background: url(media/black.png); }
.stagePilotage li a:hover img { border-color: #666; }

.ssMenu { margin: 0px 12px 0px 0px; width: 160px; }
.ssMenu li { display: block; background: url(media/li-border.gif) no-repeat bottom right; width: 160px; }
.ssMenu li a { display: block; font-family: Trebuchet MS, Verdana, Sans-Serif; font-size: 11px; color: #f00; text-align: right; padding: 10px 5px 10px 0px; line-height: 16px; }
.ssMenu li a h4 { display: block; font-size: 14px; color: #333; font-weight: bold; }
.ssMenu li a.selected { background: url(media/li-fond-repeat.gif) repeat-y bottom right; }

.bStage { margin: 10px 0 0 0; position: relative; }
.bStage .tabFiche { width: 100%; }
.bStage .tdSsMenu { width: 170px; }
.bStage .html { margin: 10px 0px; }

.bStage .bonCommande { bottom: 10px; margin: 0 0 0 29px; position: absolute; }
.bStage .bonCommande img { border: none; }

.bStage .fiche { background: #D7D7D7; padding: 20px 20px; }
.bStage .fiche * { font-family: Trebuchet MS, Verdana, Sans-Serif; }
.bStage .fiche h2 { font-family: Trebuchet MS, Verdana, Sans-Serif; font-size: 20px; border-bottom: 1px solid #fff; padding: 0px 0px 15px 0px; }
.bStage .fiche h2 strong { color: #fff; }
.bStage .fiche h2 em { font-style: normal; color: #da1616; }
.bStage .fiche h4 { font-family: Trebuchet MS, Verdana, Sans-Serif; font-size: 16px; color: #da1616; }
.bStage .fiche .programme, .bStage .fiche .presentation { margin: 5px 0px; }
.bStage .fiche .programme ul { padding: 0px 0px 0px 10px; }
.bStage .fiche .programme li { margin: 0px 5px; list-style-image: url(media/disc.gif); }
.bStage .fiche .programme img { float: right; margin: 0px 20px 20px 0px; }
.bStage .fiche .presentation img { float: left; margin: 0px 20px 20px 0px; }
.bStage .fiche .html { clear: both; float: none; }


.atelier { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #EEEEEE none repeat scroll 0 0; border: 1px solid #CCCCCC; margin: 0 0 20px; overflow: hidden; padding: 10px; }
.atelier .photo { float: left; margin: 0 20px 0 0; }
.atelier .photo.right { float: left; margin: 0 0 0 20px; }
.atelier .photo img { border: 1px solid #CCCCCC; }
.atelier .descriptif { float: left; width: 325px; font-family: Verdanan, Arial, Helvetica; font-size: 11px; }
.atelier .descriptif h1 { border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; padding-top: 2px; }
.atelier .descriptif p { font-size: 11px; }

table.calendrier { /*background: #ccc; */font-family: sans-serif; width: 100%;  border-collapse: collapse;}
table.calendrier td,table.calendrier th {border: 1px solid #ccc;}
table.calendrier th { background: url("media/thead.gif") repeat-x bottom; color: #fff; font-weight: bold; padding: 10px 0; }
table.calendrier th h1 { font-family: "Trebuchet MS"; font-size: 15px; text-shadow: 0 2px 0 #9d0013; font-weight: bold; font-style: italic; }
table.calendrier td { font-size: 11px; text-align: center; padding: 5px; /*background: #fff;*/ line-height: 150%; }
/*
table.calendrier tr.competition td { font-weight: bold; background: #333; color: #fff; }
table.calendrier tr.competition td em { color: #fff; font-style: italic; }
table.calendrier tr.complet td { font-weight: bold; background: #eee; }
table.calendrier tr.complet td strike { text-decoration: line-through; }
h4.calComplet {background: #eee; }
*/

/* Challenge */
#slidePhoto { margin: 10px 0; width: 670px;  height: 85px;}
#slidePhoto ul { position: relative; height: 85%;}
#slidePhoto li { list-style: none; text-align: center; }
#slidePhoto a { margin: 0px 4px; }
#slidePhoto a img { border: none; height: 80px; }


ul.programme { margin: 20px 0 0; }
ul.programme > li { margin: 0 0 10px 20px; }
#content ul.programme > li p { margin: 0; }
ul.programme > li > ul > li { margin-left: 20px; }
span.image_right { float: right; margin: 5px 0 0 25px; }
span.image_left { float: left; margin: 5px 25px 0 0; }
span.image_left img, span.image_right img { border: 1px solid #CCCCCC; margin: 0 0 15px; }

.optavisContact { width: 350px; }
.optavisContact .SubHead { color: #DA1616; }
.optavisContact .txt, .optavisContact textarea { width: 100%; border: 1px solid #999; }
.optavisContact textarea { height: 300px; }
.optaButtonBar { text-align: right; }