@charset "utf-8";

@IMPORT URL(menu_fr.css);
@IMPORT URL(home.css);


body {
	background-color: #EFEFF1;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

#MenuNoCSS{display: none;}

#Header {
	width: 100%;
	height:45px;
	background-color:#EFEFF1;
	margin-top:20px;
}

#Header #Form {
	position: absolute;
	margin-left: 687px;
	margin-top: 5px;
	color: #EFEFF1;
	font-size:11px;
}

#Body, #Footer {
	width: 100%;
	margin-top: 1px;
	background-color:#EFEFF1;
	
}

#Bottom_IMG {
	margin-top: 10px;
	font-size: 12px;
	line-height: 25px;
	margin-bottom: 20px;
}

#Logo_Print {display:none;}
#Header input{font-size:9px;padding-right:4px;color: #828282;}
#Header .Menu{margin-top: 50px;}
#Header .Logo {position: absolute; margin-top: 20px;}
#Body {padding-bottom: 10px;}
#Center {width: 902px;margin:auto;}
#Footer {color: #000;font-size:11px; padding-bottom: 10px;}
#Footer a{text-decoration: none;color:#000;}
#Footer a:hover{text-decoration: underline;color:#000;}
#Conteneur {background-color: #FFFFFF;}
/* Bloc texte "brut"*/ 
#Texte {width:450px;font-size: 12px;}
#Texte .titre {font-size: 14px;}
#PreLoadImg {display: none;}
.Printer {margin-right: 10px;margin-top: 2px; float:right;}
.msgNL{font-size:11px; color:#999999;}



/*
	PUCES & LISTES
*/

#Header ul, #MenuNews ul,#MenuRessource ul, #MenuCompany ul, #MenuSolutions ul, #MenuPartners ul, #Customers ul, #MenuEvents ul, #MenuOthers ul{
	margin:0;
	padding:0;
	list-style-type: none;
	margin-right: 8px;
}

#MenuNews li, #MenuPartners li,#MenuSolutions li,#MenuRessource li, #MenuEvents li{
	background-image: url(images/puce_header_white.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .8em;
	font-size:12px;
	margin-left: 5px;
}

#Header li {
	background-image: url(images/puce_header_white.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	!background-position: 0 .6em;
	padding-left: 1.1em;
	font-size:11px;
	margin-left: 5px;
}

#MenuCompany li,   #Customers li, #MenuOthers li, #Others li{
	background-image: url(images/puce_header_black.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .8em;
	font-size:12px;
	margin-left: 5px;
}

#Actu ul,#Ressource ul, #Company ul, #Solutions ul, #Historique ul, #Events ul, #Others ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#Actu li, #Company li, #Solutions li, #Historique li, #Events li{
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .6em;
	margin-bottom: 10px;
}


/* 
	LIENS 
*/
#Header a, #MenuNews a, #MenuCompany a, #MenuRessource a, #MenuCustomers a, #MenuSolutions a, #MenuPartners a, #MenuEvents a, #MenuOthers a{text-decoration: none;color:#FFFFFF;}
#Header a:hover, #MenuNews a:hover, #MenuCompany a:hover, #MenuRessource a:hover, #MenuCustomers a:hover, #MenuSolutions a:hover, #MenuPartners a:hover, #MenuEvents a:hover, #MenuOthers a:hover{text-decoration: underline;color:#FFFFFF;}

#Events a		{font-size:12px;}

/*#Actu a, #Company a, #Solutions a, #Others a, #Partners a, #Events a, #Customers a{text-decoration: none;color: #000000;}
#Actu a:hover , #Company a:hover, #Solutions a:hover, #Others a:hover, #Partners a:hover, #Events a:hover, #Customers a:hover{text-decoration: underline;color: #000000;}
*/


.titreText		{font-size:24px;font-weight:bold;margin-bottom:20px;}

/***************************************/

/* NEWS */
#MenuNews {
	background-color:#69af23;
	color: #FFFFFF;
	font-size:12px;
	padding-left: 327px;
	padding-top: 7px;
	height: 22px;
}
#MenuNews .Active {font-weight: bold;text-decoration:underline;}
#Actu .Active {font-weight: bold;text-decoration:underline;}

#IMG #Actu {
	padding-top: 20px;padding-left:20px;
}


#Texte #Actu {
	padding-top:60px;
	padding-bottom: 40px;
	padding-right: 40px;
	min-height: 354px;
	height: auto;
	width: 450px;
}


/********************************************/
/*	COMPANY */
#MenuCompany {
	background-color:#ffd500;
	color: #000000;
	font-size:12px;
	padding-left: 413px;
	padding-top: 7px;
	height: 22px;
}
#MenuCompany a{color: #000000;}
#MenuCompany a:hover{color: #000000;}
#MenuCompany .Active {font-weight: bold;text-decoration:underline;}

