@charset "utf-8";

/* Mise en forme du body */
body 					{ 	
							margin : 0; 
							padding : 0; 
							background : #ffffff url(../images/00_bg.jpg) center; 
							background-repeat : repeat-y;  
							font-family : Arial, Verdana, Helvetica, sans-serif; 
							font-size : 12px; 
							color : #6b6b6b; 
						}
/*-----------------------------------------------------------*/


/* Menu Plan du site */
#topMenu 				{	
							width : 215px;
							height : 23px; 
							margin :7px auto 0 auto; 
							padding-top : 10px; 
							padding-left : 690px; 
							background-image : url(../images/01_top.jpg);
						}

#topMenu ul 				{	
							margin : 0;
							padding : 0; 
							list-style : none;
						}

#topMenu li  				{
							display : inline; 
							border-left : #a0a0a0 solid 1px; 
							padding-left : 5px; 
							padding-right : 5px;
						}

#topMenu li a:link 		{ 
							text-decoration : none; 
							color : #95ccff;
						}

#topMenu li a:visited 	{ 
							text-decoration : none; 
							color : #4984BF;
						}

#topMenu li a:hover 		{ 	
							text-decoration: underline; 
							color : #fff;
						}
/*-----------------------------------------------------------*/


/* Header */
#header 					{	
							width : 905px; 
							height : 112px;
							margin : 0 auto 0 auto; 
							padding : 0; 
							background-image : url(../images/02_header.jpg);
						}

#header 	h1  				{
							font-size : 28px;
							color : #2b5d9a;
							text-decoration : underline;
							text-align : center;
						}

#header 	h2 				{
							font-size : 12px;
							color : #ffffff;
							text-align : center;
						}
/*-----------------------------------------------------------*/


/* Menu principal */

#menuPrincipal 			{	
							width : 875px;
							height : 30px; 
							margin : 0 auto 0 auto; 
							padding : 0 15px 0 15px; 
							background-image : url(../images/03_menuBg.jpg); 
							list-style : none; 
						}

#menuPrincipal ul 		{	
							height : 30px;
							margin : 0 0 0 100px; 
							padding : 0; 
							list-style : none; 
							font : bold 11px Arial, Verdana, Helvetica, sans-serif;
						}

#menuPrincipal li  		{	
							float : left; 
							background-image : url(../images/menuPrincipalSeparateur.gif); 
							background-repeat : no-repeat; 
							background-position : top right;
						}

#menuPrincipal li.imageSeparateur 
						{
							width : 3px; 
							height : 30px; 
							background-image : url(../images/menuPrincipalSeparateur.gif); 
							background-repeat : no-repeat; 
							background-position : top right;
						}

#menuPrincipal  a 		{	
							display : block; 
							width : 100px; 
							height : 20px; 
							margin : 0; 
							padding : 12px 0 0 0; 
							text-align : center; 
							text-decoration : none; 
							color : #ffffff;
						}

#menuPrincipal a.pageActive 
						{ 
							/*background-image : url(../images/menuPrincipalOver.gif); 
							background-repeat : no-repeat; 
							background-position : top center; */
							color : #95ccff;
						}

#menuPrincipal a:hover 	{ 
							background-image : url(../images/menuPrincipalOver2.gif); 
							background-repeat : no-repeat; 
							background-position : top center; 
							color : #95ccff;
						}

#submenu1 ul				{
							position : absolute;
							width: 180px;
							height : 14px;
							margin : 3px 0 0 0; 
							padding : 0; 
							list-style : none; 
							font : 10px Arial, Verdana, Helvetica, sans-serif;
						}

#submenu1 li				{
							margin : 0; 
							padding : 0;
							list-style : none;
							background: #2b5d9a;
						}


#submenu1  a 			{	
							display : block;
							width : 180px; 
							height : 14px;
							padding : 5px 0 5px 0;
							text-align : center; 
							text-decoration : none;
							border-bottom : 1px solid #ffffff;
							color : #ffffff;
						}

#submenu2 ul				{
							position : absolute;
							width: 180px;
							height : 14px;
							margin : 3px 0 0 0; 
							padding : 0; 
							list-style : none; 
							font : 10px Arial, Verdana, Helvetica, sans-serif;
						}

#submenu2 li				{
							margin : 0; 
							padding : 0;
							list-style : none;
							background: #2b5d9a;
						}


#submenu2  a 			{	
							display : block;
							width : 180px; 
							height : 14px;
							padding : 5px 0 5px 0;
							text-align : center; 
							text-decoration : none;
							border-bottom : 1px solid #ffffff;
							color : #ffffff;
						}

#submenu3 ul				{
							position : absolute;
							width: 180px;
							height : 14px;
							margin : 3px 0 0 0; 
							padding : 0; 
							list-style : none; 
							font : 10px Arial, Verdana, Helvetica, sans-serif;
						}

#submenu3 li				{
							margin : 0; 
							padding : 0;
							list-style : none;
							background: #2b5d9a;
						}


