
/* CSS des pages en détail */

/* Various */

#switchLangue{
position:absolute;
top:95px;
left:830px;
}

#switchLangue a{
text-decoration:none;
font-size:10px;
}

#titre_infos_tech{
position:absolute;
top:140px;
left:745px;
}

#titre_infos_tech h2{
width:225px;
margin:0;
padding:2px 0 3px 0;
text-align:center;
font-weight:bold;
color:#fff;
text-transform:uppercase;
background-color:#fe9100;
}


span.ecartLine{
display:block;
height:5px;
clear:both;
}

p.lireArticle{
margin-top:3px;
}



#infos_techniques_bottom{
position:relative;
width:232px;
padding:10px 5px 0 13px;
height:310px;
clear:both;
background: url(../../images/fonds/infos_techniques_bottom_bck.png) top left no-repeat;
}

#infos_techniques_bottom h3{
position:relative;
margin:5px 0 5px 0;
color:#01669a;
font-size:11px;
}

#infos_techniques_bottom ul{
margin:0 0 0 13px;
}

#infos_techniques_bottom ul li a,
#infos_techniques_bottom ul li a span{
text-transform:uppercase;
font-size:10px;
color:#fe9100;
}

#nousContacter{
position:relative;
width:190px;
padding:15px 10px 0 40px;
height:85px;
clear:both;
background: url(../../images/fonds/nousContacter_bck.jpg) top left no-repeat;
}

#nousContacter h2 a{
color:#000;
font-size:14px;
text-transform:uppercase;
}

#nousContacter p a{
color:#01669a;
font-size:12px;
font-weight:bold;

}



/* Fin various */

/* Mise en page générale du texte */

.presentationGenerale{
position:relative;
height:auto;
padding:0 20px 0 10px;
clear:both;
}


.presentationGenerale h1{
position:relative;
padding:0 0 0 0;
margin-bottom:25px;
font-size:24px;
font-weight:bold;
background-position:top left;
background-repeat:no-repeat;
clear:both;
line-height:24px;
text-transform:uppercase;
}

.presentationGenerale h3{
}

.presentationGenerale h4{
position:relative;
font-size:14px;
font-weight:bold;
clear:both;
margin-bottom:10px;
}

.presentationGenerale h5{
position:relative;
font-size:14px;
font-weight:bold;
clear:both;
}

.presentationGenerale,
.presentationGenerale a,
.presentationGenerale p a,
.presentationGenerale p,
.presentationGenerale p span,
.presentationGenerale p strong,
.presentationGenerale ul li{
font-size:13px;
}

.presentationGenerale ul li{
list-style-position:outside;
margin-top:5px;
/* list-style-image: url("../../images/picto/fleche_grise.png"); */
}



/* Fin de mise en page générale */



/* Page d'accueil */

#firstEncartAccueil{
position:relative;
width:700px;
height:280px;
clear:both;
}

#firstEncartAccueil h2,
#firstEncartAccueil h3{
color:#04679b;
text-transform:uppercase;
}

#firstEncartAccueil h2{
font-size:22px;
}

#firstEncartAccueil h3{
font-size:19px;
}

#firstEncartAccueil ul li{
border-bottom:1px dotted #468eb4;
padding-bottom:5px;
margin-top:10px;
width:320px;
}

#firstEncartAccueil ul li a{
font-size:18px;
font-weight:bold;
color:#fe9100;
width:auto;
}

#secondEncartAccueil tr td p,
#secondEncartAccueil tr td p strong,
#secondEncartAccueil tr td p a{
font-size:12px;
}

/* Fin de la page d'accueil */

/* Partenaires professionnels */

.partenaires_professionnels{
position:relative;
margin:0;
padding:0;
border-collapse:collapse;
clear:both;
}

.partenaires_professionnels tr td{
border-bottom:1px solid #333399;
vertical-align:middle;
padding:3px;
font-weight:bold;
}


/* Fin Partenaires professionnels */

/* Pages produits */

.fil_ariane{
position:relative;
width:480px;
height:auto;
padding:0 0 20px 0;
margin:8px 0 10px 0;
clear:both;
background: url(../../images/fonds/fil_ariane_bottom.jpg) bottom left no-repeat;
}

.fil_ariane table tr td{
color:#04689b;
font-size:12px;
}

/* Menus produits */

#menu_produits{
position:relative;
width:200px;
height:auto;
clear:both;
padding:0 0 10px 10px;
background: url(../../images/fonds/menu_produits_bck.jpg) top left repeat-y;
}


.menu_type{
position:relative;
width:190px;
height:40px;
clear:both;
}

