/*
	CSS pour Communauté virtuelle de partage OCCOPPQ - Principal
	Emilie - egzakt.com
	2008/11/10
*/

@import url(/css/couleurs.css);

body {
	background:#a9c578 url(../images/ul/tuiles/site.jpg) repeat-x top left;
	font:75%/140% Arial, Verdana, sans-serif;
	margin:5px 0;
	color:#5E676E;
}

body.mode_connecte {
	background-image: url(../images/ul/tuiles/site_connecte.jpg);
}

h2 {
	font:bold 1.33em/1.2em Arial, Verdana, sans-serif;
	color:#000;
	margin:0 0 5px 0;
}

h2 a {
	color:#000;
}

h2 a:hover {
	color:#00CFFF;
}

h3 {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	margin:0 0 5px 0;
}

h4 {
	margin:0 0 10px 0;
	padding:0 0 7px 0;
	font-size:1.17em;
	color:#30639E;
	background:url(../images/ul/tuiles/separateur_horizontal.gif) repeat-x bottom;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#336699;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#000;
}

img {
	border:0;
}


/* ENTÊTE
-----------------------------------------*/
#entete {
	width:944px;
	height:368px;
	position:relative;
	background:url(../images/ul/tuiles/entete.jpg) no-repeat top left;
}

#entete_connecte {
	width:944px;
	height:368px;
	position:relative;
	background:url(../images/ul/tuiles/entete.jpg) no-repeat top left;
}

#entete h1 {
	margin:0;
	padding:119px 0 0 41px;
}

#entete_connecte h1 {
	margin:0;
	padding:138px 0 0 240px;
}

#entete #bienvenue, #entete_connecte #bienvenue {
	position:absolute;
	top:91px;
	right:140px;
	font:1.17em/1.2em Arial, Verdana, sans-serif;
	color:#000;
}

#entete a#deconnexion, #entete_connecte a#deconnexion {
	display:block;
	width:93px;
	height:15px;
	padding-top:5px;
	position:absolute;
	top:89px;
	right:40px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:0.78em;
	line-height:1.2em;
	background:url(../images/ul/boutons/deconnexion.gif) no-repeat top left;
}

#bienvenue h4 {
    color: #000000;
    font: bold 1.5em/1.5em Arial,Verdana,sans-serif;
    margin: 0 0 10px;
    border: 0 none;
    background-image:none;
    padding: 0;
}


/* ARCHITECTURE
-----------------------------------------*/
#vague_cotes {
	background:url(../images/ul/tuiles/vague_cotes.jpg) no-repeat center top;
}

#vague_cotes_connecte {
	background:url(../images/ul/tuiles/vague_cotes_connecte.jpg) no-repeat center top;
}

#wrapper {
	width:944px;
	margin:0 auto;
}

#contenu {
	width:944px;
	margin-bottom:10px;
	padding-bottom:20px;
	background:#fff url(../images/ul/tuiles/contenu.jpg) no-repeat top left;
}

#utilitaires {
	width:873px;
	padding-top:2px;
	margin:0 35px 14px 36px;
	background:url(../images/ul/tuiles/utilitaires.jpg) no-repeat bottom right;
	overflow:hidden;
}

#conteneur_colonnes {
	position:relative;
	width:860px;
	margin:0 42px;
	background-repeat:repeat-y;
	background-position:246px 0;
}

#colonne_navig {
	float:left;
	width:246px;
	background-color:#fcf9eb;
}

#colonne_principale {
	float:right;
	width:607px;
	padding-bottom:20px;
	background-color:#fff;
}

#colonne_principale .padding {
	width:567px;
	margin:0 20px;
}

#separateur_colonnes_bas {
	position:absolute;
	bottom:0;
	left:246px;
}


/* ENTÊTE SECTION
-----------------------------------------*/
#entete_section {
	width:567px;
	margin:16px 20px 10px 20px;
	background:url(../images/ul/graphiques/separateur_pointilles.gif) repeat-x bottom left;
}

#entete_section h1 {
	font:bold 1em/1.1em Arial, Verdana, sans-serif;
	margin:0;
	background-repeat:no-repeat;
	background-position:2px 1px;
	padding:2px 0 10px 24px;
}

