/* CSS Document */

body{
margin: 0 auto;
background-color: #FAFDB2;
}


a.EnSavoirPlus {
	color: #C33;
	font-weight: bold;
	text-decoration: none;
}

#layout{
width:796px;
margin: 0 auto;
background-color:#FFFFFF;
position:relative;
}

#header {
width: 796px;
height: 119px;
background-image:url(../images/top_header_bg.jpg);

}

#headerleft {
float:left;
height:119px;
width:105px;
background-image:url(../images/logo.jpg);
position:relative;
}

#headerright{
float:right;
height:119px;
width:689px;
}


#toplink1 A {
position:absolute;
width: 84px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:center;
line-height: 20px;
margin-top: 27px;
margin-left: 5px;
}

#toplink1 A:hover {
line-height: 20px;
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FFFFFF;
background-image:url(../images/link1_hover.jpg);
width: 84px;
height: 20px;
padding: 0 0;
text-align:center;
margin-top: 27px;
margin-left: 5px;
}

#toplink1 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink2 A {
position:absolute;
width: 84px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:center;
line-height: 20px;
margin-top: 27px;
margin-left: 105px;
}

#toplink2 A:hover {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink2 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink3 A {
position:absolute;
width: 84px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:center;
line-height: 20px;
margin-top: 27px;
margin-left: 215px;
}

#toplink3 A:hover {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink3 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink4 A {
position:absolute;
width: 84px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:center;
line-height: 20px;
margin-top: 27px;
margin-left: 320px;
}

#toplink4 A:hover {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink4 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink5 A {
position:absolute;
width: 84px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:center;
line-height: 20px;
margin-top: 27px;
margin-left: 410px;
}

#toplink5 A:hover {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink5 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink6 A {
position:absolute;
width: 84px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:center;
line-height: 20px;
margin-top: 27px;
margin-left: 500px;
}

#toplink6 A:hover {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink6 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-image:url(../images/link1_hover.jpg);
}

#toplink7 A {
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:left;
line-height: 20px;
margin-top: 67px;
margin-left: 11px;
}

#toplink7 A:hover {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#toplink7 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#toplink8 A {
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:left;
line-height: 20px;
margin-top: 67px;
margin-left: 118px;
}

#toplink8 A:hover {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#toplink8 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#toplink9 A {
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:left;
line-height: 20px;
margin-top: 67px;
margin-left: 219px;
}

#toplink9 A:hover {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#toplink9 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#toplink10 A {
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:left;
line-height: 20px;
margin-top: 67px;
margin-left: 335px;
}

#toplink10 A:hover {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#toplink10 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#toplink11 A {
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #543928;
text-decoration:none;
padding: 0 0;
text-align:left;
line-height: 20px;
margin-top: 67px;
margin-left: 430px;
}

#toplink11 A:hover {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#toplink11 .ongletactif {
position:absolute;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

/* SousMenusHorizontaux, SousMenu */

#SousMenusHorizontaux {
	position: absolute;
	top: 47px;
	left: 100px;
	width: 691px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

.SousMenu {
	display: none;
	color: #FFDC00;
	padding: 2px;
	margin: 0;
	z-index: 100;
}

.SousMenu a:link, .SousMenu a:visited {
	color: #FFF;
	font-weight: bold;
	margin: 0 2px 0 2px;
	text-decoration: none;
}

.SousMenu a:hover, .SousMenu a:active {
	color: #FFDC00;
	text-decoration: none;
}

#rech {
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #543928;
padding: 0 0;
text-align:left;
line-height: 20px;
margin-top: 79px;
margin-left: 474px;
}

#rechtxtbox {
position:absolute;
padding: 0 0;
margin-top: 77px;
margin-left: 535px;
}

#rechbut {
position:absolute;
padding: 0 0;
margin-top: 77px;
margin-left: 653px;
}

#menu2{
width:796px;
height: 46px;
background-image:url(../images/mnu2_bg.jpg);

}

#menu2lnk1 A{
text-decoration:none;
position:absolute;
margin-left: 103px;
margin-top: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
}

#menu2lnk2 A{
text-decoration:none;
position:absolute;
margin-left: 253px;
margin-top: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
}

#menu2lnk3 A{
text-decoration:none;
position:absolute;
margin-left: 403px;
margin-top: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
}

#menu2lnk4 A{
text-decoration:none;
position:absolute;
margin-left: 545px;
margin-top: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
}

#menu2lnk5 A{
text-decoration:none;
position:absolute;
margin-left: 695px;
margin-top: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
}

#yelbg{
margin: 10px 0 0 0;
height:21px;
width: 766px;
background-image:url(../images/yellow_bg.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#000000;
padding-left: 30px;
line-height: 21px;
}