.menu_type a{
display:block;
width:190px;
height:28px;
padding:12px 0 0 0;
text-align:center;
font-size:13px;
font-weight:bold;
}

.menu_type a.activTypeMenu,
.menu_type a:hover{
color:#04679b;
}

.inter_menu_type{
position:relative;
width:190px;
height:auto;
clear:both;
background: url(../../images/boutons/menu_type_inter_bck.jpg) top left repeat-y;
}

.inter_menu_type a{
display:block;
margin:0 0 0 15px;
font-size:12px;
font-weight:bold;
}

.inter_menu_type a.activCategMenu,
.inter_menu_type a:hover{
color:#04679b;
}

/* Fin Menus produits */


#presentation_prod_table{
position:relative;
border-collapse:collapse;
clear:both;
width:480px;
height:auto;
}

td.presentation_prod_td{
width:240px;
height:auto;
}

td.presentation_prod_td p a{
font-size:12px;
font-weight:bold;
}

.presentation_prod_td_text,
.presentation_prod_td_text strong,
.presentation_prod_td_text span,
.presentation_prod_td_text i,
.presentation_prod_td_text u,
.presentation_prod_td_text p,
.presentation_prod_td_text p strong,
.presentation_prod_td_text p span,
.presentation_prod_td_text ul li{
color:#000;
font-size:11px;
}

.presentation_prod_td_text p,
.presentation_prod_td_text p a,
.presentation_prod_td_text a{
width:125px;
}

.presentation_prod_td_fiche_text,
.presentation_prod_td_fiche_text strong,
.presentation_prod_td_fiche_text span,
.presentation_prod_td_fiche_text i,
.presentation_prod_td_fiche_text u,
.presentation_prod_td_fiche_text p,
.presentation_prod_td_fiche_text p strong,
.presentation_prod_td_fiche_text p span,
.presentation_prod_td_fiche_text p a,
.presentation_prod_td_fiche_text a, 
.presentation_prod_td_fiche_text ul li{
color:#000;
font-size:12px;
width:285px;
}


/* Hack IE6 */

* html .presentation_prod_td_fiche_text,
* html .presentation_prod_td_fiche_text strong,
* html .presentation_prod_td_fiche_text span,
* html .presentation_prod_td_fiche_text i,
* html .presentation_prod_td_fiche_text u,
* html .presentation_prod_td_fiche_text p,
* html .presentation_prod_td_fiche_text p strong,
* html .presentation_prod_td_fiche_text p span,
* html .presentation_prod_td_fiche_text p a,
* html .presentation_prod_td_fiche_text a, 
* html .presentation_prod_td_fiche_text ul li{
width:270px;
}

/* Hack IE7 */

*+html .presentation_prod_td_fiche_text,
*+html .presentation_prod_td_fiche_text strong,
*+html .presentation_prod_td_fiche_text span,
*+html .presentation_prod_td_fiche_text i,
*+html .presentation_prod_td_fiche_text u,
*+html .presentation_prod_td_fiche_text p,
*+html .presentation_prod_td_fiche_text p strong,
*+html .presentation_prod_td_fiche_text p span,
*+html .presentation_prod_td_fiche_text p a,
*+html .presentation_prod_td_fiche_text a, 
*+html .presentation_prod_td_fiche_text ul li{
width:270px;
}

.presentation_prod_td_fiche_text ul li{
list-style-type: disc;
list-style-position:inside;
}


h3.titre_bleu{
font-size:20px;
color:#04679b;
}

.presentation_globale_text,
.presentation_globale_text strong,
.presentation_globale_text span,
.presentation_globale_text i,
.presentation_globale_text u,
.presentation_globale_text p,
.presentation_globale_text p strong,
.presentation_globale_text p span,
.presentation_globale_text p a,
.presentation_globale_text a, 
.presentation_globale_text ul li{
color:#000;
font-size:12px;
}


p.legende_pic{
position:relative;
margin:5px 0 0 0;
color:#999;
font-size:11px;
font-style:italic;
text-align:center;
}

.documentsTechniques{
position:relative;
width:auto;
height:auto;
clear:both;
}

.documentsTechniques h4{
font-size:14px;
font-weight:normal;
padding:0 0 5px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #000;
}

.documentsTechniques ul li{
list-style:none;
margin:0 0 15px 0;
}

.documentsTechniques ul li a{
color:#fe9100;
font-style:italic;
}
/* Fin pages produits */

/* Pages infos techniques */

/* Onglets */

.menu_multi_onglets{
position:relative;
display:table;
height:50px;
width:470px;
clear:both;
background: url(../../images/boutons/menu_multi_onglets_bck.jpg) top left repeat-x;
}

