/*règles générales pour toute la page*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	background-color: #c9d6dd;
	color: #58585A;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

/*règles pour les balise <p>*/
p {
	margin: 0.5em 0px 0px;
}

/*règles pour le conteneur global*/
#global {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/*règles pour le conteneur back*/
#back {
	background-image: url(images/back.gif);
	background-repeat: repeat-y;
	position: relative;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

/*règles pour le conteneur header (qui contient le logo*/
#header {
	background-repeat: no-repeat;
	background-position: left top;
	height: 129px;
	background-image: url(images/marketSolutions.gif);
	background-color: #000000;
}

/*mise en forme des lettre choix de la taille*/
.taillePetite{
	position: absolute;
	right: 90px;
	top: 105px;
	width:15px;
	height:15px;
}

.taillePetite a:link, .taillePetite a:visited{
	display:block;
	width:15px;
	height:15px;
	background-image:url(images/a_petite.gif);
	background-position:top;
	}
.taillePetite a:hover{
	display:block;
	float:left;
	width:15px;
	height:15px;
	background-image:url(images/a_petite.gif);
	background-position:bottom;
	}
	
.tailleGrande{
	position: absolute;
	right: 75px;
	top: 105px;
	width:15px;
	height:15px;
	visibility: visible;
}
.tailleGrande a:link, .tailleGrande a:visited{
	display:block;
	float:left;
	width:15px;
	height:15px;
	background-image:url(images/a_grande.gif);
	background-position:top;
	}
.tailleGrande a:hover{
	display:block;
	width:15px;
	height:15px;
	background-image:url(images/a_grande.gif);
	background-position:bottom;
	}	
	
/*mise en forme du choix de la langue*/	
.langue{
	position: absolute;
	right: 10px;
	top: 105px;
}
/*lien langue etat repos et visité*/
.langue .etrangere a:link, .langue .etrangere a:visited {
	font-size:1em;
	font-weight:bold;
	color:#7B9BAC;
	text-decoration:none;
	padding: 1px 3px;
}
/*lien langue etat dessus*/
.langue .etrangere a:hover {
	font-size:1em;
	font-weight:bold;
	color:#7B9BAC;
	background-color:#476372;
	padding: 1px 3px;
	text-decoration:none;
}
/*lien langue etat repos et visité*/
.langue .origine a:link, .langue .origine a:visited{
	font-size:1em;
	font-weight:bold;		
	color:#7B9BAC;
	background-color:#476372;
	text-decoration:none;
	padding: 1px 3px;

 }
 /*lien langue etat repos et visité*/
.langue .origine a:hover, {
	font-size:1em;
	font-weight:bold;
	background-color:#7B9BAC;
	padding: 1px 3px;
	}


/*separation hachurée)*/
.separation {
	background-image: url(images/diagonale.gif);
	background-repeat: repeat-x;
	height: 9px;
	margin-right: auto;
	margin-left: auto;
	width: 270px;
	position: relative;
	margin-top: 1.5em;
	margin-bottom: 2em;
}

/*navigation haute horizontale*/
.nav ul{
	background-image: url(images/navigation_haute.gif);
	background-repeat: repeat-x;
	width: 100%;
	margin:0px;
	height: 30px;
	padding: 0px;
	}
	
.nav li {
    margin: 0;
    padding: 0;
    display: inline;
}
/*liens navigation haute en etat repos et visité*/

.nav li a:link, .nav li a:visited { /* pas de largeur  indiquée*/
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	padding: 0 10px;
	color:#557488;
	font-size: 1em;
}
/*liens navigation haute en etat dessus*/
.nav li a:hover{
	background-image: url(images/navigation_haute.gif);
	background-position: 0 -30px;
	padding:0 10px;
	color:#3C505F;

}
/*petie fleche blanche pour dire sur quelle page on est*/
.ariane {
	background-image: url(images/fleche.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
    padding-left:10px;
}
 .ici .ariane:link, .ici .ariane:visited{
	color:#5B7E91;
	font-weight:bold;
	background-image: url(images/fleche.gif);
    padding-left:10px;
}
/*fin de la navigation haute*/




/*règles pour le conteneur page*/
#page{
	padding-right: 40px;
	padding-left: 30px;
}

