/*==========================================

- Auteur : Agence Soon (Tim)
- Description: CSS global, contient la structure du
gabarit et la mise en page des blocs de contenu.

== STRUCTURE : ==============================

- Largeur de page minimum : 915 px

== CONCEPTION : ==============================

Les attributs gnraux sont dfinis ds le dpart.
Ensuite vient la structure gnrale du site :
header, menu, content, footer.

Pour le contenu lui-mme, il y a une classe "bloc"
qui dfinit un bloc de base. Ensuite, chaque div de
classe "bloc" a un ID qui dfinit des paramtres
supplmentaires (par exemple, le div en class "bloc" et
d'"actualits" est en float left). Cela permet d'avoir
un bloc gnrique (facilement modifiable) dclin en
fonction des besoins. Economie de code, de poids, de
calculs, d'organisation. Et modularit.

============================================*/


/* GENERAL
============================================================*/
* {
	line-height:1.5em;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	padding:0;
	margin:0 0 10px 0;
	background:url(images/header_x.jpg) top center repeat-x;
	color:#424242;
}

h1 {
	padding:10px 0 15px 15px;
	margin:0;
	font-size:24px;
	color:#208ccf;
	font-weight:400;
	text-transform:none;
	line-height:1.2em;
}

h2 {
	padding:15px 0 12px 5px;
	margin:0;
	font-size:14px;
	color:#208ccf;
	font-weight:800;
	text-transform:none;
	line-height:1.2em;
}

h3 {
	padding:5px 0 5px 18px;
	margin:0;
	font-size:12px;
	font-weight:800;
	text-transform:none;
	line-height:1.2em;
}

a {
	text-decoration:none;
	color:#333;
}

a:hover { text-decoration:underline; }

img {
	border:0;
	text-decoration:none;
}

/*
ul {
	padding:0;
	margin:0;
}

li {
	padding:0;
	margin:0;
}
*/

hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: 0;
	width: 90%;
	align: center;
}
p {
	padding:7px 30px;
	margin:0;
	text-align:justify;
}

/*==========	S	T	R	U	C	T	U	R	E	========================
Tout le CSS qui dfinit l'apparence gnrale du site (header, menu, content, footer)
============================================================================*/

/* HEADER
Le header, son champs de recherche et le lien cliquable.
============================================================*/
#header {
	position:relative;
	background:url(images/header.png) top center no-repeat;
	width:915px;
	height:145px;
	margin:auto;
	z-index:2;
}

#header2 {
	position:relative;
	background:url(images/header_2.png) top center no-repeat;
	width:915px;
	height:145px;
	margin:auto;
	z-index:2;
}

#header .recherche {
	position:absolute;
	left:auto;
	right:10px;
	top:30px;
}

#header .recherche .input_recherche {
	border:solid 1px #690;
	height:15px;
	padding:2px 4px 1px 4px;
	margin:0;
	width:156px;
}

#header .recherche .input_ok {
	border:solid 1px #509303;
	background:#a3ce65;
	height:20px;
	padding:0 2px;
	margin:0;
	width:25px;
}

#header .email {
	position:absolute;
	display:block;
	left:612px;
	top:117px;
}

#header .accueil {
	position:absolute;
	display:block;
	height:20px;
	width:70px;
	left:730px;
	top:117px;
}

#header .anglais {
	position:absolute;
	display:block;
	height:20px;
	width:20px;
	left:848px;
	top:117px;
}

#header img { display:block; }

/* MENU
Le menu et ses sous-menus
============================================================*/

#menu {
	height:42px;
	margin:auto;
	width:915px;
}

#menu img {
	margin:0;
	padding:0;
}

#menu a { cursor:default; }

.bloc_sous_menu {
	position:absolute;
	top:187px;
	background:#67aed9;
	padding:0 0 0px 0;
	color:#FFFFFF;
	text-align:left;
	visibility:hidden;
}

.bloc_sous_menu a {
	color:#FFFFFF;
	display:block;
	padding:5px 3px 5px 8px;
	background:url(images/submenu_separation.png) bottom left no-repeat;
}

.bloc_sous_menu a:hover {
	text-decoration:none;
	background:#FFF url(images/submenu_separation.png) bottom left no-repeat;
	color:#0076bf;
}

#menu_connaitre { width:170px; }

#menu_membres {
	width:155px;
	left:170px;
}

#menu_prix {
	width:168px;
	left:325px; /* 170 + 155 */
}

#menu_documenter {
	width:156px;
	left:493px; /* 170 + 155 + 168 */
}

#menu_seances {
	width:114px;
	left:649px; /* 170 + 155 + 168 + 156 */
}

