@charset "UTF-8";


<!--
/** Generic **/

body,td,th, p {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #02172f;
}
body {
	background-image: url(../images/background_image.gif);
	background-color: #558fce;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

a:link.back, a:visited.back {
	text-decoration: underline;
	color: red;
	}
	
a:hover.back {
	text-decoration: none;
	color: red;
	}
	
a:link, a:visited {
	text-decoration: none;
	color: #327ccd;
}
a:hover {
	text-decoration: underline;
	color: #327ccd;
}


a:link.standard, a:visited.standard {
	text-decoration: underline;
	color:#02172f;
	
}
a:hover.standard {
	text-decoration: none;
	color:#02172f;
	
}

h1, .s_titre { 
	 font-size: 16px;
	 font-weight: bold;
}
h1 a:link, h1 a:visited { 
	background-color: #4d92dd;
	border: 1px solid #1d62ad;
	padding: 0px 4px 0px 4px;
	color: #fff;
	text-decoration: none;
}
h1 a:hover {
	background-color: #1d62ad;
	border: 1px solid #4d92dd;
	color: #fff;
	text-decoration: none;
}

input  { 
	 color: #333333;
	 border: 2px #558fce solid; 
	 font-size: 12px;
	 font-family: Arial, Helvetica, sans-serif; 
	 background-color: #ffffff;
}


input.standard  { 
	 border: 1px solid #1d62ad;
	 font-size: 12px;
	 font-family: Arial, Helvetica, sans-serif; 
	 background-color: #ffffff;
}


input.boutton  { 
	background-color: #4d92dd;
	border: 1px solid #1d62ad;
	padding: 1px 4px 1px 4px;
	color: #fff;
}

A:link.boutton, A:visited.boutton  { 
	background-color: #4d92dd;
	border: 1px solid #1d62ad;
	padding: 1px 4px 1px 4px;
	color: #fff;
}

A:hover.boutton  { 
	background-color: #3C76B2;
	border: 1px solid #1d62ad;
	padding: 1px 4px 1px 4px;
	color: #fff;
	text-decoration: none;
}

A:link.browser, A:visited.browser  { 
	text-decoration: underline;
	color: #FF0000;
}

A:hover.browser  { 
	color: #000000;
	text-decoration: none;
}


A:link.pupil, A:visited.pupil  { 
	color: #02172f;
	text-decoration: none;
}

A:hover.pupil  { 
	color: red;
	text-decoration: none;
}

.clearfloat {
	clear:both;
}

.tableau_marges {
	padding: 10px 25px 10px 20px;
	}

.cadre_bleu {
border: 1px dotted #02172f;
}

.fond_bleu {
background-color:#cfe4fe;
border: 0px solid #1d62ad;
}

/** Main Structure **/
#container {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	height:100%;
}

#toplinks {
	height: 12px;
	width: 930px;
	z-index: 100;
	margin: 0 auto;
	text-align: right;
	font-size: 11px;
	padding-top: 5px;
	color: #ccdcee;
}
#toplinks a:link, #toplinks a:visited {
	color: #ccdcee;
	text-decoration: underline;
}
#toplinks a:hover {
	color: #ccdcee;
	text-decoration: none;
}

#header {
	background-image: url(../images/header-bkg.gif);
	height: 70px;
	width: 960px;
	z-index: 100;
	margin: 0 auto;
	text-align: right;
}
#title {
	height: 30px;
	width: 960px;
	z-index: 100;
	margin: 0 auto;
	text-align: left;
}
#mainarea-top {
	height: 10px;
	width: 960px;
	z-index: 100;
	margin: 0 auto;
}

#mainarea-middle {
	background-image: url(../images/main-bkg.gif);
	width: 930px;
	z-index: 100;
	margin: 0 auto;
	text-align: left;
	padding: 10px;
	line-height:20px;
}
#footer {
	background-image: url(../images/footer-bkg.gif);
	height: 31px;
	width: 960px;
	z-index: 100;
	margin: 0 auto;
	text-align: center;
	padding-top: 9px;
	font-size: 9px;
	color: #2e4f72;
}
#footer a:link, #footer a:visited {
	color: #2e4f72;
}



/** Secondary Structure **/
#headerlogo {
	float: left;
	width: 170px;
	height: 70px;
}
#headerlinks {
	float: right;
	width: 165px;
	height: 42px;
	background-image: url(../images/header-button-bkg.gif);
	padding: 28px 30px 0px 0px;
	font-size: 11px;
	color: #fff;
}
#headerlinks a:link, #headerlinks a:visited {
	color: #fff;
	text-decoration: none;
}
#headerlinks a:hover {
	color: #fff;
	text-decoration: underline;
}

#titleimage {
	float: left;
	height: 30px;
}
#titletext {
	font-family: Lucida Grande, Verdana, Geneva, sans-serif;
	height: 26px;
	padding-top: 4px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	
}



.consigne {
	font-family: Lucida Grande, Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-style: italic;
	padding: 15px 0px;
}

.main_fiche {
	font-family: Lucida Grande, Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 35px;
}

@media print {
INPUT, SELECT,#toplinks, #header, #title, #mainarea-top {display:none}
.noprint {display:none}

#footer {
color:#000000;
}

}
-->


