/* ### Les Etats Généraux de l'Europe - 2008 ### */
/* ### Feuille de styles ECRAN ### */
/* ### Esprit Public - 2008 ### */


/*
	Version 1
	Dernière modification : 22/05/2008
	Par : Franck Grenier (f.grenier@esprit-public.fr)
*/


/* ############### SOMMAIRE ############### */
/*

 $1. Remise à zéro des styles
 $2. Redéfinition des balises de base
 $3. Styles formulaires
 $4. Blocs de mise en page
 $5. Navigation (colonneGauche, colonneDroite)
 $6. Blocs de contenu principal
 $7. Contenus contextuels et annexes
 $8. Coins arrondis (à éviter absolument)
 $9. Styles spécifiques "Accueil"
 
*/
/* ######################################## */


/* ###################### $1. Remise à zéro des styles ###################### */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ###################### $2. Redéfinition des balises de base ###################### */
body {
	font-family:"Arial", sans-serif;
	font-size:62.5%;
	line-height:1.5em;
	color:#666;
	background:#ffed00 url(../img/degrade.png) repeat-x;
}

a {
	color:#666;
	text-decoration:underline;
}

a:hover {
	color:#e52e7e;
	text-decoration:underline;
	/* background:inherit; */
}

strong {
	font-weight:bold;
}

big {
	font-size:1.5em;
}

small {
	font-size:0.8em;
}

em {
	font-style:italic;
}

sup {
	font-size:0.9em;
	position:relative;
	top:-0.3em;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	line-height:1.5em;
	clear:both;
}

h1 {
	font-size:1.5em;
	color:#039fdd;
	text-transform:uppercase;
	padding:0 0 0 20px;
	line-height:1.2em;
	margin:0 0 20px 0;
	background:url(../img/picto_bleu_fleche_blanche.gif) no-repeat 0px 0px;
}

h2 {
	font-size:1.5em;
	color:#039fdd;
	padding:0;
	margin:20px 0 15px 0;
	border-bottom:2px dotted #81cfee;
}

h3 {
	color:#039fdd;
	font-size:1.2em;
	padding:0;
	margin:20px 0 10px 0;
}

p {
	margin:0 0 10px 0;
}

img {
	float:left;
	margin:0 15px 5px 0;
}

ul {
	padding:0;
	margin:10px;
}

li {
	line-height:2em;
	padding:0 0 0 20px;
	background:url("../img/puce_liste.gif") no-repeat 0% 4px;
}

ul ul {
	padding:0;
	margin:0 0 5px 0;
}

ul ul li {
	background:url("../img/puce_sous_liste.gif") no-repeat 0% 4px;
}

.noDisplay {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* ###################### $3. Styles recherches et formulaires ###################### */
form {
	font-family:"Arial", sans-serif;
	line-height:1.5em;
	margin:0 0 20px 0;
	padding:0;
}

fieldset {
	display:block;
	padding:6px 8px 10px 8px;
	margin:0;
	border:0;
}

legend {
	display:block;
	position:relative;
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 5px -8px;
	padding:0 0 0 0;
}

fieldset fieldset legend {
	font-size:1em;
	font-weight:normal;
	color:#fff;
	padding:0 0 0 15px;
	margin:0 0 3px 0;
	background:url("../images/pictoLabel.gif") no-repeat 5px 50%;
}

label {
	color:#5c5c5c;
	font-size:1.1em;
	padding:0 2px 0 2px;
}

#coordonnees label {
	width:100px;
	float:left;
}

#activites input, #Ateliers input {
	border:none;
}

fieldset fieldset label {
	display:inline;
	float:none;
	padding-left:0;
	background:none;
}

input, select, textarea {
	font-family:"Arial", sans-serif;
	font-size:1em;
	color:#666;
	padding:2px 4px 2px 4px;
	margin:2px;
	vertical-align:middle;
	border:1px #969696 solid;
}

input:hover, select:hover, textarea:hover {
	border:1px solid #0180a9;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #0180a9;
}

textarea {
	width:240px;
	height:150px;
}

input[type=text], select {
	width:180px;
}

input[type=radio], input[type=checkbox] {
	border:0;
}

input.standalone {
	color:#666;
	font-size:1.1em;
	padding:3px 20px 3px 20px;
	background-color:#fff;
	border:0;
}

input.standalone:hover {
	cursor:pointer;
	color:#fff;
	background:#0180a9;
}