/*règles pour les titres en balise h1*/
h1{
	color: #7B9BAC;
	font-size: 1.7em;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-weight: normal;
}
/*règles pour les titres en balise h2*/
h2 {
	color: #58585A;
	font-size: 1.1em;
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 1em;
	text-align: left;
	font-weight: normal;
}
/*regles pour les titres h3 qui sont dans un conteneur page*/
#page h3 {
	font-size: 1.2em;
	color: #658A9E;
}

/*paragraphe avec marge*/
.paragrapheMarge {
	margin-top: 1em;
	margin-bottom: 1em;
}

/*gestion des blocs flottants*/
.clearboth {
	clear: both;
}

.stopfloatMargeBasse2em {
	clear: both;
	margin-bottom: 2em;
}

.MargeBasse2em {
	margin-bottom: 2em;
}

.stopFloatPied {
	clear: both;
	padding-bottom: 3em;
}

.floatleft {
	float: left;
}
.floatright {
	float: right;
}

/*règles pour une image calée à droite*/
.imgFloatRight {
	float: right;
	margin-bottom:10px;
	margin-left:8px;
	border: thin solid #58585A;
}

/*règles pour une image calée à gauche*/
.imgFloatLeft {
	float: left;
	margin-bottom:10px;
	margin-right:10px;
	border: thin solid #58585A;
	margin-top: 10px;

}

/*règles pour une image calée à gauche dans la page competences*/
.imgFloatLeftCompetences {
	float: left;
	margin-bottom:150px;
	margin-right:30px;
	border: thin solid #58585A;
}


/* liste avec puce carrée*/
.listeCarre {
	list-style-image: url(images/puce_bleue.gif);
	list-style-type: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;

}
/*element de la liste à puce carre*/
.listeCarre li {
	margin-bottom:0.3em;
}

/* liste avec puce tiret*/
.listeTiret {
	margin-bottom:0px;
	margin-top: 0px;
	list-style-image: url(images/puce_tiret_bleu.gif);
	list-style-type: none;
	padding: 0px;
	margin-left: 25px;
}
.listeTiretGris {
	margin-bottom:0px;
	margin-top: 0px;
	list-style-image: url(images/puce_tiret_gris.gif);
	list-style-type: none;
	padding: 0px;
	margin-left: 35px;
}
/*element de la liste à puce tiret gris*/
.listeCarre .listeTiret .listeTiretGris li {
	margin-top: 0px;
	list-style-image: url(images/puce_tiret_gris.gif);
	list-style-type: none;
	padding: 0px;
	margin-left: -15px;
}

/*element de la liste à tiret bleu*/
.listeTiret li{
	margin-top: 0px;
	list-style-type: none;
	list-style-image: url(images/puce_tiret_bleu.gif);
}


/*Mise en forme des listes dans les encadres*/
.listeEncadre {
	text-align: left;
	list-style-type: none;
	padding: 0px;
	list-style-position: outside;
	margin-left: 15px;
	list-style-image: url(images/puce_bleue.gif);
	margin-top: 0px;
	margin-bottom: 0px;
}

/*elements listes listeEncadre*/
.listeEncadre li{
margin-bottom:5px;
}


/*cadre large avec image dégrade en haut*/
#cadreImageLarge {
	margin-top: 2em;
	background-image: url(images/degrade_cadre_bleu_haut.gif);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border: 1px solid #658a9e;
}
/*fin de liste dans les encadres*/

/*lien de class lientexte*/
.lientexte:link, .lientexte:visited {
	color: #333333;
 }

.lientexte:hover{
	color: #70A4CB;
 }

/*encadre*/
.encadre {
	width: 330px;
	padding-top: 1em;
	padding-left: 5px;
}
 .encadre h3{
	margin-bottom: 3px;
	height:45px;
}

.encadre h3 {
	text-align: center;
	margin-top: 0px;
	color: #58585A;
}



#cadreEncadrePrestations {
	margin-top: 2em;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}


