/* CSS Document

------------------------------------------------------
Styles REPUCOM
Author:	Hervé Jolif
Version: 16 Aout 2006
------------------------------------------------------ */

@import url(typo.css);

* {
	padding: 0;
	margin: 0;
	}
body {
	text-align: center;
	color: #666;
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
	}
#accueil {
	background: #EdEEE7 url(../images/charte_graphique/fond_ecran.gif) top left repeat-x;
	}
#suite {
	background: #EdEEE7 url(../images/charte_graphique/fond_ecran_suite.gif) top left repeat-x;
	}
		


/* = conteneurs 
-------------------------------------- */
#conteneur_principal {
	background: transparent;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 100%;
	}
#conteneur_secondaire, #conteneur_secondaire_suite {
	background: url(../images/charte_graphique/fond_page.gif) top left repeat-y;
	position: relative;
	margin: 15px auto 0 auto;
	min-height: 100%;
	text-align: left;
	width: 836px;
	}

/* = tetière accueil
-------------------------------------- */
#tetiere {
	position: relative;
	display: block;
	background: url(../images/charte_graphique/fond_tetiere.gif) top left no-repeat;
	height: 201px;
	}
#suite #tetiere {
	height: 48px;
	background: url(../images/charte_graphique/fond_tetiere_suite.gif) top left no-repeat;
	}
#tetiere #logo {
	background: transparent url(../images/charte_graphique/logo_repucom.gif) no-repeat 0 0;
	position: absolute;
	left: 327px;
	}
#tetiere #logo a {
	border: 0;
	color: #FFF;
	background: transparent;
	margin: 0;
	display: block;
	overflow: hidden;
	padding: 47px 0 0 0;
	height: 0 !important;
	height /* */: 47px; /* valeur fausse pour IE4-5.x/Win. */
	width: 181px;
	}
#bandeau {
	position: absolute;
	top: 49px;
	left: 25px;
	display: block;
	width: 786px;
	height: 137px;
	}
#etiquette {
 	background-color: transparent;
	position: absolute;
	display: block;
	left: 0;
	top: 170px;
	text-indent: -9999px;
	}
#suite #etiquette {
	top: 32px;
	}	
#etiquette a {
	border: 0;
	display: block;
	text-decoration: none;
	height: 129px;
	width: 24px;
	background: transparent url(../images/charte_graphique/communigroup.gif) no-repeat;
	}
#suite #etiquette a {
	background: transparent url(../images/charte_graphique/communigroup_suite.gif) no-repeat;
	}	
#etiquette a:hover, #etiquette a:focus, #suite #etiquette a:hover, #suite #etiquette a:focus {
	background-position: -24px 0;
	}		
	
	
/* = colonnes & mise en page globale
-------------------------------------- */
#page { /* ENGLOBE LE MENU DE GAUCHE ET LE DIV PRINCIPAL */
	margin: 0 0 0 25px;
	background-color: transparent;
	padding: 0;
	width: 786px;
	/*clear: both;*/
	top: 0;
	}
#col_gauche {
	float: left;
	background: transparent url(../images/charte_graphique/fond_haut_col_gauche.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	width: 202px;
	}
#col_principale {
	background-color: transparent;
	margin-left: 202px;
	padding: 0 35px 30px 25px;
	}	
 
/* = boite encadree de gauche -- */ 
.fond_boite_gauche {
	/*position: relative;*/
	background: #F2F3F1 url(../images/charte_graphique/haut_encadre_gauche.gif) top left no-repeat;
	margin-left: 12px;
	margin-top: 0;
	width: 177px;
	}
.boite_gauche_haut {
	background: transparent url(../images/charte_graphique/haut_boite_gauche.gif) top left no-repeat;
	padding-top: 6px;
	}
.boite_gauche_bloc {
	background: transparent url(../images/charte_graphique/bas_boite_gauche.gif) bottom left no-repeat;	
	text-align: right;
	padding: 5px;
	}
#logos_gauche {
	position: relative;
	background-color: transparent;
	margin-left: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 200px;
	text-align: center;
	}

#logos_gauche img {
	padding: 5px;
	}
	
	
/* = menu
-------------------------------------- */
#menu {
	background: #FFF url(../images/charte_graphique/fond_menu_gauche.gif) top left no-repeat;
	display: block;
	top: 0;
	/*position: relative;*/
	margin: 0 0 0 25px;
	padding: 0;
	/*left: /*25px; 135px;*/
	width: /*786px;*/ 676px;
	}