.submitForm {
	clear:both;
	text-align:right;
	margin:5px 0 0 0;
}

.confirm {
	color:#fff;
	font-weight:bold;
}

.sansBordure {
	border:0;
}

.champRequis {
	color:#0180a9;
}

.submitForm .champRequis {
	float:left;
	font-style:italic;
}


/* ###################### $4. Blocs de mise en page ###################### */
#container {
	width:960px;
}

#col1 {
	float:left;
	width:210px;
}

#col2 {
	float:left;
	width:490px;
	padding:0 20px 0 20px;
	clear:right;
}

#col3 {
	float:right;
	width:220px;
	padding:0 0 0 0;
	clear:right;
}

#col1 h1 {
	height:217px;
	padding:0;
	margin:0;
	
}


#col1 h1 a {
	height:217px;
	padding:0;
	margin:0;
	display:block;
	background:url(../img/logo_EGE_2.gif) top left no-repeat;
}

#col1 h1 a img {
	margin:0;
}

#footer {
	padding:15px;
	margin:0;
	background:#fff;
}


/* ###################### $5. Navigation (colonneGauche, colonneDroite) ###################### */
#menu {
	width:750px;
	height:50px;
	margin:0 0 20px 0;
	float:right;
	background:#0088be url(../img/bottom_menu.gif) no-repeat right bottom;
}

#menu ul, #menu li {
	padding:0;
	margin:0;
	background:none;
}

#menu a, #menu li {
	float:left;
}

#menu li {
	margin:0 3px 0 0;
}

#menu a {
	height:40px;
	line-height:1.2em;
	font-size:1.1em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:10px 12px 0 12px;
	background:#0088be;
}

#menu a:hover, #menu a.actif {
	color:#0088be;
	background:#ffed00;
}

#sousmenu {
	font-size:1.1em;
	padding:0;
	margin:0;
	background:#0088be;
}

#sousmenu ul, #sousmenu li {
	padding:0;
	margin:0;
	background:none;
}

#sousmenu ul li {
	border-bottom:1px dotted #fff;
}

#sousmenu ul li a {
	color:#fff;
	text-decoration:none;
	padding:3px 10px 3px 35px;
	display:block;
	background:#0088be url(../img/picto_blanc_fleche_blanche.gif) no-repeat 10px 50%;
}

#sousmenu ul li a:hover, #sousmenu ul li a.actif {
	color:#0088be;
	background:#ffed00 url(../img/picto_bleu_fleche_blanche.gif) no-repeat 10px 50%;
}

#sousmenu ul ul {
	margin:0 0 10px 0;
}

#sousmenu ul ul li {
	border:0;
}

#sousmenu ul ul li a {
	color:#fff;
	text-decoration:none;
	padding:0 10px 0 35px;
	display:block;
	background:#0088be url(../img/fleche_blanche.gif) no-repeat 20px 50%;
}

#sousmenu ul ul li a:hover, #sousmenu ul ul li a.actif {
	color:#ffed00;
	background:#0088be url(../img/fleche_jaune.gif) no-repeat 20px 50%;
}

#footer ul {
	padding:0;
	margin:0;
}

#footer a:hover {
	background:none;
}


/* ###################### $6. Blocs de contenu principal ###################### */
.box {
	font-size:1.1em;
	padding:15px;
	background:#fff;
}

.seance {
	margin:0 0 10px 0;
}

.seance2 {
	margin:0 0 50px 0;
}

.seance h1, .seance2 h1, .article h1 {
	font-size:1.4em;
	margin:0;
}

* html .seance2 h1 {
	padding:0;
	margin:0;
}

* html .seance2 h1 a {
	padding:0 0 0 20px;
	margin:0 0 20px 0;
	background:url(../img/picto_bleu_fleche_blanche.gif) no-repeat 0px 0px;
}

.seance2 h1 a {
	color:#039FDD;
	text-decoration:none;
}

.seance2 h1 a:hover {
	color:#e52e7e;
	text-decoration:none;
}

.commentaire h3 {
	margin:0;
}

.meta {
	font-weight:bold;
	padding:5px 0 5px 0;
	margin:0 0 10px 0;
	border-top:2px dotted #b7b7b7;
	border-bottom:2px dotted #b7b7b7;
}

.meta a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	float:right;
	padding:5px 10px 5px 30px;
	margin-top:-5px;
	background:#039fdd url(../img/fleche_blanche.gif) no-repeat 12px 50%;
}

