/*
Ancienne couleur #02829d
Nouvelle couleur #02599d
Nouvelle couleur #0563ad
New test		 #02599d
508ab8
2b76b2
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
	display: block;
}
body
{
	line-height: 1;
	font-family:verdana, Arial;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

body
{	
	font-family: Arial, verdana, tahoma, tempus;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 10%, #e8e9eb 80%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#ffffff), color-stop(70%,#e8e9eb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 10%,#e8e9eb 80%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 10%,#e8e9eb 80%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 10%,#e8e9eb 80%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#ffffff 10%,#e8e9eb 80%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}


a:link
{
	color:#2276c1;
}

a:visited, a:active, a:focus
{
	color:#660099;
}
a:hover
{
	color:red;
}

a img
{
	border:0;
}

.contenu
{
	font-size:13px;
	margin-left:30px;
	margin-right:30px;
	margin-top:40px;
}

.barre-grise
{
	height:6px;	
	background-color:#dbdbdb;	
}

.barre-bleu
{
	height:6px;
	width:960px;
	background-color:#2b76b2;
	margin:auto;
}

#header
{
	width: 1012px;
	margin: auto;
	padding-left:26px;
	padding-right:26px;
	border:0px solid green;
}
/*
#header2
{
	height:200px;
	width: 1012px;
	margin: auto;
	padding-left:26px;
	padding-right:26px;
	border:0px solid green;
}
*/
#header-repetable
{
	height:140px;
	width: 960px;
	margin: auto;	
	border:0px solid blue;
}


.barre-points-haut 
{
	position:absolute;
	width:572px;
	height:5px;
	margin-left:340px;
	margin-top:19px;
	border-top:4px dotted #ececec;
	font-size:1px;
}

.menu
{
	position:absolute;
	height:35px;
	width:590px;	
	font-size:14px;
	margin-left:330px;
	margin-top:29px;
	border:0px solid red;
}
.menu a
{
	float:left;
	height:20px;
	
	margin-left:4px;
	margin-top:5px;
	
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;	
	text-decoration:none;	
	color:#2e2e2e;
	font-size:14px;
	border:0px solid blue;
	webkit-border-radius:5px;
	border-radius:5px;
}
.menu a:hover
{
	/*font-weight:bold;*/
	background-color:#2b76b2;
	color:#ffffff;
}
/*
.lien-agence
{
	margin-left:58px;
}
.lien-services
{
	margin-left:126px;
}
.lien-reference
{
	margin-left:192px;
}
.lien-formation
{
	margin-left:274px;
}
.lien-contact
{
	margin-left:358px;
}
*/

.barre-points-bas
{
	position:absolute;
	width:572px;
	height:5px;
	margin-left:340px;
	margin-top:70px;
	border-top:4px dotted #ececec;
	font-size:1px;
}

.logo
{
	position:absolute;
	width:132px;
	height:139px;
	margin-left:30px;
	margin-top:0px;
	text-decoration:none;
	background:url(images/accueil/logos/logo-agence-web-newave.png);
	border:0px solid red;
}

.LogoDiv a
{
	color:#049cbc;
	color:#1077c7;
	color:#2b76b2;
	text-decoration:none;
	text-align:center;
	font-weight:regular;
}

.logo-text1
{
	position:absolute;
	width:115px;
	height:10px;
	margin-left:165px;
	margin-top:40px;
	font-size:32px;
	border:0px solid red;
	font-family: 'Viga', serif;
}

.logo-text2
{
	position:absolute;
	width:115px;
	height:22px;
	margin-left:163px;
	margin-top:70px;
	font-size:20px;
	border:0px solid red;
}

.txt-header
{
	position:absolute;
	width:570px;
	height:41px;
	margin-left:443px;
	margin-top:115px;
	font-size:36px;		
	color:#e44f00;
	border:0px solid red;
}

.txt2-header
{
	position:absolute;
	width:550px;
	height:21px;
	margin-left:443px;
	margin-top:160px;
	font-size:16px; 
	letter-spacing:0.3px;
	color:#343434;
	border:0px solid green;
}

.bloc-note
{
	position:absolute;
	width:239px;
	height:259px;
	margin-left:71px;
	margin-top:33px;
	background:url(images/accueil/blocnote/bloc-note.png);
	border:0px solid red;
}

.developpement-blocnote
{
	position:absolute;
	width:222px;
	height:37px;
	margin-left:10px;
	margin-top:90px;
	background:url(images/accueil/blocnote/dev-note.png);
	border:0px solid green;
}

.developpement-blocnote:hover
{
	position:absolute;
	width:222px;
	height:37px;
	margin-left:10px;
	margin-top:90px;
	background:url(images/accueil/blocnote/dev-note-lien.png);
	border:0px solid green;
}


.marketing-blocnote
{
	position:absolute;
	width:222px;
	height:37px;
	margin-left:10px;
	margin-top:130px;
	background:url(images/accueil/blocnote/marketing-note.png);
	background-repeat:no-repeat;
	border:0px solid blue;
}

.marketing-blocnote:hover
{
	position:absolute;
	width:222px;
	height:37px;
	margin-left:10px;
	margin-top:130px;
	background:url(images/accueil/blocnote/marketing-note-lien.png);
	border:0px solid blue;
}

.design-blocnote
{
	position:absolute;
	width:222px;
	height:37px;
	margin-left:10px;
	margin-top:170px;
	background:url(images/accueil/blocnote/design-note.png);
	border:0px solid pink;
}

.design-blocnote:hover
{
	position:absolute;
	width:222px;
	height:37px;
	margin-left:10px;
	margin-top:170px;
	background:url(images/accueil/blocnote/design-note-lien.png);
	border:0px solid pink;
}

.details-blocnote
{
	position:absolute;
	width:222px;
	height:37px;
	margin-left:10px;
	margin-top:210px;
	border:0px solid black;
}



.photos-accueil
{
	position:absolute;
	width:582px;
	height:289px;
	margin-left:380px;
	margin-top:0px;
	border:0px solid red;
}

#jf-accueil
{
	position:absolute;
	width:200px;
	height:350px;
	margin-left:0px;
	margin-top:32px;
	background:url(images/accueil/photos/photos-jf-seul.png);
	background-repeat:no-repeat;
	border:0px solid green;
	z-index:1;
}

#jf-accueil:hover
{
	position:absolute;
	width:200px;
	height:350px;
	margin-left:0px;
	margin-top:32px;
	background:url(images/accueil/photos/photos-jf.png);
	background-repeat:no-repeat;
	border:0px solid red;
	z-index:5;
}

#seb-accueil
{
	position:absolute;
	width:193px;
	height:350px;
	margin-left:200px;
	margin-top:32px;
	background:url(images/accueil/photos/photos-seb-seul.png);
	background-repeat:no-repeat;
	border:0px solid blue;
	z-index:1;
}

#seb-accueil:hover
{
	position:absolute;
	width:193px;
	height:350px;
	margin-left:200px;
	margin-top:32px;
	background:url(images/accueil/photos/photos-seb.png);
	background-repeat:no-repeat;
	border:0px solid red;
	z-index:5;
}

#SuperClient
{
	position:absolute;
	width:291px;
	height:367px;
	margin-left:350px;
	margin-top:-46px;
	background:url(images/accueil/photos/1.png);
	background-repeat:no-repeat;
	border:0px solid pink;
	z-index:1;
}
#SuperClient:hover
{
	background:url(images/accueil/photos/11.png);
}


#jo-accueil
{
	position:absolute;
	width:189px;
	height:350px;
	margin-left:393px;
	margin-top:0px;
	background:url(images/accueil/photos/photos-jo-seul.png);
	background-repeat:no-repeat;
	border:1px solid pink;
	z-index:1;
}

