/*----------------------------------------------------------
	Style principal
	Projet: Innothera Services
	Sommaire:
		Reset css
		Balises par défaut
		Disposition
			Disposition générale
			Disposition des éléments récurrents
				Navigation principale
				Navigation des pages internes
				Fil d'arianne
			Disposition des pages internes
				Home.php
				Offers.php
				Offer.php 
				Cv.php 
				Confirmcv.php 
				Contact.php 
				Presentation.php
				404.php 
				Credits.php 
				Mentions.php 
				Newsletter.php 
				Plan.php 
				Search.php 
				Pages internes éditables
		Classes générales
		IE Patchs (PNG fix, hasLayout triggers, etc.)
----------------------------------------------------------*/


/* ========================================================================
 * Reset CSS
 * ========================================================================*/

@import "reset.css";

/* ========================================================================
 * Balises par défaut
 * ========================================================================*/

html {
width:100%;
height:100%;
}

body {
width:100%;
height:100%;
background:#0E1116 url(../images/fond/bg.jpg) repeat-x 0 0;
font:normal normal 13px/28px "Trebuchet MS", sans-serif;
color:#746c7e;
}
 
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { 
margin:20px 0; 
}
img { }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input { 
font:normal normal 13px/28px "Trebuchet MS", sans-serif;
color:#746c7e;
}
select {
font:normal normal 13px/28px "Trebuchet MS", sans-serif;
color:#746c7e;
}
label { }

a { 
color:#006699; 
}
a:link { }
a:visited { }
a:hover { 
color:#2faf9e; 
}
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { }
 
hr { }

/* ========================================================================
 * Disposition
 * ========================================================================*/

/* -----------------------------------------
 * Disposition générale
 * ------------------------------------------*/
 
div#bg{
min-width:998px;
background:url(../images/fond/bg_main.jpg) no-repeat center top;
}

div#container{
width:998px;
margin:0 auto;
}

div#menu-top {
width:980px;
height:49px;
margin:0 auto;
}
 
div#header {
width:998px;
height:135px;
position:relative;
}

	div#header a.logo{
	display:block;
	width:129px;
	height:79px;
	position:absolute;
	top:28px;
	left:46px;
	}
	
	div#header div.pdg{
	width:224px;
	height:90px;
	position:absolute;
	top:30px;
	left:260px;
	}
	
		div#header div.pdg p{
		margin:0;
		padding:5px 2px;
		font-size:11px;
		line-height:15px;
		color:#fefefe;
		}
		
			div#header div.pdg p span{
			color:#5d657c;
			}
			
	div#header div.slogan{
	width:267px;
	height:91px;
	position:absolute;
	top:21px;
	left:560px;
	}
	
		div#header div.slogan a{
		display:block;
		}
	
	div#header a.bt-inno-1{
	width:133px;
	height:55px;
	position:absolute;
	top:10px;
	left:847px;
	}
	
	div#header a.bt-inno-2{
	width:133px;
	height:55px;
	position:absolute;
	top:71px;
	left:847px;
	}

div#content{
width:980px;
margin:0 auto;
}

div#footer {
width:980px;
height:50px;
padding:8px 0 0 0;
margin:0 auto;
background:url(../images/fond/footer.gif) no-repeat 0 0;
position:relative;
}


		div#footer div.langage a{
		margin:0;
		}

	div#footer p{
	width:800px;
	}
	
	div#footer p,
	div#footer a{
	font:normal 11px/15px arial, sans-serif;
	color:#5D657C;
	margin:0;
	text-decoration:none;
	}
	
	div#footer a,
	div#footer span{
	margin:0 10px;
	}
	
	div#footer a:hover{
	color:#fff;
	}
	
/* -----------------------------------------
 * Disposition des éléments récurrents
 * ------------------------------------------*/

/* __________ Navigation principale  */
 
