* { margin:0px; padding:0px;}

body{
	font-family:Verdana, sans-serif;
	font-size:11px;
	text-align:center;
	background:#fff;
	color:#000;
	position:relative;
}
table#MainTable{width:1149px; margin:auto; vertical-align:middle; background:#d20080 url(../images/bkg_splash_screen.png) left top repeat-y;}
div#MainWrap{
	width:1020px;
	margin:0px auto 0px;
	overflow:hidden;
	background:#fff url(../images/bkg_ligne_rose.gif) 0px 445px no-repeat;
}

div#Header{ height:65px; text-align:left; overflow:hidden;}
div#LeftContent { float:left; width:166px;}
div#RightContent { float:left; width:801px; margin-left:53px;}
div#LigneBlanche{width:1px; height:455px; position:absolute; top:40px; right:10px; background:#fff;}

a:link, a:visited, a:active{ text-decoration:none;}
a:hover{ text-decoration:underline;}
img { behavior: url(mysite/functions/js/iepngfix.htc); }
img#logo {float:left; border:0;}

div#ContentBois{ position:relative; z-index:4;width:785px; height:535px; padding:7px; border:1px solid #606060; background:url(../images/bkg_bois.jpg) 7px 7px no-repeat; text-align:left;}
div#ContentBois img {margin:auto;}
div#ContenuPage{ width:685px; height:425px; padding:55px 50px 55px 50px; position:relative; color:#fff; }

div#ContenuPage h4{ color:#fff; padding-bottom:15px; }
div#ContenuPage a{ color:#ff009e;}
div#ContenuPage p{ padding-bottom:15px; line-height:16px;}

div#NavigateurImage{clear:both;margin-top:10px;width:100%; height:100px; background:#ccc;}

div#Copyrights{ padding-top:3px; text-align:right;}
div#Copyrights p{ font-size:7px; color:#707070; font-weight:bold; letter-spacing:0.04em;}

ul#ListeImageNumero{ clear:both; padding-top:10px; text-align:left;}
ul#ListeImageNumero li{ display:inline; list-style-type:none; font-size:12px; font-weight:bold; padding-right:7px;}
ul#ListeImageNumero a{}
ul#ListeImageNumero a:link, ul#ListeImageNumero a:visited, ul#ListeImageNumero a:active{ color:#a1a1a1;}
ul#ListeImageNumero a:hover{ color:#707070;}

div#NavigImage { width:365px; height:50px; float:left; margin-top:15px; }
/*img.Arrow{ width:10px; height:10px; }*/
img {border:0;}
td{vertical-align:top;}
td img{ padding-right:10px;}

img#PoigneeImage, img#img_bar_scroll{ cursor:pointer;}
img.ImagePointer{ cursor:pointer;}

/*********************
**
**	Meta Navig
**
*********************/

div#Header ul.MetaNavig {float:right; text-align:right; margin:0px 2px 15px; border-bottom:1px dashed #9e9e9e; padding-bottom:2px; padding-right:3px;}
div#Header ul.MetaNavig li {padding-left:15px; list-style-type:none; display:inline;}
div#Header ul.MetaNavig a:link, div#Header ul.MetaNavig a:visited, div#Header ul.MetaNavig a:active { color:#9e9e9e; font-weight:bold; text-decoration:none;}
div#Header ul.MetaNavig a:hover { text-decoration:underline;}

div#Footer ul.MetaNavig {float:right; text-align:right; margin-right:10px;}
div#Footer ul.MetaNavig li {padding-left:15px; list-style-type:none; display:inline;}
div#Footer ul.MetaNavig a:link, div#Footer ul.MetaNavig a:visited, div#Footer ul.MetaNavig a:active { color:#9e9e9e; font-weight:bold; text-decoration:none;}
div#Footer ul.MetaNavig a:hover { text-decoration:underline;}


/*********************
**
**	Navigation Globale
**
*********************/
div#NavigGlobale{ margin-top:55px; padding-left:5px; text-align:right; position:relative;}
div#NavigGlobale h2{ cursor:pointer; border-bottom:1px solid #bebebe; font-size:11px; padding:5px 0px; font-weight:normal;}
div#NavigGlobale h3{ font-size:11px; font-weight:normal; }

div#NavigGlobale a:link,div#NavigGlobale a:visited,div#NavigGlobale a:active{text-decoration:none; color:#000;}
div#NavigGlobale a:hover {}
div#NavigGlobale a.active {color:#f8009a;}

div#NavigGlobale ul{ }
div#NavigGlobale li{list-style-type:none; padding-top:3px; padding-bottom:3px; font-size:11px;}
div#NavigGlobale li ul{ margin-top:3px; margin-bottom:-3px; text-align:left;}

div#NavigGlobale li.SousSeparateur{  border-bottom:1px solid #bebebe;}
div#NavigGlobale li.active {}

/*********************
**
**	Fil ARIANE
**
*********************/