#jo-accueil:hover
{
	position:absolute;
	width:189px;
	height:350px;
	margin-left:393px;
	margin-top:0px;
	background:url(images/accueil/photos/photos-jo.png);
	background-repeat:no-repeat;
	border:0px solid red;
	z-index:5;
}

#BarreNoirCentrale
{
	background:#343434;
	height:62px;
	-webkit-box-shadow: 0px -5px 10px -5px ;
	box-shadow: 0px -5px 10px -5px ;
	border:0px solid green;	
}

#BarreNoirCentrale2
{
	margin-top:0px;
	height:100px; /* 100 */
	border:0px solid red;
	padding-bottom:65px;
	border:1px solid red;
}

.barrenoir2
{
	background:#343434;
	height:62px;
	margin-top:0px;
	-webkit-box-shadow: 0px -5px 10px -5px ;
	box-shadow: 0px -5px 10px -5px ;
	border:1px solid blue;
}

.content-barrenoir2
{	
	
	width:960px;
	height:100px;
	margin:auto;	
	border:1px solid orange;		
}

.onglet1-barrenoir-normal
{	
	position:absolute;
	width:188px;
	height:106px;
	margin-left:0px;
	margin-top:57px;
	border:0px solid green;
	background:url(images/services/onglet1/onglet1.png);	
}
.onglet1-barrenoir-lien
{	
	position:absolute;
	width:188px;
	height:106px;
	margin-left:0px;
	margin-top:58px;
	border:0px solid green;
	background:url(images/services/onglet1/onglet1-trans.png);	
}

.onglet1-barrenoir-lien:hover
{	
	position:absolute;
	width:188px;
	height:106px;
	margin-left:0px;
	margin-top:58px;
	border:0px solid green;
	background:url(images/services/onglet1/onglet1.png);	
}

.contenu-onglet1
{
	width:93px;
	height:43px;
	margin-left:90px;
	margin-top:60px;
	font-size:18px;	
	color:#2b76b2;
	border:0px solid red;
}

.onglet2-barrenoir-normal
{	
	position:absolute;
	width:227px;
	height:106px;
	margin-left:230px;
	margin-top:69px;
	border:0px solid green;
	background:url(images/services/onglet2/onglet2.png);
	background-repeat:no-repeat;
}

.onglet2-barrenoir-lien
{	
	position:absolute;
	width:227px;
	height:106px;
	margin-left:230px;
	margin-top:69px;
	border:0px solid green;
	background:url(images/services/onglet2/onglet2-trans.png);
	background-repeat:no-repeat;
}

.onglet2-barrenoir-lien:hover
{	
	position:absolute;
	width:227px;
	height:106px;
	margin-left:230px;
	margin-top:69px;
	border:0px solid green;
	background:url(images/services/onglet2/onglet2.png);
	background-repeat:no-repeat;	
}

.contenu-onglet2
{
	display:block;
	position: absolute;
	width:124px;
	height:43px;
	margin-left:315px;
	padding-top:15px;
	font-size:18px;	
	text-decoration:none;
	color:#2b76b2;
	border:0px solid red;
}

.onglet3-barrenoir-normal
{	
	position:absolute;
	width:240px;
	height:106px;
	margin-left:495px;
	margin-top:80px;
	border:0px solid green;
	background:url(images/services/onglet3/onglet3.png);
	background-repeat:no-repeat;	
}

.onglet3-barrenoir-lien
{	
	position:absolute;
	width:240px;
	height:106px;
	margin-left:495px;
	margin-top:80px;
	border:0px solid green;
	background:url(images/services/onglet3/onglet3-trans.png);
	background-repeat:no-repeat;	
}

.onglet3-barrenoir-lien:hover
{	
	position:absolute;
	width:240px;
	height:106px;
	margin-left:495px;
	margin-top:80px;
	border:0px solid green;
	background:url(images/services/onglet3/onglet3.png);
	background-repeat:no-repeat;	
}

.contenu-onglet3
{
	display:block;
	
	width:150px;
	height:43px;
	margin-left:595px;
	padding-top:15px;
	font-size:18px;
	text-decoration:none;	
	color:#2b76b2;
	border:0px solid red;
}

.content-barrenoir
{	
	width:960px;
	height:60px;
	margin:auto;		
	border:0px solid blue;
	z-index:3;
}

.specialites
{
	position:absolute;	
	margin-left:80px;
	margin-top:20px;
	font-size:24px;
	font-weight:bold;
	text-align:center;		
	color:#ffffff;
	border:0px solid red;
}

.agence-barrenoir
{
	position:absolute;	
	margin-left:10px;
	margin-top:20px;
	font-size:24px;
	font-weight:bold;
	text-align:center;		
	color:#ffffff;
	border:0px solid red;
}

#seb-barrenoir
{
	height:60px;
	width:186px;
	position:absolute;	
	margin-left:556px;
	margin-top:1px;
	border:0px solid red;
}

#seb-barrenoir:hover
{
	height:60px;
	width:186px;
	background-color:#049cbc;
	background-color:#2b76b2;
}

#jf-barrenoir
{
	height:60px;
	width:196px;
	position:absolute;	
	margin-left:358px;
	margin-top:1px;
	border:0px solid red;
}

#jf-barrenoir:hover
{
	height:60px;
	width:196px;
	background-color:#049cbc;
	background-color:#2b76b2;
}

#jo-barrenoir
{
	height:60px;
	width:186px;
	position:absolute;	
	margin-left:746px;
	margin-top:1px;
	border:0px solid red;
}

#jo-barrenoir:hover
{
	height:60px;
	width:182px;
	background-color:#049cbc;
	background-color:#2b76b2;
}


#content
{
	height:600px;
	width: 1012px;
	margin: auto;
	padding-left:26px;
	padding-right:26px;
	border:0px solid green;
	background-color:white;
}

#TheContent
{
	width: 1012px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding-left:26px;
	padding-right:26px;
	
	border:1px solid #ffffff;
	background-color:#ffffff;
}

.contenu-titre h2
{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}
.contenu-titre h3
{
	font-size:15px;
	font-weight:bold;
}

.LienRetourServiceMultipack
{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	
	margin-top:15px;
}
.LienRetourServiceMultipack a
{
	color:#2276c1;
	text-decoration:none;
}
.LienRetourServiceMultipack a:hover
{
	color:red;
}


.LienRetourReference
{
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
	
	margin-top:15px;
	font-size:14px;
}
.LienRetourReference a
{
	color:#2276c1;
	text-decoration:none;
}
.LienRetourReference a:hover
{
	color:red;
}




#content-publ
{
	height:1550px;
	width: 1012px;
	margin: auto;
	padding-left:26px;
	padding-right:26px;
	border:1px solid white;
	background-color:white;
}

.clients
{	
	
	position:absolute;	
	margin-left:86px;
	margin-top:47px;
	font-size:20px;
	font-weight:bold;		
	text-decoration:none;
	color:#a0a0a0;
	border:0px solid green;
}

.clients-logos
{	
	height:71px;
	width:581px;
	position:absolute;	
	margin-left:327px;
	margin-top:21px;
	background:url(images/accueil/logos/logos-clients.png);	
	border:0px solid green;
}

.logo-peiffer
{	
	height:71px;
	width:66px;
	position:absolute;	
	margin-left:332px;
	margin-top:15px;
	background:url(images/accueil/logos/peiffer-nb.png);	
	border:0px solid green;
}

.logo-peiffer:hover
{	
	background:url(images/accueil/logos/peiffer-color.png);	
	border:0px solid green;
}

.logo-ducomat
{	
	height:71px;
	width:144px;
	position:absolute;	
	margin-left:398px;
	margin-top:16px;
	background:url(images/accueil/logos/ducomat-nb.png);	
	border:0px solid green;
}

