/*
 *   S T Y L E S   D E   B A S E   E T   P A R   D E F A U T
 *   -------------------------------------------------------
 *   (jeu de caractères : utf8)
 */

* {
	margin: 0;
	padding: 0;
	font-family: verdana;
	color: #3F3C49;
}

body {
	background-color: #c8d5e0;
	font-size: 11px;
}

ul {
	list-style-type: none;
}

a {
	/*color: #676c8f;*/
	color: #646464;
	text-decoration: none;
}

a:hover {
}

img {
	border: none;
}

/*
 *   S T R U C T U R E   &   P O S I T I O N N E M E N T S   B L O C S
 *   ------------------------------------------------------------------
 */

#wrap1 {
	position: relative;
	margin: 10px auto;
	padding-top: 6px;
	background: url(../images/container_top.gif) 0 0 no-repeat;
	width: 950px;
}

#wrap2 {
	position: relative;
	background: url(../images/container_bottom.gif) 0 bottom no-repeat;
	padding-bottom: 23px;
	width: 950px;
}

#wrap3 {
	background: url(../images/container_middle.gif) repeat-y;
}

#container {
	position: relative;
	margin: 0 auto;
	width: 900px;
}

#header {
	position: relative;
	width: 900px;
	height: 119px;
}

#contenu {
	position: relative;
	background-color: white;
	overflow: hidden; /* Pour cacher la zone gauche de padding */
	margin-bottom: 10px;
	width: 899px;
}

#footer {
	position: relative;
	width: 900px;
	height: 0;
	text-align: center;
}


#flags {
	position: absolute;
	width: 21px;
	top: 30px;
	right: 0;
	z-index: 10;
}

#flags li {
	margin: 5px 0;
}

#flags a img {
	filter: alpha(opacity=40); 
	-moz-opacity: 0.40; 
	opacity: 0.40; 
}

#flags span.on img, #flags a:hover img {
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0; 
}

#topmenu {
	position: relative;
	z-index: 10;
	height: 30px;
}


#left {
	float: left;
	width: 228px;
	margin: 15px 15px 0 15px;
}

#arbo {
	width: 198px; /* 198 + 2*15 = 228px */
}

#logo-rubrique {
	margin-top: 15px;
	height: 228px;
	width: 228px;
}

#left-pad {
	position: absolute;
	top: 468px;
	left: 15px;
	height: 400px;
	width: 228px;
	background-color: #E0E0E0;
}

#ariane {
	position: absolute;
	top: 15px;
	right: 15px;
}

#main {
	margin-top: 50px;
	margin-left: 245px;
}

#chapo {
	padding-left: 140px;
	padding-right: 100px;
}

#logo-article {
	float: left;
	margin: 2px;
	margin-left: -10px;
	width: 235px;
}

#texte {
	padding-left: 140px;
	padding-right: 100px;
	/* padding-bottom: 15px; */
}

#planisphere {
	position: relative;
	left: -130px;
	width: 625px;
	height: 405px;
}

#IFRpieuvre {
	position: relative;
	left: -130px;
	width: 625px;
	height: 405px;
}

#Gmap {
/*	position: absolute;  IE7 ?? */
	width: 625px;
	height: 405px;
	margin-left: -130px;
	margin-top: -15px;
	color: black;
}

img.pleine_page {
	margin-left: -130px;
}

#coordonnees {
	width: 175px;
	position: absolute;
	top: 60px;
	right: 50px;
}


#form_contact {
	margin-left: -60px;
	margin-right: 150px;
}

/*
 *   P R É S E N T A T I O N
 *   -----------------------
 */

/* 
 * Menu de gauche
 * --------------
 */
#arbo {
	height: 175px;
	padding: 10px 15px;
	background-color: #cacbcd;
}

#arbo h3 {
	font-family: arial;
	font-size: 13px;
	color: #555458;
}

#arbo li {
	padding-left: 15px;
	padding-top: 15px;
}

#arbo li li {
	padding-top: 0;
}


#arbo li a {
	font-weight: normal !important;
	padding-left: 15px;
	font-family: arial;
	font-size: 11px;
	color: #fff;
	background: #cacbcd url(../images/fleche-attente.gif) no-repeat;
}

