@charset "utf-8";

/* c'est le fond gris rayé de toutes les pages*/
body {
	
	background-image: url(images/fond%20gris%20copie.jpg);
	/*background-position: center;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: none;*/
	text-align:center;
}

/* comprend la partie bannière, zone de texte et bas de page */
#fond {
	position: absolute;
	left: 50%;
	width: 1016px;
	height:762px;
	padding: 10px;
	border:none;
	margin-left: -530px;
	background-image: url(images/accueil%20remonte%20ss%20logo%20v2.jpg);
	text-align:left;
	top: 0px;	
}

/* comprend la partie bannière, zone de texte et bas de page pour l'index*/
#fond-index {
	position: absolute;
	left: 50%;
	width: 1016px;
	height:762px;
	padding: 10px;
	border:none;
	margin-left: -530px;
	background-image: url(images/accueil%20remonte%20ss%20logo%20v3.jpg);
	text-align:left;
	top: 0px;	
}
/* logo de FR Conseil */
#logo {
	position:absolute;
	left:84px;
	top:16px;
	width:128px;
	height:85px;
	z-index:2;
}
.pourvu {
	background-image: url(images/pourvue.png);
	border: medium solid #FFFFFF;
}

#nous_contactez {
	position:absolute;
	left:5px;
	top:4px;
	width:136px;
	height:95px;
	z-index:16;
}
/* le cadre actualité de la page d'accueil */
#news {
	position:absolute;
	left:64px;
	top:285px;
	width:203px;
	height:425px;
	z-index:2;
	border-color: #FFFFFF;
	border-width: thin;
	border-style: outset;
	background-image: url(images/accueil/cadreactu.png);
	
}
#sous_menu{
	position:absolute;
	left:44px;
	top:298px;
	width:247px;
	height:348px;
	z-index:10;
	background-image:url(images/ssmenu.png);
}

/* trombone accroché à l'actualité  */
#trombone {
	position:absolute;
	left:1358px;
	top:21px;
	width:1053px;
	height:64px;
	z-index:13;
}
.Style5 {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color:#DA283E;
}

.Style3 {
	color: #0099CC;
	font-weight: bold;
}

/* C'est le milieu de la page où les informations sont stockées. */
#texte {
	position:absolute;
	left:292px;
	top:279px;
	width:708px;
	height:446px;
	z-index:2;
	
}
/* zone de texte spécifique à la page plan du site*/
#texteplan {
	position:absolute;
	left:54px;
	top:299px;
	width:932px;
	height:420px;
	z-index:2;
	background-image: url(images/plan.png);
	
}
/* zone de texte spécifique à la page actualité */
#texteactu {
	position:absolute;
	left:59px;
	top:282px;
	width:932px;
	height:410px;
	z-index:19;
}
/* zone de texte spécifique à la page contact */
#textecontact{
	position:absolute;
	left:313px;
	top:291px;
	width:662px;
	height:429px;
	z-index:2;
	background-image: url(images/arriere_plan_contact.png);
}
/* zone de texte spécifique à la page mentions légales */
#texte-mentions-legales {
	position:absolute;
	left:53px;
	top:289px;
	width:936px;
	height:419px;
	z-index:16;
}

#basdepage {
	position:absolute;
	left:101px;
	top:748px;
	width:958px;
	height:21px;
	z-index:5;
}

.Style8 {
	color: #FFFFFF
}

/* la barre de recherche interne au site */
#rechercher {
	position:absolute;
	left:608px;
	top:200px;
	width:232px;
	height:60px;
	z-index:10;
	border: thin;
	border-color:#000000;
}

/* lien de la page d'accueil pour lire la suite*/
#lirelasuite {
	position:absolute;
	left:182px;
	top:686px;
	width:80px;
	height:18px;
	z-index:8;
}
.Style7 {
	color: #3333FF
}

