/* TAGS */
body {
	margin: 0px;
	padding: 0px;
	font: normal 11px Arial;
	background: #E1E3E5 url(/img/V2.0/common/tile-body.jpg) repeat-x;
}

a {
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

ul, li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

input, textarea, select {
	font: normal 11px Arial;
}

/* IDS */

#body {
	width: 								961px;
	margin: 							0px auto 0px auto;
	background :						url(/img/V2.0/common/tile-main.gif) repeat-y;	
}

#hachure-droite, #hachure-gauche {
	height :							198px;
	float:								left;
	width :								6px;
}
#hachure-gauche {	
	background :						url(/img/V2.0/common/hachures-left.gif) no-repeat 0px 0px;	
	
}
#hachure-droite {	
	background :						url(/img/V2.0/common/hachures-right.gif) no-repeat 0px 1px;	
}
#main {
	width: 								948px;
	float:								left;
}
#top {
	height: 							33px;
	background: 						#E1E3E5 url(/img/V2.0/common/tile-body.jpg) repeat-x;
}


#top #languages, #top #choixlangues {	
	background :						url(/img/V2.0/accueil/barre-pointille.gif) no-repeat top left;
	padding :							7px 0 0 10px;
	float: 								left;
	margin: 							0px 0px 0px 10px;
 }

#top #languages li.first, #top #choixlangues li.first{
	border: 							1px solid #c1c2c4;
	border-width: 						1px 0px 1px 0px;
	padding: 							2px 20px 2px 5px;
	background :						url(/img/V2.0/accueil/ico-fleche-verticale.gif) no-repeat right 3px;
	position: 							relative;
}

#top #languages li,
#top #languages a,
#top #languages a:link,
#top #languages a:visited,
#top #choixlangues li,
#top #choixlangues a,
#top #choixlangues a:link,
#top #choixlangues a:visited {
	color: 								#5e6369;
}

#top #languages li ul{
	display: 							none;
	position: 							absolute;
	top: 								20px;
	left: 								-4px;
	z-index: 							1000;
}
#top #choixlangues li ul{
	display: 							none;
	position: 							absolute;
	top: 								20px;
	left: 								-4px;	
	z-index: 							1001;
}
html>body #top #languages li ul,html>body #top #choixlangues li ul{
	top: 								19px;
	left: 								0px;	
}
#top #languages li:hover  ul,#top #languages li.over  ul{
	display: 							block;
}
#top #choixlangues li:hover  ul,#top #choixlangues li.over  ul{
	display: 							block;
}

#top #choixlangues li ul  {
	background: 						#dcdddf;
}
#top #languages ul.niv2 li,#top #choixlangues ul.niv2 li{
	padding: 							2px 20px 2px 5px;
	background: 						#dcdddf;
	width :								100px;
}
html>body #top #languages ul.niv2 li, html>body #top #choixlangues ul.niv2 li{
	width :								auto;
	min-width :							100px;
}
#top #languages ul.niv2 li:hover, #top #choixlangues ul.niv2 li:hover{
	background: 						#f8f8fa;
}
#top #languages ul.niv2 li.over, #top #choixlangues ul.niv2 li.over{
	background: 						#f8f8fa;
}

#top #signup {
	background :						url(/img/V2.0/accueil/ico-bonhomme.gif) no-repeat top left;
	padding :							7px 0 0 28px;
	float: 								left;
	margin: 							0px 0px 0px 10px;
}


#top #signup li.first{
	border: 							1px solid #c1c2c4;
	border-width: 						1px 0px 1px 0px;
	padding: 							2px 20px 2px 5px;
	background :						url(/img/V2.0/accueil/ico-fleche-horizontale.gif) no-repeat right 4px;
	position: 							relative;
}