.logo-ducomat:hover
{	
	background:url(images/accueil/logos/ducomat-color.png);	
	border:0px solid green;
}

.logo-monenergie
{	
	height:71px;
	width:124px;
	position:absolute;	
	margin-left:542px;
	margin-top:16px;
	background:url(images/accueil/logos/monenergie-nb.png);	
	border:0px solid green;
}

.logo-monenergie:hover
{	
	background:url(images/accueil/logos/monenergie-color.png);	
	border:0px solid green;
}

.logo-schuko
{	
	height:71px;
	width:124px;
	position:absolute;	
	margin-left:667px;
	margin-top:16px;
	background:url(images/accueil/logos/schuko-nb.png);	
	border:0px solid green;
}

.logo-schuko:hover
{	
	background:url(images/accueil/logos/schuko-color.png);	
	border:0px solid green;
}

.logo-alphamoto
{	
	height:71px;
	width:113px;
	position:absolute;	
	margin-left:797px;
	margin-top:16px;
	background:url(images/accueil/logos/alphamoto-nb.png);	
	border:0px solid green;
}

.logo-alphamoto:hover
{	
	background:url(images/accueil/logos/alphamoto-color.png);	
	border:0px solid green;
}

.adwords
{	
	height:200px;
	width:200px;
	position:absolute;	
	margin-left:12px;
	margin-top:129px;
	
	margin-top:60px;
	margin-left:100px;
	
	background:url(images/accueil/adwords/google-specialiste-adwords-agree-2.png);	
	border:0px solid green;
}
.adwordstxt
{
	margin-left:15px;
	margin-top:400px;
	
	margin-left:50px;
	margin-top:283px;
	
	position:absolute;
	font-size:13px;
}


.adwords2
{	
	height:249px;
	width:249px;
	position:absolute;	
	margin-left:670px;
	margin-top:15px;
	border:0px solid green;
}
.adwords-txt
{	
	height:249px;
	width:650px;
	position:absolute;	
	margin-left:340px;
	margin-top:129px;
	border:0px solid blue;
}

.adwords-txt-titre
{	
	
	position:absolute;	
	margin-left:3px;
	margin-top:0px;
	font-size:16px;
	font-weight:bold;	
	color:#343434;
	border:0px red;
}

.adwords-txt-titre2
{	

	position:absolute;	
	margin-left:3px;
	margin-top:45px;
	font-size:14px;				
	color:#343434;
	line-height:18px;
	border:0px solid yellow;
}

.adwords-txt-paragraphe
{	
	
	position:absolute;	
	margin-left:3px;
	margin-top:100px;
	font-size:14px;	
	line-height:18px;
	color:#343434;
	border:0px solid red;
}
.adwords-txt-paragraphe2
{	

	position:absolute;	
	margin-left:3px;
	margin-top:180px;
	font-size:14px;	
	line-height:18px;
	color:#343434;
	border:0px solid black;
}

#footer
{
	height:105px;
	width:1012px;
	margin: auto;
	padding-top:50px;
	padding-left:26px;
	padding-right:26px;	
	border:0px solid green;
	font-size:14px;
}

.FooterTxtGauche
{
	position:absolute;
	margin-left:100px;
	margin-top:49px;
}

.copyright-footer
{
	display:inline-block;
	color:#343434;
}

.plan-footer
{
	color:#343434;
	border:0px solid green;
}

.blog-footer
{	
	color:#343434;
	border:0px solid green;
}

.logo-footer
{
	display:block;
	position:absolute;
	height:97px;
	width:89px;
	margin-left:448px;
	margin-top:4px;	
	background:url(images/logo-footer.png);		
	border:0px solid green;
}

.tel-footer
{	
	position:absolute;	
	margin-left:574px;
	margin-top:49px;
	font-size:14px;
	text-decoration:none;
	color:#343434;
	border:0px solid green;
}

.mail-footer
{	
	position:absolute;	
	margin-left:710px;
	margin-top:49px;
	font-size:14px;
	text-decoration:none;
	color:#343434;
	border:0px solid green;
}

.adresse-footer
{	
	position:absolute;	
	margin-left:840px;
	margin-top:49px;
	font-size:14px;
	text-decoration:none;
	color:#343434;
	border:0px solid green;
}

.intro-agence
{	
	width:1010px;	
	margin:auto;
	margin-top:41px;
	line-height:20px;
	font-size:16px;
	font-weight:bold;
	color:#343434;
	border:0px solid green;
}
.intro-agence2
{	
	width:1010px;
	margin:auto;
	margin-top:20px;
	line-height:18px;
	font-size:16px;
	font-weight:regular;
	color:#343434;
	border:0px solid green;
}
.intro-agence3
{	
	width:1010px;
	margin:auto;
	margin-top:20px;
	font-size:14px;	
	line-height:18px;
	color:#343434;
	border:0px solid green;
}

.fin-agence
{	
	width:1010px;
	margin-left:3px;
	margin-top:30px;
	font-size:14px;	
	line-height:18px;
	color:#343434;
	border:0px solid green;
}

.AgenceWebTitreRencontrerEquipe
{
	width:960px;
	height:65px;
	margin-left:7px;
	margin-top:40px;
}
.points-haut-agence 
{
	position:absolute;
	width:960px;
	height:5px;
	margin-left:auto;
	margin-top:0px;
	border-top:4px dotted #888888;
	font-size:1px;	
}
.rencontrez-agence
{	
	width:1010px;
	position:absolute;	
	margin:auto;
	margin-top:8px;
	font-size:35px;	
	text-align:center;	
	color:#e45002;
	text-decoration:none;
	border:0px solid green;
}
.rencontrez-agence:visited, .rencontrez-agence:hover, .rencontrez-agence:link
{	
	color:#e45002;
}


.points-bas-agence 
{
	position:absolute;
	width:960px;
	height:5px;
	margin-left:auto;
	margin-top:52px;
	border-top:4px dotted #888888;
	font-size:1px;	
}


.equipe-agence
{
	width:1010px;
	width:630px;
	height:547px;
	margin:auto;
	margin-top:10px;
	margin-bottom:40px;
	background:url(images/agence/equipe.png);
	background-repeat:no-repeat;
	border:0px solid red;
}

.IlsOntTravaillerChezNewave
{
	margin-top:30px;
	
	font-size:14px;
	line-height:18px;
	color:#343434;
	
	border:0px solid red;
}

.dev-agence
{		
	width:286px;
	height:514px;
	position:absolute;	
	margin-left:5px;
	margin-top:5px;
	border:0px solid green;
}

.marketing-agence
{		
	width:286px;
	height:514px;
	position:absolute;	
	margin-left:340px;
	margin-top:5px;
	border:0px solid blue;
}

.design-agence
{		
	width:286px;
	height:514px;
	position:absolute;	
	margin-left:680px;
	margin-top:5px;
	border:0px solid pink;
}

.dev-txt-agence
{		
	position:absolute;	
	margin-left:15px;
	margin-top:13px;
	font-size:18px;	
	font-weight:bold;
	text-align:center;	
	color:#ffffff;
	border:0px solid green;
}

.marketing-txt-agence
{		
	position:absolute;	
	margin-left:43px;
	margin-top:13px;
	font-size:18px;	
	font-weight:bold;
	text-align:center;	
	color:#ffffff;
	border:0px solid green;
}

.design-txt-agence
{		
	position:absolute;	
	margin-left:35px;
	margin-top:13px;
	font-size:18px;	
	font-weight:bold;
	text-align:center;	
	color:#ffffff;
	border:0px solid green;
}

.dev-txt2-agence
{		
	position:absolute;	
	margin-left:22px;
	margin-top:63px;
	font-size:24px;	
	font-weight:bold;	
	color:#29a60d;
	border:0px solid green;
}