/*hauteur encadres bleu page prestations*/
.encadrePrestationsEtude{
	height:32em;
}

.encadrePrestationsMarketProduit{
	height:32em;
}

.encadrePrestationsDevCommercial{
	height:22em;
}

.encadrePrestationsManagement{
	height:9.2em;
}

.encadrePrestationsCommunication{
	height:34em;
}

/*hauteur encadres bleu page references*/
.encadreReferencesEtude{
	height:24em;
}

.encadreReferencesMarketProduit{
	height:24em;
}

.encadreReferencesDevCommercial{
height:18em;
}

.encadreReferencesCommunication{
	height:18em;
}

.encadreReferencesManagement{
	height:10em;
}

/*hauteur encadres bleu page services*/
.encadreServicesResearch{
	height:34em;
}

.encadreServicesMarketProduct{
	height:34em;
}

.encadreSercicesBusinessDev{
		height:24em;
}
.encadreServicesCommunication{
	height:36em;
}
.encadreServicesManagement{
	height:9.3em;
}

/*hauteur encadres page references anglaises*/
.encadreReferencesEnResearch{
	height:21em;
}

.encadreReferencesEnMarketProduct{
	height:21em;
}

.encadreReferencesEnBusinessDev{
		height:20em;
}
.encadreReferencesEnCommunication{
	height:20em;
}


/*Tous les encadres bleu des pages prestations, references, services et references anglaise*/
.encadrePrestationsEtude, .encadrePrestationsMarketProduit, .encadrePrestationsDevCommercial, .encadrePrestationsManagement, .encadrePrestationsCommunication,  .encadreReferencesEtude, .encadreReferencesMarketProduit, .encadreReferencesDevCommercial, .encadreReferencesCommunication, .encadreServicesResearch ,.encadreServicesMarketProduct, .encadreSercicesBusinessDev, .encadreServicesCommunication, .encadreServicesManagement, .encadreReferencesEnResearch, .encadreReferencesEnMarketProduct, .encadreReferencesEnBusinessDev, .encadreReferencesEnCommunication, .encadreReferencesEnManagement, .encadreReferencesEnResearch, .encadreReferencesEnMarketProduct, .encadreReferencesEnBusinessDev, .encadreReferencesEnCommunication

{
	width: 330px;
	background-repeat: repeat-x;
	border: 1px solid #658a9e;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 0.1em;
	padding-left: 10px;
	background-image: url(images/degrade_cadre_bleu_haut.gif);
}
/*encadrés management des pages prestations, references, services et references anglaise*/
.encadreReferencesEnManagement, .encadreReferencesManagement{
	width: 710px;
	background-repeat: repeat-x;
	border: 1px solid #658a9e;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 0.5em;
	padding-left: 10px;
	background-image: url(images/degrade_cadre_bleu_haut.gif);
}



/*tous les titres h3 des encadrés bleu*/
.encadrePrestationsEtude h3, .encadrePrestationsMarketProduit h3, .encadrePrestationsDevCommercial h3, .encadrePrestationsCommunication h3, 
.encadrePrestationsManagement h3, .encadreReferencesEtude h3, .encadreReferencesMarketProduit h3, .encadreReferencesDevCommercial h3,  .encadreReferencesCommunication h3, .encadreReferencesManagement h3, .encadreServicesResearch h3, .encadreServicesMarketProduct h3, .encadreSercicesBusinessDev h3, .encadreServicesCommunication h3, .encadreServicesManagement h3, .encadreReferencesEnResearch h3, .encadreReferencesEnMarketProduct h3, .encadreReferencesEnBusinessDev h3, .encadreReferencesEnCommunication h3, encadreReferencesEnManagement h3, .encadreReferencesEnResearch h3, .encadreReferencesEnMarketProduct h3, .encadreReferencesEnBusinessDev h3, .encadreReferencesEnCommunication h3, .encadreReferencesEnManagement h3
{
	text-align: center;
	color: #7B9BAC;
	height: 45px;
	margin: 0px;
	line-height: 1.1em;
}

#encadreReferences {
	float: left;
	width: 700px;
}

