/* CSS Document */

body { margin:0; padding:0; background-color:#eeeeee; background-image:url('../Images/bacgr-top-wrap.jpg'); background-repeat:repeat-x; }

a:active { outline: none; }  
img, a img { outline: none; border:none; }
A, A:link { outline: none; }
.flat {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#b4b6a3; width:150px;}
a.lien { color:#abc300; text-decoration:underline; }
a.lien:hover { color:#abc300; text-decoration:none; }

a.lienForm, a.lienFormRight { margin-top:28px; display:block; width:71px; height:30px; background:url('../Images/quizz-slider/quizz-envoyer-button.png') no-repeat; text-indent:9999px; }
a.lienForm:hover, a.lienFormRight:hover { background:url('../Images/quizz-slider/quizz-envoyer-button-mo.png') no-repeat; }

.art-de-construire { display:block; width:335px; height:339px; background:url('../Images/un-art-de-construire.jpg') no-repeat; }
.art-de-construire:hover { background:url('../Images/un-art-de-construire-over.jpg') no-repeat; }

#rightcol { position:absolute; top:10px; right:0; width:240px; height:372px; }
#containervideo { position:relative; width:240px; height:274px; }
#treemini { position:absolute; z-index:1000; bottom:44px; width:86px; height:126px; background:url('../Images/slider-video/tree-mini.png') no-repeat; }
#coin-slider-slidervideo { margin-left:25px; background:url('../Images/slider-video/screen-slider.png' ) no-repeat;}
.videolink { text-indent:-9999px; display:block; width:200px; height:55px; margin-left:25px; background:url('../Images/slider-video/btn-video.png') no-repeat; }
.videolink:hover { background:url('../Images/slider-video/btn-video-on.png') no-repeat; }

.quizzlink { margin-top:20px; margin-left:10px;  text-indent:-9999px; display:block; width:230px; height:278px; background:url('../Images/quizz-link-index.png') no-repeat; }
.quizzlink:hover { background:url('../Images/quizz-link-index-on.png') no-repeat; }


div#wrapper { width:auto; margin-left:auto; margin-right:auto; background-image:url('../Images/bacgr-top-wrap-right2.jpg'); background-position:top; background-repeat:no-repeat; }
div#wrapper2 { width:auto; margin-left:auto; margin-right:auto; /*background:url('/Images/bacgr-top-wrap-middle.jpg') top left*/; background-position:top; background-repeat:no-repeat; padding:0; overflow:hidden; }

	div#top-btnline { width:996px; margin-left:auto; margin-right:auto /*height:75px;*/ }
	
	div#middle-content { width:996px; height:339px;margin:0 auto; }
		table#middle-content { width:996px; height:339px;  }			
			td#right-content-middle { width:661px; height:339px;  }
				#angle-top-left-flash {width:60px;height:60px;background:url(../Images/angle-top-left-flash.png) no-repeat 0 0;position:absolute;z-index:100;}
			div#FlashReplacer h1{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#b4b6a3; padding:0; margin:0; letter-spacing:0}
			div#FlashReplacer {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#b4b6a3; padding:0; margin:0}
		
	/* middle! */	
	div#main-content { width:996px; min-height:261px; margin:0 auto; padding:0; background:url('/Images/Commun/bg-main.png') no-repeat top center; overflow:hidden;}
		/*table#main-content { width:996px; height:345px;  }	
			td#left-content-main { width:335px; height:345px;  }*/
				div#middle-btnline { width:335px; }
					
			td#right-content-main { width:661px; min-height:261px; margin:0; padding:-1px 0 0 0; }
				
				div#le-saviez-vous { margin-top:26px; height:113px; background-image:url(../Images/les-saviez-vous.png); background-position:top left; background-repeat:no-repeat;  }
					div#le-saviez-vous h2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#abc300; margin:0; padding:66px 0px 2px 290px }
					div#le-saviez-vous p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b4b6a3;
	padding:0 0 0 290px;
	margin:0
}
					
				div#quizz-pics { margin:0; padding:0; height:146px;  }
				
	table#lien { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#abc300; }
        table#lien { margin-bottom:10px; }
	table#lien a.lien-footer1 { color:#abc300; text-decoration:none; }
	table#lien a.lien-footer1:hover { color:#522522; text-decoration:none; }
        
        
        #footertext { margin-bottom:16px; margin-left:60px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
        #footertext strong { font-size:14px; font-weight:normal; margin-top:10px; }
	#footertext .adresse { float:right; line-height:10px;margin-top:-6px; }
	#footertext #angouleme { margin-right:29px; }
        #footer .link p { float:left; margin-left:5px; }
	
	#facebook { margin-left:100px; margin-top:2px; width:174px; height:50px; }
	#facebook a.facebook-icon { display:block; width:174px; height:50px; background:url('../Images/facebook-img.png') no-repeat; text-indent:-9999px; }
	#facebook a.facebook-icon:hover { display:block; background:url('../Images/facebook-img-on.png') no-repeat; }

/*--MENU GAUCHE-------------------------------------------------------------*/
	
#menu {
	width:287px;
	margin-left:48px;
	float:left;
}

#menu UL {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	list-style-position : outside;
}

#menu UL LI A {
	width:287px;
	height:48px;
	display:block;
        text-decoration:none;
}