div#menu-top.menu-1{
background:url(../images/menu/main_1.gif) no-repeat 0 0;
}

	div#menu-top.menu-1 ul li{
	float:right;
	}
	
		div#menu-top.menu-1 ul li a{
		display:block;
		height:49px;
		overflow:hidden;
		text-align:left;
		text-indent:-5000px;
		}
		
		div#menu-top.menu-1 ul li a.link-1{
		width:95px;
		background:url(../images/menu/accueil.gif) no-repeat 0 49px;
		}
		
		div#menu-top.menu-1 ul li a.link-1:hover{
		background:url(../images/menu/accueil.gif) no-repeat 0 0;
		}
		
		/*div#menu-top.menu-1 ul li a.link-2{
		width:110px;
		background:url(../images/menu/actualites.gif) no-repeat 0 49px;
		}
		
		div#menu-top.menu-1 ul li a.link-2:hover{
		background:url(../images/menu/actualites.gif) no-repeat 0 0;
		}*/
		
		div#menu-top.menu-1 ul li a.link-2{
		width:129px;
		background:url(../images/menu/quisommesnous.gif) no-repeat 0 49px;
		}
		
		div#menu-top.menu-1 ul li a.link-2:hover{
		background:url(../images/menu/quisommesnous.gif) no-repeat 0 0;
		}
		
		div#menu-top.menu-1 ul li a.link-3{
		width:126px;
		background:url(../images/menu/emploi.gif) no-repeat 0 49px;
		}
		
		div#menu-top.menu-1 ul li a.link-3:hover{
		background:url(../images/menu/emploi.gif) no-repeat 0 0;
		}
		
		div#menu-top.menu-1 ul li a.link-4{
		width:91px;
		background:url(../images/menu/contact.gif) no-repeat 0 49px;
		}
		
		div#menu-top.menu-1 ul li a.link-4:hover{
		background:url(../images/menu/contact.gif) no-repeat 0 0;
		}

		div#container div.langage{
		position:absolute;
		left:150px;
		top:10px;
		}
	
/* __________ Navigation des pages internes  */

div#menu-pi.menu-1{
width:980px;
height:55px;
background:url(../images/menu/pi_1.gif) no-repeat 0 0;
}

	div#menu-pi.menu-1 ul li{
	float:left;
	position:relative;
	}
	
		div#menu-pi.menu-1 ul li ul{
		position:absolute;
		}

		div#menu-pi.menu-1 ul li a{
		display:block;
		width:245px;
		height:55px;
		text-align:left;
		overflow:hidden;
		text-indent:-5000px;
		text-decoration:none;
		}

			div#menu-pi.menu-1 ul li ul li{
			float:none;
			}

				div#menu-pi.menu-1 ul li ul li a{
				text-align:left;
				overflow:hidden;
				text-indent:0;
				width:230px;
				height:auto;
				padding:6px 0 6px 15px;
				line-height:20px;
				}

				div#menu-pi.menu-1 ul li.color-1 ul li a{
				background:#542846;
				color:#987e90;
				border-top:1px solid #653e59;
				border-bottom:1px solid #371c2f;
				}

				div#content div#menu-pi.menu-1 ul li.color-1 ul li a:hover{
				background:#6a3457;
				color:#fff;
				}

				div#menu-pi.menu-1 ul li.color-2 ul li a{
				background:#12454f;
				color:#718f95;
				border-top:1px solid #2a5861;
				border-bottom:1px solid #163039;
				}

				div#menu-pi.menu-1 ul li.color-2 ul li a:hover{
				background:#215a65;
				color:#fff;
				}

				div#menu-pi.menu-1 ul li.color-3 ul li a{
				background:#264a69;
				color:#7d93a5;
				border-top:1px solid #3c5d78;
				border-bottom:1px solid #1d3248;
				}
				
				div#menu-pi.menu-1 ul li.color-3 ul li a:hover{
				background:#396589;
				color:#fff;
				}

				div#menu-pi.menu-1 ul li.color-4 ul li a{
				background:#7f736a;
				color:#b2aba6;
				border-top:1px solid #8c8179;
				border-bottom:1px solid #5f5958;
				}
				
				div#menu-pi.menu-1 ul li.color-4 ul li a:hover{
				background:#9a8d87;
				color:#fff;
				}

