@import url();


body {
margin: 0px;
padding: 0px;
background-color: #000;


}

body a
{
	outline:none;
}

.liste {
	color:#ffffff;
	font-family: Arial;
	font-size: 11px;	
}

div#background {
position: absolute;
margin: 0px;
padding: 0px;
left: 0px;
right: 0px;
z-index: 2;
width: auto;
height: auto;
display: block;
}

div#body-background
{
	height:870px;
	width:1748px;
	position:fixed;
	z-index:1;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#erreur {
display: none;
width: 100%;
height: 100%;
background-image: url('images/bge.png');
position: absolute;
z-index: 3;
}

div#erreur2 {
margin: 200px auto 0px auto;
background-color: #FFFFFF;
width: 400px;
height: 400px;
border: 2px solid #FFA05F;
padding: 20px 20px 0px 20px;
}

div#page {
	width:850px;
}

div.portfolio-page {
	width:100% !important;
}

.bgAccueil {
background-image: url(images/background/bg5.jpg);
}
.bgPortfolio
{
	background-image: url(images/background/bg-portfolio.jpg) !important;
	background-repeat:repeat-x !important;
}

/* HEADER */

div#header {
width:695px;
margin: 33px 0 0 38px;
}

div#header div#topMenu {
	border-bottom: 1px dashed #FFF;
	border-top: 2px solid #ffffff;
	padding-top:7px;
}

div#header div#topMenuPort
{
	border-top: 2px solid #afafaf;
	border-bottom: 1px dashed #afafaf;
	padding-top:7px;
}

div.flashContainer
{
	width:800px;
	height:154px;
}

div#header a {
float: left;
display: block;
margin-top: 5px;
}

div#header a.btnImedia {
width: 277px;
height: 31px;
background: url(images/header/imedia-logo.png) 0 0 no-repeat !important;
margin: 0 76px 0 0 !important;
}

div#header div#topMenuPort a.btnImedia {
background: url(images/header/imedia-logoGris.png) 0 0 no-repeat !important;
}

div#header a.btnAccueil
{
	width: 45px;
	height: 16px;
	background: url(images/header/bt-imedia-accueil.png) 0 0 no-repeat;
	margin-right: 37px;
}

div#header div#topMenuPort a.btnAccueil
{
	background: url(images/header/btPort-imedia-accueil.png);
}

div#header a.btnServices {
width: 51px;
height: 16px;
background: url(images/header/bt-imedia-services.png) 0 0 no-repeat;
margin-right: 37px;
}

div#header div#topMenuPort a.btnServices
{
	background: url(images/header/btPort-imedia-services.png) 0 0 no-repeat;
}

div#header a.btnPortfolio {
width: 57px;
height: 16px;
background: url(images/header/bt-imedia-portfolio.png) 0 0 no-repeat;
margin-right: 37px;
}

div#header div#topMenuPort a.btnPortfolio
{
	background: url(images/header/btPort-imedia-portfolio.png) 0 0 no-repeat;
}

div#header a.btnJoindre {
width: 75px;
height: 16px;
background: url(images/header/bt-imedia-nousjoindre.png) 0 0 no-repeat;
}

div#header div#topMenuPort a.btnJoindre
{
	background: url(images/header/btPort-imedia-nousjoindre.png) 0 0 no-repeat;
}


div#header a:hover {
background-position: 0 -16px;
}

div#header div#topMenuPort a:hover {
background-position: 0 -16px;
}
/* CONTENU */

div.MrClearLeft {
clear:left;
padding:0;
margin:0;
height:1px;
}

div#contenu {
background: url(images/contenu/bg-contenu.png) 28px 87px repeat-y;
margin-top:65px;
}

div.servicesSubTxt
{
	font-size:14px;
	padding:4px;
	margin:0 0 0 46px;
}

div#underTopMenu
{
	background: url(images/header/bgPort-underTopMenuBack.png) 0 0 no-repeat;
	width:557px;
	height:57px;
	position:absolute;
	left:188px;
	top:67px;
	z-index:10;
}

div#underTopMenu a.siteLink
{
	float:left;
	padding-top:1px;
	margin: 15px 25px 0 25px;
	display:block;
	width:176px;
	height: 20px;
	background-repeat: no-repeat;
}

div#underTopMenu a.siteLink:hover
{
	background-position: 0% 100% !important;
}

div#underTopMenu a.siteLink2
{
	float:left;
	padding-top:1px;
	margin: 15px 25px 0 25px;
	display:block;
	width:176px;
	height: 20px;
	background-repeat: no-repeat;
}