ul.FilAriane{ margin:0px 5px 5px; padding-top:5px; padding-bottom:2px; border-bottom:dashed 1px #103f80; }
ul.FilAriane li{ display:inline; font-size:10px;}
ul.FilAriane span.separateur{ padding:0px 5px; color:#f00; font-weight:bold;}


/*********************
**
**	Changer de langue
**
*********************/
ul#AllLangage{ margin:10px 0px 0px 5px;}
ul#AllLangage li{ display:inline;list-style-type:none;}

div#Header ul.ChangerLangage{ float:right; margin:35px 3px 0px 35px; }
div#Header ul.ChangerLangage li{ display:inline; list-style-type:none;}

div#Footer ul.ChangerLangage{ float:right; padding-left:10px; margin-right:5px;}
div#Footer ul.ChangerLangage li{ display:inline; list-style-type:none;}

ul.ChangerLangage a:link,ul.ChangerLangage a:visited,ul.ChangerLangage a:active{font-size:font-size:11px; color:#111;}
ul.ChangerLangage a:hover{}


/*********************
**
**	Controleur de musique
**
*********************/
div#Header div.ControleurMusique{ width:110px; text-align:left; float:right; margin:13px 0px 0px 0px;}
div#Header div.ControleurMusique embeds{ float:left;}
div#Header div.ControleurMusique span{ float:right; padding-left:5px; margin-top:22px; color:#111;}

/*********************
**
**	Formulaires
**
*********************/

span.Asterisque{color:#f00;}
p.ChampObligatoire{text-align:right; padding-right:20px;}

div.Widget fieldset{border:solid 1px #333;}
div.Widget legend{color:#000; padding:0px 5px; margin:0px 10px;}
div.Widget p{line-height:25px; clear:both;}
div.Widget label{width:175px; float:left; text-align:right; padding-right:3px;}
div.Widget input{float:left;}
div.Widget input[type="submit"]{float:right; margin-right:20px;}


div.PlanDuSite{ margin-left:20px; width:175px; font-weight:bold;}
div.PlanDuSite h3{ padding-bottom:20px;}
div.PlanDuSite ul{ margin-left:20px;}
div.PlanDuSite li{ padding-bottom: 5px; font-size:12px; list-style-type:disc;}
div.PlanDuSite li ul{ margin-top:5px; margin-bottom:-5px;}
div.PlanDuSite a:link,div.PlanDuSite a:visited,div.PlanDuSite a:active{ color:#6e6e6e;}
div.PlanDuSite a:hover{text-decoration:underline;}
div.PlanDuSite li.SousSeparateur{ border-bottom:1px dashed #9e9e9e; margin-bottom:2px;}


div.col-1sur1{ width:100%; float:left;}
div.col-1sur2{ width:50%; float:left;}
div.col-2sur2{ width:50%; float:left;}



form.Formulaire fieldset{border:solid 1px #333;}
form.Formulaire legend{color:#000; padding:0px 5px; margin:0px 10px;}
form.Formulaire p{line-height:25px; clear:both;}
form.Formulaire label{width:175px; float:left; text-align:right; padding-right:3px;}
form.Formulaire input{float:left;}
form.Formulaire input[type="submit"]{float:right; margin-right:20px;}


.Form {
	position:relative;
	margin:30px 0px;
}
.FormLowMargin{
	margin:10px 0px;
}

.HiddenForm {display:none;}

.FormMini 	{ width:300px;}
.FormSmall 	{ width:440px;}
.FormMedium { width:75%;}
.FormFull 	{ width:100%;}

.PremierForm{margin-top: 70px;}


ul.ChampErreurs{text-align:left; width:90%;}
ul.ChampErreurs li{color:#f00; paddinb-bottom:3px;}

span.Asterisque{
	color:#f00;
}

input.inputText {
	border: 1px solid #308d9e;
	padding: 1px;
	height: 16px;
	font-size:12px;
}
input.inputTextSmall { width:80px;}
input.inputTextMedium { width:140px;}
input.inputTextLarge { width:220px;}
input.inputTextExtraLarge { width:350px;}

/* Text area */
.inputTextarea{
	border: 1px solid #308d9e;
	padding: 1px;
	font-size:14px;
}

.TextareaSmall {height:75px !important;}
.TextareaMedium {height:115px !important;}
.TextareaLarge {height:155px !important;}

.SmallHeight { height:75px !important; max-height:75px; min-height:75px;}
.MediumHeight { height:115px !important; max-height:115px; min-height:115px;}
.LargeHeight { height:155px !important; max-height:155px; min-height:155px;}
.ExtraLargeHeight { height:200px !important; max-height:200px; min-height:200px;}

.SmallWidth {width:80px; min-width:80px; max-width:80px;}
.MediumWidth {width:140px; min-width:140px; max-width:140px;}
.LargeWidth {width:220px; min-width:220px; max-width:220px;}
.ExtraLargeWidth {width:350px; min-width:350px; max-width:350px;}


/* Select */
.MediumSelectWidth{ width:180px;}
.LargeSelectWidth{ width:220px;}

.MediumSelectHeight { height:180px;}
.LargeSelectHeight { height:220px;}

.NoScrolling { overflow:hidden;}


/* Checkbox */

input.MarginChk{ margin-top:3px; border:none;}
input.inputCheckbox{ float:left;}