/* __________ Fil d'arianne  */

p#fil_arianne{
font:normal 11px/15px arial, sans-serif;
color:#33353b;
}


/* -----------------------------------------
 * Disposition des pages internes
 * ------------------------------------------*/
 
/* __________ Home.php  */

div#home p{
text-align:justify;
margin:0;
}

div#home div.onglet-1,
div#home div.onglet-2,
div#home div.onglet-3,
div#home div.onglet-4{
position:relative;
width:980px;
height:85px;
}

div#home div.onglet-1 h3 img,
div#home div.onglet-2 h3 img,
div#home div.onglet-3 h3 img,
div#home div.onglet-4 h3 img{
display:block;
cursor:n-resize;
}

div#home div.onglet-1 p,
div#home div.onglet-2 p,
div#home div.onglet-3 p,
div#home div.onglet-4 p{
text-align:right;
background:url(../images/puce/fl_1.gif) no-repeat right -12px;
padding:0 15px 0 0;
}

div#home div.onglet-1 a,
div#home div.onglet-2 a,
div#home div.onglet-3 a,
div#home div.onglet-4 a{
text-decoration:none;
line-height:24px;
}

div#home div.onglet-1 a:hover,
div#home div.onglet-2 a:hover,
div#home div.onglet-3 a:hover,
div#home div.onglet-4 a:hover{
color:#fff;
}

	/* onglet-1 */
	div#home div.onglet-1 a{
	color:#9f7e93;
	}

	div#home div.onglet-1 p.link-1{
	width:300px;
	position:absolute;
	top:16px;
	left:640px;
	}
	
	div#home div.onglet-1 p.link-2{
	width:300px;
	position:absolute;
	top:41px;
	left:640px;
	}
	
	/* onglet-2 */
	div#home div.onglet-2 a{
	color:#54909c;
	}

	div#home div.onglet-2 p.link-1{
	width:300px;
	position:absolute;
	top:16px;
	left:640px;
	}
	
	div#home div.onglet-2 p.link-2{
	width:300px;
	position:absolute;
	top:41px;
	left:640px;
	}
	
	/* onglet-3 */
	div#home div.onglet-3 a{
	color:#6589a6;
	}

	div#home div.onglet-3 p.link-1{
	width:300px;
	position:absolute;
	top:5px;
	left:640px;
	}
	
	div#home div.onglet-3 p.link-2{
	width:300px;
	position:absolute;
	top:28px;
	left:640px;
	}
	
	div#home div.onglet-3 p.link-3{
	width:400px;
	position:absolute;
	top:50px;
	left:540px;
	}
	
	/* onglet-4 */
	div#home div.onglet-4 a{
	color:#ccc7c3;
	}

	div#home div.onglet-4 p.link-1{
	width:242px;
	position:absolute;
	top:16px;
	left:698px;
	}
	
	div#home div.onglet-4 p.link-2{
	width:300px;
	position:absolute;
	top:41px;
	left:640px;
	}

div#home div.content-1,
div#home div.content-2,
div#home div.content-3,
div#home div.content-4{
background:#fff;
position:relative;
zoom:1;
}

	div#home div.content-1 div#slideshow-1{
	width:451px;
	height:183px;
	float:left;
	}
	
	div#home div.content-1 div.text{
	width:397px;
	height:140px;
	float:left;
	padding:37px 66px 0 66px;
	}
	
	div#home div.content-2 div#slideshow-2{
	width:451px;
	height:183px;
	float:left;
	}
	
	div#home div.content-2 div.text{
	width:397px;
	height:140px;
	float:left;
	padding:37px 66px 0 66px;
	}
	
	div#home div.content-3 div#slideshow-3{
	width:451px;
	height:183px;
	float:left;
	}
	
	div#home div.content-3 div.text{
	width:397px;
	height:140px;
	float:left;
	padding:37px 66px 0 66px;
	}
	
	div#home div.content-4 div#slideshow-4{
	width:451px;
	height:183px;
	float:left;
	}
	
	div#home div.content-4 div.text{
	width:397px;
	height:140px;
	float:left;
	padding:21px 66px 0 66px;
	}

