body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #009de0;
	margin: 5px 0 0 0; /* il est conseillé de mettre a zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné a gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}

#date {
	font-size:10px;
	color:#EEE;
	font-weight:none;
	font-size:10px;
	text-align:left;
	padding-left:12px;
	padding-top:129px;
	text-transform:capitalize;
}

#lang {
	font-size:10px;
	color:#EEE;
	font-weight:none;
	text-align:right;
	padding-right:20px;
	padding-top:8px;
}

#lang a {
	font-size:10px;
	color:#666;
	font-weight:none;
	text-decoration:none;
}
#lang a:hover {
	font-size:10px;
	color:#009de0;
	font-weight:none;
}

.header-1 {
	border: none;
	height: 249px;
	position: relative;
	text-align: left;
	width: 977px;
}

.header-1-1 {
	background: url('images/haed_pge2_01.jpg') no-repeat left center;
	border: none;
	height: 25px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 472px;
}

.header-1-2 {
	background: url('images/liens.jpg') no-repeat left center;
	border: none;
	height: 25px;
	left: 472px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 504px;
	padding-left:17px;
}

.header-1-2 a {
	font-size:10px;
	color:#666;
	font-weight:bolder;
	text-decoration:none;
	padding-right:8px;
}

.header-1-2 a:hover {
	font-size:10px;
	color:#A0A0A0;
	font-weight:bolder;
	text-decoration:none;
}

.header-1-3 {
	background: url('images/haed_pge2_03.jpg') no-repeat left center;
	border: none;
	height: 248px;
	left: 976px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 1px;
}

.header-1-4 {

	border: none;
	height: 23px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 25px;
	width: 976px;
}

.header-1-5 {
	background: url('images/haed_pge2_05.jpg') no-repeat left center;
	border: none;
	height: 200px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 48px;
	width: 19px;
}

.header-1-6 {
	background: url('images/head.jpg') no-repeat left center;
	border: none;
	height: 146px;
	left: 19px;
	padding: 0px;
	position: absolute;
	top: 48px;
	width: 182px;
	
}

.header-1-7 {
	background: url('images/haed_pge2_07.jpg') no-repeat left center;
	border: none;
	height: 146px;
	left: 201px;
	padding: 0px;
	position: absolute;
	top: 48px;
	width: 756px;
}

.header-1-8 {
	background: url('images/haed_pge2_08.jpg') no-repeat left center;
	border: none;
	height: 200px;
	left: 957px;
	padding: 0px;
	position: absolute;
	top: 48px;
	width: 19px;
}

.header-1-9 {
	background: url('images/haed_pge2_09.jpg') no-repeat left center;
	border: none;
	height: 54px;
	left: 19px;
	padding: 0px;
	position: absolute;
	top: 194px;
	width: 938px;
}

.header-1-10 {
	background: url('images/spacer.gif') no-repeat left center;
	border: none;
	height: 1px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 248px;
	width: 19px;
}

.header-1-11 {
	background: url('images/spacer.gif') no-repeat left center;
	border: none;
	height: 1px;
	left: 19px;
	padding: 0px;
	position: absolute;
	top: 248px;
	width: 182px;
}

.header-1-12 {
	background: url('images/spacer.gif') no-repeat left center;
	border: none;
	height: 1px;
	left: 201px;
	padding: 0px;
	position: absolute;
	top: 248px;
	width: 271px;
}

.header-1-13 {
	background: url('images/spacer.gif') no-repeat left center;
	border: none;
	height: 1px;
	left: 472px;
	padding: 0px;
	position: absolute;
	top: 248px;
	width: 485px;
}

.header-1-14 {
	background: url('images/spacer.gif') no-repeat left center;
	border: none;
	height: 1px;
	left: 957px;
	padding: 0px;
	position: absolute;
	top: 248px;
	width: 19px;
}

.header-1-15 {
	background: url('images/spacer.gif') no-repeat left center;
	border: none;
	height: 1px;
	left: 976px;
	padding: 0px;
	position: absolute;
	top: 248px;
	width: 1px;
}


#search {
	width:185px;
	float:left;
	padding-top:20px;
}

#title-bread {
	width:600px;
	float:left;
}


.oneColFixCtrHdr #container {
	width: 976px;  /* paramétrage de la largeur a 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background-image:url(images/fond_page.jpg);
	background-repeat:repeat-y;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	/* border: 1px solid #000000; */ 
	text-align: left; /* ce paramétrage annule le parametre text-align: center de l'élément body. */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 0 0 0 ;
	background-image:url(images/fond_page.jpg);
	background-repeat:repeat-y;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* la mise a zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 0px;
	height: 429px;
	position: relative;
	text-align: left;
	width: 970px;
	overflow:hidden;
	/* ne pas oublier que le remplissage est l'espace a l'intérieur du cadre de l'élément div, alors que la marge est l'espace a l'extérieur de celui-ci */
}


