/*CSS*/
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: .7em;
	color: #89949c;
	/*color: #707070;*/
	/*line-height: 1em*/;
	letter-spacing: 0;
	background: #d2e9fc url(/images/fond.jpg) repeat-x;
}

html {
	font-size: 100%;
}

a img {
	border: 0;
}

form, p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 10px 0 0 16px;
	list-style-type: disc;
} 

li {
	margin: 0;
	padding: 4px 0 0 0;
}

input, select, textarea {
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #89949c;
	background-color: #fff;
	border: 1px solid #89949c;
}

input {

}

textarea {

}

#valider {
	color: #89949c;
	background-color: #fff;
	width: 18px;
	height: 16px;
	border: 1px solid #89949c;
}

#envoyer {
	color: #fff;
	background-color: #0062a6;
	width: 90px;
	height: 18px;
	border: 1px solid #003f6b;
}

.clear {
	clear: both;
}

/* typographies */

.txt-bl {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	text-align: justify;
	/*line-height: 1.1em;*/
	color: #1d7ec0;
}

.txt-blg {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: justify;
	/*line-height: 1.1em;*/
	color: #1d7ec0;
}

.txt {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	text-align: justify;
	/*line-height: 1.1em;*/
	color: #89949c;
}

.txtsl {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	/*line-height: 1.1em;*/
	color: #1d7ec0;
}

.titr-bl {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: justify;
	/*line-height: 1.1em;*/
	color: #1d7ec0;
}

.lien {
	color: #1d7ec0;
}

.lien a , .lien a:hover {
	color: #1d7ec0;
}

.ecart {
	padding: 22px 16px 16px 16px;
}

/* conteneur */

#conteneur {
	position: relative;
	margin: 0 auto;
	width: 978px;
}

/* contenu header */

#header {
	width: 978px;
	height: 230px;
	background: #d2e9fc url(/images/header-fond.jpg);
}

.header_logo {
	padding: 8px;
	float: left;
	width: 444px;
}

.header_menu {
	padding: 8px;
	float: left;
	width: 179px;
}

.header_langue {
	padding: 8px;
	float: left;
	text-align: right;
}

/* contenu première ligne */

#haut {
	width: 978px;
	height: 500px;
}

#haut2 {
	width: 978px;
	height: 600px;
}

#haut3 {
	width: 978px;
	height: 100%;
}

#haut4 {
	width: 978px;
}

.groupe {
	margin: 0;
	padding: 0;
	float: left;
	width: 322px;
	height: 162px;
	background: url(/images/comm_fond.gif) no-repeat;
	color: #fff;
}

.photo {
	margin: 0;
	padding: 0;
	float: left;
	width: 322px;
}

.vignette {
	padding:1px;
	margin-right:4px;
	background:white;
	border:1px solid #467391;
}

.rouge {
	font-weight: bold;
	color: #FF7F00;
	font-size: 11px;
}

.communication {
	margin: 0;
	padding: 0;
	float: left;
	width: 322px;
	height: 162px;
	background: url(/images/comm_fond.gif) no-repeat;
	color: #fff;
}

.boiteaoutils {
	margin: 0;
	padding: 0;
	float: left;
	width: 322px;
	height: 162px;
	background: url(/images/outils_fond.gif) no-repeat;
}

.communication a, .communication a:hover {
	color: #fff;
}

.clear {
	clear: both;
}

/* contenu deuxième ligne */

.animation {
	margin: 0;
	padding: 0;
	float: left;
	width: 645px;
	height: 488px;
}

.smenu {
	margin: 0;
	padding: 0;
	float: left;
	width: 162px;
	height: 324px;
	background: url(/images/ssmenu_fond.gif) no-repeat;
}

.centre {
	margin: 0;
	padding: 0;
	float: left;
	width: 483px;
	height: 324px;
	background: url(/images/texte_fond.gif) no-repeat;
}

.centre2 {
	margin: 0;
	padding: 0;
	float: left;
	width: 483px;
	height: 430px;
	background: url(/images/texte_fond2.gif) no-repeat;
}

.centre3 {
	margin: 0;
	padding: 0;
	float: left;
	width: 646px;
	height: 990px;
	background: url(/images/texte_fond3.gif) no-repeat;
}

.centre-h {
	background: url(/images/blanc-haut.gif) no-repeat;
	width: 643px;
	height:19px;
}

.centre-b {
	background: url(/images/blanc-bas.gif) no-repeat;
	margin-bottom:40px;
	float:left;
	width: 643px;
	height:19px;
}

.centre4 {
	margin: 0;
	padding: 0;
	float: left;
	width: 611px;
	background-color:#FFFFFF;
	padding: 0 16px 0 16px;
}

.centre-h2 {
	background: url(/images/blanc-haut2.gif) no-repeat;
	margin-left:162px;
	margin-right:322px;
	width: 483px;
	height:19px;
	margin-bottom:-1px;
}

.centre-b2 {
	background: url(/images/blanc-bas2.gif) no-repeat;
	margin-left:165px;
	margin-right:322px;
	width: 483px;
	height:19px;
}

.centre5 {
	margin-left:163px;
	margin-right:322px;
	width: 450px;
	background-color:#FFFFFF;
	padding: 0 16px 0 16px;
}


.contact {
	margin: 0;
	padding: 0;
	float: right;
	width: 322px;
	height: 162px;
	color: #197bbe;
}


.institutionnel {
	padding-top: 12px;
}

/* pied de page */

#footer  {
	clear:both;
	width: 978px;
	color: #197bbe;
	margin-top: 20px;
}

#footer  a {
	color: #197bbe;
}

.footer_gc {
	padding: 0;
	height: 18px;
	float: left;
}

.footer_dt {
	padding: 0;
	height: 18px;
	float: right;
}

.mentions {
	padding: 0;
	float: left;
	width: 978px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #197bbe;
	text-align: center;
}

/*FIN*/