div#underTopMenu a.retourBtn
{
	margin: 21px 47px 0 0;
	float:left;
	display:block;
	height: 13px;
	width:65px;
	background-image: url(images/submenu/retour.png);
	background-repeat: no-repeat;
}

div#underTopMenu a.retourBtn:hover
{
	background-position: 0% 100%;
}

div#underTopMenu a.precedentBtn
{
	margin: 21px 40px 0 0;
	float:left;
	display:block;
	height: 12px;
	width:70px;
	background-image: url(images/submenu/precedent.png);
	background-repeat: no-repeat;
}

div#underTopMenu a.precedentBtn:hover
{
	background-position: 0% 100%;
}

div#underTopMenu a.suivantBtn
{
	margin: 21px 0 0 0;
	float:left;
	display:block;
	height: 12px;
	width:65px;
	background-image: url(images/submenu/suivant.png);
	background-repeat: no-repeat;
}

div#underTopMenu a.suivantBtn:hover
{
	background-position: 0% 100%;
}

div#portPic
{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

div#altPortPic
{
	overflow:hidden;
	margin:0px;
	padding:0px;
	width:100%;
	display:block;
}

/* lefCol */
body.bgPortfolio div#background div#page div#contenu
{
	overflow:hidden;
}

img#altImg
{
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0px;
	padding:0px;
	display:block;
}

div#alternateContent
{
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0px;
	padding:0px;
	display:block;
}

div#contenu div#leftColContainer {
margin-left:28px !important;
margin-top:-65px !important;
background: url(images/contenu/bg-bloc-jeveux.png) 0 0 no-repeat;
float: left;
min-height: 580px;
width: 507px;
}

div#contenu div#leftColContainer div#blocJeveux {
padding: 12px 0 0 29px;
}

div#contenu div#leftColContainer div#blocJeveux div#allQuotes{
height:165px;
}

div#contenu div#leftColContainer div#blocJeveux a {
display: block;
font-family: Arial;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: #3d3d3d;
}

div#whiteSpacer
{
	margin-top:14px;
	background-color: #ffffff;
	height:10px;
	width:100%;
}

div.cont
{
	display:table;
}

div.icon
{
	display: inline-block;
	float:left;
	width:20px;
	height: 15px;
}

div.servicesSavoirplus .icon
{
	float:none !important;
}

div.btnjeveux
{
	float:left;
	display: block;
	max-width:415px;
	margin-bottom:10px;
}

div#preuvesTxt div.btnjeveux
{
	margin-bottom:0px;
}

div#preuvesTxt div.btnjeveux a
{
	padding-bottom:2px !important;
}

div.btnjeveux a
{
	padding-left:4px;
	padding-right:4px;
}


/*div#contenu div#leftColContainer div#blocJeveux a.btnJeveuxGoogle {
width: 366px;
}
div#contenu div#leftColContainer div#blocJeveux a.btnJeveuxImage {
width: 229px;
}
div#contenu div#leftColContainer div#blocJeveux a.btnJeveuxResultats {
height: 32px !important;
}
div#contenu div#leftColContainer div#blocJeveux a.btnJeveuxPublicite {
width: 329px;
}
div#contenu div#leftColContainer div#blocJeveux a.btnJeveuxVendre {
width: 191px;
}
div#contenu div#leftColContainer div#blocJeveux a.btnJeveuxSiteweb {
width: 184px;
}
div#contenu div#leftColContainer div#blocJeveux a.btnNonmerci {
width: 115px;
}*/

div#contenu div#leftColContainer div#blocJeveux a:hover {
color: #78deff;
background-color:#3f3f3f;
}

div#contenu div#leftColContainer div#blocJeveux a.btnJeveuxResultats:hover {
/*background: url(images/menu/bg-menu2.png) 0 0 no-repeat !important;*/
}

div#connaissezvous 
{
	margin: 0 0 50px 29px;
	float:left;
}

div.nonmerciStatic 
{
	display: block;
	height: 15px;
	width: 115px;
	padding: 0 0 0 24px;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #78deff;
	background: url(images/menu/bg-menu.png) 0 0 no-repeat;
}

div#connaissezvous div.connaissezTxt {
font-family: Arial;
font-size: 11px;
background: url(images/contenu/bg-connaissezvous.png) 0 0 no-repeat;
background-repeat:repeat-x;
margin: 0 0 15px 19px;
width: 372px;
height: 118px;
padding: 17px 0 0 22px;
}