#suite #menu {
	top: 48px;
	}
	
ul#nav {
	width: /*786px;*/ 676px;
	height: 50px;
	padding: 0;
	margin: 0 0 0 110px;
	}
ul#nav li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	}
ul#nav li a {
	border: 0;
	display: block;
	text-decoration: none;
	background: transparent url(../images/charte_graphique/menu/menu_global.gif) no-repeat;
	}
li#home a {
	height: 50px;
	width: 92px;
	}	
li#company_profile a, li#what_we_do a, li#technology a, li#demo a, li#clients a, li#partners a {
	height: 50px;
	width: 88px;
	}
li#login a {
	height: 50px;
	width: 56px;
	}
li#company_profile a:link, li#company_profile a:visited {
	background-position: -92px 0;
	}	
li#what_we_do a:link, li#what_we_do a:visited {
	background-position: -180px 0;
	}
li#technology a:link, li#technology a:visited {
	background-position: -268px 0;
	}
li#demo a:link, li#demo a:visited {
	background-position: -356px 0;
	}
li#clients a:link, li#clients a:visited {
	background-position: -444px 0;
	}		
li#partners a:link, li#partners a:visited {
	background-position: -532px 0;
	}
li#login a:link, li#login a:visited {
	background-position: -620px 0;
	}	
	
		
li#home a:hover, li#home a:focus {
	background-position: 0px -50px;
	}
li#company_profile a:hover, li#company_profile a:focus {
	background-position: -92px -50px;
	}	
li#what_we_do a:hover, li#what_we_do a:focus {
	background-position: -180px -50px;
	}
li#technology a:hover, li#technology a:focus {
	background-position: -268px -50px;
	}		
li#demo a:hover, li#demo a:focus {
	background-position: -356px -50px;
	}
li#clients a:hover, li#clients a:focus {
	background-position: -444px -50px;
	}					
li#partners a:hover, li#partners a:focus {
	background-position: -532px -50px;
	}
li#login a:hover, li#login a:focus {
	background-position: -620px -50px;
	}
	

/* = menus selectionés -- */
li#home_selected a {
	height: 50px;
	width: 92px;
	}
li#company_profile_selected a, li#what_we_do_selected a, li#technology_selected a, li#demo_selected a, li#clients_selected a, li#partners_selected a {
	height: 50px;
	width: 88px;
	}
li#login_selected a {
	height: 50px;
	width: 56px;
	}	
li#home_selected a:link, li#home_selected a:visited {
	background-position: 0 -50px;
	}
li#company_profile_selected a:link, li#company_profile_selected a:visited {
	background-position: -92px -50px;
	}
li#what_we_do_selected a:link, li#what_we_do_selected a:visited {
	background-position: -180px -50px;
	}
li#technology_selected a:link, li#technology_selected a:visited {
	background-position: -268px -50px;
	}
li#demo_selected a:link, li#demo_selected a:visited {
	background-position: -356px -50px;
	}
li#clients_selected a:link, li#clients_selected a:visited {
	background-position: -444px -50px;
	}
li#partners_selected a:link, li#partners_selected a:visited {
	background-position: -532px -50px;
	}
li#login_selected a:link, li#login_selected a:visited {
	background-position: -620px -50px;
	}	
	
		


/* = pied de page
-------------------------------------- */	
#footer {
	position: relative;
	top: 0;
	width: 100%;
	display: block;
	background: url(../images/charte_graphique/fond_footer.gif) top left;
	/*height: 37px;*/
	margin: 0;
	padding: 0;
	}
#boite_footer {
	width: 786px;
	margin: 0 auto;
	text-align: right;
	/*height: 37px;*/
	}	
#cartouche {
	display: block;
	text-align: left;
	float: left;
	padding: 8px 0 10px 20px;
	width: 255px;
	}
#declika {
	display:block;
	float:right;
	text-align: left;
	font-size: 9px;
	color: #25570a;
	margin: 0;
	padding: 0;
	margin-top: 2px;
	}	
#declika a:link, #declika a:visited {
	text-decoration: none;
	color: #25570a;
	}
#declika a:hover, #declika a:focus {
	text-decoration: none;
	color: #25570a;
	}	
		