div#home div.resume{
width:980px;
height:202px;
background:url(../images/fond/bg_resume.gif) no-repeat 0 0;
position:relative;
}

div#home div.resume *{
font:normal normal 11px/15px arial, sans-serif;
color:#fff;
}

div#home div.resume h3{
font-size:19px;
font-weight:normal;
position:absolute;
top:20px;
left:80px;
line-height:20px;
}

div#home div.resume div.news{
width:326px;
height:190px;
position:absolute;
top:10px;
left:0;
}

	/*div#home div.resume div.news p{
	width:250px;
	height:70px;
	position:absolute;
	top:65px;
	left:40px;
	}*/
	
	div#home div.resume div.news div{
	background:#fff;
	width:148px;
	height:108px;
	position:absolute;
	top:52px;
	left:40px;
	padding:1px;
	}
	
	div#home div.resume div.news a.more{
	display:block;
	position:absolute;
	top:145px;
	left:200px;
	}

div#home div.resume div.locate{
width:326px;
height:190px;
position:absolute;
top:10px;
left:327px;
}

	div#home div.resume div.locate div.map{
	width:195px;
	height:84px;
	position:absolute;
	top:54px;
	left:67px;
	}

	div#home div.resume div.locate a.more{
	display:block;
	position:absolute;
	top:145px;
	left:200px;
	}

/*
div#home div.resume div.newsletter{
width:326px;
height:190px;
position:absolute;
top:10px;
left:654px;
}

	div#home div.resume div.newsletter p{
	width:250px;
	height:70px;
	position:absolute;
	top:65px;
	left:40px;
	}
	
	div#home div.resume div.newsletter input.text{
	width:157px;
	height:18px;
	border:none;
	background:url(../images/fond/input_text_1.gif) no-repeat 0 0;
	position:absolute;
	top:145px;
	left:40px;
	padding:4px 0 0 3px;
	}
	
	div#home div.resume div.newsletter input.more{
	position:absolute;
	top:145px;
	left:206px;
	}*/
	
div#home div.resume div.jobs{
width:326px;
height:190px;
position:absolute;
top:10px;
left:654px;
}

	div#home div.resume div.jobs p{
	width:250px;
	height:70px;
	position:absolute;
	top:65px;
	left:40px;
	}
	
	div#home div.resume div.jobs a.more{
	display:block;
	position:absolute;
	top:145px;
	left:206px;
	}

/* __________ Offers.php  */
div#offers {
background:#fff url(../images/fond/offers.jpg) no-repeat 430px 40px;
padding:40px 50px;
min-height:600px;
}

div#offers div.desc{
width:500px;
}

div#offers div.desc p{
text-align:justify;
margin:28px 0;
}

div#offers table.list-offers {
border:1px solid #DEE4EA;
margin:20px auto;
width:100%;
}

div#offers table.list-offers thead th {
background:#F6F8FB url(../images/fond/bg3.gif) repeat-x scroll center bottom;
color:#687A92;
padding:8px 10px;
text-align:left;
text-transform:uppercase;
}

div#offers table.list-offers td {
padding:6px 10px;
text-align:left;
}

div#offers table.list-offers tr.classic td {
background:#F6F8FB none repeat scroll 0 0;
}

div#offers table.list-offers tr.altern td {
background:#EEF2F6 none repeat scroll 0 0;
}

div#offers div.search_plus {
background:#fff;
border:3px solid #dee4ea;
width:610px;
height:125px;
margin:0 auto;
}

div#offers div.search_plus p {
margin:5px 20px;
color:#687a92;
}

div#offers div.search_plus label.lbleft {
float:left;
margin:0 10px 0 0;
text-align:right;
width:150px;
line-height:17px;
font-weight:bold;
}

