/*/ ------------------------------- ----------- ------------------------------- */
/*/ ------------------------------- CONSTRUCTEO ------------------------------- */
/*/ ------------------------------- ----------- ------------------------------- */
/*/ ONGLET */
#onglets{ border-bottom:2px solid #39c; border-right:2px solid #39c; border-left:2px solid #39c; width:582px; padding:5px;}
#ongletMenu ul { border-bottom:2px solid #39c; width:100%; vertical-align:middle; text-align: bottom; color: #fff;}
#ongletMenu .ongletoff{ border-bottom:2px solid #39c; border-top: 5px solid #fff; background:#96C0DC; wheight:20px; vertical-align:middle; text-align: center; color: #fff; padding-right:3px; padding-left:3px;}
#ongletMenu .ongleton{  border-left: #39c 2px solid; border-right: #39c 2px solid; border-top: 5px solid #39c; background:#fff; height:25px; vertical-align:middle; color: #39c; font-weight:bold; text-align: center; text-decoration:underline;}
#ongletMenu a {color:#fff; font-weight:bold; text-decoration:none; font-size:11px;}
#ongletMenu .separator{ background:#39C; border-top: 5px solid #fff; padding-left:2px;}

/*/ TELECHARGEMENT */
#telechargement {background:url(Images/commun/09_telechargements.gif) no-repeat; width:592px;  padding:0; vertical-align:bottom; border-bottom: 1px solid #3399CC;}
#telechargement ul{margin: 0;vertical-align:top; width:592px; padding:0; padding-top:20px; padding-bottom:5px; color:#666;list-style-type: none;}
#telechargement a{color:#666; text-decoration: underline;}

/*/ BARRE DE PROGRESSION */
#barreprogression a {font-family: arial, verdana, Helvetica, sans-serif;font-size: 11px;color:#39c; text-decoration:underline;}
#barreprogression font {font-family: arial, verdana, Helvetica, sans-serif;	font-size: 11px;color:#39c; text-decoration:none;}
#barreprogression font.Separator {font-family: arial, verdana, Helvetica, sans-serif;font-size: 11px;color:#39c; text-decoration:none;}

/*/ MENU GAUCHE */
#menugaucheContainerOn { width: 142px; min-height: 10px; padding-bottom:5px;background:#FFFFFF; height:100%; width:142px; margin-bottom:10px;}
#menugaucheContainerOn ul{margin:0px;padding:0px;list-style-type: none;}
#menugaucheContainerOn li{margin:0px 2px 2px 2px;padding:0px;list-style-type: none;text-align:left;}
#menugaucheContainerOff { width: 142px; min-height: 10px; padding-bottom:5px;background:#B3DB52; height:100%; width:142px; margin-bottom:15px;}
#menugaucheContainerOff a { text-decoration:none ; color:#3d6e14;}
#menugaucheContainerOff ul{margin:0px;padding:0px;list-style-type: none;}
#menugaucheContainerOff li{margin:0px 2px 2px 2px;padding:0px;list-style-type: none;text-align:left;}

.menugaucheLIOn
{	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	list-style-type: none;
	color:#3d6e14;
	text-decoration: underline;
	font-weight:normal;
	font-size: 11px;}


.menugaucheLienOff:link, .menugaucheLienOff:active , .menugaucheLienOff:hover, .menugaucheLienOff:focus {text-decoration:none ; color:#3d6e14; font-weight:normal;}

/*/ ------------------------------- ------- ------------------------------- */
/*/ ------------------------------- H O M E ------------------------------- */
/*/ ------------------------------- ------- ------------------------------- */


/*/Haut de page*/
.haut{ width:774px; height:205px; margin:0; padding:0;}
.centre{width:774px; height:150px; margin:0; padding:0;}
.pieddepage{width:774px; height:15px; margin:0; padding:0;}

.logohome{
	background:url(Images/home/01_bandeau.jpg) no-repeat;
	width:774px;
	height:110px;
	margin:0;
	padding:0;}
.bandeauhome{ background:url(Images/home/02_bandeau.jpg) no-repeat; width:537px; height:30px; margin:0; padding:0;}
.recherchehome{ background:url(Images/home/03_bandeau.jpg) no-repeat; width:237px; height:30px; margin:0; padding:0;}
.finbandeauhome{ background:url(Images/home/04_menu.jpg) no-repeat; width:774px; height:41px; margin:0; padding:0;}
.finmenu{ background:url(Images/home/05_menu.jpg) no-repeat; width:774px; height:24px; margin:0; padding:0;}

#inputrecherche{ vertical-align:middle; width:65px; padding-left:4px; margin-left:40px; text-align:left; color:#99cf16; border: 1px solid #99cf16; font-xeight:bold;}
#inputimage {border:0px; vertical-align:middle; background:transparent;}


.menuhome{ background:url(Images/home/04_menu.jpg) no-repeat; width:774px; height:41px;}

.message{ background: url(Images/home/01_bienvenue.gif) no-repeat; width:504px; height:68px;}
.images1{ background: url(Images/home/02_bienvenue.jpg) no-repeat; width:270px; height:68px;}
.images2{ background: url(Images/home/04_bienvenue.gif) no-repeat; width:245px; height:166px;}
.images3{ background: url(Images/home/03_bienvenue.jpg) no-repeat; width:270px; height:166px;}

.alaune{
	width:259px; 
	height:166px; 
	background:url(Images/home/01_alaune.gif) no-repeat;
}
#lienune{
	margin-left:20px;
	text-decoration:underline;
	color:#000;
	padding-left:30px;
	padding-top:55px;
}
#lienune li a {list-style:none; color:#000;}
#lienune li a:hover {text-decoration: none;}