#actions {
	float:right;
	margin-top:4px;
	color:#336699;
}

#actions a {
	font-size:0.92em;
	line-height:1.1em;
	color:#336699;
}

#actions a:hover {
	color:#000;
}

#actions a#rss {
	background:url(../images/ul/icones/rss.gif) no-repeat 0 2px;
	padding:2px 0 2px 16px;
}

#actions a#imprimer {
	background:url(../images/ul/icones/imprimer.gif) no-repeat 0 0;
	padding:2px 0 2px 18px;
}


/* UTILITAIRES
-----------------------------------------*/
#utilitaires #btn_forum {
	float:left;
	width:251px;
}

#utilitaires #btn_forum a .over {
	position:absolute;
	visibility:hidden;
}

#utilitaires #btn_forum a:hover {
	background:none; /* Pour IE6 réactivité a:hover .over */
}

#utilitaires #btn_forum a:hover .over {
	visibility:visible;
}

#utilitaires #liens {
	float:left;
	margin:28px 0 0 25px;
}

#utilitaires #liens a {
	color:#fff;
	font:bold 0.92em/1.3em Arial, Verdana, sans-serif;
}

#utilitaires #liens a:hover {
	color:#000;
}

#utilitaires form {
	position:relative;
	float:right;
	width:180px;
	margin:24px 0 0 0;
}

#utilitaires #mots_cles {
	border:1px solid #8E998C;
	background-color:#F1F3F1;
	padding:2px;
	width:140px;
	color:#898F95;
	font:1em/1.2em Arial, Verdana, sans-serif;
}

#utilitaires #btn_recherche {
	position:absolute;
	top:4px;
	left:150px;
}


/* NAVIGATION
-----------------------------------------*/
ul#navigation {
	list-style-type:none;
	margin:6px 6px 0 6px;
	padding:0 0 6px 0;
}

ul#navigation li {
	display:inline; /* Pour IE6 */	
}

ul#navigation a {
	display:block;
}

ul#navigation a .over {
	position:absolute;
	visibility:hidden;
}

ul#navigation a:hover {
	background:none;
}

ul#navigation a:hover .over {
	visibility:visible;
}

/* Sous navig */
ul#navigation ul {
	list-style-type:none;
	margin:0 20px 7px 20px;
	padding:0;
}

ul#navigation ul li {
	display:inline;	
}

ul#navigation ul a {
	margin-top:7px;
	font-size:0.92em;
	line-height:1.2em;
	color:#5E676E;
	text-decoration:none;
}

ul#navigation ul a.selected {
	font-weight:bold;
}


/* ACCUEIL
-----------------------------------------*/
/* Architecture */
#section_1 #conteneur_actualites {
	width:595px;
	margin:10px 10px 0 2px;
	background:url(../images/ul/graphiques/separateur_pointilles_vertical.gif) repeat-y 357px 0;
}

#section_1 #actualites_gauche {
	float:left;
	width:347px;
}

#section_1 #actualites_droite {
	float:right;
	width:228px;
}

#section_1 #conteneur_actualites h2 {
	margin:0 0 10px 0;
	position:relative;
}

#section_1 #conteneur_actualites h2 a {
	position:absolute;
	top:8px;
	right:10px;
	font:0.75em/1.2em Arial, Verdana, sans-serif;
	color:#fff;
	text-decoration:none;
}

#section_1 #conteneur_actualites h2 a span {
	text-decoration:underline;
}

#section_1 #conteneur_actualites h2 a:hover {
	color:#faff7c;
}

#section_1 #conteneur_actualites ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#section_1 #conteneur_actualites li {
	display:inline;
}

#section_1 #conteneur_actualites ul a:hover {
	background-position:top right;
}

#section_1 #conteneur_actualites h3 {
	font:bold 1.33em/1.1em Arial, Verdana, sans-serif;
	color:#000;
	margin:0;
}

#section_1 #conteneur_actualites .plus {
	display:block;
	position:absolute;
	bottom:-9px;
	right:10px;
	width:83px;
	height:16px;
	padding-top:4px;
	text-align:center;
	color:#fff;
	font-size:0.83em;
	line-height:1.2em;
}