#menu_publications {
	width:152px;
	left:763px; /* 170 + 155 + 168 + 156 + 114 */
}

/* CONTENT
La structure principale du bloc contenu
============================================================*/
#content {
	width:915px;
	margin:auto;
	padding:0 12px 0 13px;
	background:url(images/body_background.png) repeat-y bottom center;
}

#main_photo {
	display:block;
	margin:0 0 10px 0;
}

.suite { /* "lire la suite" ou "voir la sance" soulign en vert avec un flche */
	position:relative;
	display:block;
	margin:6px 0 0 0;
	border-bottom:solid 1px #61a500;
	text-align:right;
}

.suite a, .suite a:link, .suite a:visited {
	color:#406500;
	padding:2px 3px 2px 10px;
}

.suite a:hover { color:#669900; }

.suite img {
	padding:0 5px;
	vertical-align:baseline;
}

/* FOOTER
La structure principale du bloc contenu
============================================================*/

#footer {
	position:relative;
	width:895px; /* 915 px moins les paddings */
	height:20px; /* 24 px moins les paddings */
	margin:0px auto 0 auto;
	padding:6px 10px 0 10px;
	background:#208ccf;
	color:#FFFFFF;
	border-bottom:solid 5px #86d129;
	font-size:11px;
}

#footerContent {
	background:url(images/body_background.png) repeat-y bottom center;
	margin:0px auto 0 auto;
	padding:6px 9px 0 10px;
	width:915px;*/
}

#footer a { color:#FFFFFF; }

#footer .contact { float:right; }

/*==========	S	P	E	C	I	F	I	Q	U	E	====================
Tout le CSS li aux pages en elles-mme
============================================================================*/



/* BLOCS
Le site est dcoup en blocs gnriques (dfinis dans une classe), qui sont spcifis par un ID (ce qui permet de les distinguer).
============================================================*/

#ariane {
	clear:both;
	color:#0076bf;
	padding:10px 0 15px 15px;
}

#ariane a, #ariane a:link, .ariane a:active, .ariane a:visited {
	color:#0076bf;
	text-decoration:none;
}
#ariane a:hover {
	text-decoration:underline;
}

.bloc_nu_wrapper { padding:0 0 10px 0; }

.bloc_nu { padding:10px; }

.table_matiere { 
	padding:0 0 0 10px;
}

.bloc {
	background:url(images/bloc_background.png) repeat-x bottom;
	border:solid 1px #e6e6e6;
	padding:5px 8px;
	margin:0 10px 10px 10px;
}

#bloc_home_infos_seance {
	width:290px;
	float:left;
	display:inline;
	margin:6px 10px 10px 10px;
}

#bloc_home_infos_seance h1 {
	padding:10px 0 10px 0;
}

#bloc_home_phototheque{
	width:290px;
	float:left;
	display:inline;
	clear:both;
}

#bloc_home_phototheque h1{
	padding:10px 0 10px 0;
}

#bloc_home_aeha{
	width:290px;
	float:left;
	display:inline;
	clear:both;
}

#bloc_home_aeha h1{
	padding:10px 0 10px 0;
}

#bloc_home_actualites {
	width:290px;
	float:left;
	clear:both;
	display:inline;
}

#bloc_home_actualites h1 {
	padding:20px 0 10px 0;
}

#bloc_home_actualites ul {
	margin:0;
	padding:0;
}
#bloc_home_actualites li {
	list-style:none;
	background:url(images/puce_carre.png) 4px 16px no-repeat;
	padding:10px 15px;
	text-align:justify;
}


#bloc_home_informations { margin-left:320px; }
#bloc_home_informations h1 { padding:5px 0 10px 0; }

#bloc_home_presse { margin:5px 0 0 320px; }
#bloc_home_presse h1 {	padding:5px 0 10px 0; }
#bloc_home_presse .photo { margin:0 15px 0 0; }

#bloc_home_manif{ margin:5px 0 0 320px;  }
#bloc_home_manif h1 { padding:5px 0 10px 0; }
#bloc_home_manif .photo { margin:0 15px 0 0; }


.listing_cell_membres {
	float:left;
	width:370px; /* 440 px */
	background:url(images/listing_separation.png) bottom center no-repeat;
	padding:11px 20px 9px 50px;
	color:#666;
	font-weight:800;
}

.listing_cell_membres a {
	display:block;
	position:absolute;
	margin:-11px 0 0 260px;
	color:#61a500;
	padding:11px 20px 8px 20px;
}

.listing_cell_ouvrages {
	background:url(images/listing_ouvrages.png) bottom left no-repeat;
	margin:0 0px 15px 30px;
	
}

.listing_cell_ouvrages .intitule {
	text-align:right;
	color:#666666;
	padding:0 20px 5px 0;
	width:150px;
}

