@import "layout.css";
 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	color: #000;
	font-size: 80%;
	line-height: 1.6em;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-image: url(../img/background.png);
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

}

h1{
	font-size: 130%;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	
}

h2{
	font-size: 1.1em;
	text-align:center;	
	padding-top: 120px;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: 300;
}

h3{
	font-size: 130%;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
	color: #000066;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}

h4{
	font-size: 1.1em;
	text-align: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: 300;
}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}


pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}



input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #000;
}

a:visited{
	color: #663;
}

a:hover{
	color: #636;
}


.bulletPoint {
	margin: 0px;
	font-weight: bold;
	padding-right: 10px;
}

.bulletPointS {
	margin: 0px;
	font-weight: normal;
	padding-right: 10px;
}


/* Le contenu
-------------------------------------------------------- */
#bordersTB {
	background-image: url(../img/borders_cont_TB.png);
	background-position: left;
}


#rub_index {
	background-image: url(../img/visu_index.jpg);
	background-position: left top;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;	
}


#rub_accueil {
	background-image: url(../img/visu_accueil.jpg);
	background-position: left top;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;	

}

#rub_entretien {
	background-image: url(../img/visu_entretien.jpg);
	background-position: left top;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;	
}


#rub_forfaits {

	background-position: left top;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;	
}
#rub_coques {
	background-position: left top;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;	
}

#rub_contact {
	background-image: url(../img/visu_contact.jpg);
	background-position: left top;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;	
}
/*FORMULAIRE*/
.formulaire
{

font-family: "Microsoft", sans-serif;
font-size:12px;
font-weight: normal;
color: #bcbebe;
}
.formulaire_contact
{

font-family: "Microsoft", sans-serif;
background-color:#d5dae3;
font-size:12px;
font-weight: normal;
color: #333d3f;
}
.error{
color:red;
background-color: #FFFF99; 
font-size:60%;
font-weight:bold;
padding:2px;

}


/* La barre de navigation et le bord droit
-------------------------------------------------------- */
.sidebar {
	background-image: url(../img/background_sidebar.png);
	background-repeat: repeat-y;
	background-position: right;
	margin: 0px;
	padding: 0px;	
}
.bord_droit {
	background-image: url(../img/bckrgnd_cont_right.png);
	background-repeat: repeat-y;
	background-position: right;
}



/* Footer
-------------------------------------------------------- */
#footer{
	color: #000066;
	font-size: 90%;
}