/* CSS Document */

.illustration_interface	{
						float: left;
						width: 251px;
						height: 197px;
						margin: 0px;
						margin-bottom: 24px;
						/*_margin-left: -3px;*/
						padding: 0px;
						border: none;
						/*border-bottom: #FFFFFF 1px solid;*/
						}
	
#interface_menu_haut	{
						float: left;
						width: 285px;
						height: 192px;
						margin: 0px;
						padding: 5px 0px 0px 0px;
						background: url(../interface/interface_menu_haut3.jpg) no-repeat top left;
						}
#interface_menu_haut li	{float:right; list-style-type:none; display:inline; color:#FFFFFF; padding:0px 8px 0px 8px; border-right:#FFFFFF 1px solid;}
#interface_menu_haut li a	{color:#FFFFFF; text-decoration:none;}
#interface_menu_haut li a:hover	{text-decoration:underline;}
	
#ul_commun	{
			top: 197px;
			height: 15px;
			padding-top: 8px;
			background: url(../interface/fond_menu.jpg);
			}
				
#contenu	{top: 230px;}
			
.menu_deroule	{top: 15px;}
				
#recherche	{
			float:left;
			width: 223px;
			height: 105px;
			margin: 0px;
			padding: 0px;
			padding-top: 92px;
			background: #FFFFFF url(../interface/logo.jpg) no-repeat left -22px;
			}
			
#contenu	{background:#FFFFFF url(../interface/interface_fond_contenu.jpg) no-repeat bottom right;}

#ombre_contenu	{background:#FFFFFF url(../interface/ombre_contenu_interface.jpg) no-repeat bottom right;}

#index_images	{width:225px;}
#index_images img	{margin:5px 0px 0px 25px;}

h3	{
	display: block;
	width: 100%;
	height: 13px;
	margin: 0px;
	padding: 0px;
	background: url(../interface/innovation_titre.gif) no-repeat left top;
	}
	
h2	{
	display: block;
	width: 100%;
	height: 58px;
	margin: 0px;
	padding: 0px;
	background: url(../interface/innovation_h2.gif) no-repeat left top;
	}
	
#interface_formulaire	{
						float:left;
						width: 223px;
						height: 85px;
						margin: 0px;
						padding: 0px;
						padding-top: 20px;
						background: url(../interface/interface_recherche.gif) no-repeat 58px top;
						}
#interface_formulaire fieldset	{margin: 0px; padding: 0px; border:0px; text-align:center;}
#interface_formulaire	fieldset label	{color:#818182;  font-size:11px; margin:0px; padding:0px;}
#interface_formulaire	fieldset label, input	{clear:both;}
#interface_formulaire	input	{margin-top:2px; border:#044380 1px solid; text-align:center; font-size:9px; color:#044380; width:148px; _width:144px;}
#interface_formulaire .input_envoi	{cursor:pointer; width:19px; height:20px; background: url(../interface/interface_bouton_ok.gif) no-repeat left 1px; border:0px; cursor:pointer;}

.form_contact	{
				float: left;
				width: 100%;
				margin: 0px;
				padding: 0px;
				}
.form_contact fieldset	{margin:0px; padding:0px; border:0px;}
.form_contact legend	{margin:0px; padding:0px;}
.form_contact label	{clear:both; float:left; width:80px; margin:2px;}
.form_contact .input	{clear:none; float:left; margin:2px;}
.form_contact .form_envoi	{cursor:pointer; display:block; float:left; width:100px; height:20px; margin:0px; padding:0px; margin-left:70px; _margin-left:35px; clear:both; margin-top:15px; color:#FFFFFF; background-color:#353795; border:none;}


.actualite_h3	{
				display: list-item;
				height: 20px;
				font-size: 16px;
				font-family: Arial, Verdana, sans-serif;
				background-image: none;
				list-style: disc inside;
				margin-bottom: 8px;
				text-decoration: underline;
				}
				
h4	{
	height: 15px;
	font: bold 12px Arial,Verdana,sans-serif;
	background-image: none;
	list-style: disc inside;
	margin: 4px 0px;
	padding: 0px;
	padding-bottom:10px;
	/*text-decoration: underline;*/
	}
	
h4.titreActus {
	margin : 20px 0 4px 0;
	height:auto;
}

h4.titreActus a {				
color:#353795;
}

p.extraitActu {
width:490px;
}
				
#pagination {
margin:30px 0 20px 0;
text-align:center;
color:#000000;
font-size:12px;
}

#pagination span {
margin:0 5px 0 5px;
width:90px;
}
				
#pagination a {
text-decoration:none;
color:#000000;
font-weight:bold;
}			
#pagination a:hover {
text-decoration:underline overline;
}

p.retouActus {
clear:both;
margin:25px 0 0 0;
}
			
p.retouActus a {
text-transform:uppercase;
color:#000000;
text-decoration:none;
}

p.retouActus a:hover {
text-decoration:underline overline;
}		
				

.pdt, .pdt2 {
	width:320px;
	/*width:225px;*/
	display:block;
	position:relative;
	float:left;
}

.pdt h4, .pdt2 h4{
	/*width:200px;*/
	width:305px;
	border:1px solid #d6e3f0;
	background:#D6E3F0;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	display:block;
	padding:0;
	margin:0;
}

.pdt2 {
	width:225px;
}

.pdt2 h4{
	width:200px;
}