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

html {
	margin			: 0;
	padding			: 0;
	height			: 100%;
}

body {
	margin			: 0;
	padding			: 0;
	background		: #fff url(img/bg_pattern.png) repeat-x;
	text-align		: center;
	height			: 100%;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

div, ul, li, form, p {
    margin			: 0;
    padding			: 0;
}

a {
	color			: #000;
}

body, p, td, th, div, a{
	line-height		: 1.3em;
}

a {
	color			: #000;
	text-decoration	: none;
}

a:hover {
	color			: #0f7493;
}

img {
	border			: 0;
}

div {
	position 		: relative;
}

ul {
	list-style		: none;
}

.clearBoth {
	height			: 0;
	font-size		: 0;
	line-height		: 0;
	clear			: both;
}

h1 {
	color 			: #000;
	font-size		: 16px;
	font-weight		: bold;
	letter-spacing	: 0.4px;
	margin			: 6px 0 20px 0;
}

h2 {
	color 			: #404040;
	font-size		: 14px;
	font-weight		: bold;

}

h3 {
	font-size		: 19px;
	letter-spacing	: 1px;
	margin-top :10px;
}

fieldset {
	background		: #fff;
	padding			: 10px;
	margin			: 6px 0;
	border			: none;
}

select, input {
	font-size		: 11px;
}

.rouge {
	color 			: #d43559;
}

.jaune {
	color 			: #feb52f;
	text-decoration	: underline;
}

p.puce {
	margin-top		: 15px;
	background-image: url(img/home/puce_jaune.gif);
	background-repeat: no-repeat;
	margin-left		: -25px;
	padding-left	: 25px;
	margin-top		: 18px;

}

/******************************************************************************************************** CONTENT */


#global {
	background:url(img/bg_pattern_footer.png) bottom repeat-x;

	min-height:681px;
}
#pageContainer {
	position		: relative;
	width			: 910px;
	margin-left		: auto;
	margin-right	: auto;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #404040;
	text-align		: left;
}



/*h1 {
	margin			: 0;
	padding			: 0;
	color 			: #2fc4ff;
	font-size		: 18px;
	font-weight		: bold;
	display:inline;
}
h2 {

	color 			: #2fc4ff;
	font-size		: 16px;
	font-weight		: bold;
	font-style		: italic;
}*/

/* on laisse le "vitrine" seul.
h3 {
	color 			: #d43559;
	font-size		: 18px;
	letter-spacing	: 0.8px;
	border-bottom	: 1px solid #adadad;
}
*/
/******************************** MENU */

#m_fond {
	z-index			: 10;
	height			: 42px;
	position		: absolute;
	left			: 0px;
	top				: -24px;
	width			: 843px;
}

#menu {
	position		: absolute;
	left			: 41px;
	top				: 230px;
	height			: 36px;
}

#menu ul {
	z-index			: 11;
	left			: 0px;
	top				: -24px;
	position		: absolute;
	width			: 829px;
	font-weight		: bold;
	height			: 36px;
	list-style-type : none;
	padding			: 0 0 0 14px;
}

#menu a {
	display			: block;
	float			: left;
	height			: 36px;
	background-position:0px 0px;
	background-repeat: no-repeat;
	text-align		: left;
	color			: #fff;
	font-size		: 14px;
	line-height		: 36px;
	letter-spacing	: -0.1px;

	background		: url(img/menu/bg.gif) repeat-x;
}

#menu .btnAccueil a {
	background-image : url(img/menu/bg_accueil.gif);
	background-repeat : no-repeat;
}
#menu .btnAccueil a span {
	padding-left	: 7px;
	width			: 183px;

}

#menu li {
	display 		: inline;


	/*background:url(img/menu/sep.gif) left repeat-y;*/
}


#menu .current {
	background-position: 0 -36px;
}

#menu a:hover {
	background-position: 0 -72px;
}

#menu ul li a span {
	margin			: 0 0 0 20px;
	background		: url(img/menu/sep.gif) right repeat-y;
	padding-right	: 20px;
	display			: block;
}


