/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; 
	background-color: #4f7382;
}



#content{
	width: 954px;
	height: 100%;
	margin: 0 auto;	
}

#footer{
	width: 100%;
	height: 100px;
	margin: 0 auto;
	clear: both;
	background-image: url(images/bg_footer.jpg);
	background-repeat:repeat-x;
}

#footer ul{
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	color: #ffffff;
}

#footer ul li{
	display: inline;
}

/*----ACCUEIL------------*/

#logo_accueil{
	border: none;
}

#header_accueil{
	width: 954px;
	height: 248px;
	margin: 0 auto;
	background-image:url(images/bandeau_accueil.jpg);
	background-repeat: no-repeat;
}

#header_services{
	width: 954px;
	height: 141px;
	margin: 0 auto;
	background-image:url(images/bandeau_services.jpg);
	background-repeat: no-repeat;
}

#header_contact{
	width: 954px;
	height: 143px;
	margin: 0 auto;
	background-image:url(images/bandeau_contact.jpg);
	background-repeat: no-repeat;
}

#gauche_accueil{
	width: auto;
	background-image:url(images/bg_gauche.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#droite_accueil{
	width: auto;
	background-image:url(images/bg_droite.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#centre{
	width: 954px;
	background-image:url(images/bg_droite.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#footer p.toptechnology{
	margin: 0 auto;
	text-align: center;
	padding: 5px 0 0 0;
	font-size:0.7em;
	color: #cccccc;
}

#footer p.toptechnology img{
	border: none;
}

#footer a{
	text-decoration: none;
	color: #ffffff;
}

#footer a:hover{
	text-decoration: underline;
}

/*----MENU-ACCUEIL------------*/

#menu_accueil span{
	display: none;
}

#bloc_menu{
	width: 197px;
	height: auto;
	float: left;
	background-image:url(images/bg_menu_accueil.jpg);
	background-repeat:repeat-x;
}

#menu_accueil{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 197px;
}

#menu_accueil li{
	margin: 0;
	padding: 0 0 5px 0;
}

#menu_accueil li a{
	color: #ffffff;
	font-size: 1.3em;
	text-decoration: none;
	font-weight: normal;
	padding: 10px 0 0 60px;
}

a#image1 { /* d?finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit ?tre en bloc */
     width: 132px; /* largeur de l'image r?active */
     height: 33px; /* hauteur de l'image r?active */
     background-image: url(images/menu_1.jpg); /* source de l'image de d?part */
     background-repeat: no-repeat;
}

a#image1:hover { 
     background-image: url(images/menu_1_2.jpg); /* source de l'image de d?part */
     background-repeat: no-repeat;
}

a#image2 { /* d?finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit ?tre en bloc */
     width: 132px; /* largeur de l'image r?active */
     height: 33px; /* hauteur de l'image r?active */
     background-image: url(images/menu_2.jpg); /* source de l'image de d?part */
     background-repeat: no-repeat;
} 

a#image2:hover { 
     background-image: url(images/menu_2_2.jpg); /* source de l'image de d?part */
     background-repeat: no-repeat;
}
	 
a#image3 { /* d?finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit ?tre en bloc */
     width: 132px; /* largeur de l'image r?active */
     height: 33px; /* hauteur de l'image r?active */
     background-image: url(images/menu_3.jpg); /* source de l'image de d?part */
     background-repeat: no-repeat;
}

a#image3:hover { 
     background-image: url(images/menu_3_2.jpg); /* source de l'image de d?part */
     background-repeat: no-repeat;
}

/*-----INT_CONTENT----------*/

#int_content{
	width: 667px;
     height: auto; 
	 float: left;
	 margin: 0;
	 padding: 0 20px 10px 20px;
	 background-color:#ffffff;
}


#bloc_accueil_1{
	width: 315px;
	height: auto;
	float: left;
	margin: 0 15px 0 0;
	background-color:#ffffff;
}

#bloc_accueil_2{
	width: 315px;
	height: auto;
	float: left;
	background-color:#ffffff;
}

#content p{
	color: #3c6474;
	margin: 10px 0;
	font-size: 0.8em;
}

#bloc_accueil_1 h1{
	color: #3c6474;
	margin: 10px 0;
	padding: 0;
	font-size: 0.9em;
}

#bloc_accueil_2 ul{
	list-style-image: url(images/puce_3.jpg);
	width: 280px;
	color: #3c6474;
	margin: 10px 0;
	padding: 0 0 0 18px;
	font-size: 0.9em;
}

#bloc_accueil_1 img{
	border: 1px solid #3c6474;
	padding: 3px;
}

#bloc_accueil_2 h3{
	width: 295px;
	height: 67px;
	text-align:center;
	color: #ffffff;
	margin: 10px 0;
	padding: 10px 0 0 0;
	font-size: 0.8em;
	background-image:url(images/img_accueil_2.jpg);
}

#bloc_menu p{
	text-align: center;
	font-size: 0.75em;
}

#bloc_menu p a{
	color:#3c6474;
	text-decoration: none;
}

#bloc_menu p a:hover{
	text-decoration: underline;
}

/*---------CONTACT---------------*/

