@charset "utf-8";
/* CSS Document par ISSARTEL Thibaud */

/* Correctif PNG pour IE */
img { behavior: url("_css/iepngfix/iepngfix.htc") }
img { border-width: 0px; border-style: none; }

/* Pour tout le site */
* { margin:0; padding:0 }
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; height:100%; background-image: url('../_images/fondSite.png'); }
h1, h2, h3, h4, h5, h6 { clear:left }
h1 { color:#000; font-size:24px }
h2 { color:#000; font-size:18px }
h3 { color:#000; font-size:15px }
h4 { color:#000; font-size:12px }
h5 { color:#000; font-size:10px }
h5 { color:#000; font-size:9px }

#container { text-align: left; vertical-align: middle; padding: 0px; width: 771px; background-color: #FFF; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#container #bandeau { padding-top: 24px; }
#container #navigation { background-image: url('../_images/fond_menu.png'); height: 37px; width: auto; padding-left: 25px; }
#navigation ul { margin:0; padding:0; list-style:none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; }
#navigation li { display:inline; margin:0; padding:0; }
#container #contenus { margin: 10px; min-height:405px }
#container #pied { background-image: url('../_images/separateur_pied.png'); background-repeat: no-repeat; background-position: center 5px; height: 35px; padding-top: 10px; text-align: center; }
#overscan { text-align: center; vertical-align: middle; padding: 0px; width: 771px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 10px; }


/* Navigation du site */
#navigation a { float:left; margin:0; text-decoration:none; cursor:pointer; padding: 0 0px 0 0px; }
#navigation a span { float:left; display:block; color:#900; background-image: url('../_images/separateur.png'); background-position: 0px 0px; background-repeat: no-repeat; height: 17px; padding-top: 10px; padding-right: 8px; padding-bottom: 4px; padding-left: 15px; }
#navigation a span { float:none; }
#navigation a:hover span { color:#C00; background-image: url('../_images/separateur.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#navigation a:hover { background-position:0% -42px; }
#navigation a:hover span { }
#navigation #current a { background-position:0% -42px; }
#navigation #current a span { background-position:100% -42px; }


/* Gestion du SlideShow */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper { width:506px; display:none; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#wrapper * {margin:0; padding:0}
#fullsize { position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#900 }
#information { position:absolute; bottom:0; width:500px; height:0; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70); background: #900; }
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p { padding:0 8px 8px; color: #FFF; font-weight: bold; }
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url('../Slideshow/images/left.gif') left center no-repeat;cursor:pointer}
#imgnext {right:0; background:url('../Slideshow/images/right.gif') right center no-repeat;cursor:pointer}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);cursor:pointer}
.linkhover {background:url('../Slideshow/images/link.gif') center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft { float:left; width:20px; height:81px; background-color:#FFF; background-image: url('../Slideshow/images/scroll-left.gif'); background-repeat: no-repeat; background-position: center center;cursor:pointer }
#slideleft:hover { }
#slideright { float:right; width:20px; height:81px; background-color: #FFF; background-image: url('../Slideshow/images/scroll-right.gif'); background-repeat: no-repeat; background-position: center center;cursor:pointer }
#slideright:hover { }
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


/* Gestion des textes */
.txt01 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; font-size: 12px; line-height: 14px; }
.txt02 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; font-size: 12px; line-height: 14px; }
.txt03 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #036; font-size: 12px; line-height: 14px; }

.lien_piti { color: #666; text-decoration: none; }

#TitreACC { color: #ffae00; font-size: 18px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; margin: 0px 0px 0px 15px; padding: 0px; }
#TitreBigACC { color: #900; font: normal 18px/20px Georgia, "Times New Roman", Times, serif; margin: 0px 0px 10px 15px; padding: 0px; }
#SousTitreACC { color: #999; font: italic normal 12px/14px Georgia, "Times New Roman", Times, serif; margin: 0px 0px 10px 15px; padding: 0px; }
#TexteACC { color: #900; font: normal 12px/14px Georgia, "Times New Roman", Times, serif; background: url(../_images/DegradeLeftACC.png) no-repeat left top; margin: 0px 0px 0px 15px; padding: 15px 0px 0px 15px; height: auto; }

#TexteACC img { margin: 15px 0px 0px; padding: 0px; }