/*	-------------------------------------------------------------
	Nom du client
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure du site
	Nom fichier:	structure.css
	Version:		1.0
	Date:			29/07/2007
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	background-color: #191919;
	background-image:url(../images/ttu-page.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A3A3A3;
	text-align: center;
	padding:0px;
	padding-bottom:20px;
	margin:0px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A3A3A3;
}



/*	-------------------------------------------------------------
	Couleurs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.colblack {display:block; width:100%; background-color:#000}

/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#container {
	display:block;
	text-align: center;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 714px;
}

#containerint {
	display:block;
	text-align: center;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 922px;
}


#cadreaccueil {
	display:block;
	width:714px;
	background-color:#000000;
	border:#FFFFFF solid 3px;
}

#cadreinterne {
	display:block;
	width:922px;
	background-color:#000000;
	border:#FFFFFF solid 3px;
	text-align:center;
}

#cadreic {
	display:block;
	width:913px;
	background-image: url(../images/ttu-ic.gif);
	background-repeat:repeat-y;
	background-position:top;
	margin-right: auto;
	margin-left: auto;
}

#cadreshop {
	display:block;
	width:913px;
	background-image: url(../images/ttu-shop.gif);
	background-repeat:repeat-y;
	background-position:top;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:18px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

#cadrecontent {
	display:block;
	width:913px;
	background-image: url(../images/ttu-content.gif);
	background-repeat:repeat-y;
	background-position:top;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:18px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

#cadreshopgauche {display:block; float:left; width:198px; position:relative; left:0px;}
#cadrepanier1 {display:block; width:180px; background-color:#2E2C2C; text-align:center; min-height:125px; height:auto !important; height:125px;}
#cadrepanier2 {display:block; width:160px; margin:auto; text-align:left;}
#cadreshopdroite {display:block; float:left; width:711px; position:relative; left:4px;}

#blockcarousel {display:block; width:100%; background-color:#212121;}
#cadreshopm1 {display:block; float:left; width:466px; position:relative;}
#cadreshopm2 {display:block; float:left; width:243px; position:relative; left:2px; text-align:left;}
#shoptt1 {background-color:#434343; width:100%; min-height:24px; height:auto !important; height:24px; text-align:left}
#navficheg {float:left; display:block; width:85px; text-align:right;}
#navfiched {float:right; display:block; width:75px; text-align:left;}

#associatett {display:block; background-color:#434343; text-align:left; min-height:30px; height:auto !important; height:30px;}
#associateblock {display:block; background-image: url(../images/ttu-associes.gif); background-position:top; background-repeat:repeat-y; min-height:305px; height:auto !important; height:305px;}
#assopdt-z1a {position:relative; float:left; left:1px; width:234px; background-color:#000000; margin-bottom:2px;}
#assopdt-z1b {position:relative; float:left; left:4px; width:234px; background-color:#000000; margin-bottom:2px;}
#assopdt-z1c {position:relative; float:left; left:8px; width:234px; background-color:#000000; margin-bottom:2px;}

#assopdt-z2a {position:relative; float:left; left:1px; width:234px; text-align:left}
#assopdt-z2b {position:relative; float:left; left:4px; width:234px; text-align:left}
#assopdt-z2c {position:relative; float:left; left:8px; width:234px; text-align:left}

#assopdt-z3a {position:relative; float:left; left:1px; width:234px; text-align:left}
#assopdt-z3b {position:relative; float:left; left:4px; width:234px; text-align:left}
#assopdt-z3c {position:relative; float:left; left:8px; width:234px; text-align:left}

#assonav {display:block; background-color:#212121}
#assopan1 {float:left; display:block; width:80px; margin-left:4px;}
#assopan2 {float:right; display:block; width:137px; margin-right:4px;}


/*	-------------------------------------------------------------
	Formulaire
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.boite {
	padding: 5px;
}
.boite h1 { font-size: 15px; margin: 0; text-transform: uppercase; }
.boite h2 { font: 12px verdana; margin: 0; }
.boite label { display: block; float: left; font-size: 11px; width: 90px; margin-left: 10px !important; margin-left: 5px; margin-top: 9px; }
.boite input, .boite select { margin-top: 9px; width: 150px; font: 11px verdana; border: 1px solid black;}
.boite h3, .boite p, .boite textarea { font-size: 11px; margin-left: 20px; }
.boite textarea { width: 250px; height: 150px; }


/*	-------------------------------------------------------------
	Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menu {
	display:block;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 652px;
	height:45px;
}

#menu a:hover, #menu a.select { background-position: 0 -45px; }
.mn0, .mn1, .mn2, .mn3, .mn4 {
	display: block;
	position:relative;
	top:0px;
	float: left;
	height: 45px;
}

.mn0 { background: url(../images/mn0.gif) no-repeat; width: 71px; left:0px; }
.mn1 { background: url(../images/mn1.gif) no-repeat; width: 134px; left:0px; }
.mn2 { background: url(../images/mn2.gif) no-repeat; width: 151px; left:0px; }
.mn3 { background: url(../images/mn3.gif) no-repeat; width: 204px; left:0px; }
.mn4 { background: url(../images/mn4.gif) no-repeat; width: 92px; left:0px; }


/*	-------------------------------------------------------------
	Positionnement
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#poscartes {position:absolute; bottom:65px; left:52px;}
#poscc {position:absolute; bottom:26px; left:27px;}


/*	-------------------------------------------------------------
	Autres classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.listic {background-image:url(../images/nav-carres.gif); background-position:top left; background-repeat:no-repeat; padding-left:16px; margin-bottom:2px;}