/******************************************************************************/
/* DEFINITIONS GENERALES ******************************************************/
/******************************************************************************/
#bandeau_visuel {
	margin-top: 70px;
}
#titre_site {
	top: -70px;
}
#recherche {
	top: -55px;
}
#espace_reserve {
	top: -22px;
	z-index:15;
}
#espace_reserve #pop-up {
	top: 20px;
}



/******************************************************************************/
/* MISES EN FORME GENERALES ***************************************************/
/******************************************************************************/

/* Liens Tout lire (liste d actus, agenda, article... */


/* Blocs Informations : actualites, agenda, publicatios, liste de documents, liste de liens, liste de documents - Edition : articles, contenus libres, forum - Formulaire : sondages...*/

.bloc_infos h2, .bloc_edition h2, .bloc_formulaire h2 {
	padding: 0 20px 10px 0;
}
.bloc_infos h2 a img, .bloc_edition h2 a img, .bloc_formulaire h2 a img {
	margin-right: 10px;
}
#colonne_gauche .bloc_infos .titre {
	padding-left: 28px; 
}
#colonne_gauche .bloc_infos p {
	margin-left: 28px;
	margin-right: 15px;
}
#colonne_gauche .bloc_infos .item_infos img {
	margin-left: 28px;
}


/* Boutons simple site */
div.bouton_formulaire {
	height: 50px;
}
.bouton_simple {
	margin-left: 8px;
}






/******************************************************************************/
/* En-TETE PAGE ***************************************************************/
/******************************************************************************/


/******************************************************************************/
/* Visuel bandeau *************************************************************/
/******************************************************************************/
#bandeau_visuel {
	height: 330px;
}




/******************************************************************************/
/* NAVIGATION GENERALE ********************************************************/
/******************************************************************************/
#navigation {
	top: -20px;
	z-index: 2000;
}
/* Premier niveau navigation*/

/* Coins gauche et droite de la barre*/


/* Second niveau navigation*/



/******************************************************************************/
/* Texte de presentation ********************************************************/
/******************************************************************************/
#presentation {
	padding: 0 30px 30px 30px;
	width: 625px;
	position: relative;
}


/******************************************************************************/
/* CONTENUS DE LA PAGE - 3 COLONNES *******************************************/
/******************************************************************************/

#contenu_page {
	padding-bottom: 0;
	position: relative;
	margin-top: -30px;
	padding-top: 30px;
}
#contenu_accueil {
	width: 980px;
}


/******************************************************************************/
/* CONTENUS EN MARGE GAUCHE ***************************************************/
/******************************************************************************/
#colonne_gauche {
	width: 360px;
	margin: 0 25px 0 0;
}
#colonne_gauche h2 {
	padding: 5px 5px 10px 5px;
}
#colonne_gauche h2 img {
	margin-right: 10px;
}



/******************************************************************************/
/* CONTENUS COLONNE CENTRALE **************************************************/
/******************************************************************************/
/* Mise en forme contenu de la page */
#contenus_textes_page {
	width: 270px;
}


/* Mise en forme contenu de la zone editoriale */


/*Mise en forme boutons dans le contenu de l'article*/


/* Mise en forme mosaique images */


/*Mise en forme tableaux */
/*Mise en forme tableaux */


/* Mise en forme contenus Div Zone éditoriale */


/******************************************************************************/
/* CONTENUS EN MARGE DROITE ET REMONTÉE INFOS EN BAS DE LA PAGE  **************/
/******************************************************************************/

#colonne_droite {
	width: 250px;
	margin: 200px 17px 0 0;
}
#colonne_droite h2 {
	padding-top: 25px;
	padding-left: 1px;
}
#colonne_droite #newsletter .champ {
	margin: 5px 0 0 2px;
	width: 205px;
}
#colonne_droite .bloc_infos p {
	margin-left: 0;
}
#colonne_droite .bloc_infos .item_infos {
	margin-left: 10px;
}
#colonne_droite .bloc_infos p .tout_lire {
	margin-left: 10px;
}
#colonne_droite .bloc_formulaire {
	margin-bottom: 15px
}
#colonne_droite .bloc_formulaire .item_formulaire {
	padding-top: 0;
	padding-bottom: 15px;
}

#colonne_droite  .bouton {
	margin: 0 0 20px -5px;
}
#colonne_droite  .bouton a {
	width: 205px;
}


/******************************************************************************/
/* REMONTÉE INFOS EN BAS DE LA PAGE *******************************************/
/******************************************************************************/

/* Encadré bas de page */





/******************************************************************************/
/* NAVIGATION CONTEXTUELLE DANS LA PAGE, COLONNE GAUCHE ***********************/
/******************************************************************************/

/* Premier niveau navigation*/

/* Second niveau navigation*/


/******************************************************************************/
/* PIED DE PAGE ***************************************************************/
/******************************************************************************/





/******************************************************************************/
/* LOGOS EN PIED DE PAGE ******************************************************/
/******************************************************************************/





/******************************************************************************/
/* VISUEL BANDEAU IMAGES BAS DE PAGES  ****************************************/
/******************************************************************************/




/******************************************************************************/
/* OUTILS SITE (Recherche / Newsletter)  **************************************/
/******************************************************************************/
/* Newsletter */

/* Recherche*/
#recherche {
	right: 280px;
}

/* Espace reserve */
#espace_reserve {
	right: 280px;
}