* {
		margin:0;
		padding:0;
		}
		
html, body {
	height:100%;
	font-family:Tahoma,Arial,Verdana;
	font-size:11px;
	color:#444444;
	/*background-color:#ffffff;**/
	background-color:#755e85;
	}
	

/* Layout */

#distance { 
		/*width:1px;
		height:50%;
		margin-bottom:-20em;  half of container's height 
		margin-top:10px;
		float:left;*/
		width:1px;
		margin-top:10px;
		float:left;
		}

#conteneur{
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:48em;
		width:70.91em;
		clear:left;
		background-color:#fff;
		/*border:1px solid #000000;*/
}


#conteneurVoeux{
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:40.40em;
		width:81.81em;
		clear:left;
		background-color:#fff;
		/*border:1px solid #000000;*/
}



#distanceInterne { 
		width:1px;
		margin-top:10px;
		float:left;
		}
#conteneurInterne{
		margin:0 auto;
		margin-top:10px;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:auto;
		width:70.91em;
		clear:left;
		background-color:#fff;
		/*border:1px solid #000000;*/
}

#contenuInterne{
		margin:0 auto;
		margin-top:10px;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:auto;
		width:70.91em;
		clear:left;
		background-color:#FFFFFF;
		
}



/** ATTENTE *******************************************************/

#contenu-attente{width:40.91em;height:27.27em;margin:auto;}

#logo-attente{width:13.09em;height:15.64em;}

#texte-attente{height:10em; width:13.09em;}


/** FIN ATTENTE ***************************************************/

#contenu-flash{
width:70.91em;
height:35.45em;
background-color:#fff;
}

#contenu-flash-interieur{
width:70.91em;
height:31.82;
background-color:#fff;
}

#header{
width:780px;
height:85px;
}

#header-accueil{
width:780px;
height:45px;
background-color:#fff;
}


#logo{
width:195px;
height:31px;
margin-top:13px;
margin-right:15px;
float:right;}



/* contenu */
#contenu{
width:70.91em;
height:42em;
}

#contenuAuto{
width:70.91em;
height:auto;
}


#bandeauContenu{
width:70.91em;
margin-top:-38px;
padding-bottom:40px;
}

#img_actualite{
	position:absolute;
	width:123px;
	height:94px;
	left: 1px;
	top: 36px;
}

#ligne_header{
position:absolute;
height:1px;
width:70.91em;
margin-top:15px;
background: url(../image/structure/ligne_haut.png) repeat-x ;
}




		#colSousMenu{
		position:absolute;
		margin-top:90px;
		left:140px;
		margin-left:7em;
		width:100px;
		line-height:18px;
		}
		

		
		
	
		#colUnique{
		position:absolute;
		margin-top:90px;
		left:195px;
		margin-left:13.64em;
		width:378px;
		text-align:left;
		line-height:15px;
		}

		#colGaucheA{
		position:absolute;
margin-top:15px;
		left:50px;
		margin-left:13.64em;
		width:250px;
		text-align:left;
		}
		
		
		
		#editorial{
width:650px;
margin-left:11.25em;
margin-top:15px;
}
		
		#editorial ul{list-style-type:none; margin-top:10px; margin-bottom:15px;}
#editorial ul li {background: url(../image/structure/puce-line.png) no-repeat;background-position: 0px 3px;padding: 0px 0px 0px 7px; padding-left:10px;  padding-right:10px; margin-left:7px; line-height:15px;}
		
		#colGaucheActualiteUne{
		float:left;
		width:358px;
		text-align:left;
		}
		
		#colUne{
		float:right;
		width:450px;
		text-align:left;
		margin-right:10px;
		}
		
		#colGaucheBas{
		position:absolute;
		bottom:60px; 
		float:left;
		text-align:right;
		width:140px;
		background-color:#ffffff;
		}
		
		#colDroiteActualiteUne{
		float:right;
		padding-right:42px;
		right:5px;
		padding-left:20px;
		width:220px;
		text-align:left;
		border-left:1px solid #cccccc;
		padding-bottom : 20px;
		}
		
		
		
		.articleUneActualite{
		padding-bottom : 5px;
		padding-top : 5px;
		}
		
		.separateurHorizontalArticle{
		margin-top:5px;
		height:2px;
		width:358px;
		background: url(../image/structure/separateur-horizontal.gif) repeat-x ;
		}
		
		.separateurHorizontalUneCol{
		margin-top:5px;
		height:2px;
		width:450px;
		background: url(../image/structure/separateur-horizontal.gif) repeat-x ;
		}
		
		.separateurHorizontalArticleDroite{
		margin-top:5px;
		height:2px;
		width:189px;
		background: url(../image/structure/separateur-horizontal.gif) repeat-x ;
		}
		
		
		.carte{
			width:463px;
			height:327px;
			position:absolute;
			left:25px;
			top:80px;			
		}
		
		
		#colGaucheContact{
		position:absolute;
margin-top:25px;
		left:25px;
		margin-left:3.5em;
		width:350px;
		text-align:left;
		}
		
		#colDroiteA{
		position:absolute;
margin-top:15px;
		left:450px;
		margin-left:30px;
		width:250px;
		text-align:left;
		}