/******************************** MENU GAUCHE */

#menuGauche {
	width 			: 210px;
	background		: #d94969;
}

#menuGauche .haut {
	height 			: 39px;
	background		: url(img/menuGaucheTop.gif) top no-repeat;
}

#menuGauche .liste {
	padding			: 0 0 30px 40px;
}

#menuGauche .liste a {
	text-decoration	: none;
	font-size		: 14px;
	color			: #fff;
	line-height		: 24px;
}

#menuGauche .liste a:hover {
	text-decoration	: underline;
	color			: #0f7493;
}

#menuGauche .liste ul {
	list-style		: none;
}

#menuGauche .liste li {
	/*width			: 110px;*/
	margin			: 0;
	padding			: 0 40px 0 0;
}

#menuGauche .liste .active {
	list-style-image: url(img/puce_navGauche.gif);
}

#menuGauche .active a,
#menuGauche .active .active a {
	color			: #ffdf41;
}

#menuGauche .active ul a {
	color:#fff;
}

#menuGauche .liste ul ul  {
	margin			: 0 0 0 16px;
}

#menuGauche .liste ul ul li a {

	color			: #fff;
	font-size		: 12px;
	line-height		: 14px;

}
#menuGauche .liste ul ul li  {
	list-style-image: url(img/puce_niv2.gif);
	padding			: 0 0 0 2px;

}

#menuGauche .bas {
	width 			: 210px;
	height 			: 10px;
	background 		: url(img/menuGaucheBottom.gif) top no-repeat;
}

/*--------------------------------------------------------------------- CONTENU */

#home #page {
	padding			: 0;
}
#page {
	z-index			: 8;
	clear			: both;
	min-height		: 355px;
	padding			: 0 0 0 42px;
	margin			: 45px  0  40px  0;
}


/* on laisse le "vitrine" seul.*/
#content {
	padding-left	: 46px;
	/*padding-right	: 30px;*/
	float			: left;
	display			: block;
	width			: 520px;
}
#home #content {
	width			: 528px;
	padding-left	: 42px;
}
.filAriane {
	color			: #75777a;
	font-size		: 10px;
}
.filAriane a {
	color			: #75777a;
	font-size		: 12px;
	text-decoration	: none;
}
.filAriane a.active {
	font-weight		: bold;
}
#navd {
	display			: block;
	float			: left;
	padding			: 0 0 0 17px;
	width			: 284px;
}
a.savoirplus {
    /*color         : #f0be39;*/
	/*font-size		: 14px;*/
	text-decoration : none;
	font-weight     : bold;
	text-align		: right;
	color           : #feb52f;
	font-size		: 12px;
	margin-top		: 12px;
	display			: block;
}
#home a.savoirplus {
	font-size		: 1em;
	text-align		: right;
	display			: inline;
	padding-left 	: 10px;
}
a.savoirplus:hover {
    text-decoration: underline;
}
/*--------------------------------------------------------------------- HEADER */
#header {
	z-index			: 8;
	height 			: 231px;
	width			: 910px;
}
#pr2ilogo {
	background-image:url(img/banner_home.gif);
	height			: 99px;
}
#flashBanner {
	height			: 231px;
}
#menuMilieu {
}
/******************************** ACCUEIL */

#navd {
	display			: block;
	float			: left;
	padding			: 0 0 0 25px;
	width			: 284px;
}
#fondEboutiqueTop {
	background-image: url(img/bg_eboutique.gif);
	height			: 143px;
}
#fondChoixEtabTop {
	background-image: url(img/bloc_h2.gif);
	width			: 284px;
	height			: 143px;
}
.accueilBleu {
	color			: #2FC4FF;
	display			: inline;
	font-size		: 18px;
	font-weight		: bold;
	line-height:1.2;
}
.textButtonLog, .textButtonPw {
	color			: #0f7493;
	font-size		: 10px;
	width			: 120px;
	border-style	: none;
	border			: 0;
	background		: #fff;
	padding-left	: 2px;
	margin-left		: 105px;
}
.textButtonLog {
	margin-top		: 88px;
}
.textButtonPw {
	margin-top		: 8px;
}
#blocLog {
}
#blocLog label {
	display			: none;
}

