@import url(menu.css);
@import url(specifique.css);
body
{
	margin:0;
	padding:0;
}

h1{color:#13468D;}
h1 strong{font-family:"arial black",arial}
h1#welcome{margin-top:25px;line-height:40px;font-size:1.9em;letter-spacing:-0.05em;background:white url(images/logo_blanc.jpg) no-repeat 180px 6px;}
p#welcomep{line-height:20px;}
img{border:0px;}

.clear{clear:both;}

#logotop{position:absolute;width:292px;height:146px;display:block;top:70px;left:34px;}

#background
{
    width:100%;height:100%;
    background:white url(images/background.jpg) repeat-x top;
    /*border:1px solid red;*/
}

#backgroundadmin
{
    width:100%;height:100%;
    background:white url(images/background.jpg) repeat-x top;
    /*border:1px solid red;*/
}

    #page
        {
        position:relative;
        width:995px;
        margin:0 auto;
		
    }

        #header
		{
            position:relative;
            width:990px;height:223px;
            background:white url(images/top.jpg) no-repeat top;
        }

            #linkheader
			{
				position:absolute;width:315px;height:190px;display:block;
			}
			
			#menu3
			{
                width:940px;height:39px;
                background:#004996 url(images/background-menu.jpg) no-repeat; 
                margin:0;padding:0 0 0 45px;
            }
            /*pour la suite voir le fichier CSS menu.css*/

			#recherche_index
			{
				position:absolute;
				top:231px;left:720px;
			}
			
				#rechercheform input.text
				{
					float:left;
					width:190px;height:21px;
					border:0px;
					color:#5B5B5B;font-family:arial;font-size:1.3em;
					padding:2px 0 0 10px;
					background:#FFFFFF url(images/recherche.jpg) no-repeat;
				}

				#rechercheform input.text:focus 
				{
					width:190px;height:21px;
					border:0px;
					padding:2px 0 0 10px;
					outline-color: #000000;outline-style: solid;outline-width: 0px;
				}

				#rechercheform input.submit{display:block;float:left;color:#5B5B5B;}

			#contenuprincipal
			{
				width:670px;
				padding:0px 0px 0 35px;margin:5px 0 50px 0px;
				float:left;
			}

			#contenuprincipalodace
			{
				width:825px;
				
				padding:0px 0px 0 35px;margin:5px 0 50px 75px;

			}


				#accueiltable
				{
					width:675px;
					background:transparent url(images/3columns/border.jpg) repeat-y ; 
					margin:20px 0;
					font-size:0.7em;

				}

					#accueiltable #entete
					{
						background:transparent url(images/3columns/top.jpg) no-repeat top ;
						height:66px;
					}

					#accueiltable #entete ul {list-style:none;}

					#accueiltable #entete ul li
					{
						float:left;
						list-style:none;
						width:170px;
						margin:0px 0 0 40px;-margin:0px 0 0 30px;
					}

					#accueiltable #entete ul li h3 {font-size:2.2em;margin:20px 0 0 19px;color:white;}

					#accueiltable .content {display:block;background:transparent url(images/3columns/rosas.jpg) no-repeat bottom 403px;width:675px;}


					#accueiltable .content ul li a{color:#343434;text-decoration:none;font-size:1.8em;line-height:29px;padding:5px 2px}
					#accueiltable .content ul li a:visited{color:#343434;text-decoration:none;font-size:1.8em;line-height:29px;padding:5px 2px}
					#accueiltable .content ul li a:hover{color:#343434;background-color:#EBEBEB}
					#accueiltable .content ul li.decal{padding-left:15px;}
					
					#accueiltable .content ul#col1, #accueiltable .content ul#col2, #accueiltable .content ul#col3
					{
						float:left;list-style:none;width:200px;
						min-height:250px;background-color:transparent;
					}
						
						#accueiltable .content ul#col1{margin:0 0 0 19px;padding:10px 0 0 10px;-margin:0 0 0 12px;-padding:10px 0 0 5px;}
						#accueiltable .content ul#col2{margin:0 0 0 10px;padding:10px 0 0 10px;-margin:0 0 0 14px;-padding:10px 0 0 5px;}
						#accueiltable .content ul#col3{margin:0 0 0 15px;padding:10px 0 0 10px;-margin:0 0 0 10px;-padding:10px 0 0 5px;}
					
					#accueiltable .content ul.separation{background:transparent url(images/3columns/trait.jpg) no-repeat top right ;}

					#accueiltable #piedtableau
					{
						clear:both;
						background:transparent url(images/3columns/bottom.jpg) no-repeat top ;
						height:27px;
					}

			#contenudroit
			{
				width:260px;
				float:right;
				padding:0px 15px 0 0px;margin-top:20px;
			}

				#contenudroit .modules
				{
					position:relative;
					padding:0 0 20px 0;
					width:240px;
				}

					#contenudroit .modules h3
					{
						width:224px;
						height:30px;
						color:#174E92;font-size:16px;
						padding:10px 0 0 15px;margin:0;
						background:transparent url(images/background-module-right.jpg) no-repeat;
					}

					#contenudroit .modules .content
					{
						width:240px;
						font-size:12px;
					}
					#contenudroit .modules .content a {font-weight:bold;}

					#sondage{padding:10px;}
					
					#infonews{padding:10px;height:170px;}

						#infonews strong{color:#13468D;font-size:1.15em;}
						#infonews span{color:#13468D;font-style:italic}
						#infonews p{margin:0 0 10px 0;}
						#infonews hr{color:#7AA3E7;background-color:#7AA3E7;height: 1px;border: 0;margin:5px 0 0px 0;}
						#infonews a{color:#13468D;font-size:0.9em;}
						#infonews a:visited{font-style:italic}
					
					#loginform{padding:0 15px;}

						#loginform label
						{
							display:block;
							margin:10px 0 5px 0;
							color:#5B5B5B;
						}

						#loginform input.text
						{
							width:100%;height:25px;
							border:0px;
							color:#5B5B5B;font-family:arial;
							padding:4px 0 0 5px;
							background:#FFFFFF url(images/input.jpg) no-repeat;
						}

						#loginform input.text:focus 
						{
							width:100%;
							border:0px;
							outline-color: #000000;outline-style: solid;outline-width: 0px;
						}

						#loginform input.submit{margin:10px 0;display:block;float:right;color:#5B5B5B;}

						#loginform  a{color:#5E5E5E;font-size:10px;}

						#loginform  #deconnexion_epice{display:block;background:#FFFFFF url(images/deconnexion.jpg) no-repeat;width:113px;height:30px;}
						#loginform  a#deconnexion_epice {text-decoration:none;font-size:12px;padding:6px 0 0 10px;}
						#loginform  a:hover#deconnexion_epice {color:#86A0C4;}
				
	#backgroundfooter
	{
		clear:both;		
		width:100%;height:48px;
		
		background-color:#156DC4;
		background:#146CC3 url(images/footer.jpg) no-repeat;
	}

		#footer
		{
			width:995px;height:25px;
			color:white;
			margin:0 auto;
		}
		
		#footer p{text-align:center;color:white;padding-top:10px;font-size:12px;font-weight:bold;}