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


/* --------------------   Version Téléphone   -------------------- */


@media only screen and (max-width: 990px) {


body				{background-color:#FFF; margin:0; padding:0;}
#conteneur			{width:600px; background-color:#FFF; margin:auto;}
p,li,h2,h3,h4,a		{font-family: 'Raleway', sans-serif;font-size:38px;}


/* Header */
#header				{width:600px; background-color:#FFF; position:fixed;}
#logo	 			{width:291px; height:195px; padding-top:20px; float:left; background-color:#FFF;background:url(Images/LOGO6.jpg)}
#langue				{float:right;}
#langue	p			{color:#A1A1A1;font-size:12px;}
#menu				{width:600px; background-color:#FFF; text-align:center;padding-top:54px;}
#menu li			{list-style-type:none; display:inline-block;padding-bottom:5px;}
#menu li a			{text-decoration:none; color:#A1A1A1; padding:5px;padding-left:48px;padding-right:48px;}
#menu li a:hover	{color:#2e8ece; background-color:#F2F2F2;}
ul					{margin:0; padding:0; color:#ccc;}

.barregrise			{background-color:#ccc; height:1px; width:600px;}


/* Index-Contenu */

#contenu 			{background-color:; margin-top:300px; width:600px; font-size:56px; height:400px; float:left;}
#contenu h3			{color:#2e8ece; padding-left:15px;font-size:56px;}
#contenu P			{margin-top:-3px;padding-top:-10px;padding-left:15px; color:#A1A1A1; text-align:justify;padding-right:15px;font-size:40px;}

/* Index-Contenu2 */

#contenu2 			{background-color:; background:url(Images/golf2.jpg); margin-top:1300px; margin-left: 30px; width:540px; font-size:12px; height:390px; float:left;}

/* CV-Contenu */

.cote				{float:right; width:200px;}
.age				{clear:both; text-align:right; margin-right:35px;}
#cv 				{background-color:#FFF; margin-top:110px; width:980px; height:auto; float:left; color:#ccc;}
#cv h2				{color:#2e8ece;font-size:22px; text-align:left; padding-bottom:20px;}
#cv P				{padding-top:0px;padding-left:40px; color:#A1A1A1; text-align:;padding-right:15px;font-size:13px;}
#cv h3				{color:#2e8ece; padding-top:30px;font-size:15px;}
#cv li				{list-style-type:;margin-left:60px; color:#A1A1A1;font-size:12px;}
#cv li a			{text-decoration:none; color:#ccc;}

/* CV2-Contenu */


.moi				{width:200px; margin-top:50px; margin-left:10px; margin-bottom:0px;}
#cv2				{background-color:#F2F2F2; margin-top:110px; width:300px; height:auto; float:right; position:; padding-bottom:40px}
#cv2 h2				{color:#2e8ece;font-size:22px; text-align:center; padding-bottom:20px; padding-left:0px;}	
#cv2 P				{padding-top:0px;padding-left:40px; color:#A1A1A1; text-align:;padding-right:15px;font-size:13px;}
#cv2 h3				{color:#2e8ece; padding-top:30px;font-size:15px; padding-left:10px;}
#cv2 li				{list-style-type:;margin-left:60px; color:#A1A1A1;font-size:12px;}
#cv2 li a			{text-decoration:none; color:#ccc;}
#cv3				{background-color:#FFF; margin-top:40px; width:660px; height:1000px; float:left; color:#ccc;}
#cv3 h3				{color:#2e8ece; padding-top:30px;font-size:15px;}

#avoir!				{width:980px; height:auto; float:left; padding-top:115px;}
#C1					{background:url(Images/cv-ensav.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#C1:hover			{background:url(Images/cv-ensav.jpg) 0 -169px no-repeat;}
#C2					{background:url(Images/cv-hau.jpg) 0 0 no-repeat; margin-right:0px; margin-bottom:40px;}
#C2:hover			{background:url(Images/cv-hau.jpg) 0 -169px no-repeat;}
#C3					{background:url(Images/cv-ensav.jpg) 0 0 no-repeat; margin-right:; margin-bottom:40px;}




#video 				{ margin-top:80px; width:980px; height:Auto; float:left;}


/* Vignettes */

.vignettes			{width:300px; height:169px; display:inline-block; text-indent:00px;float:left;}

/* Projets-Perso-nouveau-site-Contenu */

#perso				{width:980px; height:auto; float:left; padding-top:115px;}
#A1					{background:url(Images/mur1.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A1:hover			{background:url(Images/mur1.jpg) 0 -169px no-repeat;}
#A2					{background:url(Images/duo.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A2:hover			{background:url(Images/duo.jpg) 0 -169px no-repeat;}
#A3					{background:url(Images/sp12.jpg) 0 0 no-repeat; margin-right:; margin-bottom:40px;}
#A3:hover			{background:url(Images/sp12.jpg) 0 -169px no-repeat;}
#A4					{background:url(Images/sp22.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px; transition:  all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
#A4:hover			{background:url(Images/sp22.jpg) 0 -169px no-repeat;}
#A5					{background:url(Images/bs.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A5:hover			{background:url(Images/bs.jpg) 0 -169px no-repeat;}
#A6					{background:url(Images/p22.jpg) 0 0 no-repeat; margin-right:px; margin-bottom:40px;}
#A6:hover			{background:url(Images/p22.jpg) 0 -169px no-repeat;}
#A7					{background:url(Images/p31.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A7:hover			{background:url(Images/p31.jpg) 0 -169px no-repeat;}
#A8					{background:url(Images/s5.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A8:hover			{background:url(Images/s5.jpg) 0 -169px no-repeat;}
#A9					{background:url(Images/lit.jpg) 0 0 no-repeat; margin-right:px; margin-bottom:40px;}
#A9:hover			{background:url(Images/lit.jpg) 0 -169px no-repeat;}
#A10				{background:url(Images/fauteuils.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A10:hover			{background:url(Images/fauteuils.jpg) 0 -169px no-repeat;}
#A11				{background:url(Images/duo.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A11:hover			{background:url(Images/duo.jpg) 0 -169px no-repeat;}

/* Archi-nouveau-site-Contenu */

#archi				{width:980px; height:auto; float:left; padding-top:115px;}
#R1					{background:url(Images/cabanon.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#R1:hover			{background:url(Images/cabanon.jpg) 0 -169px no-repeat;}
#R2					{background:url(Images/maison-g.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#R2:hover			{background:url(Images/maison-g.jpg) 0 -169px no-repeat;}
#R3					{background:url(Images/villa-c.jpg) 0 0 no-repeat; margin-right:; margin-bottom:40px;}
#R3:hover			{background:url(Images/villa-c.jpg) 0 -169px no-repeat;}
#R4					{background:url(Images/villa-h.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px; }
#R4:hover			{background:url(Images/villa-h.jpg) 0 -169px no-repeat;}
#R5					{background:url(Images/villa-v.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#R5:hover			{background:url(Images/villa-v.jpg) 0 -169px no-repeat;}




#projets			{width:980px; height:auto; float:left; padding-top:115px;}





/* Projets */

#voir				{margin-top:20px;margin:20px; float:left;}
#voir a				{background-color:rgba(255,255,255,0.85); text-decoration:none; color:#787878; padding:10px; text-align:center; line-height:40px;font-size:13px; }
#voir a:hover		{color:#2e8ece; padding:10px; font-size:15px}

#fondblanc 			{background-color:rgba(255,255,255,0.85); margin-top:240px; margin-left:20px; width:940px; font-size:13px; height:160px; float:left;}
#fondblancpetit		{background-color:rgba(255,255,255,0.85); margin-top:300px; margin-left:20px; width:940px; font-size:13px; height:100px; float:left;}
#fondblanc h3		{color:#2e8ece; padding-left:15px;font-size:13px; line-height:10px;margin-bottom:-5px}
#fondblanc P		{margin-top:5px;padding-top:5px;padding-left:15px; color:#787878; text-align:justify;padding-right:15px;font-size:11px; line-height:15px}
#fondblancpetit h3	{color:#2e8ece; padding-left:15px;font-size:13px; line-height:10px;margin-bottom:-5px}
#fondblancpetit P	{margin-top:5px;padding-top:5px;padding-left:15px; color:#787878; text-align:justify;padding-right:15px;font-size:11px; line-height:15px}
#colg				{float:left; display:inline; width:270px;}
#cold				{float:left; display:inline; width:670px;}




/* Projets-archi-nouveau-site */

#fond-cabanon		{background:url(Images/cabanon-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-maison-g		{background:url(Images/maison-g.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-villa-c		{background:url(Images/villa-c.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-villa-h		{background:url(Images/villa-h.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-villa-v		{background:url(Images/villa-v.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}



/* Projets-perso */

#fond-sono-v3		{background:url(Images/sono-v3-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-rebel			{background:url(Images/rebel-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-lit-mathys	{background:url(Images/lit-mathys-f2.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-fauteuils		{background:url(Images/fauteuils-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-trott 		{background:url(Images/trott-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-trott-v3 		{background:url(Images/trott-v3-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-duo			{background:url(Images/duo-f2.jpg); margin-top:80px; width:980px; height:421px; float:left;}
#fond-p22			{background:url(Images/p22-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-mur			{background:url(Images/mur-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-s5			{background:url(Images/s5-f.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-p21			{background:url(Images/p21-f2.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-sp12			{background:url(Images/sp12-f.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-sp22			{background:url(Images/sp22-f2.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-bs			{background:url(Images/bs-f.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-p31			{background:url(Images/p31-f.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}


/* DUO */

#description-duo	{background-color:#FFFFFF ; margin-top:20px; width:980px; height:120px; float:left;}
#description-duo p	{margin-top:5px;padding-top:5px;padding-left:15px; color:#787878; text-align:justify;padding-right:15px;font-size:13px; line-height:15px;}
#d-duo				{background-color:#FFFFFF; margin-top:80px; width:980px; float:left;}
.ifra				{width:480px; float:left; }
#voir-duo			{margin-top:20px;margin-left:20px;float:left;position:fixed;}
#voir-duo a			{background-color:rgba(242,242,242,0.85); text-decoration:none; color:#787878; padding:10px; text-align:center; line-height:40px;font-size:13px; }
#voir-duo a:hover	{color:#2e8ece;} 
#texte-duo			{background-color:#FFFFFF ; margin-top:0px; width:980px; float:left;}
#texte-duo p		{margin-top:5px;padding-top:5px;padding-left:15px; color:#787878; text-align:justify;padding-right:15px;font-size:13px; line-height:15px;}
#invisible			{visibility:}






/* Footer */

#pdp				{width:600px; background-color:#FFF; height:60px; padding-top:70px; float:left;}
#pdp P				{text-align:center; color:#A1A1A1;font-size:16px;}
#pdp-projet			{width:980px; background-color:#FFF; height:40px; padding-top:1px; float:left; }
#pdp-projet P		{text-align:center; color:#A1A1A1;font-size:11px;}

}


/* --------------------   Version Ordinateur   -------------------- */



@media only screen and (min-width: 991px) {


body				{background-color:#FFF; margin:0; padding:0;}
#conteneur			{width:980px; background-color:#FFF; margin:auto;}
p,li,h2,h3,h4,a		{font-family: 'Raleway', sans-serif;}


/* Header */
#header				{width:980px; background-color:#FFF; position:fixed;}
#logo	 			{width:82px; height:50px; padding-top:10px; float:left; background-color:#FFF;background:url(Images/LOGO.jpg)}
#langue				{float:right;}
#langue	p			{color:#A1A1A1;font-size:12px;}
#menu				{width:980px; background-color:#FFF; text-align:center;padding-top:54px;}
#menu li			{list-style-type:none; display:inline-block;padding-bottom:5px;}
#menu li a			{text-decoration:none; color:#A1A1A1; padding:5px;padding-left:48px;padding-right:48px;}
#menu li a:hover	{color:#2e8ece; background-color:#F2F2F2;}
ul					{margin:0; padding:0; color:#ccc;}

.barregrise			{background-color:#ccc; height:1px; width:980px;}


/* Index-Contenu */

#contenu 			{background-color:; margin-top:110px; width:320px; font-size:12px; height:450px; float:left;}
#contenu h3			{color:#2e8ece; padding-left:15px;font-size:18px;}
#contenu P			{margin-top:-3px;padding-top:-10px;padding-left:15px; color:#A1A1A1; text-align:justify;padding-right:15px;font-size:13px;}

/* Index-Contenu2 */

#contenu2 			{background-color:; background:url(Images/golf2.jpg); margin-top:110px; margin-left: 20px; width:640px; font-size:12px; height:390px; float:left;}

/* CV-Contenu */

.cote				{float:right; width:200px;}
.age				{clear:both; text-align:right; margin-right:35px;}
#cv 				{background-color:#FFF; margin-top:110px; width:980px; height:auto; float:left; color:#ccc;}
#cv h2				{color:#2e8ece;font-size:22px; text-align:left; padding-bottom:20px;}
#cv P				{padding-top:0px;padding-left:40px; color:#A1A1A1; text-align:;padding-right:15px;font-size:13px;}
#cv h3				{color:#2e8ece; padding-top:30px;font-size:15px;}
#cv li				{list-style-type:;margin-left:60px; color:#A1A1A1;font-size:12px;}
#cv li a			{text-decoration:none; color:#ccc;}

/* CV2-Contenu */


.moi				{width:200px; margin-top:50px; margin-left:10px; margin-bottom:0px;}
#cv2				{background-color:#F2F2F2; margin-top:110px; width:300px; height:auto; float:right; position:; padding-bottom:40px}
#cv2 h2				{color:#2e8ece;font-size:22px; text-align:center; padding-bottom:20px; padding-left:0px;}	
#cv2 P				{padding-top:0px;padding-left:40px; color:#A1A1A1; text-align:;padding-right:15px;font-size:13px;}
#cv2 h3				{color:#2e8ece; padding-top:30px;font-size:15px; padding-left:10px;}
#cv2 li				{list-style-type:;margin-left:60px; color:#A1A1A1;font-size:12px;}
#cv2 li a			{text-decoration:none; color:#ccc;}
#cv3				{background-color:#FFF; margin-top:40px; width:660px; height:1000px; float:left; color:#ccc;}
#cv3 h3				{color:#2e8ece; padding-top:30px;font-size:15px;}

#avoir!				{width:980px; height:auto; float:left; padding-top:115px;}
#C1					{background:url(Images/cv-ensav.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#C1:hover			{background:url(Images/cv-ensav.jpg) 0 -169px no-repeat;}
#C2					{background:url(Images/cv-hau.jpg) 0 0 no-repeat; margin-right:0px; margin-bottom:40px;}
#C2:hover			{background:url(Images/cv-hau.jpg) 0 -169px no-repeat;}
#C3					{background:url(Images/cv-ensav.jpg) 0 0 no-repeat; margin-right:; margin-bottom:40px;}




#video 				{ margin-top:80px; width:980px; height:Auto; float:left;}


/* Vignettes */

.vignettes			{width:300px; height:169px; display:inline-block; text-indent:00px;float:left;}

/* Projets-Perso-nouveau-site-Contenu */

#perso				{width:980px; height:auto; float:left; padding-top:115px;}
#A1					{background:url(Images/mur1.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A1:hover			{background:url(Images/mur1.jpg) 0 -169px no-repeat;}
#A2					{background:url(Images/duo.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A2:hover			{background:url(Images/duo.jpg) 0 -169px no-repeat;}
#A3					{background:url(Images/sp12.jpg) 0 0 no-repeat; margin-right:; margin-bottom:40px;}
#A3:hover			{background:url(Images/sp12.jpg) 0 -169px no-repeat;}
#A4					{background:url(Images/sp22.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px; transition:  all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
#A4:hover			{background:url(Images/sp22.jpg) 0 -169px no-repeat;}
#A5					{background:url(Images/bs.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A5:hover			{background:url(Images/bs.jpg) 0 -169px no-repeat;}
#A6					{background:url(Images/p22.jpg) 0 0 no-repeat; margin-right:px; margin-bottom:40px;}
#A6:hover			{background:url(Images/p22.jpg) 0 -169px no-repeat;}
#A7					{background:url(Images/p31.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A7:hover			{background:url(Images/p31.jpg) 0 -169px no-repeat;}
#A8					{background:url(Images/s5.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A8:hover			{background:url(Images/s5.jpg) 0 -169px no-repeat;}
#A9					{background:url(Images/lit.jpg) 0 0 no-repeat; margin-right:px; margin-bottom:40px;}
#A9:hover			{background:url(Images/lit.jpg) 0 -169px no-repeat;}
#A10				{background:url(Images/fauteuils.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A10:hover			{background:url(Images/fauteuils.jpg) 0 -169px no-repeat;}
#A11				{background:url(Images/duo.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#A11:hover			{background:url(Images/duo.jpg) 0 -169px no-repeat;}

/* Archi-nouveau-site-Contenu */

#archi				{width:980px; height:auto; float:left; padding-top:115px;}
#R1					{background:url(Images/cabanon.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#R1:hover			{background:url(Images/cabanon.jpg) 0 -169px no-repeat;}
#R2					{background:url(Images/maison-g.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#R2:hover			{background:url(Images/maison-g.jpg) 0 -169px no-repeat;}
#R3					{background:url(Images/villa-c.jpg) 0 0 no-repeat; margin-right:; margin-bottom:40px;}
#R3:hover			{background:url(Images/villa-c.jpg) 0 -169px no-repeat;}
#R4					{background:url(Images/villa-h.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px; }
#R4:hover			{background:url(Images/villa-h.jpg) 0 -169px no-repeat;}
#R5					{background:url(Images/villa-v.jpg) 0 0 no-repeat; margin-right:40px; margin-bottom:40px;}
#R5:hover			{background:url(Images/villa-v.jpg) 0 -169px no-repeat;}




#projets			{width:980px; height:auto; float:left; padding-top:115px;}





/* Projets */

#voir				{margin-top:20px;margin:20px; float:left;}
#voir a				{background-color:rgba(255,255,255,0.85); text-decoration:none; color:#787878; padding:10px; text-align:center; line-height:40px;font-size:13px; }
#voir a:hover		{color:#2e8ece; padding:10px; font-size:15px}

#fondblanc 			{background-color:rgba(255,255,255,0.85); margin-top:240px; margin-left:20px; width:940px; font-size:13px; height:160px; float:left;}
#fondblancpetit		{background-color:rgba(255,255,255,0.85); margin-top:300px; margin-left:20px; width:940px; font-size:13px; height:100px; float:left;}
#fondblanc h3		{color:#2e8ece; padding-left:15px;font-size:13px; line-height:10px;margin-bottom:-5px}
#fondblanc P		{margin-top:5px;padding-top:5px;padding-left:15px; color:#787878; text-align:justify;padding-right:15px;font-size:11px; line-height:15px}
#fondblancpetit h3	{color:#2e8ece; padding-left:15px;font-size:13px; line-height:10px;margin-bottom:-5px}
#fondblancpetit P	{margin-top:5px;padding-top:5px;padding-left:15px; color:#787878; text-align:justify;padding-right:15px;font-size:11px; line-height:15px}
#colg				{float:left; display:inline; width:270px;}
#cold				{float:left; display:inline; width:670px;}




/* Projets-archi-nouveau-site */

#fond-cabanon		{background:url(Images/cabanon-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-maison-g		{background:url(Images/maison-g.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-villa-c		{background:url(Images/villa-c.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-villa-h		{background:url(Images/villa-h.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-villa-v		{background:url(Images/villa-v.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}



/* Projets-perso */

#fond-sono-v3		{background:url(Images/sono-v3-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-rebel			{background:url(Images/rebel-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-lit-mathys	{background:url(Images/lit-mathys-f2.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-fauteuils		{background:url(Images/fauteuils-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-trott 		{background:url(Images/trott-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-trott-v3 		{background:url(Images/trott-v3-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-duo			{background:url(Images/duo-f2.jpg); margin-top:80px; width:980px; height:421px; float:left;}
#fond-p22			{background:url(Images/p22-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-mur			{background:url(Images/mur-f.jpg); margin-top:80px; width:980px; height:480px; float:left;}
#fond-s5			{background:url(Images/s5-f.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-p21			{background:url(Images/p21-f2.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-sp12			{background:url(Images/sp12-f.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-sp22			{background:url(Images/sp22-f2.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-bs			{background:url(Images/bs-f.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}
#fond-p31			{background:url(Images/p31-f.jpg) ; margin-top:80px; width:980px; height:480px; float:left;}


/* DUO */

#description-duo	{background-color:#FFFFFF ; margin-top:20px; width:980px; height:120px; float:left;}
#description-duo p	{margin-top:5px;padding-top:5px;padding-left:15px; color:#787878; text-align:justify;padding-right:15px;font-size:13px; line-height:15px;}
#d-duo				{background-color:#FFFFFF; margin-top:80px; width:980px; float:left;}
.ifra				{width:480px; float:left; }
#voir-duo			{margin-top:20px;margin-left:20px;float:left;position:fixed;}
#voir-duo a			{background-color:rgba(242,242,242,0.85); text-decoration:none; color:#787878; padding:10px; text-align:center; line-height:40px;font-size:13px; }
#voir-duo a:hover	{color:#2e8ece;} 
#texte-duo			{background-color:#FFFFFF ; margin-top:0px; width:980px; float:left;}
#texte-duo p		{margin-top:5px;padding-top:5px;padding-left:15px; color:#787878; text-align:justify;padding-right:15px;font-size:13px; line-height:15px;}
#invisible			{visibility:}






/* Footer */

#pdp				{width:980px; background-color:#FFF; height:60px; padding-top:70px; float:left;}
#pdp P				{text-align:center; color:#A1A1A1;font-size:11px;}
#pdp-projet			{width:980px; background-color:#FFF; height:40px; padding-top:1px; float:left; }
#pdp-projet P		{text-align:center; color:#A1A1A1;font-size:11px;}

}