@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0;}

img{ border:0;}

ul li{ list-style:none;}

a { text-decoration:none;color:#009ee0;}	

@font-face {
    font-family: 'lucida_sansregular';
    src: url('../fonts/lucida_sans-webfont.eot');
    src: url('../fonts/lucida_sans-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/lucida_sans-webfont.woff') format('woff'),
         url('../fonts/lucida_sans-webfont.ttf') format('truetype'),
         url('../fonts/lucida_sans-webfont.svg') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'oxygenbold';
    src: url('../fonts/oxygen_bold-webfont.eot');
    src: url('../fonts/oxygen_bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/oxygen_bold-webfont.woff') format('woff'),
         url('../fonts/oxygen_bold-webfont.ttf') format('truetype'),
         url('../fonts/oxygen_bold-webfont.svg') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'oxygenregular';
    src: url('../fonts/oxygen-webfont.eot');
    src: url('../fonts/oxygen-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/oxygen-webfont.woff') format('woff'),
         url('../fonts/oxygen-webfont.ttf') format('truetype'),
         url('../fonts/oxygen-webfont.svg') format('svg');
    font-weight: normal; font-style: normal;}
	
@font-face {
    font-family: 'dinbold';
    src: url('../fonts/din-bold-webfont.eot');
    src: url('../fonts/din-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/din-bold-webfont.woff') format('woff'),
         url('../fonts/din-bold-webfont.ttf') format('truetype'),
         url('../fonts/din-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: 'lucida_sansregular', Arial, Helvetica, sans-serif; font-size:93.8%; color:#464646; font-weight:normal; background:#fff;}

#wrap { margin: 0 auto; width:990px;}

#menu-header a:hover, #acces-directs a:hover, #menu-footer li a:hover { text-decoration:underline;}


@media all{


/*************************************** HEADER ****************************************************/

#header {height:60px; padding: 15px 0 40px;}
#logo { float:left; width:247px; height:48px; padding-top:15px;}
#menu-header { float:right; width:355px; text-transform:uppercase; font-size: 0.867em; font-family:'oxygenbold', Arial, Helvetica, sans-serif; font-weight:normal;}
#menu-header li { display: inline; padding:0 7px;}
#menu-header li + li { border-left:1px solid #003652;}
#menu-header a { color:#003652;}



/******************************************** MENU ***********************************************/
#menu { width:100%; margin-bottom:25px; border:1px solid #d4dee3; position:relative;
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #d4dee3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d4dee3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#d4dee3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d4dee3',GradientType=0 ); /* IE6-9 */}
#menu li { float:left; padding:16px 2%; font-size: 0.867em; font-family:'oxygenbold', Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; cursor:pointer; color:#003652;}
#menu li + li { border-left:1px solid #dce2e6;}
#menu a { color:#003652;}
#menu li.item101 { display:none;}

/** bandeau - diaporama **/
#bandeau { margin-bottom: 35px;/* height:409px;*/}
#diaporama { margin-bottom: 25px;}
#rev_slider_wrapper {	width:994px;}

#bandeau-c { float:left; margin-bottom: 35px; width:75%}
#connexion { float:right; color:#fff; width:25%;}
#connexion #login-form { border:1px solid #d5dee3; padding:15px 25px; min-height:203px; background: #06527a; /* Old browsers */
background: -moz-linear-gradient(top,  #06527a 52%, #003652 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#06527a), color-stop(100%,#003652)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #06527a 52%,#003652 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #06527a 52%,#003652 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #06527a 52%,#003652 100%); /* IE10+ */
background: linear-gradient(to bottom,  #06527a 52%,#003652 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06527a', endColorstr='#003652',GradientType=0 ); /* IE6-9 */
}
#connexion #login-form fieldset { border:none;}
#connexion #login-form fieldset #form-login-username label, #connexion #login-form fieldset #form-login-password label { display:block; margin-bottom:5px;}
#connexion #login-form fieldset #form-login-username input, #connexion #login-form fieldset #form-login-password input { border-radius:7px; padding:4px 5px; border:none;}
#connexion #login-form #form-login-username, #connexion #login-form #form-login-password, #connexion #login-form #form-login-remember { margin:10px 0;}
#connexion #login-form fieldset input[type=submit] { border:1px solid #1a171b; background:#f8b131; border-radius:7px; padding:4px 10px; text-transform:uppercase; color:#003652; font-weight:bold;}


/******************************************** ACCUEIL ***********************************************/
#accueil {}

/** presentation **/
#presentation { width:66%; margin:0 4% 5% 0; float:left; margin-top:17px;}
#presentation h1, #solutions-innovantes h2, #garanties h2, #temoignages h2 { font-family:'oxygenbold', Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; color:#003652; font-size:1.333em; padding-bottom:10px; border-bottom:1px solid #b7c8d0; margin-bottom:15px;}
#presentation h2 { font-family:'oxygenbold', Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; color:#a0b6c1; font-size:2.667em; padding-bottom:10px;}
#presentation p { line-height:18px; font-size:0.867em;}
#presentation p a, #actualites p a, .temoignage p a { text-decoration:underline; color:#009ee0;}

/** actu **/
#actualites { float:right; width:26%; background:#f2f5f7; padding:2%;}
.titre-module { font-family:'oxygenbold', Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; color:#003652; font-size:1.333em; padding-bottom:7px; border-bottom:1px solid #b7c8d0; margin-bottom:15px;}
#temoignages h2 a, .titre-module a { color:#003652;}
#actualites span, .temoignage span { font-weight:bold; color:#1a171b; line-height:16px; font-size:0.867em; text-transform:uppercase;}
#actualites p, .temoignage p { line-height:16px; font-size:0.867em;}
.actu + .actu, .temoignage + .temoignage { margin-top:22px;}

/** solutions **/
#solutions-innovantes, #garanties { width:100%; margin-bottom:35px;}
#solutions-innovantes h2, #garanties h2 { text-align:center;}
#col-1, #col-2, #col-3 { text-align:center;}
#solutions-innovantes .item { width:33%; float:left;}



/** garanties **/
#garanties img { margin:0 1%;}

/** temoignages **/
#temoignages { width:54%; margin:0 4% 25px 0; float:left;}
.img-tem { float:left; margin-right:2%; width:23%;}
.texte-tem { float:left; width:74%;}
.img-tem img { padding:2px; border:1px solid #bcbcbc; box-shadow:0 0 5px #bcbcbc;}

.moduletable-installateur { float:right; width:41%;}

/******************************************** CONTENT ***********************************************/
#main { margin-bottom:6%;}

/** logo produit **/
#image-produit { float:left; width:150px; margin-bottom:20px;}

/** menu-secondaire **/
#menu-secondaire { float:right; width:80%; text-align:right;}
#menu-secondaire li { display: inline; padding:0 7px; text-transform:uppercase; font-size: 0.867em; font-family:'oxygenbold', Arial, Helvetica, sans-serif; font-weight:normal;}
#menu-secondaire li + li { border-left:1px solid #a7bbc5;}
#menu-secondaire li a { color:#a7bbc5;}

/** article **/
#main h1 {  font-family:'oxygenbold', Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; color:#003652; font-size:1.5em; padding-bottom:10px; border-bottom:1px solid #b7c8d0; margin-bottom:15px;}
#main h1 a { color:#003652;}
#main h2 { font-size: 1.333em; font-family:'oxygenbold', Arial, Helvetica, sans-serif; font-weight:normal; color:#003652; padding-bottom:10px; border-bottom:1px solid #b7c8d0; margin-bottom:20px; }
#main h3 { font-size: 2.200em; font-weight:normal; color:#003652; margin-bottom:10px; }
#main h4 { font-size: 1.333em; font-family:'dinbold', Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-transform:uppercase; text-align:center;}
#main table h4 { padding:12px 0;}
#main p { line-height:20px; font-size:0.800em;}
#main ul {  margin:3px 0; font-size:0.800em;}
#main ul ul { font-size:1em;}
#main ul li:before {content:"\2022\ ";color:#009ee0; font-family:Arial, Helvetica, sans-serif; padding-right:3px;}
#main ul li { line-height:20px;}
#main .lien { text-transform:uppercase; text-decoration:underline; font-size:0.800em; color:#009ee0;}
#main .image-gauche { float:left; border-right:60px solid #fff;}
#main .image-droite { float:right; border-left:60px solid #fff;}
#main #xmap li li { margin-left:20px;}
#main table { display:block;}

.bleu-fonce { color: #003F67;}
img.bordure { padding:2px; border:1px solid #e0e0e0; box-shadow: 1px 1px 7px #e0e0e0;}
.miniature { padding:2px; border:1px solid #ccc; box-shadow: 1px 1px 7px #ccc; margin:5px 5px 0 0;}
hr { width:100%; height:1px; color:#cddae0; background:#cddae0; border:0;}

/** produire électricité **/
#v-sys, #r-sun { float:left; width:49%; display:inline-block; margin-right:2%;background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #d4dee3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d4dee3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#d4dee3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d4dee3',GradientType=0 ); /* IE6-9 */}
#v-sys h4 { background:#e4191c; padding:15px 0; margin-bottom:1px;}
#r-sun h4 { background:#F6B734; padding:15px 0; margin-bottom:1px;}

.img-p { float:left; width:50%;}
.desc-p img { text-align:center;}
.desc-p { padding: 20px 4%; height:270px; float:left; width:42%; }

#r-volt { float:right; width:49%; display:inline-block; background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #d4dee3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d4dee3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#d4dee3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d4dee3',GradientType=0 ); /* IE6-9 */}
#r-volt h4 { background:#9ec10b; padding:15px 0; margin-bottom:1px;}

#focus { float:left; width:49%; margin-right:2%;}
#batiment { float:right; width:49%;}

/** v-sys **/
.auto-conso { background:#f0f4f7; border:1px solid #dbe4e9; display:inline-block;}
.img-auto { float:left; width:31%}
.texte-auto { float:left; padding:4%; width:61%;}

#caracteristiques, tbody { width:100%; border-collapse:collapse;}
#caracteristiques td, th { padding:3px 0 3px 2%;}
#caracteristiques td { width:38%; border:1px solid #9e9fa1;}
#caracteristiques td + td { width:18%;}
#caracteristiques tr td:first-child { background:#e5e9ec;}

/** design **/
.design { width:100%; display:inline-block; background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #d4dee3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d4dee3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#d4dee3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#d4dee3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d4dee3',GradientType=0 ); /* IE6-9 */}
#main .design-texte h2 { background:#e4191c; color:#fff; border:none; padding:15px 3% 5px 3%; font-size:2.55em;}
#main .v-sys .design-texte h2 { background:#e4191c;}
#main .r-volt .design-texte h2 { background:#9DC10B;}
#main .r-sun .design-texte h2 { background:#F7B030;}
.design-texte { float:left; width:57%;}
.design-image { float:right; width:43%;}
.design-texte h3, .design-texte p { padding:0 3% 2% 3%;}




/***************************** catégorie ************************/

.category-desc { margin-bottom:35px;}
.blog .item-separator {  clear:both;display:block; margin:10px 0; border:1px dotted #cccccc;}

#main .pagination{  height:23px; text-align:center; padding:0;}
#main .pagination li{ background:none; display:inline; padding:0 5px;}
#main .pagination li a { color:#666; font-weight:bold; text-decoration:none; padding:0 3px;}
#main .pagination li .actif, #main .pagination li a:hover{ background:#e2007a; color:#ffffff; padding:0 3px;}
#main .pagination li .prev a:hover, #main .pagination li .next a:hover{ background:none; color:#666; text-decoration:underline;}

.blog .img-accueil { float:left; padding:0 10px 10px 10px;}
.blog  p.readmore a { text-align:right; font-family: 'EurostileLTStdDemi', Arial, Helvetica, sans-serif;font-weight: normal;}



/***************************** formulaire ************************/



#userForm input[type=checkbox] { margin:0 10px 0 0;}
#content #userForm .componentheading { font-weight:bold;}
#userForm td:first-child { text-align:right; padding:0 15px 0 0;}
input.rsform-submit-button, button.button, .logout-button input.button { background:#007ab9; color:#fff; border:none; padding:2px 3px; cursor:pointer;}

#userForm td {color:#999; padding:0 15px 5px 0; width:50%;}
#userForm.contactez-nous td { width:auto;}
#userForm td h2 { margin:15px 0 0 0;}
#userForm input[type=radio] { margin:0 2% 0 3%;}
#content #userForm .componentheading { font-weight:bold;}
#userForm textarea { width:85%;}
#userForm.contactez-nous textarea { width:100%;}
#userForm td:first-child { text-align:right; padding:0 15px 0 0;}
#userForm.contactez-nous td:first-child { text-align:left;}



/***************************** connexion ************************/

.login fieldset { border:1px solid #007ab9; padding:15px; margin:10px 0;}
.login button { float:right;}
.login label { margin-right:15px;}
.login-fields { margin-bottom:5px;}
.logout-button { text-align:right; margin-top:5px;}




/******************************************** PRE FOOTER ***********************************************/

#pre-footer { background:#003652; padding:20px 0; color:#fff;}
#main-pre-footer { width:990px; margin:0 auto;}
#solutions { float:left; width:40%; margin-right:5%;}
#solutions p, #adresse p { font-size:0.800em; line-height:18px;}
#solutions a, #adresse a { text-decoration:underline;}
#acces-directs { float:left; width:25%; margin-right:5%;}
#acces-directs ul li {font-size:0.800em; text-transform:uppercase; line-height:20px;}
#acces-directs ul li:before {content:"\2022\ ";color:#fff; font-family:Arial, Helvetica, sans-serif; padding-right:3px;}
#acces-directs a { color:#fff;}
#adresse { float:left; width:25%;}
#adresse strong { font-weight:bold; color:#009ee0;}
.titre-pre-footer {font-size:1.133em; text-transform:uppercase; font-family: 'oxygenregular', Arial, Helvetica, sans-serif; font-weight: normal; padding-bottom:6px; margin-bottom:15px; border-bottom:1px dotted #fff;}




/******************************************** FOOTER ***********************************************/

#footer { background:#d4dee3; padding:8px 0; color:#003652; text-transform:uppercase; font-family:'oxygenbold', Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.867em;}
#main-footer { width:990px; margin:0 auto;}

#copyright { float:left; width:30%;}

#menu-footer { float:right; width:70%; text-align:right;}
#menu-footer li { display:inline; padding:0 10px;}
#menu-footer li a { color:#003652;}


}



@media all and (max-width: 1024px){

}

@media all and (max-width: 990px){ 
	#wrap, #main-pre-footer, #main-footer { width:98%; margin:0 1%; margin:0 auto; float:none;}
	
	.desc-p { height:auto;}
	#bandeau, #rev_slider_wrapper, #bandeau-c { margin-bottom: 35px; float:none; width:100%; height:auto;}
	#connexion { float:none;  width:98%; margin:0 1%; margin-bottom: 15px;}
	img{ border:0; height:auto; max-width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width: auto;}
}

@media all and (max-width: 970px){
	#menu li { padding:16px 1% 16px 2%;}
}

@media all and (max-width: 920px){
	#menu-secondaire, #image-produit { width:100%; margin:0 auto; float:none; padding-bottom:4%; text-align:left;}
	#menu li { font-size: 73%;}
}
	
@media all and (max-width: 845px){
	#main .image-gauche { border-right:30px solid #fff; max-width: 50%; width:inherit;}
	#main .image-droite { border-left:30px solid #fff; max-width: 50%; width:inherit;}
	
	#menu-footer li { padding: 0 10px 0 0;}
	
	/** accueil **/
	#presentation { width:98%; margin:0 1% 35px 1%; float:none;}
	#actualites { width:92%; margin:0 1% 35px 1%; float:none; padding:3%;}
	#menu li { padding:16px 1%;}
	
}

@media all and (max-width: 705px){	
	#v-sys, #r-volt, #r-sun { width:100%; margin:0 auto; float:none; margin-bottom:10px;}
}

@media all and (max-width: 650px){
	/** accueil **/
	#temoignages { width:98%; margin:0 1%; margin:0 auto; padding-bottom:4%; float:none}
	.moduletable-installateur { float:none; width:100%; text-align:center; margin-bottom:15px;}
	#focus, #batiment { width:98%; margin:0 1% 35px 1%; float:none;}
	#focus p img, #batiment p img { width:100%;}
	#focus p a img, #batiment p a img, #focus p.lien img, #batiment p.lien img { width: auto;}
}

@media all and (max-width: 580px){
	/** article **/
	#main .image-gauche, #main .image-droite { margin-bottom:3%; border:none; float:none; text-align:center; width:100%; max-width:100%;}
}

@media all and (max-width: 536px){
	/** header **/
	#header { height:auto; padding:15px 0;}
	#logo, #menu-header { width:100%; margin:0 auto; float:none; padding-bottom:10px;}
	#menu-header { text-align:right;}
	
	
	/** en-tete produit **/
	#menu-secondaire li { display:block;}
	#menu-secondaire li + li { border:none;}
	
	/** accueil **/
	#solutions-innovantes #col-1, #solutions-innovantes #col-2, #solutions-innovantes #col-3 { width:100%; float:none; margin-bottom:5px;}
	#presentation h2 {font-size:2em;}
	
	
	/** footer **/
	#solutions, #acces-directs, #adresse, #copyright, #menu-footer { width:98%; margin:0 1%; margin:0 auto; padding-bottom:4%;}
	.design-texte { width:100%; margin:0 auto; padding-bottom:4%;}
	.design-image { display:none;}
	#menu-footer { text-align:left; float:left;}
	#menu-footer li { padding:0 1% 0 0;}
}
	
	
@media all and (max-width: 320px){
	.img-auto, .img-p { width:100%; margin:0 auto; float:none;}
	.img-p { text-align:center;}
	.desc-p, .texte-auto { word-wrap: break-word; width:92%; margin:0 auto; float:none;}
}