.listing_cell_ouvrages .titre {
	text-align:left;
	color:#7c9710;
	text-transform:uppercase;
	font-weight:800;
	padding:0 0 5px 0;
}

.listing_cell_ouvrages .info {
	font-weight:800;
	padding:0 0 5px 0;
}

#bloc_membre_consultation table {
	width:440px;
	float:left;
	font-weight:800;
}

#bloc_membre_consultation td {
	background:url(images/consultation_separation.png) bottom center no-repeat;
	padding:6px 0 6px 40px;
}

#bloc_membre_consultation .cell_short {
	background:url(images/consultation_separation_short.png) bottom center no-repeat;
	padding:6px 0 6px 0px;
}

#bloc_membre_consultation .cell_photo {
	padding:0 0 0 40px;
	text-align:center;
	background:none;
}

#bloc_membre_consultation .photo { border:solid 1px #CCCCCC; }

#bloc_membre_consultation .nom {
	font-size:18px;
	color:#208ccf;
	font-weight:800;
	background:none;
	padding:0;
}

#bloc_membre_consultation .coordonnees {
	font-size:18px;
	color:#208ccf;
	font-weight:800;
	background:none;
	line-height:1.3em;
}

#bloc_membre_consultation .intitule {
	color:#666666;
	font-weight:400;
	line-height:1em;
}

#bloc_recherche_formulaire {
	width:400px;
	float:left;
	padding:0;
}

#bloc_recherche_formulaire label {
	display:block;
	width:100px;
	text-align:left;
	padding:7px 0 7px 50px;
	margin:0;
}

#bloc_recherche_formulaire input, #bloc_recherche select {
	width:200px;
	margin:0;
}

#bloc_recherche_resultats {
	width:440px;
	float:left;
}

.bloc_manifestation {
	width:900px;
	text-align:justify;
	clear:both;
}

.bloc_manifestation .date {
	color:#208ccf;
	font-size:16px;
	padding:15px 0 0 15px;
}

.bloc_manifestation .texte { padding:0 0 0px 15px; }

.bloc_manifestation .liens {
	width:140px;
	padding:0 100px 15px 50px;
}

.bloc_manifestation .liens a {
	display:block;
	color:#61a500;
}

.bloc_manifestation .liens img {
	vertical-align:top;
	margin:0px 5px 0 0;
}

#alphabet { padding-bottom:10px; }

#alphabet a { padding:5px; }

#alphabet a:hover {
	background:#61a500;
	color:#fff;
	text-decoration:none;
}

#seances_listing a { display:block; }

#seances_listing a:hover {
	color:#0076bf;
	text-decoration:none;
}

#seances_listing .date {
	color:#7c9710;
	padding:0 10px;
}

.bloc_seance_intro {
	text-align:left;
	width:90%;
	padding:10px 10px 10px 0;
}

.bloc_seance_contenu {
	background:#EEE;
	width:90%;
	margin:0px auto;
}

.bloc_seance_contenu td { padding:10px; }

.bloc_seance_contenu a { display:block; }

.bloc_seance_conclusion {
	text-align:left;
	padding:10px 10px 10px 0;
	width:90%;
}

/* COULEURS
============================================================*/
.color_rose { color:#ec4863; }

.color_vert { color:#7c9710; }

.color_bleu { color:#0076bf; }

/* AUTRES
============================================================*/
.float_fix {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}


.puce_carre {
	width:10px;
	height:10px;
	background:url(images/puce_carre.png) center center no-repeat;
	float:left;
}

.puce_carre_bleu {
	width:10px;
	height:10px;
	background:url(images/puce_carre.png) center center no-repeat;
	float:left;
}

/* Composants
=============================================================*/

.p-img-gauche img {
	float:left;
	margin:0 10px 10px 0;
}

.p-img-droite img {
	float:right;
	margin:0 0 10px 10px;
}
.p-img img {
	display:block;
	margin:0 auto 10px auto;
}
.p-img-haut img {
	display:block;
	margin:10px auto;
}
p-only {
}
img-only img {
	display:block;
	margin:0 auto 10px auto;
}
.pdf_cell {
	width:150px;
}
#sitemap ul {
	color:#FF0000;
	padding:0;
	margin:0;
}
#sitemap ul ul {
	list-style-type:square;
	font-weight:800;
	color:#0076bf;
	padding:0 0 0 30px;
}

#sitemap ul ul a {
	color:#0076bf;
}

#sitemap ul ul ul {
	list-style-type:square;
	font-weight:400;
	padding:0 0 15px 30px;
	color:#444;
}
#sitemap ul ul ul a {
	color:#444;
}