/* --------------------------------------------------
file: main.css
website: www.arkoon.net
version: 1.0
updated: 15/03/07
created: 15/03/07
author: Benoit Brochier
contact: http://www.lesangesurbains.com
---------------------------------------------------*/


/* GENERAL LAYOUT ----------------*/

body {
text-align: center;
margin: 10px 0 0 0;
padding: 0;
background:#cecece;
font-family: Trebuchet MS, Arial, sans-serif;
}

#wrapper {
width: 963px;
margin: 0 auto;
padding: 0;
text-align:left;
background:url(images/bg_content.jpg) right repeat-y;
background-color:#FFFFFF;
}

#clearLeft {
clear:left;
height:0px;
}

#clearBoth, .clear {
clear:both;
height:0px !important;
line-height:0;
font-size:0;
}

.clear {
clear:both;
height:0px;
line-height:0;
display:block;
}

h2{
font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:0;
font-size:16px
}

h3 {
padding:0;
margin:0;
font-size:13px
}

h4 {
padding:0;
margin:0;
}

/* HEADER ----------------*/

input.btnBleu{ border:none; color:#FFFFFF;padding:0;cursor:hand;font-size:12px;background:url(images/ok.jpg) no-repeat;height:17px;
width:20px; margin:0;   }


input.champHeader{
padding: 0 0 0 3px;
border:1px solid #cecece;
color:#9a9999;
font-size:12px;
height:16px;
}


.netletterTop {
font-size:11px;
color:#29B4E8;
font-weight:bold;
text-decoration:none;
background:url(images/compoActu_flecheB.jpg) no-repeat left top;
padding: 0 0 0 14px;
float:right;
}

.netletter_msg {
display:block;
position:absolute;
top:0; right:0; width:350px; text-align:right;
font-size:11px;
color:orange;
font-weight:bold;
z-index:3;
}

.netletterTop:hover {
text-decoration:underline;color:#29B4E8
}

#header_top {
height:6px;
background:url(images/header_top.jpg) no-repeat;
line-height:5px;
font-size:5px;
margin:0;
padding:0;
}

#header {
margin:0;
padding:0 20px 0 0;
background:url(images/bg_content_blanc.jpg);
height:92px; position:relative
}

#header img {
float:left;
}

#action {
float:right;
border-left:1px solid #cecece;
border-right: 1px solid #cecece;
line-height:14px;
height:47px;
padding:7px 9px 0 9px;
width:100px;
margin:6px 0 0 0;
}

.jeSouhaite { margin:6px 0 0 10px; padding:0 0 0 10px; position:relative;}


#header select {
width:150px;
font-size:12px;
color:#9a9999;
}

/* iframe form netletter https */
.iframe_form_netletter {
height:50px; border:none; margin:0 0 0 1px; padding:0; overflow:hidden;
}


/* Langues ------------------*/

#langues {
width:281px; height:20px; line-height:20px; text-align:left; font-family:Arial, Helvetica, sans-serif;
position:absolute; bottom:5px; left:0; font-size:11px;
}

#langues a {
color:#909999; font-weight:normal; text-decoration:none; letter-spacing:1px; padding: 0 10px;
}


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

#langues a.actif {
color:#29B4E8; font-weight:bold;
}

#langues a.actif:hover {
text-decoration:none;
}

/* MENU TOP ----------------*/

#menuTop {
background:url(images/bg_content_blanc.jpg) left;
margin:0;
padding:0 0 1px 0;
}

#menuTop ul {
height:36px;
list-style:none;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 0 10px;
padding:0;
}

#menuTop ul li {
float:left;
display:block;
margin:0;
padding:0;
height:30px;
text-decoration:none;
color: #ffffff;
font-size:13px;
line-height:30px;
background:url(images/bgMenuTopGris.gif) repeat-x;
overflow:hidden;
}

#menuTop ul li a{
display:block;
float:left;
height:36px;
padding: 0px 11px 0px 10px;
text-decoration:none;
color: #ffffff;
border-right:1px solid #FFFFFF;

}

#menuTop ul li a:hover{
background:url(images/BgMenuTopBleu.gif) repeat-x;
}

#menuTop ul li.active{
background:url(images/BgMenuTopBleu.gif) repeat-x;
}

#menuTop ul li.active a{
background:url(images/menu_light_over.gif) bottom center no-repeat;
}

#menuTop ul li.active a:hover{
background:url(images/menu_light_over.gif) bottom center no-repeat;
}

#menuTop ul li a.end{
border-right:1px solid #ffffff;
}

/* cf css/menuTop_dimensions.css
 * pour dimensionner les largeurs de chaque bouton * 
 */
/* LEFT CONTENT ----------------*/

#left {
float:left;
width:214px;
background:#FFFFFF;
}

/* MENU LEFT ----------------*/

#menuLeft { background-color:#f4f3e8; border:1px solid #f4f3e8;/*background:url(images/bgMenuLeft.gif);*/ }

#menuLeft ul{ list-style:none; margin:0; padding:10px 0 5px 13px; }

#menuLeft a{border-top:1px solid #cecece; font-size:13px; font-weight:bold; color:#4a4848; text-decoration:none; display:block; vertical-align:middle;
 padding:4px 4px 4px 20px; background:url(images/menuLeft_off.jpg) no-repeat 0 0; /*height:29px;*/line-height:20px; }

#menuLeft a:hover, #menuLeft li.charte_gris_fonce a:hover{
color:#29b4e8;background:url(images/menuLeft_on.gif) no-repeat 0 0;background-color:#909090;padding-left:20px;}

#menuLeft li.charte_bleu_fonce a:hover{
color:#072259;background:url(images/menuLeftBleuFonce.gif) no-repeat 0 0;background-color:#909090;padding-left:20px;}

.colonne-droite .box a.bleu_fonce { color:#072259; }
.bleu_fonce,
#ligneProduit.rub3 a.bleu_fonce { color:#072259; }
#menuLeft li.charte_gris_fonce li a:hover {
background:none;
color:#29b4e8;
padding-left:0;
}


