/*
	~ layout.css ~
	
	Styles liŽs aux gabarits des pages.
		
	By BeliG
	last update : 23-11-09
*/

/***** Structure globale *****/

html, body {
height:100%; }

body { 
color:#fff;
font:100%/1.3 Century Gothic, Verdana, Arial, sans-serif; }

div.centrer_design {
position:relative;
width:820px;
height:100%;
margin:0 auto; }

div#full_height {
position:relative;
min-height:100%; }

div#entete {
width:100%;
height:261px;
background:#231f20; }

div#conteneur_centre {
font-size:85%;
width:100%;
padding-bottom:72px; /* = hauteur footer */
background:transparent url(../img/layout/header_ombre.png) repeat-x top; }

div#images_defilantes {
width:100%;
height:240px;
overflow:hidden;
background:#231f20;
padding:10px 0;
margin-bottom:40px; }

div#footer {
width:100%;
position:absolute;
bottom:0;
left:0;
height:72px;
background:#231f20; }

/***** Entte *****/

div#entete_sepa {
width:816px;
height:8px;
position:absolute;
top:142px;
left:2px;
background:transparent url(../img/layout/header_sepa.png); }

	/* Logo */
	
h1 {
position:absolute;
top:34px;
left:15px;
width:260px;
height:81px;
background:transparent url(../img/layout/header_logo.png) no-repeat; }	
	
h1 a {
display:block;
width:100%;
height:100%;
text-indent:-9999px; }	

	/* Menus */
	
div#entete_menus ul li a {
display:block;
text-indent:-9999px;
background:transparent no-repeat center top; }

div#entete_menus ul li {
float:left; }

div#entete_menus ul li a:hover {
background-position:center bottom; }

	/* Menu principal */

div#menu_principal {
position:absolute;
top:178px;
left:0;
width:100%;
overflow:hidden; }	
	
div#menu_principal ul li a {
height:15px; }	
	
div#menu_principal ul li.trophees a {
width:181px;
background-image:url(../img/menus/main_trophees.png); }

div#menu_principal ul li.cadeaux a {
width:210px;
background-image:url(../img/menus/main_cadeaux.png); }	

div#menu_principal ul li.amenagement a {
width:230px;
background-image:url(../img/menus/main_amenagement.png); }	

div#menu_principal ul li.evenementiel a {
width:199px;
background-image:url(../img/menus/main_evenement.png); }	

	/* Menu secondaire */
	
div#menu_secondaire {
position:absolute;
top:203px;
right:0;
width:267px; /* Somme de toutes les largeurs des images du menu + Somme des paddings (nbre d'ŽlŽments - 1) */
overflow:hidden; }	
	/* news fait 31*/
div#menu_secondaire ul li {
padding-right:19px;
background:transparent url(../img/menus/sub_sepa.png) no-repeat right 8px; }	
	
div#menu_secondaire ul li.dernier {
padding-right:0;
background:none; }		
	
div#menu_secondaire ul li a {
height:12px; }	

div#menu_secondaire ul li.equipe a {
width:51px;
background-image:url(../img/menus/sub_equipe.png); }

div#menu_secondaire ul li.accueil a {
width:53px;
background-image:url(../img/menus/sub_accueil.png); }

div#menu_secondaire ul li.references a {
width:69px;
background-image:url(../img/menus/sub_references.png); }	

div#menu_secondaire ul li.news a {
width:31px;
background-image:url(../img/menus/sub_news.png); }	

div#menu_secondaire ul li.contact a {
width:107px;
background-image:url(../img/menus/sub_contact.png); }

/***** Conteneur centre *****/

	/* Titre */

div#titre {
padding-top:25px;
padding-bottom:10px; }

div#titre h2 {
text-indent:-9999px;
margin:0 auto;
margin-bottom:5px; }

div#titre_sepa {
width:435px;
height:24px;
margin:0 auto;
background:transparent url(../img/layout/h2_ombre_basse.png) no-repeat; }

	/* Sous-menu */

div#menu_contenu {
overflow:hidden;
padding:12px 20px;
margin-bottom:20px;
background:transparent url(../img/layout/ss_menu_fond.png) repeat; }

div#menu_contenu table {
width:100%;
border-collapse:collapse; }

div#menu_contenu table tr td {
padding:3px 0;
padding-right:40px; }

div#menu_contenu table tr td a {
padding-left:25px;
background:transparent url(../img/layout/ss_menu_star.png) no-repeat left center;  }

/***** Images dŽfilantes *****/

div#images_defilantes ul {
overflow:hidden; }

div#images_defilantes ul li {
float:left; }

div#images_defilantes ul li img {
height:243px; }

/***** Contenu *****/

div.ligne {
padding-bottom:40px;
overflow:hidden; }

div.colonne {
text-align:justify;
width:390px; }

div.colonne_gauche {
float:left; }

div.colonne_droite {
margin-left:430px; }

div.colonne_droite ul li{
margin-left:30px;
list-style:circle;
 }


/***** Footer *****/

div#footer_sepa {
position:absolute;
top:-5px;
left:0;
z-index:1;
width:100%;
height:5px;
background:transparent url(../img/layout/footer_degrade.png) repeat-x; }

p#copy {
text-align:center;
font-size:75%;
color:#aaa;
height:72px;
line-height:72px; }

p#copy a {
text-decoration:none;
color:#aaa; }

p#copy a:hover {
color:#ccc; }

	#logoParade div.scrollableArea img
	{
		float: left;
		margin-left:3px;
		margin-right:3px;
	}

	#logoParade
	{
        width:100%;
	}
p.tlarg{
text-align:justify;
}