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

body{
	font-family:Arial,Verdana,Sans-Serif;
	padding:13px 0px 25px;
	font-size:12px;
	background:#fff url(../images/bg_body.gif) left top repeat-x;
	text-align:center;
}

/* Titres */
h1{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; letter-spacing:-0.035em;}
h2{ font-size:20px; color:#333; font-weight:normal;border-bottom:1px dotted #666; letter-spacing:-0.035em;}
h4{ font-size:14px; font-weight:normal; padding-left:10px; letter-spacing:-0.035em;}


/* Tableau */
table{ border-collapse:collapse; text-align:left;}
td {vertical-align:top;}

/* Textes */
a{ text-decoration:none; }


img#Logo {float:left; border:0;}

/*********************
**
**	DIV majeurs
**
*********************/

div#MainWrap{
	width:980px;
	background:#fff url(../images/main_top.gif) left top no-repeat;
	margin:auto;
}

div#Header{ text-align:left; padding:14px; overflow:hidden;}
div#Content{ overflow:hidden; clear:both;}

table#MainContent{margin-bottom:20px;}

div.ClearBoth{ clear:both; height:5px;}

/*********************
**
**	Tableau MainContent
**
*********************/





/*********************
**
**	Navig Princ
**
*********************/
div#navigation {line-height:1; width:934px; margin:auto; padding:4px 0px 0px 30px; text-align:center; font-size:1em; height:34px; background:#4C5258; }
ul#NavigPrinc{ padding-top: 3px; text-align:left;}
ul#NavigPrinc li{ display: inline; list-style-type: none; font-size:13px;}
ul#NavigPrinc li a{ display:block; float:left; padding:6px 18px;}
ul#NavigPrinc li a:link,ul#NavigPrinc li a:visited,ul#NavigPrinc li a:active{ color:#fff; font-weight:bold;}
ul#NavigPrinc li a:hover{color:#a21400; background:#fff;}
ul#NavigPrinc li a.active{ text-decoration:underline;}
ul#NavigPrinc a span{}

ul#NavigPrinc li.SousSeparateur{ border-bottom:1px dashed #9e9e9e; margin-left:-10px; padding-left:10px;}

/*********************
**
**	Bloc statique
**
*********************/

div#Revendeur { margin:45px auto 15px; width:964px; height:140px; border-top:1px solid #ccc;}
div#Revendeur table{width:100%; border-collapse:collapse; margin-top:30px; margin-left:30px;}
div#Revendeur table td{ vertical-align:middle; padding:0px 10px;}
div#Revendeur ul{ padding:30px 0px 0px 15px;}
div#Revendeur li{ display:inline; padding-right:15px; line-height:80px;}


div#Footer{ margin:auto; height:25px; width:964px; background:#212326; padding-top:15px; }
div#Footer p{color:#c2c2c2; font-size:10px; padding-left:30px; float:left;}
div#Footer ul.MetaNavig {float:right; text-align:right; padding-right:15px;}
div#Footer ul.MetaNavig li { float:left;list-style-type:none; display:inline; font-size:10px; color:#fff; padding-right:5px;}
div#Footer ul.MetaNavig a:link, div#Footer ul.MetaNavig a:visited, div#Footer ul.MetaNavig a:active { color:#fff; text-decoration:none;}

div#Appartenance{ margin:auto; padding:15px;}
div#Appartenance a:link,div#Appartenance a:visited,div#Appartenance a:active{ font-size:11px; color:#6b6b6b;}

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

ul.FilAriane{ margin:0px 10px 5px 9px; text-align:left; padding-top:8px; padding-bottom:2px;}
ul.FilAriane li{ display:inline; font-size:11px; color:#999;}
ul.FilAriane span.separateur{ padding:0px 3px; color:#999; font-weight:bold;}
ul.FilAriane a:link,ul.FilAriane a:visited,ul.FilAriane a:active{color:#999; font-weight:bold;}
ul.FilAriane a:hover{}


/*********************
**
**	Formulaires
**
*********************/
div.RedBlockPrivate{ border:1px solid #f00; padding:5px 10px; color:#f00; width:300px; margin-bottom:20px; margin-top:10px;}
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:400px; 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{ margin-bottom:2px;}


form.Formulaire {padding-left:10px;}
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;}