/* Kit réalisé et codé par timestius.com */

body{
	margin: 0px; /* -20px du haut */
	background-color:#3399CC;
	font: 13px/1.1em Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, Georgia, sans-serif;
	color: #666666;
}

a { text-decoration:none; }
#contenu a:link, #contenu a:visited { color:#FF6600; text-decoration:none; }
#contenu a:hover { color:#333333; }


/* Blocs majeurs */

#tout { /* Site + colonnes infos  */
	margin: 0px auto;
	width: 980px;
	padding:0px;
}

#site { /* Englobe tout le site  */
	margin: 0px;
	padding:0px;
	width: 800px;
	float:left;
}

#gauche { /* Bloc Contenu */
	float: left;
	width: 226px;
	margin: 0px;
	padding:0px;
	background: url(img/fond_gauche.png) repeat-y;
	}
	
#droite { /* Bloc Menu */
	float: right;
	width: 574px;
	margin: 0px;
	padding:0px;
	background: url(img/fond_droite.png) repeat-y;
	}

#infos { /* Bloc de droite avec les infos pratiques */
	width: 150px;
	height:400px;
	margin:0px;
	margin-top:170px;
	padding:20px 15px;
	background: url(img/infos.gif) no-repeat;
	float:left;
}
	
#contenu {
	padding: 0px 25px;
	text-align:justify;
	}
	
#menu { /* Menu */
	padding-left:20px;
	}
	
#copyright { /* Footer contenu */
	height: 138px;
	background: url(img/copyright.png) no-repeat;
	}
	
#copyright p {
	text-align:center;
	font-size:11px;
	padding-top:70px;
	}
	
#menu_footer { /* Footer menu */
	height: 138px;
	background: url(img/bas_menu.png) no-repeat;
	}
	
	
#header {
	height: 185px;
	background: url(img/header.png) no-repeat;
	}
	
#logo { 
	height: 185px;
	background: url(img/logo.png) no-repeat;
	}

#logo img { 
	border:none;
	}

/* Blocs mineurs */

	
h1 {
	padding:3px;
	border-bottom:1px solid #FF6600;
	font-size:16px;
	margin-bottom:20px;
	font-weight: bold;
	margin-top:20px;
	padding-left: 25px;
	background-image: url("img/puce_h1.gif");
	background-repeat: no-repeat;
	background-position: 0px;
	color:#FF6600;
}

h1.programme {
	padding:3px;
	border-bottom:1px solid #CCC;
	font-size:13px;
	margin-bottom:10px;
	padding-left: 0px;
	background: none;
	color: #666666;
}
	
h2 {
	font-size:14px;
	color: #1E90FF;
	margin-top: 25px;
	margin-bottom:10px;
	padding-left: 20px;
	background-image: url("img/puce_h2.gif");
	background-repeat: no-repeat;
}

p {
	margin-top: 0px;
	padding: 0px 5px;
}

#contenu ul {
	margin-top:0px;
}

#contenu img {
	padding:10px;
}
	
#navigation { /* Sous le header */
	padding: 4px;
	padding-top: 5px;
	color:#99AF1B;
	text-align: right;
}

/* MENU LISTE */
#gauche #menu #navcontainer
{
margin-top:20px;
}

a.stretchtoggle, a.stretchtoggle_inerte {
display: block;
font-family: Arial;
padding: 5px;
width: 165px;
margin: 2px;
background-color: #686868;
border-left: 5px solid #FF6600;
color: #fff;
font-weight: bold;
}

a.stretchtoggle:hover, a.stretchtoggle_inerte:hover
{
background-color: #383838;
border-left: 5px solid turquoise;
color:yellow;
margin-bottom: 2px;
}

.stretcher {
	margin: 2px;
	list-style-type: none;
	padding:0px;
}

.stretcher a {
background-image: url(img/puce_menu.gif);
background-repeat: no-repeat;
background-position: 10px;
padding-left:25px;
color: #666;
}

.stretcher a:hover {
color: orange;
}

/* SPAN, COULEURS */

b {
	color: #222;
}
.orange {
	color:#FF6600;
	font-weight: bold;
	}
	
.bleu {
	color: #1E90FF;
	font-weight: bold;
}

.slogan {
	color: #fff;
	font-weight: bold;
}

input {
	border: 1px solid gray;
	padding: 2px;
	color:#FF9900;
	}

input:hover {
	color:#888888;
	}