.piedhome{height:15px; width:774px; background:#96c0dc; color:#fff; text-align:right; padding-right:5px; padding-top:2px; margin:0; padding-bottom:0; padding-left:0;}
.pied{color:#fff; text-decoration:none;}

#menu {
	position: absolute;
	backgound: transparent;
	top: 168px;
	right:10px;
	left: 10px;
	z-index:50;
	padding-left:20px;
}
#menu dl {
	float: left;
	width: 145px;
	font-family: trebuchet, sans-serif;
}
#menu dt {
	text-align: center;
	font-weight: bold;
	color:#fff;
	font-size:12px;
	margin: 2px;
}
#menu dd {
	display: none;
}
#menu li {
	text-align: left;
}

#menu ul{	
	display: block;
	width:144px;
	background:#B3DB52;
	border-bottom:5px solid;
	border-color: #3D6E14;
	padding-bottom:5px;
	padding-top:3px;
	padding-left:2px;
	margin: 0;
	list-style-type: none;
}

#menu li a {
	color: #3D6E14;
	text-decoration: none;
	font-size:11px;
	font-family: arial, sans-serif;
}
#menu li a:hover, #menu dt a:hover {
	text-decoration: underline;
}

/*/Recherche*/
#inputimagerecherche {
	background:url(Images/home/ok-recherche.gif) no-repeat;
	width:28px;
	height:24px;
	margin:0;
	padding:0;
	border:0;
	
}


/*/ ------------------------------- ----------- ------------------------------- */
/*/ ------------------------------- C O M M O N ------------------------------- */
/*/ ------------------------------- ----------- ------------------------------- */
/*/STRUCTURANTS*/
body
{	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background: #fff;
	padding:0px;
	margin:0px;
	border: 2px solid #96c0dc;
	width:774px;
	text-align:justify;
	height:300px:
	}
table
{	border: 0px solid red;
	vertical-align: top;
	margin: 0px;
	padding: 0px;}
td, div
{	vertical-align: top;
	margin: 0px;
	padding: 0px;}
p
{	vertical-align: top;
	margin: 0px;
	padding-bottom: 5px;}


	
