/* -------------------------------------------- */
/* ---------- style_general.css ---------- */
/* -------------------------------------------- */


/* Cette règle s'applique à toutes les balises , on supprime toutes les marges externes et internes initiales */
* { margin: 0; padding: 0; }
/* Style général du site */
body {
	font-family: Arial, sans-serif;
	color: #334aa0;	/* Bleu TPT */
}
/* Les images qui renvoient sur une page n'ont plus de bordure */
a img { border:none;}


/* ----- @Class : gras ----- */
/*  Les éléments de cette classe ont un style de police normal (non italique) et sont mis en gras */
.gras { font-style: normal; font-weight: bold;}


/* ----- @Class : liens ------ */
/* Les éléments de cette classe n'ont pas de trait soulignant le lien, et apparaissent en rouge TPT */
.liens { text-decoration: none; color: #e51e25;}
/* Souligne le lien lors du survol ou du focus */
.liens:hover, .liens:focus { text-decoration: underline;}


/* ----- @Class : liens_ref ------ */
/* Les éléments de cette classe n'ont pas de trait soulignant le lien, et apparaissent en rouge TPT */
.liens_ref { text-decoration: none; color: #b0b0b0;}


#general_top {
	width: 1048px;
	margin: 0.5em auto 0;	
	padding-top: 25px;
	background: url(../images/back_contenu_haut.png) no-repeat top left;
} 
#general_content {
	margin: 1px auto;
	background: url(../images/back_contenu_centre.png) no-repeat top left;
}
#general_bottom {
	height: 37px;
	margin: -1px 0 0.5em 0;
	background: url(../images/back_contenu_bas.png) no-repeat top left;
}


/* ----- @Id : header ----- */
/* Conteneur qui englobe toute la bannière de la page (logo, pub, etc...) */
/* Taille du conteneur, marges externes, fond */
#header {
	position: relative;
	width: 1016px;
	height: 126px;
	margin: 0 0 0 1em;
	background: url(../images/titre_background.png) top left no-repeat;
}
/* Style du logo du site */
#header #logo { float: left;	margin: 1.3em 0 0 1em;}
/* Style de la pub à droite du logo */
#header #pub_haut {
	position: absolute;
	top: 1.7em;
	right: 3.5em;
}
/* Titre dans la bannière */
#header #subtitle {
	clear: left;
	float: left;
	margin: 6px 0 0 310px;
}


/* ----- @Id : menu ----- */
/* Menu du site : horizontal  */
/* Taille du menu, marges externes, suppression des puces, fond */
#menu {
	list-style-type: none;
	width: 1016px;
	height: 58px;
	margin: 0 0 0 1em;	
	background: url(../images/fond_menu.png) top left no-repeat;
}
/* Positionnement des éléments du menu */
#menu li { float: left;}
/* Tailles des différents boutons du menu */
#accueil_menu {width: 170px;}#partenaires_menu {width: 138px;}#services_menu {width: 119px;}#projets_menu {width: 142px;}#aproposde_menu {	width: 200px;}#suggestions_menu {width: 247px;}


/* ----- @Class : frame_top ----- */
/* Chapeau qui englobe le cadre */
/* Taille du chapeau, marges externes et internes, fond */
.frame_top {	
	width: 860px;
	padding-top: 10px;
	margin: 0 auto 3em; 
	background: url(../images/cadre_haut.png) top left no-repeat;	
}


/* ----- @Class : frame_content ----- */
/* Contenu du cadre */
/* Marges internes, fond */
.frame_content {	padding: 0 15px 15px; background: url(../images/cadre_contenu2.png) bottom left no-repeat;}
/* Style du paragraphe et marges externes */
.frame_content p { text-align: justify; margin: 10px 0 0;}


/* ----- @Id : search_form ----- */
/* Formaulaire pour la barre de recherche */
/* Positionnement relatif, taille, marges externes, fond */
#search_form {
	display: none;	/* pour le moment on cache la barre de recherche */
	position: relative;
	width: 25.5em;
	height: 1.5em;
	margin: 1em auto;
}
/* Styles de l'image "recherche par mot-clé" */
#search_field img {
	position: absolute;
	top: 2px;
	left: 0;
}
/* Styles du champ de saisie */
#search_field input {
	position: absolute;
	top: 2px;
	left: 15.2em;
}
/* /* Styles de l'image du bouton à côté du champ de saisie */
#search_image {
	position: absolute;
	right: 0;
	width: 2.8em;
}


/* ----- @Id : google_ad ----- */
#google_ad {
	width: 728px;
	clear: both;
	margin: 2em auto;
}


/* ----- @Id : menu_bottom ----- */
/* Menu de rappel en bas de la page */
/* Taille, marges externes, fond, etc... */
#menu_bottom {
	clear: both;
	width: 1045px;
	height: 47px;
	margin-left: 1em;
	list-style-type: none;
	background: url(../images/fond_menu_basdepage.png) top left no-repeat;
}
/* Positionnement des éléments du menu */
#menu_bottom li { float: left;}
/* Tailles des différents boutons du menu */
#accueil_menu_bottom {width: 167px;}#partenaires_menu_bottom {width: 140px;}#services_menu_bottom {width: 119px;}#projets_menu_bottom {width: 143px;}#aproposde_menu_bottom {width: 199px;}#suggestions_menu_bottom{width: 247px;}


/* ----- @Id : menu_more ----- */
/* Pages FAQ, Plan du site */
#menu_more{
	width: 600px;
	margin: 1em auto;
	list-style-type: none;
}
#menu_more li { 
	float: left;
	margin: 0 3em 1em 0;
	text-align: center;
}
#menu_more li a {
	color: #334aa0;
	font-weight: bold;
	font-size: 80%;
}
#menu_more #lien1 { margin-left: 6em;} 	/* Décale le 1er bouton de 6em à droite */


/* ----- @Id : liens_partenaires----- */
/* Liens partenaires */
#liens_partenaires {
	display: none;
	clear: left;
	margin-left: 2em;
	font-size: 80%;
}


/* ----- @Id : referencement ----- */
/* Paragraphe de référencement */
/* Police, marges externes et internes */
#referencement {
	clear: left;
	color: #b0b0b0;	/* Gris clair */
	font-size: 55%;
	text-align: justify;
	margin: 1em 3em 0;
	padding-bottom: 2em;
}


/* ----- @Id : w3c_valid ----- */
/* Icônes de pour la validation W3C */
#w3c_valid {
	width: 210px;
	height: 50px;
	margin: 0 auto;
}
#w3c_valid #w3_xhtml {
	float: left;
	margin-right: 2em;
}
#w3c_valid #w3_css {
	float: left;
}


/* ----- @Id : footer ----- */
/* Peid de page */
/* Marges externes */
#footer { margin: -2px 0 0 14em;}