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

/* CSS Reset */
@import url(reset.css);

/* STRUCTURE SITE */
body{					background-image:url(../img/fondBackground.png);
						background-repeat:repeat-x;
						color:#000;
						font-family:Helvetica, Arial,  sans-serif;
						font-size:16px;
						overflow-x:hidden;

						}

#global{				width:956px;
						position:absolute;
						left:50%;
						margin-left:-478px;
						z-index:4;
						}

#entete{				position:relative;
						height:89px;
						}

#menu1{					position:relative;
						height:32px;
						}
						
#contenu{				position:relative;
						
						}						
						
#menu1 img{				display:inline;
						position:absolute;
						}						

#blog{					margin-left:448px;
						}

#logoSev{				margin-left:170px;
						vertical-align:top;
						margin-top:25px;
						}
						
#menu2{					vertical-align:top;
						display:block;
						margin-left:645px;
						width:450px;
						top:42px;
						position:absolute;
					
						}	

#menu3{					position:relative;
						height:20px;
						border-bottom:1px solid #e59000;
						padding-top:10px;
						text-align:center;
					
						}


.btMenu3{				display:block;
						width:155px;
						height:22px;
						float:left;
						}

#rectangleSelect{		width:145px;
						height:29px;
						background-color:#f29602;
						position:absolute;
						margin-top:2px;
						display:none;
						}	
						
#infoBarre{				position:absolute;
						width:956px;
						height:100px;
						z-index:10;
						top:100%;
						margin-top:-100px;
						left:50%;
						margin-left:-478px;
						font-size:13px;
						line-height:25px;
						padding-top:20px;
						}	
						
.infoBarreBlock{		width:475px;
						height:80px;
						float:left;
						}						

#barreBas{				position:absolute;
						width:4000px;
						height:100px;
						background-image:url(../img/fondBarreBas.png);
						background-repeat:repeat-x;
						z-index:15;

						top:100%;
						margin-top:-100px;
						vertical-align:bottom;
						left:50%;
						margin-left:-2000px;
						color:#333;
						}


#barreNoir{				position:absolute;
						width:100%;
						height:123px;
						background-image:url(../img/fondBackgroundNoir.png);
						background-repeat:repeat-x;
						left:50%;
						}						
	
						
#footer{				width:956px;
						height:100px;
						position:relative;
						clear:left;
						}						
						
.colonne1{				width:158px;
						float:left;
						margin-top:15px;
						position:relative;
						margin-bottom:50px;
						}	
						
.colonne2{				width:318px;
						float:left;
						margin-top:15px;
						position:relative;
						margin-bottom:50px;
						}	
						
.colonne3{				width:474px;
						float:left;
						margin-top:15px;
						position:relative;
						margin-bottom:50px;
						}	
						
.colonne5{				width:790px;
						float:left;
						margin-top:15px;
						position:relative;
						margin-bottom:50px;
						}	

#jobListe li{			font-size:10pt;
						padding:0px;
						margin:0px;
						margin-left:-25px;
						margin-right:30px;
						margin-bottom:6px;
						line-height:12pt;
						}
												
#job a{					text-decoration:underline;
						font-weight:bold;
						}	
						
/* TEXTE */

.bold{					font-weight:bold;
						
						font-size:13px;
						color:#666;
						}
						
#barreBas a{			text-decoration:underline;
						color:#000;
						font-size:12px;
						}

h1{						font-variant: small-caps;
						font-weight:100;
						letter-spacing:2px;
						margin-bottom:10px;
						font-size:15px;
						}

h2{						font-variant: small-caps;
						font-weight:100;
						letter-spacing:2px;
						margin-bottom:10px;
						font-size:16px;
						margin-left:15px;
						margin-top:10px;
						}

p{						font-size:13px;
						line-height:20px;
						}	

a{						text-decoration:none;
						color:#000;
						}
						
li{						list-style-type: disc;
						line-height:20px;
						margin-bottom:12px;
						font-size:15px;
						}
						
ul{						margin-left:40px;
						margin-top:10px;
						margin-bottom:20px;
						}						

/* INFOS BARRE */

#adresse{				display:inline;
						}

#coordContact{			display:inline;
						letter-spacing:1px;
						}
						
#conditionG{			
						font-weight:bold;
						font-style:italic;
						color:#666;
						letter-spacing:1px;
						}
						
#conditionG a{			font-size:11px;
						color:#333;
						}						
						
/* ACCUEIL */
#fondAccueil{			background-image:url(../img/1_fond.jpg);
						height:300px;
						width:890px;
						background-repeat:no-repeat;
						position:absolute;
						margin-top:250px;
						z-index:2;
						
						}

.carreOrange{			width:157px;
						height:157px;
						padding:0px;
						background-image:url(../img/1_carreeOrange.png);
						background-repeat:no-repeat;
						text-align:center;
						cursor:pointer;
						}
						
.carreOrange h1{		margin-bottom:0px;
						}						