#section_1 #conteneur_actualites .aucun {
	margin-bottom:15px;
}


/* Nouvelles */
#section_1 #actualites_gauche ul .item {
	display:block;
	width:317px;
	position:relative;
	padding:10px 15px 15px 15px;
	margin-bottom:20px;
	text-decoration:none;
	background:url(../images/ul/tuiles/acc_nouvelles.jpg) repeat-y top left;
}
#section_1 #actualites_gauche ul div.item {
	padding-bottom:10px;
}

#section_1 #actualites_gauche .date {
	color:#F4146B;
	font-size:0.92em;
	line-height:1.2em;
}

#section_1 #actualites_gauche .intro {
	color:#5E676E;
}

#section_1 #actualites_gauche .plus {
	background:url(../images/ul/boutons/acc_nouvelles_plus.gif) no-repeat top left;
}


/* Activités */
#section_1 #activites ul .item {
	display:block;
	width:198px;
	position:relative;
	padding:10px 15px 15px 15px;
	margin-bottom:20px;
	text-decoration:none;
	background:url(../images/ul/tuiles/acc_activites.jpg) repeat-y top left;
}
#section_1 #activites ul div.item {
	padding-bottom:10px;
}

#section_1 #activites .date {
	color:#18639E;
	font-size:0.92em;
	line-height:1.2em;
}

#section_1 #activites .plus {
	background:url(../images/ul/boutons/acc_activites_plus.gif) no-repeat top left;
}


/* ACCUEIL CONNEXION
-----------------------------------------*/
#section_connexion #entete {
	height:475px;
	background:url(../images/ul/tuiles/entete_connexion.jpg) no-repeat top left;
}

#section_connexion #contenu {
	padding-top:15px;
}

/* Connexion */
#connexion {
	width:829px;
	padding:11px 20px 2px 20px;
	margin:0 0 0 38px;
	background:url(../images/ul/tuiles/bande_connexion.png) no-repeat top left;
}

#connexion form {
	position:relative;
	height:32px;
}

#connexion label {
	font:bold 1.5em/1.5em Arial, Verdana, sans-serif;
	color:#000;
	margin-right:10px;
}

#connexion .champ_texte {
	width:170px;
	padding:2px;
	background-color:#F1F3F1;
	border:1px solid #8E998C;
	color:#898F95;
	margin-left:5px;
	font:1em/1.3em Arial, Verdana, sans-serif;
}

#connexion .bouton {
	position:absolute;
	top:4px;
	left:480px;
}

#connexion .bloc_texte {
	margin-top:8px;
	color:#fff;
	font-size:0.92em;
	line-height:1.2em;
}

#connexion .bloc_texte a {
	color:#000;
}

#section_connexion .message_erreur {
	margin-bottom:10px;
}

#connexion_bas {
	margin:0 0 20px 38px;
}


/* Présentation */
#section_connexion #presentation {
	background:url(../images/ul/graphiques/separateur_presentation.gif) repeat-y 590px 0;
	padding:10px 0;
}

#section_connexion #bienvenue {
	float:left;
	width:505px;
	padding-left:63px;
}

#section_connexion #bienvenue h1 {
	font:1.8em/1.2em Arial, Verdana, sans-serif;
	color:#000;
	margin:0;
}

#section_connexion #bienvenue h1 strong {
	font:bold 1.1em/1.2em Arial, Verdana, sans-serif;
}

#section_connexion #bienvenue #publicite img {
	display:block;
	margin-top:20px;
}

#section_connexion .intro {
	float:left;
	margin-left:50px;
	width:275px;
	color:#000;
	line-height:1.5em;
}

#section_connexion .intro #famille {
	float:left;
}

#section_connexion .intro h2 {
}


/* NOUVELLES
-----------------------------------------*/
#nouvelles_liste ul#recentes {
	width:587px;
	list-style-type:none;
	margin:0 10px;
	padding:0;
}

#nouvelles_liste ul#recentes li {
	display:inline;
}