.contentall-1-1 {
	border: none;
	height: 400px;
	padding: 0px;
	float:left;
	width: 208px;
	margin-left:37px;
	
}

.contentall-1-2 {
	border: none;
	height: 400px;
	padding: 0px;
	float:left;
	width: 560px;
	margin-right:5px;
	margin-left:15px;
}

.contentall-1-3 {
	border:#333 0px solid;
	padding: 0px;
	float:left;
	width: 140px;
}


.ts-content {
	border: none;
	height: 440px;
	position: relative;
	text-align: left;
	width: 976px;
	font-size:11px;
	color:#666;
}

.ts-content a img {
	border:#666 1px solid;
}

.ts-content a:hover img {
	border:#09F 1px solid;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.ts-content ul {
	
}

.ts-content li {
	margin-bottom:5px;
}

.ts-content li a {
	font-weight:bolder;
	font-size:11px;
	color:#666;
	text-decoration:none;
}

.ts-content li a:hover {
	font-weight:bolder;
	font-size:11px;
	color:#009de0;
	text-decoration:none;
}

.content-1-1 {
	border: none;
	height: 7px;
	left: 0px;
	line-height: 7px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 976px;
}

.gen-2 {
	vertical-align: middle;
}

.content-1-2 {
	border: none;
	height: 435px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 7px;
	width: 33px;
}

.content-1-3 {
	border: none;
	height: 210px;
	left: 33px;
	padding: 0px;
	position: absolute;
	top: 7px;
	width: 225px;
}

.content-1-4 {
	border: none;
	height: 210px;
	left: 258px;
	padding: 0px;
	position: absolute;
	top: 7px;
	width: 226px;
	border-left:#CCC 1px dashed;
}

.content-1-5 {
	border: none;
	height: 435px;
	left: 484px;
	padding: 0px;
	position: absolute;
	top: 7px;
	width: 473px;
}

.content-1-6 {
	border: none;
	height: 436px;
	left: 957px;
	padding: 0px;
	position: absolute;
	top: 7px;
	width: 19px;
}

.content-1-7 {
	border: none;
	height: 11px;
	left: 33px;
	padding: 0px;
	position: absolute;
	top: 217px;
	width: 451px;
	border-top:#09F 2px solid;
}

.content-1-8 {
	border: none;
	height: 212px;
	left: 33px;
	padding: 0px;
	position: absolute;
	top: 228px;
	width: 4px;
}

.content-1-9 {
	border: none;
	height: 213px;
	left: 34px;
	padding: 0px;
	position: absolute;
	top: 228px;
	width: 224px;
}

.content-1-10 {
	border: none;
	height: 213px;
	left: 258px;
	padding: 0px;
	position: absolute;
	top: 228px;
	width: 226px;
	border-left:#CCC 1px dashed;
}



.oneColFixCtrHdr #footer {
	padding: 0 10px; /* ce remplissage correspond a l'alignement a gauche des éléments des div qui apparaissent au-dessus. */
	background:#FFF;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	height:45px;
	font-size:9px;
	color:#999;
}
.oneColFixCtrHdr #footer p {
	margin: 0; 
	padding: 20px 0;
	text-align:center;
}
.oneColFixCtrHdr #footer p a {
	font-size:9px;
	color:#333;
	text-decoration:none;
}

.oneColFixCtrHdr #footer p a:hover {
	color:#666;
	text-decoration:none;
}


		
		
/*  Scroller */
#extra_controls, #scrollbar { 
    display:none; /* hide from incapable */
    }


/* ================================================================================================

    !!!!!!!! YOUR ATTENTION PLEASE !!!!!!!!

    Styles below particular to demo layout, not necessarily related to scrolling div code  

================================================================================================= */

div#wn {
    float:left;
    margin-right:2px;
    }
    
div#scrollbar {
    float:left;
    }

.clearer { clear:left; }


/* Others */


.csc-mailform-field {
	width:450px;
	text-align:center;
}

.link_up {
	font-family:"Century Gothic";
	font-size:10px;
	color:#eee;
	text-align:center;
	padding:2px;
	font-weight: bold;
}

.find {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4F94CF;
	text-transform:none;
	width:130px;
}

