none@charset "UTF-8";
/* CSS Document */
html {
	background-color:#bababa;
			}
body {
	background-color:#bababa;
	}
	
#masterblock {position: relative;margin-left: auto;margin-right: auto;width: 1024px;height: 650px;vertical-align:middle;}

#barre{position: relative;top:300px;left:500px;width: 90px;height: 15px;vertical-align:middle;}

.barlittle {border-left:1px solid #333; border-top:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333;width:10px;height:10px;float:left;margin-left:5px;opacity:1;-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-moz-animation:move 1s infinite linear;-webkit-animation:move 1s infinite linear;}
#block_1{-moz-animation-delay: .4s;-webkit-animation-delay: .4s;}
#block_2{-moz-animation-delay: .3s;-webkit-animation-delay: .3s;}
#block_3{-moz-animation-delay: .2s;-webkit-animation-delay: .2s;}
#block_4{-moz-animation-delay: .3s;-webkit-animation-delay: .3s;}
#block_5{-moz-animation-delay: .4s;-webkit-animation-delay: .4s;}
#block_text{position:relative;width:100%;top:7px;font-family: 'helvetica', arial;font-weight: lighter;font-size: 10px;text-align:center;}
@-moz-keyframes move{0%{-moz-transform: scale(1.2);opacity:1;}100%{-moz-transform: scale(0.7);opacity:0.1;}}
@-webkit-keyframes move{0%{-webkit-transform: scale(1.2);opacity:1;}100%{-webkit-transform: scale(0.7);opacity:0.1;}}
			
			
div#conteneur {
	background-image: url(../images/matfond.png);
	position: relative;
	margin-left: auto; /* permet le centrage */
	margin-right: auto; /* permet le centrage */
	width: 1024px;
	height: 650px;
	overflow:hidden;
	-moz-box-shadow: 8px 8px 12px #aaa; 
  	-webkit-box-shadow: 8px 8px 12px #aaa;
 	box-shadow: 8px 8px 12px #aaa; 
			}

.lamourselect a, .lamourselect a:hover {
	position: absolute;
	width: 160px;
	height: 95px;
	top: 0px;
	left: 39px;
	background-image: url(../images/entete/lamour.svg);
	background-repeat: no-repeat;
			}


/*Définitions concernant l'ENTÊTE et ses menus*/			
div#entete  {
	position: absolute;
	width: 755px;
	height: 95px;
	top: 0px;
	left: 229px;
	background-image: url(../images/entete/entete.svg);
	background-repeat: no-repeat;
	list-style-type: none;
	text-align: center;
	z-index: 10;
			}
			
div#entete li{
	width: 100px;
	height: 27px;
	float: right;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
	font-size: 11px;
	color: #000;
	text-align: center;
	line-height: 20px;
	margin-top: 57px; /*Position verticale*/
			}
			
div#entete li:hover{
	background-image: url(../images/entete/curseur.png);
			}
			
#entete a:link{
	text-decoration: none;
	font-size: 11px;
	color: #000;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
	font-size: 11px;
			}
			
#entete a:hover{
	color: #841b80;
			}	
			
			
/*Définitions concernant la BASELINE et ses menus*/	
			
#menubaseline  {
	position: relative;
	width: 635px;
	height: 70px;
	left: 200px;
	top:555px;
	background-image: url(../images/baseline/baseline.svg);
	background-repeat:no-repeat;
	z-index:2;
			}
			
#menubaseline li {
	background-image: url(../images/baseline/menubasoff.png);
	background-repeat: no-repeat;
	list-style-type: none;
	width: 100px;
	height: 47px;
	float: right;
	text-align: center;
	line-height: 57px; /*Calage ligne de base pour typo*/
			}

#menubaseline li:nth-child(5) {
	background-image: url(../images/baseline/menubasgauche.png);
	background-repeat: no-repeat;
			}		
			
#menubaseline li:nth-child(5):hover {
	background-image: url(../images/baseline/menubasongauche.png);
	background-repeat: no-repeat;
			}	
	
			
#menubaseline li:hover{
	background-image: url(../images/baseline/menubason.png);
	background-repeat:no-repeat;
			}
			
#menubaseline a:link{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
	font-size: 10px;
	color: #fff;
	text-decoration:none; 
			}
			
#menubaseline a:hover{
	color: #000;
			}	
			
/*Menu réseaux*/
div#menureseaux{
	position:absolute;
	list-style-type: none;
	width: 27px;
	height: auto;
	left: 997px;
	top: 15px;
			}	
			
.selectreseaux li, .selectreseaux a{
	float:left;
	width: 27px;
	height: 27px;
	overflow: hidden;
	margin-bottom: 5px;
	background-position:0 -0px;
			}
			
			
.selectreseaux li.viadeo{
	background-image: url(../images/reseaux/viadeo.svg);
			}	
			
.selectreseaux li.LinkedIn{
	background-image: url(../images/reseaux/LinkedIn.svg);
			}

.selectreseaux li:hover, .selectreseaux a:hover{
	background-position:0 -27px;
			}
			
			
/*Menu contacts*/		

		
div#menucontact  {
	position: absolute;
	width: 100%;
	height: 176px;
	top:100px; /*Ajustement de la hauteur du menu dans la page*/
			}	
			
.contact li, .contact a{
	float:left;
	width: 236px;
	height: 176px;
	overflow: hidden;
	background-repeat:no-repeat;
			}
			
.contact li.bigLinkedIn{
	background-image: url(../images/contact/bigLinkedIn.svg);
			}
			
.contact li.bigviadeo{
	background-image: url(../images/contact/bigviadeo.svg);
			}
			