#menuLeft a.menuLeftActif{
color:#29b4e8;
background:url(images/menuLeft_on.gif) no-repeat 0 0;
background-color:#909090;
}

#menuLeft li.charte_bleu_fonce a.menuLeftActif{
background:url(images/menuLeftBleuFonce.gif) no-repeat 0 0; color:#072259}


#menuLeft ul li ul{
margin:10px 0 5px 30px;
padding:0;
list-style-image:url(images/subListBullet.jpg);
}

#menuLeft ul li{
margin:0;
padding:0;
}

#menuLeft ul li ul li a{
font-size:11px;
font-weight:bold;
color:#4a4848;
text-decoration:none;
border:none;
background:none;
line-height:15px;
width:150px;
padding:0
}

#menuLeft ul li ul li a:hover{
color:#9a9999;
padding-left:0
}

#menuLeft ul li ul li a:hover{
background:none;
}

#menuLeft ul li ul li a.subMenuLeftActif{
color:#29b4e8;
}

/* COMPOSANTS CSS GENERAL ----------------*/

.composant{
border:1px solid #f4f3e8;
width:177px;
padding:5px;
margin:7px 0 0 12px;
}

.composantTitre{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
font-size:13px;
background:url(images/headerContextuel.jpg);
width:173px;
height:25px;
line-height:25px;
padding:0 0 0 5px;
margin: 0 0 4px 0;
}

.composant p{
font-size:12px;
margin:0;
padding:3px;
}

.composant p a{
display:block;
font-weight:bold;
/*color:#29b4e8;*/
text-decoration:none;
/*background:url(images/compoActu_flecheB.jpg) no-repeat left top;
padding:0 0 0 16px;*/
}

.composant p a:hover{
font-weight:bold;
color:#29b4e8;
text-decoration:underline;
}



/* COMPOSANTS ACTUALITES ----------------*/

.compoActuDate{
font-weight:bold;
color:#9a9999;
}

/* COMPOSANTS TEMOIGNAGE ----------------*/

.compoTemQuote{
font-weight:bold;
color:#9a9999;
}

.compoTemSign{
font-weight:bold;
text-align:right;
}

/* COMPOSANTS LIVRES BLANCS ----------------*/

.compoLivreTitre{
font-weight:bold;
color:#29b4e8;
font-size:14px;
}


/* COMPOSANTS CERTIFICATION ----------------*/

.compoCertif{
margin:11px;
}

.compoCertif img{
margin-top:11px;
}


/* COMPOSANTS PARTENAIRE ----------------*/

.compoPart{
text-align:center;
background-color:#F5F5ED;
}



/* COMPOSANTS COMMENT ACHETER ----------------*/


.titreAcheter{
background:url(images/compoAcheter2.jpg) no-repeat center;
font-size:13px;
font-weight:bold;
line-height:48px;
color:#FFFFFF;
padding:0;
width:180px;
margin:0 0 0px 15px;
text-align:center;
height:53px;
}

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

a.compoAcheterLien{
display:block;
font-weight:bold;
color:#29b4e8;
text-decoration:none;
background:url(images/compoActu_flecheB.jpg) no-repeat left top;
padding:0 0 0 16px;
font-size:12px;
margin:5px 0 0 10px;
}

a.compoAcheterLien:hover{
text-decoration:underline;
}


/* COMPOSANTS ACHETER (HORIZONTAL) ----------------*/

.compoAcheter {
margin: 0 0 0 15px;
}

#btnAcheter a{
display:block;
background:url(images/btn_acheter.jpg) no-repeat left;
font-size:12px;
font-weight:bold;
line-height:42px;
height:42px;
width:139px;
color:#FFFFFF;
padding-left:13px;
float:left;
margin:0 10px 0 0;
text-decoration:none;
}

#btnAcheter a:hover{
text-decoration:none;
background:url(images/btn_acheter_on.jpg) no-repeat left;
}

a.compoAcheterLink{
display:block;
font-weight:bold;
color:#29b4e8;
text-decoration:none;
background:url(images/compoActu_flecheB.jpg) no-repeat left top;
padding:0 0 0 16px;
float:left;
font-size:12px;
}

.compoAcheter a:hover{
text-decoration:underline;
}


/* RIGHT CONTENT ----------------*/

#right{
float:left;
width:744px;
background:url(images/bg_content.jpg);
}

#content{
color:#4a4848;
}


/* FIL D'ARIANE GRIS----------------*/

#ariane {
font-size:12px;
font-weight:bold;
margin:0 0 8px 0;
}

#ariane a{
color:#4a4848;
text-decoration:none;
}

#ariane a:hover{
text-decoration:underline;
color:#29B4E8;
}

#ariane a.arianeActif{
color:#29B4E8;
}

/* NUAGE LARGE ----------------*/

#nuageLarge p{
line-height:24px;
font-weight:bold;
margin:0 15px 0 15px;
padding:0;
clear:both;
}

#nuageLarge p a{
color:#29b4e8;
line-height:24px;
text-decoration:none;
}

#nuageLarge p a:hover{
text-decoration:underline;
}



/* FOOTER ----------------*/

#footerTop{
clear:both;
background:url(images/footer_top.jpg) no-repeat top;
height:30px;
margin:0;
padding:0;
}

#footer{
background:url(images/bg_footer.gif);
margin:0;
padding:0 10px 10px 10px;
width:943px;
}

.colFooter{
float:left;
margin:0 13px 15px 0;
width:146px;
}

#footer h3 a, #footer h3{
margin:0;
padding:10px 0 0 0;
color:#00adef;
font-weight:bold;
font-size:13px;
text-decoration:none;
}

#footer h3 a:hover{
text-decoration:underline;
}

#footer ul{
padding:0;
margin:0;
list-style:none;
}

#footer ul li{
line-height:15px;
}

#footer ul li a{
font-size:11px;
color:#909090;
text-decoration:none;
}