.marketing-txt2-agence
{		
	position:absolute;	
	margin-left:22px;
	margin-top:63px;
	font-size:24px;	
	font-weight:bold;		
	color:#039bb0;
	border:0px solid green;
}

.design-txt2-agence
{		
	position:absolute;	
	margin-left:22px;
	margin-top:63px;
	font-size:24px;	
	font-weight:bold;		
	color:#810ca6;
	border:0px solid green;
}

.dev-txt3-agence
{		
	width:248px;
	height:335px;
	position:absolute;	
	margin-left:23px;
	margin-top:138px;
	line-height:20px;
	font-size:14px;	
	color:#343434;
	border:0px solid green;
}

.marketing-txt3-agence
{		
	width:248px;
	height:335px;
	position:absolute;	
	margin-left:23px;
	margin-top:138px;
	line-height:20px;
	font-size:14px;	
	color:#343434;
	border:0px solid green;
}

.design-txt3-agence
{		
	width:248px;
	height:335px;
	position:absolute;	
	margin-left:23px;
	margin-top:138px;
	line-height:20px;
	font-size:14px;	
	color:#343434;
	border:0px solid green;
}
h3{
	color: #f15a50;
}
/*
h3
{
	position:absolute;
	margin-left:37px;
	margin-top:58px;
	font-size:30px;

	font-weight:bold;	
	color:#343434;
	border:0px solid red;
}
*/
.txt-contact
{		
	width:980px;
	height:132px;
	margin-left:37px;
	margin-top:25px;
	position:absolute;	
	line-height:17px;
	font-size:14px;
	color:#343434;
	border:0px solid green;
}

.seb-contact
{		
	width:551px;
	height:63px;
	margin-left:37px;
	margin-top:135px;
	position:absolute;	
	border:0px solid green;
}

.jf-contact
{		
	width:551px;
	height:63px;
	margin-left:37px;
	margin-top:150px;
	position:absolute;	
	border:0px solid blue;
}

.jo-contact
{		
	width:551px;
	height:63px;
	margin-left:37px;
	margin-top:295px;
	position:absolute;	
	border:0px solid pink;
}

