/********************************************************************************* 
ROOS SOLAR @Copyright 2007 KTP Concept
********************************************************************************** */
*{margin:0; padding:0;}

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

/*body{position:absolute; left:50%; top:50%; margin-top:-350px; margin-left:-437px; width:874px; height:700px;padding-top:60px;}*/
body{position:relative; margin-left:auto; margin-right:auto; width:874px; height:700px;padding-top:20px;}

/* MENU */

#menu, #retour{ float:right; width:870px; height:19px;padding-top:5px; color:#B6B6B6;}

#menu a, #retour a{color:#444348; text-decoration:none; font-weight:bold; font-size:1.1em;margin-right:1px;margin-left:1px; }
#menu a:hover, #retour a:hover{color:#CC302C;}
#retour{text-align:left!important;}

.sousmenu{position:absolute; z-index:10; background-color:#FFFFFF; padding:5px; border:1px solid #807F84; margin-top:10px!important;margin-top:25px; height:15px; text-align:center; width:585px;margin-left:0px!important;margin-left:-345px;}
.sousmenu li{ list-style:none!important; float:left;}
.sousmenu a{color:#807F84; text-decoration:none; font-weight:bold; font-size:0.9em;margin-right:10px!important;margin-left:10px!important; }

.ssmenu{position:absolute; text-align:left; padding:5px; background-color:#FFFFFF;border:1px solid #807F84;margin-top:7px!important;margin-top:23px;}
.ssmenu li{float:none!important;}
#m1{margin-left:-5px!important;margin-left:-220px;}
#m2, #m3{margin-left:-5px!important;margin-left:-160px;margin-top:7px!important;margin-top:25px;}

/* FIN MENU */

/* MENU RUBRIQUE*/
#menuR{float:left; width:242px!important; background-color:#FF9600/* url(../fond/fond_menuR.gif) no-repeat*/; padding:5px; margin-bottom:0px; }
.menuR{width:246px; background-color:#FF9600; min-height:328px; padding-top:5px; color:#B6B6B6; margin-top:10px;}
.menuR dt{background:url(../fond/fondRub.jpg) no-repeat bottom left;margin-left:-5px;}
.menuR .last{background:none!important;margin-left:-5px;}
.menuR a{color:#000000; text-decoration:none; font-weight:bold; font-size:1.1em; display:block; width:225px; height:35px;padding-left:20px;padding-top:3px;}
.menuR a:hover{color:#FFFFFF;}

.menuR ul{list-style:none; background: url(../fond/fondSRub.jpg) no-repeat bottom left;padding-bottom:18px;margin-left:-5px;}
.menuR ul a{color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:1.0em; display:block; /*width:160px!important;*/ height:auto!important;margin-left:10px!important;background:none!important; padding-left:20px!important;padding-top:3px;}

/*.sousmenuR{position:absolute!important; z-index:3000!important; background-color:#FFFFFF; padding:5px; border:2px solid #807F84; text-align:left; width:190px; height:320px;margin-left:252px;top:335px;}
.sousmenuR li{ list-style:none!important; }
.sousmenuR a{color:#807F84; text-decoration:none; font-weight:bold; font-size:1.0em;margin-right:10px!important;margin-left:10px!important; background:none!important; border-bottom:1px dashed gray;width:auto!important; padding-left:5px!important; padding-right:5px!important; height:auto!important;padding-bottom:10px; padding-top:10px;}
*/
/* FIN MENU RUBRIQUE */

/* INDEX */
#accueil{float:right; width:609px; height:700px; background:url(../fond/accueil.jpg) no-repeat;}
#anim{position:absolute; z-index:250; height:135px; width:145px; margin-top:555px;margin-left:388px; }
#adress{position:absolute;color:#0B2534; width:375px; height:65px; margin-top:635px;margin-left:18px;}
#adress a{color:#0B2534; text-decoration:none;}#adress a:hover{color:#CC302C;}

#present{float:left; width:232px; height:170px; background:url(../fond/fond_presentation.jpg) no-repeat; padding:10px; overflow:hidden;margin-bottom:5px; color:#FFFFFF;}
#present ul {font-weight:bold; font-size:1.1em;}
#present span{ display:block; text-align:center; font-weight:bold;}
#present h1,#present .h1{font-size:1.3em; color:#FFD631;margin-top:10px;}
#present h2,#present .h2{font-size:1.8em;}
#present h3,#present .h3{font-size:1.2em; color:#2B3A43;}
.marg_b{ margin-bottom:15px;}

#compar{float:left; width:242px; height:222px; background:url(../fond/fond_comparatif_b.jpg) no-repeat; padding:5px; overflow:hidden;margin-bottom:5px;}
#compar ul, #present ul{ list-style:url(../fond/puce.gif); list-style-position:outside; margin-left:35px; margin-top:10px;}
#compar h1{color:#2B3A43; font-size:2.0em; margin-left:10px;}
#compar h2{color:#2B3A43; font-size:1.6em; font-weight:normal; line-height:16px;margin-top:-10px}
#compar h3{color:#2B3A43; font-size:1.4em;}
#compar h4{color:#E91515; font-size:1.6em;margin-bottom:10px; margin-top:2px;}
#compar h4 a{color:#E91515; text-decoration:none;}
#compar img{margin-top:-12px;margin-bottom:-12px;}
#compar p{margin-left:3px;}

#devis{float:left; width:252px; height:96px; background:url(../fond/fond_devis.jpg) no-repeat; overflow:hidden;font-size:1.6em;color:#FFFFFF; text-align:center;padding-top:20px;}
.dev{font-size:1.4em;margin-top:-5px;}
#devis a{color:#FFFFFF; text-decoration:none;}

#menuindex{
	float:left;
	width:242px;
	height:253px;
	background:url(../fond/fond_menuindex.jpg) no-repeat top left;
	padding:5px;
	padding-top:15px;
}
#menuindex dt{background:url(../fond/fondRub.jpg) no-repeat bottom left;margin-left:-5px;}
#menuindex .last{background:none!important;margin-left:-5px;}
#menuindex a{color:#000000; text-decoration:none; font-weight:bold; font-size:1.1em; display:block; width:225px; height:32px;padding-left:20px;padding-top:2px;}
#menuindex a:hover{color:#FFFFFF;}

/* FIN INDEX */

/* RUBRIQUES */
#contents{float:right; width:609px; height:675px; background:url(../fond/fond_rubs.gif) no-repeat;}
#contents_compar{float:right; width:873px; height:675px; background:url(../fond/fond_compar.gif) no-repeat;}
#logo{float:left; width:252px; height:81px; background:url(../fond/fond_logo.jpg) no-repeat; overflow:hidden;font-size:1.6em;color:#FFFFFF; text-align:center;padding-top:35px;margin-bottom:5px; text-indent:-999px;}

#contenu{width:576px; height:659px; margin-top:3px; padding-left:20px;padding-right:10px;padding-top:10px;overflow:auto;}
#contenu_compar{width:829px; height:629px; margin-top:3px; padding:20px; overflow:auto;}

.magasin{height:100px; margin-bottom:-35px;}
.magasin h2{color:#007CB3; font-size:1.4em; margin-bottom:10px;}
.magasin p{margin-bottom:-10px!important;}

.close-a, .close-b{ padding:10px; text-align:right; padding-right:15px; background:url(../element/croix_close.gif) no-repeat center right; margin-right:15px; margin-left:15px;}
.close-a {border-bottom:1px solid #C0C0C0;margin-top:-15px;margin-bottom:10px;}
.close-a a, .close-b a{ text-decoration:none; color:#444348;}

/* GALERIE */ 
.galerie{ z-index:500;display:block; clear:both; background-color:#FFFFFF;border:1px solid #AAAAAA;padding:5px;margin-top:10px; overflow:hidden; text-align:center; width:510px;margin-left:25px;}
.galerie label{margin:5px;}
.photogallerie{width:125px; height:85px;text-align:center;clear:both;overflow:hidden;}
.photogallerie img{border:1px solid #484848!important;}
.photo_desc{ font-size:0.9em; width:120px;text-align:center!important;padding:3px;}

/* FORMULAIRE */
#formulairepage{width:96%!important; width:93%;padding:5px; clear:both;}
#formulairepage fieldset{width:100%;margin:4px;padding:8px 6px;	display:block !important; clear:both; border:1px solid #CCCCCC;}
#formulairepage fieldset legend{font-weight:bold; color:#264082; font-size:1.2em;padding:5px;}
#formulairepage label{display:block;float:left;clear:both;width:215px;margin-bottom:10px;font-size:11px; color:#0D3C62; text-align:right; padding-right:10px;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email,#formulairepage select{border:1px solid #BDBDBE;margin-bottom:10px;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email, #formulairepage ul{float:left;display:block;	width:305px;margin-bottom:10px;}

#formulairepage select{overflow:visible;float:left;font-size:11px;width:305px;margin-bottom:10px;background:#FFF;color:#205580;}
#formulairepage select option{width:305px;display:block;overflow:visible;white-space:normal;}
#formulairepage textarea{height:100px;margin-top:0px!important;margin-top:-60px;}
#formulairepage .check{margin-right:5px;}

#formulairepage ul{list-style-image:none!important; list-style:none!important;margin-left:0px!important;}
#formulairepage li{float:left; margin-right:10px;/* margin-top:-10px!important;*/ font-size:11px; color:#205580;}
#formulairepage p{margin-left:250px; font-size:0.9em; color:#666666;}
.imgfield{margin-left:225px;}


#pied{position:relative;display:block; clear:both; float:right; width:609px; margin-top:15px; font-size:0.9em; text-align:right;color:#42474A;padding-right:10px; padding-bottom:20px;}
#pied a{color:#42474A; text-decoration:none;}
#pied a:hover{text-decoration:underline}

img.left{ float:left; margin-left:10px; margin-bottom:5px; display: inline; clear:both!important;}
#contenu p{ display:block; margin-top:10px;}
.txt_col{ float:left; display:block; width:300px;}
.txt_col p{ clear:both;}
.txt_col hr.bottom{ width:100%; font-size:2px;}
img{border:0;}
img.m_top{display:block; margin-top:40px!important;}