/***** A LA UNE ************************/

#ALaUne {
	width: 796px;
	position: relative;
}

#ALaUne td {
	vertical-align: top;
	padding: 10px 15px;
}

#ALaUne h1 {
	text-align: justify;
	color: #C5352D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.texte1 {
 	text-align: justify;
	color: #C5352D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#ALaUne p, 
#ALaUne div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	margin: 0;
}

.topsecimage {
	display: block;
	float: left;
	width: 120px;
	margin: 0 10px 10px 0;
}

/*
#topleftsec{
padding-left: 18px;
padding-top: 10px;
width: 370px;
float:left;
border: 1px solid red;
}

#toprightsec{
padding-left: 5px;
padding-top: 10px;
padding-right: 10px;
width: 370px;
float:right;
border: 1px solid red;
}

#bottomleftsec{
padding-left: 18px;
padding-top: 10px;
width: 370px;
float:left;
border: 1px solid red;
}

#bottomrightsec{
top: 150px;
padding-left: 5px;
padding-top: 10px;
padding-right: 10px;
width: 370px;
float:right;
left: 411px;
border: 1px solid red;
}

#topseclefttext{
height: 115px;
margin-top: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
float:right;
text-align:left;
margin-left: 5px;
position:absolute;
left: 165px;
top: 30px;
text-decoration:none;
}

#topsecrighttext{
height: 115px;
margin-top: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
float:right;
text-align:left;
margin-left: 5px;
position:absolute;
left: 155px;
top: 30px;
}


#bottomseclefttext{
width: 205px;
height: 115px;
margin-top: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
float:right;
text-align:left;
margin-left: 5px;
position:absolute;
left: 165px;
top: 30px;
}

#bottomsecrighttext{
height: 115px;
margin-top: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
float:right;
text-align:left;
margin-left: 5px;
position:absolute;
left: 155px;
top: 30px;
}
*/

.datetext, .texte {
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
}

/***** EN BREF ******************************/

#EnBref {
	position: relative;
	width: 794px;
	background-color: #C4352D;
	padding: 0;
	margin: 0;
}

#EnBref td {
	vertical-align: top;
	padding: 10px;
	width: 25%;
}

#EnBref img {
	display: block;
	float: left;
	width: 40px;
	margin: 0 10px 5px 0;
}

#EnBref h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #F8F313;
	font-size: 10px;
	margin: 0 0 5px 0;
}

#EnBref p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-align: justify;
	margin: 0;
}

#EnBref a.EnSavoirPlus {
	color: #F8F313;
	font-weight: bold;
	text-decoration: none;
}

/*
#redpart1{
left: 15px;
width: 180px;
top: 10px;
position:absolute;
}

#redpart2{
left: 190px;
width: 190px;
top: 10px;
position:absolute;
}

#redpart3{
left: 400px;
width: 190px;
top: 10px;
position:absolute;
}

#redpart4{
left: 600px;
width: 180px;
top: 10px;
position:absolute;
}
*/

#footer{
background-color: #F7F411;
text-align:center;
width: 794px;
height: 18px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
}

#logo A{
height: 108px;
width: 80px;
position: absolute;
top: 0px;
left: 10px;
}


#left{
float:left;
background-color:#FFFFFF;
/*border: 1px solid green;*/

}

#right{
float:right;
position:relative;
width: 756px;
background-color:#FFFFFF;
padding: 5px 20px 5px 20px;
/*border: 1px solid green;*/
}

#content
{
margin: 15px 15px 15px 18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
/*border: 1px solid green;*/
}

#morelink A{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 10px;
text-decoration:none;
}

#morelink2 A{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size: 10px;
text-decoration:none;
}

#salimg{
width: 250px;
float:left;
}

#salcont{
width: 488px;
padding-right: 15px;
float:right;
}

#innertitlesec{
text-align:left;
padding-left: 20px;
padding-right: 20px;
position:relative;
}

.innertitletext{
color: #C5352D;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
}

.redcontenttxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#C7423B;
position:relative;
}

#crecont1{
position:relative;
background-color:#FFFFFF;
}

#crecont2{
width: 378px;
float:right;
position:relative;
background-color:#FFFFFF;
}

#creimg{
width:376px;
float:left;
position:relative;
background-color:#FFFFFF;
}


#crenmelist{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#000000;
padding-top:10px;
width: 137px;
position:relative;
}

#redtitleincre{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #C5352D;
}

#creimgdessec{
width: 378px;
position:relative;
}

#creimg2{
width: 60px;
height: 76px;
position:relative;
}

#credes{
width: 300px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#000000;
padding-top:10px;
float:right;
position:absolute;
top: 10px;
left: 70px;
}