.meta a:hover {
	color:#fff;
	text-decoration:none;
	background:#e52e7e url(../img/fleche_blanche.gif) no-repeat 12px 50%;
}

.seance #organisateurs, .seance2 #organisateurs {
	overflow:auto;
	padding:15px;
	margin:-10px 0 0 0;
	width:430px;
	background:#eeeddf;
}

.seance #organisateurs h2, .seance2 #organisateurs h2 {
	color:#666;
	font-size:1em;
	margin:0 0 5px 0;
}

#intervenants {
	width:460px;
	margin:0 0 20px 0;
	overflow:auto;
}

.intervenant {
	width:195px;
	padding:0 15px 15px 15px;
	margin:20px 5px 0 0;
	background:#eeeddf url(../img/bottom_intervenant.gif) no-repeat bottom left;
	float:left;
}

.intervenant h3 {
	position:relative;
	line-height:1.2em;
	padding:10px 15px 0 15px;
	margin:-15px -15px 10px -15px;
	background:#eeeddf url(../img/top_intervenant.gif) no-repeat top left;
	/* overflow:auto; */
}

.intervenant img {
	float:left;
}

.intervenant h3 small {
	font-weight:normal;
}

.red {
	color:#E52E7E;
}

.green {
	color:#77C378;
}

/* ###################### $7. Contenus contextuels et annexes ###################### */
#organisateurs {
	width:180px;
	padding:15px;
	overflow:auto;
}

#organisateurs h2 {
	color:#fff;
	padding:0;
	margin:0 0 10px 0;
	border:0;
}

#organisateurs img {
	margin:0 0 10px 0;
}

#partenaires {
	width:180px;
	overflow:auto;
}

* html #partenaires {
	overflow:hidden;
}

 *+html #partenaires {
	overflow:hidden;
}

* html #partenaires img {
	margin:2px;
}

*+html #partenaires img {
	margin:2px;
}

#partenaires h2 {
	padding:0;
	margin:0 0 10px 0;
	border:0;
}

#partenaires a {
	float:left;
	margin:0;
}

#partenaires img {
	margin:0;
}

#partenaires a#lien_partenaires {
	float:right;
	line-height:1.5em;
	padding:0 0 0 20px;
	margin:10px 0 0 0;
	background:#fff url(../img/picto_bleu_fleche_blanche.gif) no-repeat 0% 50%;
	clear:both;
}

#partenaires h2 a#lien_partenaires {
	float:none;
	background:none;
	color:#039FDD;
}

#partenaires h2 a#lien_partenaires:hover {
	color:#e52e7e;
}

#page_partenaires li img {
	float:none;
	padding-top:10px;
}

#page_partenaires #col2 li {
	background:none;
	border-bottom:1px dotted #B7B7B7;
	
}

#inscription {
	margin:0 0 5px 0;
}

#inscription a {
	display:block;
	height:46px;
	background:url(../img/btn_inscription.gif);
}

#inscription a:hover {
	background:url(../img/btn_inscription_over.gif);
}

#editionPrecedente img {
	float:none;
}

* html #editionPrecedente img { 
	margin:0 5px 5px 0;
}

#editionPrecedente h2 {
	font-size:1.3em;
	line-height:1.2em;
	padding:0;
	margin:0 0 10px 0;
	border:0;
}

#podcasts #editionPrecedente h2 {
	color:#039FDD;
}

#telechargements {
	margin:10px 0 10px 0;
}

#telechargements h2 {
	color:#fff;
	padding:0;
	margin:0 0 5px 0;
	border:0;
}

#telechargements ul {
	padding:0;
	margin:0;
}

#telechargements li {
	font-size:1.1em;
	padding:0;
	margin:0;
	border-bottom:1px #fff dotted;
	background:none;
}

#telechargements a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:2px 0 2px 25px;
	margin:0;
	background:url(../img/picto_doc.gif) no-repeat 6px 50%;
}

#telechargements a:hover {
	color:#0088be;
	background:#ffed00 url(../img/picto_doc_over.gif) no-repeat 6px 50%;
}


/* ###################### $8. Coins arrondis (à éviter absolument) ###################### */
#col1 .box {
	padding-top:0;
	padding-bottom:0;
}

#col1 .top_box {
	width:210px;
	height:20px;
	margin:5px 0 0 0;
	background:url(../img/top_box_col1.gif);
}