#footer ul li a:hover{
text-decoration:underline;
}

.footerLAU{
background:url(images/footer_letter.jpg) no-repeat left ;
text-indent:15px;
margin:0 0 10px 0;
}

#footerContact{
background:#9a9999;
float:left;
padding:10px 0 10px 10px;
margin:0 0 10px 0;
}

#footerContact h3{
color:#4a4848;
margin:0;
padding:0;
}

#footerContact p{
color:#FFFFFF;
font-size:11px;
margin:0;
padding:0 10px 0 0;
float:left;
}

#footerContact p a{
color:#FFFFFF;
}

#footerContact p a:hover{
text-decoration:none;
}

#footerRight{
float:left;
width:305px;
}

#footer input{
height:16px;
border:1px solid #a5a4a4;
font-size:12px;
color:#9a9999;
background:#4a4848;
width:150px;
margin: 0 10px 0 0
}

#footer table{
margin:10px 0 20px 0
}

.footerRSS{
color:#ed8001;
font-size:11px;
text-decoration:none;
float:left;
background:url(images/footer_rss.jpg) no-repeat left;
text-indent:48px;
margin:0 0 6px 0;
width:290px;
display:block;
}

a.footerRSS:hover{
text-decoration:underline;
}




/* ----------------------------------------------------------------------------------------
                                          HOME
-----------------------------------------------------------------------------------------*/

/* CHAPEAU ----------------*/

#chapeauHome{
padding:0;
width: 739px;
margin: 0 0 10px 0;
}


/* MODULE ----------------*/


#tabHome{
margin:0 0 0 7px;
padding:0;
}

.moduleContent{
height:90px;
}

#tabHome td{
margin:0;
padding:5px;
vertical-align:top;
}

.moduleHome {
width:210px;
border:1px solid #e6e6e6;
padding:10px;
float:left;
height:136px;
text-align:left;
}

.moduleHome .a_la_une {
clear:left;
display:block;
font-weight:bold;
color:#29b4e8;
text-decoration:none;
background:url(images/compoActu_flecheB.jpg) no-repeat left top;
padding:0 0 0 16px;
font-size:12px;
}

.moduleHome a:hover{
text-decoration:underline;
}

.moduleHome_autre {
width:210px;
float:left;
height:136px
}

.titreBoxHome{
color:#f7921e;
font-weight:bold;
font-size:14px;
}

/* ----------------------------------------------------------------------------------------
                                      HOME PRODUITS
-----------------------------------------------------------------------------------------*/


/* CHAPEAU ----------------*/

#chapeau{
background:#f4f3e8;
padding:11px 0 5px 8px;
width: 716px;
margin: 0 0 10px 15px;
}


/* CHAPEAU LEFT ----------------*/

#chapeauLeft{
float:left;
color:#9a9999;
font-size:16px;
font-weight:bold;
width:369px;
margin:0 5px 0 0;
padding:0 10px 0 0;
}

#chapeau h2{
color:#29B4E8;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
}

#chapeauLeft ul{
padding:0 0 0 20px;
margin:0;
}


/* CHAPEAU RIGHT ----------------*/

#chapeauRight{
float:left;
}

#clear{
clear:left;
height:0px;
}

/* CONTENT RIGHT ----------------*/

#ligneProduit{
width:705px;
border:1px solid #e6e6e6;
margin: 10px 10px 10px 15px;
padding:5px 5px 5px 0;
font-size:12px;
color:#4a4848;
font-weight:bold;
}

#ligneProduit img{
float:left;
}

#ligneProduit p{
float:left;
margin:0;
padding:0;

}

#ligneProduit p.descProd{
width:250px;
margin:0 10px 0 0;
}

#ligneProduit p.nuage{
line-height:24px;
width:340px
}

#ligneProduit p.nuage a{
color:#29b4e8;
line-height:24px;
width:340px
}

.clearLeft{
clear:left;
}

#ligneProduit p a{
text-decoration:none;
}

#ligneProduit p a:hover{
text-decoration:underline;
}

/* NUAGE ----------------*/

.dixHuit{
font-size:14px;
}
.quatorze{
font-size:12px;
}
.trente{
font-size:20px;
}
.vingtQuatre{
font-size:18px;
}



/* ----------------------------------------------------------------------------------------
                              HOME PRODUITS  / PRODUITS / SERIES
-----------------------------------------------------------------------------------------*/


/* CHAPEAU ----------------*/

#chapeau h2 {
color:#29B4E8;
float:left;
margin:0 0 10px 0;
}


#chapeauLeft p.chapeauSerie{
font-size:12px;
clear:left;
margin:0;
padding:0;
}


/* FAST FINDER ----------------*/

#fastFinder{
float:left;
background:#d7d6d4;
width:700px;
padding:10px;
margin: 0 0 10px 0;
font-size:12px;
font-weight:bold;
}

#fastFinder table{
margin: 8px 0 0 0;
}

#fastFinder select{
margin: 0 10px 0 0;
width: 200px;
font-size:12px;
color:#9a9999;
}

/* BENEFICES/FONCTIONNALITE/DEMO PRODUIT ----------------*/

#beneFoncDemo_border {
width:712px;
border:1px solid #e6e6e6;
margin: 0px 10px 0px 15px;
padding:0px 0 0 0;
position:relative
}

#beneFoncDemo_border .margin, #beneFoncDemo .margin { position:relative }

#beneFoncDemo_border .margin a {
color:#2BB4EA;
}

#beneFoncDemo_border .margin a:hover {
text-decoration:none;
}

#beneFoncDemo {
width:712px;
margin: 0px 10px 0px 15px;
padding:10px 0 0 0;
}

#beneFoncDemo .benecadre{
margin: 0 0 20px 0;
}

#beneFoncDemo .beneChap{
font-weight:bold;
margin:0;
padding:0;
font-size:13px;
}

#beneFoncDemo .beneLeft p{
margin:0 0 10px 0;
}

