@charset "utf-8";
/* CSS Document */

html, body  {
	margin: 0px 0px 0px 0px;
	font-family:arial;
	padding: 0;
	font-size:12px;
	background-image:url("../img/fo/bg.gif"); background-repeat:repeat-x;
	background-color:#ababab;
}
img {border:none;}
p {margin:0px 0px 0px 0px;}

.SI-FILES-STYLIZED label.cabinet
{
    width: 79px;
    height: 22px;
    background: url("../img/fo/parcouriruk.gif") 0 0 no-repeat;

    display: block;
    overflow: hidden;
    cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#accueil { background-image:url("../img/fo/en/fond_accueil.png"); width:352px; height:115px; background-repeat:no-repeat }
#accueil ul{ float:left; margin:26px 0px 0px 0px; padding:0px 0px 0px 0px;}
#accueil ul li { list-style-type:none; margin-left:5px;color:#8a8787; font-family:arial; font-size:11px;}

#accueil ul li a{ text-decoration:none;color:#757575; font-family:arial; font-size:11px;}
#accueil ul li a:hover{ text-decoration:underline;}


#header { height:146px; background-image:url("../img/fo/en/header.png"); background-repeat:no-repeat;}
#bigContainer {width:980px; position: relative; margin-left:auto; margin-right:auto; height:100%; border:0px solid black; }
#menu { height:34px;  line-height:36px;;margin : -1px 0px 0px 1px;padding: 0px 0px 0px 0px; float:left; width:99.3%;  background-image:url("../img/fo/fond-container.png"); overflow:hidden;  border:0px solid red; position:relative; z-index:50;}
#menu li {list-style-type:none;float:left;}
#menu li a:link, #menu li a:visited , .firstTab { background-image:url("../img/fo/tab.png"); width:141px; height:36px; display:block; text-align:center;vertical-align:middle; 
text-decoration:none; font-family:arial; font-size:12px; color:#9a9999; font-weight:bold;}


#menu li a.firstTab:link, #menu li a.firstTab:visited{background-image:url("../img/fo/firstmenu.png");  width:127px;}
#menu li a.firstTab:hover, #menu li a.firstTabhover:link, #menu li a.firstTabhover:visited {background-image:url("../img/fo/firstmenuhover.png"); color:#fff; width:126px;}

#menu li a.demoTab:link, #menu li a.demoTab:visited{background-image:url("../img/fo/demo-tab.png"); width:122px; color:white;}
#menu li a.demoTab:hover, #menu li a.demoTabhover:link, #menu li a.demoTabhover:visited {background-image:url("../img/fo/demotabhover.png"); color:#fff;}

#menu li a.lastTab:link, #menu li a.lastTab:visited{background-image:url("../img/fo/last-tab.png"); width:124px;}
#menu li .lastTab a:hover, #menu li a.lastTabhover:link, #menu li a.lastTabhover:visited {border:0px solid yellow;background-image:url("../img/fo/last-tab-hover.png"); color:white;}
#menu li a:hover,#menu li a.tabhover,#menu li a.tabhover:visited {background-image:url("../img/fo/tab-hover.png");color: white;}


#SousMenu { height:32px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px solid red; width:500px; position:absolute; z-index:10;}


.iee {margin-left:-28px; margin-top:20px;}


#SousMenu li {list-style-type:none;float:left; display:block; text-align:center; line-height:14px; vertical-align:bottom; }

#SousMenu li a.sm1:link, #SousMenu li a.sm1:visited { background-image:url("../img/fo/sousm1.png");color:#fff; font-family:arial; font-size:10px; font-weight:bold; width:83px; height:32px;  display:block; text-align:center; text-decoration:none;}
#SousMenu li a.sm1:hover { background-image:url("../img/fo/sousmhover1.png"); text-decoration:underline;}

#SousMenu li a.sm2:link, #SousMenu li a.sm2:visited { background-image:url("../img/fo/sousm2.png");color:#fff; font-family:arial; font-size:10px; font-weight:bold; width:82px; height:32px;  display:block; text-align:center; text-decoration:none;}
#SousMenu li a.sm2:hover { background-image:url("../img/fo/sousmhover2.png"); text-decoration:underline;}

#SousMenu li a.sm3:link, #SousMenu li a.sm3:visited { background-image:url("../img/fo/sousm3.png");color:#fff; font-family:arial; font-size:10px; font-weight:bold; width:83px; height:32px;  display:block; text-align:center; text-decoration:none;}
#SousMenu li a.sm3:hover { background-image:url("../img/fo/sousmhover3.png"); text-decoration:underline;}

#SousMenu li a.sm4:link, #SousMenu li a.sm4:visited { background-image:url("../img/fo/sousm4.png");color:#fff; font-family:arial; font-size:10px; font-weight:bold; width:82px; height:32px;  display:block; text-align:center; text-decoration:none;}
#SousMenu li a.sm4:hover { background-image:url("../img/fo/sousmhover4.png"); text-decoration:underline;}

#SousMenu li a.sm5:link, #SousMenu li a.sm5:visited { background-image:url("../img/fo/sousm5.png");color:#fff; font-family:arial; font-size:10px; font-weight:bold; width:83px; height:32px;  display:block; text-decoration:none;}
#SousMenu li a.sm5:hover { background-image:url("../img/fo/sousmhover5.png"); text-decoration:underline;}

#SousMenu li a.sm6:link, #SousMenu li a.sm6:visited { background-image:url("../img/fo/sousm6.png");color:#fff; font-family:arial; font-size:10px; font-weight:bold; width:84px; height:32px;  display:block; text-decoration:none;}
#SousMenu li a.sm6:hover { background-image:url("../img/fo/sousmhover6.png"); text-decoration:underline;}


#corp{margin-left:4px; background-image:url("../img/fo/fond-container.gif"); background-repeat:repeat-y; height:100%; border:0px solid black; width:978px; }
#corp_plus {margin-left:4px; background-image:url("../img/fo/fond_black.jpg"); background-repeat:no-repeat; height:100%;
 width:969px; background-color:#262626; border:0px solid red; margin-top:-1px; position:relative;}

#CorpDefault {background-image:url("../img/fo/fond-container.gif"); background-repeat:repeat-y; height:100%; border:1px solid black; width:900px; }

#LeftCol {float:left; margin:0px 0px 0px 00px; width:780px; border:0px solid black; padding:0px 4px 0px 0px;}

#RightCol {float:left; width:186px;margin-left:-3px; border:0px solid black;}

#Newsletter { width:185px; height:64px; background-image:url("../img/fo/en/fond-newsletter.gif"); padding:0px 0px 0px 0px; background-repeat:no-repeat;}

.champEmail { border:#3e3d3d solid 1px; width:136px; height:17px; background-image:url("../img/fo/fond-champ-email.gif"); background-repeat:no-repeat;
		       color:#807f7f; font-size:10px; font-family:arial; font-weight:normal; padding:2px 2px 0px 5px; line-height:17px; vertical-align:baseline;}
.texteBlanc { color:#fff; font-family:arial; font-size:12px; font-weight:bold; text-transform:uppercase; padding-top:10px;}
.texteGray { color:#262525; font-family:arial; font-size:11px; font-weight:normal;}
.GrayCont { color:#727171; font-family:arial; font-size:11px; font-weight:normal;}

.texteGrayBold { color:#262525; font-family:arial; font-size:11px; font-weight:bold;}
.titleRed { color:#af090b; font-family:arial; font-size:11px; text-transform:uppercase; font-weight:bold;}
.detailsNews { color:#777777; font-family:arial; font-size:10px;}
.TitledetailsNews { color:#777777; font-family:arial; font-size:10px; font-weight:normal;}

.TitleInterview { color:#656464; font-family:arial; font-size:11px; font-weight:bold; width:90%;}
.texteInteview { color:#7e7e7e; font-family:arial; font-size:10px; }
.TinyRed { color:#af090b; font-family:arial; font-size:9px; font-weight:bold;}
.TinyRed a{ text-decoration:underline;}
.TinyRed a:hover{ text-decoration:none;}

.SmalRed { color:#90480f; font-family:arial; font-size:11px; font-weight:normal;}
.SmalRed a{ text-decoration:underline;}
.SmalRed a:hover{ text-decoration:none;}

.TinyGray { color:#565555; font-family:arial; font-size:9px; font-weight:bolder;  }
.TinyGray a{ text-decoration:none;}
.TinyGray a:hover{ text-decoration:underline;}

.GryDouz { color:#696868; font-size:12px; font-family:arial; font-weight:normal;}
.GreenDouz {color:#527e13; font-size:12px; font-family:arial; font-weight:bold;}


.Red { color:#90480f; font-family:arial;  font-weight:bold; text-decoration:none;}

.RedStite { color:#90480f; font-family:arial;  font-weight:bold; text-decoration:none; font-size:17px;}

.GrayBold { color:#4a4949; font-family:arial; font-size:12px; font-weight:bold; text-transform:uppercase;}

.GrayNormal { color:#4a4949; font-family:arial; font-size:12px; font-weight:normal; }

.TexteGris {color:#656464; font-family:arial; font-weight:normal; font-size:12px; text-decoration:none;}
.tinytxtGris { color:#828181; font-family:arial; font-size:9px; font-style:italic; font-weight:normal;}
.TextBlack {color:#000000; font-family:arial; font-weight:bold; font-size:12px; }
.TextGrinsFoncee {color:#313131; font-family:arial; font-weight:bold; font-size:12px; }

.Gray { color:#656464; font-family:arial; font-weight:normal; font-size:12px; text-decoration:none; }
.textBeige { color:#a96714; font-family:arial; font-size:12px; font-weight:bold; text-decoration:none;}

.sousTitreBeige { color:#90480f; font-family:arial; font-size:15px; font-weight:normal; }
.TitrBeige { color:#4e1a02; font-family:arial; font-size:16px; font-weight:bold; }

.titrBeigeN { color:#90480f; font-family:arial; font-size:20px; font-weight:normal;}
.StitrBeige { color:#663821; font-family:arial; font-size:14px; font-weight:bold;}

.TitlePageBeige { color:#4e1a02; font-family:arial; font-size:24px; font-weight:bold;}
.SousTitlePage { color:#90480f; font-family:arial; font-size:15px; font-weight:normal; }

#boxpres-gl { width:430px; margin:24px 0px 40px 15px;}
#boxpres-gl ul { margin:8px 0px 0px 32px; padding:0px 0px 0px 0px; }
#boxpres-gl ul li { list-style-image:url("../img/fo/plus-beige.gif"); font-family:arial; font-size:12px; font-weight:normal; color:#90480F; margin:12px 0px 12px 0px;text-decoration:none;}


#boxPresGl { background-image:url("../img/fo/pres-gl.gif"); width:314px; height:318px; }
#boxPresGl ul { margin:8px 0px 0px 32px; padding:0px 0px 0px 0px; }
#boxPresGl ul li { list-style-image:url("../img/fo/plus-beige.gif"); font-family:arial; font-size:11px; font-weight:normal; color:#525151; margin:0px 0px 4px 0px;}

.titlePresGl { color:#4e1a02; font-family:arial; font-size:17px; font-weight:bold;}
.SoustitlePresGl { color:#90480f; font-family:arial; font-size:17px; font-weight:normal;}
.graytextepresGl { color:#525151; font-family:arial; font-size:11px; font-weight:normal;}
 
.RedPresParc { color:#e2001a; font-family:arial; font-size:13px; font-weight:bold; text-transform:uppercase;}

.linkBeige { color:#90480f; font-family:arial; font-size:12px; font-weight:bold; text-decoration:none;}
.linkBeige a:link{ text-decoration:underline;}
.linkBeige a:hover; .linkBeige a:visited{ text-decoration:none} 

#inno { margin-left:342px; color:#6a6868; font-family:arial; font-weight:normal; font-size:12px; width:392px;}
#inno ul li { list-style-image:url("../img/fo/puce-beige.gif"); color:#434242; font-family:arial; font-weight:bold; margin-bottom:8px; }

#simplicite {margin-left:365px; color:#6a6868; font-family:arial; font-weight:normal; font-size:12px; width:392px;}
#simplicite ul {color:#434242; font-family:arial; font-weight:normal; margin-bottom:8px; font-size:12px }
#simplicite ul li{list-style-image:url("../img/fo/puce-beige.gif"); color:#434242; font-family:arial; font-weight:bold; margin-bottom:8px;}




.beigeTi { color:#90480f; font-size:20px; font-family:arial; font-weight:normal; }
.beigeSri { color:#663821; font-size:14px; font-family:arial; font-weight:bold;}

.redBoxSimp { color:#e20511; font-size:13px; font-family:arial; font-weight:bold; text-transform:uppercase;}
.GrayBoxSimp { color:#1b1b1b; font-size:13px; font-family:arial; font-weight:bold; text-transform:uppercase;}

#boxSimp { width:322px;}
#boxSimp ul li { list-style-image:url(../img/fo/puce-dot-red.gif); font-family:arial; font-size:12px; font-weight:normal; color:#1b1b1b; margin-bottom:8px;}

#boxSimp2 { width:312px;}
#boxSimp2 ul li { list-style-image:url(../img/fo/puce-dot-gris.gif); font-family:arial; font-size:12px; font-weight:normal; color:#e20511; margin-bottom:8px;}

.beigeSimpli { color:#663821; font-family:arial; font-size:12px; font-weight:bold; }

#Gmod2 { margin:34px 0px 0px 0px; width:345px; color:#434242; font-family:arial; font-weight:normal; margin-bottom:8px; font-size:12px }
#Gmod2 ul {color:#434242; font-family:arial; font-weight:normal; margin-bottom:8px; font-size:12px }
#Gmod2 ul li{list-style-image:url("../img/fo/puce-beige.gif"); color:#434242; font-family:arial; font-weight:bold; margin-bottom:8px;}

#Gmodularite1 { margin:183px 0px 0px 21px;}

#BoxModularite { width:310px; height:223px; margin-top:20px; }
#BoxModularite ul li {list-style-image:url("../img/fo/plus-beige.gif"); color:#525151; font-family:arial; font-weight:normal; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; }

.Titlemarron { color:#4e1a02; font-size:20px; font-family:arial; font-weight:bold; }
 .tinybeige { color:#90480f; font-family:arial; font-size:10px; font-weight:normal; font-style:italic;}
.titleBeige { color:#90480f; font-family:arial; font-size:15px; font-weight:bold; text-decoration:none; }

.GrayPdf { color:#656464; font-family:arial; font-weight:bold; font-size:12px; text-decoration:underline; }
.GrayPdf a:hover, .GrayPdf a:visited{ color:#656464; font-family:arial; font-weight:bold; font-size:12px; text-decoration:none; }


#boxpkoi { width:410px; height:130px; margin:125px 0px 0px 10px;}
#boxpkoi ul { margin:13px 0px 0px 5px; padding:0px 0px 0px 0px; }
#boxpkoi ul li { list-style-image:url("../img/fo/puce-pkoi-beige.gif"); font-family:arial; font-size:12px; color:#4e1a02; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px;}

#boxpkoi2 { width:310px; height:244px; margin:33px 0px 0px 14px;}
#boxpkoi2 ul { margin:13px 0px 0px 5px; padding:0px 0px 0px 0px; font-size:12px; color:#656464; font-weight:normal; }
#boxpkoi2 ul li { list-style-type:decimal; margin:0px 0px 23px 0px; padding:0px 0px 0px 0px;}

#boxpkoichoisir1 {width:342px; height:96px; margin:3px 0px 0px 19px; }
#boxpkoichoisir1 ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#boxpkoichoisir1 ul li{ list-style-image:url("../img/fo/plus-red.gif"); color:#434242; margin:4px 0px 0px 15px; font-size:11px; padding:0px 0px 0px 0px;  }

#boxpkoichoisir2 {width:342px; height:96px; margin:3px 0px 0px 19px; }
#boxpkoichoisir2 ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#boxpkoichoisir2 ul li{ list-style-image:url("../img/fo/plus-red.gif"); color:#434242; margin:5px 0px 0px 15px; font-size:11px; padding:0px 0px 0px 0px;  }

.redpkoi { color:#af090b; text-transform:uppercase; font-family:arial; font-size:11px; font-weight:bold;}

/*font-family:arial; font-size:16px; color:#93490e; font-weight:bold;*/

.decouvPkoi { color:#90480f; font-family:arial; font-size:12px; text-decoration:underline; font-weight:bold }
.decouvPkoi a:link{ color:#90480f; font-family:arial; font-size:12px; text-decoration:underline; font-weight:bold }
.decouvPkoi a:hover, .decouvPkoi a:visited{ text-decoration:none; }

.StitleBoxPkopi { color:#90480f; font-family:arial; font-size:14px; font-weight:normal;}
.titleBoxPkoi { color:#4e1a02; font-family:arial; font-size:18px; font-weight:bold;}


.GraySm { color:#666565; font-family:arial; font-weight:normal; font-size:11px; text-decoration:none; text-decoration:none; font-weight:normal; }
.Grayn { color:#656464; font-family:arial;  font-weight:normal; text-decoration:none; }

.gargary { color:#4e4c4c; font-size:17px;  font-weight:bold;}
.GtitleRes { color:#90480f; font-family:arial; font-size:23px; letter-spacing:1px; font-weight:bold;} 
.GtitleRes2 { color:#90480f; font-family:arial; font-size:22px; letter-spacing:1px; font-weight:bold;} 
.GtitleRes3 { color:#90480f; font-family:arial; font-size:21px;  font-weight:bold;} 

.SSTitleRed { color:#780000; font-family:arial; font-size:18px;}
.SSTitleRed2 { color:#780000; font-family:arial; font-size:14px;}
.SSTitleRed3 { color:#780000; font-family:arial; font-size:17px;}

.SSTitleRed3  ul{ margin:0px 0px 0px 0px; padding:0pc 0pc 0pc 0px;}
.SSTitleRed3  li{ margin:0px 0px 0px 0px; padding:0pc 0pc 0pc 0px;}

.Greeeeen { color:#8ab12c; font-family:arial; font-size:20px; font-weight:bold;}

.GreenTitle { color:#8ab12c; font-family:arial; font-size:20px; font-weight:bold;}
.GreeSoutitle { color:#527e13; font-family:arial; font-size:16px; font-weight:bold;}
.GreenTexte { color:#527e13; font-family:arial; font-size:11px; font-weight:bold;}


.TilteGray { color:#4a4949; font-family:arial; font-size:14px; font-weight:bold;}
.TitleRedContact { color:#90480f; font-family:arial; font-size:18px; font-weight:bold; letter-spacing:1px;}
.Redr { color:#780000; font-family:arial; font-size:11px; letter-spacing:2px;}
.TitleBox { color:#8b0507; font-family:Arial; font-size:12px; text-transform:uppercase; font-weight:bold;}
.GrayB { color:#545454; font-family:arial; font-weight:normal; font-size:11px; text-decoration:none; font-weight:bold}

#interview { width:100%; height:230px; background-image:url("../img/fo/bg-interview.gif"); background-repeat:repeat-y; padding:0px 0px 0px 12px; border:0px solid black;}
#interview p { margin:0px 0px 5px 0px;}
#news { background-image:url("../img/fo/bg-news.gif"); width:185px;  background-repeat:repeat-y; margin:0px 0px 0px 0px; border:0px solid black;}



#theme { background-image:url("../img/fo/fond-themes.gif"); width:783px; height:81px; background-repeat:no-repeat }
#theme ul{ float:left; margin:26px 0px 0px 0px; padding:0px 0px 0px 0px; width:240px;}
#theme ul li { list-style-image:url("../img/fo/puce-theme.png"); color:#8a8787; font-family:arial; font-size:11px;}

#theme ul li a{ text-decoration:none;color:#8a8787; font-family:arial; font-size:11px;}
#theme ul li a:hover{ text-decoration:underline;}

#demo { background-image:url("../img/fo/demo.gif"); width:787px; height:113px;}

#content { margin:10px 0px 0px 10px;  }
#content ul { list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px;}
#content ul li{ margin:0px 0px 10px 40px; color:#90480f; font-family:arial; font-size:12px; font-weight:bold; text-decoration:underline;}

#content ul li a:link, #content ul li a:visited{color:#90480f; font-family:arial; font-size:12px; font-weight:bold; text-decoration:underline;}
#content ul li a:hover{text-decoration:none;}

#bloktexte {margin:0px 0px 0px 37px; width:677px;}
#bloktexte ul { list-style-image:url("../img/fo/puce-faq.png"); margin:0px 0px 40px 0px}
#bloktexte ul li { color:#656464; font-family:arial; font-family:arial; font-weight:bold; text-decoration:none;}

#BoxInterview { margin:10px 0px 0px 10px; background-image:url("../img/fo/box-interview.gif"); background-repeat:no-repeat; width:765px; padding:}
#MediaInterview { width:178px; float:left; margin:32px 0px 10px 0px;}
#TexteInterview { width:558px; float:left; margin:65px 0px 0px 12px;}
#TexteInterview ul li { list-style-image:url("../img/fo/puce-square.png");  color:#656464; font-family:arial; font-family:arial; font-weight:bold; text-decoration:none;
						 margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

#formulaire { width:394px; float:left; margin:16px 0px 0px 0px; padding:0px 0px 0px 0px}
label, #formulaire label {float:left; display:block; width:120px;}
.txtField{border:1px solid gray; width:220px; height:20px;}
#adresse { width:338px; float:left; margin:16px 0px 0px 0px;}

#IconeVid { height:47px; width:180px; background-image:url("../img/fo/icone-video.png"); background-repeat:no-repeat; line-height:47px; margin:10px 0px 0px 15px; padding:0px 0px 0px 0px; }
#elearning { height:291px; width:782px; background-image:url("../img/fo/pourquoi-choisir-elearning.jpg"); background-repeat:no-repeat;}
#elearning p span{ margin-bottom:30px;}
#contentEnlearning { margin:6px 0px 0px 250px; width:779px; height:273px; border:0px solid black;}
#contentEnlearning p { margin-bottom:24px;} 
#BoxValeurAjoutee { background-image:url("../img/fo/valeur-ajouter.png"); background-repeat:no-repeat; width:382px; height:105px; margin:0px 3px 0px 0px; float:left; padding:0px 00px 0px 0px; }
#BoxValeurAjoutee ul {margin-top:5px;}
#BoxValeurAjoutee ul li { width:90%;list-style-image:url("../img/fo/puce-theme.png"); color:#8a8787; font-family:arial; font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#content, #content p, #content ul li  {font-weight:normal; color:#656464; text-decoration:none; }
#content ul li  { list-style-type: square; }
#content .reponse {margin-top:10px; margin-bottom:10px; margin-left:30px;}
#content .reponse ul {border:0px solid red; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#content .reponse ul li {border:0px solid red; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#service { background-image:url("../img/fo/service.jpg"); background-repeat:no-repeat; width:786px; height:448px; margin:0px 0px 0px 18px;}
#BlokTexteService { width:340px; float:left; margin:0px 35px 0px 28px; padding:150px 0px 0px 0px;}
#BlokTexteService  ul{ margin:5px 0px 0px 0px;  padding:0px 0px 8px 0px; width:306px;}
#BlokTexteService ul li { list-style-image:url("../img/fo/puce-vert.png"); font-family:arial; font-size:11px; color:#525151; padding-bottom:5px; margin:0px 0px 0px 10px; }

#BlokTexteService2 { width:340px; float:left; }
#BlokTexteService2 ul{ margin:0px 0px; padding:0px 0px;} 
#BlokTexteService2 ul li{ list-style-image:url("../img/fo/puce-rouge.png"); font-family:arial; font-size:13px; color:#525151; padding-bottom:8px; margin:0px 0px 0px 13px }

#ImgInterview { width:135px; height:125px; background-image:url("../img/fo/fond-photo-small-interview.jpg"); margin:0px 0px 0px 13px;}
#BigImgInterview { width:157px; height:183px; background-image:url("../img/fo/fond-photo-bigl-interview.jpg"); margin:0px 0px 0px 13px;}

#Boxpres1 { width:420px; float:left; margin:0px 10px 0px 6px; }
#presCegos { width:319px; height:318px; background-image:url("../img/fo/fond-pres-cegos.jpg"); float:left; background-repeat:no-repeat; }
#presCegos p{ color:#4a4949; font-family:arial; font-size:12px; font-weight:normal;}
#presCegos ul{ margin:0px 0px 0px 32px; padding:0px 0px;}
#presCegos ul li { list-style-image:url("../img/fo/puce-vert.png"); font-family:arial; font-size:11px; color:#525151; padding-bottom:5px; font-weight:normal;}

.GreenReg { font-family:arial; font-size:11px; color:#527e13; font-weight:normal;}

#BoxPresentationCegos { margin:50px 0px 0px 5px; }
#BoxPres { background-image:url("../img/fo/fond-presentation.gif"); width:129px; height:200px; float:left; padding:5px 0px 0px 0px; background-repeat:no-repeat; margin:10px 0px 0px 0px;}
#elsm { background-image:url("../img/fo/fond-elms.jpg"); width:785px; height:313px; border:0px solid black; background-repeat:no-repeat;  }
#elsm ul{ padding:0px 0px; margin:18px 0px 0px 322px; width:419px;}
#elsm ul li { list-style-image:url("../img/fo/puce-vert.png"); font-family:arial; font-size:11px; color:#525151; padding-bottom:4px;}

#presCegos ul li {font-size:11px; font-weight:bold;}
#presCegos p {font-size:11px; font-weight:bold; width:80%;}
/*****************************/
  #app {position:absolute; top:0px; width:100%; left:0px; border:0px solid magenta;}
#popupContainer,.popupContainer{ position:relative; width:500px;  margin-left:auto; margin-right:auto; z-index:100;  border:0px solid red; top:90px; }
#popupClose { z-index:21; float:right; right:3px; top:5px; color:white;}
#popup,.popup {position:absolute; width:100%; height:100%; border:0px solid red;}
#blackout, .blackout {position:absolute; width:100%; height:1000px; opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	background-color: black;
	top:0px;
	z-index:20; left:0px;
	}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.spiffy4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.spiffy5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.spiffyfg{
  background:#ffffff;
  padding:10px;
  min-height:200px;
  }

  
  #NosDomaines {  width:179px; height:406px; background-image:url("../img/fo/en/nosdomaines.gif"); float:left; margin:25px 11px 0px -6px; 
  background-repeat:no-repeat; }
  #NosDomaines ul {margin:54px 0px 0px 20px; padding:0px 0px; border:0px solid blue; }
  
   #NosDomaines ul li span a{ color:#b9171a; font-family:arial; font-size:11px; font-weight:bold; text-decoration:none;}
  #NosDomaines ul li ul {margin-left: -10px;  margin-top:0px;}
  #NosDomaines ul li ul li {color:gray; font-size:11px; font-weight:normal; list-style-image:none;list-style-type:none; margin-left:10px;}
  #NosDomaines ul li ul li span a{color:gray; text-decoration:none;}
  .plusRouge { color:#b9171a; font-family:arial; font-size:11px; font-weight:bold; list-style-image:url("../img/fo/puce-rouge-module.gif"); background-repeat:no-repeat;    margin:0px 0px; padding:0px 0px; text-decoration:none;}
  #catalogue { width:585px; float:left; border:0px solid magenta;}
  #catalogue ul li,   #catalogue ul li a { list-style-image:url("../img/fo/carre-vert.png"); margin:0px 0px; padding:0px 0px;font-family:arial; 
  font-size:12px; color:#353535; text-decoration:none;}
  #catalogue p {color:#868585; font-family:arial; font-size:12px; margin:9px 43px 0px 24px; }
  
  #CorpCatalogue {width:580px; background-image:url("../img/fo/fond-titr-catalogue");background-repeat:no-repeat; margin:138px 0px 0px 0px; padding:0px 0px;}
  .management { font-family:arial; font-size:17px; color:#90480f; font-weight:bold; letter-spacing:1px;}
   #CorpCatalogue h2{ font-family:arial; color:#fff; font-size:15px; font-weight:bold; text-transform:uppercase; padding:2px 2px 2px 2px;  }
   #CorpCatalogue ul { margin:10px 10px; padding:0px 0px;}
      #CorpCatalogue ul li{ margin:0px 0px; padding:0px 0px;}
   
  #slectionPdf { background-image:url("../img/fo/en/selection-pdf.gif");  width:265px; height:124px; margin:6px 0px 0px 10px; float:right; }
 #slectionPdfen { background-image:url("../img/fo/en/selection-pdf.gif");  width:265px; height:124px; margin:6px 0px 0px 10px; float:right; } 
#slectionPdf2 {  width:265px; height:124px; margin:6px 0px 0px 50px; float:left; }
  .management {  color:#626060; font-family:arial; font-size:11px; list-style-image:url("../img/fo/dash.png") ; }
  #BesoinInfo { width:560px; height:407px; background-image:url("../img/fo/fond-besoin-dinfos.gif");  }

  .Blanc a:link, .Blanc a:visited{ font-family:arial; font-size:10px; color:#fff; text-decoration:none;}
  .Blanc a:hover { text-decoration:underline;}
  
  #CorpModule {background-image:url("../img/fo/fond-titre.gif"); background-repeat:no-repeat; margin:138px 0px 0px 0px; width:585px;  border: solid 0px red}
  
#Modulbox1 { width:242px; float:left; margin:54px 0px 0px 0px; border: solid 0px red }


.grymd2 { color:#545454; font-size:11px; font-family:arial; font-size:11px;}
.grymd2B { color:#545454; font-size:11px; font-family:arial; font-size:11px; font-weight:bold; }

#Modulbox2 { background-color:#e6f2c5; margin:10px 0px 0px 0px; width:199px; height:220px; float:left; overflow:hidden; border: solid 0px red} 

#Modulbox3 { background-color:#c6dd8b; margin:10px 0px 5px 2px; width:110px;  float:left; height:220px; overflow:hidden }
#Modulbox3 ul { margin:0px 0px 0px 0px; padding:0px 0px 0px; list-style-type:none;}

.textVertM { color:#5c912c; font-family:arial; font-size:11px; text-transform:uppercase; font-weight:bold;}

p {margin-top:10px;}
textarea {width:220px; border:1px solid gray;}
label {line-height:13px;}
.valider {background-image:url('../img/fo/validez.png'); width:137px;height:30px; background-color:white; border:0px;}
.valider2 {background-image:url('../img/fo/en/validez.png'); width:137px;height:30px; background-color:transparent; border:0px;}
#tabModule { background-image:url("../img/fo/fond-tab-modules.gif"); width:568px; height:66px; background-repeat:repeat-y; margin-left:20px; }
#TabModuleBody { background-image:url("../img/fo/fontabmo.gif"); width:568px;background-repeat:repeat-y; margin-left:20px;}

.beige { color:#655c43; font-family:arial; font-size:11px; font-weight:bold; text-transform:uppercase;}
.grgr { color:#3a3a3a; font-family:arial; font-size:11px; font-weight:normal;}
#VideoMod  {  height:482px; background-image:url("../img/fo/fond-bas-mod.gif"); background-position:bottom right; width:582px; background-repeat:no-repeat;  }
.vertItalik { font-family:arial; font-size:12px; font-weight:normal; font-style:italic; color:#789d20;}
.vertNormal { font-family:arial; font-size:12px; font-weight:bold; font-style:normal; color:#789d20;}
.LinKBlanc { font-family:arial; font-size:12px; color:#fff; text-decoration:none;}
.LinKBlanc a:link, .LinKBlanc a:visited{ font-family:arial; font-size:12px; color:#fff; text-decoration:none;}
.LinKBlanc a:hover{ font-family:arial; font-size:12px; color:#fff; text-decoration:underline;}

#ContentNewsLetter { background-image:url("../img/fo/content-newsletter"); width:767px; height:514px; margin:10px 0px 0px 12px; }
#formNewsletter { margin:0px 0px 0px 166px;}
.soustitrNewsletter { font-family:arial; color:#4e1a02; font-size:12px; font-weight:bold;}
.GrayNewsl { font-family:arial; font-size:12px; color:#656464; font-weight:normal;}
.RedTitle { color:#90480f; font-size:23px; font-family:arial; font-weight:bold;}
.RedSubtitle { color:#780000; font-family:arial; font-size:18px; font-weight:normal;}
.tinyItalic { color:#828181; font-family:arial; font-size:9px; font-style:italic; font-weight:normal;}

#pdf {width:580px; margin:138px 0px 0px 18px; padding:0px 0px;}
.titlePdf { color:#8a8a8a; font-family:arial; font-size:14px; text-decoration:none; font-weight:bold;}
.textPdfRed { color:#90480f; font-family:arial; font-size:11px; text-transform:uppercase; font-weight:bold}
.textPdfRed a:link{ color:#90480f; font-family:arial; font-size:11px; text-transform:uppercase; font-weight:bold; text-decoration:none}
.textPdfRed a:hover, .textPdfRed a:visited{ color:#90480f; font-family:arial; font-size:11px; text-transform:uppercase; font-weight:bold; text-decoration:underline;}

#fonBtnPdf { background-image:url("../img/fo/fon-pdf.png"); width:546px; height:34px; background-repeat:no-repeat; margin-top:38px;}
.texteBlack { font-family:arial; font-size:11px; font-weight:bold; font-weight:bold; color:#010101;}
.texteModule1 { font-family:arial; font-size:11px; text-transform:uppercase; color:#90480f; font-weight:bold;}
.titleMou { font-family:arial; font-size:16px; color:#4e1a02; font-weight:bold; }
.StitleMou { font-family:arial; font-size:12px; color:#4e1a02; font-weight:normal; }
.StitleMou11 { font-family:arial; font-size:11px; color:#4e1a02;  font-weight:normal; text-transform:uppercase; font-weight:bold;}
.StitleModule11 { font-family:arial; font-size:10px; color:#4e1a02;   text-transform:uppercase; font-weight:bold;}
.StitleMou1e33 { font-family:arial; font-size:12px; color:#4e1a02;  font-weight:normal; text-transform:uppercase; font-weight:bold;}
.StitleMou1 { font-family:arial; font-size:11px; color:#4e1a02;  font-weight:normal; font-weight:bold;}
.StitleMoudule { font-family:arial; font-size:12px; color:#4e1a02;  font-weight:normal; font-weight:bold;}
.StitleMoudule2 { font-family:arial; font-size:12px; color:#4e1a02;  font-weight:normal; font-weight:normal;}

.StitleMoudule22 { font-family:arial; font-size:11px; color:#aa3806;  font-weight:bold;}

.SiteleModu2 { font-family:arial; font-size:11px; color:#90480f; font-weight:normal;}
.SiteleModu2 a:link{ text-decoration:underline; }
.SiteleModu2 a:hover, .SiteleModu2 a:visited { text-decoration:none;  }

.texteBeigeModule {font-family:arial; font-size:11px; color:#4e1a02;  font-weight:normal; text-transform:uppercase; font-weight:bold;}
.refBeig { font-family:arial; font-size:10px; color:#90480f; font-weight:bold;}

.graymodule { font-family:arial; font-size:11px; color:#3a3a3a; font-weight:normal;}

.blackmodule { font-family:arial; font-size:11px; color:#030303; }

.texteGrayModule {color:#3a3a3a; font-family:arial; font-size:11px; font-weight:normal; text-decoration:underline;}
.redModule { color:#af090b; font-family:arial; font-size:10px; text-decoration:underline;}
.redModule a:link { text-decoration:underline}
.redModule a:hover, .redModule a:hover { text-decoration:none;}
.sep {height:00px; }

#one { width:450px;}
#one li {width:150px; margin-left:15px; float: left; padding:0 50px 0 0;}
#two { width:130px; border:0px solid yellow; float:left;}
#two li {margin-left:45px;}
#pointille {margin-top:-10px; margin-bottom:-2px;}

.Title-Interview { color:#4e1a02; font-family:arial; font-size:23px; font-weight:bold;}
.STitle-Interview { color:#90480f; font-family:arial; font-size:14px; font-weight:normal;}