#top #signup li,
#top #signup a,
#top #signup a:link,
#top #signup a:visited {
	color: 								#5e6369;
	text-decoration :					none;
}
#top-page {
	float :								right;
	padding	:							10px 40px 10px 0;
}
#top-page a{
	
	background: 						url(/img/V2.0/interior/ico-top.gif) no-repeat 0px 2px;
	padding :							0 0 0 8px;
	color: 								#FF6000;
	font :								normal 11px Arial;
	text-decoration :					none;
}
#top-page a:hover{
	text-decoration :					underline;
}
/*
#top #tabs {
	float: left;
	margin: 0px 0px 0px 0px;
}

#top #tabs li {
	float: left;
	height: 33px;
	position: relative;
	padding: 0px 10px 0px 10px;
}

#top #tabs li a,
#top #tabs li a:visited,
#top #tabs li a:link{
	display: block;
	font-weight: bold;
	margin: 9px 0px 0px 0px;
}

#top #tabs li a img {
	vertical-align: -8px;
}

#top #tabs li.tabStart {
	width: 8px;
	padding: 0px 0px 0px 0px;
}

#top #tabs li.tabEnd {
	width: 15px;
	padding: 0px 0px 0px 0px;
}

#top #tabs li.tabOff {
	background: url(/img/V2.0/accueil/tabOffMilieu.jpg) repeat-x;
}

#top #tabs li.tabOff a,
#top #tabs li.tabOff a:visited,
#top #tabs li.tabOff a:link{
	color: #3f3f3f;
}

#top #tabs .tabOff div {
	height: 33px;
	width: 6px;
	position: absolute;
}

#top #tabs .tabOff div.left {
	left: 0px;
	bottom: 0px;
	background: url(/img/V2.0/accueil/tabOffGauche.jpg) no-repeat;
}

#top #tabs .tabOff div.right {
	right: 0px;
	bottom: 0px;
	background: url(/img/V2.0/accueil/tabOffDroite.jpg) no-repeat;
}

#top #tabs li.tabOn {
	background: url(/img/V2.0/accueil/tabOnMilieu.jpg) repeat-x;
}

#top #tabs li.tabOn a,
#top #tabs li.tabOn a:visited,
#top #tabs li.tabOn a:link{
	color: #ffffff;
}

#top #tabs .tabOn div {
	height: 33px;
	width: 6px;
	position: absolute;
}

#top #tabs .tabOn div.left {
	left: 0px;
	bottom: 0px;
	background: url(/img/V2.0/accueil/tabOnGauche.jpg) no-repeat;
}

#top #tabs .tabOn div.right {
	right: 0px;
	bottom: 0px;
	background: url(/img/V2.0/accueil/tabOnDroite.jpg) no-repeat;
}*/
#top  #lastbar {
	background :						url(/img/V2.0/accueil/barre-pointille.gif) no-repeat top center;
	float: 								left;
	width :								20px;
	height :							29px;
}

#bandeau {
	height: 							168px;
	background: 						url(/img/V2.0/common/tile-bandeau-haut.jpg) repeat-x;
}

#nav1 {
	margin: 							0px 0px 0px 0px;
	width :								100%;
	background-color :					#EEF1F0;
	height: 							24px;
	
}
#nav1 ul {
	float:								left;
	margin :							0px;
	padding :							0px;
}
#nav1 div.start-menu {
	background: 						url(/img/V2.0/common/menu-degrade-left.gif) no-repeat top left;
	width :								25px;
	height :							24px;
	display :							block;
	float:								left;
}
#nav1 div.end-menu {
	background: 						 url(/img/V2.0/common/menu-degrade-right.gif) no-repeat top left;
	width :								213px;
	height :							24px;
	display :							block;
	float:								left;
}
html>body #nav1 li.end-menu { 
	width :								auto;	
	min-width :							213px;
}
#nav1 li.CMS_lvl1 {
			
}
#nav1 li.CMS_lvl1 a.CMS_lvl1 {
	height: 							0px;
	font-size: 							0px;
	text-decoration :					none;
	display	 :						none;
}
#nav1 li.CMS_lvl2 {
	height: 							21px;
	border-right: 						1px solid #FCCCAF;
	padding: 							3px 10px 0px 10px;
	font-size: 							12px;
	font-weight: 						bold;
	color: 								white;
	float: 								left;
	position: 							relative;	
	background: 						url(/img/V2.0/common/tile-menu-off.gif) repeat-x;
}
#nav1 li.CMS_lvl2 a,
#nav1 li.CMS_lvl2 a:link,
#nav1 li.CMS_lvl2 a:visited {
	color :								#FFF;
	text-decoration :					none;
	font-size: 							12px;
	font-weight: 						bold;	
	white-space: 						normal;
}


