/*********************************************************
                    Styles site AVM v2
                    VALDENAIRE Alexandre
                        Juillet 2005
*********************************************************/

/***********************************
 Styles général à toutes les pages.
***********************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0px;
	padding:0px;
	background-color:white;
}

.clear_both {
	width:90%;
	height:1px;
	visibility:hidden;
}

.invisible{
	display:none;
}

.reset {
	clear:both;
}

table{
	text-align: center;
}

tr{
	vertical-align: top;
}

img {
	border:none;
}

a {
 color:blue;
 text-decoration: none;
}

a:hover {
 color:black;
 text-decoration: underline;
}

/* Style du menu */

#titre_menu {
	margin:0px;
	padding:0px;
	width:160px;
	float:left;
}

#titre_menu * {
	margin:0px;
	padding:0px;
}

#titre_menu h1 {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#titre_menu #menu dl {
	list-style-type: none ;
}

#titre_menu #menu dl dt {
	width:150px;
	height:40px;
	background:url('images/interface-site/fond-menu.png') no-repeat;
}

#titre_menu #menu dl dt a {
	width:150px;
	line-height:40px;
	display:block;
	color:white;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	padding-left:5px;
	padding-top:0px;
}

#titre_menu #menu ul li {
	padding-left:5px;
	font-size:80%;
	line-height:12px;
}

#titre_menu .pub {
	text-align:center;
	margin-top:10px;
}

/* Fin style menu */

/* Style bandeau haut */

#bandeau_haut {
	/* position:absolute; */
/* 	left:160px;
	top:0px; */
	margin-left:160px;
	height:50px;
	width:610px;
	padding-top:5px;
	text-align:center;
}

#bandeau_haut #fr {
	float:left;
}

#bandeau_haut #fr img, #bandeau_haut #us img {
	margin-top:11px;
}

#bandeau_haut #us {
	float:right;
}

#bandeau_haut h2 {
	margin:0px;
	padding:0px;
}

/* Fin style bandeau haut */

/* Style contenu */

#contenu {
/* 	position:absolute;
	top:60px;
	left:160px; */
	margin-left:160px;
	width:610px;
}

/* Fin style contenu */

/* Style Bas de page */

#footer * {
	margin:0px;
	padding:0px;
}

#footer {
	clear:both;
	width:770px;
	text-align:center;
	color:#999999;
	margin-bottom:20px;
}

#footer hr {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	border:1px red solid;
}

/* fin style footer */

/***********************************
 Styles page accueil
***********************************/

body#accueil {
	background: url('images/interface-site/fond-index.png');
}

#accueil #bande_gauche {
	margin:0px;
	padding:0px;
	background:url('images/interface-site/bande-gauche.png') no-repeat;
	width:110px;
	height:570px;
}

#accueil #titre {
	margin:0px;
	padding:0px;
	padding-top:15px;
	position:absolute;
	left:110px;
	top:0px;
	width:650px;
	text-align:center;
}

#acceuil #titre h1 {
	margin:0px;
	padding:0px;
}

#accueil #titre #langue {
	float:right;
}

#accueil #titre #langue img {
	display:block;
}

#accueil ul
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

#accueil ul li
{
	margin: 0 ;
	padding: 0 ;
	height:25px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

#accueil ul li#bouton_01 {
 	position:absolute;
	left:439px;
	top:224px;
}

#accueil ul li#bouton_02 {
 	position:absolute;
	left:498px;
	top:270px;
}

#accueil ul li#bouton_03 {
 	position:absolute;
	left:557px;
	top:315px;
}

#accueil ul li#bouton_04 {
 	position:absolute;
	left:616px;
	top:361px;
}

#accueil ul li#bouton_05 {
 	position:absolute;
	left:675px;
	top:407px;
}

#accueil ul li#bouton_06 {
 	position:absolute;
	left:734px;
	top:453px;
}

#accueil ul li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 25px ;
	color: black ;
	font-weight:bold;
	font-size:130%;
	text-indent: 25px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url('images/interface-site/bouton-index.png') no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#accueil ul li a:hover
{
	background: url('images/interface-site/bouton-index.png') no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color:red;
	font-weight:bold;
	font-size:130%;
}

#accueil #acceuilphoto
{
	position:absolute;
	left:80px;
	top:130px;
}

