/*
	CSS pour MAR
	J-F, Emilie - egzakt.com
	2006
*/

body {
	background-color:#FFFFFF;
	margin:10px 0;
	font:12px/21px 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#000000;
}

h1 {
	font: italic 24px/28px 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#A71930;	
	margin:2px 0;
}

h2 {
	font:bold 20px/24px 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#000000;
	margin:3px 0 8px 0;
	border-bottom:2px solid #DCDCDC;
}

h2 a {
	text-decoration:none;
}

h3 {
	font:bold 17px/20px 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#A71930;
	margin:3px 0;
	border-bottom:2px solid #DCDCDC;
	text-transform:uppercase;
}

h4 {
	font:bold 16px/18px 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#000000;
	margin:0 0 8px 0;
}

a {
	color:#000000;
	cursor:pointer;
	outline:none;
}

a:hover {
	color:#A71930;
}

img {
	border:0;
}

#wrapper {
	width:800px;
	margin:0 auto;
}



/* NAVIG HAUT
-----------------------------------------*/
#lien_haut {
	float: right;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #A71930;
	margin-right: 10px;
}

#lien_haut a {
	color: #A71930;
	text-decoration: none;
}

#lien_haut a:hover {
	color: #000000;
}

#navigation {
	width: 800px;
}

#navig_gauche {
	float: left;
	width: 300px;
	background-image:url(../images/tuiles/fond_logo.gif);
	background-repeat: no-repeat;
}

#navig_droite {
	float: left;
	width: 500px;
}

#navig {
	padding-top: 26px;
}

#navig .bouton a {
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #000000;
	float: left;
	margin-left: 2px;
	padding: 4px 10px 4px 10px;
	background-image:url(../images/boutons/bg_bouton.gif);
	background-position: 0 0;
	width: 103px;
	height: 24px;
}

#navig .bouton a:hover {
	color: #D5CEC9;
	background-position: 0 32px;
}

#navig .bouton_selected a {
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #D5CEC9;
	float: left;
	margin-left: 2px;
	padding: 4px 10px 4px 10px;
	background-image:url(../images/boutons/bg_bouton.gif);
	background-position: 0 32px;
	width: 103px;
	height: 24px;
}

#sous_navig {
	width: 488px;
	height: 26px;
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	border-top: 16px solid #861426;
	background-color: #A71930;
	text-transform: uppercase;
	padding: 15px 12px 0 0;
	margin: 0;
}

#sous_navig a {
	text-decoration: none;
	color: #D5CEC9;
	padding: 0;
}

#sous_navig a:hover {
	color: #FFFFFF
}

#sous_navig a.selected {
	color: #FFFFFF
}

.sous_navig_div {
	color: #D5CEC9;
	float: right;
	margin-right: 2px;
	padding: 0;
}

.sous_navig_div_selected {
	float: right;
	margin-right: 2px;
	height: 26px;
	background-image:url(../images/graphiques/puce_sous_navig.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0;
}


/* CONTENU
-----------------------------------------*/
#contenu {
	width:800px;
	margin:3px 0;
	background:url(../images/tuiles/fond_contenu.gif) repeat-y;
}

#colonne_gauche {
	float:left;
	width:560px;
	padding:20px 0 20px 20px;
}

#colonne_droite {
	float:right;
	width:200px;
}

#contenu_accueil {
	width:800px;
	background-color:#FFFFFF;
	position:relative;
}

#contenu_choisir {
	width: 744px;
	padding: 23px 28px 20px 28px;
	position: relative;
}

.bloc_texte {
	background-color:#FFFFFF;
}

.bloc_texte .encadre {
	background-color:#D5CEC9;
	padding:10px 20px;
	color:#4B4B4B;
	line-height:18px;
}

.bloc_texte .texte_rouge {
	color:#A71930;
}



/* ACCUEIL
-----------------------------------------*/
#promo {
	padding:5px 0;
}

a.gamme {
	float:left;	
	font:bold 18px/33px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;	
	margin-bottom:1px;
}

a.gamme:hover {
	color: #9C0029;
}

a.gamme .barre {
	display:block;
	width:199px;
	background-color:#9C0029;
	height:3px;
	border-right:1px solid #FFFFFF;
	line-height:3px;
	font-size:1px;
}
a.gamme .barre_last {
	width:200px;
	border-right:0;
}