/* = divers
-------------------------------------- */
hr {
	clear:both;
	visibility:hidden;
	}
img {
	border: 0;
	}
#col_principale .paragraphes img {
	float: left;
	margin-right: 10px;
	}
.paragraphes_partenaires img{
	float: right;
}	
#col_principale .drapeaux img {
	float: right;
}		
.image_droite {
	margin-left: 20px;
	}		
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
.spacer {
	clear:both;
	height:10px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
.centrage {
	display:inline;
	vertical-align:middle;
	}	

table {
	width: 520px;
	margin: 1em 0;
	}
.bordure_images {
	border: solid 1px #CCC;
	}
	
table ul {
	padding-left: 15px;
}
.colonne_large {
	width: 45%;
}
.droite {
	text-align:right;
	}
.colonne_small {
	width: 10%;
}
.colonne_equi {
	width: 33%;
	}
.grosse_fleche {
	background: transparent url(../images/grosse_fleche.gif) top left no-repeat;
	height: 100px;
	}
.grosse_fleche td {
	text-align: center;
	color: #FFF;
	}	
.fleche {
	width: 500px;
	margin: 34px 10px 25px 10px;
	}
.cell_fleche {
	width: 33%;
	}
.pave {
	background: transparent url(../images/encadrement.gif) top left no-repeat;
	height: 45px;
	color: #FFF;
	text-align: center;
	padding: 12px 0; 
	}
.elipse {
	background: transparent url(../images/elipse_verte.gif) top left no-repeat;
	height: 120px;
	color: #FFF;
	text-align: center;
	}
.elipse h3 {
	color: #FFF;
	font-size: 18px;
	line-height: 1em;
	}
.trois_fleches {
	background: transparent url(../images/3_fleches.gif)  top left no-repeat;
	height: 71px;
	color: #FFF;
	text-align: center;
	}
/* = formulaire
-------------------------------------- */	
#formulaire {
	margin: 0;
	padding: 0;
}
#formulaire table {
	margin:0;
	padding:0;
	width: 500px;
	}	
	
#formulaire fieldset {
	margin: 30px 0 10px 0;
	padding: 0 5px 0 5px;
	border: 1px solid #AAA;
	}
#formulaire legend {
	color:#337526;
	background: transparent;
	}
#formulaire .normal {
	background: #ECECEC;
	color: #666;
	}
#formulaire .vide {
	background: #F8F8F8;
	}
#formulaire .focus {
	background: #FFF;
	color: #337526;
	}
/* = breaking news
-------------------------------------- */
#news {
	margin-top:8px;
	display:block;
	width:79px;
	height:72px;
	float:right;
	}
#news a {
	text-indent: -9999px;
	display: block;
	width:79px;
	height:72px;
	background: transparent url(../images/breaking_news.jpg) left top no-repeat;
	}
#news a:hover {
	background-position:0 -72px;
	}		
	
	
/* = Drapeaux
-------------------------------------- */	
#drapeaux {
 	background-color: transparent;
	position: absolute;
	display: block;
	left: 0;
	top: 170px;
	}
ul#lang {
	width: /*786px;*/ 24px;
	height: 83px;
	padding: 0;
	margin: 0;
	}
ul#lang li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;
	}
ul#lang li a {
	border: 0;
	display: block;
	text-decoration: none;
	background: transparent url(../images/charte_graphique/new_drapeaux.jpg) no-repeat;
	}
li#english a, li#english_selected a {
	height: 27px;
	width: 24px;
}
li#japanese a, li#japanese_selected a {
	height: 25px;
	width: 24px;
	}
li#corean a, li#corean_selected a {
	height: 31px;
	width: 24px;
	}
li#english a:link, li#english a:visited {
	background-position: -25px 0;
	}
li#japanese a:link, li#japanese a:visited {
	background-position: -25px -27px;
	}
li#corean a:link, li#corean a:visited {
	background-position: -25px -52px;
	}
li#english a:hover {
	background-position: 0 0;
	}
li#japanese a:hover {
	background-position: 0 -27px;
	}		
li#corean a:hover {
	background-position: 0 -52px;
	}
li#english_selected a:link, li#english_selected a:visited {
	background-position:0 0;
	}
li#japanese_selected a:link, li#japanese_selected a:visited	{
	background-position:0 -27px;
	}
li#corean_selected a:link, li#corean_selected a:visited	{
	background-position:0 -52px;
}