@charset "UTF-8";

/* Style generaux */
/*
	couleur de fond : #626467;
	couleur : #333;
	couleur violet: #4e287e;
	couleur orange: #ff8c00;
	couleur menu : #e7e6e6;

*/

html
{
	margin:0; 
	padding:0;
}

/* Début du header */
#header
{
	background-color: #A3BFD9;	/* JYJ */
	padding-top: 5px;
	height: 123px;
	margin-top: 60px;
}

/*================================================================================================*/
#solutions img
{
	float: left;
	margin-top: -65px;
	margin-left: -57px;
	margin-right: 10px;
}
#solutions p.head
{
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	font-size: 24px;
	color: white;	/* FEE361 */
	font-weight: bolder;
	text-transform: uppercase;
}
#solutions p.subhead
{
	float: left;
	margin-left: -340px;
	margin-top: 53px;

	font-size: 18px;
	color: white;
	font-weight: bolder;
	width: 400px;
}

/*================================================================================================*/
/* Début du Flash info */
#flashinfo
{
	float: right; 
	background-color: #8EB1C4; /* JYJ #e7e6e6 */

	width: 333px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	height:113px;
		
	padding: 15px 0px 0 0; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
	padding-left: 5px;
	
	margin-left: 10px;
	margin-top: -5px;
	
	font-size: small;
	color: white;
	font-weight: normal;
}

/* Le titre est en gras et en gros (c'est un lien) */
.contentpanetitlenewsflash
{
	color: white;
	font-weight: bold;
	font-size: medium;
}

/* Les liens sont en gras */
#flashinfo a
{
	color: white;
	font-weight: bold;
	font-size: small;
}

#flashinfo table 
{
	height: 60px;
	margin-top: -10px;
	vertical-align: middle;
}

#flashinfo td.contentheadingnewsflash 
{
	vertical-align: bottom;
	margin-top: -5px;
	padding-bottom: 5px;
}

/* Fin du Flash info */
/* Fin du header */

/*================================================================================================*/
/* Début barre d'outil - breadcrumbs et moteur de recherche */
.toolbar
{
	background-color: #F5F0E4;	/* JYJ */
	height: 25px;
	border-left-width: 10px;
	border-left-color: #A3BFD9;
	border-left-style: solid;
	border-right-width: 10px;
	border-right-color: #8EB1C4;
	border-right-style: solid;
	border-bottom-width: 10px;
	border-bottom-color: #8EB1C4;
	border-bottom-style: solid;
}

/* Début du formulaire de recherche */
div #search
{
	float: right;
	padding-right: 28px;
	padding-top: 2px;
	width: 300px;
}
input.inputbox
{
	width: 320px;
	height: 14px;
}
/* Fin du formulaire de recherche*/

#pathway
{
	float: left;
	margin-left:10px;
	margin-top: 5px;
}
/* Fin de la barre d'outils */

/*================================================================================================*/
#sidebar1 {
	float: left; 
	background-color: ;

	width: 200px; /* cet élément est flottant, il faut donc lui attribuer une largeur */

	padding: 0px 0px 0 0; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
	padding-right: 5px;
	
	margin-right: 5px;
}

#sidebar2
{
	float: right; 
	background-color: #D5C7C1;	/* JYJ */
	
	width: 333px; /* cet élément est flottant, il faut donc lui attribuer une largeur */

	padding: 0px 0px 0 0; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
	padding-left: 5px;
	
	margin-left: 5px;
}

/* JYJ, pied de page */
#footer
{
	background-color: #D5C7C1;
	padding-left: 10px;
	height: 300px;
}

h1, h2, h3
{
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sunsans-regular, sans-serif;
	font-weight: bold;
	font-size: medium; /* JYJ */
}

/* Les titres d'articles sont en plus grand */
.contentheading, .contentheadingaccueil
{
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sunsans-regular, sans-serif;
	font-weight: bold;
	font-size: medium; /* JYJ */
	
	/* Marge au dessus */
	padding-top: 10px;
	padding-bottom: 10px;
	
	/* Avec un trait au dessous du titre */
	border-bottom-width: 0px;
	border-bottom-style: dotted;

	background-image: url("../../ric/images/dh.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	
	width: 300px;
}

.moduletableaccueil td 
{
	vertical-align: top;
}


body  {

		font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sunsans-regular, sans-serif;
		font-size: small; /* JYJ */
		line-height:1.3em;
		margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */

		padding: 0;

		text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */

		background-color: white;	/* JYJ */
		color: #6A463B;	/* JYJ #4e287e */
		background: #ddd url("../../ric/images/topagebackground.png") center 0px no-repeat;	/*  */
	}
	
/* L'emplacement principal */
#container
{
	width: 1000px;
	min-width: 800px;

	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */

	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */

	background-color: #F9F6F0;
} 

#mainContent {
}
#mainContent table.contentpaneopen, #mainContent table.contentpaneopenaccueil
{
	margin-left: 10px;
	margin-right: 10px;
}
#mainContent td.contentheading, #mainContent td.contentheadingaccueil
{
}