div#reponseNonMerciTitle
{
	margin-top:10px;
	text-transform:uppercase;
	font-size:11px;
}

div#reponseNonMerciText
{
	text-align:justify;
	font-size:12px;
	margin-top:5px;
}

div#reponseNonMerci
{
	font-family:Arial;
	font-size:13px;
	width:350px;
	margin:0 0 100px 0;
}

div#connaissezvous a {
padding: 4px;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: bold;
float: left;
color: #3d3d3d;
}


div#connaissezvous a:hover {
background: url(images/contenu/bg-ouinon.png) 0 0 no-repeat;
}


div#termes {
font-family: Arial;
padding: 4px 0 4px 0;
margin: 9px 0 6px 0;
font-size: 20px;
font-weight: bold;
color: #78deff;
border-top: 1px dashed #3d3d3d;
border-bottom: 1px dashed #3d3d3d;
width: 350px;
height:50px;
}

div#termes h1
{
	margin:0;
	padding:0;
}

div#appelezPic
{
	background-image:url("images/contenu/nonMerciAppelez.png");
	background-repeat:no-repeat;
	width:42px;
	height:52px;
	float:left;
	margin:0 10px 0 0;
}


div#appelezContainer
{
	margin:15px 0 0 0;
}

div#appelezNous h4 {
font-family: Arial;
padding: 1px 0 1px 0;
margin: 2px 0 2px 52px;
font-size: 16px;
font-weight: bold;
color: #78deff;
border-top: 1px dashed #3d3d3d;
border-bottom: 1px dashed #3d3d3d;
width: 300px;
}


.blue {
color: #78deff;
}

/* Services */

div.subLeft
{
	float:left;
}

div#leftColContainer div#servicesTxt {
font-family: Arial;
margin: 33px 0 40px 26px;
padding:0;
border-top: 5px solid #3d3d3d;
width: 440px;
color: #3d3d3d;
}

div#leftColContainer div#servicesTxt a
{
	text-decoration:none;
}

div#leftColContainer div#servicesTxt a.bl {
color: #3d3d3d;
text-decoration: none;
}

div#leftColContainer div#servicesTxt a.bl:hover {
color: #78deff;
}

div#leftColContainer a.btParici {
display:block;
width:120px;
height:38px;
background:url(images/contenu/btn-parici.png) 0 0 no-repeat;
margin:-20px 0 0 50px;
}

div#leftColContainer a.btParici:hover {
background-position: 0 -38px;
}

div#servicesLinkTbl {
	margin:0 0 20px 50px;
	width:389px;
	min-height:30px;
	overflow:visible;
	font-family:Georgia;
	font-style: italic;
	color: #3d3d3d;
}

div#servicesLinkTbl a {
	color:#3d3d3d;
	display:block;
	width:350px;
	float:left;
	padding:9px 0 9px 0px;
}

div#servicesLinkTbl a:hover {
	color: #78deff !important;
}

div#servicesTxt div.icon
{
	height:18px !important;
	background-position:0% 100%;
	margin-left:27px;
}


div#reponseAuTease b {
display:block;
font-family:Arial;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
padding:11px 0 0 50px;
margin:0 0 -7px -50px;
background: url(images/contenu/fleche-soustitresservcies.png) 7px 0 no-repeat;
font-style:normal;	
}

div#reponseAuTease  {
margin:0 0 0 50px;
font-family:Georgia;
font-style: italic;
font-size:15px;

}

a.voirPortfolio:link { 
margin:0 0 0 50px;
font-family:Georgia;
font-style: italic;
display:block;
color:#3d3d3d;
}

a.voirPortfolio:visited { 
margin:0 0 0 50px;
font-family:Georgia;
font-style: italic;
display:block;
color:#3d3d3d;
}


a.voirPortfolio:hover
{
	color:#78deff;
}
table.servicesSubTbl {
margin: 15px 0 0 50px;
background: url(images/contenu/bg-blocservices.png) 0 0 repeat-x;
width: 380px;
}
table.servicesSubTbl td {
padding: 10px;
font-size: 11px;
font-weight: bold;
font-style: normal;
}

div#servicesTxt h2.services a
{
	padding:0 4px 0 4px;
}

div#servicesTxt h2.services a:hover
{
	color:#78DEFF !important;
}

h2.services {
padding: 0;
margin: 0 0 0 2px;
font-size: 0.9em;
font-weight: bold;
font-style: normal;
}