.sub  {
	font-size:9px;
	text-align:left;
	color:#FFFFFF;
	width:20px;
	background-color:#CCC;
	border:#999999 1px solid;
}



.link_up a {
	font-family:"Century Gothic";
	font-size:10px;
	color:#FFF;
	text-align:center;
	font-weight: bold;
}

.link_up a:hover {
	font-family:"Century Gothic";
	font-size:10px;
	color:#E2E2E2;
	font-weight: bold;
}

.news-amenu-container {
text-align:left;
font-size:10px;
}

.news-latest-item img {
	float:left;
	padding: 5px;
}

/* style pour le titre d'une zone de téléchargement */
.csc-header h1 {
	font-family:"Century Gothic";
	font-size:11px;
	color:#336699;
	text-align:center;
	border: #ccc 1px solid;
	background:#eee;
	font-weight: bold;
	padding:2px;
	margin-left:3px;
	margin-bottom:2px;
	width:98%;

}

.csc-uploads {
	border: #ccc 1px solid;
	width:98%;
	margin-left:3px;

}


/* style pour une zone de téléchargement */
.tr-even {
	font-family:"Century Gothic";
	font-size:10px;
	border-bottom:#ccc 1px solid;
	padding:2px;
	background:#eee;
}

/* style pour la description des images */
.csc-textpic-caption {
	font-family:"Century Gothic";
	font-size:10px;
	color:#336699;
	text-align:center;
	text-transform:capitalize;
	border-bottom:#333 1px solid;
	padding:2px;
	background:#eee;
	font-weight: bold;
	width:98%;
}

embed {
	width:220px;;
}

a {
	color:#666;
	text-decoration:none;
}

a:hover {
	color:#3366CC;
	text-decoration:underline;
}

td, th { 
	font-weight:normal;
}

#zone1 {
width:187px;
height:600px;
	vertical-align:top;
	margin-top:2px;
	margin-left:1px;
	margin-right:8px;
	float:left;
}

#zone2 {
	width:583px;
	text-align:left;
	float:right;
}

#zone3 {
	border-left:#89b9df 1px solid;
	border-bottom:#89b9df 1px solid;
	text-align:left;
	vertical-align:top;
	margin-top:2px;
	margin-left:1px;
	margin-right:8px;
}

.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#186AAD;
	text-align:left;
	padding:6px 0 6px 12px;
	
	font-weight:bold;
}

.textzone {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:justify;
	border-left:#89b9df 1px solid;
	padding-left:9px;
	padding-right:5px;
}

.textzone table.contenttable {
	border-collapse:collapse;
	border-color: #ccc;
	width: 525px;
}

.textzone table.contenttable td {
	vertical-align:middle;	
}

.textzone table.contenttable strong,b {
	color : #338af6;
}


.textzone2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1b1b1b;
	text-align:justify;
	padding:6px;
}

.right {
	text-align:left;
}

.textzone li {
	list-style:url(../../images/list.png);
	margin-bottom:2px;
	
}


.form {
	margin: 0
}

form select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-align:center;
	text-transform:none;
}

.news a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-align:center;
	text-transform:none;
}

.news a:hover {
	color:#3366CC;
}

.breadc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8A8A8A;
	text-align:left;
	padding-left:5px;
	margin-left:2px;
	border-bottom:#CCCCCC 1px dashed;
}

.breadc a {
	color:#8A8A8A;
	text-decoration:none;
}

.breadc a:hover {
	color:#3399FF;
	text-decoration:none;
}

#menu1 {
padding-top:98px;
padding-left:50px;
}




/* Menu principal */

	#toplevel1 {background:  #; height:27px;padding: -20px 0px 0px 0px; position:relative;}
	html > #toplevel1 {height:27px;}
	#toplevel1 .img, #toplevel1 .item, #toplevel1 .item2 {float: left;}
	#toplevel1 .item {background:#0085ca; background-image:url(tabs_images/a_bg.gif); background-repeat:repeat-x;}
	#toplevel1 .item2 {background:#e6e5e5; background-image:url(tabs_images/active_bg.gif); background-repeat:repeat-x;}
	#toplevel1 .item A,#toplevel1 .item2 A {padding: 0px 10px;line-height:27px; font-family: Verdana;font-weight:bold;font-size: .6em;text-decoration:none;}
	#toplevel1 .item A {color: #2283cf;}
	#toplevel1 .item2 A {color: #fff;}
	#toplevel1 .item A:hover,#toplevel2 .item A:hover {text-decoration:underline;}

#menu2 {
padding:3px;
font-size:11px;
height:12px;
}