.one_onglet_multi_left_on,
.one_onglet_multi_left_off,
.one_onglet_multi_on,
.one_onglet_multi_off,
.one_onglet_multi_right_on,
.one_onglet_multi_right_off{
position:relative;
float:left;
height:50px;
}

.one_onglet_multi_left_on,
.one_onglet_multi_left_off,
.one_onglet_multi_right_on,
.one_onglet_multi_right_off{
width:20px;
display:block;
}

.one_onglet_multi_left_off,
.one_onglet_multi_right_off{
cursor:pointer;
}

.one_onglet_multi_on,
.one_onglet_multi_off{
width:auto;
}

.one_onglet_multi_on a,
.one_onglet_multi_off a{
position:relative;
display:block;
padding:15px 5px 0 5px;
text-align:center;
height:35px;
color:#fe9100;
}

.one_onglet_multi_on a{
font-weight:bold;
}

.one_onglet_multi_left_on{
background: url(../../images/boutons/one_onglet_left_on.jpg) top left no-repeat;
}

.one_onglet_multi_left_off{
background: url(../../images/boutons/one_onglet_left_off.jpg) top left no-repeat;
}

.one_onglet_multi_right_off{
background: url(../../images/boutons/one_onglet_right_off.jpg) top left no-repeat;
}

.one_onglet_multi_right_on{
background: url(../../images/boutons/one_onglet_right_on.jpg) top left no-repeat;
}

.one_onglet_multi_on{
background: url(../../images/boutons/one_onglet_on.jpg) top left repeat-x;
}

.one_onglet_multi_off{
background: url(../../images/boutons/one_onglet_off.jpg) top left repeat-x;
}


/* Tableau récapitulatif */

#tableau_recapitulatif{
position:relative;
height:100%;
width:100%;
}

#tableau_recapitulatif tr td{
border:1px solid #000;
padding:7px 2px 7px 2px;
text-align:center;
vertical-align:middle;
}




/* Fin tableau récapitulatif */

/* Fin Pages infos techniques */

p.mentions{
font-size:11px;
color:#434343;
}

p.mentions a{
font-size:11px;
}


/* Fin Page Formulaire pour demande de devis */

/* Page réseau commercial */

#reseau_commercial{
position:relative;
height:auto;
padding:0 0 10px 10px;
background: url(../../images/fonds/commercial_left_bck.jpg) bottom left no-repeat;
clear:both;
}


ul.listeReseauPays li{
margin:0;
padding:0;
list-style-type: none;
font-weight:normal;
color:#6b6b6b;
}

h4.bottom_h4{
position:relative;
width:auto;
height:auto;
padding:0 0 20px 0;
color:#04689b;
font-size:14px;
text-transform:uppercase;
font-weight:normal;
background: url(../../images/fonds/bottom_h4_bck.jpg) bottom left no-repeat;
clear:both;
}

/* Fin page réseau commercial */


/* Page contact */

/* Formulaire de contact */

span.asterisque{
color:#ff0000;
}

.champForm{
position:relative;
clear:both;
margin-top:7px;
}

.champForm label{
position:relative;
float:left;
display:block;
width:170px;
height:15px;
text-align:right;
font-size:12px;
color:#000;
}

.champForm input{
position:relative;
height:18px;
margin-left:5px;
border:1px solid #d2d2d2;
font-size:12px;
width:220px;
color:#000;
}

.champForm select{
position:relative;
height:18px;
width:222px;
margin-left:5px;
border:1px solid #d2d2d2;
font-size:12px;
color:#000;
}

.champForm select option{
font-size:12px;
color:#000;
}

.champForm textarea{
position:relative;
margin-left:2px;
width:220px;
height:232px;
font-size:12px;
border:1px solid #d2d2d2;
color:#000;
}
.champFormRadio{
position:relative;
clear:both;
margin-top:5px;
}

select.long_select{
width:400px;
}

select.multi_long_select{
width:400px;
height:95px;
padding:0;
}

select.multi_long_select option{
height:18px;
width:400px;
}


/* Fin du formulaire de contact */


/* Fin partie droite */

.pave_coordonnees{
margin-left:20px;
color:#787878;
font-size:12px;
}

.pave_coordonnees a,
.pave_coordonnees span{
font-size:12px;
}


/* Fin page contact */

/* Page formulaire de calcul de puissance */

.boutonSuite{
position:relative;
cursor:pointer;
padding:5px;
text-align:center;
}

.btn_suite_div{
position:relative;
clear:both;
display:table;
margin-left:284px;
}