div.servicesSavoirplus {
height:15px;
font-size: 10px;
margin: 0 0 40px 0;
}

div.servicesAnchor
{
	margin-top:2px;
	float:right;
}

div.soustitresServicesweb {
font-family:Arial;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
padding:11px 0 0 50px;
margin:20px 0 10px 0;
background: url(images/contenu/fleche-soustitresservcies.png) 7px 0 no-repeat;
}

div.hiddenSub
{
	display:none;
}

/* Preuves */
div#leftColContainer div#preuvesTxt
 {
font-family: Arial;
margin: 33px 0 0 26px;
padding: 23px 0 0 0;
border-top: 5px solid #3d3d3d;
width: 440px;
color: #3d3d3d;
}

div#nousJoindreContainer
{
	font-family: Arial;
	margin: 33px 0 0 26px;
	padding: 23px 0 0 0;
	border-top: 5px solid #3d3d3d;
	width: 440px;
	color: #3d3d3d;
}
div#nousJoindreContainer div.bigTextTop
{
	font-weight:bold;
	font-size:30px;
}
div#leftColContainer div#preuvesTxt a {

display: block;
height: 15px;
padding: 0 4px 0 4px;
margin: 0 0 10px 0;
font-family: Arial;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: #3d3d3d;
}

div.subPreuves a 
{
	font-size:13px !important;
	font-weight: normal !important;
}

div.subPreuves a:hover {
color: #78deff !important;
background-color: #3f3f3f;
}


.hidden {
display: none;
}

.unhidden {
display: block;
margin: 0 0 0 35px;
}

div.subPreuves
{
	display: none;
	margin: 0 0 0 35px;
}

/* RIGHTCOL */

div#rightCol a.rightBtn
{
	margin-left:12px;
	display:block;
	background-repeat:no-repeat;
	width:100%;
	height:12px;
	margin-bottom:6px;
	border:none;
	text-decoration:none;
}

div#rightCol {
padding:15px 0 0 0;
}

div#rightCol a#rightBtn1
{
	width:111px;
	background-image:url(images/contenu/bt-communication.png);
}
div#rightCol a#rightBtn2
{
	width:80px;
	background-image:url(images/contenu/bt-marketing.png);
}
div#rightCol a#rightBtn3
{
	width:35px;
	background-image:url(images/contenu/bt-web.png);
}
div#rightCol a#rightBtn4
{
	width:76px;
	background-image:url(images/contenu/bt-formation.png);
}

div#rightCol a.rightBtn:hover
{
	background-position: 0 -12px;
}

div#nousJoindreRightTitle
{
	margin-bottom:30px;
}


div#rightCol div#rightLowerPics
{
	width:100px;
	float:left;
}


div#contenu div#rightColContainer {
float: left;
margin-top:-65px !important;
background: url(images/contenu/bg-rightcol.png) 0 0 no-repeat;
min-height: 580px;
width: 270px;
}

div#rightCol div.btn
{
	margin-left:-3px;
	margin-bottom:20px;
	padding-left:3px;
	padding-right:3px;
	float:left;
}

div#rightCol div#mailBtn a
{
	font-family:Arial;
	font-weight:bold;
	font-size:15px;
	color:#3f3f3f;
}

div#rightCol div#emploiBtn a
{
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	color:#3f3f3f;
}

div#rightCol div#mailBtn2 a
{
	font-family:Arial;
	font-size:10px;
	color:#3f3f3f;
}

div#rightCol div#mailBtn3 a
{
	font-family:Arial;
	font-size:10px;
	color:#3f3f3f;
}

div#rightCol div.rightBoldText
{
	text-transform: uppercase;
	float:left;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#3f3f3f;
}

a.jaiunequestion {
color: #726e6e !important;
}

a.jaiunequestion:hover {
color: #78deff !important;
}


div#contenu div#rightColContainer div#rightCol {
margin: 52px 0 0 17px;
border-left: 1px dashed #726e6e;
}

div#rightCol img.separator {
margin: 8px 0 8px 6px;
}


img.bigSeparator 
{
	margin-top:8px;
	margin-bottom:8px;
	margin-left:2px;
}

div#picsContainer
{
	width:440px;
}

div#picsContainer div#leftPicsCol
{
	float:left;
}

div#picsContainer div#rightPicsCol
{
	float:right;
}


