/*Copyright BAKA Media Group 2008 - 2009*/


body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.client
{ 
font-size:10px;
color: #FFFFFF;
font-weight:bold;
padding-bottom:5px;
}

.client a
{
font-size:10px; 
color: #FFFFFF;
font-weight:bold;
}
.client a:visited
{ 
font-size:10px; 
color: #FFFFFF; 
font-weight:bold;
}

.liste {
  list-style-type: circle;
  list-style-image:url(../images/puce.gif);
}

#contenerTextSimple {
float: left;
background-color:#FFFFFF;
/*border: solid 1px #000000;*/
padding-right: 20px;
padding: 10px;
}

.imageText{
/*dessus, droite, dessous, gauche*/
border: solid 1px #000000;
float: left; margin: 5px 10px 0px 0px;
}

#contenerProjetGeneral {
float: left;
background-color:#FFFFFF;
/*border: solid 1px #000000;*/
margin-top: 15px;
margin-left: 15px;
margin-bottom: 15px;
}

#contenerProjetImage {
float: left;
border: solid 1px #000000;
background-color:#2B2B2B;
width: 290px;
height: 150px;
}

#contenerProjetDescription{
/*background-image: url(../images/fondPageProjet2.gif) ;*/
border: solid 1px #000000; 
margin-left: 320px;
width: 415px;
height: 150px;
}

#contenerProjetDescriptionTitre{
background-color:#2B2B2B;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color: #FFFFFF;
padding-left : 5px;
height: 40px;
}

#contenerProjetDescriptionContenu{
padding-left : 5px;
line-height: 1.5em;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
color: #000000;
height: 85px;
}

#contenerProjetDescriptionLien{
background-color:#2B2B2B;
padding-right : 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color: #FFFFFF;
text-align: right;
height: 25px;
}


.ptitePolice
{
font-size:10px;
}

.ptitePolice a
{
font-size:10px; 
color: #FFFFFF;
font-weight:bold;
}
.ptitePolice a:visited
{ 
font-size:10px; 
color: #FFFFFF; 
font-weight:bold;
}

.grassePolice
{
font-size:14px;
text-align: justify;
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 1.4em;
font-weight:bold;
padding: 5px;
}

.grassePoliceM
{
font-size:12px;
text-align: justify;
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 1.4em;
font-weight:bold;
padding-top: 5px;
}
.grassePoliceS
{
font-size:10px;
text-align: justify;
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 1.4em;
font-weight:bold;
padding: 5px;
}

.normalPolice
{
line-height: 1.6em;
color: #000000;
font-family:  Arial, Verdana,tahoma, Helvetica, sans-serif;
font-size:13px;
text-align: justify;
padding: 5px;
}
 
.normalPolice a
{
line-height: 1.6em;
color: #000000;
font-family:  Verdana,tahoma, Arial,Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#contenerForm {
float: left;
border: solid 1px #000000;
background-color:#F1F1F1;
margin-top :15px;
margin-left : 20px;
margin-right: 0px;
margin-bottom: 15px;
width: 400px;

}

#contenerPhone {
border: solid 1px #000000;
background-color:#F1F1F1;
margin-top :15px;
margin-left : 445px;
margin-right: 0px;
width: 300px;
height: auto;
}

#contenerNousrejoindre {
border: solid 1px #000000;
background-color:#F1F1F1;
margin-top :15px;
margin-left : 445px;
margin-right: 0px;
width: 300px;
margin-bottom: 15px;
height: auto;
}

#ContenerCadreSolution {
float: left;
background-color:#FFFFFF;
color: #000000;
margin-top :15px;
margin-left : 15px;
margin-bottom : 15px;
width: auto;
height: auto;
}

#CadreSolutionGauche {
float: left;
background-color:#F1F1F1;
color: #000000;
width: 360px;
height: 480px;
border: solid 1px #000000;
}

#CadreSolutionDroite {
background-color:#F1F1F1;
color: #000000;
margin-left : 375px;
width: 360px;
height: 480px;
border: solid 1px #000000;
}


img{   
border: none;
}

b{font-size: 110%;}
em{color: red;}


/*Pour LA STRUCTURE TABLEAU DU SITE*/
#maincontainer{
width: 950px; /*Largeur site BAKA Media Group*/
margin: 0 auto; /*si je veux aligner le site à gauche je supprime la ligne et je mets : align:left; en bas*/
background-color:#2B2B2B;
height: auto;
}