#beneFoncDemo .beneLeft{
padding:0;
color:#f6921d;
font-weight:bold;
padding:0 10px 0 10px;
font-size:16px
}

#beneFoncDemo .beneRight{
padding:0 10px 0 30px;
font-size:12px
}

#beneFoncDemo .beneRight ul{
margin:10px 0 0 10px;
padding:0;
}

#beneFoncDemo .beneRight ul li ul{
margin:0;
padding:0;
}


/* DEMO PRODUIT ----------------*/

#fastDemo{
width:712px;
border:1px solid #e6e6e6;
margin: 0px 10px 0px 15px;
padding:0;
}

#fastDemo .demoCadre{
margin: 0;
text-align:center;
}



/* CARACTERISTIQUES PRODUIT ----------------*/

#caractChapeau{
width:690px;
border:1px solid #e6e6e6;
margin: 0px 10px 0px 15px;
padding:10px;
color:#4a4848;
}

#caractChapeauLeft{
float:left;

}

#caractChapeauLeft h3{
color:#f7921e;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0 0 20px 0;
}

#caractChapeauLeft h4{
font-size:12px;

}

#caractChapeauLeft p{
margin:0px;
font-size:12px;

}

#caractChapeau img{
float:right;
margin:20px 0 0 0;
}



/* ONGLETS ----------------*/

#menuOnglet{
display:block;
margin:0 0 0 15px;
padding:0;
list-style:none;
font-size:12px;
font-weight:bold;
width:714px;
background:url(images/bg_onglets.gif) no-repeat 100% 2px;
}

#menuOnglet li{
float:left;
padding-top:2px;
margin-bottom:-1px
}

#menuOnglet li a{
float:left;
display:block;
background:url(images/ongletGris.jpg) no-repeat right;
height:25px;
line-height:25px;
color:#9a9999;
text-decoration:none;
padding:0 12px 0 0;
background-color:#e5e5e5;
border-bottom:1px solid #E6E6E6;
}

#menuOnglet li a span{
display:block;
float:left;
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
height:24px;
line-height:24px;
padding:0 8px 0 8px;
}

#menuOnglet li a:hover{
color:#29B4E8;
text-decoration:none;
cursor:hand;
background:url(images/ongletBlanc.gif) no-repeat right;
background-color:#ffffff;
border-bottom:1px solid #FFFFFF;
}

#menuOnglet li a span:hover{
display:block;
float:left;
height:24px;
line-height:24px;
padding:0 8px 0 8px;
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
color:#29B4E8;
}

#menuOnglet li a.active {
color:#29B4E8;
text-decoration:none;
cursor:hand;
background:url(images/ongletBlanc.gif) no-repeat right;
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
}

#menuOnglet li a span.active{
display:block;
float:left;
height:24px;
line-height:24px;
padding:0 8px 0 8px;
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
}

#menuOnglet .spip_surligne { background-color:none; color:none }

/* TABLEAU CARACTERISTIQUES ----------------*/


#caractProduit{
width:690px;
margin-top: 15px ;
}

#caractProduit {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:690px;
}

#caractProduit td,th{
height:24px;
vertical-align:bottom;
}

#caractProduit .titreTableProduit{
font-size:14px;
font-weight:bold;
width:230px;
border-right:none;
padding-bottom:5px;
}

#caractProduit .noBorderRight{
border-right:none;
}

#caractProduit td.header{
padding-left:30px;
font-weight:bold;
height:16px;
}

#caractProduit td{
padding-left:30px;
}

/* ------------------ COULEURS FICHES PRODUITS -------------------- */

/*-- orange -- */
.charte_orange #caractProduit {
color:#4a4848;
}

.charte_orange #caractProduit td, .charte_orange #caractProduit th {
border-right:1px solid #F29400;
border-bottom:1px solid #F29400;
}

.charte_orange #caractProduit td.header {
background:#f29400;
color:#FFFFFF;
}

.charte_orange #caractProduit tr.bg_alt td{
background:#fde0bb;
}


/*-- vert -- */
.charte_vert #caractProduit {
color:#4a4848;
}

.charte_vert #caractProduit td, .charte_vert #caractProduit th {
border-right:1px solid #c9d200;
border-bottom:1px solid #c9d200;
}

.charte_vert #caractProduit td.header {
background:#c9d200;
color:#FFFFFF;
}

.charte_vert #caractProduit tr.bg_alt td{
background:#e4e87f;
}


/*-- bleu -- */
.charte_bleu #caractProduit {
color:#4a4848;
}

.charte_bleu #caractProduit td, .charte_bleu #caractProduit th {
border-right:1px solid #5289c8;
border-bottom:1px solid #5289c8;
}

.charte_bleu #caractProduit td.header {
background:#5289c8;
color:#FFFFFF;
}

.charte_bleu #caractProduit tr.bg_alt td{
background:#c1d4eb;
}



/*-- gris fonce -- */
.charte_gris_fonce #caractProduit {
color:#4a4848;
}

.charte_gris_fonce #caractProduit td, .charte_gris_fonce #caractProduit th {
border-right:1px solid #9a9999;
border-bottom:1px solid #9a9999;
}

.charte_gris_fonce #caractProduit td.header {
background:#9a9999;
color:#FFFFFF;
}

.charte_gris_fonce #caractProduit tr.bg_alt td{
background:#e5e5e5;
}


/* ------------------- CHAPEAU DE RUBRIQUE --------------------*/

#rub_texte {
margin:15px;
font-size:11px;
}

#beneFoncDemo_border .margin { margin:15px; margin-top:10px; font-size:11px }
#beneFoncDemo .margin { margin:0; margin-top:0; font-size:11px;  }


/* -------------------- GLOSSAIRE -------------------------------*/

