/* site 8ISCPP */
/* dernière modification le 17/11/2009 */


/*  ------------------------------------------
/*  corps principal
/*  ------------------------------------------
*/

html {
	overflow-y: 		scroll;
}

body {
	background:			#C0DFFD;
}

#site {
	width:				900px;
	margin:				0px auto;
}

.logo {
	width:				209px;
	position:			absolute;
	left:				12px;
	top:				8px;
}

a  {
	color:				#FF6600;
	line-height:		16px;
	text-decoration:	none;
}
	
a:hover {
	background:			#ffffff;
	color:				#FF6600;
}

a .image {
	border:				none;
	color:				#ffffff;
	text-decoration:	none;
}

a:hover .image {
	background:			#ffffff;
}

/*  ------------------------------------------*/
/*  header                                    */
/*  ------------------------------------------*/

#header {
	position:			relative;
	width:				900px;
	margin:				0px;
	height:				203px;
	background-image:	url('images/header.png');
}

#header-text1  { 
	margin:				0;
	padding: 			20px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			24px;
	font-style: 		normal;
	font-weight: 		normal;
	text-decoration: 	none;
	text-align: 		right;
	line-height: 		30px;
	letter-spacing: 	.2em;
	color:				#CCFF99;
}

#header-text2  { 
	margin:				0;
	padding-left:		220px;
	text-decoration:	none;
	text-align:			left;
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			16px;
	font-style:			normal;
	font-weight:		600;
	letter-spacing:		.4em;
	color:				#FF9933;
	line-height:		22px;
}


/*  ------------------------------------------*/
/*  contents                                  */
/*  ------------------------------------------*/

#contents {
	clear:				left;
	width:				900px;
	background:			#E6F3FF;
}


/*  ------------------------------------------*/
/*  menu                                      */
/*  ------------------------------------------*/

#menu  {
	float:				left;
	width:				200px;
}

#navText {
	clear:				left;
	font:				11px Verdana, Arial, Helvetica, sans-serif;
	color:				#003366;
	height:				20px; 								/* forcé pour affichage IE */
	letter-spacing:		.08em;
	text-decoration:	none;
	border-bottom:		2px solid #C0DFFD;
}	

html>body #navText {						/* rétablissement pour affichage autres navigateurs */
	height: 			auto;
	min-height: 		20px;
} 


.link {
	font:				11px Verdana, Arial, Helvetica, sans-serif;
	color:				#003366;
	height:				34px;
	line-height:		30px;
	text-align:			left;
	text-decoration:	none;
}	

.actuel {
	height:				34px;
	font:				11px Verdana, Arial, Helvetica, sans-serif;
	color:				#003366;
	line-height:		30px;
	text-align:			right;
	text-decoration:	none;
}	

#navText a  {
	display:			block;
	font:				11px Verdana, Arial, Helvetica, sans-serif;
	color:				#003366;
	line-height:		16px;
	text-decoration:	none;
	padding:			8px 6px 10px 26px;
	background:			#E6F3FF url('images/mm_arrow.gif') 14px no-repeat;
}
	
#navText a:hover {
	background:			#ffffff url('images/mm_arrow.gif') 14px no-repeat;
	color:				#FF6600;
}


/*  ------------------------------------------*/
/*  text                                      */
/*  ------------------------------------------*/

#text {
	float: 				left;
	width: 				500px;
	background-color :	#C0DFFD;
}

H1 {
	padding: 			10px 20px 0px 20px;
	font: 				22px Verdana, Arial, Helvetica, sans-serif;
	color: 				#3366CC;
	line-height:		24px;
	letter-spacing:		.1em;
	text-align:			left;
}

H2 {
	padding: 			15px 20px 0px 20px ;
	color: 				#3366CC;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			16px;
	font-weight: 		bold;
	line-height: 		20px;
	letter-spacing:		.1em;
	text-align:			left;
}
	
p { 
	margin:				0;
	padding: 			5px 20px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		normal;
	color:				#003366;
	line-height: 		20px;
	text-align:			justify;
	text-decoration:	none;
}

ul { 
	margin:				0;
	padding: 			0px 20px 2px 40px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		normal;
	color:				#003366;
	line-height: 		20px;
	text-align:			justify;
	text-decoration:	none;
	list-style-type:	circle;
}

li { 
	margin:				0;
	padding: 			0px 0px 2px 8px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		normal;
	color:				#003366;
	line-height: 		20px;
	text-align:			justify;
	text-decoration:	none;
}

