/* balises réparties en 3 catégories puis classées dans l'ordre alphabétique 
	-balises standards
	-balises personnalisées (commencent par "#")
	-balises universelles (commencent par ".")
*/


/*balises standards*/
a 
{
	color:#000066;
	text-decoration:underline;
}

body 
{
	margin:auto;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#00008C;

	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	max-width:1024px;
}

html, body 
{
	width:100%;
	/*height:100%;*/
}

h1, h2, h3, h5 
{
	color:#F30;
}

h1
{
	font-size:1.3em/*16 pt*/;
	font-style:italic;
	padding-bottom:1%;
}


h2 
{
	font-size:1.1em/*11pt*/;
	margin-top:0%;
	color:#0000CC;
	/*color:#FF3C3C;*/
}

h2 a
{
	/*color:#F30;*/
	text-decoration:underline;
}

h3
{
	font-size:1em;
	color:blue;
}


h4 
{
	font-weight:bold;
	font-size:0.9em/*small*/;
}

h4 a 
{
	text-decoration:underline;
	font-weight:normal;
}

h5 /*à vérifier mais il semble que ce ne soit plus utilisé*/
{
	font-size:1.2em/*16 pt*/;
	font-style:italic;
}

html
{
	font-size:100%;
}

img 
{
	border:none;
}

li a 
{
	/*color:#1A50C8;*/
	text-decoration:underline;
	/*border-right:-50%;*/
}


/*balises personnalisées (commencent par "#")
/*ds page php <div id=...*/

#alltext 
{
	margin-left:0%;
	width:99%;
	text-align:left;
	font-size:1em/*11 pt*/;

}

#alltext img
{
	float:left;
	margin-left:0%;
	margin-right:1%;
	margin-right:1%;
	margin-bottom:1%;
}

#bordure
{
	/*bordure de la page*/
	border: 1px solid orange;
}


/* tout ce qu'il y a en dessous de la ligne rouge en bas de page*/
#bottomhtmllogos 
{
	float:left;
	margin-left:5%;
}

#bottomlign 
{
	/*float:left;*/
	border-bottom:2px solid #F30;
}

#bottomlogos 
{
	float:right;
	margin-right:5%;
}

/*donner une bonne dimension à chaque cellule du tableau de la page d'accueil, c'est-à-dire à chaque article*/
#cellule1, #cellule2, #cellule3, #cellule4, #cellule5, #cellule6, #cellule7, #cellule8, #cellule9
{
	width:33%;
}

/*centrer verticalement et horizontalement les cellules des tableaux de la page "activities"*/
#centrer_tableau
{
	vertical-align:middle;
	text-align:center;
}


/*pour positionner le texte a gauche du menu sur chaque page sauf la page d'accueil*/
#contenu_des_pages
{
	margin-top:-0.3%;
	padding-left:25%;
}

/*texte au milieu du bottom : credits, plan du site, recherche...*/
#credits 
{
	text-align:center;
}

/*pour la page de recherche*/
#decalage_a_droite
{
	margin-top:-0.3%;
	padding-left:25%;
}

/*article 1ere colonne*/
#edito 
{
	text-align:left;
}

/*titres des articles de l'index (page d'accueil)*/
#editotitle, .titre_news_1, .titre_news_2, .titre_news_3, .titre_news_4 
{
	color:#0000CC;
	margin-bottom:-2%;
	font-weight:bold;
	text-align:center;
	font-size:1em;
}

/*cadre les images*/
#edito img, .titre_1 img, #news_2 img, #news_3 img, #news_4 img 
{
	float:left;
	margin-left:0%;
	margin-right:4%;
	margin-bottom:0.8%;
}