img{border:0; margin:0; padding:0;}
form {margin:0px; padding:0px;}
input, select, textarea {COLOR: #666; font-size: 11px; font-family:arial, sans-serif; text-decoration: none;  border: 1px solid #666; background: #FFF;}


/*/h1 = logo*/
h1 {line-height:normal; margin:0px;}
/*/h2= titre1 de page*/
h2 { font-weight:bold; font-size:14px; color:#3399cc; line-height:normal; margin:0px; padding-bottom:5px; }
/*/h3= titre rubrique en cours dans menu gauche*/
h3{font-size:11px; color:#3F7014; font-weight:bold; line-height:normal; margin:0px; font-family:trebuchet,sans-serif; padding-left:2px; padding_right:2px;}
/*/h4 = titre 2*/
h4{font-size:12px; color:#9c0; line-height:normal; margin:0px; 	padding-bottom:10px;}
/*/h5= titre 3*/
h5 { font-size:11px; font-weight:bold; line-height:normal; margin:0px; }

a{font-family: arial, verdana, Helvetica, sans-serif; font-size:11px;}
a:hover, a:focus {text-decoration:underline;}
a:active {text-decoration:underline;}

#Chapo {
	float:left;
	color:#39c;
	padding-bottom:10px;
	text-align:justify;
}

#Chapo img{margin:5px;}

#Chapo ul {padding:0px;margin:0px;}
#Chapo li {margin-left:20px;}

ul {padding:0px;margin:0px 15px 0px 15px;}
li {padding:0px;margin-left:15px;}

/*/haut de page*/
.logo{
	background:url(Images/commun/01_bandeau.jpg) no-repeat;
	width:535px;
	height:84px;
	margin:0;
	padding:0;}
.bandeau1{ background:url(Images/commun/02_bandeau.jpg) no-repeat; width:239px; height:43px; margin:0; padding:0;}
.recherche{ background:url(Images/commun/03_bandeau.jpg) no-repeat; width:239px; height:41px; margin:0; padding:0;}
.finmenugab{ background:url(Images/commun/05_bandeau.jpg) no-repeat; width:774px; height:20px; margin:0; padding:0;}
.menugab{ background:url(Images/commun/04_bandeau.jpg) no-repeat; width:774px; height:25px;}

.hautgab{ width:774px; height:129px; margin:0; padding:0;}
.centregab{width:774px; height:150px; margin:0; padding:0;}
.pieddepagegab{width:774px; height:15px; margin:0; padding:0;}

#menug {
	position: absolute;
	backgound: transparent;
	top: 90px;
	right:10px;
	left: 10px;
	z-index:50;
	padding-left:20px;
}

#menug.home {
	position: absolute;
	backgound: transparent;
	top: 165px;
	right:10px;
	left: 10px;
	z-index:50;
	padding-left:20px;
}

#menug dl {
	float: left;
	width: 145px;
	font-family: trebuchet, sans-serif;
	margin: 0;padding: 0;list-style-type: none;
}
#menug dt {
	text-align: center;
	font-weight: bold;
	color:#fff;
	font-size:12px;
	margin: 2px;
	padding: 0;list-style-type: none;
}
#menug dd {
	display: none;
	margin: 0;padding: 0;list-style-type: none;
}
#menug li {margin: 0;padding: 0;list-style-type: none; text-align: left;}
#menug ul{
	display: block;
	width:144px;
	background:#B3DB52;
	border-bottom:5px solid;
	padding-bottom:5px;
	padding-top:3px;
	padding-left:2px;
	margin: 0;list-style-type: none;
}

#menug li a {
	color: #3D6E14;
	text-decoration: none;
	font-size:11px;
	font-family: arial, sans-serif;
}
#menug li a:hover, #menu dt a:hover {
text-decoration: underline;}

#menug dt#on {
text-align: center;
font-weight: bold;
color:#3f7014;
font-size:12px;
margin: 2px;
}