#bloc_glossaire { position:relative; padding-top:17px; clear:both; margin:0 10px 5px 0 }
#bloc_glossaire span.onglet {
display:block;
position:absolute;
height:34px;
top:-34;
left:0;
z-index:2;
text-align:center;
padding:0;
}
#bloc_glossaire .contenu { border:1px solid #D7D6D4; background:white; }
#bloc_glossaire .contenu .margin { margin:5px 5px 5px 110px; text-align:left }
#bloc_glossaire a { font-size:12px; font-weight:bold; padding:0 10px; }
#bloc_glossaire span.onglet a { font-size:10px; color:#4a4848; font-weight:normal; text-decoration:none }
#bloc_glossaire a:hover { text-decoration:none }

.charte_bordeaux	#bloc_glossaire a { color:#8F0000 }
.charte_orange 		#bloc_glossaire a { color:#f29400 }
.charte_bleu 		#bloc_glossaire a { color:#5289c8 }
.charte_vert 		#bloc_glossaire a { color:#c9d200 }
.charte_gris_fonce 	#bloc_glossaire a { color:#4a4848 }

/* -------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------
                              ARKOON  / ORGANISATION
-----------------------------------------------------------------------------------------*/


/* PARTENAIRES TECHNOLOGIQUES ----------------*/

h3.partenaire{
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:0;
color:#4a4848;
}

#chapeauLeft p.chapeauPartenaires{
font-size:12px;
clear:left;
}

table.listPartenaires{
border:1px solid #e6e6e6;
margin:0 10px 20px 0;
font-size:12px;
color:#4a4848;
}

table.listPartenairesOnglet{
width:680px;
border:1px solid #e6e6e6;
margin:0 0px 20px 0;
font-size:12px;
color:#4a4848;
}

td.listPart{
padding:8px
}

/* CHAPEAU ----------------*/

#chapeauBlanc{
background-color:#f4f3e8;
padding:11px 0 10px 8px;
width: 731px;
margin: 0 0 10px 0;
}

/* border_gris */
.border_gris {
width:694px;
border:1px solid #e6e6e6;
margin:0 10px 20px 0;
font-size:12px;
color:#4a4848;
padding:8px;
}

/* ----- d�clinaison chartes de couleurs -------------- */

/* --------- charte bordeaux ----------------*/

.charte_bordeaux #menuLeft a.menuLeftActif, .charte_bordeaux #menuLeft a:hover, #menuLeft li.charte_bordeaux a:hover {
background:url(images/menuLeftPartenaire.gif) no-repeat 0 0; color:#8f0000;
}

.charte_bordeaux #menuLeft ul li ul li a.menuLeftActif, .charte_bordeaux #menuLeft ul li ul li a:hover {
background:none;
}

.charte_bordeaux #menuLeft ul li ul li a.subMenuLeftActif, .charte_bordeaux #menuLeft ul li ul li a:hover {
color:#8f0000;
}

#menuLeft li.charte_bordeaux a:hover, #menuLeft li.charte_bordeaux a.menuLeftActif{
color:#8f0000;
}

.charte_bordeaux #ariane a:hover{
color:#8f0000;
}

.charte_bordeaux #ariane a.arianeActif{
color:#8f0000;
}

.charte_bordeaux #chapeau h2 {
color:#8f0000;
}

.charte_bordeaux #menuOnglet li a:hover{
background:url(images/ongletBlanc.gif) no-repeat right;
background-color:#ffffff;
color:#8f0000;
}

.charte_bordeaux #menuOnglet li a.active{
background:url(images/ongletBlanc.gif) no-repeat right;
background-color:#FFFFFF;
color:#8f0000;
}

.charte_bordeaux #menuOnglet li a span:hover{
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
color:#8f0000;
}

.charte_bordeaux #menuOnglet li a span.active{
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
}

.charte_bordeaux .documentation{
color:#8f0000;
}

/* -- */


/* --------- charte orange ----------------*/

.charte_orange #menuLeft a.menuLeftActif, .charte_orange #menuLeft a:hover, #menuLeft li.charte_orange a:hover {
background:url(images/menuLeftOrange.gif) no-repeat 0 0;
}

.charte_orange #menuLeft ul li ul li a.menuLeftActif, .charte_orange #menuLeft ul li ul li a:hover {
background:none;
}

.charte_orange #menuLeft ul li ul li a.subMenuLeftActif, .charte_orange #menuLeft ul li ul li a:hover {
color:#f6921d;
}

#menuLeft li.charte_orange a:hover, #menuLeft li.charte_orange a.menuLeftActif{
color:#f6921d;
}

.charte_orange #ariane a:hover{
color:#f6921d;
}

.charte_orange #ariane a.arianeActif{
color:#f6921d;
}

.charte_orange #chapeau h2 {
color:#f6921d;
}

.charte_orange #menuOnglet li a:hover{
background:url(images/ongletBlanc.gif) no-repeat right;
background-color:#ffffff;
color:#f6921d;
}

.charte_orange #menuOnglet li a.active{
background:url(images/ongletBlanc.gif) no-repeat right;
background-color:#FFFFFF;
color:#f6921d;
}

.charte_orange #menuOnglet li a span:hover{
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
color:#f6921d;
}

.charte_orange #menuOnglet li a span.active{
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
}

.charte_orange .documentation{
color:#f6921d;
}

/* -- */

/* --------- charte vert ----------------*/

.charte_vert #menuLeft a.menuLeftActif, .charte_vert #menuLeft a:hover, #menuLeft li.charte_vert a:hover {
background:url(images/menuLeft_Vert.gif) no-repeat 0 0;
}

.charte_vert #menuLeft ul li ul li a.menuLeftActif, .charte_vert #menuLeft ul li ul li a:hover {
background:none;
}

.charte_vert #menuLeft ul li ul li a.subMenuLeftActif, .charte_vert #menuLeft ul li ul li a:hover{
color:#c9d200;
}

#menuLeft li.charte_vert a:hover, #menuLeft li.charte_vert a.menuLeftActif{
color:#c9d200;
}

.charte_vert #ariane a:hover{
color:#c9d200;
}

.charte_vert #ariane a.arianeActif{
color:#c9d200;
}

.charte_vert #chapeau h2 {
color:#c9d200;
}