div#offers div.search_plus input.text {
border:1px solid #CCCCCC;
color:#6F6060;
font-size:13px;
margin:0;
text-indent:3px;
width:280px;
}

/* __________ Offer.php  */
div#offer {
background:#fff url(../images/fond/offer.jpg) no-repeat scroll 518px 50px;
padding:40px 50px;
min-height:600px;
}

div#offer h3{
color:#425977;
font-size:22px;
padding:50px 0 10px;
text-align:center;
text-transform:capitalize;
}

div#offer p{
margin:0 5px;
}

div#offer p.ref{
border-bottom:2px solid #3f4555;
color:#3f4555;
text-align:right;
}

div#offer div.b_1{
width:524px;
float:left;
}

div#offer div.b_2{
width:353px;
float:left;
background:#F6F8FB;
border-bottom:1px solid #DEE4EA;
border-right:1px solid #DEE4EA;
border-left:1px solid #DEE4EA;
}

div#offer div.b_2 p{
background:url(../images/fond/bg3.gif) repeat-x left top;
margin:0;
padding:0 5px;
color:#687A92;
font-weight:bold;
}




/* __________ Cv.php  */
div#cv {
background:#fff;
padding:40px 50px;
min-height:600px;
}

div#cv fieldset {
background:#F6F8FB;
border:1px solid #DEE4EA;
width:675px;
margin:0 auto;
}

div#cv legend {
font-size:15px;
font-weight:bold;
color:#3f4554;
margin:0 10px;
padding:0 3px;
}

div#cv p.intro{
margin:20px 0;
text-align:justify;
}

div#cv p.detail{
margin:0 0 0 278px;
}

div#cv p{
margin:10px 0;
}

div#cv label.lbleft{
float:left;
margin:0 10px 0 0;
text-align:right;
width:270px;
}

div#cv input.text {
border:1px solid #DEE4EA;
color:#6F6060;
margin:0;
text-indent:3px;
width:280px;
}

div#cv input.back{
border:none;
background:url(../images/bt/retour.gif) no-repeat 0 0;
width:65px;
height:21px;
}

div#cv input.send{
border:none;
background:url(../images/bt/envoyer.gif) no-repeat 0 0;
width:75px;
height:21px;
}

/* __________ Confirmcv.php  */
div#confirmcv {
background:#fff;
padding:40px 50px;
min-height:600px;
}

/* __________ Contact.php  */
div#contact {
background:#fff;
padding:40px 50px;
min-height:600px;
}

/* __________ Presentation.php  */
div#presentation_video {
background:#fff;
padding:40px 50px;
min-height:600px;
}

	div#presentation_video div.video {
	width:447px;
	margin:30px auto;
	}

/* __________ 404.php  */
div#error404 {
background:#fff;
padding:40px 50px;
min-height:600px;
}

/* __________ Credits.php  */
div#credits {
background:#fff;
padding:40px 50px;
min-height:600px;
}

/* __________ Mentions.php  */
div#mentions {
background:#fff;
padding:40px 50px;
min-height:600px;
}

div#mentions p{
text-align:justify;
}

div#mentions div.adr_1,
div#mentions div.adr_2{
float:left;
width:430px;
}

/* __________ Newsletter.php  */
div#newsletter {
background:#fff;
padding:40px 50px;
min-height:600px;
}

div#newsletter label.lbleft{
float:left;
margin:0 10px 0 0;
text-align:right;
width:270px;
}

div#newsletter input.text {
border:1px solid #CCCCCC;
color:#6F6060;
margin:0;
text-indent:3px;
width:280px;
}

div#newsletter input.back{
border:none;
background:url(../images/bt/retour.gif) no-repeat 0 0;
width:65px;
height:21px;
}

div#newsletter input.send{
border:none;
background:url(../images/bt/envoyer.gif) no-repeat 0 0;
width:75px;
height:21px;
}

/* __________ Plan.php  */
div#plan {
background:#fff;
padding:40px 50px;
min-height:600px;
}