a.gamme .titre {
	display:block;
	width:181px;
	height:33px;
	padding-left:18px;
	margin:2px 0;
	background:url(../images/tuiles/fond_titre_gamme.jpg) no-repeat;
	border-right:1px solid #FFFFFF;
}
a.gamme .titre_last {
	width:182px;
	border-right:0;
}

.gamme a {
	color: #000000;
	text-decoration: none;
}

.gamme a:hover {
	color: #9C0029;
	text-decoration: none;
}

.gamme img {
	display:block;
	margin-bottom:1px;
	border-bottom:1px solid #D5CEC9;
	border-right:1px solid #D5CEC9;
}

#pub_radio {
	width: 209px;
	height: 120px;
	background:url(../images/graphiques/publicite_radio.png) no-repeat;
	padding: 44px 0 0 20px;	
	font: bold 16px/20px 'Trebuchet MS', Verdana, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
}

#pub_radio a {
	color:#FFFFFF;
	text-decoration:none;
}

#pub_radio a:hover {
	color:#A71930;
	text-decoration:none;
}

#pub_video {
	position:absolute;
	/*top:-31px;
	right:20px;*/
	top:-34px;
	right:20px;
}

#circulaire {
	position:absolute;
	top:18px;
	right:123px;
	width:120px;
	line-height:14px;
}

#circulaire a {
	color:#fff;
	font:11px/14px 'Trebuchet MS', Verdana, Arial, sans-serif;
	text-decoration:none;
}

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

#circulaire img {
	position:absolute;
	top:5px;
	left:-25px;
}


/* POURQUOI
-----------------------------------------*/
.video {
	text-align:center;
}


/* GAMMES
-----------------------------------------*/
#gamme_logo {	
	margin:20px 0 40px 0;
	text-align:center;
}

#gammes_titre_modeles {
	font:bold 14px/18px 'Trebuchet MS', Verdana, Arial, sans-serif;
	width:185px;
	height:25px;
	padding:8px 0 0 15px;
	border-bottom:2px solid #FFFFFF;
	background-color:#AEA29A;
	color:#fff;
	text-transform:uppercase;
}

.gammes_modeles {
	font: 16px/23px 'Trebuchet MS', Verdana, Arial, sans-serif;
	width:200px;
	/*height: 23px;*/
	border-bottom: 1px solid #f8f6f4;
	color: #A7173B;
}

.gammes_modeles h2 {
	font:bold 16px/23px 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #A7173B;
	margin:0;
	padding-left:15px;
	border:0;
}

.gammes_modeles img {
	border-top: 1px solid #f8f6f4;
}

.gammes_modeles a {
	color: #A7173B;
	text-decoration: none;
}

.gammes_modeles a:hover {
	color:#000000;
	text-decoration: none;
}

.gammes_related {
	font:16px/25px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 186px;
	height: 25px;
	margin:0 7px 6px 7px;
	background-color: #9C0029;
}

.gammes_related a {
	color: #FFFFFF;
	text-decoration: none;
}

.gammes_related a:hover {
	color: #AFAFAF;
	text-decoration: none;
}



/* COMPARAISONS GAMMES
-----------------------------------------*/
#contenu_comparaisons {
	width:800px;
	background-image:url(../images/tuiles/fond_comparaisons.gif);
	background-repeat: no-repeat;
	margin:2px 0;
}

.conteneur_gamme {
	float:left;
	text-align: center;
	text-decoration:none;	
}

.conteneur_gamme a {
	display:block;
	width:200px;
	text-decoration:none;
}

img.titre_gamme {
	margin: 0 0 30px 0px;	
}

.info_gamme {
	text-align:center;
	padding-bottom:38px;
}

.info_gamme h3 {
	text-align: center;
	margin: 12px 18px 24px 18px;
}

.info_gamme h4 {
	text-align: center;
}

.info_gamme ul {
	text-align: left;
}

.lien_gamme {
	text-decoration: none;
	cursor: pointer;
}


/* COMMENT CHOISIR
-----------------------------------------*/
#choisir_entete {
	font: italic 12px/15px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #4B4B4B;
	width: 721px;
	height: 79px;
	padding: 15px 43px 21px 36px;
	background-image:url('../images/tuiles/fond_comment_choisir.gif');
	background-repeat: no-repeat;
}