#blocChoixEtab {
	margin-top	: 5px;
	margin-left	: 18px;
}
#blocChoixEtab label {
	display			: none;
}

#navd #video {
	width			: 244px;
	background		: transparent url(img/bg_video.gif) no-repeat scroll 0 0;
	display			: block;
	height			: 178px;
	margin			: 10px 0 0 0;
	padding			: 20px
}
#content #nosavantages  {
	margin			: 20px 0 0 0;
	padding			: 50px 4px 0 44px;
	float			: left;
	width			: 216px;
	font-size		: 12px;
	line-height		: 14px;
	color			: #fff;
	background		: transparent url(img/bg_nosavantages.gif) no-repeat scroll 0 0;
	height			: 214px;
	overflow		: hidden;
}
#content #notreactualite  {
	margin			: 20px 0 0 10px;
	padding			: 50px 6px 0 28px;
	float			: left;
	width			: 220px;
	font-size		: 12px;
	color			: #fff;
	background		: transparent url(img/bg_notreactualite.gif) no-repeat scroll 0 0;
	height			: 198px;
	overflow		: hidden;
}
#content .jaune {
	color 			: #feb52f;
	text-decoration	: none;
}
/*--------------------------------------------------------------------- BLOC EBOUTIQUE */

#fondEboutiqueTop {
	height 			: 143px;
	background-image: url(img/home/bg_eboutique.gif)
}
#fondChoixEtabTop {
	height			: 143px;
	width			: 284px;
	background-image: url(img/bloc_h2.gif);
}
#blocLog {
}
#blocLog label {
	display:none;
}

#blocChoixEtab {
	margin-top	: 5px;
	margin-left	: 18px;
}
#blocChoixEtab label {
	display:none;
}

.btLog {
	background-image: url(img/home/bt_eboutique.gif);
	background-repeat: no-repeat;
	border			: 0px;
	height			: 30px;
	width			: 31px;
	clear			: both;
	float			: right;
	margin-right	: 12px; /*18px*/
	margin-top		: -20px; /*-45px*/
}
.btLog:hover {
	background-position : 0 -30px;
	cursor			: pointer;
}
.textButtonLog, .textButtonPw {
	color			: #0f7493;
	font-size		: 10px;
	/*height			: 16px;*/
	width			: 120px;
	border-style	: none;
	border			: 0;
	/*background		: #f0f;*/
	background		: #fff;
	padding-left	: 2px;
	margin-left		: 105px;
}
.textButtonLog {
	margin-top		: 88px;
}
.textButtonPw {
	margin-top		: 8px;
}
/*--------------------------------------------------------------------- BLOC CONTACT */
#contact{
	}
