@charset "UTF-8";
html{
	overflow-y:scroll;
}
body {
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #141414;
	background-image: url(../images/rouge/grid.png);
	background-repeat: repeat;
	line-height: 18px;
}
input, textarea, select, option{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.banierelien{
  max-width: 150px;
  max-height: 150px;
  width: expression(this.width > 150? "150px" : true);
  height: expression(this.height > 150? "150px" : true);
}

.textutilisateur {
	font-size: 14px;
	font-style: italic;
	text-align: center;
	vertical-align:middle;
	padding: 10px;
}
.flash-replaced
{
	background-color: #252525;
}
#deconnexion {
	display: inline;
}

.choixLanguage
{
	width: 50%;
	text-align: center;
	height: 23px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	font-style: italic;
	color: #FFF;
	vertical-align: middle;
}
.choixLanguage img
{
	margin-right:10px;
}
.choixLanguage a, .choixLanguage a:visited, .choixLanguage a:hover
{
	color:#FFF;
	text-decoration: none;
}
.choixLanguages
{
	height: 43px;
}
#deconnexion button {
	margin-left: 5px;
}

#menu
{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	height: 60px;
	padding: 0px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/rouge/menubar.png);
	background-repeat: repeat-x;
}

#menubox
{
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	height: 60px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	font-size: 16px;
	overflow: hidden;
	font-style: italic;
}
.menubutton
{
	overflow:hidden;
	text-decoration: none;
	height: 30px;
	width: 100px;
	float: left;
	padding: 0px;
}

.menubutton  a
{
	text-decoration:none;
	color: #FFFFFF;
	height: 30px;
	width: 100%;
	float: left;
}
.menubutton  a:visited
{
	color:#FFFFFF;
	text-decoration: none;
	float: left;
	height: 30px;
	width: 100%;
}
.menubutton a:hover
{
	color:#FFFFFF;
	text-decoration: underline;
	float: left;
	height: 30px;
	width: 100%;
}
.menubutton:hover
{
	background-image: url(../images/rouge/hover.png);
	background-repeat: repeat;
}
.sousmenu
{
	display: none;
	width:auto;
	position: absolute;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	background-image: url(../images/rouge/menubar.png);
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	line-height: 30px;
	z-index: 1;
}
.sousmenubutton
{
	overflow:hidden;
	text-decoration: none;
	height: 33px;
	width:auto;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.sousmenubutton a
{
	text-decoration:none;
	color: #FFFFFF;
	height: 33px;
	width: 100%;
}
.sousmenubutton a:visited
{
	color:#FFFFFF;
	text-decoration: none;
	height: 33px;
	width: 100%;
}
.sousmenubutton a:hover
{
	color:#FFFFFF;
	text-decoration: underline;
	height: 33px;
	width: 100%;
}
.sousmenubutton:hover
{
	background-image: url(../images/rouge/hover.png);
	background-repeat: repeat;
}
#corps {
	width: 800px;
}
#header
{
	width:100%;
	height:80px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-image: url(../images/rouge/grid.png);
	background-repeat: repeat;
}
#popup {
	background-color: #252525;
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#playeraudio
{
	margin-left:10px;
	margin-right:10px;
	float:left;
	margin-top: 5px;
	margin-bottom: 5px;
}
.ligneform {
	padding: 5px;
	clear:both;
}
.bouttonsform {
	padding: 5px;
	text-align:center;
	clear:both;
}
.formcontact .label{
	width: 165px;
	float: left;
	text-align: right;
	margin-right: 5px;
}
.formcontact .select{
	width: 200px;
}
.formcontact .inpemail{
	width: 200px;
}
.formcontact .textmessage{
	width: 590px;
}
.formcontact .buttonenvoi {
	width: 120px;
}
.formlogin {
	background-color: #252525;
	width: 336px;
}
.formlogin .label  {
	width: 100px;
	display: block;
	text-align: right;
	float: left;
	margin-right:5px;
}
.formlogin .inppass, .formlogin .inplogin {
	width: 210px;
}
.formlogin .button {
	width: 120px;
	margin-right: 5px;
	margin-left: 5px;
}
.formactu .label{
	width: 100px;
	float: left;
	text-align: right;
	margin-right:5px;
}
.formactu .fichier{
	width: 400px;
}
.formactu .inpactu{
	width: 655px;
}
.formactu .button{
	margin-left: 5px;
	margin-right: 5px;
	width: 120px;
}
.formexpo .label{
	width: 130px;
	float: left;
	text-align: right;
	margin-right:5px;
}
.formexpo .inpexpo{
	width: 625px;
}
.formexpo .inpdateexpo{
	width: 150px;
}
.formexpo .textdescription{
	width: 625px;
}
.formexpo .textadresse{
	width: 200px;
}
.formexpo .button{
	margin-left: 5px;
	margin-right: 5px;
	width: 120px;
}
.dateexpo {
	font-size: 14px;
	font-style: italic;
	text-align: left;
	vertical-align:middle;
	padding: 10px;
	font-weight: bold;
}
.creation {
	display: none;
}
.modification {
	display: none;
}

