/* andreas02 - a free xhtml/css website layout by Andreas Viklund - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.

Version: 2.0 (Jan 29, 2007)

Screen layout: */

body {
padding:15px 0 0 0;
margin:0;
font:76% tahoma, verdana, sans-serif;
}

a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}

h1 {
margin:0 0 20px 0;
font-size:1.0em;
font-weight:normal
}
h2 {
margin: 30px 0 10px 0;
font-size: 1.2em;
font-weight: bold;
}
h3 {
margin:0 0 10px 10px;
font-size: 1.1em;
font-weight:bold;
}

p {
margin:0 0 15px 0;
padding: 0 10px 0px 10px;
line-height:1.5em;
}




/* Main container */

#container {
width: 960px;
margin: 0 auto 20px auto;
padding: 15px 20px 20px 20px;
}




/* Site title section */

#logo {
margin: 0px 0px 0px 5px;
float: left;
border: 0px solid #0000FF;
}

#logo a {
border: none;
}

#logo a: hover {
text-decoration: none;
border: none;
}

#logo p {
font-size: 1.4em;
font-weight: bold;
}

#logo p a {
border: none;
}

#logo p a: hover {
text-decoration: none;
border: none;
}

#logoimg {
float: right;
margin: 0px 0px 15px 0px;
border: 0px solid #0000FF;
}

#logoimg a {
border: none;
}

#logoimg a: hover {
text-decoration: none;
border: none;
}



/* Toptab menu */

#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 862px;
}

#toptabs p {
text-align: right;
}

.toptab {
padding: 4px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
}

.toptab:hover {
text-decoration:none;
}

.activetoptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
}

.activetoptab:hover {
text-decoration:none;
}




/* Navitab menu */

#navitabs {
clear: both;
}

.navitab {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
}

.navitab:hover {
text-decoration:none;
}

.activenavitab {
padding:4px 8px 5px 8px;
margin:0 0 5px 0;
font-size:1.1em;
text-decoration:none;
}

.activenavitab:hover {
text-decoration:none;
}




/* Header description */

#desc {
height: 90px;
clear: both;
margin: 5px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

#desc p {
width: 715px;
font-size: 1em;
line-height: 1.3em;
padding:0 0 0 15px;
}

#desc h2 {
padding: 0px 15px 0 15px;
}

#desc a {
text-decoration:none;
}

#desc_service {
height: 20px;
clear: both;
margin: 5px 0px 15px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
}




/* Main content */

#main {
width: 720px;
float:left;
padding: 0px 15px 0px 20px;
margin: 0px 0px 0px 0px;
border: 0px solid #000000;
}

.presentation {
text-align:justify;
padding:0px 0px 0px 0px;
margin-bottom:20px;
}




/* Sidebar */

#sidebar {
width:170px;
float:right;
margin:0 10px 0px 20px;
}

#sidebar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 15px 0px;
}

#sidebar dl {
margin:0px 0px 10px 10px
}
#sidebar dt {
margin:0px 0px 0px 0px
}

.sel_der	{
text-align:right;
padding:0px 10px 30px 0px
}




/* Footer */

#footer {
clear:both;
padding:0;
margin:0;
}

#footer a {
}

#footer a:hover {
}

#footer p {
text-align:center;
font-size:1.1em;
line-height:1.3em;
margin:15px 0 0 0;
padding:0;
}


#footer_bas {
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 100px;
border:0px solid #0000FF;
}

.col {
width: 250px;
position: absolute;
}
.col2 {
width: 250px;
margin-left: 270px;
position: absolute;
}
.col3 {
width: 250px;
margin-left: 540px;
}

.entete_col {
font-size: 12px;
border:0px solid #000000;
}
.corps_col {
margin: 7px 0px 0px 15px;
font-size: 11px;
line-height:1.3em;
border:0px solid #FF0000;
}




/* Menu droit drop/down */

#menu{
	width:170px;
	margin:10px auto 0 auto;
}
.menu, .sousmenu{
	text-align:left;
}
.sousmenud	{
	text-align:right;
}
.menu{
	height:18px;
	width:170px;
	padding:2px 0;
}
.menu a{
	display:block;
	width:100%;
	height:100%;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
.sousmenu{
	height:18px;
	width:170px;
	padding:1px 0;
}
.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	font-size:12px;
	text-decoration:none;
}
.sousmenud{
	height:18px;
	width:170px;
	padding:1px 0;
}
.sousmenud a{
	display:block;
	width:100%;
	height:100%;
	font-size:12px;
	text-decoration:none;
}
.menu a:hover, .sousmenu a:hover, .sousmenud a:hover, .menu a:active, .sousmenu a:active, .sousmenud a:active, .menu a:focus, .sousmenu a:focus, .sousmenud a:focus{
}