#nav1 li.CMS_lvl2:hover,#nav1 li.over {
	background: 						url(/img/V2.0/common/tile-menu-on.gif) repeat-x;
}


#nav1 li.CMS_lvl2 ul {
	display: 							none;
	position: 							absolute;
	top: 								24px;
	left: 								-1px;
	background: 						#b5bec5;
	border: 							1px solid #b1b1b1;
	border-width: 						0px 1px 7px 1px;
	border-bottom :						7px solid #646E75;
	width :								200px;
}

#nav1 li.CMS_lvl3{
	background: 						#88959e;
	white-space: 						nowrap;
	padding: 							1px 0px 1px 9px;
	margin: 							0px 0px 1px 0px;
	border: 							#77848d solid 1px;
	border-width: 						0px 0px 1px 0px;
	position: 							relative;
}

#nav1 li.CMS_lvl3:hover,#nav1 li.CMS_lvl2 ul li.over{
	background: 						#b5bec5;
	border-color: 						#b5bec5;
}

#nav1 li.CMS_lvl2:hover ul, #nav1 ul.CMS_lvl2 li.over ul{
	display: 							block;
}

#nav1 li.CMS_lvl3 a.CMS_lvl3,
#nav1 li.CMS_lvl3 a.CMS_lvl3:link,
#nav1 li.CMS_lvl3  a.CMS_lvl3:visited {	
	background: 						url(/img/V2.0/accueil/ico-carre-gris.gif) no-repeat 0px 5px;	
	padding: 							0px 0px 0px 8px;
	text-decoration :					none;
	font-size: 							11px;
	font-weight: 						normal;
}
#publicite-gauche {
	clear: 								both;
	margin: 							0px 0px 5px 0px;
	text-align :						center;
}

#publicite-gauche img {
	display: 							block;
}

#recherche {
	padding :							13px 0 6px 0;
}
#recherche input {
	font :								bold 11px Arial;
	color :								#FFF;
}
#recherche input.text {
	width :								130px;
	height :							16px;
	background-color :					#B7BDC2;
	border :							none;
	padding :							3px 10px 0 10px;
	
}
#recherche input.button{
	background: 						url(/img/V2.0/common/btn-ok-search.gif) no-repeat 0px 0px;	

	border :							none;
	padding: 							0 0 0 2px;
	text-align :						left;
	width :								32px;
	height :							16px;
	text-align :						left;
}
#dynamique {
	margin: 							0px 10px 0px 10px;
	padding :							20px 0 0 0;
	width: 								718px;
}

#dynamique  div.left-actus {	
	margin: 							0px 10px 0px 0px;
}
#dynamique  #actualites{
	width :								396px;
	border: 							1px solid #7F8790;
	border-width: 						3px 1px 0px 1px;
}
#actualites .titre {
	background: 						url(/img/V2.0/accueil/actu-top-box.gif) no-repeat 0px 0px;	
	height :							20px;
	padding :							0px;
}
#actualites .titre img{
	padding	:							2px 0px 0 3px;
}
#dynamique  #actualites ul{
	padding :							12px 17px 0 17px;
}
#dynamique  #actualites li{
	padding: 							0px 0px 0px 0px;
}
#dynamique  #actualites li.last{
	padding: 							10px 0px 0px 0px;
}
#dynamique #actualites li a,
#dynamique #actualites li a:link,
#dynamique #actualites li a:visited{
	color: 								#4a6880;
	background: 						url(/img/V2.0/common/ico-carre-orange.gif) no-repeat 0px 4px;		
	padding: 							0px 0px 0px 10px;
}

#dynamique #actualites li a:hover {
	color: 								#88959e;
}
#dynamique #actualites li.last a,
#dynamique #actualites li.last a:link,
#dynamique #actualites li.last a:visited{
	color:								#FF6000;
}

#dynamique #actualites li a:hover {
	color: 								#88959e;
}


#dynamique #actualites h2{
	display: 							inline;
	text-transform: 					uppercase;
	color: 								#6B747D;
	font-size: 							12px;
	padding	:							0px 0px 0 3px;
}
#dynamique  #partenaires{
	width :								308px;
	border: 							1px solid #7F8790;
	border-width: 						3px 1px 0px 1px;
}
#dynamique  #partenaires li {
	display :							inline;
}
#partenaires .titre {
	background: 						url(/img/V2.0/accueil/partenaires-top-box.gif) no-repeat 0px 0px;	
	height :							15px;
	padding	:							5px 0px 0 5px;
}