a.contact {
	display			: block;
	margin-top		: 10px; /*20px*/
	height			: 88px;
	background		: url(img/home/contact.gif) 0px 0px no-repeat;
}
a.contact:hover {
	background-position: 0px -88px;
}
a.contact span {
	display			: none;
}
/* -- bloc d'affichage -- */
#formcontact {
	position:absolute;
	top:100px;
	left:250px;
	width: 420px;
	height:650px;
	z-index:2;
	background:#fff;
	border:1px solid #000;
	padding:0 0 10px 10px;
}
#formcontact h3 {
	margin:0;
	padding:0 10px;
	line-height:40px;
}
#formcontact .close {
	position:absolute;
	top:5px;
	right:5px;
}
.frc_container {
	width: 400px;
	height: 640px;
	padding: 20px 10px 0 0;
	overflow-y:auto;
}
#formcontact td {
	padding:0 10px 10px 0;
	font-size:0.9em;
}
td.thumb {
	background:url(img/home/thumb_bg.jpg) top left no-repeat;
}
td.thumb img {
	margin:6px 11px 11px 7px;
}
/*--------------------------------------------------------------------- BLOC TEMOIGNAGES */
#temoign {
}
a.temoign {
	display			: block;
	margin-top		: 10px; /*20px*/
	height			: 75px;
	background		: url(img/home/bg_temoignages.gif) 0px 0px no-repeat;
}
a.temoign:hover {
	background-position : 0px -75px;
}
a.temoign span {
	display			: none;
}
/* -- bloc d'affichage -- */
#interview {
	position		: absolute;
	top				: 180px;
	left			: 250px;
	width			: 410px;
	height			: 410px;
	z-index			: 2;
	background		: #fff;
	border			: 1px solid #000;
	padding			: 0 0 10px 10px;
}
#interview h3 {
	margin			: 0;
	padding			: 0 10px;
	line-height		: 40px;
}
#interview .close {
	position		: absolute;
	top				: 5px;
	right			: 5px;
}
.itw_container {
	width			: 400px;
	height			: 340px;
	padding			: 20px 10px 0 0;
	overflow-y		: auto;
}
#interview td {
	padding			: 0 10px 10px 0;
	font-size		: 0.9em;
}
td.thumb {
	background		: url(img/home/thumb_bg.jpg) top left no-repeat;
}
td.thumb img {
	margin			: 6px 11px 11px 7px;
}
/******************************** NOS REFERENCES */
.tab_ref thead {
	color			: #000; /*#f0be39*/
}
.tab_ref td {
	border-bottom	: 1px solid #696969;
	font-size		: 12px;
	/*padding			: 10px 15px 10px 20px;*/
	padding			: 6px;
}
.tab_ref {
	margin			: 0;
}
.tab_ref thead {
	font-size		: 14px;
}
.tab_ref th {
	border-bottom	: 1px solid #696969;
	/*padding			: 0 15px 5px 20px;*/
	padding			: 6px;
	text-align 		: left;
}
.tab_ref .sans_fond {
	background		: #fff;
}
.tab_ref .pplus {
	text-align		: right;
	padding-right 	: 0;
}
/*--------------------------------------------------------------------- BLOC FLB */
/* -- bloc d'affichage -- */
#flbdiv {
    position		: absolute;
    top				: 0px;
    left			: 250px;
    width			: 410px;
    height			: 410px;
    z-index			: 55555;
    background		: #fff;
    border			: 1px solid #000;
    padding			: 0 0 10px 10px;
}
#flbdiv h3 {
    margin			: 0;
    padding			: 0 10px;
    line-height		: 40px;
}
#flbdiv .close {
    position		: absolute;
    top				: 5px;
    right			: 5px;
}
#flbdiv td {
    padding			: 0 10px 10px 0;
    font-size		: 10p;
}
.frm_container {
	width			: 400px;
	height			: 343px;
	padding			: 20px 10px 0 0;
	overflow-x		: hidden;
	overflow-y		: auto;
	position		: relative;
}
.legendeImage {
	width			: 110px;
	color			: #999;
	text-align		: center;
	position		: absolute;
	top				: 130px;
	left			: 0;
	font-size		: 10px;
}
/*
mise de flbdiv en classe pour la gestion des popups
des references
*/
.flbdivcla {
    position        : absolute;
    top             : 0px;
    left            : 250px;
    width           : 410px;
    height          : 410px;
    z-index         : 55555;
    background      : #fff;
    border          : 1px solid #000;
    padding         : 0 0 10px 10px;
}
.flbdivcla h3 {
    margin          : 0;
    padding         : 0 10px;
    line-height     : 40px;
}
.flbdivcla .close {
    position        : absolute;
    top             : 5px;
    right           : 5px;
}
.flbdivcla td {
    padding         : 0 10px 10px 0;
    font-size       : 0.9em;
}

