/*
	_templates/css-site-template

	CSS pour les sites Web modèles

	Styles pour les visuels, menus, etc. Les styles pour les contenus sont dans css-contenus-template
	Dernière mise à jour: 2014-12-29
*/



body
{
	background: #CA8C5E url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAKDCAIAAACc/B3yAAABe0lEQVR42u2bwRECMQwDeVz/HVIIL1FDGJLI0vLf4ZxYsp3cPfq8Xyu/57X4AwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABIArQIyC4GsUoeQS//g+xiOJBLCti4A0FrvmtIASYwP2hFuLeQ6MQYMgQU4HwBZizHGAy9dXvPZ2gzEe6Na2ACt7IVTbdk64FH2q0HOUrUcJUaJSrDIy8U19FVojgUd09xAUGXDq+Ns+iBoAt7PgTEHHctWysPEdSohwgBRRwi2CWfEl7waHxJRQm3xwFWGTGAd26c4YFUpbcmbFyCL1FQZpoxzfqWBotGd6ovBbg3ZmyiaU4dhmoa98bIbpkA7m3xSHw1Rcn6W2pQp0tKVueHXJ3Ot5oalR/JMtJMLSiFhzkJ3lp6t9sY9PayG3F7zDWnRdCqTA1qnEnyVdo9RdFhQqGKjq2ihQVFlatEnS5Z1s5OYPuk2LlKfr3GD3qg7LY0J4zHDoAS9qFzpymKtNKU3WM7/QU6XCvRKAaEqAAAAABJRU5ErkJggg==) repeat-x;
}



/* ----- En-tête ---- */

#entete
{
	margin: 25px 0;
	min-width: 978px;
	max-width: 1227px;
	margin-left: auto;
	margin-right: auto;
}

#entete img
{
	display: block;
	border: none;
	margin-left: auto;
	margin-right: auto;
}

#contenu_wrapper
{
	padding: 50px 20px 20px 20px;
	background: #DCB496 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAEtCAIAAACOAnfxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUaN7t2dENAzEIA9B8ZP+Nuka36Ax0hlSKjuKXf3ThsI0h+/N+rZOz1+HZVevyF2YEVLsr1YAcIgMOKbcrMelIaPxQ6eu/NbI/0NaUpOs+RWnrX2KpBqA11OhSbybxMU5XP3iz0ilWOlK9WWk2dO7mRMvqAY2iGnLQ42ZtHY5Vw6RIKo0DAu7KTOT7g0cXM9BjlS5JIxA+NJb7TO+Noi34YJOYg1ZvKLy3gMZotYVDUXww4rPSRECAcQAfEirdrXBfSZ1f3Ig19PAAAAAASUVORK5CYII=) repeat-x;
	border: 1px solid #CA8C5E;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#contenu
{
	background-color: #FDF7EB;
/*	padding: 20px 50px 30px 50px; */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}



/* --- Coins pour décoration visuelle de la zone de contenu --- */
/* Note: on affiche les coins décoratifs avec des DIVs car IE7/IE8 ne supporte pas les backgrounds multiples */

#coin_haut_gauche,
#coin_haut_droite,
#coin_bas_gauche,
#coin_bas_droite
{
	position: absolute;
	background-repeat: no-repeat;
}

#coin_haut_gauche
{
	top: 0;
	left: 0;
	background-position: left top;
}

#coin_haut_droite
{
	top: 0;
	right: 0;
	background-position: right top;
}

#coin_bas_gauche
{
	bottom: 0;
	left: 0;
	background-position: left bottom;
}

#coin_bas_droite
{
	bottom: 0;
	right: 0;
	background-position: right bottom;
}




/* ----- Navigation (menu principal et secondaire) ----- */

#menu_principal
{
	background: #FEFAF3;
	left: 20px;
	box-shadow: 0px 5px 15px rgba(80,80,80,0.5);
	-moz-box-shadow: 0px 5px 15px rgba(80,80,80,0.5);
	-webkit-box-shadow: 0px 5px 15px rgba(80,80,80,0.5);
}

#menu_principal ul.niveau1 li a
{
/*	text-shadow: rgba(160,160,160,0.50) 1px 1px 2px; */
	padding: 5px 20px 5px 20px;
	border-bottom: 1px solid #CA8C5E;
	border-right: 1px solid #CA8C5E;
}

#menu_principal ul.niveau1 li.first a
{
	border-left: 1px solid #CA8C5E;
}

#menu_principal ul.niveau1 li a:hover
{
	color: #FFF;
	background: #D5A074;
	background: #CA8C5E;
}

#menu_principal ul.niveau1 li:hover ul.niveau2
{
	display: block;
}

#menu_principal ul.niveau2
{
	background: #FEFAF3;
	box-shadow: 0px 15px 15px rgba(80,80,80,0.25);
	-moz-box-shadow: 0px 15px 15px rgba(80,80,80,0.25);
	-webkit-box-shadow: 0px 15px 15px rgba(80,80,80,0.25);
}


#menu_principal ul.niveau2 li a
{
/*	text-shadow: rgba(160,160,160,0.50) 1px 1px 2px; */
	padding: 5px 20px 5px 20px;
	border-right: 1px solid #CA8C5E;
	border-bottom: none;
	border-left: 1px solid #CA8C5E;
}

#menu_principal ul.niveau2 li.first a
{
	border-top: 1px solid #CA8C5E;
	margin-top: -1px;
}

#menu_principal ul.niveau2 li.last a
{
	border-bottom: 1px solid #CA8C5E;
}

#menu_secondaire
{
	width: 982px;
}

#menu_secondaire ul li a
{
	color: #FFF;
	background: #CA8C5E;
	background: #D5A074;
	padding: 3px 10px;
	border-bottom: 1px solid #CA8C5E;
	border-right: 1px solid #CA8C5E;
}

#menu_secondaire ul li.first a
{
	border-left: 1px solid #CA8C5E;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

#menu_secondaire ul li.last a
{
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#menu_secondaire ul li a:hover
{
	color: #FFF;
	background: #B58054;
}



/* ----- Footer (Copyright, logo Mac pour le site du TTC et logo du TTC pour les sites génériques) ----- */

#footer
{
	background: #432510;
	padding: 5px;
	border-top: 1px solid #FFF;
	height: 5.5em;
	min-height: 86px;
}

#footer #realisation
{
	position: absolute;
	right: 0;
	top: 0;
	float: right;
}

#footer #copyright p
{
	top: 2.5em;
}