#evitement 
{
	width:100%;
	text-align:right;
}
/*haut de la page : image (avec logo "Make inclusive development"), textes*/
#header 
{
	/*height:13%;*/
	padding:13px 0;
	background-image:url(images/bandeau1024.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
}

/*separation du header du reste de la page*/
#lign 
{
	padding-top:1%;
	border-bottom:2px solid #F30;
}

/*menu*/

/*positionner le menu*/

#menu 
{
	float:left;
	margin:0;
	margin-left:-3.5%;
	margin-top:-0.4%;
	width:27%;
}

.bgcolor_menu
{
	background:#4D96F9;
	color:#FFFFFF;
}

/*concerne tous les liens du menu*/
#menu a
{
	display:block;
	font-size:0.95em/*11pt*/;
	border-top:1px solid #F30;
	border-bottom:1px solid #F30;
	border-left:1px solid #F30;
	text-decoration:none;/*enlever toutes les modifications de texte gras, souligné...)*/
	font-weight:bold;
	padding: 0.7% 0% 0.7% 2.6%;
}

/*concerne tout le menu (menu et sous menu) - aligne sur grands titres*/
#menu ul 
{
	list-style-type:none;/*enlever les puces des zones de liste*/
}

/*concerne uniquement les sous-menu - aligne sur les sous menus*/
#menu li li a
{
	font-size:0.85em;
	border-bottom:none;/*enlever les bordures*/
	border-top:none;/*enlever les bordures*/
	margin-left:-18%;
	padding-left:4%;
}

/*concerne les menus et sous menus sur deplacement de la souris*/
#menu li li a:hover 
{
	color:#000080;
	background-color:#FFFF97;
}

/*concerne les menus et sous menus sur reception focus - utile quand on accede au menu depuis les raccourcis claviers*/
#menu li li a:active
{
	color:#000080;
	background-color:#FFFF97;
}


#news_3 
{
	max-height:30%;
}

/*texte du bandeau en rouge/orange*/
#orangetext 
{
	color:#F30;
	font-weight:bold;
	font-style:normal;
	font-size:1.1em/*medium*/;
}

/*correspond a la ligne Accueil...Recherche...<drapeaux> dans header*/
#plantextleft, #plantextmiddle, #plantextright 
{
	float:left;
	height:2%;
	color:#F30;
	font-size:1em;
	margin-bottom:-0.2%;
	padding-top:0.5%;
}
/*Accueil dans header*/
#plantextleft 
{
	width:43%;
	margin-left:3%;
	margin-top:0%;
}

/*Recherche dans header*/
#plantextmiddle 
{
	width:40%;
	text-align:center;
	margin-top:-0.4%;
}

/*Recherche avancee + drapeaux dans header*/
#plantextright 
{
	width:13%;
	margin-top:0%;
	text-align:right;
}

#plantextleft a, #plantextright a , #plantextmiddle a 
{
	color:#F30;
	text-decoration:underline;
}

/*pour bien positionner la page de recherche avancée*/
#search 
{
	margin-left:5%;
	text-align:center;
}

/*position du tableau qui contient tous les articles sur la page d'accueil
permet de decaler tous les articles vers la gauche ou vers la droite (margin-left)
permet de decaler tous les articles vers le haut ou vers le bas (margin-top)*/
#tableau_accueil
{
	margin-top:-0.4%;
	padding-left:0.2%;
	font-size:1em;
}

/*gros titre du bandeau "Mainstreaming..." ou "Pour rompre..."*/
#titletext 
{
	font-size:1.3em;
	font-weight:bold;
	margin:-0.5% 0% 0.5% 0%;
}

/*liens : soulignement*/
#underlined a 
{
	text-decoration:underline;
}

#updatetext 
{
	height:5%;
	width:100%;
	font-weight:bold;
	text-align:center;
	color:#F30;
}

/*message lors de la maintenance du site*/
#warning
{
	color:red;
	
}

/*pour ne pas avoir de decalage lors du zoom ou dezoom d'une page*/
#zoom_dezoom
{
	width:100%;
}


/*balises universelles (commencent par ".")*/
/*ds page php <div class=...*/

/*couleurs des gros titres du menu*/

.blue 
{
	color:#0000CC;
}

.bold /* à enlever car la regle .strong fait la même chose (il faut verifier que rien n'utilise cette balise avant de l'enlever)*/
{
	font-weight:bold;
}

.cellule_1 
{
 /*border-left:0%;*/
}

.comingnext, .coming_soon_1 
{
	width:100%;
	text-align:center;
	font-style:italic;
}

.comingnext 
{
	color:#F30;
}

/*titre de l'edito*/
.coming_soon_1 
{
	color:#F30;
	font-size:1.15em;
	margin-bottom:-2%;
	/*margin-top:10%;*/
}

.contents 
{
	margin-top:-1%;
}

.contents a 
{
	text-decoration:underline;
}

/*colorer toutes les occurences du ou des mot(s) cherché(s)*/
.couleur_rech
{
	color:#FFFF00;
	background-color:#0000FF;
	font-weight:bold;
}

.diminuer_espacement
{
	margin-top:-4%;
}

.encadre_1 
{
	border-color:#990099;
}

.euconffotos
{
	float:left;
	width:200px;
	height:auto;
	padding-right:1%;
	padding-bottom:1%;
	text-align:center;
}

.euconffotos img 
{
	padding-bottom:1%;
}

.image_flottante
{   
	float:left;
}

.dessous
{
	overflow:hidden;
	/*clear:left;*/
	/*margin:0;
	margin-left:30%;*/
}

.dessous h2
{
	clear:left;
	padding-top:1%;
}

.italic 
{
	font-style:italic;
}

.italic_strong 
{
	font-style:italic;
	font-weight:bold;
}


/*correspond à "[...]" a la fin de certains articles ou sur tout l'article
liens rouges*/
.liens
{
	font-weight:bold;
	color:#FF3C3C;
	text-decoration:underline;
}

/*liens bleus foncés*/
.liens_bleu_fonce
{
	font-weight:bold;
	color:#000066;
	text-decoration:underline;
}

/*repositionner chaque article du tableau vers le haut (en page d'accueil)*/
.ligne_tableau
{
	vertical-align : top; /*permet de positionner les articles tout en haut de chaque cellule*/
}

/*couleur orange pour afficher les noms des pays*/
.orange
{
	color:#FF6600;
}

.photos 
{
	float:left;
	/*width:200px;*/
	padding-right:2%;
	/*margin-right:15px;*/
	/*font-size:smaller;*/
}

.shortcuts
{
	font-weight:bold;
	color:#000066;
}

.small_em 
{
	font-size:0.8em/*smaller*/;
	font-style:italic;
}

.strong 
{
	font-weight:bold;
}

/*redimmensioner les 2 tableaux de la page "activities", et celui du seminaire de bologne (page newsdetail)*/
.table_activities
{
 font-size:0.95em;
}

/*tableau contenant le bottom
permet de bien positionner les différentes images et/ou textes dans chaque cellule*/ 
.tableau_bottom
{
	vertical-align:top;
}

.textphotos 
{
	float:left;
	width:auto;
}

.underline
{
	text-decoration:underline;
}