#accueil #mention {
	position:absolute;
	left:40px;
	top:554px;
}

#accueil #mascotte {
	position:absolute;
	left:600px;
	top:380px;
}

#accueil #explicatif {
	text-align:center;
	position:absolute;
	left:150px;
	top:507px;
}

#accueil #explicatif p {
	text-align:center;
	float:left;
	margin:0px;
	padding:0px 10px;
}

#accueil #explicatif p span.tel {
	font-weight:bold;
	color:#CC0000;
}

/***********************************
 Styles page presentation
***********************************/

#presentation h3 {
	font-weight:bold;
	font-size:120%;
	text-align:center;
}

#presentation .initiale {
	color:#FF0000
}

#presentation .texte01 {
	color:blue;
}

#presentation .texte_description {
	float:left;
	width:435px;
}

#presentation .texte_description .img {
	text-align:center;
}

#presentation .pub_droite {
	margin-left:435px;
	text-align:center;
}

#presentation .pub_droite img {
	padding-bottom:40px;
}

#presentation .pub_droite .iso {
	width:133px;
}

#presentation span.tel {
	font-weight:bold;
	color:#CC0000;
}

#presentation button {
	margin-top:20px;
	margin-left:50px;
	margin-right:50px;
}

/***********************************
 Styles page produits
***********************************/

#produits .explic_clic {
	font-weight:bold;
	font-size:120%;
	text-align:center;
	color:red;
}

#produits .liste_prod {
	float:left;
	width:50%;
	margin:0px;
	padding:5px 0px;
 	text-align:center;
}

#produits .liste_prod img {
	width:220px;
	border:1px red solid;
}

#produits .conclusion {
	text-align:center;
}

/*****************************/

#produits h3 {
	text-align:center;
	font-weight:bold;
	font-size:150%;
	text-decoration:underline;
	color:blue;
	padding-bottom:30px;
}

#produits .coeur {
	position:absolute;
	right:10px;
	top:10px;
}

#produits .coeur img {
	width:35px;
}

#produits td.fond1 {
	background:#EEEEEE;
}

#produits td.fond2 {
	background:#FFFEB1;
}

#produits td img {
	vertical-align:middle;
}

#produits .table_01 {
	margin-bottom:20px;
	width:100%;
	border:2px solid #666666;
	border-collapse:collapse;
}

#produits .table_01 .titre {
	padding:3px;
	border-bottom:2px solid #666666;
}

#produits .table_01 h5 {
	margin:0;
	padding:0;
	text-align:left;
	float:left;
	width:500px;
	font-size:110%;
}

#produits .table_01 .titre div {
	margin-left:500px;
	width:94px;
	text-align:right;
}

#produits .table_01 .titre img {
	vertical-align:middle;
	width:15px;
}

#produits .table_01 .image {
	vertical-align:middle;
	width:75px;
	background:#96beff;
	border-right:2px solid #666666;
}

#produits .table_01 .image img {
	width:75px;
}


#produits .table_01 td {
	border:1px solid #ffffff;
	padding:2px;
}

#produits .table_01 td.separateur {
	border-top:2px solid #666666;
}

#produits .table_01 th {
	background:#FFD1D1;
	border:1px solid #ffffff;
	padding:2px;
}

#produits .table_02 {
	margin-bottom:20px;
	margin-right:20px;
	width:60%;
	border:2px solid #666666;
	border-collapse:collapse;
	float:left;
}

#produits .table_02 th div {
	margin-left:70%;
	width:94px;
	text-align:right;
}

#produits .table_02 h5 {
	margin:0;
	padding:0;
	text-align:left;
	font-size:110%;
	float:left;
	width:70%;
}

#produits .table_02 td {
	border:1px solid #ffffff;
	padding:2px;
	width:50%;
}

#produits .table_02 td.separateur {
	border-top:2px solid #666666;
}

#produits .table_02 th {
	padding:3px;
}

#produits .image_02 {
	margin-bottom:30px;
}

/***********************************
 Styles page telechargement
***********************************/

#telech table {
	width:100%;
	border:none;
}

#telech .titreNotice {
	background:#FF0000;
	width:80px;
	font-size:120%;
	color:#FFFFFF;
	font-weight:bold;
}