#int_content_contact{
	width: 717px;
     height: auto; 
	 float: left;
	 margin: 0;
	 padding: 0 0 10px 20px;
	 background-color:#ffffff;
}

#gauche_contact{
	width: auto;
	background-image:url(images/bg_gauche_contact.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#droite_contact{
	width: auto;
	background-image:url(images/bg_droite_contact.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#centre_contact{
	width: 954px;
	background-image:url(images/bg_droite_contact.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#bloc_menu_contact{
	width: 197px;
	height: 400px;
	float: left;
	background-image:url(images/bg_menu_services.jpg);
	background-repeat:repeat-x;
}


#bloc_menu_contact p{
	text-align: center;
	font-size: 0.75em;
}

#bloc_menu_contact p a{
	color:#3c6474;
	text-decoration: none;
}

#bloc_menu_contact p a:hover{
	text-decoration: underline;
}

#bloc_contact_1{
	width: 220px;
	height: auto;
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 0 120px;
	background-image:url(images/img_contact_1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#ffffff;
}

#bloc_contact_2{
	width: 280px;
	height: auto;
	float: left;
	padding: 0 0 50px 0;
	background-image:url(images/img_contact_3.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#ffffff;
}

#bloc_contact_1 img{
	border: 1px solid #3c6474;
	padding: 3px;
	margin: 0 0 50px 0;
}

#bloc_contact_1 h1{
	color: #3c6474;
	margin: 10px 0;
	padding: 0;
	font-size: 0.9em;
}

#bloc_contact_2 form{
	width: 260px;
	margin: 0;
	padding: 10px 0 30px 20px;
}

.input_1{
	width: 110px;
	margin: 0 10px 5px 0;
	float: left;
	padding: 2px;
	border: 1px solid #63808e;
}

.input_2{
	width: 236px;
	margin: 0 10px 5px 0;
	padding: 2px;
	border: 1px solid #63808e;
}

textarea{
	width: 240px;
	height: 80px;
	margin: 0 5px 5px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #63808e;
}

#submit{
	width: 100px;
	height: 25px;
	margin: 0 14px 5px 0;
	padding: 0;
	border: 1px solid #63808e;
}



/*-----SERVICES-----------*/

#gauche_services{
	width: auto;
	background-image:url(images/bg_gauche_services.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#droite_services{
	width: auto;
	background-image:url(images/bg_droite_services.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#bloc_menu_services{
	width: 197px;
	height: 400px;
	float: left;
	background-image:url(images/bg_menu_services.jpg);
	background-repeat:repeat-x;
}


#bloc_menu_services p{
	text-align: center;
	font-size: 0.75em;
}

#bloc_menu_services p a{
	color:#3c6474;
	text-decoration: none;
}

#bloc_menu_services p a:hover{
	text-decoration: underline;
}

#centre_services{
	width: 954px;
	
	background-color:#FFFFFF;
}

#remise{
	float: right;
}

#titre_service_1{
	background-image: url(images/img_h1_services.jpg);
	background-repeat:no-repeat;
	background-position:right;
	font-size:0.90em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: normal;
	color: #ba1818;
	padding: 0 0 3px 0;
	margin: 20px 0 0 0;;
}

#titre_service_2{
	width: 100%;
	background-image: url(images/img_h1_services_2.jpg);
	background-repeat:no-repeat;
	background-position:right;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ba1818;
	padding: 0 0 3px 0;
	margin: 0;
	clear: both;
}

#bloc_services_1{
	width: 252px;
	float: left;
	padding: 0 0 20px 0;
}

#bloc_services_2{
	width: 414px;
	float: left;
}

#bloc_services_1 ul#liste_services_1{
	background-color: #e8f2f6;
	font-size: 0.70em;
	font-weight: bold;
	list-style-type: none;
	list-style-image:none;
	margin: 10px 0;
	padding: 6px 0 6px 5px;
	color: #3c6474;
}

#bloc_services_1 #liste_services_1 li{
	margin: 1px 0;
	padding: 0;
}


#img_services_2{
	margin: 10px 0 0 0;
}

#bloc_services_1 ul{
list-style-image:url(images/puce_3.jpg);
	color: #3c6474;
	font-size: 0.75em;
	margin: 0;
	padding: 0 0 0 20px;
}

#bloc_services_1 p{
	margin: 5px 0;
	padding: 0;
}

#bloc_services_2 ul{
	list-style-image:url(images/puce_3.jpg);
	color: #3c6474;
	font-size: 0.75em;
	margin: 0;
	padding: 0 0 0 30px;
}

#bloc_services_2 p{
	margin: 10px 0;
	padding: 0 0 0 10px;
}

#bloc_services_3{
	width: 200px;
	float: left;
	padding: 0 0 20px 0;
}

#bloc_services_4{
	width: 455px;
	float: left;
	padding: 0 0 20px 0;
}

#bloc_services_4 ul{
list-style-image:url(images/puce_3.jpg);
	color: #3c6474;
	font-size: 0.75em;
	margin: 0;
	padding: 0 0 0 20px;
}

#img_services_3{
	float: right;
	margin: 20px 0 0 0;
}

.clear{
	clear: both;
}