/* c'est le cadre de la rubrique "société" du menu icône*/
#msociete {
	position:absolute;
	left:43px;
	top:185px;
	width:114px;
	height:71px;
	z-index:12;
}
/* c'est le cadre de la rubrique "nos produits" du menu icône*/
#mnosproduits {
	position:absolute;
	left:139px;
	top:185px;
	width:99px;
	height:71px;
	z-index:12;
}
/* c'est le cadre de la rubrique "notre expertise" du menu icône*/
#mnotreexpertise {
	position:absolute;
	left:248px;
	top:186px;
	width:108px;
	height:71px;
	z-index:12;
}
/* c'est le cadre de la rubrique "actualités" du menu icône*/
#mactualites {
	position:absolute;
	left:357px;
	top:186px;
	width:98px;
	height:71px;
	z-index:12;
}
/* c'est le cadre de la rubrique "contact" du menu icône*/
#mcontact {
	position:absolute;
	left:456px;
	top:188px;
	width:98px;
	height:67px;
	z-index:12;
}
/* c'est le cadre du bouton "espace client" */
#espaceclient {
	position:absolute;
	left:913px;
	top:182px;
	width:85px;
	height:50px;
	z-index:14;
}
/* c'est le cadre repère en dessous du menu icône*/
#sesituer {
	position:absolute;
	left:46px;
	top:264px;
	width:620px;
	height:18px;
	z-index:15;
}

.Style9 {
	font-size: 12px;
color: #062B47;
}
#postuler {
	position:absolute;
	left:385px;
	top:386px;
	width:316px;
	height:104px;
	z-index:16;
}

/* style de l'écriture des textes*/
.Style13 {
	font-size:14px;
	color: #062B47;
	list-style-position: outside;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*Style de la page nos produits*/
.Style14 {
	font-size:15px;
	color: #062B47;
	list-style-position: outside;
}
/* début lien repère*/
a.lien-noir:link{
	border-style:none;
	text-decoration:none;
	color: #000000;
}
a.lien-noir:visited{
	border-style:none;
	text-decoration:none;
	color: #000000;
}

a.lien-noir:link:hover{
	border-style:none;
	color: #000000;
	text-decoration:underline;
}

a.lien-noir:visited:hover{
	border-style:none;
	color: #000000;
	text-decoration:underline;
}
a.lien-colore:link{
	border-style:none;
	text-decoration:none;
	color: #0099CC;
}
a.lien-colore:visited{
	border-style:none;
	text-decoration:none;
	color: #0099CC;
}
a.lien-colore:visited:hover{
	border-style:none;
	color: #0099CC;
	text-decoration:underline;
}
a.lien-colore:link:hover{
	border-style:none;
	text-decoration:underline;
	color: #0099CC;
}
/* fin des liens repères*/

/* lien bas de page*/
a.lien-bas-de-page:link /* liens non visités*/{
	border-style:none;
	text-decoration:none;
	color: #FFFFFF;
}
a.lien-bas-de-page:visited/* les liens déjà visités */{
	border-style:none;
	text-decoration:none;
	color: #FFFFFF;
}

a.lien-bas-de-page:visited:hover /* lorsqu'on passe avec la souris et qu'on a déjà visité la page*/ {
	border-style:none;
	text-decoration:none;
	color: #CCCCCC;
}

a:active,a:focus{
	outline:none;
}

.Style10 {
	font-size: 18px;
}


/* couleur du liens quand la souris passe sur le lien*/
.Style11 {
	color: #DA283E;
	font-size:12px;
	
}
/* ici on est dans l'espace client, c'est l'encadré gris d'identification*/
#cadreec {
	position:absolute;
	left:434px;
	top:325px;
	width:363px;
	height:329px;
	z-index:15;
	background-image: url(images/image%20espace%20client/cadre%205.png);
}

.Style16 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #062B47;
}

h3 {
	font-size:17px;
	
}
/* style bleu R:55/V:132/B:192 et grosseur en 18px -> style mis sur les liens de la page où on se situe */
.Style17 {
	color: #3784C0;
	font-size: 18px;
}
/* couleur bleu de fr conseil*/
.Style18 {color: #062B47}

.Style19 {
	font-size:14px;
	color: #062B47;
}

.Style12 {
	font-size:14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #062B47;
}

/* calque dans le formulaire pour dire que les champs avec une astérisque sont obligatoires */
#champs_obligatoires {
	position:absolute;
	left:514px;
	top:397px;
	width:170px;
	height:40px;
	z-index:16;
} 
/* zone de texe du plan d'accés: indication routière */
#indication_route {
	position:absolute;
	left:674px;
	top:352px;
	width:274px;
	height:346px;
	z-index:16;
}