#topsectionLeft{
float: left;
background: #000000;
width: 180px;
/* height: 90px; Height of top section*/
}

#topsectionRight{
float : right;
background: #FFFFFF;
width: 770px;
/* height: 90px; Height of top section*/
}

#topBackground{
font-size:10px;
color: #FFFFFF;
font-weight:bold;
background-image: url(../images/fondtop.jpg) ; 
float : left;
width: 950px;
height: 40px; 
}

#topBreadcrumbs{
width: 950px;
height: 17px; /*Height of top section*/
float : left;
background: #000000;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
height : auto;
width: 100%;
}

#contentcolumn{
float: left;
width: 770px;
margin-left: 180px; /*Set left margin to LeftColumnWidth*/
height : auto;
background: #FFFFFF;
}


#leftcolumn{
float: left;
width: 180px; /*Width of left column*/
margin-left: -950px; /*Set left margin to -(MainContainerWidth)*/
background: #2B2B2B;
}

#conteneurGauche{
float: left;
width: 180px; /*Width of left column*/
height: 222px;
background-image : url(../images/LOGObmgBlanc.jpg);}

#conteneurBTN{
float: left;
width: 180px; /*Width of left column*/
padding-top: 25px;
height: 70px;
}

#conteneurGaucheBTNg{
float: left;
margin-left: 25px;
width: 10px; /*Width of left column*/
height: 50px;
}

#conteneurGaucheBTNg2{
float: left;
margin-left: 42px;
width: 10px; /*Width of left column*/
height: 50px;
}

#conteneurGaucheBTNd{
float: right;
margin-right: 42px;
width: 10px; /*Width of left column*/
height: 50px;
}

#conteneurGaucheNewsletter{
float: left;
margin: 5px;
width: 150px; /*Width of left column*/
height: 70px;
padding : 10px;
font: 10pt Arial ;
color: white;
background : #666666;}

#conteneurGaucheNewsletterBtnSubmit{
float: right;
background : #666666;}


#footer{
clear: left;
width: 100%;
height: auto;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}




/*Pour LES CADRES OMBRés*/


.innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
width: 250px;
padding: 6px;
position: relative;
left: 1px; /*shadow depth*/
top: 1px; /*shadow depth*/
}




/*Pour LE MENU DU HAUT tous les autres*/
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-top: 0px;
border: 1px solid #FFFFFF;
border-width: 1px 0;
background: black url(blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}


.stylemenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
font-opacity: 0;
width: 100%;
overflow: hidden;
margin-top: 0px;
border: 1px solid #FFFFFF;
border-width: 1px 0;
background: black url(blockdefault.gif) center center repeat-x;
color: black;
padding: 9px 11px;
text-decoration: none;
display: inline;
}


.minimenuContact{
margin: 0;
padding: 0;
float: left;
width: 100%;
overflow: hidden;
margin-top: 0px;
border: 1px solid #FFFFFF;
border-width: 1px 0;
background: black url(blockdefault.gif) center;
}

.minimenuContact a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.minimenuContact a:hover{
background: transparent url(blockactive.gif) center center;
}



/*Alignement image en haut à droite !!*/
.alignImage{
font: bold 13px Arial;
border-right: 1px solid white;
margin-top: 55px;
vertical-align: bottom;
float:right;
}

.image {
  image: url(images/LOGObmgBlanc.png);
  padding: 0;
}


.imageBaniere{
margin-left : 0px;
width: 770px;
height: 195px;
/*background-image: url(../images/TopFlash.jpg);*/
  padding: 0;
}

.imageBaniereContact{
margin-left : 0px;
width: 770px;
height: 195px;
/*background-image: url(../images/BannerContact.png);*/
  padding: 0;
}

.imageBaniereEntreprise{
margin-left : 0px;
width: 770px;
height: 195px;
/*background-image: url(../images/BannerPresentation.png);*/
  padding: 0;
}

.imageBaniereSolution{
margin-left : 0px;
width: 770px;
height: 195px;
/*background-image: url(../images/BannerBMG_Solution.png);*/
  padding: 0;
}