.btn_suite_a{
position:relative;
float:left;
display:block;
width:187px;
height:25px;
padding:7px 0 0 0;
color:#fff;
font-weight:bold;
font-size:14px;
text-align:center;
background: url(../../images/boutons/formulaire_btn.jpg) top left no-repeat;
}

.champFormPuissance_h3{
margin:0 0 0 100px;
font-size:12px;
text-decoration:underline;
}

/* Propriétés CSS qui annulent le CSS de jquery */

#tabs{
border:none;
width:700px;
padding:0;
}

#onglets_formulaire{
background: url(../../images/boutons/formulaire_ul_bck.jpg) bottom left repeat-x;
padding:0 0 2px 0;
margin:0 3px;
}

/* Hack FF3 */
html>/**/body #onglets_formulaire, x:-moz-any-link, x:default {
padding:0 0 2px 0;
}

/* Hack Firefox 2 */
#onglets_formulaire, x:-moz-any-link {
padding:0 0 1px 0;
} 

/* Hack IE7 */
*+html #onglets_formulaire{
padding:0 0 1px 0;
}

* html #header{
padding:0 0 1px 0;
}

#fragment-1,
#fragment-2,
#fragment-3,
#fragment-4,
#fragment-5,
#fragment-6,
#fragment-7,
#fragment-8{
padding-bottom:0;
padding-left:0;
padding-right:0;
background: url(../../images/fonds/formulaire_middle.jpg) left top repeat-y;
}


/*  */

/* Onglets fu formulaire */

.menu_formulaire_multi_onglets{
position:relative;
display:table;
height:40px;
width:690px;;
clear:both;
margin:0 0 0 5px;
background: url(../../images/boutons/menu_multi_onglets_bck.jpg) top left repeat-x;
}

.one_onglet_formulaire_multi_left_on,
.one_onglet_formulaire_multi_left_off,
.one_onglet_formulaire_multi_on,
.one_onglet_formulaire_multi_off,
.one_onglet_formulaire_multi_right_on,
.one_onglet_formulaire_multi_right_off{
position:relative;
float:left;
height:40px;
}

.one_onglet_formulaire_multi_left_on,
.one_onglet_formulaire_multi_left_off,
.one_onglet_formulaire_multi_right_on,
.one_onglet_formulaire_multi_right_off{
width:10px;
display:block;
}

.one_onglet_formulaire_multi_left_off,
.one_onglet_formulaire_multi_right_off{
cursor:pointer;
}

.one_onglet_formulaire_multi_on,
.one_onglet_formulaire_multi_off{
width:auto;
}

.one_onglet_formulaire_multi_on a,
.one_onglet_formulaire_multi_off a{
position:relative;
display:block;
padding:0 4px 0 5px;
text-align:center;
height:35px;
width:auto;
color:#fe9100;
line-height:14px;
border:none;
}

/* Hack IE6 */
* html .one_onglet_formulaire_multi_on a,
* html .one_onglet_formulaire_multi_off a{
width:69px;
}

.one_onglet_formulaire_multi_on a{
font-weight:bold;
}

.one_onglet_formulaire_multi_left_on{
background: url(../../images/boutons/one_onglet_formulaire_left_on.jpg) top left no-repeat;
}

.one_onglet_formulaire_multi_left_off{
background: url(../../images/boutons/one_onglet_formulaire_left_off.jpg) top left no-repeat;
}

.one_onglet_formulaire_multi_right_off{
background: url(../../images/boutons/one_onglet_formulaire_right_off.jpg) top left no-repeat;
}

.one_onglet_formulaire_multi_right_on{
background: url(../../images/boutons/one_onglet_formulaire_right_on.jpg) top left no-repeat;
}

.one_onglet_formulaire_multi_on{
background: url(../../images/boutons/one_onglet_on.jpg) top left repeat-x;
}

.one_onglet_formulaire_multi_off{
background: url(../../images/boutons/one_onglet_off.jpg) top left repeat-x;
}



.champFormPuissance{
position:relative;
clear:both;
margin:7px 0 0 100px;
}

.champFormPuissance label{
position:relative;
float:left;
display:block;
width:200px;
height:15px;
text-align:right;
font-size:12px;
color:#000;
}

.champFormPuissance input{
position:relative;
height:18px;
margin-left:5px;
border:1px solid #d2d2d2;
font-size:12px;
width:220px;
color:#000;
padding:0 0 0 5px;
}

.champFormPuissance select{
position:relative;
height:18px;
width:222px;
margin-left:5px;
border:1px solid #d2d2d2;
font-size:12px;
color:#000;
}