#menu STRONG {
	visibility:hidden;
}

#menu1 A {	background:transparent url('/Images/Menu/menu.png') no-repeat 0px 0px;}
#menu2 A {	background:transparent url('/Images/Menu/menu.png') no-repeat 0px -48px;}
#menu3 A {	background:transparent url('/Images/Menu/menu.png') no-repeat 0px -96px;}
#menu4 A {	background:transparent url('/Images/Menu/menu.png') no-repeat 0px -144px;}
#menu5 A {	background:transparent url('/Images/Menu/menu.png') no-repeat 0px -192px;}
#menu6 A {	background:transparent url('/Images/Menu/menu.png') no-repeat 0px -240px;}
#menu7 A {	background:transparent url('/Images/Menu/menu.png') no-repeat 0px -288px;}
#menu8 A {	background:transparent url('/Images/Menu/menu.png') no-repeat 0px -336px;}

#menu1 A:hover, #menu1 .active {background:transparent url('/Images/Menu/menu.png') no-repeat -287px 0px;}
#menu2 A:hover, #menu2 .active {background:transparent url('/Images/Menu/menu.png') no-repeat -287px -48px;}
#menu3 A:hover, #menu3 .active {background:transparent url('/Images/Menu/menu.png') no-repeat -287px -96px;}
#menu4 A:hover, #menu4 .active {background:transparent url('/Images/Menu/menu.png') no-repeat -287px -144px;}
#menu5 A:hover, #menu5 .active {background:transparent url('/Images/Menu/menu.png') no-repeat -287px -192px;}
#menu6 A:hover, #menu6 .active {background:transparent url('/Images/Menu/menu.png') no-repeat -287px -240px;}
#menu7 A:hover, #menu7 .active {background:transparent url('/Images/Menu/menu.png') no-repeat -287px -288px;}
#menu8 A:hover, #menu8 .active {background:transparent url('/Images/Menu/menu.png') no-repeat -287px -336px;}

/*--ELEMENTS-------------------------------------------------------------*/

#contenu {
	position:relative; 
	width:581px;
	float:right;
	padding:40px 40px 40px 40px;
}

#contenu A {
	color:#abc300;
	text-decoration:underline; 
}

#contenu A:hover {
	text-decoration:none;
}

#news { width:360px; height:296px; }

/*--FORM ETUDES-------------------------------------------------------------*/

#bardage { position:absolute;right:20px; top:140px;  }