div#picsContainer div#leftPicsCol div#pic2
{
	margin-top:5px;
}
div#picsContainer div#leftPicsCol div#pic3
{
	float:right;
	margin-top:5px;
}
div#picsContainer div#rightPicsCol div#pic4
{
	margin-top:5px;
}
div#picsContainer div#rightPicsCol div#pic5
{
	margin-top:5px;
	margin-bottom:150px;
}

div#rightColContainer a.btnAgence {
display: block;
width: 195px;
height: 42px;
background: url(images/contenu/bt-agence.png);
margin: 0 0 5px 14px;
}

div#rightCol a.btnAgence:hover
{
	background-position: 0 -42px;
}

div#rightCol a#rightUrgence
{
	background:url("images/contenu/bt-urgence.png");
	background-repeat:no-repeat;
	display: block;
	width:195px;
	height:52px;
	margin:0 0 5px 14px;
}

div#rightCol a#rightUrgence:hover
{
	background-position: 0 -52px;
}


div#rightColContainer a.btnPreuves {
display: block;
width: 195px;
height: 42px;
background: url(images/contenu/bt-preuve.png);
margin:0 0 0 14px;
}

div#rightColContainer a.btnPreuves:hover {
background-position: 0 -42px;
}


div#rightColContainer a.btnFormationNeufUnUn {
display: block;
width: 195px;
height: 42px;
background: url(images/contenu/bt-formation911.png);
margin: 0 0 5px 14px;
}

div#rightCol a.btnFormationNeufUnUn:hover
{
	background-position: 0 -42px;
}

div#rightColContainer a.btnOrganisateurDejeuner
{
	display: block;
	width: 195px;
	height: 70px;
	background: url(images/contenu/bt-organisateurDejeuner.png);
	margin:0 0 0 14px;
}

div#rightColContainer a.btnOrganisateurDejeuner:hover
{
	background-position: 0 -70px;
}



div#rightCol div.urgenceTxt {
font-family: Georgia;
font-weight: bold;
font-size: 20px;
color: #726e6e;
font-style: italic;
line-height: 20px !important;
padding: 0 0 0 13px;
}
div#rightCol span.urgence {
color: #78deff;
}

div#rightColContainer a.adresse {
display: block;
height: 18px;
width: 134px;
background: url(images/contenu/img-mail.png) 0 0 no-repeat;
margin: 10px 0 0 28px;
}
div#rightColContainer a.adresse:hover {
background-position: 0 -18px;
}


/** Formation 911 **/

input.btnLink
{
	width:81px;
	height:20px;
	border:none;
}

table#formationTbl td {

padding:8px;
font-size:11px;

}

input {

border:1px solid #484848;
font-family:Arial;
color: #2e8faf;
font-size:11px;
width:120px;
background: url(images/contenu/bg-input.png) 0 0 repeat-x;

}

/** FOOTER **/


div#footer {
margin: 0 0 0 28px;
background: url(images/footer/img-footer.png) 0 0 no-repeat;
height: 148px;
}


img.galeryportrait {
width: 175px;
height: 131px;
}

img.galerypaysage {
width: 98px;
height: 131px;
}

 a:link {
text-decoration: none ;
}
 a:visited {
text-decoration: none ;
}
a:hover {
text-decoration: none ;
cursor: pointer;
}
 a:active {
text-decoration: none ;
}

div#header div#flashContainer div#flashContainerContainer
{
	padding:20px 0 0 10px;
}

div#header div#flashContainer div#flashContainerContainer div#flashAlt
{
	text-transform:uppercase;
	font-family:Arial;
	font-weight:bold;
	font-size:2.2em;
	color:#ffffff;
}

div#header div#flashContainer div#flashContainerContainer div#flashAlt span.yellow
{ 
	color:#FCCE06;
}



/* /////  POP Urgence //////  */

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	background: url("images/contenu/popup_background.png");
	background-repeat:no-repeat;
	padding: 60px 47px;
	float: left;
	width: 650px;
	position: fixed;
	top: 20%;
	left: 40%;
	margin: 0 0 0 -250px;
	z-index: 100;

}
.popup_block .popup {
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 10px 0;
}
.popup h3 {
	text-transform: uppercase;
	margin: 0 0 20px;
	padding: 5px 10px;
	font-family:Arial;
	font-size: 16px;
	font-weight: bold;
	color:#3f3f3f;
}
.popup p {
	font-family:Arial;
	padding: 5px 10px;
	margin: 5px 0;
}



.popup img.cntrl {
	border:none;
	color:none;
	text-decoration:none;
	position: absolute;
	display:block;
	right: 83px;
	top: -15px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.htc) }