#menu2 a {
color:#FFFFFF;
font-family: Verdana;
font-size: 10px;
}




/* MENU COLLAPSE */
div.sdmenu {
	width: 188px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 0px;
	text-align:left;
	margin: 0;
	/* background: url(menu_img/bottom.gif) no-repeat  right bottom; */
	color: #fff;
}

div.sdmenu div {
	background: url(menu_img/title.gif) repeat-x;
	overflow: hidden;
}

div.sdmenu div:first-child {
	background: url(menu_img/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 22px;
}
div.sdmenu div span {
    font-size:12px;
	display: block;
	padding: 5px 29px;
	font-weight:lighter;
	color: #eee;
	background: url(menu_img/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #;
}
div.sdmenu div.collapsed span {
	background-image: url(menu_img/collapsed.gif);
}
div.sdmenu div a {
	padding: 3px 18px;
	background-color: #;
	display: block;
	border-bottom: 1px solid #ccc;
	color: #eee;
}
div.sdmenu div a.current {
	background-color: #B9B9B9;
}
div.sdmenu div a:hover {
	background : url(menu_img/linkarrow.gif) no-repeat right center;
	color: #CCCCCC;
	text-decoration: none;
}




div.sdmenu1 {
	width: 188px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 0px;
	text-align:left;
	margin: 0;
	/* background: url(menu_img/bottom.gif) no-repeat  right bottom; */
	color: #fff;
}

div.sdmenu1 div {
	background: url(menu_img/menu.png) no-repeat center;
	overflow: hidden;
}

div.sdmenu1 div {
	background: url(menu_img/menu.png) no-repeat;
	overflow: hidden;

}
div.sdmenu1 div.collapsed {
	height: 22px;
}
div.sdmenu1 div span {
    font-size:11px;
	display: block;
	
	font-weight:lighter;
	color: #eee;
	cursor: default;
	border-bottom: 1px solid #;
}

div.sdmenu1 div a {
	padding: 1px 18px;
	background-color: #;
	display: block;
	border-bottom: 1px solid #ccc;
	color: #333;
}
div.sdmenu1 div a.current {
	background-color: #B9B9B9;
}
div.sdmenu1 div a:hover {
	color: #3399CC;
	text-decoration: none;
}




img {
	border: none;
}


select {
width:150px;
color:#186AAD;
}

.bordure2 {
	border:cccccc 1pt solid;
	color: #494949;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.input, .input A:LINK, .input A:VISITED{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#186AAD;
	font-weight: none;
	text-decoration: none;
}

.input A:HOVER {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	color:#186AAD;
	font-weight: bold;

}

.nav, .nav A:LINK, .nav A:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #009DDC;
	text-decoration: none;
	text-align:left;
 } 
 .nav A:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #009DDC;
	text-decoration: underline overline; 
 } 
 
 .bout_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
	background-color:#E1E1E1;
	border:#999999 1px solid;	
 } 
 
 .newsletter {
 text-align:left;
 padding-top:10px;
 padding-left:10px;
 color:#186AAD;
 height:82px;
 background-image:url(images/newletter.png);
 background-repeat:no-repeat;
 background-position:center;
}
 .newsletter2 {
 text-align:left;
 padding-top:10px;
 width:193px;
 height:82px;
 padding-left:5px;
 background-image:url(images/newletter.png);
 background-repeat:no-repeat;
 background-position:left;
 color:#186AAD;
}

.newsletter form {
margin-top:35px;
color:#186AAD;

}

.newsletter2 form {
margin-top:35px;
margin-left:5px;
color:#186AAD;
}

dt {
margin: 0
}

.menuprod {
text-align:center;
}

.title_fiche {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	padding:0 0 2px 20px; 
	color: #02a6ee;
	font-weight:bolder;
	position: relative;
	display: block;
	border-bottom:#CCC 1px solid;
	background-image:url(images/puce.png);
	background-repeat:no-repeat;
	background-position:left;
}

.title_fiche a { 
	color: #02a6ee;
	font-weight:bolder;
	text-decoration:none;
}

.title_fiche a:hover { 
	color: #999;
	font-weight:bolder;
	text-decoration:none;
}

.title_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding:0 0 2px 5px;
	color: #39C;
	font-weight:bolder;
	position: relative;
	display: block;
}

.title_2 a {
	color: #39C;
	font-weight:bolder;
	text-decoration:none;
}

.title_2 a:hover {
	color: #666;
	font-weight:bolder;
	text-decoration:none;
}


ul li {
	margin-bottom:1px;
}


/* Tunning sitemap */
.ec img {
width:80px;
}

.ec a {
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}