h4.encartrouge { width:135px; padding-left:5px; line-height:20px; background:#d10b19; color:#FFF; margin-bottom:5px;  }

ul.listform { margin:7px 5px 10px; width:240px; }

#sliderform { width:304px; height:140px; padding:16px 16px; margin-right:0; float:right; background:url('../Images/Form/bg-form.png') no-repeat; }
#treeform { position:absolute; top:102px; right:0px;  }


/*--ENVOIE VIDEO AMI-------------------------------------------------------------*/
#ami{display : block; background : url('../ressources/ami.png'); height : 136px; width : 423px; }
#contact{display : block; height : 134px; width : 423px; background : url('../ressources/contact.png')}
#boutons a{text-decoration : none;}
#boutons #ami:hover{background-position : 0px 136px; font-size : 0px}
#boutons #contact:hover{background-position : 0px 134px; font-size : 0px}
#formVideoAmi{display:none; margin : 60px}
#formVideoAmi table{ width:400px; margin : auto; border-spacing: 10px; border-collapse: separate; }
#formVideoAmi td,#formVideoAmi  p{font-family : Arial,Helvetica,sans-serif; font-size : 13px;color : #fff;}
#formVideoAmi .right{text-align : left}
#formVideoAmi input{width : 174px; }
#formVideoAmi input[type="submit"],#formVideoAmi input[type="reset"]{
	background: url("../Images/bt-input.png") repeat scroll 0 0 transparent;border: medium none;color: #FFFFFF;	cursor: pointer;display: block;height: 30px;width: 181px;font-weight : bold;text-shadow : 0px 0px 5px #000000; -moz-text-shadow : 0px 0px 5px #000000;	-webkit-text-shadow : 0px 0px 5px #000000;}
#formVideoAmi input[type="submit"]:hover,#formVideoAmi input[type="reset"]:hover{background-position : 0 30px;}

/*--Details des modeles et combinaisons modulo---------------------------------------*/

#select_config {width:200px;float:left;height:150px;}
#result_config {width:331px;float:right;margin-left:50px}
#res_detals_config {margin-top:36px;}
.chk {margin-top:10px;}
.tarifsh3 {line-height:0px;}
.clear {clear:both;}

#bloc_img_modele {
	float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative;
    width: 300px;
}
.link_contact_modele {
	background: url("/Images/Pictos/fleche_off.png") no-repeat scroll right center transparent;
    display: inline-block;
    height: 16px;
    padding: 0px 15px 0 0;
	color:#FFFFFF !important;
	position:absolute;
	right:5px;
	bottom:15px;
	text-decoration:none!important;
	font-weight:bold;
	font-size:12px;
	font-family:Arial;
	
}
.link_contact_modele:hover {
	background: url("/Images/Pictos/fleche_on.png") no-repeat scroll right center transparent;
    display: inline-block;
    height: 16px;
    padding: 0 15px 0 0;
	color:#c0cf00!important;
	text-decoration:underline !important;
}

#bloc_link_contact_modeles:hover {
	opacity:0.5;
	cursor:pointer;
	filter: alpha(opacity = 50);
}

#img_contect_modeles {
	border:0px;
}


#mail_form_etude { position: relative; left: -27px; }
	#mail_form_etude #mail_form_etude-gauche { float: left; }
	#mail_form_etude #mail_form_etude-gauche #le-saviez-vous-form { position: relative; width: 392px; height: 350px; background: url('../Images/Form/le-saviez-vous.jpg') no-repeat; }
	#mail_form_etude #mail_form_etude-gauche #le-saviez-vous-form p { position: absolute; right: 15px; top: 10px; width: 160px; height: 312px; color: #fff; }

	#mail_form_etude #mail_form_etude-droite { margin-left: 422px; }
	#mail_form_etude #mail_form_etude-droite form span { color: #4b4b4b; font-family: Arial,Helvetica,sans-serif; font-size: 11px; }
	#mail_form_etude #mail_form_etude-droite form input[type=text] { width: 189px; height: 23px; background: url('../Images/Form/bg_input.jpg') no-repeat; border: none; padding-left: 5px; margin-bottom: 9px; }
	#mail_form_etude #mail_form_etude-droite form select { width: 194px; padding: 2px; border: 1px solid #989c9d; }
	#mail_form_etude #mail_form_etude-droite .etude-gratuite-form { width: 194px; height: 48px; background: url('../Images/Form/etude_gratuite.jpg') no-repeat; margin-bottom: 31px; }
	#mail_form_etude #mail_form_etude-droite #envoi { width: 194px; }