#arbo li ul {
	display: none;
}

#arbo li:hover ul,
#arbo li.hover ul,
#arbo li.on ul {
	display: block;
	z-index: 10;

}

#arbo li a:hover, #arbo li a.on  {
	color: #ae111f;
}

#arbo li a.on  {
	background: url(../images/fleche-actif.gif) no-repeat;
}

#arbo li li a, #arbo li li a.on {
	background-image: none;
}

/* 
 * Fil d'ariane
 * ------------
 */

#ariane {
	font-family: arial;
	font-size: 8px;
	color: #89888b;
}

/* 
 * Texte
 * ------------
 */

#main {
	font-family: arial;
	font-size: 11px;
	line-height: 17px;
	color: #3F3C49;
}

#main a {
	color: #3F3C49;
}

#main a:hover {
	color: #AF111D;
}

#main i {
	font-weight: bold;
	font-style: normal;
}

#main h3 {
	margin-top: 15px;
	margin-bottom: 0;
	text-align: left;
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	color: #AF111D;
}

#main h3 a {
	color: #AF111D;
}

#main h4 {
	font-family: arial;
	font-size: 11px;
}

#main strong, #main strong a {
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	color: #AF111D;
}

#main strong a:hover {
	color: #741115;
}

#main ul {
	list-style-type: none;
	margin-left: 9px;
	margin-top: 0;
}

#texte li {
	background: transparent url(../images/puce.gif) no-repeat;
	background-position: 0 4px;
	padding-left: 10px;
}

li.plan {
	background-image: none !important;
	padding-left: 0 !important;
}

.actus .texte img {
	vertical-align: middle;
}

table.actus {
	clear: none !important;
	width: 500px;
}

table.actus td {
	vertical-align: top;
	padding-bottom: 15px;
}

table.actus td.texte {
	padding-left: 1em;
	padding-right: 20px;
	line-height: 15px;
	width: 300px !important;
}

table.actus td.texte h3 {
	margin-top: 0 !important;
	margin-left: -1em;
}

table.actus td.logo {
	width: 200px !important;
}

.blocs_titre {
	background: url(../images/plus_r.png) right no-repeat !important;
	clear: none !important;
}


/* 
 * Bas de page
 * ------------
 */
#footer {
	color: #89888b;
}

#footer a {
	font-size: 8px;
	color: #89888b;
}

#footer a:hover {
	color: white;
}


/*
 *   S T Y L E S   S P I P
 *   ---------------------
 */

.spip_bouton input{
	margin: auto;
}

.spip_surligne {
	color: black;
	background-color: #ff6;
	font-weight: bold;
}


.spip_documents_center {
	clear: none !important;
}


/*
 *   F O R M U L A I R E S
 *   ---------------------
 */

#adresse_ifr {
	margin-top: 10px;
}

.checkboxes {
	width: 320px;
}


.option {
	margin-left: 60px;
}


.form_row {
	padding: 3px;
}

.form_buttons {
	width: 320px;
	margin: 5px;
	text-align: center;
}

input.text, textarea, select {
	width: 320px;
}

input.text, textarea, select {
	font-family: arial;
	font-size: 11px;
	color: #414141;
	background-color: #c3c3c3;
	border: 1px solid #828282;
}


textarea {
	height: 100px;
}

.reponse_formulaire_erreur {
	background: url('../images/warning.gif') no-repeat 10px center;
	width: 280px;
	margin-left: -90px;
	margin-top: -60px;
	margin-bottom: 40px;
	padding: 1em;
	padding-left: 40px;
	color: red;
	text-align: center;
	border: 1px solid red;
}

.formulaire_ok {
	width: 280px;
	margin-left: -90px;
	margin-top: -50px;
	margin-bottom: 40px;
	padding: 1em;
	color: #414141;
	text-align: center;
	border: 1px solid #828282;
}

span.erreur {
	color: red;
}

.gauche {
	float: left;
	width: 40%;
}

.droite {
	float: left;
	width: 40%;
}

.radio {
 	float: left;
	width: 20px;
}



#Gmap {
	background: url(../images/googlemap.jpg) no-repeat;
	width: 625px;
	height: 405px;
}