.normal { 
	margin:				0;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		normal;
	color:				#003366;
	line-height: 		20px;
	text-align:			justify;
	text-decoration:	none;
}

.bold { 
	margin:				0;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		bold;
	color:				#003366;
	text-align:			justify;
	text-decoration:	none;
}


/*  ------------------------------------------*/
/*  info                                      */
/*  ------------------------------------------*/

#info {
	float: 				left;
	width: 				200px;
}

#info-block1 {
	clear: 				left;
	min-height: 		20px;
	width: 				200px;
	border-bottom: 		2px solid #C0DFFD;
	background-color:	#E6F3FF;
}

#info-block2{
	clear: 				left;
	min-height: 		20px;
	width: 				200px;
	padding: 			10px 0px;
	border-bottom:		2px solid #C0DFFD;
	background-color:	#E6F3FF;
}

#info-block3 {
	clear:				left;
	min-height:			20px;
	width: 				200px;
	border-bottom:		2px solid #C0DFFD;
	background-color:	#E6F3FF;
}

#info-block4 {
	clear:				left;
	min-height:			20px;
	width:				200px;
	border-bottom:		2px solid #C0DFFD;
	background-color:	#E6F3FF;
}

#info-title {
	font:				11px Verdana, Arial, Helvetica, sans-serif;
	color:				#003366;
	line-height:		16px;
	letter-spacing:		.1em;
	text-decoration:	none;
	text-align:			left;
	display:			block;
	padding:			8px 6px 10px 26px;
	background:			url('images/mm_arrow.gif') 14px no-repeat;
}

#info-date { 
	margin:				0;
	padding: 			0px 14px ;
	text-decoration:	none;
	font-style: 		normal;
	font-weight: 		normal;
	font-size: 			10px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	color:				#003366;
	line-height: 		14px;
	text-align:			left;
}

#info-text { 
	margin:				0;
	padding:			0px 14px 6px 26px;
	text-decoration:	none;
	font-style: 		normal;
	font-weight: 		normal;
	font-size: 			11px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	color:				#003366;
	line-height: 		14px;
	text-align:			left;
}

.info-date { 
	margin:				0;
	padding: 			0px 5px ;
	text-decoration:	none;
	font-style: 		normal;
	font-weight: 		normal;
	font-size: 			10px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	color:				#003366;
	line-height: 		14px;
	text-align:			left;
}

.info-text { 
	margin:				0;
	padding: 			0px 5px ;
	text-decoration:	none;
	font-style: 		normal;
	font-weight: 		normal;
	font-size: 			10px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	color:				#003366;
	line-height: 		14px;
	text-align:			left;
}


/*  ------------------------------------------*/
/*  footer                                    */
/*  ------------------------------------------*/

#footer {
	clear:				left;
	width:				900px;
	height:				27px;
	background-image:	url('images/footer.png') ;
	font:				11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:		normal;
	color:				#003366;
	letter-spacing:		.1em;
	line-height:		24px;
	text-align:			center;
}


/*  ------------------------------------------
/*  formulaires
/*  ------------------------------------------
*/

fieldset {
	padding:			10px 10px;
	margin:				20px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		normal;
	color:				#003366;
	border:				1px solid #003366;
 }
 
legend {
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		bold;
 }

label {
	width:				140px;
	float:				left;
	text-align:			left;
	display:			block;
	font-weight:		normal;
}

.abstract input[type="text"] { 
	font-family:		Courier New,sans-serif; 
	font-size:			12px; 
	width:				392px;
} 

.abstract textarea {
	font-family:		Courier New,sans-serif; 
	font-size:			12px; 
	width:				392px;
} 

.abstract p {
	padding:			0px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		normal;
	color:				#003366;
	line-height: 		20px;
	text-align:			justify;
	text-decoration:	none;
}

.contact input { 
	font-family:		Courier New,sans-serif; 
	font-size:			12px;
} 

.contact textarea { 
	font-family:		Courier New,sans-serif; 
	font-size:			12px; 
	width:				450px;
} 

.warning {
	margin:				0;
	padding: 			5px 20px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		normal;
	color:				red;
	line-height: 		20px;
	text-align:			justify;
	text-decoration:	none;
}

warning {
	margin:				0px 20 px;
	padding: 			5px 20px;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		bold;
	color:				red;
	line-height: 		20px;
	text-align:			justify;
	text-decoration:	none;
}