#IMG #Company {
	padding-top: 20px;padding-left:20px;
}
#IMG #Company a	{text-decoration:none;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#E5BE0D}
#Company #Bottom_IMG a  {text-decoration:none;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#E5BE0D}

#Texte #Company {
	padding-top:20px;
	padding-bottom: 40px;
	padding-right: 40px;
	min-height: 324px;
	height: auto;
}
.companyColor	{color:#e5be0d}

/*************************************************/

/* Customers */
#MenuCustomers {	
	background-color:#E46099;
	color: #ffffff;
	font-size:12px;
	padding-left: 455px;
	padding-top: 7px;
	height: 22px;
}
#MenuCustomers a{color: #ffffff;}
#MenuCustomers a:hover{color: #ffffff;}

#IMG #Customers {padding-top: 55px;width: 240px;}
#IMG #Customers a{color: #000000;text-decoration:none;font-size:12px;font-family:Arial, Helvetica, sans-serif;}

#Texte #Customers {
	width: 662px;
	padding-top:10px;
	padding-right: 20px;
	padding-bottom: 40px;
	min-height: 404px;
	height: auto;
	font-size: 11px;
}

#Customers .Titre {
	font-weight:bold;
	color: #808285;
	font-size:14px;
	text-transform:uppercase;
}

#Customers .Texte{font-size: 12px;padding-top: 10px;padding-bottom:10px;}

#Customers .BorderTitre {
	width: 100%;
	background-image: url(images/point_gris.gif);
	background-repeat: repeat-x;
	background-position: 0 12px;
}

#AllCustomers {
	width: 100%;
	font-size: 12px;
}

#AllCustomers a{color: #000000;}

#AllCustomers .puce {
	background-image: url(images/puce.gif);
	background-repeat:no-repeat;
	background-position:center;
	width: 10px;
}

#AllCustomers .separation {
	height: 5px;
}

/*************************************************/

/* SOLUTIONS */
#MenuSolutions {	
	background-color:#68ad27;
	color: #000000;
	font-size:12px;
	padding-left: 20px;
	padding-top: 7px;
	height: 22px;
}
#MenuSolutions a{color: #FFF;}
#MenuSolutions a:hover{color: #FFF;}
#MenuSolutions .Active {font-weight:bold; }
#IMG #Solutions {padding-top: 20px;padding-left:20px;}

#Texte #Solutions {
	padding-top:20px;
	padding-right: 40px;
	padding-bottom: 40px;
	min-height: 384px;
	height: auto;
	text-align:justify;
	width: 450px;
}
.solutionsColor	{color:#68AD27}

#Liste {margin-top: 25px;}
#Liste ul{padding-left: 50px;text-transform:uppercase;}

/*************************************************/

/* CONTACT */
#MenuContact {	
	background-color:#FFD30D;
	color: #000000;
	font-size:12px;
	padding-left: 20px;
	padding-top: 7px;
	height: 22px;
}
#MenuContact a{color: #000000;}
#MenuContact a:hover{color: #000000;}
#MenuContact .Active {font-weight:bold; }
#IMG #Contact {padding-top: 20px;padding-left:20px;}

#Texte #Contact {
	padding-top:20px;
	padding-right: 40px;
	padding-bottom: 40px;
	min-height: 384px;
	height: auto;
	text-align:justify;
	width: 450px;
}
.contactColor	{color:#FFD30D;font-variant:small-caps;}

#Liste {margin-top: 25px;}
#Liste ul{padding-left: 50px;text-transform:uppercase;}

/*************************************************/

/* PRODUCT */
#MenuProduct {	
	background-color:#ffD30D;
	color: #000000;
	font-size:12px;
	padding-left: 20px;
	padding-top: 7px;
	height: 22px;
}
#MenuProduct a{color: #000000;}
#MenuProduct a:hover{color: #000000;}
#MenuProduct .Active {font-weight:bold; }
#IMG #Product {padding-top: 20px;padding-left:20px;}

#Texte #Product {
	padding-top:20px;
	padding-right: 40px;
	padding-bottom: 40px;
	min-height: 384px;
	height: auto;
	text-align:justify;
	width: 450px;
}
.productColor	{color:#ffD30D}

#Liste {margin-top: 25px;}
#Liste ul{padding-left: 50px;text-transform:uppercase;}

/*************************************************/

/* SERVICE */
#MenuService {	
	background-color:#D5031F;
	color: #000000;
	font-size:12px;
	padding-left: 20px;
	padding-top: 7px;
	height: 22px;
}
#MenuService a{color: #000000;}
#MenuService a:hover{color: #000000;}
#MenuService .Active {font-weight:bold; }
#IMG #Service {padding-top: 20px;padding-left:20px;}