.contact li.bigmail{
	background-image: url(../images/contact/bigmail.svg);
			}
			
.contact li.bigphone{
	background-image: url(../images/contact/bigphone.svg);
			}
			
			
.contact li:hover, .contact a:hover,.contact li.bigphone:focus{
	background-position:0 -176px;
			}
			
.menu_agence, .menu_pme, .menu_agence a, .menu_pme a {
	float: left;
	width: 475px;
	height: 420px;
			}
			
.menu_agence {
	background-image: url(../images/accueil/agences/menu_agences.svg);
			}
			
.menu_pme {
	background-image: url(../images/accueil/pme/menu_pme.svg);
			}
			
#maj{
	position:absolute;
	top:630px;
	left:950px;
	width:70px;
	font-family:'Ubuntu',sans-serif;
	font-weight:lighter;
	font-size:9px;
	color:#242424;
	text-decoration:none;
	z-index:100}
			
/*Gestion des cartouches titres des écrans items*/			
#titrecran {
	position: absolute;
	width: 225px;
	height: 383px;
	left: 0px;
	top: 3px;
			}
			
#marqueur, div#marqueurlogos, div#marqueurweb, div#marqueuredition, div#marqueurcom, div#marqueurelations{
	background-image: url(../images/onglet.png);
	background-repeat:no-repeat;
	position: absolute;
	width: 22px;
	height: 12px;
	top: 415px;
			}
			
#marqueurlogos{
	left: 336px;
			}
			
			
#marqueurweb{
	left: 436px;
			}		
			
#marqueuredition{
	left: 536px;
			}
			
#marqueurcom{
	left: 636px;
			}	
			
#marqueurelations{
	left: 736px;
			}
			
			
.logotypes {
	background-color:none;
	background-image: url(../images/titres/logotypes.svg);
	background-repeat:no-repeat;
			}
			
.relations {
	background-color:none;
	background-image: url(../images/titres/relations.svg);
	background-repeat:no-repeat;
			}	
			
.titrecom {
	background-color:none;
	background-image: url(../images/titres/communication.svg);
	background-repeat:no-repeat;
			}
			
.titredition {
	background-color:none;
	background-image: url(../images/titres/edition.svg);
	background-repeat:no-repeat;
			}
			
.titreweb {
	background-color:none;
	background-image: url(../images/titres/web.svg);
	background-repeat:no-repeat;
			}

			
.titreapropos {
	background-color:none;
	background-image: url(../images/titres/titreapropos.svg);
	background-repeat:no-repeat;
			}
			
.pictopdf a {
	position: absolute;
	top: 326px;
	width: 225px;
	height: 33px;
			}
					
.pdflogos  {
	background-image: url(../images/titres/picto_logos.svg);
	background-repeat:no-repeat;
			}	
		
			
.pdfedition  {
	background-image: url(../images/titres/picto_edition.svg);
	background-repeat:no-repeat;
			}
			
.pdfweb  {
	background-image: url(../images/titres/picto_webdesign.svg);
	background-repeat:no-repeat;
			}
			
.pdfcom  {
	background-image: url(../images/titres/picto_com.svg);
	background-repeat:no-repeat;
			}
			
.pdfrp  {
	background-image: url(../images/titres/picto_rp.svg);
	background-repeat:no-repeat;
			}
			
.pdfbook  {
	background-image: url(../images/titres/picto_book.svg);
	background-repeat:no-repeat;
			}
/*-----------------------------------------------*/				
#page_logos {
	list-style-type: none;
	position: absolute;
	width: 705px;
	height: auto;
	left: 240px; /*Position horizontal du bord gauche du menu*/
	top: 0px;
	text-align: center;
			}
			
#visu {
	position: absolute;
	top: 0px;
	width: 950px;
	height: auto;
	z-index:1;
			}
			
#visu ul{
	list-style-type: none;
	position: absolute;
	width: 950px;
	height: 510px;/* Hauteur de l'onglet */
	left: 37px;
	z-index:1;
	margin:0px;
	padding:2px;
			}
			
/*Zone de gestion de masquage des onglets (Pratique pour test et entretien*/

.accueil {top:140px;}

.logos {top:650px;}

.webdesign {top:650px;}

.edition {top:650px;}

.communication {top:650px;}

.rp {top:650px;}

.apropos {top:650px;}

.contact {top:650px;}

/*----------------------*/

#page_webdesign, #page_edition, #page_communication, #page_rp {
	position:absolute;
	left:240px;
	width:705px;
	height:400px;
}

			
#intropropos{
	position:absolute;
	left:242px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:bold;
	font-size: 13px;
	color: #841b80;
			}
			
#txt1_apropos {
	position: absolute;
	font-family: 'Ubuntu', sans-serif;
	top:45px;
	line-height:15px;
	width: 350px;
	left: 242px;
			}

#txt2_apropos {
	position: absolute;
	font-family: 'Ubuntu', sans-serif;
	top:45px;
	line-height:15px;
	left: 630px;
			}
			
#txt1_apropos h1, #txt2_apropos h1 {
	font-weight: bold;
	font-size: 13px;
			}
			
#txt1_apropos h2,#txt2_apropos h2 {
	margin-left:18px;
	font-weight: bold;
	font-size: 11px;
			}
			
#txt1_apropos a1,#txt2_apropos a1 {
	margin-left:18px;
	font-weight: bold;
	font-size: 11px;
	color: #841b80;
			}
			
#txt1_apropos a2, #txt2_apropos a2 {
	margin-left:25px;
	font-weight: normal;
	font-size: 11px;
			}