/*/menu gauche*/
.menugauche{background:#B3DB52; vertical-align:top; height:100%; width:142px;}
.top{background: #fff url(Images/commun/01_top_gauche.gif) no-repeat; margin:0px; width:142px; height:29px;}
.titremenu{background:#B3DB52; width:142px; padding-left:2px; margin:0; height:16px;}
.lignemenu{background:#3D6E14; height:1px; width:142px; padding:0; margin:0;}


.bgcolorgreen{background:#B3DB52; height:100%; width:142px;}
.piedmenugauche{background:#B3DB52;width:142px; height:12px; vertical-align:bottom;}
.bgcolorwhite{background:#fff; height:100%; width:142px;}
.lignevide2{height:100%;vertical-align:top;}





/*/MENU CONTEXTUEL GAUCHE*/
#navcontainer { width: 142px; min-height: 10px; padding-bottom:5px;}

#navcontainer ul
{	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:1px;
	margin-right:0px;
	list-style-type: none;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#3D6E14;
	font-weight:bold;}

#navcontainer a
{	display: block;
	margin-top: 6px;
	margin-bottom: 2px;
	margin-left:0px;
	margin-right:0px;
	width: 140px;
	line-height:15px;}

#navcontainer a:link, #navlist a:visited {text-decoration: none;}
#navcontainer a:hover {	text-decoration:underline;}
.amenu{ font-size:11px; color:#3d6e14; font-weight:bold;text-decoration:none;}
amenu:hover, amenu:focus {text-decoration:underline;}
amenu:active {text-decoration:underline; }

/*/SOUS-MENU CONTEXTUEL GAUCHE*/
#navcontainer2 { width:135px; min-height:15px; padding:0;}

#navcontainer2 ul
{	margin-top: 0px;
	margin-bottom: 5px;
	margin-left:3px;
	margin-right:0px;
	list-style-type: none;
	width:133px;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	line-height:4px;}

#navcontainer2 a
{	display: block;
	margin-top: 0px;
	margin-bottom: 1px;
	margin-left:3px;
	margin-right:0px;
	width:133px;
	background-color: #B3DB52;}

#navcontainer2 a:link, #navlist2 a:visited
{	color: #3d6e14;
	text-decoration: none;}

#navcontainer2 a:hover
{	background-color: #b3db52;
	color: #3d6e14;
	text-decoration:underline;}
.amenu2{ font-size: 11px; font-weight:normal;}
amenu2:hover, amenu2:focus {text-decoration:underline ; color:#3d6e14;}
amenu2:active {text-decoration:underline; }

#amenu2on
{	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	list-style-type: none;
	color:#3d6e14;
	text-decoration: underline;
	font-weight:normal;
	font-size: 11px;}

.amenu2On{ font-size: 11px; font-weight:normal;}
amenu2On:hover, amenu2On:focus {text-decoration:underline ; color:#3d6e14; font-weight:normal;}
amenu2On:active {text-decoration:underline; font-weight:normal;}

#navcontainer2On a
{	display: block;
	margin-top: 0px;
	margin-bottom: 1px;
	margin-left:3px;
	margin-right:0px;
	width:138px;
	background-color: #fff;
	font-weight:normal;}

#navcontainer2On a:link, #navlist2On a:visited
{	color: #3d6e14;
	text-decoration: none;
	font-weight:normal;}

#navlist2On ul { font-weight:normal;}

.contenu
{	padding-top:3px;
	padding-bottom:0px;
	padding-left:15px;
	padding-right:10px;
	margin:0px;
	min-height:316px;
	width:100%;}

.contenu2
{	padding-top:3px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:10px;
	margin:0px;
	min-height:316px;
	width:772px;}

/*/PROGRESSION*/
.progression{ background:#FFF;
	height:20px;
	margin-top:2px;
	padding-bottom:10px;
	color:#39c;}
.aprog{	color:#39c; text-decoration:underline;}

/*/ CONTENU STYLES */
.titrepage
{	width:100%;
	color:#39c;
	font-weight:bold;
	font-size: 14px;
	margin-top:8px;
	margin-bottom:2px;
	padding-left:0px;
	padding-top:0px;
	height:10px;
	vertical-align:top;}
.soustitrepage
{	color:#9c0;
	font-weight:bold;
	font-size: 12px;
	margin-top:0px;
	margin-bottom:15px;
	padding-left:5px;
	padding-top:0px;
	height:15px;
	vertical-align:top;}
.chapo {color:#39c; padding-top:8px; padding-bottom:10px;}
.chapodroite {float:left; padding-top:8px; padding-bottom:10px; }
.imagegde{boder:0; margin-right:5px; margin-bottom:2px; vertical-align:top;float:left; padding-top:8px;}
.bleugras{color:#39c; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.centreonglet{padding-top:3px; padding-bottom:15px;}

.piedtop{background:url(Images/commun/08_pied_top.gif) no-repeat; text-align:right; vertical-align:bottom; margin:0; padding:0; height:40px; width:632px;}
.texttop{text-align: right; padding-right:5px; padding-bottom:18px;}
.lientop{color:#39c; text-decoration:underline; font-size:10px; margin-right:3px;}

.piedtop2{background:url(Images/commun/08_pied_top.gif) no-repeat; text-align:right; vertical-align:bottom; margin:0; padding:0; height:40px; width:772px;}
.texttop2{text-align: right; padding-right:5px; padding-bottom:18px;}


.telechargements{background:url(Images/commun/09_telechargements.gif) no-repeat; width:592px; height:19px; margin-bottom:5px; padding:0; vertical-align:bottom;}
.listetelechargements{vertical-align:top; width:592px; padding:0; padding-bottom:10px; color:#666;}
.liengris{color:#666; text-decoration: underline;}
.bgcolorblue{background:#39c; height:1px; width:100%; padding-right:20px;}

.tablo{border:1px solid #39c; color:#39c; font-weight:normal; width:582px; border-collapse: collapse}
th {font-weight:normal; font-family: arial,sans-serif; font-size:11px; text-align:right; padding-right:2px; border-bottom:1px solid #39c;}
.lignepaire{border-bottom:1px solid #39c; color:#39c; font-weight:normal;}
.lignelibelle{background:#39c; color:#fff; font-weight:bold; line-height:20px;}

.minicarte{text-align: right; margin-right:3px; margin-left:10px; border:1px solid #39c; vertical-align:middle; width:120px; height:55px;}
.retourcarte{ text-align:right; padding-right:5px; width:772px;}

.divcarte{ padding-top:20px; padding-bottom:10px; text-align:center; width:772px;}
.grandecarte{border:1px solid #39c; width:600px; height:667px;}