/* Pour que les deux premières cellules soient bien alignées avec les lignes suivantes */
div[id="latestnews"] div[class="moduletableaccueil"] table[class="moduletableaccueil"] tr:first-child td
{
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: 0px;
}

#mainContent ul {
	list-style-image: url(../../ric/images/arrow.png);
	list-style-position: outside;

}

/* Pour une raison qui m'échappe, les deux colonnes de la première ligne affichant les news n'ont pas la même largeur que les autres ; d'où ce pathc */
table.moduletableaccueil tr td
{
width: 333px;
}

a:link, a:visited
{
	text-decoration: none;
	font-weight: normal;
	 color: #5B7682; /* JYJ :#ff8c00; */
}

a:hover {
	color: #5B7682; /* JYJ :#ff8c00; */
	text-decoration: underline;
	font-weight: normal;
}


/* Début de la partie pour la barre de menu */

/*================================================================================================*/
/* menu */
#menubar
{
	width: 100%;
	background-color: #F57F26;
	text-align: left;
/*	border: 1px solid #eda;*/
	margin: 0 auto;
}

.menu-nav, .menu-nav ul
{
	float: left;
	width: 98%;
	list-style: none;
	line-height: 1em;
	background-color: #F57F26;
	padding: 0;
	margin: 0;
	text-align: left;
	border-left-width: 10px;
	border-left-color: #A3BFD9;
	border-left-style: solid;
	border-right-width: 10px;
	border-right-color: #8EB1C4;
	border-right-style: solid;
}

.menu-nav a
{
	display: block;
	width: 10em;
	text-decoration: none;
	padding: 0.25em 1em;
	color: white;
	font-weight: bolder;
}

.menu-nav a.pere
{
	background: url(images/pict/arrow.gif) center right no-repeat;
}

.menu-nav li
{
	float: left;
	padding: 0;
	width: 10em;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-top: 0px solid #F57F26;
	border-bottom: 0px solid #F57F26;
	line-height: 1.5em;
	color: white;
}

/* Items cachés */
.menu-nav li ul
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	margin: 0;
	text-align: left;
	color: white;
	border-left-width: 0px;
	border-right-width: 20px;
	border-right-color: #F57F26;
}

/* Sous-menus un peu plus larges */
.menu-nav li li
{
	padding-right: 0em;
	width: 14em;
}

.menu-nav li ul a
{
	width: 14em;
}

.menu-nav li ul ul
{
	margin: -1.75em 0 0 15em;
}

.menu-nav li:hover ul ul, .menu-nav li:hover ul ul ul, .menu-nav li.sfhover ul ul, .menu-nav li.sfhover ul ul ul
{
	left: -999em;
}

.menu-nav li:hover ul, .menu-nav li li:hover ul, .menu-nav li li li:hover ul, .menu-nav li.sfhover ul, .menu-nav li li.sfhover ul, .menu-nav li li li.sfhover ul
{
	left: auto;
}

/* Quand on déroule un menu, item sur lequel est la souris : dans la barre de menu */
.menu-nav > li ul li:hover, .menu-nav > li ul li.sfhover
{
	background-color: #5B7682;
	width: 15.54em;
}

/* Dans les sous-menus */
.menu-nav > li:hover, .menu-nav > li.sfhover
{
	background-color: #5B7682;
}

/* Fond du titre du menu sélectionné dans la barre */
.menu-nav .active
{
	background-color: #5B7682;
}

/* Fond du titre du menu sélectionné dans la barre */
.menu-nav > li > ul > li.active
{
	width: 15.54em;
	background-color: #5B7682;
}

/*================================================================================================*/
.citation
{
	font-variant: small-caps;
	font-size: small;
	font-weight: bold;
	padding-top: 20px;
}

.auteur {
	text-align: right;
	margin: 0;
	padding: 0;
	font-style: italic;
}

	.clr {
		clear: both;
	}

/*================================================================================================*/
/* Affichage de la pagination (page suivante, début, fin, etc.) */
.pagination span, .pagination a
{
	margin: 5px;
}

/*================================================================================================*/
/* Libellé "plus d'articles" */
div.blog_more
{
	margin-left: 10px;
}

/*================================================================================================*/
img[alt="drapeau fr"]
{
	position: relative;
	top: 195px;
	right: -440px;
}

img[alt="Drapeau britannique"]
{
	position: relative;
	top: 195px;
	right: -410px;
}