div#plan a {
text-decoration:none;
color:#3f4554;
font-weight:bold;
}

div#plan a:hover {
text-decoration:underline;
}

div#plan li li {
margin:0 0 0 50px;
padding:0 0 0 18px;
background:url(../images/puce/squ_1.gif) no-repeat 0 11px;
}

div#plan li li a{
font-weight:normal;
}



/* __________ Search.php  */
div#search {
background:#fff;
padding:40px 50px;
min-height:600px;
}

/* __________ Pages internes éditables */
div#content div.format{
background:#fff;
min-height:600px;
}

div#content div.format h2 span{
display:block;
padding:40px 50px;
background:#f4f0f2;
}

div#content div.format p{
margin:40px 50px;
}

div#content div.format ul{
margin:40px 50px;
}

div#content div.format ul li{
margin:30px 40px;
padding:0 16px;
background:url(../images/puce/squ_1.gif) no-repeat 0 11px;
}

div#content div.format div.img_onright{
width:371px;
float:right;
}

	div#content div.format div.img_onright img{
	display:block;
	}

div#content div.format div.text_onleft{
width:609px;
float:right;
}

div#content div.format h3{
margin:40px 50px;
}

div#content div.format .bg_pink{
padding:3px 5px;
background:#542846;
color:#fff;
font-weight:bold;
}

div#content div.format .bg_green{
padding:3px 5px;
background:#12454f;
color:#fff;
font-weight:bold;
}

div#content div.format .bg_blue{
padding:3px 5px;
background:#264a69;
color:#fff;
font-weight:bold;
}

div#content div.format .bg_brown{
padding:3px 5px;
background:#7f736a;
color:#fff;
font-weight:bold;
}

div#content div.format .text_pink{
color:#8a346c;
}

div#content div.format .text_green{
color:#3e7c88;
}

div#content div.format .text_blue{
color:#4076a4;
}

div#content div.format .text_brown{
color:#927e75;
}

div#content div.schema_apports{
position:relative;
zoom:1;
}

div#content div.schema_apports p{
margin:0;
line-height:22px;
color:#4f4a48;
font-weight:bold;
text-align:center;
}

div#content div.schema_apports div.texte_1{
position:absolute;
top:215px;
left:96px;
}

div#content div.schema_apports div.texte_2{
position:absolute;
top:306px;
left:466px;
}

div#content div.schema_apports div.texte_3{
position:absolute;
top:126px;
left:678px;
}

div#content div.schema_apports div.texte_4{
position:absolute;
top:514px;
left:89px;
}

div#content div.schema_apports div.texte_5{
position:absolute;
top:482px;
left:319px;
}

div#content div.schema_apports div.texte_6{
position:absolute;
top:600px;
left:582px;
}

div#content div.schema_apports div.texte_7{
position:absolute;
top:432px;
left:729px;
}

div#content div.schema_apports div.texte_8{
position:absolute;
top:768px;
left:91px;
}

div#content div.schema_apports div.texte_9{
position:absolute;
top:669px;
left:297px;
}

div#content div.schema_apports div.texte_10{
position:absolute;
top:743px;
left:735px;
}


/* ========================================================================
 * Classes générales
 * ========================================================================*/

.denied ul li               { color:#C4000C; font-weight:bold; list-style-position:inside; list-style-type:square; margin:0 0 0 30px; padding:3px 0; line-height:14px; }
.clear                      { clear:both; }
.nodisplay                  { display:none; }
.center                     { text-align:center; }
.italic			            { font-style:italic; }
.bold			            { font-weight:bold; }
.bita			            { font-style:italic; font-weight:bold; }
.right                      { text-align:right; }
.flright                    { float:right; }
.flleft                     { float:left; }

ul.puced_square li {
margin:0 0 0 50px;
padding:0 0 0 18px;
background:url(../images/puce/squ_1.gif) no-repeat 0 11px;
}

/* ========================================================================
 * IE Patchs (PNG fix, hasLayout triggers, etc.)
 * ========================================================================*/