.carreBlanc{			width:157px;
						height:157px;
						background-image:url(../img/1_carreeBlanc.png);
						background-repeat:no-repeat;
						text-align:left;
						padding:0px;
						cursor:pointer;
						}
#carreRef .carreBlanc{	cursor:default;
						}

/*
.carrePresentation{		width:157px;
						height:234px;
						background-image:url(../img/carree_decouvrez.png);
						background-repeat:no-repeat;
						text-align:left;
						padding:0px;
						cursor:pointer;
						margin-bottom:80px;
						}


.carreInvisible{		width:160px;
						height:160px;
						text-align:left;
						padding:0px;
						}
						*/

.carre{					width:157px;
						height:157px;
						text-align:center;
						padding:0px;
					
						}
						
						
.carreBlanc div{		padding:15px;
						padding-top:25px;
						text-align:center;
						}	

/*
.carrePresentation div{	padding:15px;
						padding-top:25px;
						text-align:center;
						}	
						*/
						
.carreOrange div{		padding:15px;
						padding-top:25px;
						}						

.grandCarreBlanc2{		width:325px;
						height:373px;
						background-image:url(../img/grandCarreeBlanc2.png);
						background-repeat:no-repeat;
						}
						
.grandCarreBlanc{		width:316px;
						height:316px;
						background-image:url(../img/grandCarreeBlanc.png);
						background-repeat:no-repeat;
						}

.grandCarreBlanc div{	padding:10px;
						width:250px;
						}

/* ACCUEIL */
#titreRef{				position:absolute;
						z-index:30;
						width:118px;
						height:110px;
						background-color:#FFF;
						display:none;
						}
						
#titreTeam{				position:absolute;
						z-index:30;
						width:118px;
						height:110px;
						background-color:#FFF;
						display:none;
						}						


					
						
						

/* SERVICES */


#strategie li{			list-style-image:url(../img/3_puce_1.png);
						}
											
						
.portrait{				position:absolute;
						padding:3px;
						cursor:pointer;
						}	

/*
.imgSlideAccueil{		position:absolute;
						margin-left:-15px;
						margin-top:-22px;
						
						height:146px;
						width:146px;
						padding:2px;

						}
						*/
						
						

#slideImage{			padding:0px;
						}




.slideshow{				padding:0px;
						margin:0px;
						position:absolute;
						}
/*	
.slideshow1, .slideshow2{
    position:relative;
    height:350px;
}

.slideshow1 IMG, .slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

.slideshow1 IMG.active, .slideshow2 IMG.active {
    z-index:10;
}

.slideshow1 IMG.last-active, .slideshow2 IMG.last-active  {
    z-index:9;
}
 */




#flecheIndic {			position:absolute;
						margin-left:-20px;
						margin-top:7px;
						}

/* REFERENCES */

.reference{				padding:3px;
						cursor:default;
						}
						
.reference2{			padding:3px;
						cursor:default;
						}
						
/* PORTFOLIO */
						
.creation{				padding:2px;
						width:147px;
						height:147px;
						position:absolute;
						}
						
				

/* TEAM */
.legende{				font-size:11px;
						letter-spacing:2px;
						line-height:16px;
						}

/* LIGHT BOX */
#masqueLightBox{		display: none;
						position: absolute;
						top: 0%;
						left: 0%;
						width: 100%;
						height:1500px;
						background-color:#333;
						z-index:10;
						overflow: auto;
						overflow-y:hidden; 
						}
						
#box {					display: block;
						position: relative;
						background-color: white;
						padding: 10px; 
						
						}	

#boxGlobale {			display: none;
						position: absolute;
						top: 20px;
						width: 820px;
					
						
						padding: 10px;
						margin:0;
						left:50%;
						margin-left:-400px;
						border: 0px solid black;
						z-index:11;
						overflow: auto;
						overflow-x:hidden; 
						}


						
#boxEntete{				height:30px;
						background-color:#FFF;
						}					

#box h1{				font-size:19px;
						display:block;
						position:absolute;
						padding-top:5px;
						padding-left:10px;
						color:#666;
					/*	padding-left:10px;
						padding-top:8px;
						display:block;
						width:200px;
						color:#e59000;
						vertical-align:top;
						float:left;
						text-align:left; */
						}
						
					

#boxPictos1{		/*	display:block;
						position:absolute;
						width:610px;
						float:left;
						text-align:right;
						margin-left:150px; */
						position:relative;
						
						}

#boxPictos1 img{		width:110px;
						
						}

#boxPictos2{			text-align:center;
						
						}
						
#boxPictos2 img{		width:35px;
						opacity:0.5;
						filter: alpha(opacity=50);
						}

#bt_fermer{				position:absolute;
						padding:0px;
						margin-left:770px;
						margin-top:0px;
						}
						
#boxReflet{				width:820px;
						height:130px;
						background-image:url(../img/lightBox_reflet_blanc_trans.png);
						background-repeat:repeat-x;
						}						
						
						