/*page references*/
/*cadre avec degradé gris*/
#derMissions {
	border: 1px solid #658a9e;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(images/degrade_cadre_bleu_bas.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ECF0F2;
}
/*titre h4*/
#derMissions h4 {
	margin-top: 0.5em;
	margin-right: 0px;
	margin-bottom: 0.3em;
	margin-left: 0px;
	color: #658A9E;
	font-size: 1.3em;
}
/*titre h5*/
#derMissions h5 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.2em;
	margin-left: 0px;
	font-weight: normal;
}
/*titre h3*/
#derMissions h3 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
	font-size: 1.3em;
	color: #658A9E;
	margin-top: 10px;
}
/*paragraphe*/
#derMissions p {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	text-align: left;
}
.lienMention:link, .lienMention:visited {
	color: #58585A;
}

.lienMention:hover {
	color: #58585A;
	text-decoration:none;
}

/*Liens*/
#derMissions a:link, #derMissions a:visited {
	color: #7B9BAC;
}
#derMissions a:hover {
	color: #7B9BAC;
	text-decoration:none;
}
/*image*/
#derMissions img {
	border: 1px solid #58585A;
	margin-bottom: 0.5em;
}

/*page liens*/
.lien {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(images/degrade_cadre_bleu_haut.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-right: 40px;
	margin-left: 30px;
	margin-top: 20px;
	padding-top: 5px;
}
.lien h4 {
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0.3em;
	margin-left: 0px;
	color: #7B9BAC;
}
.lien h5 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.2em;
	margin-left: 0px;
	font-weight: normal;
}
.lien h3 {
	text-align: center;
	font-size: 1.3em;
	text-decoration: underline;
	color: #7B9BAC;
	margin-bottom: 40px;
}

.lien a:link, .lien a:visited {
	color: #7B9BAC;
}
.lien a:hover {
	color: #7B9BAC;
	text-decoration:none;
}

/*page mentions legales*/
/*titre h2*/
#mentions h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.3em;
	color: #7B9BAC;
}


/*---------------navigation pied de page--------*/
#pied {
	bottom: 0px;
	position: absolute;
	height: 20px;
	left: 0px;
	z-index: 10;
	visibility: visible;
	background-repeat: repeat-x;
	width: 800px;
	background-image: url(images/navigation_basse.gif);
}
#pied ul{
	background-repeat: repeat-x;
	height: 20px;
	margin: 0px;
	padding-left: 325px;
	}
	
#pied li {
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
}
/*lien de la navigation pied en etat repos et visité*/
#pied li a:link, #pied li a:visited {
	background-image:url(images/navigation_basse.gif);
	font-size: 0.8em;
	text-decoration: none;
	height:20px;
	line-height:20px;
	display: block;
	float:left;
	text-decoration: none;
	text-align: center;
	color:#557488;
	width:150px;
	margin: 0px;
	padding: 0px;

}
/*lien de la navigation pied en etat dessus*/
#pied li a:hover {
	background-image: url(images/navigation_basse.gif);
	background-position: 0px -20px;
	margin: 0px;
	color:#3c505f;
}



/*page contact et contact us*/
/*les liens*/
.contact:link,  .contact:visited {
	color: #7B9BAC;
}
.contact:hover {
	color: #7B9BAC;
	text-decoration:none;
}
INPUT { color: #000; font-size: 11px; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; background-color: #EEEEEE }
.txterror {
	color: #FF0000;
	font-size: 11px;
}

.txtform { color: black; font-size: 12px}
.txtblanc{
color:#FFFFFF;
}
#encadreContact {
	background-color: #E4ECEF;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-top: 5px;
}
/*icone w3c sur les pages index et home*/
#icone {
	padding-bottom: 30px;
	padding-left: 20px;
}
#icone img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.listeTiret2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #58585A;
	list-style-type: none;
	margin-left: 20px;
}

.actus {
	border: 1px solid #658a9e;
	padding: 0.3em;
	height:120px;
	float: right;
	width: 175px;
	overflow: hidden;
	background-repeat: repeat-x;
	background-image: url(images/degrade_cadre_bleu_haut.gif);
}