.Style20 {font-size: 16px}

/* image du gps dans le page plan d'accés */
#gps {
	position:absolute;
	left:177px;
	top:-16px;
	width:70px;
	height:54px;
	z-index:17;
	background-image: url(images/gps1.png);
}
/* capture d'écran des deux sites réalisés par fr conseil su la page "création de site"*/
#siterealiseparfrconseil1 {
	position:absolute;
	left:336px;
	top:227px;
	width:167px;
	height:133px;
	z-index:16;
}

#siterealiseparfrconseil2 {
	position:absolute;
	left:518px;
	top:227px;
	width:171px;
	height:140px;
	z-index:17;
}
/* les tirets bleu de l'actualité*/
#tiretbleu1 {
	position:absolute;
	left:8px;
	top:424px;
	width:286px;
	height:16px;
	z-index:16;
	background-image: url(images/doc%20actualites/tiretbleu.png);
}
#tiretbleu2 {
	position:absolute;
	left:154px;
	top:66px;
	width:673px;
	height:11px;
	z-index:17;
	background-image:url(images/doc%20actualites/tiretbleu.png);
}

.Style22 {
	color: #3784C0;
	font-size: 16px;
}

.Style23 {
	color: #33CCFF;
	font-size: 12px;
}


h2 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 14px;
	/* font-style: oblique;*/
	font-weight: bold;
	color: #062B47;
}
h1{ 
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 16px;
	/*font-style: oblique;*/
	font-weight: bold;
	color: #3784c0;
}


a.texte:visited{
	color: #FF66CC;
}


#texte blockquote .Style13 {
	text-align: justify;
}
#texte div .Style13 blockquote blockquote p {
	text-align: justify;
}
/* lien pour la page "offres d'emploi"*/
a.offres:link:hover {
	font-size:16px;
	text-decoration:none;
	color: #0099CC;
	border-style:none;
}

a.offres:visited:hover {
	font-size:16px;
	text-decoration:none;
	color: #0099CC;
	border-style:none;
}

a.offres:visited, a.offres:link{
	color:#062B47;
}
/* liens pour les fiches produits PDF*/
a.fiche_produit:link, a.fiche_produit:visited {
	text-decoration:none;
	color: #DA283E;
	font-size:14px;
}
a.fiche_produit:link:hover{
	color:#DA283E;
	font-size:14px;
	text-decoration:underline;
}
a.fiche_produit:visited:hover{
	color:#DA283E ;
	font-size:14px;
	text-decoration:underline;
}
/* la barre horizontale dans la zone texte de la page "création de site"*/
#texte hr{ 
	color:#3784C0;
	width:15%;
}
/* début des barres horizontales de la page "plan du site"*/
#societe_expertise hr{
	width:50%;
	color:#3784C0;
}

#produits hr{
	width:50%;
	color:#3784C0;
}

#espaceclient_actu_contact hr{
	width:50%;
	color:#3784C0;
}
/* fin des barres horizontales*/

/*sous menu*/
#menucss {
	list-style:none;
	padding:0;
	margin-top:15px;
}

#menucss ul{
	list-style:none;
}

#menucss li{
	margin-top:15px;
	margin-left:10px;
	list-style-position: outside;
	list-style-type: none;
}

#menucss a{
	color: #062B47;
	text-decoration:none;
}

#menucss a:hover{
	color: #DA283E;
	text-decoration:none;
	
}

#menucss a:active{
	text-decoration: blink;
}
#sous li{
	margin-left:-2px;
	color: #062B47;
	margin-top:7px;
	font-size:13px;
}
/* fin sous menu*/


#identification {
	position:absolute;
	width: 181px;
	background-color: #ffff99;
	left: 2%;
	border: medium ridge black;
	text-align:center;
	height: 73px;
	z-index:auto;
}
.Style37 {font-size: 14px}


#texte li	{
	margin-top:11px;
	}
	
#texte1 {
	position:absolute;
	left:302px;
	top:275px;
	width:686px;
	height:405px;
	z-index:2;
}	
#texte1 td{
border:  dashed  #999999 1px;
border-right:none;
border-left:none;
border-top:none;
}	

