/*						:::		general site styles		:::					*/	

html, body { margin: 0; padding: 0; }
body { text-align: center; background-image: url(../images/bg_diagonal.gif); background-repeat: repeat; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; }
a { text-decoration:none; color: #FF6600; }
img { border: 0; }

h1 { width: 565px; font-size: 28px; margin: 15px 15px 2px 15px; } 
h2 { font-size: 16px; font-weight: bold; margin: 15px 0 5px 0; }
h3 { font-size: 16px; font-weight: bold; margin: 0 0 15px 0; }
h2 img, h3 img { margin: 0 -15px 0 -3px; }
h3.arrow-title { padding: 0 0 1px 23px !important; color: #FF6600; margin: 15px 0 -15px 0; background: url(../images/orange-arrow-list-double.gif) 5px 6px no-repeat; }
.top-margin { margin-top: 40px; }

.big-orange { margin-top: 80px; padding: 0 5px 0 5px; font-size: 26px; font-weight: bold; background-color: #FF6600; color: #FFFFFF; }
.orange { font-size: 20px; font-weight: bold; background-color: #FF6600; color: #FFFFFF; height: 26px;}
.small-orange { display: block; font-size: 15px; font-weight: bold; color: #FF6600; }
.medium-orange { display: block; font-size: 17px; font-weight: bold; color: #FF6600; margin-top: 0; }
.normal-orange { font-size: 12px; font-weight: bold; color: #FF6600; }
.clear { clear: both; }

#siteholder { width: 742px; margin: 0px auto 0px auto; text-align: left; }
.shadow { width: 736px; padding: 0 3px 0 3px; background: url(../images/bg_shadow.gif) repeat-y; }
#sidebar { width: 141px; float: left; }
#main { width: 595px; float: right; }
#content-text { margin: 0 15px 0 15px; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/*						:::		sidebar		:::					*/

#logo { width: 141px; height: 171px; }
#clientcode { width: 110px; border-color: #C9C9C9;  }
#passe { width: 110px; border-color: #C9C9C9; }
#entrer { width: 77px; height: 21px; float: right; }

/*			menu				*/
#menu { margin: 0; padding: 0; font-size: 12px; list-style-type: none; font-weight: bold; border-top:solid 1px #FFF; }
#menu li { width: 138px; padding: 6px 0 6px 3px; float:left; background: url(../images/menu_but.gif) bottom repeat-x; }
#menu li a { color: #000000; display: block; background:url(../images/menu_arrow.gif) 0 5px no-repeat; padding-left: 6px; }
#menu li.menuitem_active { width: 138px; background: url(../images/menu_but_active.gif) bottom repeat-x; color: #ffffff; }
#menu li.menuitem_active a { color: #ffffff; background:url(../images/menu_arrow_active.gif) 0 6px no-repeat; }


/*						:::		main			:::					*/

#header { width: 595px; height: 171px; }
#content { width: 595px; float: right; background-color: #ffffff; border-bottom: 1px dotted #FF6600; }
#content ul { padding: 0 0 0 15px; margin: 0; }

.intro { width: 563px; margin: 0 15px 35px 17px; font-size: 14px; }
.intro-savoir-plus { float: right; }
.intro-assistance { width: 563px; margin: 0 15px 15px 17px; font-size: 12px; }
.introsmall { width: 563px; margin: 0 15px 35px 17px; }
.intro strong { font-size: 16px; color: #FF6600; display:block; margin-top:5px; }

#content-text .intro { margin: 15px 0; font-size: 14px; }
#content-text ul { margin: 15px 0 15px 25px; padding: 0; list-style: none; }
#content-text ul.no-indent { margin-left: 0; }
#content-text ul li { margin-left: 0; padding: 0; }
#content-text .horizontal-line { margin: 0 -15px; }

ul.orange-arrow-list { margin: 8px 0 15px !important; }
ul.orange-arrow-list li { padding: 0 0 1px 23px !important; font-weight: bold; font-size: 16px; color: #FF6600; background: url(../images/orange-arrow-list-double.gif) 5px 6px no-repeat; }
ul.orange-arrow-list ul { margin: 0 0 0 43px !important; }
ul.orange-arrow-list ul li { padding: 0 0 1px 11px !important; background:url(../images/orange-arrow-list-single.gif) 0 6px no-repeat; }

ul.black-arrow-list { margin: 8px 0 15px !important; }
ul.black-arrow-list li { padding: 0 0 1px 23px !important; font-size: 14px; color: #000000; background: url(../images/orange-arrow-list-double.gif) 5px 6px no-repeat; }
ul.black-arrow-list ul { margin: 0 0 0 43px !important; }
ul.black-arrow-list ul li { padding: 0 0 1px 11px !important; background:url(../images/orange-arrow-list-single.gif) 0 6px no-repeat; }


/*						:::		accueil – bienvenue			:: 					*/

#accueil_t_l { float: left; width: 297px; height: 250px; border-right: 1px solid #E3E3E3; background: url(../images/accueil_stamp.jpg) no-repeat bottom left; }
#accueil_t_l div { padding: 0; }
#accueil_t_l p.title {font-size: 20px; font-weight: bold;}
#accueil_t_l p { margin: 0 22px 4px 32px; }
#accueil_t_l p.button { margin: 10px 0 0 29px; }

#accueil_t_r { float: right; width: 288px; height: 250px; padding: 0 0 0 8px; border-left: 1px solid #F3F3F3;}
#flashContent {}

#accueil_b_l { float: left; width: 297px; height: 228px; border-top: 2px solid #F3F3F3; border-right: 1px solid #E3E3E3; background: url(../images/accueil_people.jpg) bottom no-repeat;}
#accueil_b_l p {margin: 15px 0 0 29px; width: 165px; }
#accueil_b_l p.button { margin: 92px 0 0 22px; width:auto; }

#accueil_b_r { float: right; width: 297px; height: 228px; font-size: 20px; font-weight: bold; border-top: 2px solid #F3F3F3; background: url(../images/accueil_newspaper.jpg) bottom no-repeat;}
#accueil_b_r p.title { margin: 41px 0 4px 14px; line-height: 20px; }
#accueil_b_r p.buttons { margin: 0 0 0 14px; }
#accueil_b_r p.buttons img {margin-bottom:1px;}

.qualiteheader { margin: 21px 0 0 43px;font-size: 14px; font-weight: bold; }

#ractable { margin: 75px 0 0 87px; }

/*						:::		qui sommes nous	:::					*/

.qui-sommes-column { width: 296px; float:left; }
.qui-sommes-column ul { list-style: none; margin: 0 0 0 17px; padding: 0; }
.qui-sommes-column ul li { width: 252px; padding: 0 10px 0 20px; margin: 25px 0 23px; background: url(../images/icon_arrow.gif) no-repeat;}
.qui-sommes-title {display: block; margin:0; font-size: 15px; font-weight: bold; }
.linemargin { display: block; margin: 5px 0 5px 0; }
.indent { margin: 0 0 0 25px; }
.indent-and-margin { margin: 15px 0 0 15px; }

#nos-valeurs { clear:both; overflow: hidden; padding: 0 10px 0 20px; margin: 25px 20px 10px 17px; background: url(../images/icon_arrow.gif) no-repeat; }
#nos-valeurs ul { list-style: none; padding: 10px 0 5px; overflow: hidden;  border-top: 2px solid #E3E3E3; border-bottom: 2px solid #E3E3E3; }
* html #nos-valeurs ul { overflow: visible; height: 1px; }
#nos-valeurs ul li { float: left; margin: 0 55px 0 0; }
#nos-valeurs ul li.last { margin: 0 0 0 -20px; }

#qui-sommes-bottom { width: 595px; text-align: right; }
#qui-sommes-bottom  img { float: right; }
.qui-sommes-pdf { display: block; padding-top: 33px; font-size: 13px; font-weight: bold; }
#qui-sommes-bottom .link-area { float: right; width: 260px; margin-top: 5px; }
#qui-sommes-bottom .link-area span { float: left; padding-top: 3px; }


/*						:::		espace - RAC online		:::					*/

#espace dl { float: left; display: inline; }
#espace dl.box-left { margin: 0 0 8px 11px; padding: 0 0 50px 0; width: 248px; min-height: 175px; background: url(../images/enterprises_left_bottom.gif) bottom no-repeat; }
* html #espace dl.box-left { height: 175px; }
#espace dl.box-right { margin: 0 0 8px 7px; padding: 0 0 17px 0; width: 315px; min-height: 84px; background: url(../images/enterprises_right_bottom.gif) bottom no-repeat; }
* html #espace dl.box-right { min-height: 84px; } 
#espace dl dt { text-align: center; font-size: 18px; padding: 3px 0 2px; font-weight: bold; }
#espace dl.box-left dt { background: url(../images/enterprises_left_top.gif) no-repeat; }
#espace dl.box-right dt { background: url(../images/enterprises_right_top.gif) no-repeat; }
#espace dl dd { margin: 0; padding: 18px 30px 0 16px; }
#espace dl dd p { margin: 3px 0 0 -3px; }
#espace dl.box-left dd.first { background: url(../images/enterprises_left_middle.gif) no-repeat; }
#espace dl.box-right dd.first { background: url(../images/enterprises_right_middle.gif) no-repeat; }

#espace .graphics { margin: 0; padding: 0; }
#espace .horizontal-line { margin: 7px 0; }
#espace .enterprises-layout { margin-left: 193px; }


/*						:::		recrutement		:::					*/
.recrutement-intro { width: 563px; margin: 0 15px 15px 17px; font-size: 17px; font-weight: bold; }

.recrutement-title { display: block; margin: 25px 0 0 0;}
.recrutement-arrow { margin: 0 0 0 15px;  }
.recrutement-date { font-weight: bold; color: #FF6600; }
.recrutement-bar { width: 555px; height: 21px; margin: 0 0 0 32px; text-align: right; background: url(../images/bg_news_bar.gif) repeat-x; }
.recrutement-bar span { float: left; margin: 4px 0 0 3px; color: #FFFFFF; font-size: 10px; }

#recrutement-text { padding: 60px 15px 12px 15px; }
#recrutement-form { padding: 8px 0 0 0; background: url(../images/bg_recrutement.gif) no-repeat top right; }
#recrutement-form a { float: right; text-align: right; margin: 0 4px 0 0; clear: both; font-weight: bold; color: #FFFFFF; font-size: 10px;}
#recrutement-form  fieldset { padding: 35px 0 0 125px; border: 0; }
#recrutement-from  label { font-weight: bold; }
#recrutement-form input { font-size: 9px; }
.form-margin { margin: 20px 0 0 0; }
.nomlabels { width: 60px; }
.contactlabels { width: 100px; }
.personallabels { width: 140px; }

#nom { width: 265px; margin: 10px 0 0 0; }
#prenom { width: 265px; margin: 3px 0 0 0; }
#telephone { width: 225px; margin: 0 0 0 0; }
#adresse-mail { width: 225px; margin: 3px 0 0 0; }
#fonction-recherchee { width: 185px; }
#division { width: 185px; margin: 3px 0 0 0; }
#cv { margin: 5px 0 0 0;	}
#commentaire { width: 330px; height: 150px; margin: 5px 0 0 0; }
#envoyer { float: left; }

/*						:::		engagement qualite		:::			*/
#engagement .graphics { width: 595px; height: 261px; background: url(../images/layout_espace_rac.jpg) no-repeat bottom left; }
#engagement .graphics  .headline { position: relative; top: 100px; left: 157px; color: #ffffff; font-size: 18px; font-weight: bold; }
#engagement .graphics  div { position: relative; top: 130px; left: 157px; width: 310px; height: 102px;  }
#engagement .graphics  div  .presname{ text-transform: uppercase; display: inline; font-size: 11px;}
#engagement .graphics  div  .prestitle{ text-transform: uppercase; color: #ff6600; font-size: 11px; display: inline;}
#engagement .graphics  div  a{ float: right; }


/*						:::		recrutement/revue de presse		:::			*/

.news-title { display: block; }
.news-arrow { margin: 0 3px 0 15px;  float: left;}
.news-date { font-weight: bold; color: #FF6600; width: 403px; float: left;}
.news-bar { width: 555px; height: 23px; margin: 0 0 0 32px; text-align: right; }
.orange-bar { width: 399px; height: 21px; margin: 1px 0 0 0; text-align: right; background: url(../images/bg_news_bar.gif) repeat-x; float: left;}
.news-bar span { float: left; margin: 4px 0 0 3px; color: #FFFFFF; font-size: 10px; }
.news-text-actualites { width: 403px; margin: 3px 0 25px 32px; }
.news-text { margin: 0 0 10px 32px; }
.news-archive { margin: 10px 0 30px 30px; }

.presse-item { display: block; padding: 0 0 0 15px; }
.presse-arrow { margin: 5px 3px 0 0; float: left; }
.presse-title { height: 23px; margin: 2px 0 0 0; font-weight: bold; color: #FF6600; width: 555px; float: left; }
.presse-title span { display: inline; float: left; padding: 3px 0 0 0;} 
.presse-title a { display: inline; float: right;}

#presse .horizontal-line { margin: 10px 0 10px 0; }
#presse h3 { font-size: 14px; font-weight: bold; margin: 0 0 15px 15px;}
#presse .button { margin: 20px 0 10px 15px; display:block;}

/*						:::		contacter		:::					*/
#contacter .horizontal-line { margin: 10px 0 10px 0; }
#contacter .contact { width: 563px; margin: 0 15px 0 17px; clear:both; }
#contacter .contact-left { float: left; width:40px;}
#contacter .contact-right { float: right; width: 520px;}
#contacter .contact-header { display: block; font-size: 14px; }
#contacter .contact-content { margin: 10px 0 10px 0; font-size: 16px; font-weight: bold; color: #f27700; display: block;}
#contacter .contact-comment { font-size: 9px; display: block;}
#contacter .clear { display:block; margin: 10px 0 10px 0;} 

/*						:::		bottomnav		:::					*/

#bottomnav { float: right; width: 595px; height: 20px; padding: 5px 0 0 0; text-align: center; font-weight: bold; color: #FF6600; }


/*						:::		footer		:::					*/
	
#footer { width: 736px; background-image: url(../images/bg_bottom.gif); background-repeat: no-repeat; padding: 5px 3px 0 3px; }


/*						:::		popup			:::				*/

#popupholder { width: 500px; height: 720px; }
#popupheader { height: 77px; padding: 10px 0 0 0;  }
#popupcontent { width: 439px; height: 473px;  padding: 5px 15px 5px 15px; margin: 0 auto 0 auto; background-image: url(../images/bg_popup.gif); background-repeat: repeat-y; line-height: 14px; text-align: left; }
#popupcontent div { height: 463px; overflow-y: scroll; padding: 0 5px 0 5px; } 
.quotes { font-size: 24px; font-weight: bold; }

#popupfootertext { width: 498px; height: 44px; margin: 0 auto 0 auto; background: url(../images/popup_bottom.gif) no-repeat; }  
#popupfooter { width: 500px; height: 184px; margin: 0 auto 0 auto; background: url(../images/popup_bottom.jpg) no-repeat;  }
#popupfooterlegal { width: 500px; height: 184px; margin: 0 auto 0 auto }
#popupfooter div {  padding: 20px 0 0 30px; text-align: left; }
#popupfooter span { color: #FF6600; }