#colDroiteContact{
		position:absolute;
margin-top:15px;
		left:400px;
		margin-left:30px;
		width:320px;
		text-align:left;
		}
		
		

.clear{ clear:both;}



	.listeportfolio{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#111;border-top:1px solid #ccc; width:400px; padding-top:2px;}

	.listeportfolioActif{display:block; background-color:#fff;border-top:1px solid #ccc; padding-top:2px;}
	
	.listeportfolioHover{display:block; background-color:#f1f1f1;border-top:1px solid #ccc;  padding-top:2px;}


#espace_client{
/*visibility:hidden;*/
z-index :10;
padding-top:4px;
padding-left:4px;
position:absolute;
left:620px;
top:390px;
width:156px;
height:100px;
}

#espaceclient{
position:absolute;
width:85px;
margin-left:600px;
margin-top:-53px;

}


#newsletter{
	z-index:99;
	position:absolute;
	margin-left:682px;
	margin-top:-52px;
	width:85px;
	left: 10px;
}

#ligneBas{
position:absolute;
z-index:100;
top:37.50em;
width:780px;
height:2px;
border-bottom:1px solid #f1f1f1;
}

#contenu a{ text-decoration:none; color:#F550A6;}
.active{ text-decoration:none; color:#F550A6; font-weight:bold;}

#contenu a:hover{text-decoration:none; color:#F0037F;}


#navigation_bas ul{ list-style-type:none;margin:0; }
#navigation_bas ul li{ display: inline; padding-right:5px; border-right:1px solid #cccccc;margin-left:7px; }
#navigation_bas a{ color:#F550A6; text-decoration:none;}
#navigation_bas a:hover{ color:#F0037F; text-decoration:none;}


#navigation_bas{
position:absolute;
height:20px;
}


#piedpage{
z-index:100;
width:770px;
height:20px;
margin-left:5px;

margin-top:0px;
color : #595959;
font-size:11px;

}


#lienoutil{
	margin-left:490px;
	height:20px;
	width:567px;
	position:absolute;
	left: -70px;
}
.lienoutil2{
	margin-left:280px !important;
	height:20px;
	width:567px;
	position:absolute;
	left: -70px;
}

.separateur_outil{ width:1px; height:15px;border-right:1px solid #cccccc; margin-left:683px; margin-top:0px; position:absolute;}

#lienoutil ul{list-style-type:none;margin:0;}
#lienoutil ul li { display: inline; padding-right:5px; border-right:1px solid #cccccc;margin-left:7px; }
#lienoutil a{ color:#755e85; text-decoration:none;}
#lienoutil a:hover{ color:#cccccc; text-decoration:none;}

.liste{
list-style-type:square;
margin:0;
}



/* Element */
.bouton {
background-color:#000;
border-width:1px;
  border-style:solid;
  color:#FFFFFF;
}


.espaceclient{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding-left:3px;
border: 1px solid #000;
margin-bottom:5px;
}


.formulaire {
background-color:#fff;
border-color:#000000;
 color:#FFFFFF;
}

 hr {
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 margin-right:10px;
 color: #e1e1e1;
 background-color: #e1e1e1;
 border: 0;
 }


.imageAdroite{
padding-left:10px;
float:right;
}



/* Texte */
.tableau{
padding:2px;
border:0px;
line-height:15px;
}


.trespetit{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}

.description{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
text-align:left;
}

.commande{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:right;
}

.commande a{
color:#f97513;
text-decoration:none;
}

.commande a:hover{
color:#f97513;
text-decoration:underline;
}


#editorial a{ text-decoration:none; color:#F550A6;}
#editorial a:hover{text-decoration:none; color:#F0037F;}



.legende {padding: 0px 0px 0px 7px; text-align:right; font-family: Arial, Helvetica, sans-serif; color:#999999; font-size:9px; margin-top:0px; width:190px;}


.lien {background: url(../image/structure/puce-line.png) no-repeat;background-position: 0px 2px;padding: 0px 0px 0px 7px;  margin-top:2px; font-family: Arial, Helvetica, sans-serif; color:#999999; font-size:9px; }

.lien a{
text-decoration:none; 
color:#999999;
}

 .lien a:hover {
 color:#F0037F;
 text-decoration:none; 
 }


.gras{
font-family:Tahoma,Arial,Verdana;
font-weight:bold;
font-size:11px;
color:#666666;
}

.titre{
font-family:Tahoma,Arial,Verdana;
font-weight:bold;
font-size:13px;
color:#666666;
}

.titrenoir{
font-family:Tahoma,Arial,Verdana;
font-weight:bold;
font-size:13px;
color:#000;
}

.soustitreActuNoirV10{
font-family:Tahoma,Arial,Verdana;
font-weight:bold;
font-size:11px;
color:#464646;
}

.soustitreActuNoirV11{
	font-family:Tahoma, Arial, Verdana;
	font-weight:bold;
	font-size:13px;
	color:#FF3399;
}

.bandeau-noire{
height:50px;
font-family:Tahoma,Arial,Verdana;
font-weight:bold;
font-size:16px;
color:#000;
margin-bottom:15px;
}