.charte_vert #menuOnglet li a:hover{
background:url(images/ongletBlanc.gif) no-repeat right;
background-color:#ffffff;
color:#c9d200;
}

.charte_vert #menuOnglet li a.active{
background:url(images/ongletBlanc.gif) no-repeat right;
background-color:#ffffff;
color:#c9d200;
}

.charte_vert #menuOnglet li a span:hover{
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
color:#c9d200;
}

.charte_vert #menuOnglet li a span.active{
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
}

.charte_vert .documentation{
color:#c9d200;
}

/* -- */

/* --------- charte bleu ----------------*/

.charte_bleu #menuLeft a.menuLeftActif, .charte_bleu #menuLeft a:hover, #menuLeft li.charte_bleu a:hover {
background:url(images/menuLeft_Bleu.gif) no-repeat 0 0;
}

.charte_bleu #menuLeft ul li ul li a.menuLeftActif, .charte_bleu #menuLeft ul li ul li a:hover {
background:none;
}

.charte_bleu #menuLeft ul li ul li a.subMenuLeftActif, .charte_bleu #menuLeft ul li ul li a:hover{
color:#5289c8;
}

#menuLeft li.charte_bleu a:hover, #menuLeft li.charte_bleu a.menuLeftActif{
color:#5289c8;
}


.charte_bleu #ariane a:hover{
color:#5289c8;
}

.charte_bleu #ariane a.arianeActif{
color:#5289c8;
}

.charte_bleu #chapeau h2 {
color:#5289c8;
}

.charte_bleu #menuOnglet li a:hover{
background:url(images/ongletBlanc.gif) no-repeat right;
background-color:#ffffff;
color:#5289c8;
}

.charte_bleu #menuOnglet li a.active{
background:url(images/ongletBlanc.gif) no-repeat right;
background-color:#ffffff;
color:#5289c8;
}

.charte_bleu #menuOnglet li a span:hover{
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
background-color:#ffffff;
color:#5289c8;
}

.charte_bleu #menuOnglet li a span.active{
border-top:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
background-color:#ffffff;
color:#5289c8;
}

.charte_bleu .documentation{
color:#5289c8;
}

/* -- */


/* ----------------------------------------------------------------------------------------
                              ARKOON  / CERTIFICATION
-----------------------------------------------------------------------------------------*/

#certif{
width:692px;
border:1px solid #e6e6e6;
margin: 0px 10px 0px 15px;
padding:10px 10px 0 10px;
}

/* ----------------------------------------------------------------------------------------
							 Liste de soffres d'emploi (rubriques 126_127)
---------------------------------------------------------------------------------------- */

.liste_offres {
margin-bottom:10px;
}

.liste_offres ul {
list-style:none; margin:5px; padding:0;
}

/* ----------------------------------------------------------------------------------------
							 Livres blancs (rubriques 33)
---------------------------------------------------------------------------------------- */


#beneFoncDemo.livres .border_gris {
width:380px;
}

#beneFoncDemo.livres {
width:380px;
}

.livres_dl {
width:245px; padding:0; margin:0 0 0 15px; color:#29B4E8
}

/* border_gris */
.border_gris_dl {
width:260px;
border:1px solid #e6e6e6;
margin:0 10px 20px 0;
font-size:12px;
color:#4a4848;
padding:8px;
}

.border_gris_dl h3 {
margin-bottom:15px
}

/* ----------------------------------------------------------------------------------------
                                  COMMENT ACHETER?
-----------------------------------------------------------------------------------------*/

/* CONTENT ----------------*/

#contenuText{
font-size:12px;
color:#4a4848;
padding: 0 0 0 20px;
}


/* FORMULAIRE ----------------*/

#commentAcheter{
padding: 0 10px 0 25px;
font-size:12px;
color:#909090;
font-weight:bold;
}

#commentAcheter #besoin{
width:330px
}

#commentAcheter #besoin td{
padding:1px
}

#commentAcheter input, select, textarea{
border:1px solid #909090;
padding-left:4px;
color:#909090;
font-size:12px;
}

#commentAcheter #besoin input, textarea{
width:200px;
height:auto;
}

#commentAcheter #besoin select{
width:206px;
}

#commentAcheter #besoin select.besoinSelect{
width:304px;
}

#commentAcheter #besoinDemande{
width:320px
}

#commentAcheter #besoinDemande textarea{
height:309px;
width:300px
}

.hide { display:none; }
.show { display:block; }

/* FONTS ----------------*/

.quatorzeNoirBold{
font-size:14px;
font-weight:bold;
color:#4a4848;
}

.douzeNoirBold{
font-size:12px;
font-weight:bold;
color:#4a4848;
}