.champFormPuissance select option{
font-size:12px;
color:#000;
padding:0 0 0 5px;
}

.champFormPuissance textarea{
position:relative;
margin-left:2px;
width:220px;
height:232px;
font-size:12px;
border:1px solid #d2d2d2;
color:#000;
padding:0 0 0 5px;
}
.champFormPuissanceRadio{
position:relative;
clear:both;
margin:5px 0 0 100px;
}

.champFormPuissanceRadio span{
font-size:12px;
}

.champFormPuissanceRadio label{
position:relative;
float:left;
display:block;
width:200px;
height:15px;
text-align:right;
font-size:12px;
}

.champFormPuissanceRadio input{
position:relative;
height:15px;
margin-left:20px;
margin-right:5px;
font-size:12px;
top:3px;
}

.champFormPuissanceBouton{
position:relative;
clear:both;
margin-top:20px;
}

.champFormPuissanceBouton label{
position:relative;
float:left;
display:block;
width:170px;
height:15px;
text-align:right;
font-size:12px;
}

.champFormPuissanceBouton input{
position:relative;
margin-left:30px;
font-size:14px;
width:100px;
height:25px;
font-weight:bold;
}

/* Fin page formulaire de calcul de puissance */

/* Pop up thickbox */

.popup_thickbox{
position:relative;
width:600px;
height:100%;
padding-left:20px;
}

.popup_thickbox h3{
font-family:arial;
font-size:14px;
padding-left:0px;
color:#fe9100;
}

#fermerPopup a {
color:#fe9100;
}

/* Fin Pop up thickbox */


/* Popup thickbox identification */

#identification_popup{
position:relative;
width:100%;
height:425px;
background: url(../../images/fonds/identification_bck.jpg) bottom right no-repeat;
}

/* Hack Firefox 3 */
html>/**/body #identification_popup, x:-moz-any-link, x:default {
height:425px;
}

/* Hack Firefox 2 */
#identification_popup, x:-moz-any-link {
height:425px;
} 

/* Hack IE7 */
*+html #identification_popup{
height:427px;
}

/* Hack IE6 */
* html #identification_popup{
height:427px;
}

#identification_popup h4{
color:#01669a;
font-size:16px;
text-transform:uppercase;
margin:30px 0 0 0;
}

#identification_popup p{
color:#000;
font-size:12px;
}

#identification_popup p a{
font-size:10px;
}

.top_register_form{
position:relative;
width:auto;
height:50px;
padding:10px 0 0 0;
clear:both;
}

.titre_encart_form{
position:relative;
width:400px;
height:auto;
padding:0 0 20px 20px;
margin:8px 0 10px 0;
clear:both;
background: url(../../images/fonds/titre_encart_form_bottom.jpg) bottom left no-repeat;
}

.titre_encart_form table tr td{
color:#04689b;
font-size:14px;
}

.champFormRegister{
position:relative;
clear:both;
margin-top:7px;
}

.champFormRegister label{
position:relative;
float:left;
display:block;
width:120px;
height:15px;
text-align:right;
font-size:12px;
color:#000;
}

.champFormRegister input{
position:relative;
height:18px;
margin-left:5px;
border:1px solid #d2d2d2;
font-size:12px;
width:180px;
color:#000;
}

.champFormRegister select{
position:relative;
height:18px;
width:182px;
margin-left:5px;
border:1px solid #d2d2d2;
font-size:12px;
color:#000;
}

.champFormRegister select option{
font-size:12px;
color:#000;
}

.champFormRegister textarea{
position:relative;
margin-left:2px;
width:180px;
height:232px;
font-size:12px;
border:1px solid #d2d2d2;
color:#000;
}

/* Fin Popup thickbox identification */

.unArticle{
position:relative;
padding:0px;
padding-top:10px;
margin:0px;
width:590px;
height:auto;
}

.unArticle h2{
position:relative;
padding:10px 0 10px 0;
margin:0px;
font-size:14px;
color:#000;
font-weight:bold;
}

.unArticle h3{
position:relative;
padding:5px 0 5px 0px;
font-size:15px;
color:#000;
font-weight:bold;
}

.unArticle p{
position:relative;
margin:0px;
padding-left:0px;
font-size:13px;
color:#000;
padding-bottom:5px;
}

.unArticle p strong{
position:relative;
font-size:13px;
color:#000;
}

.unArticle ul{
position:relative;
padding-left:30px;
font-size:12px;
color:#000;
padding-bottom:5px;
list-style:outside;
}

.unArticle a {
color:#633123;
font-weight:bold;
text-decoration:underline;
}