/* Various classes */

.photo {
padding:2px;
margin:0 0 8px 0;
}

.right {
margin-top:-8px;
text-align:right;
}

.block {
padding:10px;
}

.hide {
display:none;
}

.prem	{
position: absolute;
display: inline;
width: 200px;
line-height: 1.4em;
}
.deuz	{
margin-left: 210px;
display: inline;
font-style: italic;
line-height: 1.4em;
}

.retrait	{
padding-left:10px;
}

.commentaire	{
background-image:url('http://www.web-soluces.net/contenu gratuit, services GRATUITS/commentaire_pointilles.gif');
background-repeat:repeat-y;
}
.commentaire_interieur	{
padding-left:40px;
}
.commentaire_img	{
margin-left: -13px;
position:absolute;
}




/* Tableaux */

.tab_0	{
padding: 0px;
border: 0px solid #000000;
}

.tab_0_1	{
width: 50px;
position: absolute;
padding: 0px 0px 0px 10px;
border: 0px solid #000000;
font-size: 1.0em;
line-height: 1.4em;
}
.tab_0_2	{
width: 250px;
position: absolute;
margin-left: 60px;
display: inline;
font-size: 1.0em;
font-weight: bold;
line-height: 1.4em;
}
.tab_0_3	{
margin-left: 310px;
display: inline;
font-style: italic;
font-size: 1.0em;
font-weight: italic;
line-height: 1.4em;
}

.tab_1_1	{
position: absolute;
padding: 0px 0px 0px 10px;
border: 0px solid #000000;
line-height: 1.4em;
}
.tab_1_2	{
position: absolute;
margin-left: 140px;
display: inline;
font-weight: bold;
line-height: 1.4em;
}
.tab_1_3	{
margin-left: 370px;
display: inline;
font-style: italic;
font-weight: italic;
line-height: 1.4em;
}

.tab_2_1	{
position: absolute;
padding: 0px 0px 0px 10px;
border: 0px solid #000000;
line-height: 1.4em;
}
.tab_2_2	{
position: absolute;
margin-left: 80px;
display: inline;
font-weight: bold;
line-height: 1.4em;
}
.tab_2_3	{
margin-left: 310px;
display: inline;
font-style: italic;
font-weight: italic;
line-height: 1.4em;
}

.tab_A_1	{
padding: 0px 0px 0px 10px;
border: 0px solid #000000;
line-height: 1.4em;
}

#vote_comm	{
float: left;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
width: 55%;
height: 80px;
}
#vote_comm p	{
padding: 4px 0px 4px 10px;
margin:  0px 0px 0px 0px;
}
#navigation	{
float: left;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
width: 41%;
height: 80px;
}
#navigation p	{
padding: 4px 0px 4px 10px;
margin:  0px 0px 0px 0px;	
}





#menu{
	width:170px;
	margin:10px auto 0 auto;
}
.menu, .sousmenu{
	text-align:left;
}
.sousmenud	{
	text-align:right;
}
.menu{
	height:18px;
	width:170px;
	padding:2px 0;
	background:#D6E3EA;
}
.menu a{
	display:block;
	width:100%;
	height:100%;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	background:#D6E3EA;
}
.sousmenu{
	height:18px;
	width:170px;
	padding:1px 0;
	background:#F5F9FB;
}
.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	font-size:12px;
	text-decoration:none;
	background:#F5F9FB;
}
.sousmenud{
	height:18px;
	width:170px;
	padding:1px 0;
	background:#F5F9FB;
}
.sousmenud a{
	display:block;
	width:100%;
	height:100%;
	font-size:12px;
	text-decoration:none;
	background:#F5F9FB;
}
.menu a:hover, .sousmenu a:hover, .sousmenud a:hover, .menu a:active, .sousmenu a:active, .sousmenud a:active, .menu a:focus, .sousmenu a:focus, .sousmenud a:focus{
	background:#D6E3EA;
}

/* Blagues */
.blague	{
padding: 10px 10px 10px 10px;
margin:  5px 0px 20px 0px;
}

#search	{
padding: 7px 0px 4px 0px;
margin:  5px 0px 20px 0px;
border: 1px solid #000000;
}