#Texte #Service {
	padding-top:20px;
	padding-right: 40px;
	padding-bottom: 40px;
	min-height: 384px;
	height: auto;
	text-align:justify;
	width: 450px;
}
.serviceColor	{color:#D5031F}

#Liste {margin-top: 25px;}
#Liste ul{padding-left: 50px;text-transform:uppercase;}

/*************************************************/

/* RESSOURCE */
#MenuRessource {	
	background-color:#4aa4D6;
	color: #000000;
	font-size:12px;
	padding-left: 420px;
	padding-top: 7px;
	height: 22px;
}
#MenuRessource a{color: #FFF;}
#MenuRessource a:hover{color: #FFF;}
#MenuRessource .Active {font-weight:bold; }
#IMG #Ressource {padding-top: 20px;padding-left:20px;}

#Texte #Ressource {
	padding-top:20px;
	padding-right: 40px;
	padding-bottom: 40px;
	min-height: 384px;
	height: auto;
	text-align:justify;
	
}
.ressourceColor	{color:#4aa4D6}

#Liste {margin-top: 25px;}
#Liste ul{padding-left: 50px;text-transform:uppercase;}

/*************************************************/

/*  Partenaires  */
#MenuPartners {	
	background-color:#304A96;
	color: #ffffff;
	font-size:12px;
	padding-left: 100px;
	padding-top: 7px;
	height: 22px;
}
#MenuPartners a{color: #ffffff;}
#MenuPartners a:hover{color: #ffffff;}
#MenuPartners .Active {font-weight: bold;}

#IMG #Partners {
	padding-top: 20px;padding-left:20px;
}

#Texte #Partners {
	font-size:12px;
	padding-top:20px;
	padding-right: 40px;
	padding-bottom: 40px;
	min-height: 374px;
	height: auto;
	text-align:justify;
	width: 450px;
}
.partnersColor	{color:#304A96}


/*************************************************/
/*  Events  */
#MenuEvents {
	background-color:#68AD27;
	color: #ffffff;
	font-size:12px;
	padding-left: 200px;
	padding-top: 7px;
	height: 22px;
}
#MenuEvents .Active {font-weight: bold;}
#Events .Active {font-weight: bold;text-decoration:underline;}
#IMG #Events {padding-top: 20px;padding-left:20px;}

#Texte #Events {
	padding-top:20px;
	padding-bottom: 40px;
	padding-right: 40px;
	min-height: 394px;
	height: auto;
	text-align:justify;
	font-size: 12px;
	width: 450px;
}
.eventsColor	{color:#68ad27}

#Events .Titre {font-weight:bold;color:#68AD27;font-size:16px;}
#Events .TitreList {font-weight:bold;color:#68AD27;}

/*************************************************/
/*  AWARDS  */
#MenuAwards {
	background-color:#68AD27;
	color: #ffffff;
	font-size:12px;
	padding-left: 350px;
	padding-top: 7px;
	height: 22px;
}
#MenuAwards .Active {font-weight: bold;}
#Awards .Active {font-weight: bold;text-decoration:underline;}
#IMG #Awards {padding-top: 20px;padding-left:20px;}

#Texte #Awards {
	padding-top:20px;
	padding-bottom: 40px;
	padding-right: 40px;
	min-height: 394px;
	height: auto;
	text-align:justify;
	font-size: 11px;
	width: 450px;
}
.awardsColor	{color:#68ad27}

#Awards .Titre {font-weight:bold;color:#888888;}



/*************************************************/
/*	Others */
#MenuOthers {
	background-color:#ffffff;
	color: #000000;
	font-size:12px;
	padding-left: 10px;
	padding-top: 7px;
	height: 22px;
}
#MenuOthers a{color: #000000;}
#MenuOthers a:hover{color: #000000;}
#MenuOthers .Active {font-weight: bold;text-decoration:underline;}
#IMG #Others {font-size: 12px;}
#IMG #Others .Active {font-weight: bold;text-decoration:underline;}
#Texte #Others {
	padding-top:20px;
	padding-bottom: 40px;
	padding-right: 40px;
	min-height: 394px;
	height: auto;
	text-align:justify;
	font-size: 12px;
}

#Contact, #Sitemap{
	padding-top: 30px;
	padding-left: 0px;
}

/***********************************************************/
/************ STYLE POUR POPUP FILM ************************/

#film-titre			{text-align:left;padding-left:20px;font-size:22px;font-weight:bold;margin-bottom:6px;color:#4aa4d6;}
#film-soustitre		{text-align:left;padding-left:20px;font-size:16px;font-weight:bold;margin-bottom:30px;}
#film-txt			{text-align:left;padding-left:40px;padding-right:40px;text-align:justify;margin-top:20px;}