/**********************************************/
/*           STRUCTURE DU SITE                */
/**********************************************/


body
{
	margin: 0;
	padding: 20px 0px 60px 0px;
	border: 0;
	background: #C0DAEF;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666;
}

#page
{
	margin: auto;
	padding: 0;
	border: 0;
	width: 757px;
	background: #fff url(http://www.turpitudes.com/blip/theme/fond_page.gif) repeat;
	text-align: left;
}

#entete
{
	margin: 0;
	padding: 20px 18px 5px 18px;
	background:  #fff url(http://www.turpitudes.com/blip/theme/fond_entete.jpg) no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #fff;
}


#contenu_principal
{
	clear: left;
	float: left;
	margin: 0;
	padding: 10px 20px 10px 20px;
	width: 450px;
	background: transparent;
}

html>#contenu_principal {
	width: 450px;
}

#barre_laterale
{
	float: right;
	margin: 0;
	padding: 10px 20px 10px 0;
	width: 235px;
	border: 0;
	line-height: 14px;
	background: transparent;
}


#pied_de_page {
	clear: both;
	margin: 0;
	padding: 10px 10px 5px 10px;
	border: 0;
	background: #C0DAEF url(http://www.turpitudes.com/blip/theme/fond_pied_de_page.jpg) no-repeat;
	text-align: center;
	font-size: 10px;
	color: #666;
	height: 45px;
}

/**********************************************/
/*                  ENTETE                    */
/**********************************************/

.bandeau
{
	clear: left;
	display:  block;
	margin: auto;
	background: #fff url(http://www.turpitudes.com/blip/theme/bandeau.jpg) no-repeat;
	padding: 15px 0px 0px 20px;
	width: 697px;
	height: 135px;
	line-height: 24px;
	color: #fff;
}

.accroche
{
	float:left;
	width: 520px;
	height: 26px;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #C0DAEF;
}

.nom_site
{
	float:left;
	font-size: 18px;
}

.nom_site a:link,
.nom_site a:visited,
.nom_site a:hover,
.nom_site a:active
{
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #fff;
}

.sous_titre_site a:active
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #fff;
}

li#menu_accueil a
{
	background: #fff;
	border: 2px solid #1E73CD;
	border-bottom-color:#FFFFFF;
	color: #1E73CD;
	font-weight: bold;
	font-size: 14px; 
}

#entete .bandeau ul {
	border: 0;
	margin: 0;
	padding: 33px 0px 0px 0px;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#entete .bandeau ul li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 14px; 
}

#entete .bandeau ul li a
{
	background: transparent;
	float: left;
	height: 22px;
	border-bottom:: 2px solid #1E73CD;
	margin: 0;
	width: 113px;
	padding: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 21px;
	font-size: 14px; 
}

#entete .bandeau ul li a:active  {
	color: #fff;
	font-weight: bold;
	background: transparent; 
	border-bottom:: 2px solid #1E73CD;
	font-size: 14px; 
}

#entete .bandeau ul li a:hover, 
#entete .bandeau ul li a:focus
{
	color: #1E73CD;
	background: transparent;
	font-size: 12px;
	border-bottom:: 2px solid #1E73CD;
	font-weight: bold;
	font-size: 14px; 
}

/*********         ARBORESCENCE       *********/

.arborescence  
{
	display: block;
	clear: left;
	float: left;
	padding: 5px;
	color: #aaa;
	font-weight: normal;
}

.arborescence a:link,
.arborescence a:visited
{
	text-decoration: none;
	color: #aaa;
	font-weight: normal;
}

.arborescence a:hover,
.arborescence a:active
{
	text-decoration: none;
	color: #666;
	font-weight: normal;
}

/** Other **/

h1 {
	font-size: 18x;
	font-weight: bold;
	color: #4F5688;
	text-align: center;
}
img { border:0; }

.titre {
	font-size: 12x;
	font-weight: bold;
	color: #1E73CD;
}

div.box  {
	font-size: 11x;
	text-align: center;
	width: 490px;
	border: 1px solid #FFFFFF;
	margin: 0;
	pdding: 0;
}
.box a:link, .box strong {
	font-size: 12x;
	font-weight: bold;
	color: #1E73CD;
	text-decoration: none;
	margin: 0;
	pdding: 0;
}
.box a:visited {
	font-size: 11x;
	font-weight: bold;
	text-decoration: none;
	color: purple;
	margin: 0;
	pdding: 0;
}
.box a:hover {
	font-size: 12x;
	font-weight: bold;
	color: #1E73CD;
	text-decoration: underline;
	margin: 0;
	pdding: 0;
}
.thumb img { 
	margin: 0;
	pdding: 0;
}
.box strong { color:red; }


ul.menu {
   list-style-type: none;
	 text-align: left;
}
.menu a:link, .menu strong {
	font-size: 12x;
	font-weight: bold;
	color: #1E73CD;
	text-decoration: none;
	margin: 0;
	pdding: 0;
}
.menu a:visited {
	font-size: 11x;
	font-weight: bold;
	text-decoration: none;
	color: purple;
	margin: 0;
	pdding: 0;
}
.menu a:hover {
	font-size: 12x;
	font-weight: bold;
	color: #1E73CD;
	text-decoration: underline;
	margin: 0;
	pdding: 0;
}

a { color: #1E73CD; }