.imageBaniereClients{
margin-left : 0px;
width: 770px;
height: 195px;
/*background-image: url(../images/BannerClients.png);*/
  padding: 0;
}

.imageBaniereFAQ{
margin-left : 0px;
width: 770px;
height: 195px;
/*background-image: url(../images/BannerFAQ.png);*/
  padding: 0;
}

#bandeInfo {
float: right;
background-color:#2B2B2B;
margin-top :15px;
margin-left : 10px;
margin-right: 10px;
padding-left : 5px;
font: bold 12pt Arial ;
color:white;
width: 250px;
}

#contenuInfo {
float: right;
background-color:#FFFFFF;
margin-top :5px;
margin-left : 0px;
margin-right: 15px;
padding-left : 0px;
font:  10pt Arial ;
color:black;
width: 250px;
text-align: justify;
line-height: 1.4;
}

#bandeBienvenue {
float: left;
background-color:#2B2B2B;
margin-top :15px;
margin-left : 10px;
margin-right: 0px;
padding-left : 5px;
font: bold 18pt Arial ;
color:white;
width: 480px;
}

#contenuBienvenue {
float: left;
background-color:#FFFFFF;
margin-top :5px;
margin-left : 10px;
margin-right: 0px;
width: 475px;
padding: 5px;
}

/* PARTIE BMG SOLUTION */
#bandeSolutions2 {
background-color:#2B2B2B;
float : left;
width : 745px;
margin-top :15px;
margin-left : 10px;
margin-right: 10px;
padding-left : 5px;
font: bold 12pt Arial ;
color:white;
}

#bandeText2 {
float : left;
width : 745px;
margin-top :5px;
margin-left : 10px;
margin-right: 10px;
padding-left : 5px;
font: 8pt Arial ;

}

#cadreEcomm {
float:left;
background-color:#FFFFFF;
width : 185px;
height: 75px;
margin-top :8px;
margin-left : 10px;
margin-right: 2px;
border-width:1px; 
border-style:solid; 
border-color:black; 
background-image: url(../images/BAKAebusiness.png);
padding: 0;
}



#cadreWeb {
float:left;
background-color:#FFFFFF;
width : 185px;
height: 75px;
margin-top :8px;
margin-left : 0px;
margin-right: 2px;
border-width:1px; 
border-style:solid; 
border-color:black; 
background-image: url(../images/BAKAweb.png);
padding: 0;
}

#cadreDesign {
float:left;
background-color:#FFFFFF;
width : 185px;
height: 75px;
margin-top :8px;
margin-left : 0px;
margin-right: 2px;
border-width:1px; 
border-style:solid; 
border-color:black; 
background-image: url(../images/BAKA_PAO.png);
padding: 0;
}

#cadreMarketing {
float:left;
background-color:#FFFFFF;
width : 185px;
height: 75px;
margin-top :8px;
margin-left : 0px;
margin-right: 2px;
border-width:1px; 
border-style:solid; 
border-color:black; 
background-image: url(../images/BAKA_Marktng.png);
padding: 0;
}

#contenuEcom {
float: left;
background-color:#FFFFFF;
margin-top : 0px;
margin-left : 10px;
margin-right : 2px;
padding:3px;
font:  10pt Arial ;
color:black;
width: 179px;
text-align: justify;
line-height: 1.4;
}

#contenuBMGSolution {
float: left;
background-color:#FFFFFF;
margin-top :0px;
margin-left : 2px;
margin-right : 2px;
padding-left:3px;
padding-right:3px;
font:  10pt Arial ;
color:black;
width: 179px;
text-align: justify;
line-height: 1.4;
}



/* slides styling */

.photo {width:770px; text-align:left; position:relative; margin-top :10px;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:770px; height:auto; position:relative; z-index:10;}


.photo ul.topic ul li
{display:inline; width:150px; height:113px; float:left; border:1px solid #fff; margin:8px;}

.photo ul.topic ul li a
{display:block; width:150px; height:113px; cursor:default; float:left; text-decoration:none; background:#444; border:0px solid #888;}

.photo ul.topic ul li a img
{display:block; width:140px; height:108px; border:5px solid #eee; }

.photo ul.topic ul li a:hover, 
.photo ul.topic ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic ul li a:hover img, 
.photo ul.topic ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.none {
border-style:none;

}