.douzeBleuBold{ font-size:12px; font-weight:bold; color:#29b4e8;}

.douzeGris{
font-size:12px;
font-weight:normal;
color:#9a9999;
}

.douzeNoir{
font-size:12px;
color:#4a4848;
}

.arialQuatorzeJaune{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#f7921e;
}

.arialQuatorzeRouge{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#b8000b;
}

.arialQuatorzeVert{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#a5b402;
}

.arialQuatorzeBleu{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#5289c8;
}

.arialQuatorzeNoir{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#00000;
}

.quatorzeBleu{
font-weight:bold;
color:#29b4e8;
font-size:14px;
}

/******* champs formulaire **********/

input.text, textarea, select, option, input.file {
border:1px solid #909090; width:172px; height:18px; line-height:13px; padding:1px; font-size:11px;
font-family:Trebuchet MS, Arial, sans-serif; margin:2px 0; color:#9a9999; vertical-align:middle
}
input.file {
height:23px; width:176px;
}
textarea.moyen { height:34px }
textarea.grand { height:167px}
select { width:176px; height:18px; }
label { display:block; width:130px; color:#9a9999; display:block; margin-bottom:5px; }
select.select_big, .select_big option {
width:276px;
}
option { border:none }

label.w100pc { width:100%}

input.submit {
/*border:1px solid #FFFFFF; */
border:none;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
width:66px;
height:27px;
cursor:hand;
}

input.submit.lang_fr {
background:white url(images/bg_bt_envoyer.gif) no-repeat top left;
}
input.submit.lang_en {
background:white url(images/bg_bt_envoyer_en.gif) no-repeat top left;
}
input.submit.lang_it {
background:white url(images/bg_bt_envoyer_it.gif) no-repeat top left;
}
input.submit.lang_es {
background:white url(images/bg_bt_envoyer_es.gif) no-repeat top left;
}

ul.form_errors { color:#b8000b; font-weight:bold }

/*********** styles RECHERCHE ************/

.spip_surligne 		{ background-color:#FFFF99; color:#b8000b }
p.pagination 		{ margin:0 0 10px 0; padding:0; text-align:right; position:absolute; right:10px;  }
*>p.pagination { right:0 }
#pagination_haut { top:0 }
#pagination_bas {bottom:0}
*>#pagination_bas { bottom:-30px }
*+html #pagination_bas { bottom:-15px }
span.recherche_quoi { font-style:italic; color:#b8000b; font-weight:bold }
table#recherche_tableau td { padding-bottom:20px }
#recherche_tableau td.recherche_titre { padding-bottom:0 }
#recherche_tableau td.recherche_titre a { color:#29B4E8; text-decoration:none }
#recherche_tableau td.recherche_titre a:hover { text-decoration:underline }
#recherche_tableau td.recherche_soustitre { padding-bottom:0}
td.recherche_descriptif { }

.recherche_chapo 		{ margin:5px 0 }
.recherche_proposition 	{ font-style:italic }

.recherche_chapo a, .pagination a { color:#29B4E8 }

/********** form login public *********/

#menuLeft form { margin:0; padding:0; }
#menuLeft form legend { display:none }
#menuLeft fieldset { border:1px dashed #9a9999; font-size:12px; margin:5px }

#menuLeft form p { background:none; padding:0; margin:0; }
#menuLeft form a, #menuLeft form a:hover { background:none; padding:0; margin:0; font-size:11px; display:inline; border:none; font-weight:normal; color:#4a4848 }
#menuLeft form label { font-weight:normal; color:#4a4848; display:inline; }

#menuLeft form .forml { border:1px solid #9a9999; font-size:11px; padding:1px; height:15px; width:150px; display:block; margin:5px 0  }
#menuLeft form .spip_bouton input { font-size:11px; color:#4a4848; border:1px solid #4a4848;  }
#menuLeft form .spip_bouton { margin:5px 0 }

#menuLeft form p br {height:3px;}

#beneFoncDemo a, #beneFoncDemo a:visited { color:#29B4E8; }

/****** tailles police + couleurs pour le FCK yess !!! ********/

.s12 		{ font-size:12px }
.s13		{ font-size:13px }
.s14		{ font-size:14px }
.s15		{ font-size:15px }

* .bordeaux   	{ color:#8f0000 }
* .orange 		{ color:#f29400 }
* .noir 		{ color:#000000	}
* .jaune 		{ color:#f29400	}
* .rouge		{ color:#b8000b }
* .vert 		{ color:#c9d200 }
* .bleu			{ color:#5289c8 }
* .azur			{ color:#29B4E8 }
* .gris_clair 	{ color:#9a9999 }
* .gris_fonce 	{ color:#4a4848 }
* .bg_beige 	{ background:#f4f3e8; }

.trebuchet 	{ font-family:Trebuchet MS, Arial, sans-serif }
.arial 		{ font-family:Arial, Helvetica, sans-serif }

.a_la_une_contenu 	{ font-family:Trebuchet MS, Arial, sans-serif; font-size:12px; color:black; }
.a_la_une_titre 	{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:black; }
.a_la_une_lien, .a_la_une_lien_beige {
clear:left;
display:block;
font-weight:bold;
color:#29b4e8;
text-decoration:none;
background:url(/images/compoActu_flecheB.jpg) no-repeat left top;
padding:0 0 0 16px;
font-size:12px;
font-family:Trebuchet MS, Arial, sans-serif;
}
.a_la_une_lien_beige		{
background:url(/images/compoActu_fleche.jpg) no-repeat left top;
}

.a_la_une_lien:hover{
text-decoration:underline;
}

table.d { border-collapse:collapse; margin:0; }
table.d td {padding:0; vertical-align:top;}

a.over_nodeco:hover { text-decoration:none}


/* Tableau de espace emploi */
.careers{
border-top:1px solid #999999;
border-right:1px solid #999999;
}

.careers tr td{
padding:5px;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
vertical-align:middle;
}

.demande_81 textarea { width:274px }

/**popup**/
#popup { background-color:white; width:740px; height:98%; margin:0 10px;  }
#popup td { vertical-align:top }
#popup .margins { margin:10px }

#popup h2 {
color:#29B4E8;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
}

/*****/
span.espace_prive {
display:block; width:117px; height:31px; margin:0 15px 5px 0; line-height:1px; font-size:1px;
}

/** formulaire identification **/

#menuLeft form { padding:0 0 0 15px; margin:10px 15px 0 15px; }
#menuLeft fieldset { padding:0; margin:0; border:none }
#menuLeft label { font-weight:bold !important }
#menuLeft form a:hover { background:none !important; }
#menuLeft .login { padding:0 0 0 15px; margin:10px 15px 0 15px;
font-family: Trebuchet MS, Arial, sans-serif; font-size:12px
}
#menuLeft .deco{ padding:0 0 0 15px; margin:10px 0;
font-family: Trebuchet MS, Arial, sans-serif;
}

#menuLeft .deco a { color:#8F0000; font-size:11px; font-weight:normal; background:none; padding:0 0 0 15px; display:inline; border:none }
#menuLeft .deco a:hover { background:none; text-decoration:underline; padding:0 0 0 15px; }

/******* espace partenaires *******/

#beneFoncDemo_border.partenaires {
width:380px; float:left; margin-left:8px
}
*>#beneFoncDemo_border.partenaires {margin-left:15px}

#beneFoncDemo_border.partenaires a {
text-decoration:none; color:#4a4848;
}

#beneFoncDemo_border.partenaires a:hover { text-decoration:underline }

#beneFoncDemo_border .livres { width:360px; border:1px solid #e6e6e6;margin:0 0 20px 0;font-size:12px;color:#4a4848;padding:8px; }

#message_col_gauche { padding:10px 20px }


/*
 * 
 * 
 * Alex
 */
.rss 						{ background:url(images/rss-actu.gif) top left no-repeat; display:block; height:30px; width:30px; float:right; }
.rss span 					{ display:none; }
.actualite 					{ border:1px solid #b3b8bc; background-color:#f1f1f1; }
.actualite .composantTitre 	{ height:30px; }
.actualite .a_la_une_lien 	{ background:transparent url(/images/compoActu_flecheB-black.gif) no-repeat scroll 0 5px }

.actu .composantTitre,
.actualite .composantTitre  				{ height:27px; line-height:27px; position:relative; background:transparent url(/images/actu-vf.gif) repeat-x top left }
.actu .composantTitre .rss,
.actualite .composantTitre .rss 			{ background:url(images/rss.gif) top left no-repeat; display:block; height:27px; width:28px; position:absolute; right:0 ; top:0 }
.actualite .composantTitre .rss 			{   }
.actu .composantTitre .rss span 			{ display:none; }

#chapeau .rss 				{ margin-right:10px; padding-right:30px; width:auto; background-position:top right; text-decoration:none;  line-height:30px; }
#chapeau .rss span 			{ display:inline; font-size:11px; color:#000; background:url( images/compoActu_flecheB-gris.gif) 0 4px no-repeat; padding-left:15px;  }

#beneFoncDemo_border.description,
.description  		{ width:470px; padding:5px; border:1px solid #E6E6E6; font-size:11px; line-height:16px; float:left;	 }
.description a 		{ color : #29b4e8; text-decoration:none;}
.charte_orange .description a, .charte_orange .description strong 	{ color : #F6921D; }
.charte_vert .description a, .charte_vert .description strong 	{ color : #C9D200; }
.charte_bleu .description a, .charte_bleu .description strong 	{ color : #5289C8; }
.charte_orange .description strong,
.charte_vert .description strong,
.charte_bleu .description strong { font-size:15px; } 


.content-gauche  						{ width:510px; float:left; }
.colonne-droite 						{ width:220px; float:left;  }
.colonne-droite .box 					{ width:214px; padding:2px; border:1px solid #e6e6e6; margin-bottom:10px; }
.colonne-droite .box .titre 			{ background:url(images/colonne-titre-bg.gif) top left no-repeat; color:#4A4848; line-height:30px; font: normal bold 15px/30px "Trebuchet MS" ; padding-left:10px; font-weigt:bold; height:30px; }
.colonne-droite .box ul 				{ margin:0; padding:0; margin:2px; margin-top:0; padding:0 0 5px 30px;  }
.colonne-droite .box .tags 				{ border-bottom:1px solid #e6e6e6 }
.colonne-droite .box .tags .poid1 		{ font-size:13px; }
.colonne-droite .box .last 				{ border-bottom:none }
.colonne-droite .box .lien_pdf 			{ color:#29b4e8; font-size:12px; list-style:none; margin:0; padding:0 }
.colonne-droite .box .lien_pdf a		{ color:#29b4e8; text-decoration:none; }

.colonne-droite .box .titre-pdf 		{ font-size:13px; font-weight:bold; color:#000; }
.colonne-droite .box .titre-pdf img		{ vertical-align:middle; margin:5px; }

.colonne-droite .glossaire a			{ text-decoration:none;   }
.colonne-droite .glossaire .tags 		{ margin:5px; border:none; }
.colonne-droite .box .lien-glossaire a,
.colonne-droite .box .lien-glossaire	{ color:#29b4e8; font-weight:bold; font-size:12px; text-decoration:none; }
.colonne-droite .box .lien-glossaire 	{ margin-left:5px;  margin-bottom:5px }

.menu-flash #menuOnglet 				{ margin-left:0 }

.colonne-droite .box a 					{ font-weight:bold; text-decoration:none; }
.colonne-droite .box .tags a 			{ font-size:11px; }
.colonne-droite .box .tags .poid1 		{ font-size:13px; }
.colonne-droite .box .tags .poid2 		{ font-size:15px; }
.colonne-droite .box .tags .poid3 		{ font-size:17px; }
.colonne-droite .box .tags .poid4 		{ font-size:20px; }
.colonne-droite .box .tags .poid5 		{ font-size:24px; }

.colonne-droite .doc-pdf .tags 	{ margin-top:-10px; }

.colonne-droite .produit img 			{ margin:5px 0px 0 }
.colonne-droite .produit ul				{ margin:0; padding: 0 }
.colonne-droite .produit li 			{ margin:0; padding:0; list-style:none; margin-left:10px; }
.colonne-droite .produit li a 			{ font-size:11px; color:#00adef; }

#fancy_bg 							{ background-color:#FFF; border:2px solid #BFBFBF !important; }

#beneFoncDemo_noborder 				{ border:none; margin:0 10px 0 15px }
.acc { cursor:pointer; display:block}

.newsletter-recherche 				{ width:290px; }
.iframe_form_netletter				{ width:289px; }
.jeSouhaite td.titre-bloc			{ width:70px;  }
.jeSouhaite td.titre-bloc input  	{ vertical-align:top }

#ligneProduit.rub1 a { color: #F29400 }
#ligneProduit.rub2 a { color: #5289C8 }
#ligneProduit.rub3 a { color: #5289C8 }
#ligneProduit.rub4 a { color: #4A4848 }

#ligneProduit.rub2 a.bleu_fonce { color: #072259 }
div#fancy_bg_n,
div#fancy_bg_s { left:0px; }

.rub-it { display:none;  }