.Messagebox {
	background-color: #252525;
	text-align: center;
}
.Messagebox div{
	padding:5px;
}
label.error {
	float: none;
	color: red;
	padding-left: 10px;
	vertical-align: top;
	width: auto;
}
#headerbox
{
	width:800px;
	height:80px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/rouge/hglow.png);
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#logo
{
	text-align:left;
	color:#FFFFFF;
	width: 775px;
	height: 65px;
	line-height: 80px;
	background-image: url(../images/rouge/deco.png);
	background-repeat: no-repeat;
	font-weight: normal;
	text-transform: none;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	vertical-align: middle;
}
#content
{
	margin-top:0px;
	width:800px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.main {
	background-color: #252525;
	width: 800px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

.bottombar {
	background-image: url(../images/rouge/bottombar.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 790px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 30px;
	text-align: center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}



h1, h3
{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 45px;
	line-height: 55px;
	background-image: url(../images/rouge/h1.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 65px;
	font-style: italic;
	width: 725px;
	background-position: 10px;
	margin: 0px;
}
h2
{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/rouge/h2.png);
	background-repeat: repeat;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-style: italic;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #252525;
	padding: 0px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
	text-align: right;
	font-style: italic;
}

hr
{
	clear: both;
}

.countdown
{
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.chargement {
	height: 50px;
	background-image: url(/images/ajax-loader-rouge.gif);
	background-position: center center;
	background-repeat: no-repeat;
}


.text
{
	left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	clear: left;
}
.tableauapercu
{
	left: 0px;
	padding: 10px;
	text-align:center;
	width:780px;
	margin: 0px;
}
.erreursource
{
	text-align:center;
	padding: 10px;
	margin: 0px;
}
.erreurcode
{
	text-align:center;
	font-size:24px;
	padding: 10px;
	margin: 0px;
}
.erreurcause
{
	text-align:center;
	padding: 10px;
	margin: 0px;
}

.adresse
{
	left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	font-style: italic;
}
.adresse .googlemap
{
	float: right;
	margin-left:10px;
}
.video
{
	width: 384px;
	height: 288px;
	line-height:288px;
	padding-top: 0px;
	padding-right: 0px;
	margin: 0px;
	text-align: center;
	vertical-align: bottom;
}

a
{
	color:#E65A06;
	text-decoration:none;
}
a:visited
{
	color:#E65A06;
	text-decoration: none;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:hover
{
	color: #E65A06;
	text-decoration: underline;
}
.diaporama {
	height: 400px;
	width: 800px;
	text-align: center;
	vertical-align: bottom;
	line-height:400px;
}
p
{
	text-align: left;
	margin:0 0 0 0;
}
.album {
	height: 400px;
	width: 800px;
	text-align: center;
	vertical-align: bottom;
	line-height:400px;
}
.drapeau {
	float: right;
	height: 25px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	width: 23px;
}
.copyright {
	width: auto;
	float: left;
}
.tickercontainer { /* the outer div with the black border */
color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/rouge/h2.png);
	background-repeat: repeat;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-style: italic;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #252525;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 0px;
	top: 0px;
	width: 780px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
ul {
	margin: 0px;
}
#actudefilante {
	height: 44px;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	white-space: nowrap;
	padding: 0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: auto;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0 0px 0 0;
} 
ul.newsticker span {
	margin-right: 30px;
}

.menualbum {
	width: 780px;
	padding-right: 10px;
	padding-left: 10px;
	border: medium dotted #306;
}
.vignettes {
	width:800px;
	border: 0;
	margin: 0;
	clear: both;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.vignettes .vignette{
	display: -moz-inline-stack; /* Pour Firefox 1-2 */
	display: inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block */
	/* display redéfinit dans stylesie7.css pour Internet Explorer */
	width: 250px;
	margin-top:15px;
	margin-bottom:35px;
	margin-left:0px;
	margin-right:0px;
	border: 0;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
	padding-top:0px;
}

.baniere
{
	height: auto;
	width: auto;
	margin-top: 15px;
}
.vignettes .vignette .vignetteimage {
	width: 250px;
	height: auto;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
}
.vignettes .vignette .vignetteimage img{
	margin: 0;
	border: 0;
	padding: 0;
}
.vignettes .vignette .vignettedetail {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 250px;
	margin:0 0 0 0;
	border: 0;
	padding: 0;
	text-align: center;
	overflow:hidden;
}


.rss {
	text-align: right;
	background-image: url(/images/rss20.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 22px;
	height:20px;
	margin-right: 10px;
}
.lientabalbum {
	text-align: left;
	float: left;
	height:20px;
	clear: none;
	margin-left: 10px;
	width: auto;
}

.lienexternedescription
{
	float: left;
	width: 780px;
}
.lienexternelien
{
	float: right;
	margin-left:10px;
}

.code
{
	font-family: "Courier New", Courier, monospace;
	background-color: #353535;
	border: 1px solid #FFF;
	font-size: 14px;
	color: #FFF;
	width: 100%;
}

.imgbanière
{
	text-align: right;
	height: 60px;
	width: 100%;
}