* { margin:0px; padding:0px;}
body,html{width:100%;}
body{
	font-family:Tahoma, sans-serif;
	font-size:1em;
	text-align:center;
	background: url(../images/bkg_carreau.gif) repeat;
	position:relative;
}

div#BodyTopRepeat{ width:100%; height:187px; background:url(../images/bkg_repeat_head.gif) top left repeat-x; z-index:1;}
div#BodyBottomRepeat{ position:absolute; bottom:0px; left:0px; width:100%; height:65px; background:url(../images/bkg_footer_repeat.png) top left repeat-x; z-index:1; }

div#MainWrap{ width:947px; margin:-187px auto 0px; z-index:2;}
div#Header{ background:url(../images/bkg_header.png) top left no-repeat; width:947px; height:262px;}
div#Footer{ position:relative; background:url(../images/bkg_footer.png) -1px 0px no-repeat; height:65px; width:947px; z-index:3;}

td#LeftWrapRepeat{ width:53px; background:url(../images/bkg_vertical_left.png) top left repeat-y;}
td#RightWrapRepeat{ width:53px; background:url(../images/bkg_vertical_right.png) top left repeat-y;}
td#MainContent{width:839px; background:#fff;}

div.ClearBoth{ clear:both;}

a{ cursor:pointer;}
a:link, a:visited, a:active{ text-decoration:none;}
a:hover{ text-decoration:underline;}


td#RightContenu ul { padding:0px 10px 10px;  }
td#RightContenu ul li{ font-size:11px; margin-left:20px; padding-bottom:3px; }


/*********************
**
**	Navig Princ
**
*********************/
div#Navigation{ border-top:4px solid #231f20; padding:6px 0px; background:url(../images/bkg_degrade.jpg) top left repeat-y;}
ul#NavigPrinc{ width:811px; padding:9px 14px 0px; background:url(../images/bkg_nav_back_repeat.gif) top left repeat-x; height:54px;}
ul#NavigPrinc li{ display: inline; list-style-type: none; cursor:pointer;}
ul#NavigPrinc li img{ float:left; height:54px;}
ul#NavigPrinc li.firstChild{ }
ul#NavigPrinc li a{ position:relative; display:block; float:left; height:35px; padding:17px 0px 0px; text-decoration:none; font-weight:bold;}
ul#NavigPrinc li a:hover span{ color:#b3b3b3;}
ul#NavigPrinc li a span{ color:#e2e2e2; margin:0px 10px;}

li.Separateur{ }
li.Separateur span{ display:block; float:left; width:1px; height:35px; margin:10px 9px 0px;}

ul#NavigPrinc li.NavActive{ }
ul#NavigPrinc li.NavActive a{ background:#2f2f2f; margin:0px;}
ul#NavigPrinc li.NavActive a:hover span{ color:#e2e2e2 ; }
ul#NavigPrinc li.NavActive span{ margin:0px;}


/*********************
**
**	Titre de la page
**
*********************/

/*div#TitrePage{background:url(../images/bkg_Titre.jpg) top left no-repeat; width:839px; height:100px; text-align:left;}*/

div#TitrePage h1 {padding:35px 0px 2px 25px; font-family:Arial, sans-serif; font-size:24px; font-weight:bold; color:#072daa;}



/*********************
**
**	Navigation Globale
**
*********************/
div#NavigGlobale{
	background:url(../images/template_tmp/bkg_leftcolumn_bleu.png) top left repeat-x;
	margin-right:10px;
	padding:10px;
	text-align:left;
}
div#NavigGlobale a{ font-family:Arial, Helvetica, sans-serif;}

div#NavigGlobale a:link,div#NavigGlobale a:visited,div#NavigGlobale a:active{ font-size:12px; color:#000; text-decoration:none;}
div#NavigGlobale a:hover {text-decoration:underline;}
div#NavigGlobale a.active {font-weight:bold;}

div#NavigGlobale ul{margin-left:10px;}
div#NavigGlobale li{list-style-type:none; padding-bottom:5px; font-size:14px; }
div#NavigGlobale li ul{ margin-top:5px; margin-bottom:-5px;}

.SousNavNiveau2,.SousNavNiveau3,.SousNavNiveau4{font-weight:bold;}

.SousNavNiveau2{ padding-left:0px;}
.SousNavNiveau2 a{ font-size:1em !important; color:#e6e6e6 !important;}

.SousNavNiveau3{ padding-left:10px;}
.SousNavNiveau3 a{ font-size:0.85em !important; color:#92e22a !important;}

.SousNavNiveau4{ padding-left:20px;}
.SousNavNiveau4 a{ font-size:0.75em !important; color:#fff !important;}

.SousNavActif a{ text-decoration:underline !important; padding-bottom:3px !important; }

/*********************
**
**	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 { text-align:center; padding-top:30px;}
div#Footer ul.MetaNavig li { list-style-type:none; display:inline; padding:0px 10px}
div#Footer ul.MetaNavig a:link, div#Footer ul.MetaNavig a:visited, div#Footer ul.MetaNavig a:active { font-size:13px; color:#fff;  text-decoration:none; font-weight:bold;}
div#Footer ul.MetaNavig a:hover { text-decoration:underline;}

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

div#MainFilAriane{ position:relative; height:55px; width:805px; margin:12px 0px 12px 11px; padding-left:11px; text-align:left; background:url(../images/bkg_fil_ariane.png) top left repeat-x; }
div#MainFilAriane h1{  padding-top:8px; padding-bottom:2px; font-size:22px; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; color:#072daa;}
ul.FilAriane{ border-top:1px solid #072daa; margin-right:25px; padding-top:1px;}
ul.FilAriane li{ display:inline; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#072daa;}
ul.FilAriane a:link,ul.FilAriane a:visited,ul.FilAriane a:active{ color:#0839d6;}
ul.FilAriane a:hover{ text-decoration:underline;}
ul.FilAriane span.separateur{ padding:0px 5px; color:#072daa; }
/*********************
**
**	Changer de langue
**
*********************/

div#Header ul.ChangerLangage{ float:right; margin:20px 60px 0px 0px; }
div#Header ul.ChangerLangage li{ display:inline; list-style-type:none;}
div#Header ul.ChangerLangage a:link,div#Header ul.ChangerLangage a:visited,div#Header ul.ChangerLangage a:active{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff;}
div#Header ul.ChangerLangage a:hover { text-decoration:underline;}

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:12px; color:#9e9e9e; font-weight:bold;}
ul.ChangerLangage a:hover{text-decoration:underline;}

/*********************
**
**	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{ width:400px; font-weight:bold;}
div.PlanDuSite h3{ padding-bottom:20px;}
div.PlanDuSite ul{ margin-left:10px;}
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;}


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; font-size:13px; }
form.Formulaire p{line-height:20px !important; clear:both; padding-bottom:3px;}
form.Formulaire label{width:175px; float:left; text-align:right; padding-right:3px; padding-bottom:3px;}
form.Formulaire input{float:left;}
form.Formulaire input[type="submit"]{ margin-left:180px; margin-bottom:10px;}



.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:223px; min-width:223px; max-width:223px;}
.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;}