#texte2 {
	position:absolute;
	left:310px;
	top:284px;
	width:667px;
	height:474px;
	z-index:2;
	
}
#texte2 td{
border-top:  dashed  #999999 1px;
border-bottom:dashed  #999999 1px;

}


#pagesuivante {
	position:absolute;
	left:551px;
	top:438px;
	width:146px;
	height:20px;
	z-index:15;
}

a.pagesuivante:visited, a.pagesuivante:link{
	text-decoration:none;
	color: #DA283E;
	font-size:12px;
}

a.pagesuivante:hover{
	text-decoration:none;
	color: #062B47;
	font-size:12px;
}

#txt_societe {
	position:absolute;
	left:359px;
	top:299px;
	width:443px;
	height:373px;
	z-index:17;
}

#bambou2 {
	position:absolute;
	left:467px;
	top:70px;
	width:164px;
	height:355px;
	z-index:16;
}

a.plan_lien:link{
	text-decoration:none;
	color:#062B47;
}

a.plan_lien:visited{
	text-decoration:none;
	color:#062B47;
}

a.plan_lien:visited:hover{
	text-decoration:none;
	color: #3784C0;
}

a.plan_lien:hover{
	text-decoration:none;
	color: #3784C0;
}

#imageformation {
	position:absolute;
	left:669px;
	top:339px;
	width:307px;
	height:185px;
	z-index:17;
}

#txt_formation {
	position:absolute;
	left:333px;
	top:337px;
	width:328px;
	height:195px;
	z-index:16;

}
#txt_formation2 {
	position:absolute;
	left:18px;
	top:256px;
	width:640px;
	height:202px;
	z-index:18;
}

#lienaccueil {
	position:absolute;
	left:36px;
	top:7px;
	width:41px;
	height:26px;
	z-index:16;
}
#lienaccueil1 {
	position:absolute;
	left:89px;
	top:8px;
	width:86px;
	height:24px;
	z-index:17;
}
a.lien_plan:link:hover{
	text-decoration:none;
	color: #062B47;
}

a.lien_plan:visited:hover{
	text-decoration:none;
	color: #062B47;
}

a.lien_plan:link{
	text-decoration:none;
	color: #3784C0;
}

a.lien_plan:visited{
	text-decoration:none;
	color: #3784C0;
}


#societe_expertise {
	position:absolute;
	left:28px;
	top:49px;
	width:265px;
	height:361px;
	z-index:18;
	border-right: thin solid  #062B47;
	}
#produits {
	position:absolute;
	left:327px;
	top:49px;
	width:304px;
	height:361px;
	z-index:19;
	border-right: thin solid #062B47;
}
#espaceclient_actu_contact {
	position:absolute;
	left:663px;
	top:49px;
	width:271px;
	height:391px;
	z-index:20;
}

.Style26 {
	color: #3784C0;
	font-weight: bold;
	list-style-type: square;
}


.Style38 {color: #3784C0;
}

#locaux_frconseil {
	position:absolute;
	left:17px;
	top:142px;
	width:113px;
	height:100px;
	z-index:18;
	background-image: url(images/accueil/locaux%20bleu.png);
}
#encadre_droit_accueil {
	position:absolute;
	left:840px;
	top:290px;
	width:140px;
	height:425px;
	z-index:19;
	border-width: thick;
	border-color: #FFFFFF;
	border-width: thin;
	border-style:outset;
}
#txt_accueil {
	position:absolute;
	left:370px;
	top:434px;
	width:377px;
	height:203px;
	z-index:20;
}
#adresse {
	position:absolute;
	left:-5px;
	top:265px;
	width:154px;
	height:158px;
	z-index:21;
}
#imgaccueil {
	position:absolute;
	left:312px;
	top:298px;
	width:489px;
	height:112px;
	z-index:22;
}
#mot_cle_accueil {
	position:absolute;
	left:340px;
	top:651px;
	width:434px;
	height:62px;
	z-index:23;
}

.Style39 {font-size: 16px}

/*Actu*/
#bouton1 {
	position:absolute;
	left:15px;
	top:249px;
	width:37px;
	height:31px;
	z-index:20;
	background-image: url(images/doc%20actualites/bouton.png);
}
#mois1 {
	position:absolute;
	left:55px;
	top:259px;
	width:93px;
	height:21px;
	z-index:21;
}
#bouton2 {
	position:absolute;
	left:31px;
	top:67px;
	width:39px;
	height:30px;
	z-index:22;
	background-image: url(images/doc%20actualites/bouton.png);
}
#mois2 {
	position:absolute;
	left:101px;
	top:71px;
	width:115px;
	height:22px;
	z-index:23;
}