#nouvelles_liste ul#recentes .item {
	display:block;
	width:563px;
	position:relative;
	padding:10px 12px 15px 12px;
	margin-bottom:20px;
	text-decoration:none;
	background:url(../images/ul/tuiles/nouvelles.jpg) repeat-y top left;
}
#nouvelles_liste ul#recentes div.item {
	padding-bottom:10px;
}

#nouvelles_liste ul#recentes a:hover {
	background-position:top right;
}

#nouvelles_liste h2 {
	font:bold 1.33em/1.1em Arial, Verdana, sans-serif;
	color:#000;
	margin:0;
}

#nouvelles_liste ul#recentes .plus {
	display:block;
	position:absolute;
	bottom:-9px;
	right:10px;
	width:83px;
	height:16px;
	padding-top:4px;
	text-align:center;
	color:#fff;
	font-size:0.83em;
	line-height:1.2em;
	background:url(../images/ul/boutons/acc_nouvelles_plus.gif) no-repeat top left;
}

#nouvelles .date {
	color:#F4146B;
	font-size:0.92em;
	line-height:1.2em;
}

#nouvelles_liste .intro {
	color:#5E676E;
}


/* Archives */
#nouvelles_liste #archives {
	width:587px;
	margin:0 10px;
	background:url(../images/ul/graphiques/separateur_pointilles.gif) no-repeat 10px 0;
	padding-top:5px;
}

#nouvelles_liste #archives ul {
	list-style-type:none;
	width:531px;
	margin:0;
	padding:0;
}

#nouvelles_liste #archives li {
	padding:0 0 12px 0;
}

#nouvelles_liste #archives .bloc_deroulant {
	margin:9px 0;
}

#nouvelles_liste #archives a.lien_deroulant {
	display:block;
	padding:4px 15px 4px 28px;
	color:#fff;
	font:bold 1.08em/1.1em Arial, Verdana sans-serif;
	text-decoration:none;
	background:url(../images/ul/boutons/deroulant_8.jpg) no-repeat left top;
}

#nouvelles_liste #archives a.lien_deroulant:hover,
#nouvelles_liste #archives .bloc_deroulant_selected a.lien_deroulant {
	background-position:left -60px;
}

#nouvelles_liste #archives .zone_deroulante {
	padding:15px 28px 3px 28px;
	background-color:#DFECCD;
}

#nouvelles_liste #archives a.item {
	text-decoration:none;
}

#nouvelles_liste #archives .plus {
	color:#000;
	text-decoration:underline;
	font-size:0.92em;
}

#nouvelles_liste #archives a.item:hover .plus {
	color:#1b7700;
}


/* ACTIVITÉS
-----------------------------------------*/
#activites_liste #form_filtres {
	width:567px;
	margin:0 20px 20px 20px;
}

#activites_liste #recentes {
	width:587px;
	margin:0 10px;
}

#activites_liste #recentes h3 {
	margin:0 0 6px 10px;
}

#activites_liste #recentes ul {
	list-style-type:none;
	margin:0;
	padding:0 0 1px 0;
	background:url(../images/ul/graphiques/separateur_pointilles.gif) no-repeat 10px bottom;
}

#activites_liste #recentes li {
/*	display:inline;*/
}

#activites_liste #recentes .item {
	display:block;
	width:563px;
	position:relative;
	padding:10px 12px 15px 12px;
	margin-bottom:20px;
	text-decoration:none;
	background:url(../images/ul/tuiles/activites.jpg) repeat-y top left;
}
#activites_liste #recentes div.item {
	padding-bottom:10px;
}

#activites_liste #recentes ul a:hover {
	background-position:top right;
}

#activites_liste h2 {
	font:bold 1.33em/1.1em Arial, Verdana, sans-serif;
	color:#000;
	margin:0;
}

#activites_liste #recentes .plus {
	display:block;
	position:absolute;
	bottom:-9px;
	right:10px;
	width:83px;
	height:16px;
	padding-top:4px;
	text-align:center;
	color:#fff;
	font-size:0.83em;
	line-height:1.2em;
	background:url(../images/ul/boutons/acc_activites_plus.gif) no-repeat top left;
}

#activites .date {
	color:#18639E;
	font-size:0.92em;
	line-height:1.2em;
}

