body{
margin:0;
margin-top:0px;
padding:0;
font-family:verdana;
}

/* -------------- STRUCTURE -----------------*/

#maincontainer{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #FFFFFF;
height: 120px; /*Height of top section*/
margin-bottom:15px;
}

#contentwrapper{
float: left;
width: 100%;
margin: 0px;
border-left:0px solid #80B2CB;
border-right:0px solid #80B2CB;
height:500px;
margin-bottom:30px;
}

#contentcolumn{
margin: 0px 200px 0px 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
text-align: center;
height: 460px;
margin-bottom: 20px;
}
#contentcolumn h1
{
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
	font-style: none;
	font-size: 20px;
	color: #FF0080;
	line-height: 1.2em;
}


#leftcolumn{
float: left;
width: 229px; /*Width of left column in pixel*/
height: 490px;
margin-left: -950px; /*Set margin to that of -(MainContainerWidth)*/
padding-top:10px;
padding-left:1px;
background:#fff;
text-align:left;
border:0px #80B2CB solid;
background:url('../images/box/left_menu.png');
}

#rightcolumn{
float:right;
width:200px; /*Width of right column*/
height:490px;
margin:0;
padding:0;
padding-top:10px;
margin-left:-200px; /*Set left margin to -(RightColumnWidth)*/
border:0px red solid;
background:url('../images/box/right_menu.png');
}

#footer{
clear: left;
width: 100%;
background: #FFFFFF;
color: #333333;
text-align: center;
padding: 4px 0;
border-top : 1px solid #80B2CB;
}

/* ----------- MENU VIGNETTES ----------*/
#menu_vignettes
{
}
#vignette
{
	float: left;
	padding-left: 0px;
}
#vignette img:hover
{

}

/* --------- MENU GAUCHE -------- */
#menu_gauche
{
	margin:7px;
	margin-top:0px;
}

#menu_gauche h1
{
	margin:0px;
	font-size:17px;
	font-weight:bold;
	color:#80B2CB;
}
#menu_gauche ul 
{
	margin-top:5px;
	margin-left:0px;
	list-style: none;
	font-size: 13px;
	padding-left: 0px;
}
#menu_gauche ul  li
{
	border-bottom:1px solid #FB57AF;
}
#menu_gauche ul li a
{
	color: #3E4142;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	padding-left:0px;
	line-height: 2.6em;
}
#menu_gauche ul li a:hover
{
	color: #FF0080;
	text-decoration: none;
}
#menu_gauche ul li a.actif
{
	color: #FF0080;
	font-weight: bold;
}

/* --------- REFERENCES -------- */
#references
{
	margin:0px;
	padding-left:8px;
}
#references h1
{
	margin:0;
	margin-left:5px;
	margin-bottom:5px;
	font-size: 13px;
	font-weight: bold;
	color: #777;
}
#vignette_reference
{
	float:left;
	margin:5px;
	background:#fff;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;	
	border:1px solid #ccc;
}

/* --------- ACCUEIL -------- */
#intro
{
	width: 450px;
	margin: 0 auto;
	line-height:2.2em;
	text-align: justify;
	font-weight: bold;
	font-size: 13px;
	color: #666;
	margin-bottom: 0px;
	margin-top:10px;
}
#intro strong 
{
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	color: #FF0080;
}
#intro em
{
	font-weight: bold;
	font-style: normal;
	font-size: 15px;
	color: #7eb9dc;
}
#une
{
	float:left;
	padding-left:35px;
	width: 450px;
	margin: 0 auto;
	line-height:2.2em;
	text-align: justify;
	font-weight: bold;
	font-size: 13px;
	color: #666;
	margin-bottom: 0px;
	margin-top:30px;
}
#une #titre
{
	color:#FF0080;
	border-bottom:1px solid #777;
	text-transform:uppercase;
}
#une #texte
{
	float:left;
	width:200px;
	text-align:left;
	line-height:1.4em;
}
#une #texte a
{
	font-weight:bold;
	font-size:0.8em;
	color:#666;
	text-decoration:none;
}
#une #texte a:hover
{
	text-decoration:underline;
}
#une #visuel
{
	float:right;
	width:200px;
}

.warning
{
	float:right;
	color: #333333;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
}

/* ------------ FICHES PRODUITS --------- */
#texte
{
	width: 430px;
	margin: 0 auto;
	line-height:2.2em;
	text-align: justify;
	font-weight: bold;
	font-size: 13px;
	color: #666;
	margin-bottom: 0px;
	margin-top: 10px;
}
#texte strong 
{
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	color: #7eb9dc;
}

#visuels
{
	width: 450px;
	margin: auto;
}
#visuel_produit
{
	float: left;
	padding: 10px;
	margin-top:0px;
}
#visuel_produit h2
{
	display:block;
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	color: #7eb9dc;
	margin:0px;
}
#visuel_produit img
{
	border: 1px solid silver;
}
#visuels small a
{
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}
#visuels small a:hover
{
	color: #ff0080;
	text-decoration: underline;
}
/* ------- AUTRES GOODIES ----------- */
#autre_goodie
{
	float:left;
	width: 430px;
	margin-left: 50px;
	margin-top: 10px;
}
#autre_goodie img
{
	float: left;
	border: 1px solid silver;
}
#autre_goodie #texte_autre_goodie
{
	float: left;
}
#autre_goodie  h2
{
	text-align:left;
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	color: #7eb9dc;
	margin:0px;
	margin-left: 20px;
}
#autre_goodie p
{
	margin-left: 20px;
	line-height:1.7em;
	text-align: justify;
	font-weight: none;
	font-size: 13px;
	color: #666;
	width: 205px;
}

/* -------------- PIED ----------- */
#signature
{
	float:left;
	width: 530px;
	color: #666;
	font-size: 12px;
}
#signature p
{
	line-height:18px;
}
#signature strong 
{
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	color: #FF0080;
}
#signature a
{
	color: #666;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#signature a.gecom
{
	color: #7eb9dc;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#signature a:hover
{
	color: #FF0080;
	text-decoration: underline;
}

#previous
{
	float:left;
	width: 210px;
	text-align: left;
	margin-left:0px;
	padding-left:0px;
}
#previous a
{
	color: #666;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
#previous a:hover
{
	color: #FF0080;
	text-decoration: underline;
}
#next
{
	float:right;
	width: 210px;
	text-align: right;
	margin-right:0px;
}
#next a
{
	color: #666;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
#next a:hover
{
	color: #FF0080;
	text-decoration: underline;
}

/* -- Web Rank Info */
#webrankinfo
{
	margin-top:10px;
	font-size:11px;
	font-weight: none;
}
#webrankinfo a
{
	font-size:11px;
	font-weight: none;
}