#col1 .bottom_box {
	width:210px;
	height:20px;
	background:url(../img/bottom_box_col1.gif);
}

#col2 .box {
	width:460px;
	padding-top:0;
	padding-bottom:25px;
	overflow:auto;
}

* html #col2 .box {
	overflow:hidden;
}

*+html #col2 .box {
	overflow:hidden;
}

#col2 .top_box {
	width:490px;
	height:10px;
	background:url(../img/top_box_col2.gif);
}

#col2 .bottom_box {
	width:490px;
	height:10px;
	margin:0 0 20px 0;
	background:url(../img/bottom_box_col2.gif);
}

#col3 .box {
	padding-top:0;
	padding-bottom:0;
}

#col3 .top_box {
	width:220px;
	height:10px;
	background:url(../img/top_box_col3.gif);
}

#col3 .bottom_box {
	width:220px;
	height:10px;
	background:url(../img/bottom_box_col3.gif);
}

#accueil #col3 .box {
	padding-top:0;
	padding-bottom:0;
}

#accueil #col3 .top_box {
	width:295px;
	height:10px;
	margin:5px 0 0 0;
	background:url(../img/top_box_col3_home.gif);
}

#accueil #col3 .bottom_box {
	width:295px;
	height:10px;
	background:url(../img/bottom_box_col3_home.gif);
}

* html #accueil #col3 .bottom_box {
	font-size:0;
	margin-top:-5px;
}

*+html #accueil #col3 .bottom_box {
	font-size:0;
	margin-top:-5px;
}

.top_sousmenu {
	width:210px;
	height:20px;
	background:url(../img/top_sousmenu.gif);
}

.bottom_sousmenu {
	width:210px;
	height:20px;
	background:url(../img/bottom_sousmenu.gif);
}


/* ###################### $9. Styles spécifiques "Accueil" ###################### */
#accueil #col2 {
	width:415px;
}

#accueil #col3 {
	width:295px;
}

#visuel {
	margin:0 0 10px 0;
}

#introduction {
	font-size:1.1em;
	color:#fff;
}

#introduction h2 {
	font-size:2em;
	color:#fff;
	line-height:1.3em;
	padding:0;
	margin:0 0 5px 0;
	border:0;
}

#introduction h3 {
	font-size:1.5em;
	color:#fff;
	margin:0 0 5px 0;
}

#podcasts {
	margin:0 0 10px 0;
}

#podcasts h2 {
	color:#fff;
	line-height:1.3em;
	padding:0;
	margin:0 0 2px 0;
	border:0;
}

#podcasts h2 small {
	font-weight:normal;
}

#podcasts h3 {
	margin:15px 0 5px 0;
	color:#fff;
	font-size:1.2em;
	padding:0;
}

#podcasts ul {
	padding:0;
	margin:0 0 15px 0;
}

#podcasts li {
	padding:0;
	margin:3px 0 3px 0;
	background:none;
}

#podcasts li a {
	color:#fff;
	font-size:1.1em;
	padding:4px 0 4px 25px;
	background:url(../img/puce_podcast.gif) no-repeat 0% 50%;
}

#podcasts li a:hover {
	color:#ffed00;
	background:url(../img/puce_podcast_over.gif) no-repeat 0% 50%;
}

#infos {
	color:#fff;
	font-size:1.1em;
	padding:0 15px 5px 15px;
	background:#0088be;
}

#infos p {
	margin:0;
}

.top_box_infos {
	width:295px;
	height:10px;
	background:url(../img/top_box_infos.gif);
}

* html .top_box_infos {
	margin-bottom:-5px;
}

.bottom_box_infos {
	width:295px;
	height:10px;
	background:url(../img/bottom_box_infos.gif);
}

* html .bottom_box_infos {
	font-size:0;
}

#infos h2 {
	color:#fff;
	line-height:1.3em;
	padding:0;
	margin:0 0 5px 0;
	border:0;
}

#infos #inscription {
	width:100px;
	height:28px;
	float:right;
	background:url(../img/btn_inscription_small.gif);
}
#infos #inscription:hover {background:url(../img/btn_inscription_small_over.gif);}

#infos #acces {
	width:72px;
	height:28px;
	float:right;
	clear:right;
	background:url(../img/btn_acces.gif);
}
#infos #acces:hover {background:url(../img/btn_acces_over.gif);}

#accueil #editionPrecedente.box {
	padding-bottom:10px;
}

#accueil #editionPrecedente img {
	float:left;
}