#actu1 {
	position:absolute;
	left:23px;
	top:6px;
	width:909px;
	height:200;
	z-index:24;

}
#actu2 {
	position:absolute;
	left:2px;
	top:207px;
	width:909px;
	height:61px;
	z-index:25;
}

/*Fin actu*/

/*page présentation*/
.Style24 {font-size: 24px}

#voiture {
	position:absolute;
	left:93px;
	top:621px;
	width:171px;
	height:114px;
	z-index:1;
	visibility: visible;
}


.Style38 {
	color: #3784C0;
	font-weight: bold;
}
/*Fin page présentation*/

/*page offre d'emploi*/
#txt_offre_demploi {
	position:absolute;
	left:-9px;
	top:17px;
	width:429px;
	height:387px;
	z-index:16;
}


.Style24 {font-size: 24px}
#offre {
	position:absolute;
	left:418px;
	top:23px;
	width:249px;
	height:227px;
	z-index:16;
}
.Style36 {font-size: 12px}

.Style38 {font-size: 14px}
.Style39 {font-size: 13px}
/*fin page offre d'emploi*/

/*page offres 1 et 2*/
#postuler {
	position:absolute;
	left:385px;
	top:386px;
	width:316px;
	height:102px;
	z-index:16;
}


.Style38 {font-size: 12px}
/*Fin page offres 1 et 2*/

	/*page nos chiffres clés*/
#image_graphe {
	position:absolute;
	left:426px;
	top:269px;
	width:279px;
	height:175px;
	z-index:16;
	
}
.Style29 {
	font-size: 18px;
	font-weight: bold;
}
/*Fin page nos chiffres clés*/

/*page materiel informatique*/
#image_mat_infor {
	position:absolute;
	left:367px;
	top:261px;
	width:253px;
	height:163px;
	z-index:16;
}
#txt_materiels_informatiques {
	position:absolute;
	left:39px;
	top:281px;
	width:307px;
	height:172px;
	z-index:16;
}
.Style24 {font-size: 24px}
/*fin page materiel informatique*/

/*Pages logiciels*/
.Style25 {
	color: #666666;
	font-size: 12px;
}

.Style38 {color: #666666; font-size: 12px; font-weight: bold; }
/*pour page suivante des logiciels*/
.Style40 {font-weight: bold}
.Style41 {color: #DA283E}
.Style42 {font-size: 12px}
/*Fin page suivante des logiciels et fin pages logiciels*/

/*Page formation*/

.Style38 {
	list-style-position: outside;
	font-size: 14px;
	color: #DA283E;
}
.Style39 {color: #DA283E;}
/*Fin page formation*/


/* couleur des astérisques du formulaire de contact */
.Style43 {color: #FF0000;}

/*page partenariat*/
#partenaire1 {
	position:absolute;
	left:51px;
	top:77px;
	width:159px;
	height:135px;
	z-index:1;
}
#partenaire2 {
	position:absolute;
	left:269px;
	top:80px;
	width:159px;
	height:135px;
	z-index:1;
}
#partenaire3 {
	position:absolute;
	left:488px;
	top:81px;
	width:159px;
	height:135px;
	z-index:2;
}
#partenaire4 {
	position:absolute;
	left:53px;
	top:261px;
	width:159px;
	height:135px;
	z-index:1;
}
#partenaire5 {
	position:absolute;
	left:273px;
	top:261px;
	width:159px;
	height:135px;
	z-index:1;
}
#partenaire6 {
	position:absolute;
	left:487px;
	top:260px;
	width:159px;
	height:135px;
	z-index:2;
}
/*fin de la page partenariats*/


#logo_windows7 {
	position:absolute;
	left:667px;
	top:-19px;
	width:170px;
	height:87px;
	z-index:1;
}


.Style43 {font-size: 20px;}

.Style44 {font-size: 15px;}

.style45 {
	font-size: 15px;
	color: #062B47; 
	font-style: italic;
	}