/* CSS Document

------------------------------------------------------
Styles REPUCOM
Author:	Hervé Jolif
Version: 15 Fevrier 2007
------------------------------------------------------ */

@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_tse_big.gif) no-repeat 0 0;
	position: absolute;
	left: 201px;
	top: 2px;
	}
#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: 439px;
	}
#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#what_we_do a, li#why_tse a, li#tse_asia a, li#clients a {
	height: 50px;
	width: 117px;
	}
li#contact a {
	height: 50px;
	width: 116px;
	}
li#what_we_do a:link, li#what_we_do a:visited {
	background-position: -92px 0;
	}	
li#why_tse a:link, li#why_tse a:visited {
	background-position: -209px 0;
	}
li#tse_asia a:link, li#tse_asia a:visited {
	background-position: -326px 0;
	}
li#clients a:link, li#clients a:visited {
	background-position: -443px 0;
	}
li#contact a:link, li#contact a:visited {
	background-position: -560px 0;
	}		
		
li#home a:hover, li#home a:focus {
	background-position: 0px -50px;
	}
li#what_we_do a:hover, li#what_we_do a:focus {
	background-position: -92px -50px;
	}	
li#why_tse a:hover, li#why_tse a:focus {
	background-position: -209px -50px;
	}
li#tse_asia a:hover, li#tse_asia a:focus {
	background-position: -326px -50px;
	}		
li#clients a:hover, li#clients a:focus {
	background-position: -443px -50px;
	}
li#contact a:hover, li#contact a:focus {
	background-position: -560px -50px;
	}					

/* = menus selectionés -- */
li#home_selected a {
	height: 50px;
	width: 92px;
	}
li#what_we_do_selected a, li#why_tse_selected a, li#tse_asia_selected a, li#clients_selected a {
	height: 50px;
	width: 117px;
	}
li#contact_selected a {
	height: 50px;
	width: 116px;
	}	
li#home_selected a:link, li#home_selected a:visited {
	background-position: 0 -50px;
	}
li#what_we_do_selected a:link, li#what_we_do_selected a:visited {
	background-position: -92px -50px;
	}
li#why_tse_selected a:link, li#why_tse_selected a:visited {
	background-position: -209px -50px;
	}
li#tse_asia_selected a:link, li#tse_asia_selected a:visited {
	background-position: -326px -50px;
	}
li#clients_selected a:link, li#clients_selected a:visited {
	background-position: -443px -50px;
	}
li#contact_selected a:link, li#contact_selected a:visited {
	background-position: -560px -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;
	}
#boite_footer p {
	color: #fff;
	}	
#declika {
	display:block;
	float:right;
	text-align: left;
	font-size: 9px;
	color: #c5aada;
	margin: 0;
	padding: 0;
	margin-top: 2px;
	}	
#declika a:link, #declika a:visited {
	text-decoration: none;
	color: #c5aada;
	}
#declika a:hover, #declika a:focus {
	text-decoration: none;
	color: #c5aada;
	}	
		
/* = 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:#3F1F4A;
	background: transparent;
	}
#formulaire .normal {
	background: #ECECEC;
	color: #666;
	}
#formulaire .vide {
	background: #F8F8F8;
	}
#formulaire .focus {
	background: #FFF;
	color: #3F1F4A;
	}