#crecont3{
padding-top: 7px;
width: 358px;
float:left;
position:relative;
}

.blackbold12{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
}

#redtitleincre2{
width: 762px;
height: 12px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #C5352D;
text-transform:uppercase;
vertical-align:text-bottom;
padding: 0px;
position:relative;
float:left;
}

#creredpart{
background-color: #C4352D;
width: 776px;
height:75px;
position: absolute;
top: 570px;
left: 0px;
padding-left: 20px;
}

.yellowtxt{
font-size: 14px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
color:#F6F310;
}

.whitesmalltxt{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
}

#crelft{
width: 375px;
float:left;
position:relative;
}

#crergt{
width: 375px;
float:right;
position:relative;
}

.blackbld{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.redbldtxt{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #C8433E;
}

#crebotomcontainertop{
width: 776px;
position:relative;
}

#crecont4{
width: 776px;
position:relative;
padding-left: 20px;
}

/*New Try*/
#crecontainer{
width:760px;
height: 253px;
background-color:#FFFFFF;
}

#crecontainerleft{
width:380px;
background-color:#FFFFFF;
float:left;
}

#crecontainerright{
background-color:#FFFFFF;
float:right;
position:absolute;
left: 410px;
top: 117px;
padding-right: 5px;
width: 365px;
}

.botmred{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #C5352D;
text-transform:uppercase;
}

#bottomcontlft{
float:left;
padding-left: 20px;
width: 372px;
background-color:#FFFFFF;
}

#innertitlesec2{
text-align:left;
position:relative;
background-color:#FFFFFF;
}


/* Drop Down Menu*/

DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; 
}

DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

#menu {
	LEFT: 50px; POSITION: absolute; TOP: 20px
}
#menu DL {
	FLOAT: left
}
#menu LI {
	DISPLAY: inline
}
#menu A {
	BACKGROUND: #fff; COLOR: #000; TEXT-DECORATION: none; width: 84px; height: 20px;
}

#menu A:hover {
	BACKGROUND: #fff; COLOR: #000; TEXT-DECORATION: none; width: 84px; height: 20px;
}

#smenu1 {
	BORDER-TOP: gray 1px solid; FONT-SIZE: 0.7em; LEFT: 0px; WIDTH: 400px; POSITION: absolute; 
}

#smenu2 {
	BORDER-TOP: gray 1px solid; FONT-SIZE: 0.7em; LEFT: 0px; WIDTH: 400px; POSITION: absolute
}
#smenu3 {
	BORDER-TOP: gray 1px solid; FONT-SIZE: 0.7em; LEFT: 0px; WIDTH: 400px; POSITION: absolute
}
#smenu4 {
	BORDER-TOP: gray 1px solid; FONT-SIZE: 0.7em; LEFT: 0px; WIDTH: 400px; POSITION: absolute
}

/**** PAGES CONTENU ****************************************************************************************************/

#Page {
	margin: 15px 13px 15px 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	min-height: 400px;
	/*border: 1px solid green;*/
}

#Page select, input, textarea, .forum, .bouton {
	font-size: 11px;
}

#Page .forum td {
	border: 1px solid #000;
	border-collapse: collapse;
}

#Page h1 {
	/* display: block;
	padding-left: 20px;
	background: url(../images/puce-lozange-jaune.jpg) no-repeat left center;
	border-bottom: 1px solid #FFDC00; */
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

#Page h2 {
	margin-top: 0;
	margin-bottom: 10px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

#Page em {
	color: #008492;
	font-style: normal;
}

#Page p {
	color: #000;
}

#Page a:link, #Page a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #C33;
}

#Page a:hover, #Page a:active { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #FFDC00;
}

#Page a img {
	border: none;
}

#Page a.Retour {
	color: #C33;
	font-weight: normal;
	text-decoration: none;
}

#Page div {
	margin: 0;
}

#Page .Element {
	position: relative;
}

#Page .PhotoGauche {
	display: block;
	float: left;
	margin-right: 10px;
	max-width: 96%;
}

#Page .PhotoDroite {
	display: block;
	float: right;
	margin-left: 10px;
	max-width: 96%;
}

#Page .PhotoMilieu {
	display: block;
	margin: 5px auto;
	text-align: center;
	max-width: 96%;
}

#Page .PhotoListe {
	display: block;
	float: left;
	margin-right: 10px;
	width: 150px;
}

#Page #FlashIntro {
	float: right;
	margin: 0 0 10px 10px;
}

/**** ASTUCES ****************************************************************************************************/

.Separateur {
	visibility: hidden;
	clear: both; /* Mettre la valeur : display: inline-block  pour éviter des problèmes d'affichages avec IE6 */
	margin: 0;
	padding: 0;
}