#telech .titre {
	background:#FF0000;
	width:100px;
	font-size:120%;
	color:#FFFFFF;
	font-weight:bold;
}

#telech .fleche {
	height:30px;
	vertical-align:middle;
}

#telech form {
	margin:0;
	padding:0;
	display:inline;
}

#teleche .adobe {
	width:88px;
	height:31px;
}

#telech h3 {
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:underline;
	text-align:left;
	font-size:120%
}

#telech h4 {
	font-size:100%;
	font-weight:normal;
	font-style:italic;
	margin:0;
	padding:0px;
	text-align:left;
}

#telech table p {
	margin:0;
	padding:0;
}

/***********************************
 Styles page news
***********************************/

#news div.contenu {
/*	float:left;*/
	width:390px;
	padding-right:10px;
	text-align:justify;
}

#news .contenu h3 {
	color:blue;
	font-size:110%;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

#news img.contenu {
	float:right;
	width:200px;
	display:block;
	border:1px red solid;
}

#news .reset {
	margin:10px 0px;
}

#news hr.reset  {
	width:80%;
	clear:right;
}

/***********************************
 Styles page documentation
***********************************/

#documentation fieldset {
	width:100%;
	margin : 10px 0px;
	margin-left:auto;
	margin-right:auto;
}

#documentation .obligatoire {
	font-weight:bold;
}

#documentation fieldset label {
	width:23%;
	text-align:right;
	padding-right:5px;
	display:block;
	float:left;
	margin:0px;
	margin-top:3px;
}
#documentation fieldset input {
	width:23%;
	float:left;
	margin:0px;
}

#documentation fieldset textarea {
	width:70%;
	float:left;
	margin:0px;
}

#documentation fieldset input.radio {
	width:auto;
	vertical-align:middle;
	margin-top:3px;
}
#documentation fieldset p {
	clear:both;
	margin:0px;
	padding:2px 0px;
}

#documentation fieldset.rens textarea {
	width:95%;
	float:left;
	margin:5px;
}

#documentation .centrer
{
	text-align:center;
}

#documentation .check {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#documentation .envoi_ok {
	text-align:center;
	font-weight:bold;
	font-size:120%;
	color:green;
}

#documentation .table_envoi td {
	text-align:left;
}

/***********************************
 Styles page devis
***********************************/

#devis fieldset {
	width:100%;
	margin : 10px 0px;
	margin-left:auto;
	margin-right:auto;
}

#devis fieldset legend {
	font-weight:bold;
}

#devis .obligatoire {
	font-weight:bold;
}

#devis fieldset label {
	width:23%;
	text-align:right;
	padding-right:5px;
	display:block;
	float:left;
	margin:0px;
	margin-top:3px;
}
#devis fieldset input {
	width:23%;
	float:left;
	margin:0px;
}

#devis fieldset input.radio {
	width:auto;
	vertical-align:middle;
	margin-top:3px;
}
#devis fieldset p {
	clear:both;
	margin:0px;
	padding:2px 0px;
}

#devis #mouvement {
	width:100%;
	border:1px solid black;
	border-collapse:collapse;
	margin-top:10px;
	margin-bottom:10px;
}

#devis #mouvement tr {
	vertical-align:middle;
}

#devis #mouvement td {
	border:1px solid black;
}

#devis #mouvement .champ1 {
	width:120px;
}

#devis #mouvement .group {
	border-top:none;
}

#devis #mouvement .group2 {
	border-bottom:none;
}

#devis .centrer
{
	text-align:center;
}

/***********************************
 Styles page contact
***********************************/

#contact .tel {
	color:red;
	font-weight:bold;
}

#contact .mail {
	vertical-align:middle;
}

/* p.help {
 background-color: #FFFFFF
}

input.fin
{
border-width:1;
border-style:solid;
}

td {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}

td.presentation {
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
}


table.collapse {
 border-style:solid;
 border-collapse:collapse;
 border-width:2px;
}

td.blanc1 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:9px;
 border-bottom-color:white;
 border-bottom-width:2px;
 border-right-color:white;
 border-right-width:2px;
}

td.blanc2 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:9px;
 border-bottom-width:2px;
 border-right-color:white;
 border-right-width:2px;
}

td.blanc3 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:9px;
 border-bottom-width:2px;
 border-right-width:2px;
} */