/* CSS Document */
/** Structure de la page **/
body {background-color:#104A70; padding-top:0px; font-family: "Times New Roman", Times, serif;}
	div#cont {width:885px; margin:auto; background:url(images/fond-br_site.jpg) no-repeat;}
		div#haut {width:885px; height:34px; background:url(images/smodauto-design_1_01.jpg) no-repeat;}
		div#milieu {width:885px; height:auto;}
			div#gauche {width:71px; height:532px; float:left; background:url(images/smodauto-design_1_02.jpg) no-repeat;}
			div#centre {width:749px; height:auto; float:left;}
				div#tete {width:749px; height:56px;}
					div#tetegauche {width:254px; height:56px; float:left; background:url(images/smodauto-design_1_03.jpg) no-repeat;}
					div#tetecentre {width:240px; height:56px; float:left;}
						div#tetecentreup {width:240px; height:20px; background:url(images/smodauto-design_1_04.jpg) no-repeat;}
						div#tetecentredown {width:240px; height:36px;}
							a#accueil {display:block; width:120px; height:36px; float:left; background:url(images/smodauto-design_1_07.jpg) no-repeat; text-decoration:none;}
							a#offre {display:block; width:120px; height:36px; float:left; background:url(images/smodauto-design_1_08.jpg) no-repeat; text-decoration:none;}
								a#accueil:hover {background:url(images/smodauto-design_1b_07.jpg) no-repeat;}
								a#offre:hover {background:url(images/smodauto-design_1b_08.jpg) no-repeat;}
					div#tetedroite {width:255px; height:56px; float:left; background:url(images/smodauto-design_1_05.jpg) no-repeat;}
				div#title {width:649px; height:24px; background:url(images/smodauto-design_1_09.jpg) no-repeat; clear:both;
							font-family: Geneva, Arial, Helvetica, sans-serif; font-size:18px; padding: 7px 50px 0px 50px; text-align:left; color:#104A70;}
				div#contenu {width:749px; height:auto;}
					div#contgauche {width:27px; height:367px; float:left; background:url(images/smodauto-design_1_10.jpg) no-repeat;}
					div#page {width:696px; height:367px; float:left; background:url(images/smodauto-design_1_11.jpg) no-repeat;}
					div#contdroite {width:26px; height:367px; float:left; background:url(images/smodauto-design_1_12.jpg) no-repeat;}
				div#pied {width:749px; height:13px; background:url(images/smodauto-design_1_13.jpg) no-repeat; padding-top:65px; text-align:right; clear:both;}
			div#droite {width:65px; height:532px; float:left; background:url(images/smodauto-design_1_06.jpg) no-repeat;}
		div#bas {width:885px; height:83px; background:url(images/smodauto-design_1_14.jpg) no-repeat; clear:both;}

/** Définition des textes **/
.copyright {font-size:10px; color:#FFFFFF;}
#page p{font-size:13px; font-weight:normal;} 
#page span {font-size:13px;} 
.motcle {font-size:13px; color:#104A70; font-weight:bold;}
a {color:#104A70;}
.soustitre {font-weight:bold; font-size:16px; color:#104A70; text-decoration:underline;}

/** formulaire **/
select {background-color:#CCCCCC; border-style:none; border: 1px solid #CCCCCC;}
div.gris {background-color:#AAAAAA; border-style:none; color:#CCCCCC; border:1px solid #AAAAAA; width:100px; font-size:13px; text-align:left; text-indent:3px; margin: 1px 2px 1px 0px;}
input.text {background-color:#CCCCCC; border-style:none; border: 1px solid #CCCCCC; text-align:right;}
.champs {border:2px solid #104A70;}
.champs td {background-color:#999999; font-weight:bold; color:#FFFFFF; padding: 1px 2px 1px 0px;}
.types {background-color:#104A70; font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center;}
td.champsgris {background-color:#CCCCCC; font-weight:bold; color:#FFFFFF; padding: 1px 2px 1px 0px;}
/** liste d'offre (iframe) **/
#listeoffre {background-color:#999999; text-align:center; border:1px solid #104A70; margin-bottom:4px;}
#listeoffre td {color:#000000; font-size:12px; font-weight:bold;}
#listeoffre td.tdoffrepair {background-color:#BDBDBD;}
#listeoffre td.tdoffreimpair {background-color:#CCCCCC;}
#listeoffre td.offrepair {font-size:13px; color:#FFFFFF;  background-color:#104A70;}
#listeoffre td.offreimpair {font-size:13px; color:#FFFFFF;  background-color:#2F729D;}
#listeoffre td.voiroffrepair {font-size:13px; color:#FFFFFF;  background-color:#999999;}
#listeoffre td.voiroffreimpair {font-size:13px; color:#FFFFFF;  background-color:#AEADAD;}
/** Fiche offre **/
#infoffre table {border:1px solid #104A70; margin-bottom:3px;} 
#infoffre th { text-align:left; padding-left:10px;} 
#infoffre td {font-size:15px; color:#FFFFFF;  background-color:#104A70; font-weight:bold; padding: 2px 5px; text-align:center;}
#infoffre-sec {border: 1px solid #104A70; margin-bottom:3px;}
#infoffre-sec th { text-align: center; font-size:14px; border-bottom:1px solid #104A70;} 
#infoffre-sec td {font-size:12px; color:#000000; padding-top:3px; padding-bottom:3px; margin-bottom:2px; border-bottom:1px solid #104A70; text-indent:10px;}
#infoffre span {font-size:12px; color:#104A70;}
/** Equipements **/
#tabloptions { background-color:#999999; border:1px solid #000000;}
#tabloptions th {color:#FFFFFF; background-color:#666666;}
#tabloptions td {color:#000000; background-color:#CCCCCC; font-size:12px; padding:2px; text-indent:5px; vertical-align:top;}
.soustabloptions td {border-bottom:1px solid #666666; border-right:1px solid #666666;}
/** autre **/
a#precedent {background:url(images/precedent.png) no-repeat; width:11px; height:71px; display:block; float:left; text-decoration:none;}
a#precedent:hover {background:url(images/precedent_up.png) no-repeat;}
a#suivant {background:url(images/suivant.png) no-repeat; width:11px; height:71px; display:block; float:left; text-decoration:none;}
a#suivant:hover {background:url(images/suivant_up.png) no-repeat;}
img {border:none;}
a.boutonoffre { display:block; background-image:url(images/picto_offre.png); width:30px; height:30px; margin:auto;}
a.boutonoffre:hover {background-image:url(images/picto_offre_up.png);}
a.supprselect {display: block; width:100%; text-decoration:none; color:#FFFFFF;}