#activites_liste .intro {
	color:#5E676E;
}

#activites_liste #recentes .aucun {
	margin:0 0 10px 15px;
}

#activite_detail h3 {
	margin-bottom:10px;
}


/* RECHERCHE
-----------------------------------------*/
#recherche {
	width:567px;
	padding-top:5px;
}

#recherche label {
	font:bold 1.33em/1.2em Arial, Verdana, sans-serif;
	color:#000;
}

#recherche #frm_recherche {
	margin-bottom:20px;
	z-index:1; /* Pour passer par dessus le logo de Google */
}

#recherche form {
	position:relative;
}

#recherche form table.gsc-branding {
	position:absolute;
	top:-63px;
	right:0px;
}

#recherche #mots_cles {
	position:absolute;
	top:-1px;
	left:105px;
	width:200px;
	padding:2px;
	border:1px solid #8E998C;
	color:#5E676E;
	font:1em/1.3em Arial, Verdana, sans-serif;
}

#recherche #btn_recherche {
	position:absolute;
	top:-2px;
	left:322px;
	width:75px;
	height:21px;
	background-color:#E86D00;
	color:#fff;
}


/* PLAN DU SITE
-----------------------------------------*/
#plan h2 a {
	text-decoration:none;
}

#plan h2 a:hover {
	color:#000;
	text-decoration:underline;
}

#plan ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#plan ul li {
	padding-bottom:5px;
}

#plan ul ul {
	padding:0 0 10px 20px;
}


/* BLOC TEXTE
-----------------------------------------*/
.note {
	font-size:0.92em;
}

.encadre {
	border:1px solid #F5E4A2;
	padding:15px 20px;
}

.colore {
	color:#ae8751;
}

.bloc_texte ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.bloc_texte li {
	padding:2px 0 2px 8px;
	background:url(../images/ul/icones/puce.gif) no-repeat 0 6px;
}

.bloc_texte .bloc_deroulant {
	margin:9px 0;
}

.bloc_texte a.lien_deroulant {
	display:block;
	padding:4px 15px 4px 28px;
	color:#fff;
	font:bold 1.08em/1.1em Arial, Verdana sans-serif;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left top;
}

.bloc_texte a.lien_deroulant:hover,
.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	background-position:left -60px;
}

.bloc_texte .zone_deroulante {
	padding:15px 28px;
}

.bloc_texte .zone_deroulante ol {
	padding-left:40px;
}


a.fichier {
	padding:2px 0 0 22px;
}
a.fichier_pdf {
	background:url(../images/ul/icones/pdf.gif) no-repeat 0 0;
}
a.fichier_doc {
	background:url(../images/ul/icones/doc.gif) no-repeat 0 0;
}


/* BAS
-----------------------------------------*/
#bas #maj {
	height:25px;
	padding:10px 0 0 16px;
	margin-bottom:5px;
	background:url(../images/ul/tuiles/bas.jpg) no-repeat top left;
	font-size:0.92em;
	font-weight:bold;
}

#bas ul {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

#bas ul li {
	display:inline;	
}

#bas ul a {
	color:#5E676E;
}

#bas ul a:hover, #bas ul a.selected {
	color:#05173C;
}


#bas #signature {
	text-align:right;
	font:0.75em/1.2em Arial, Verdana, sans-serif;
	text-transform:uppercase;
}

#bas #signature a {
	color:#40752c;
	text-decoration:none;
}

#bas #signature a:hover {
	text-decoration:underline;
}


/* DIVERS
-----------------------------------------*/
.message_erreur, .message_succes {
	width:80%;
	margin:0 auto;
	background-color:#ff0000;
	color:#fff;
	padding:5px 10px;
	text-align:center;
	font:bold 12px/14px Arial, Verdana, sans-serif;
}

.message_succes {
	background-color:#479c3a;
}

.erreur {
	color:#ff0000;
}

input.erreur {
	border:1px solid #ff0000 !important;
}

form {
	margin:0;
}

.radio {
	border: none;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	font:11px/15px Verdana, Arial, sans-serif;
	margin-bottom:10px;
}


/* DIVERS
-----------------------------------------*/
.print {
	display:none;
}