/*-------------------
// STYLES DE BASE------
----------------------*/

@import url(/lightbox.css);

body {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1A171B;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a, a:visited{
	text-decoration:none;
	color:#006699;
}
a:hover,a:focus{
	text-decoration:underline;
}

input{
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

input.textfield, textarea.textfield, select.textfield{
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#CC0066;
	border:0px;
	border-bottom:1px dotted #F29223;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*---------- FIN STYLES DE BASE -----------
-------------------------------------*/


/*------------------------------------------------
//- ID PRINCIPALES DE POSITIONNEMENT ----------------------
//-------------------------------------------------------------*/

#maincontainer {
	width: 876px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:1;
		
}
#topsection{
	position:relative;
	width: 876px;
	padding-top:10px;
}

#menu {
	width: 400px;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-left:110px;
	line-height: 18px;
}
#tools {
	width: 235px;
	float: right;
	margin-top: 0px;
	text-align: right;
	padding-right: 18px;
}
#centralsection{
	font-size:11px;
	position:relative;
	padding-top:2px;
	width: 876px;
	z-index:2;

}
#content {
	position:relative;
	padding:0px;
	padding-right: 18px;
	zoom: 1;
}
#user_locator {
	height: 10px;
	padding-right:18px;
	padding-bottom:4px;
	text-align:right;
	z-index:1000;
	zoom:1;
}
#bottomsection{
	background-image:url(/Images/logo_bottom.gif);
	background-repeat:no-repeat;
	height:60px;
	font-size:9px;
	position:relative;
	top:-30px;
	z-index:1;
}
#bottomsection #logooverlay{
	display:block;
	height:60px;
	line-height:60px;
	width:100px;
	float:left;
	font-size:9px;
	color:#C4C4C4;
	z-index:100;
	opacity:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

#bottomsection #copyright {
	font-size: 9px;
	text-decoration: none;
	padding:3px;
	padding-right:20px;
	padding-top:25px;
	color: #606060;
	text-align:right;
	float:right;
	width:440px;
}

	
	

/*------------------------------------------------
//- ID PRINCIPALES DE POSITIONNEMENT ----------------------
//-------------------------------------------------------------*/




/*--------------------
//--------- CLASSES COMMUNES----------
//-------------------------------*/


hr.spacer{
	clear:both;
	display: block;
	visibility:hidden;
	width:700px;
}
.lien {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-variant:small-caps;
	text-transform:capitalize;
}
.lien:hover {
	font-size: 11px;
	color: #F19022;
	text-decoration: none;
	font-variant:small-caps;
	text-transform:capitalize;
}
.lien_on {
	font-size: 11px;
	font-weight: bold;
	color: #F19022;
	text-decoration: none;
}
.langlink  {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	}
.langlink:hover {
	font-size: 10px;
	font-weight: normal;
	color: #F19022;
	text-decoration: none;
}

/*--------------
//----------- FIN CLASSES COMMUNES
//------------------------------*/

/*---- DEBUT DEFINTION ID PAGE PAR PAGE
//page par page on définit le conteneur gobal ainsi que P h1, liens etc, de sorte que ce soit dispo et on l'affecte à un div a
//travers le back office, il faut faire les autres pages */

#page_idgraphic {
	width: 766px;
	background-image: url(/Images/img_idgraphic.gif);
	padding-bottom: 10px;
	background-color: #F19022;
	height:356px;
	overflow-x: hidden;
	overflow-y:auto;
	float:right;

}

#page_idgraphic  a {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
#page_idgraphic  a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #932C42;
	text-decoration: none;
}

#page_idgraphic  p {
	padding-left: 25px;
}

#page_idgraphic h1 {
	font-size: 16px;
	font-weight: bold;
	color: #932C42;
	text-decoration: none;
	background-image: url(/Images/fd_titre1.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 12px;
}

/*----------------------------
// --------------- fin définition page id_graphic*/



/*----------------------------
// --------------- page d'accueil*/

#page_accueil {
    width: 766px;
	float: right;
	background-image: url(/Images/img_accueil.gif);
	margin-bottom: 10px;
	background-color: #EAB331;
	min-height:350px;
	height:350px;
	overflow-x: hidden;
	overflow-y:hidden;

}
#page_accueil h1 {
    font-size: 16px;
	font-weight: bold;
	color: #932C42;
	text-decoration: none;
	background-image: url(/Images/fd_titre1.gif);
	background-repeat: no-repeat;
	background-position:left;
	height: 20px;
	padding-left:12px;

}	
	
#page_accueil #contenu_text {
width: 330px;
padding-left:12px;
padding-right:12px;
padding-top: 10px;


}

#page_accueil li,  #page_accueil ul{
	clear:both;
	padding-bottom:8px;
	margin-left:4px;
}