#dynamique  #partenaires ul{
	padding :							12px 17px 0 17px;
}


#dynamique #partenaires li a:hover {
	color: 								#88959e;
}
#dynamique #partenaires .titre h2{


	display: 							inline;
	text-transform: 					uppercase;
	color: 								#6B747D;
	font-size: 							12px;
}
#dynamique div.left-actus div.bottom {	
	background: 						url(/img/V2.0/accueil/box-tile.gif) repeat-x 0px 0px;	
	width :								396px;
}

#dynamique  div.left-actus  div.bottom-left {
	background: 						url(/img/V2.0/accueil/box-br.gif) no-repeat top right;	
	height :							7px;
	width :								398px;
}
#dynamique div.left-partnaires div.bottom {	
	background: 						url(/img/V2.0/accueil/box-tile.gif) repeat-x 0px 0px;	
	width :								308px;
}

#dynamique  div.left-partnaires  div.bottom-left {
	background: 						url(/img/V2.0/accueil/box-br.gif) no-repeat top right;	
	height :							7px;
	width :								310px;
}
#dynamique div.bottom-right {
	background: 						url(/img/V2.0/accueil/box-bl.gif) no-repeat top left;	
	height :							7px;
	width :								7px;
	
}
#infos-techniques{
	width :								186px;
	background: 						url(/img/V2.0/accueil/tech-support-tile-box.gif) repeat-y	 0px 0px;	

}
#infos-techniques .titre {
	background: 						url(/img/V2.0/accueil/tech-support-top-box.gif) no-repeat 0px 0px;	
	height :							20px;
	padding :							10px 0 0 30px;
}

#infos-techniques ul{
	padding :							12px 17px 12px 17px;
}
#infos-techniques li{
	padding: 							0px 0px 0px 0px;
}
#infos-techniques li.last{
	padding: 							10px 0px 0px 0px;
}
#infos-techniques li a,
#infos-techniques a:link,
#infos-techniques a:visited{
	color: 								#FFF;
	background: 						url(/img/V2.0/accueil/ico-losange-blanc.gif) no-repeat 0px 4px;		
	padding: 							0px 0px 0px 10px;
}

#infos-techniques li a:hover {
	color: 								#FF6000;
}

#infos-techniques h2{
	display: 							inline;
	text-transform: 					uppercase;
	color: 								#FFFFFF;
	font-size: 							12px;
}
div.bottom-support {	
	background: 						url(/img/V2.0/accueil/tech-support-bottom-box.gif) repeat-x 0px 0px;	
	height :							6px;
}

#publications {
	background: 						url(/img/V2.0/accueil/reference-top.gif) no-repeat top left;
	width :								677px;
	padding: 							15px 10px 10px 30px;	
	margin: 							0px 0px 0px 0px;
}
#dynamique #publications h2{
	text-transform: 					uppercase;
	color: 								#6a7f90;	
	font-weight:						bold;
	font-size: 							14px;
	display :							inline;
}

#dynamique  #publications  h3{
	color: 								#fd6100;
	font-size: 							13px;	
	display :							inline;
}
#dynamique  #publications ul {
	padding :							10px 0 10px 0;
}
#dynamique  #publications li{
	height: 							70px;
	margin:								0px 0px 3px 0px;
	padding: 							0px 0px 0px 0px;
	float: 								left;
	width :								50%;
}
#dynamique  #publications li.spacer{
	width :								0px;
	height :							0px;
}