#blogConteneur{			margin-left:0px;
						position:relative;
						}						

#btLien{				position:absolute;
						margin-left:710px;
						margin-top:-20px;
						}
						
/* LIGHT BOX 2*/
#masqueLightBox2{		display: none;
						position: absolute;
						top: 0%;
						left: 0%;
						width: 100%;
						height:100%;
						background-color:#333;
						z-index:10;
						overflow: auto;
						overflow-y:hidden; 
						}

#boxGlobale2{			display: none;
						position: absolute;
						top: 25px;
						width: 650px;
						height:650px;
						background-color:#FFF;
						padding: 10px;
						margin:0;
						left:50%;
						margin-left:-325px;
						z-index:11;
						overflow: auto;
						overflow-x:hidden; 
						}
		
#bt_fermer2{			position:absolute;
						padding:0px;
						margin-left:625px;
						margin-top:0px;
						cursor:pointer;
						}		


/* BLOG ACTU */

#blogActu{				margin-top:5px;
						background-color:#C1C1C1;
						margin-bottom:-50px;
						z-index:1;
						}

#texteIntro{			position:absolute;
						width:285px;
						height:280px;
						overflow-y:hide;
						} 

#texteIntro p{			font-size:10pt;
						line-height:13pt;	
						}
						
#sevPlayer{				margin:5px;}					


#btArchive{				position:absolute;
						font-weight:bold;
						font-style:italic;
						color:#999;
						letter-spacing:1px;
					
						}
						
#btArchive a{			font-size:11px;
						color:#333;
						}						
						
		
/* STYLES DU FORMULAIRE */
.txterror{				font-size:12px;
						margin-bottom:10px;
						display:block;
						color:#666;
						font-style:italic;
						}
						
.txtform{				margin-bottom:16px;
						display:block;
						font-size:13px;
					
						}
						
#form{					margin-bottom:20px;
						margin-top:0px;
						}

#form td{				vertical-align:top;
						}

#form textarea{			margin-bottom:20px;
						}
						
#formContent{			margin-left:20px;
						}						

#slideAccueil1 img,#slideAccueil2 img{		padding:2px;
											}
											
#flecheHaut{			padding-bottom:25px;}	

#flecheGauche{			padding-bottom:25px;
						margin-left:0px;}	

.blanc{					color:#FFF;
						font-weight:bold;
						}
/*
#question2{				position:absolute;
						z-index:10;
						background-color:#999;
						}
						
.question1{				margin:0px;
						padding:0px;
						position:absolute;
						display:block;}	
						*/
#question{				position:absolute;
						margin-top:198px;
						left:-142px;
						margin-left:50%;
						width:250px;
						display:block;
						}		
						
#question li{			list-style:none;
						color:#FFF;
						font-size:15px;
						display:block;
						font-style:italic;
						line-height:18px;
						text-align:center;
						}
											

#goodiesContent .carreBlanc,#goodiesContent .carre,#goodiesContent .carreOrange{float:left;}

#goodiesContent img{cursor:pointer;
					padding:2px;
					}


/* SOUS-MENU */


#smenu img{				padding:0px;
						margin:0px;
						opacity:0.4;
						}
						
#smenu a{				display:block;
						cursor:pointer;
						}	
						

.creaDos{				padding:0px;
						}
						
.creaDos img{			padding:0px;
						margin:-20px;
						}						

/* ETUDE DE CAS */
.etudeDos p{			text-decoration:underline;
						font-style:italic;
						}

.transparent{			opacity:0.5;
						}

.transparent2{			opacity:0.2;
						}
.transparent3{			opacity:0.7;
						}

.wallpapersMini{		padding:3px;}

.gris{					color:#999;
						}
	
#imageNews{				position:absolute;
						z-index:40;
						display:none;
						}
						
.lienSouligne{			text-decoration:underline;
						}						

/*
#slidePortfolio{		position:relative;
						}
#slidePortfolio img{	position:relative;}	
*/

#bt_voirCamp{			cursor:pointer;
						}

#popup{					display: none;
						position: absolute;
						top: 0%;
						left: 0%;
						width: 100%;
						height:100%;
						background-color:transparent;
						z-index:1000;
						overflow: auto;
						overflow-y:hidden;
						
						}
#masquePopup{		    display: block;
						position: absolute;
						top: 0%;
						left: 0%;
						width: 100%;
						height:100%;
						background-color:#333;
						z-index:1010;
						overflow: auto;
						overflow-y:hidden; 
						}

#popupImage{			position:absolute;
						background-colo:#fff;
						z-index:1020;
						top: 50%;
						margin-top:-253px;
						margin-left:-378px;
						left: 50%;
						opacity:0.99;
						}
#bt_fermer_popup{		position:absolute;
						padding:0px;
						margin-left:550px;
						margin-top:3px;
						cursor:pointer;
						}