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

@font-face 				{font-family: bookmanoldstyle;
						src:url(../font/Bookmanoldstyle.TTF) format('truetype');
						}




body 					{margin:0; padding:0;background:url(../images/Background.jpg) no-repeat center fixed;}
h1                      {text-align:center;}
p 						{margin:0px;padding:0px;}

/* header */
#conteneur				{width:1024px; margin:auto; padding: 0;}
#haut					{height:auto; padding-top:0px;}
#adresse 				{width:833px; height:150px; float:left;text-decoration: none;color:#222; margin:0px; padding-left:20px;font-size:20px;}
#adresse a 				{color:#222;text-decoration:none;}
#adresse a:hover 		{color:#fff;}
#logo					{width:auto; height:150px; margin:auto; text-align:right;float:left; }
#metier 				{width:100%;height:auto; padding:0; margin:0 ; text-align:center;float:left;}
#metier h1 				{color:#222; margin:0; padding:0; background-color:#DBDBDB;  border-radius: 20px 20px 0 0;list-style-type:none;

} 
#metier a 				{text-decoration:none;}
#metier h1:hover 		{color:#FFF;}

#menu					{background-color:#DBDBDB; width:1024px; text-align:center; height:50px;
							line-height:50px; float:left;} 
#menu li 				{list-style-type:none; display:inline-block;}
#menu li a				{text-decoration:none; color:#fff; transition:all 1s; background-color:#222;padding:10px;}
#menu li a:hover		{color:#222;background-color:white;}
ul                      {margin:0; padding:0;}

#height                 {width:1024px; display: flex;float:left;}
/* contenu */
#contenu				{width:684px; background-color:#ececec; padding:20px; float:left;}


/* page acceuil */

#accueil li 				{list-style-type:none;display:inline-block;}
#accueil ul 				{text-align: center;}
#accueil h2 				{font-size: 24px; text-decoration:underline;}

.saintnicolas 				{width:300px; height:130px;display:inline-block;transition:all 1s;}
#stnicolas					{background:url(../images/entreprise/saintnicolas.jpg) 0 0 no-repeat;}
#stnicolas:hover			{background:url(../images/entreprise/saintnicolas.jpg) 0 -130px no-repeat;}

.terumo 					{width:300px; height:30px;display:inline-block;transition:all 1s;}
#terumobct					{background:url(../images/entreprise/terumobct.jpg) 0 0 no-repeat;}
#terumobct:hover			{background:url(../images/entreprise/terumobct.jpg) 0 -30px no-repeat;}

.lpl 						{width:500px; height:140px;display:inline-block;transition:all 1s;}
#lpl2						{background:url(../images/entreprise/lpl.jpg) 0 0 no-repeat;}
#lpl2:hover					{background:url(../images/entreprise/lpl.jpg) 0 -140px no-repeat;}


.cerap 						{width:146px; height:132px;transition:all 1s;display:inline-block; }
#cerap2						{background:url(../images/entreprise/cerap.jpg) 0 0 no-repeat ;}
#cerap2:hover				{background:url(../images/entreprise/cerap.jpg) 0 -132px no-repeat ;}

.sofimae 						{width:230px; height:60px;transition:all 1s;display:inline-block; }
#sofimae2						{background:url(../images/entreprise/sofimae.jpg) 0 0 no-repeat ;}
#sofimae2:hover					{background:url(../images/entreprise/sofimae.jpg) 0 -60px no-repeat ;}


/* page formation */

.formation ul     			{padding-left:70px;color:#222;}
.formation li 				{padding:3px;font-size:12px;}
.formation p 				{color: #222; font-size:14px; margin-bottom:5px;padding-left:50px;}
.formation h2 			{color:#222;margin:0; padding:0;line-height: 30px; margin-bottom:20px; background:url(../images/icon-formation-h2.png) no-repeat;font-size:20px;padding-left:42px;}


/* page experience professionnel*/

.experience 		{width:684px;}
.experience p 		{font-size:14px;color:#222;justify-content: space-between;padding-left:50px;}
.experience h2 		{font-size:18px;background:url(../images/icon-experience-h2.png) no-repeat; line-height:24px;padding-left:30px;}

/* page realisation */

.realisation 		{width:684px;}
.realisation p 		{font-size:14px;color:#222;justify-content: space-between;padding-left:50px;}
.realisation h2 	{font-size:18px;background:url(../../images/icon-realisation-h2.png) no-repeat; line-height:32px;padding-left:32px;}



/* page motivation */
.lettremotivation   	{width:684px;}
.lettremotivation h2 	{font-size:22px;font-family: "bookmanoldstyle"}
.lettremotivation p  	{font-size:14px;margin:10px;padding-bottom:10px;font-family: "bookmanoldstyle"}

/* page download */
.download 				{width:684px;}
.download h2			{font-size:18px;}
.download a             {list-style-type:none;display:inline-block;text-decoration:none;color:#fff; transition:all 1s; background-color:#222;padding:10px; 										margin-left: 200px;}								
.download a:hover		{color:#222;background-color:white;}
.download p 			{font-size:14px;color:#222;text-align:center;padding:20px;}





/* aside*/



#sidebar				{width:290px; background-color:#DBDBDB; float:left;padding:5px;height: stretch;}										
#sidebar h2  			{color:#222; font-size: 13px; height:auto;}
#sidebar li 			{list-style-type:none; font-size: 11px;line-height:20px;}
#sidebar ul 			{margin-left:20px; }


.reseaux 				{width:120px; height:30px;text-indent:500px; display:inline-block;transition:all 1s;}
#facebook				{background:url(../images/facebook.jpg) 0 0 no-repeat;}
#facebook:hover			{background:url(../images/facebook.jpg) 0 -30px no-repeat;}
#instagram				{background:url(../images/instagram.jpg) 0 0 no-repeat;}
#instagram:hover		{background:url(../images/instagram.jpg) 0 -30px no-repeat;}
#linkedin				{background:url(../images/linkedin.jpg) 0 0 no-repeat;}
#linkedin:hover			{background:url(../images/linkedin.jpg) 0 -30px no-repeat;}
#viadeo					{background:url(../images/viadeo.jpg) 0 0 no-repeat;}
#viadeo:hover			{background:url(../images/viadeo.jpg) 0 -30px no-repeat;}


/*footer*/

#pied 					{width:984px; background-color:#222; float:left; 
						 padding:20px; color:#fff; font-size:12px; text-align:center;border-radius: 0px 0px 20px 20px;}