#dynamique  #publications li img{
	float: 								left;
	margin: 							0px 10px 0px 0px;
}
#dynamique  #publications li .content {
	float: 								left;
	padding-top :						15px;
}
#dynamique  #publications li .content h4{
	text-transform: 					uppercase;
	color: 								#fd6100;
	font-size: 							11px;
	font-weight: 						bold;
	padding: 							0px 0px 0px 10px;
	background: 						url(/img/V2.0/common/ico-fleche-orange.gif) no-repeat 0px 3px;
}
#dynamique #publications li .content h5{
	color: 								#92959a;
	font-size: 							12px;
	font-weight: 						bold;
	padding: 							0px 0px 0px 10px;
	background: 						url(/img/V2.0/accueil/ico-double-carre-orange.gif) no-repeat 0px 1px;
}
#dynamique  #publications li .content h5 a,
#dynamique  #publications li .content h5 a:link,
#dynamique  #publications li .content h5 a:visited{
	color: 								#92959a;
}
#dynamique  #publications li .content h5 a:hover{
	color: 								#fd6100;
}
#publiciteDroite {
	padding :							0 0 15px 0;
}
#publiciteDroite h1{
	color: 								#FF6000;
	font-size: 							12px;
	font-weight: 						bold;
	background: 						url(/img/V2.0/common/ico-fleche-orange.gif) no-repeat 1px 18px;
	padding: 							15px 0px 10px 10px;

	
}
#publiciteDroite div.row{
	width :								185px;
}
#publiciteDroite div.text{
	padding: 							0px 0px 0px 5px;
	color: 								#737D86;
	font-size: 							11px;

}
#publiciteDroite div.text a{
	color: 								#FF6000;
	font-size: 							11px;
	padding: 							0px 0px 0px 10px;
	background: 						url(/img/V2.0/common/ico-carre-orange.gif) no-repeat 0px 5px;
	text-decoration :					none;

}
#publiciteDroite div.text a:hover{
	text-decoration :					underline;
}
#bottom {
	background: 						url(/img/V2.0/common/fondBottom.jpg) no-repeat bottom center;
	margin: 							0px 10px 0px 10px;
	padding: 							20px 0px 10px 0px;
	clear: 								both;
}

#bottom .text{
	text-align: 						center;
	color: 									#3d4750;
}

#bottom .text a,
#bottom .text a:link,
#bottom .text a:visited,
#bottom .text strong{
	color: #638092;
}

#bottom #footer{
	padding: 5px 20px 20px 20px;
}
#bottom #footer ul, #bottom div.footercenter	{
	display :						inline;
	float :							left;
	width :							33%;
}
#bottom #footer ul.footerright	li{	
	float: 							right;
}
 #bottom div.footercenter	  {	 
 	text-align :					center;
}
#bottom #footer ul.footerleft li{	
	float: 							left;
	padding :        				0 12px	 0 0;
}

#bottom #footer li a,
#bottom #footer li a:link,
#bottom #footer li a:visited{
	background: 							url(/img/V2.0/accueil/ico-losange-bleu.gif) no-repeat 0px 4px;
	padding: 								0px 0px 0px 7px;
	color: 									#1076b4;
	font :									normal 12px Arial;	
	text-decoration :						none;
}
#bottom #footer li a:hover{
	text-decoration :						underline;
	font-weight :							normal;	
}

#bottom #footer-int{
	padding: 5px 20px 10px 20px;
}
#bottom #footer-int ul{
	display :						inline;
	float :							left;
	width :							49%;
}
#bottom #footer-int ul.footerright	li{	
	float: 							right;
}

#bottom #footer-int ul.footerleft li{	
	float: 							left;
}

#bottom #footer-int ul.footerleft {	
	border-left :					solid 1px #435F74;;
}

#bottom #footer-int  ul.footerright li a,
#bottom #footer-int  ul.footerright li a:link,
#bottom #footer-int  ul.footerright li a:visited{
	background: 							url(/img/V2.0/accueil/ico-losange-bleu.gif) no-repeat 0px 4px;
	padding: 								0px 0px 0px 7px;
	color: 									#1076b4;
	font :									normal 12px Arial;	
	text-decoration :						none;
}
#bottom #footer-int  ul.footerleft li a,
#bottom #footer-int  ul.footerleft li a:link,
#bottom #footer-int  ul.footerleft li a:visited{

	padding: 								0px 7px 0px 7px;
	color: 									#435F74;
	font :									bold 12px Arial;	
	text-decoration :						none;
	border-right :							solid 1px #435F74;
}
#bottom #footer-int li a:hover{
	text-decoration :						underline;
	font-weight :							normal;	
}
/* CLASSES */


.right {
	float :					right;
}
.left {
	float :					left;
}
.spacer {
	clear :					both;
	height :				0px;	
	font-size: 				0px;
}
.right-accueil {
	float :					right;
	padding-right :			20px;
}