.marketing-img-contact
{		
	width:53px;
	height:61px;
	margin-left:px;
	margin-top:px;
	position:absolute;
	background:url(images/contact/vignettes/marketing-contact.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.dev-img-contact
{		
	width:53px;
	height:61px;
	margin-left:px;
	margin-top:px;
	position:absolute;
	background:url(images/contact/vignettes/dev-contact.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.design-img-contact
{		
	width:53px;
	height:61px;
	margin-left:px;
	margin-top:px;
	position:absolute;
	background:url(images/contact/vignettes/design-contact.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.txt-seb-contact
{
	width:250px;
	height:55px;
	position:absolute;
	margin-left:61px;
	margin-top:3px;
	line-height:18px;
	font-size:13px;	
	color:#343434;
	border:0px solid red;
}

.txt-jf-contact
{
	width:250px;
	height:55px;
	position:absolute;
	margin-left:61px;
	margin-top:3px;
	line-height:18px;
	font-size:13px;	
	color:#343434;
	border:0px solid red;
}

.txt-jo-contact
{
	width:250px;
	height:55px;
	position:absolute;
	margin-left:61px;
	margin-top:3px;
	line-height:18px;
	font-size:13px;		
	color:#343434;
	border:0px solid red;
}

.txt2-seb-contact
{
	width:50px;
	height:55px;
	position:absolute;
	margin-left:461px;
	margin-top:3px;	
	color:#343434;	
}

.txt2-jf-contact
{
	width:50px;
	height:55px;
	position:absolute;
	margin-left:461px;
	margin-top:3px;	
	color:#343434;	
}

.txt2-jo-contact
{
	width:50px;
	height:55px;
	position:absolute;
	margin-left:461px;
	margin-top:3px;	
	color:#343434;	
}

.facebook-jf
{		
	width:32px;
	height:32px;
	margin-left:325px;
	margin-top:10px;
	position:absolute;
	background:url(images/contact/socialnetwork/facebook.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.linkedin-jf
{		
	width:32px;
	height:32px;
	margin-left:275px;
	margin-top:10px;
	position:absolute;
	background:url(images/contact/socialnetwork/linkedin.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.facebook-seb
{		
	width:32px;
	height:32px;
	margin-left:500px;
	margin-top:10px;
	position:absolute;
	background:url(images/contact/socialnetwork/facebook.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.twitter-seb
{		
	width:32px;
	height:32px;
	margin-left:450px;
	margin-top:10px;
	position:absolute;
	background:url(images/contact/socialnetwork/twitter.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.linkedin-seb
{		
	width:32px;
	height:32px;
	margin-left:400px;
	margin-top:10px;
	position:absolute;
	background:url(images/contact/socialnetwork/linkedin.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.foursquare-seb
{		
	width:32px;
	height:32px;
	margin-left:350px;
	margin-top:10px;
	position:absolute;
	background:url(images/contact/socialnetwork/foursquare.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.linkedin-jo
{		
	width:32px;
	height:32px;
	margin-left:500px;
	margin-top:10px;
	position:absolute;
	background:url(images/contact/socialnetwork/linkedin.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.facebook-jf:hover
{		
	background:url(images/contact/socialnetwork/facebook-hover.png);
}

.linkedin-jf:hover
{		
	background:url(images/contact/socialnetwork/linkedin-hover.png);
}

.facebook-seb:hover
{		
	background:url(images/contact/socialnetwork/facebook-hover.png);
}

.twitter-seb:hover
{		
	background:url(images/contact/socialnetwork/twitter-hover.png);
}

.linkedin-seb:hover
{	
	background:url(images/contact/socialnetwork/linkedin-hover.png);
}

.foursquare-seb:hover
{	
	background:url(images/contact/socialnetwork/foursquare-hover.png);
}

.linkedin-jo:hover
{		
	background:url(images/contact/socialnetwork/linkedin-hover.png);
}


.googlemap
{		
	width:411px;
	height:324px;
	margin-left:610px;
	margin-top:140px;
	position:absolute;
	border:0px solid red;
}

.formulaire
{
	width:426px;
	height:355px;
	margin-left:40px;
	margin-top:260px;
	position:absolute;
	padding:0px;
	border:0px solid red;
}

.titre1-formulaire-contact
{
	position:absolute;
	margin-left:5px;
	margin-top:5px;
	line-height:18px;
	font-size:18px;	
	font-weight:bold;	
	color:#343434;
	border:0px solid red;
}

.titre2-formulaire-contact
{
	position:absolute;
	margin-left:5px;
	margin-top:25px;	
	font-size:18px;	
	font-weight:regular;
	color: #e44f00;
	border:0px solid red;
}

.contenu-formulaire-contact
{
	height:150px;
	width:350px;
	position:absolute;
	margin-left:5px;
	margin-top:70px;	
	font-size:14px;	
	font-weight:bold;
	color:#343434;
	border:0px solid red;
}

.bouton-formulaire-contact
{
	position:absolute;
	margin-left:5px;
	margin-top:300px;	
	font-size:14px;	
	font-weight:bold;
	color:#343434;
	border:0px solid red;
}

.coordonnees
{		
	width:420px;
	height:250px;
	margin-left:608px;
	margin-top:480px;
	position:absolute;
	border:0px solid red;
}

.coordonnees-titre
{
	position:absolute;
	margin-left:2px;
	margin-top:2px;	
	font-size:14px;	
	font-weight:bold;
	color:#343434;
	border:0px solid red;
}

.coordonnees-txt
{
	position:absolute;
	margin-left:2px;
	margin-top:30px;	
	font-size:14px;	
	line-height:17px;
	color:#343434;
	border:0px solid red;
}

.TheReference
{
	float:left;
	width:301px;
	height:252px;
	margin-left:25px;
	margin-right:6px;
	margin-top:44px;
	background-repeat:no-repeat;	
	border:0px solid red;
}


.TheReference span
{
	position:absolute;
	width:301px;
	height:252px;
	background:url(images/references/Reference-fond-hover.png);
	display:none;
}
.TheReference:hover
{
	color:#ffffff;
}
.TheReference b
{
	display:block;
	position:absolute;
	width:301px;
	margin-top:20px;
	
	font-weight:bold;
	font-size:30px;
	text-align:center;
}
.TheReference i
{
	display:block;
	position:absolute;
	width:301px;
	margin-top:180px;
	
	font-weight:bold;
	font-size:25px;
	text-align:center;
}

.titre-service
{
	width:559px;
	height:27px;
	margin-left:37px;
	margin-top:38px;
	font-weight:bold;	
	font-size:30px;	
	color:#343434;
	border:0px solid red;
}


.bouton-rencontrer-New-AdWords
{
	width:393px;
	height:53px;
	
	position:absolute;
	background:url(images/services/onglet1/bouton-rencontrer-new.png);
	background-repeat:no-repeat;	
	border:0px solid red;
	
	font-size:15px;
	text-decoration:none;
	padding-top:20px;
	padding-left:75px;
}

.bouton-rencontrer-New-AdWords:hover
{		
	height:55px;
}

.bouton-rencontrer-New-AdWords
{
	margin-left:650px;
	margin-top:20px;
}
.bouton-rencontrer-New-AdWords:hover
{
	margin-top:18px;
}





.bouton-rencontrer, .bouton-rencontrer-ServiceAlaCarte, .bouton-rencontrer-referencement, .bouton-rencontrer-AdWords, .bouton-startup
{
	width:393px;
	height:53px;
	
	position:absolute;
	background:url(images/services/onglet1/bouton-rencontrer.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.bouton-rencontrer:hover, .bouton-rencontrer-ServiceAlaCarte:hover, .bouton-rencontrer-referencement:hover, .bouton-rencontrer-AdWords:hover, .bouton-startup:hover
{		
	height:55px;
}

.bouton-startup
{
	margin-left:350px;
	margin-top:460px;
}
.bouton-startup:hover
{
	margin-top:458px;
}

.bouton-rencontrer-AdWords
{
	margin-left:650px;
	margin-top:24px;
}
.bouton-rencontrer-AdWords:hover
{
	margin-top:22px;
}

.bouton-rencontrer-ServiceAlaCarte
{
	margin-left:589px;
	margin-top:22px;
}
.bouton-rencontrer-ServiceAlaCarte:hover
{		
	margin-top:20px;
}



.bouton-rencontrer-referencement
{
	margin-left:589px;
	margin-top:42px;
}

.bouton-rencontrer-referencement:hover
{
	margin-top:40px;
}


.bouton-rencontrer-formation
{
	width:393px;
	
	height:53px;
	margin-top:22px;
	
	margin-left:589px;
	padding-top:1px;
	position:absolute;
	background:url(images/services/onglet1/bouton-rencontrer.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.bouton-rencontrer-formation:hover
{		
	height:55px;
	margin-top:20px;
}

.img-service
{	
	position:absolute;
	width:980px;
	height:801px;
	margin-top:60px;
	margin-left:15px;
	
	/*margin-left:160px;*/
	/*width:680px;*/
	
	background:url(images/services/specialite-service.jpg);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.dev-service
{	
	position:absolute;
	width:293px;
	height:383px;
	margin-top:160px;
	margin-left:24px;
	border:0px solid red;
}

.dev-service h2, .marketing-service h2, .design-service h2
{
	margin-top:15px;
	font-weight:bold;
	font-size:30px;
	border:0px solid red;
}
.dev-service h3, .marketing-service h3, .design-service h3
{
	margin-top:5px;
	font-weight:normal;
	font-size:20px;
	border:0px solid red;
}

.titre2-dev-service
{
	margin-top:5px;	
	font-size:20px;	
	color:#29a60d;
	border:0px solid red;
}

.txt-dev-service
{
	margin-right:10px;
	margin-top:15px;
	font-size:12px;
	line-height:16px;	
	color:#313131;
	text-align:justify;
	border:0px solid red;
}

.lire-dev-service
{
	float:right;
	margin-top:10px;
	margin-right:10px;
	font-size:12px;
	text-decoration:none;
	color:#2276c1;
	border:0px solid green;
}
.lire-dev-service:hover
{
	color:red;
}

.points-dev-service
{
	width:287px;
	height:5px;
	margin-top:35px;
	border-top:2px dotted #3f3f3f;
	font-size:1px;
}

.titre3-dev-service
{
	margin-top:15px;	
	font-size:12px;	
	color:#313131;
	border:0px solid red;
}

.lien1-dev-service
{
	padding-top:15px;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	color:#000000;
	border:0px solid red;
}

.lien2-dev-service
{
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	border:0px solid red;
}

.lien3-dev-service
{
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	border:0px solid red;
}


.marketing-service
{	
	position:absolute;
	width:293px;
	height:383px;
	margin-top:160px;
	margin-left:348px;
	border:0px solid red;
}

.titre-marketing-service
{
	margin-top:15px;
	font-size:30px;	
	font-weight:bold;
	color:#039cb1;
	border:0px solid red;
}

.titre2-marketing-service
{
	margin-top:5px;
	font-size:20px;
	color:#039cb1;
	border:0px solid red;
}

.lire-marketing-service
{
	float:left;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	border:0px solid red;
}

.points-marketing-service
{	
	width:287px;
	height:5px;
	margin-top:35px;
	border-top:2px dotted #3f3f3f;
	font-size:1px;
}

.titre3-marketing-service
{	
	margin-top:15px;	
	font-size:12px;	
	color:#313131;
	border:0px solid red;
}

.lien1-marketing-service
{
	padding-top:15px;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	color:#000000;
	border:0px solid red;
}

.lien2-marketing-service
{
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	border:0px solid red;
}

.lien3-marketing-service
{
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	border:0px solid red;
}

.design-service
{	
	position:absolute;
	width:293px;
	height:383px;
	margin-top:160px;
	margin-left:670px;
	border:0px solid red;
}

.titre2-design-service
{
	margin-top:5px;	
	font-size:20px;	
	color:#7b3192;
	border:0px solid red;
}

.lire-design-service
{
	float:left;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	border:0px solid red;
}

.points-design-service
{
	width:287px;
	height:5px;
	margin-top:35px;
	border-top:2px dotted #3f3f3f;
	font-size:1px;
}

.titre3-design-service
{
	margin-top:15px;	
	font-size:12px;	
	color:#313131;
	border:0px solid red;
}

.lien1-design-service
{
	padding-top:15px;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	color:#000000;
	border:0px solid red;
}

.lien2-design-service
{
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	border:0px solid red;
}

.lien3-design-service
{	
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	color:#2276c1;
	border:0px solid red;
}

.offre1-service
{
	width:976px;
	margin-left:10px;
	margin-top:30px;
	border:1px solid #ffffff;
}

.offre2-service, .offre3-service, .offre4-service
{
	width:976px;
	margin-left:10px;
	margin-top:70px;
	border:1px solid #ffffff;
}

.pack5-service
{	
	position:absolute;
	width:228px;
	height:232px;
	margin-top:5px;
	margin-left:5px;
	background:url(images/services/onglet2/pack_5.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}
.bouton-pack5-service
{	
	position:absolute;
	margin-left:630px;
	
	margin-top:178px;
	height:45px;
	
	width:267px;
	background:url(images/services/onglet2/bouton-offre1.jpg);
	background-repeat:no-repeat;	
	border:0px solid red;
}


.pack1-service
{	
	position:absolute;
	width:228px;
	height:232px;
	margin-top:5px;
	margin-left:5px;
	background:url(images/services/onglet2/pack_1.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.titre-pack1-service
{	
	width:500px;
	margin-top:15px;
	margin-left:215px;	
	font-size:24px;
	font-weight:bold;
	color:#343434;
	border:0px solid red;
}

.titre2-pack1-service
{		
	width:500px;
	margin-top:5px;
	margin-left:215px;	
	font-size:14px;
	color:#716f6f;
	border:0px solid red;
}

.points-pack1-service
{	
	width:531px;
	height:5px;
	margin-left:215px;
	margin-top:10px;
	border-top:2px dotted #3f3f3f;
	font-size:1px;
}

.txt-pack1-service
{	
	width:757px;
	margin-top:25px;
	margin-left:215px;	
	font-size:12px;
	line-height:18px;
	color:#343434;
	border:0px solid red;
}

.bouton-pack1-service
{	
	position:absolute;
	margin-left:300px;
	
	margin-top:115px;
	
	width:267px;
	height:45px;
	background:url(images/services/onglet2/bouton-offre1.jpg);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.bouton-pack1-service:hover
{	
	margin-top:113px;
	height:47px;

	background:url(images/services/onglet2/bouton-offre1.jpg);
}

.pack2-service
{	
	position:absolute;
	width:208px;
	height:232px;
	margin-top:5px;
	margin-left:5px;
	background:url(images/services/onglet2/pack_2.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.titre-pack2-service
{	
	width:800px;
	margin-top:15px;
	margin-left:215px;	
	font-size:24px;
	font-weight:bold;
	color:#343434;
	border:0px solid red;
}

.titre2-pack2-service
{		
	width:500px;
	margin-top:5px;
	margin-left:215px;	
	font-size:14px;
	color:#716f6f;
	border:0px solid red;
}

.points-pack2-service
{	
	width:531px;
	height:5px;
	margin-left:215px;
	margin-top:10px;
	border-top:2px dotted #3f3f3f;
	font-size:1px;
}

.txt-pack2-service
{	
	width:757px;
	margin-top:25px;
	margin-left:215px;	
	font-size:12px;
	line-height:18px;
	color:#343434;
	border:0px solid red;
}

.bouton-pack2-service
{	
	position:absolute;
	margin-left:580px;
	
	height:45px;
	margin-top:215px;
	
	width:267px;
	background:url(images/services/onglet2/bouton-offre1.jpg);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.bouton-pack2-service:hover
{	
	height:47px;
	margin-top:213px;
	
	background:url(images/services/onglet2/bouton-offre1.jpg);
}

.pack3-service
{	
	position:absolute;
	width:208px;
	height:232px;
	margin-top:5px;
	margin-left:5px;
	background:url(images/services/onglet2/pack_3.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.titre-pack3-service
{	
	width:800px;
	margin-top:15px;
	margin-left:215px;	
	font-size:24px;
	font-weight:bold;
	color:#343434;
	border:0px solid red;
}

.titre2-pack3-service
{		
	width:500px;
	margin-top:5px;
	margin-left:215px;	
	font-size:14px;
	color:#716f6f;
	border:0px solid red;
}

.points-pack3-service
{	
	width:531px;
	height:5px;
	margin-left:215px;
	margin-top:10px;
	border-top:2px dotted #3f3f3f;
	font-size:1px;
}

.txt-pack3-service
{	
	width:757px;
	margin-top:25px;
	margin-left:215px;	
	font-size:12px;
	line-height:18px;
	color:#343434;
	border:0px solid red;
}

.bouton-pack3-service
{	
	position:absolute;
	margin-left:675px;
	
	margin-top:195px;
	height:45px;
	
	width:267px;
	background:url(images/services/onglet2/bouton-offre1.jpg);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.bouton-pack3-service:hover
{	
	margin-top:193px;
	height:47px;
	
	background:url(images/services/onglet2/bouton-offre1.jpg);
}

.soutien-service
{
	width:976px;
	margin-left:10px;
	margin-top:40px;
	border:0px solid red;
}

.main-service
{	
	position:absolute;
	width:208px;
	height:232px;
	margin-top:5px;
	margin-left:5px;
	background:url(images/services/onglet3/main-service.jpg);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.titre-soutien-service
{	
	width:500px;
	margin-top:15px;
	margin-left:215px;	
	font-size:24px;
	font-weight:bold;
	color:#343434;
	border:0px solid red;
}

.titre2-soutien-service
{		
	width:500px;
	margin-top:5px;
	margin-left:215px;	
	font-size:14px;
	color:#716f6f;
	border:0px solid red;
}

.points-soutien-service
{	
	width:531px;
	height:5px;
	margin-left:215px;
	margin-top:10px;
	border-top:2px dotted #3f3f3f;
	font-size:1px;
}

.txt-soutien-service
{	
	width:757px;
	margin-top:25px;
	margin-left:215px;	
	font-size:12px;
	line-height:18px;
	color:#343434;
	border:0px solid red;
}

.bouton-soutien-service
{	
	float:left;
	margin-left:679px;
	width:267px;
	
	height:45px;
	margin-top:2px;
	
	background:url(images/services/onglet3/bouton-offre1.jpg);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.bouton-soutien-service:hover
{	
	height:47px;
	margin-top:0px;
}

.txt-formation
{		
	margin-top:40px;
	margin-left:37px;	
	font-size:14px;
	line-height:18px;
	color:#343434;
	border:0px solid red;
}
.titre-formation
{	
	width:800px;
	margin-top:40px;
	margin-left:37px;	
	font-size:18px;
	line-height:18px;
	color:#343434;
	border:0px solid red;
}

#illuFormation 
{	
	margin-left: 0px;
    margin-top: 20px;
}
#illuFormation img
{	
	margin-left: 10px;
	margin-right: 10px;
}

#web
{
	margin:auto;
	height:110px; /* 100 */
	width:960px;
	border:0px solid red;
}

#web span
{
	position:absolute;
	z-index:3;
	width:134px;
	height:43px;
	font-size:18px;
	text-decoration:none;
	color:#2b76b2;
	border:0px solid red;
	margin-top:57px;
	margin-top:60px;
	cursor:pointer;
	text-decoration:none;
}

#web a
{
	text-decoration:none;
}

.barrenoir-service
{
	margin-top:44px;
	position:absolute;
	left:0px;
	right:0px;
	width:100%;
	/*
	z-index:1;
	*/
	background-color:#343434;
	height:62px;
	
	
	
	-webkit-box-shadow: 0px -5px 10px -5px ;
	box-shadow: 0px -5px 10px -5px ;
	
	border:0px solid blue;
}

.onglet1-service
{
	position:absolute;
	z-index:2;
	width:188px;
	height:106px;
	display:block;
	margin-left:0px;
	margin-top:0px;
	border:0px solid green;
	background:url(images/services/onglet1/onglet1-trans.png);
	background-repeat:no-repeat;
}
.onglet1-service:hover
{
	background:url(images/services/onglet1/onglet1.png);	
}
.onglet1-service span
{
	margin-left:85px;

}

.onglet2-service
{	
	position:absolute;
	display:block;
	z-index:2;
	width:227px;
	height:106px;
	margin-left:230px;
	margin-top:0px;
	border:0px solid blue;
	background:url(images/services/onglet2/onglet2-trans.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.onglet2-service:hover
{	
	background:url(images/services/onglet2/onglet2.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.onglet2-service span
{
	margin-left:85px;
}

.onglet3-service
{	
	position:absolute;
	display:block;
	z-index:2;
	width:240px;
	height:106px;
	margin-left:495px;
	margin-top:0px;
	border:0px solid green;
	background:url(images/services/onglet3/onglet3-trans.png);
	background-repeat:no-repeat;
	background-position:bottom left;	
}
.onglet3-service:hover
{	
	background:url(images/services/onglet3/onglet3.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.onglet3-service span
{
	margin-left:100px;
}

.pack4-service
{	
	position:absolute;
	width:208px;
	height:232px;
	margin-top:5px;
	margin-left:5px;
	background:url(images/services/onglet2/pack_4.png);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.titre-pack4-service
{	
	width:800px;
	margin-top:15px;
	margin-left:215px;	
	font-size:24px;
	font-weight:bold;
	color:#343434;
	border:0px solid red;
}

.titre2-pack4-service
{		
	width:500px;
	margin-top:5px;
	margin-left:215px;	
	font-size:14px;
	color:#716f6f;
	border:0px solid red;
}

.points-pack4-service
{	
	width:531px;
	height:5px;
	margin-left:215px;
	margin-top:10px;
	border-top:2px dotted #3f3f3f;
	font-size:1px;
}

.txt-pack4-service
{	
	width:757px;
	margin-top:25px;
	margin-left:215px;	
	font-size:12px;
	line-height:18px;
	color:#343434;
	border:0px solid red;
}

.bouton-pack4-service
{	
	position:absolute;
	margin-left:690px;
	
	margin-top:178px;
	height:45px;
	
	width:267px;
	background:url(images/services/onglet2/bouton-offre1.jpg);
	background-repeat:no-repeat;	
	border:0px solid red;
}

.bouton-pack4-service:hover
{	
	margin-top:176px;
	height:47px;
	
	background:url(images/services/onglet2/bouton-offre1.jpg);
}

.informatique-encadre
{
	position:absolute;
	width:970px;
	height:45px;
	
	margin-left: 7px;
	
	margin-top: 1075px;
	
	border:0px solid blue;
	webkit-border-radius:5px;
	border-radius:5px;
	background-color:white;		
		
	-webkit-box-shadow: 0px 0px 3px 0px #cccccc;
	box-shadow: 0px 0px 3px 0px #cccccc;
	shadow-color:white;
}

.informatique-encadre-txt
{
	margin-top:15px;
	font-size:12px;
	text-decoration:none;
	color:#343434;
	text-align:center;
}
.informatique-espace
{
	height:5px;
}
.informatique-lien
{
	text-decoration:none;	
	text-align:center;
	color:#2276c1;
}
.informatique-lien:hover
{
	color:red;
}

.titre-emailing
{
	width:559px;
	height:27px;
	position:absolute;
	margin-left:37px;
	margin-top:58px;
	font-weight:bold;	
	font-size:30px;	
	color:#343434;
	border:0px solid red;
}

.intro-emailing
{		
	width:500px;
	height:132px;
	margin-left:37px;
	margin-top:112px;
	position:absolute;	
	line-height:16px;
	font-size:14px;	
	color:#343434;
	border:0px solid green;
}

.contenu-onglet-emailing
{	
	position:absolute;
	margin:auto;
	margin-top:200px;
	width:935px;
	height:492px;
	background:url(images/referencement/referencement-fond-onglet.png);
	background-repeat:no-repeat;	
	border:0px solid red;
	z-index:1;
}

.onglet-presentation
{	
	position:absolute;
	width:147px;
	height:48px;
	margin-left:50px;
	margin-top:160px;
	text-decoration:none;
	border:0px solid green;
	background:url(images/referencement/onglet-referencement.png);
	z-index:2;
}


.onglet-presentation:hover
{	
	position:absolute;
	width:147px;
	height:48px;
	margin-left:50px;
	margin-top:160px;
	text-decoration:none;
	border:0px solid green;
	background:url(images/referencement/referencement-fond-onglet-hover.png);
	z-index:2;
}

.onglet-presentation-txt
{		
	position:absolute;
	display:block;
	width:828px;
	margin-left:50px;
	margin-top:250px;	
	line-height:16px;
	text-decoration:none;
	font-size:14px;	
	color:#343434;
	border:0px solid green;
	z-index:2;
}

.onglet-fonctions-txt
{		
	position:absolute;
	display:block;
	width:828px;
	margin-left:50px;
	margin-top:700px;	
	line-height:16px;
	text-decoration:none;
	font-size:14px;	
	color:#343434;
	border:0px solid green;
	z-index:2;
}

.onglet-tarifs-txt
{		
	position:absolute;
	display:block;
	width:828px;
	margin-left:50px;
	margin-top:980px;	
	line-height:16px;
	text-decoration:none;
	font-size:14px;	
	color:#343434;
	border:0px solid green;
	z-index:2;
}

.onglet-tarifs-txt2
{		
	position:absolute;
	display:block;
	width:828px;
	margin-left:50px;
	margin-top:1020px;	
	line-height:16px;
	text-decoration:none;
	font-size:14px;	
	color:#343434;
	border:0px solid green;
	z-index:2;
}

.onglet-exemple-txt
{		
	position:absolute;
	display:block;
	width:828px;
	margin-left:50px;
	margin-top:1050px;	
	line-height:16px;
	text-decoration:none;
	font-size:14px;	
	color:#343434;
	border:0px solid green;
	z-index:2;
}

.titre-referencement
{
	position:absolute;
	margin-left:37px;
	margin-top:40px;
	font-weight:bold;	
	font-size:30px;	
	color:#343434;
	border:0px solid red;
}

.titre-publicite
{
	margin-left:37px;
	margin-top:40px;
	margin-bottom:15px;
	font-weight:bold;	
	font-size:25px;	
	color:#343434;
	border:0px solid red;
}


.intro-referencement
{		
	width:500px;
	margin-left:37px;
	margin-top:20px;
	line-height:16px;
	font-size:14px;	
	color:#343434;
	border:0px solid green;
}

.intro-publicite
{		
	width:500px;
	margin-left:37px;
	line-height:16px;
	font-size:14px;
	color:#343434;
	border:0px solid green;
}

.contenu-onglet-referencement
{	
	position:absolute;
	margin:auto;
	margin-top:200px;
	width:935px;
	height:492px;
	background:url(images/referencement/referencement-fond-onglet.png);
	background-repeat:no-repeat;	
	border:0px solid red;
	z-index:1;
}

.bloc-referencement
{		
	margin-top:180px;
}

.bloc-publicite
{		
	margin-top:35px;
}

.Onglet123
{
	position:absolute;
	margin-top:18px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#2b76b2;
	border:0px solid green;
}

.TheOnglet
{
	position:absolute;
	width:147px;
	height:48px;
	margin-top:0px;
	text-decoration:none;
	border:0px solid green;
	background:url(images/referencement/onglet-referencement.png);
	z-index:2;
	cursor:pointer;
}
.TheOnglet:hover
{	
	background:url(images/referencement/referencement-fond-onglet-hover.png);
}

.CadreOnglet
{
	width:850px;
	margin-left:30px;
	margin-top:46px;
	border:1px solid #ededed;
	border-radius:7px;
	padding:30px;
	font-size:14px;
	line-height:18px;
	
	-webkit-box-shadow:  0px 7px 10px 5px rgba(0, 0, 0, 0.1);    
	box-shadow:  0px 7px 10px 5px rgba(0, 0, 0, 0.1);
}
.CadreOnglet h2
{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
}

.lien-paragraphe
{	

	position:absolute;	
	margin-left:345px;
	margin-top:560px;
	font-size:14px;
	font-weight:bold;
	color:#e44f00;
	text-decoration:underline;
	border:0px solid black;
}

.MaintenanceInformatique
{
	margin-top:30px;
	margin-left: auto;
	margin-right: auto;
	
	padding-left:35px;
	padding-right:26px;
}

.MaintenanceInformatique h2
{
	font-weight:bold;
	font-size:15px;
	margin-top:30px;
	margin-bottom:10px;
	clear:left;
}
.maintenance-informatique-contenu
{
	font-size:13px;
	line-height:17px;
}


/* REFERENCE */
.reference-img-droite
{
 float:right;
 height:200px;
 width:300px;
 
 padding-right  : 1px;
 padding-left   : 1px;
 padding-top    : 1px;
 padding-bottom : 1px;
 
 margin:0px;
 margin-left:20px;
 margin-top:10px;
 
 border: 1px solid #CCCCCC ;
}
.reference-txt-2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.8em;
	color:#333333;
	letter-spacing:0.0em;
	word-spacing:0.0em;
	margin-left:0px;
	margin-top:30px;
}
.reference-txt-3 a
{
	color:#333333;
	text-decoration:underline; 
}

.reference-txt-3 a:hover
{
	color:red;
}
/*
.reference-txt-3 a:active
{
color:#FB9700;
}
.reference-txt-3 a:focus
{
color:#FB9700;
}
*/


.reference-txt
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#333333;
 letter-spacing:0.0em;
 word-spacing:0.0em;
 margin-left:172px;
 
 margin-top:10px;
}
.reference-txt a
{
color:#333333;
text-decoration:none; 
}
/*
.reference-txt a:hover
{
color:#FB9700;
}
.reference-txt a:active
{
color:#FB9700;
}
.reference-txt a:focus
{
color:#FB9700;
}
*/

.reference-separation h2
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 font-size: 1em;
 color:#333333;
 color: #1161a7;
 letter-spacing:0.3em;
 word-spacing:0.3em;
 height:1.3em;
 
 padding-bottom:0px;
 
 margin-bottom:20px;
 margin-top:20px;
 margin-left:0px;
 
 border-bottom: 2px solid #fdb952 ;
}

#reference-separation-espace-magic
{
margin-top:85px;
}


.reference-lien-bas
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 font-size: 0.9em;
 color:#333333;
 
 letter-spacing:0.1em;
 word-spacing:0.1em;
 
 padding-top:30px;
 padding-bottom:25px;
}
/*
.reference-lien-bas a
{
color:#0033ff;
}
/*
.reference-lien-bas a:hover
{
color:#FB9700;
}
.reference-lien-bas a:active
{
color:#FB9700;
}
.reference-lien-bas a:focus
{
color:#FB9700;
}
*/


#FormulaireCMS0 textarea, #FormulaireCMS0 input
{
	font-size:13px;
	font-family:Arial, verdana;
}

#FormulaireCMS0 label
{
	display:block;
}

.FormulaireCMS-div
{
	margin-top:15px;
	font-size:13px;
}

#FormulaireCMS0-10-error, #FormulaireCMS0-20-error, #FormulaireCMS0-30-error, #FormulaireCMS0-40-error, #FormulaireCMS0-50-error
{
	display:block;
	color:red;
	margin-bottom:5px;
}

#FormulaireCMS0-60
{
	margin-left:140px;
	margin-top:25px;
}
#FormulaireCMS0-60 input
{
	font-size:14px;
	font-weight:bold;
	font-family:verdana, Arial;
	padding:5px;
}

.LinkEffetHome
{
-webkit-transition: all 450ms ease-in-out;
		-moz-transition: all 450ms ease-in-out;
        -ms-transition: all 450ms ease-in-out;
        -o-transition: all 450ms ease-in-out;
		transition: all 450ms ease-in-out;
}
.LinkEffetHome:hover
{
-moz-transform: scale(1.1) rotate(-5deg) translateX(10px) translateY(-10px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1.1) rotate(-5deg) translateX(10px) translateY(-10px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1.1) rotate(-5deg) translateX(10px) translateY(-10px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(1.1) rotate(-5deg) translateX(10px) translateY(-10px) skewX(0deg) skewY(0deg);
        transform: scale(1.1) rotate(-5deg) translateX(10px) translateY(-10px) skewX(0deg) skewY(0deg);
        
-webkit-transition: all 450ms ease-in-out;
		-moz-transition: all 450ms ease-in-out;
        -ms-transition: all 450ms ease-in-out;
        -o-transition: all 450ms ease-in-out;
		transition: all 450ms ease-in-out;
}

.LivreOr
{
	font-size: 14px;
	padding: 0px 35px;
}

.livre-d-or-ul
{
	margin-bottom: 20px;
	background: url(../images/comments.png) no-repeat left 2px;
	padding-left: 30px;
	padding-top: 6px;	
}
.MessagesLivreOr
{
	margin-top: 20px;
}
.Pseudo
{
	font-weight: bold;
	font-size: 15px;
}
.TexteMessage
{
	margin-top: 5px;
}

#livre-d-or-em
{
	font-style: italic;
	color: #2B76B2;
	margin-top: 10px;
}
#formulaire-livre-d-or tr
{
	height: 30px;
}
#formulaire-livre-d-or
{
	margin-top: 10px;
	text-align: center;
	margin-left: auto; margin-right: auto;
	width: 560px;
	font-size: 13px;
}
.div_align_center
{
	text-align: center;
}
.div_align_left {
    text-align: left;
}
.div_align_right {
    text-align: right;
}
.table_td_gauche_livre-d-or {
    height: 24px;
    width: 150px;
}
.table_td_droite_livre-d-or {
    height: 24px;
    width: 210px;
}
.grey
{
	color: #6C6C6C;
	line-height: 18px;
	
}
.TexteRemerciement
{
	 color: #008000;
    font-size: 25px;
    font-style: oblique;
    margin: 30px auto;
    text-align: center;
    width: 600px;
}
.TexteErreur
{
	font-style: oblique;
    margin: 30px auto;
    text-align: center;
    width: 600px;
    color: red;
}
.livre-d-or-link
{
	width: 600px;
	margin-left: auto; margin-right: auto;
	text-align: center;
}

.livre-d-or-ul li
{
	font-size: 13px;
}
#WrapLivreOr
{
	background-color: #FFFFFF;
    border: 0 solid #0000FF;
    border-radius: 5px;
    box-shadow: 0 0 3px 0 #CCCCCC;
    margin: 50px auto 20px;
    padding : 0 20px 20 20px;
    width: 970px;
    position: relative;
}
.BtnDonnerAvis
{
	background-color: #FFFFFF;
    border-top: 0 solid #0000FF;
    border-left: 0 solid #0000FF;
    border-right: 0 solid #0000FF;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0 0 3px 0 #CCCCCC;
    color: #2B76B2;
    height: 35px;
    line-height: 35px;
    margin: 30px auto 20px;
    text-align: center;
    width: 260px;
}
.BtnDonnerAvis:hover
{
	text-decoration:none;
}
.clear
{
	clear: both;
}
#BtnFormulaireAvis
{
	background-color : #9B9B9B;
	color : #fff;
	cursor : auto;
	box-shadow : 0 0 3px 0 #CCCCCC;
	position: absolute;
	margin-top: -35px;
	margin-left: 286px;
	cursor:pointer;
	
	
}
#BtnListeLivreOr
{		
	background-color: #FFFFFF;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 -3px 3px 0 #CCCCCC;
    color: #343434;
    cursor:auto;
    margin-top: -35px;
    position: absolute;
    margin-left: 20px
}
.actif
{
	padding: 5px 10px;
	background-color: #2B76B2;
	text-decoration: none;
	margin-left: 4px;
}
a.actif
{
	color: #fff;
}
.item
{
	padding: 5px 10px;
	background-color: #DBDBDB;
	text-decoration: none;
	margin-left: 4px;
	
}
a.item 
{
	color: #343434;
}

small
{
	margin-top: 10px;
}

.dm-def{
	margin-top: 20px;
}