#page_accueil a,  #page_accueil a:visited{
	color:white;
}
	
/*----------------------------
------------ fin page accueil*/		
	
	
	
/*----------------------------
// --------------- page activites*/	
	
#page_activites {
	width: 766px;
	float: right;
	background-image: url(/Images/img_activites.gif);
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #932C42;
	min-height:350px;
	_height:350px;

}

#page_activites  a {
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}
#page_activites  a:hover {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

#page_activites  p {
	color: #D4ABB3;
	padding-left: 25px;
	}	
	
#page_activites  h1 {
   	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-image: url(/Images/fd_titreactivites.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 12px;
	margin-top : 10px;
}	
	
	
/*----------------------------
// --------------- fin page activites*/		
	
	
/*----------------------------
// --------------- page portfolio*/			
#page_portfolio {
    width: 766px;
	float: right;
	background-image: url(/Images/img_portfolio.gif);
	margin-bottom: 10px;
	background-color: #36AEF4;
	min-height:350px;
	_height:350px;

}		
#page_portfolio p {
		color: #617018;
		padding-left: 25px;
}
#page_portfolio li {
	list-style-image: url(/Images/li1.gif);
	color:#778C26;
}
#page_portfolio  a {
	font-size: 11px;
	font-weight: normal;
	color: #59661A;
	text-decoration: underlined;
}
#page_portfolio  a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #F9A51A;
	text-decoration: none;
}
		
#page_portfolio h1 {
   	font-size: 16px;
	font-weight: bold;
	color: #778C26;
	text-decoration: none;
	background-image: url(/Images/fd_titreportf.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 12px;
	margin-top : 10px;
}	
	
/*----------------------------
// --------------- fin page portfolio*/			
	
	
	
/*----------------------------
// --------------- page contact*/				
	
#page_contact {
	width: 766px;
	float: right;
	background-image: url(/Images/img_ctct.gif);
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #F19022;
	min-height:350px;
	_height:350px;

}

#page_contact  a {
	font-size: 11px;
	color: #811235;
	text-decoration: underline;
}
#page_contact  a:hover {
	font-size: 11px;
	color: #E4A13E;
	text-decoration: none;
}

#page_contact  p {
	color: #F9A51A;
	padding-left: 40px;
}	
	
#page_contact  h1 {
   	font-size: 16px;
	font-weight: bold;
	color: #811235;
	text-decoration: none;
	background-image: url(/Images/fd_titrecontact.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 12px;
	margin-top : 10px;
}	
	
	
/*----------------------------
// --------------- fin page contact*/				
		
	
	
/*----------------------------
// --------------- page stock*/			
#page_stock {
	width: 766px;
	float: right;
	background-image: url(/Images/img_stock.gif);
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #FFBF00;
	min-height:350px;
	_height:350px;

}

#page_stock  a {
	font-size: 11px;
	color: #6A5212;
	text-decoration: underline;
}
#page_stock  a:hover {
	font-size: 11px;
	color: #6A5212;
	text-decoration: none;
}

#page_stock  p {
	color: #6A5212;
	padding-left: 25px;
	}
	
#page_stock  h1  {
   	font-size: 16px;
	font-weight: bold;
	color: #3F3F3F;
	text-decoration: none;
	background-image: url(/Images/fd_titrestock.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 12px;
	margin-top : 10px;
}
	
/*----------------------------
// --------------- fin page stock*/				
	
	
	
	
	
	
	
	
	
	
	
	





/*-----------------------
// divers
//----------------*/




.soutitre {
	font-size: 12px;
	font-weight: bold;
	color: #932C42;
	text-decoration: none;
}
.soutitre1 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.titrenews {
	font-size: 16px;
	font-weight: bold;
	color: #932C42;
	text-decoration: none;
	text-align: center;
}
.soutitreportf {
	font-size: 12px;
	font-weight: bold;
	color: #778C26;
	text-decoration: none;
}

.form_message{
	display:none;
	margin-top:2px; 
	margin-bottom:2px; 
	padding:4px; 
	font-weight:bold; 
	color: #FFFFCC; 
	width:80%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

img.thumb, a.thumb{
	/*border: 1px solid #703838;*/
	background-color: #FF9933;
	border:1px solid #FF9933;
	padding:1px;
	margin: 2px;
}

img.thumb:hover, img.thumb:focus, a.thumb:hover, a.thumb:focus{
	border: 1px solid #FF3333;
	background-color: #FF9933;
	padding:1px;
	margin: 2px;
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}


#news {
	width: 246px;
	float:left;
	padding-left:49px;
	padding-top: 12px;
	padding-bottom: 10px;
	
}
#news li {
	list-style-image:none;
	list-style:none;
}

#contenu_text {
	margin-left: 260px;
	padding-right:20px;
	padding-top: 10px;
	padding-left: 20px;
}