#FLBALL{
font-size: 12px;
}
/*
FIN mise de flbdiv en classe pour la gestion des popups
des references
*/
.formulaire select {
	margin			: 0 0 10px 0;
}
.formulaire {
	width			: 600px;
}
.formulaire label {
	float			: left;
	width			: 200px;
}
.formulaire p {
	height			: 24px;
}
.formulaire input {
	line-height		: 20px;
}
.formulaire .buttonCancel {
	background		: url(img/contact-annuler.gif) repeat-x scroll left top;
	cursor			: pointer;
	height			: 30px;
	border			: none;
	width			: 116px;
}
.formulaire .buttonSubmit {
	background		: url(img/contact-envoyer.gif) repeat-x scroll left top;
	cursor			: pointer;
	height			: 30px;
	border			: none;
	width			: 106px;
}
.plandusite a:hover {
	background-position:0 -68px;
}
.plandusite a {
	width			: 234px;
	background		: transparent url(img/plan_acces.gif) no-repeat scroll 0 0;
	display			: block;
	height			: 68px;
	margin-top		: 10px;
}
.plandusite span {
 	display			: none;
}
#pageDroite .contenu  {
	width			: 398px;
	padding			: 10px 32px 0 24px;
}
.tab_emploi {
	margin			: 0;
}
.tab_emploi th {
	border-bottom	: 1px solid #696969;
	padding			: 10px 10px 5px 0;
	text-align		: left;
	background		: #fff;
}
.tab_emploi td {
	border-bottom	: 1px solid #696969;
	padding			: 10px;
}
.tab_emploi .sans_fond {
	background		: #fff;
}
/*--------------------------------------------------------------------- FOOTER */
#footer {
	border-top		: 2px solid #9b9b9b;
	height			: 73px;
	background		: #e4ffff;
	text-align		: center;
	width			: 905px;
	margin 			: 0 0 0 12px;
}
.coordFooter {
	padding			: 10px 0 0 20px;
	color			: #959595;
	text-align		: left;
	font-size		: 12px;
}
div.imdeo {
	width			: 56px;
	padding			: 20px 0 0 17px;
	float			: left;
	display			: block;
	text-decoration	: none;
}
div.grpeherve {
	width			: 161px;
	padding-top		: 4px;
	float			: left;
	display			: block;
	text-decoration	: none;
	width			: 150px;
}
#footer div.links {
	width			: 590px;
	float			: left;
	display			: block;
	padding-top		: 25px;
	padding-left	: 63px;
	text-align		: center;
	font-weight		: bold;
	font-size		: 11px;
	color			: #545454;
}
#footer a {
	text-decoration	: none;
	color			: #545454;
}
#footer a:hover {
	color			: #707070;
	text-decoration	: underline;
}
/**/
.popup_fond {
    top				: 0;
    left			: 0;
    width			: 100%;
    height			: 100%;
    position		: fixed;
    background		: #fff;
	filter			: alpha(opacity=75);
	-moz-opacity	: .75;
	opacity			: .75;
	-khtml-opacity	: 0.75;
	z-index			: 1;
	display			: none;
}
#formcontact {
	z-index			: 2;
}
.tdContent {
	padding			: 0 30px 0 25px;
}

.tdContent{
	font-size:12px;
}

#home .tdContent {
	padding			: 0;
}
.temoignage {
	padding-left	: 30px;
	height			: 22px;
	line-height		: 22px;
	display			: block;
	white-space		: nowrap;
	min-width		: 100px;
	_width			: 100px;
	background		: url(/pr2i/css/img/voir_temoignage.gif) left no-repeat;
}
#titreSitemap { display:none; }

/* Plan du site */
#sitemap {
	width			: 350px;
	margin-left:215px;
}
#sitemap li {
	padding			: 10px 0;
	border-bottom	: 1px solid #ccc;
}
#sitemap li li {
	padding			: 0;
	border			: 0;
}
#sitemap a {
	font-size		: 12px;
	font-weight		: bold;
	text-decoration	: none;
}
#sitemap a:hover {
	text-decoration	: none;
}
#sitemap ul a {
	margin-left		: 20px;
	font-size		: 11px;
	font-weight		: normal;
}
#titreSitemap {
	color			: #d53559;
}
.link, .link span {font-size:12px;}

/* Plans d'accès */
.accessMap {border : 1px solid #75777a;}