#contenu_choisir h1 {
	font-weight: normal;
	margin-bottom: 43px;
}

#choisir_gauche {
	float: left;
	width: 365px;
	margin-right: 30px;
	border-right: 1px solid #C8C8C8;
}

#choisir_droite {
	float: left;
	width: 348px;
}

.choisir_bloc {
	width: 345px;
}

.choisir_numero {
	width: 35px;
	float: left;
}

.choisir_texte {
	font: italic 12px/15px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 300px;
	float: left;
	margin-bottom: 25px;
}

.choisir_texte h4 {
	font: bold 20px/25px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 2px 0 20px 0;
	color:#000000;
}

#choisir_note {
	font: normal 11px/14px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #A71930;
	position: absolute;
	bottom: 20px;
	right: 40px;
}


/* COMMENT CHOISIR - VIDEOS
-----------------------------------------*/
#videos_choisir {
	padding-top:12px;
}

#videos_choisir #video {
	float:left;
	width:367px;
	height:286px;
	padding:9px 0 0 9px;
	background:url(../images/tuiles/video_choisir.gif) no-repeat top left;
}

#videos_choisir #video_navig {
	float:left;
	width:184px;
}

#videos_choisir #video_navig ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#videos_choisir #video_navig li {
	display:inline;
}

#videos_choisir #video_navig ul a {
	display:block;
	padding:12px 20px;
	background:url(../images/boutons/video_choisir.jpg) repeat-y top left;
	font:bold 16px/18px 'Trebuchet MS', Verdana, sans-serif;
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #fff;
}

#videos_choisir #video_navig ul a:hover,
#videos_choisir #video_navig ul a.selected {
	text-decoration:underline;
}


/* Personnalisations */
#videos_choisir #video_navig ul li.premier a {
	padding-top:8px;
}

#videos_choisir #video_navig ul li.dernier a {
	padding-bottom:8px;
	border-bottom:0;
}


/* BOTTOM
-----------------------------------------*/
#barre_actions {
	width: 800px;
	height: 25px;
	background-color: #D5CEC9;
}

#venez_rencontrer {
	float: left;
}

#actions {
	float: right;
	margin: 5px 13px 0 0;
}

#actions a {
	font:11px/13px Verdana, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
}

#actions a:hover {
	color: #A71930;
	text-decoration: none;
}

#adresses {
	width: 780px;	
	font:10px/13px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #A71930;
	padding: 0 0 10px 20px;
}

#nouvelle_adresse {
	font: italic bold 9px/11px Verdana, Arial, sans-serif;
	color: #E5E994;
	text-transform: uppercase;
}

#adresses div {
	float: left;
	width: 195px;
	margin-top: 10px;
}

#adresses a {
	text-decoration:none;
	color:#fff;
}

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

#adresses a span {
	color:#f4e82d;
	font-style:italic;
	text-transform:uppercase;
}

#signature {
	text-align:right;
	font:9px/14px Arial, sans-serif;
	margin-top:6px;
	text-transform:uppercase;
}

#signature a {
	color:#646464;
	text-decoration:none;
}



/* POPUP
-----------------------------------------*/
#popup_wrapper {
	width:500px;
	margin:0 auto;
}

#popup_entete {
	background:url(../images/tuiles/fond_logo.gif);
}

#popup_contenu {
	padding:10px;
}

.fermer {
	text-align:center;
}


/* DIVERS
-----------------------------------------*/
input, select, textarea {
	border:1px solid #595953;
	padding:2px;
	font:11px/13px Verdana, Arial, sans-serif;
}

.radio {
	border:0;
}

ul {
	list-style-type: disc;
	padding: 0;
	margin: 0 0 0 25px;
}

li {
	color:#000000;
}

.erreur {
	color:#990000;
}

.msg_erreur, .msg_succes {
	margin:7px auto;
	padding:5px;
	width:80%;
	border:1px solid #990000;
	text-align:center;
	background-color:#FFFFFF;
	color:#990000;
}

.msg_succes {
	border:1px solid #2BAB53;
}

.requis {
	color:#990000;
}