#submenu3  a 			{	
							display : block;
							width : 180px; 
							height : 14px;
							padding : 5px 0 5px 0;
							text-align : center; 
							text-decoration : none;
							border-bottom : 1px solid #ffffff;
							color : #ffffff;
						}
/*-----------------------------------------------------------*/


/* Sous menu */
#SousMenu 				{
							width : 905px; 
							height : 28px; 
							margin : 0 auto 0 auto; 
							background-image : url(../images/04_sousMenu.gif); 
							background-repeat : no-repeat;
						}
/*-----------------------------------------------------------*/

/* CONTENU CONTENEUR */
#contenuBg 				{	
							width : 905px;  
							margin : 0 auto 0 auto; 
							background-image : url(../images/05_contenuBg.gif); 
							background-repeat : repeat-y;
						}

	
	/* 1) Zone de texte */
	#zoneTexte 			{	
							float : left; 
							width : 800px; 
							margin : 0 0 0 30px; 
							padding-left : 30px;
							line-height: 1.7em; 
						}

	#zoneTexte p 		{	
							font : 12px Verdana, Arial, Helvetica, sans-serif; 
							color : #6b6b6b; 
							text-align:justify;
							line-height: 1.7em; 
							padding : 0 0 0 50px; 
							margin : 0;
						}

	#zoneTexte h1		{	
							font-size : 20px; 
							color : #2b5d9a;
							border-bottom : 1px dotted #b7b7b7; 
							margin : 0;
						}

	#zoneTexte h2		{
							font-size : 18px; 
							color : #3e6697;
							text-decoration : underline;
						}

	#zoneTexte h3		{
							font-size : 14px; 
							color : #6b6b6b;
							text-decoration : underline;
						}
	
	#zoneTexte .slogan 	{
							font-size : 14px;
							padding : 0 330px 0 30px; 
							color : #2b5d9a;
							text-align : justify;
							line-height: 1.5em; 
						}

	#zoneTexte .definition 
						{	
							font-size : 10px;
							color : #9e9e9e; 
							text-align : justify;
							padding : 0 0 0 100px; 
							margin : 0;
						}

	#tableau_technique td 
						{	
							color : #2b5d9a; 
							text-align : center;
							background-color : #c1d6d5; 
							padding : 15px; 
							margin : 0;
						}

	#tableau_technique_2 td 
						{	
							font-size : 13px;
							color : #2b5d9a; 
							text-align : center;
							background-color : #c1d6d5; 
							padding : 25px; 
							margin : 0;
						}
						
	#tableau_technique_3 td 
						{	
							font-size : 13px;
							color : #2b5d9a; 
							text-align : center;
							background-color : #c1d6d5; 
							padding : 5px; 
							margin : 0;
						}
	#tableau_technique_4 td 
						{	
							font-size : 12px;
							color : #394752; 
							text-align : left;
							background-color : #d0dfec; 
							padding : 5 px; 
							margin : 2;
						}					
	#defil p 			{
							font-size : 12px;
							color : #2b5d9a;
							line-height: 1.5em; 
						}
	/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/


/* footer */
#footer 					{	
							width : 905px; 
							height : 25px; 
							margin : 0 auto 0 auto; 
							padding-top : 35px; 
							background-image : url(../images/06_footer.gif); 
							background-position : top; 
							background-repeat : no-repeat; 
						}
		
#footer p 				{	
							font-size : 10px; 
							text-align : center;
						}
/*-----------------------------------------------------------*/


/* Classes */

.cadre 					{ 	
							width : 665px; 
							padding : 0 0 0 100px; 
							margin : 0 0 50px 0;
							line-height: 1.5em; 
						}

.positionDroit 			{	
							float : right; 
							margin-left : 15px; 
							border : none;
						}

.spacer 					{	
							clear : both; 
							visibility : hidden; 
							margin : 0; 
							padding : 0;
						}

.liens_pages			{ 	
							float : left;
							width : 360px; 
							padding : 0; 
							margin : 0 0 0 440px;
						}
/*-----------------------------------------------------------*/


/* styles globaux */
a:link 					{ 	
							text-decoration : none; 
							color : #1f3a5b;
						}

a:visited 				{ 	
							text-decoration : none; 
							color : #4984BF;
						}
			
a:hover 					{ 	
							text-decoration : underline; 
							color : #2b5d9a;
						}
						
#btn_lire 						{	float: right; height: 14px; text-decoration: none; vertical-align:base;background-color: #ffffff; color: #95ccff; font: 9px Arial Black, Helvetica, Verdana; margin: 0; padding: 0 4px 0 4px; transition-duration:1s;transition-property:background-color;-moz-transition-duration:1s;-moz-transition-property:background-color;-webkit-transition-duration:1s;-webkit-transition-property:background-color; }
#btn_lire:hover			{	background-color: #1f3a5b; color: #fff; transition-duration:1s;transition-property:background-color;-moz-transition-duration:1s;-moz-transition-property:background-color;-webkit-transition-duration:1s;-webkit-transition-property:background-color; }
.fleche2 		{ border=0;vertical-align:middle; }

img  					{
							border : none;
						}