/* - - - - - - - - - - - - - - - - - - - - -

Titre : CSS écran pour le site renov-bat25.com
Auteur : Franck SCHNEIDER - FRANKONCEPT
URL : http://www.frankoncept.com

Description : Sans

Créée le : 28/02/2006
Modifiée le  : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{ margin:0; padding:0;}	

html{}	

body{
	font-size: 0.9em; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg.gif);
	}

/* ----- IDS ----- */

#container{
	width: 791px; /*border : solid 1px #AAA;*/
	padding: 0 13px;
	margin: 0 auto;
	background-image:url(../images/bg_container.gif);
	background-repeat:repeat-y;
	}	

#header {
	border-top : solid 5px #FFF;
	height : 179px;
	width:763px;	
	background-image:url(../images/bg_renov.jpg);
	background-repeat:repeat-x;
	border: solid 0px #000;
	float:left;
	}
#header img { border:0;}

#anim_flash	{ 
	float:right;
	}
	
#primaryContent{
	float:left;
	width : 239px;
	padding-left: 16px;
	margin-top: 0 ! important;
	margin-top: -65px;
	}	

#secondaryContent{
	float:left;
	width : 500px;
	color : #4C4C4C;
	padding: 5px 20px 5px 10px;
	margin-top: 0 ! important;
	margin-top: -70px;
	z-index:2;
}	

#coordonnees {
	/*padding-left : 15px;*/
	width: 219px;
	background-image:url(../images/bloc_g_repeat.gif);
	background-repeat:repeat-y;
	margin-bottom: 15px;
	color:#4C4C4C;
	font-size:0.9em;
	}

#coordonnees p { padding: 0 14px; }

#navigation { padding-bottom:30px; clear:both;}
#navigation a { text-decoration:none; font-size : 1.0em; font-weight:bold; color:#4C4C4C;}
#navigation a:hover { color : #DF982D;}
#navigation ul { list-style-type:none; padding-bottom: 5px;}	
#navigation li { text-align:right; padding: 4px 10px 3px 0; border-bottom: solid 1px #66B8FF; line-height: 20px; }	
#navigation .last { border: 0; }

#current a { color:#DF982D; }

#numtel { float:right; margin-right:15px;}

#illus_gauche { margin-left: -16px; padding-bottom:20px;}
#illus_gauche img {border-top: solid 3px #FFF; border-bottom: solid 2px #FFF;}
	
#footer{
	clear:both;
	background-color:#20C5F0;
	width:753px;
	border-bottom : solid 5px #FFF;
	padding: 5px;
	font-size:0.7em;
	
	}

/* ----- CLASSES ----- */

.hide{
}
.show{
}

.illus {
	border : solid 1px #777;
	padding:2px;
	margin: 0 5px 0 5px;
}
.right { float: right; }
.left  { float: left; }

.highlight {
	font-family:'Century gothic', "Times New Roman", Times, serif;
	font-style:italic;
	text-align:left;
	font-weight: bold;
	color: #E29A2D;
	}

/* ----- HEADINGS ----- */

h1{ font-size : 1.3em; padding: 0.5em 0;
}
h2{ font-size : 1.2em; padding: 0.9em 0 0.2em 0; clear:both;
}
h3{ font-size : 1.1em; padding: 1.1em 0 0.1em 0;
}
h4{ font-size : 1.0em; padding: 0.5em 0;
}

/* ----- PARAGRAPHS ----- */

p{
	padding-top: 0.3em;
}


/* ----- LISTS ----- */

li{ padding: 0.2em 0;
}
ul{
	list-style-type:square;
	list-style-position:inside;
	padding: 0.01em 1em;
}

/* ----- IMAGES ----- */

img{
}
img a{
}
img a:hover{
}

/* ----- FORMS ----- */

form{ margin:0; padding:0;}
label{ width: 100%; float:left; margin-bottom: 2px; font-weight:normal; font-size: 0.8em;}
input{ font-size:0.8em;}

/* ------ FORMS ---------- */

/**
 * CONTACT - Formulaire
 */

.reponse { font-size : 0.8em; }
 
#form_contact { padding: 0 15px 15px 0; float:left; width: 250px;}
#form_contact p { padding: 0 0 8px 0;}
#form_contact input { width: 220px; padding: 1px; }
#form_contact textarea { width: 220px;  height:70px;}
#form_contact .checkbox {  width : 15px; }
#form_contact .annotation { font-size: 0.7em;}