/* -------------------------- 
STYLE GENERAUX
--------------------------- */
#contenu {font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:19px;}

/* -------------------------- 
STYLE DE TEXTE 
--------------------------- */
#contenu h1{font-weight:bold;font-size:1.5em;line-height:1.1em;color:#D22929;margin:0 0 12px 0;background:none;border-bottom:1px dotted #D22929;width:100%;}
#contenu h1.ideo_gbl_sans{font-weight:bold;font-size:1.6em;color:#D22929;margin:0px 0px 2px 0px;border-bottom:1px dotted #D22929;width:100%;}
#contenu h2{font-weight:bold;font-size:1.2em;line-height:1.2em;color:#D22929;margin:0 0 7px;border:1px solid #252525;padding:5px;background:url(../../images/integration/h2.jpg) no-repeat;}
#contenu h2.mention{background:url(../../images/integration/h2mention.jpg) no-repeat;}
#contenu h2.mention2{background:url(../../images/integration/h2mention2.jpg) no-repeat;}
#contenu h3{font-variant:small-caps;background:#F0F0F0;font-weight:bold;font-size:1em;color:#000;padding:2px 0px 2px 3px;margin-bottom:8px;text-align:left;min-height:1.1em;border-top:1px solid #818181;background:url(../../images/integration/h3.jpg) no-repeat;}
#contenu h3.clair{background:url(../../images/integration/h3clair.jpg) no-repeat;}
#contenu h3.ideo_gbl_sans{background:none;border-bottom:1px solid #818181;}
#contenu-gauche h4 {font-variant:small-caps;font-size:1.1em;font-weight:bold;border-bottom:1px solid #e6e6e6;padding:0;width:100%;text-align:left;margin:15px 0;color:#000;float:left;}
#contenu p{font-size:1em;text-align:justify;color:#000;margin-bottom:1.2em;}
#contenu p.center{text-align:center;}
#contenu p em{font-weight:bold;font-size:1em;}
#contenu sup{font-size:0.7em;}
#contenu p.ideo_gbl_couleur, #contenu span.ideo_gbl_couleur{font-weight:bold;color:#5a3b3b;}
#contenu p.couleur, #contenu span.couleur, #contenu strong.couleur{font-weight:bold;color:#5a3b3b;}
#contenu strong{color:#5a3b3b;}
#contenu .ideo_gbl_petit, #contenu p.ideo_gbl_petit{font-size:0.8em;line-height:1.2em;}
#contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota{font-size:0.8em;line-height:1.2em;font-style:italic;padding:0;}
#contenu .ideo_gbl_alerte, #contenu p.ideo_gbl_alerte{color:red;font-weight:bold;font-size:1em;}
#contenu a:link, #contenu a:visited{font-weight:bold;text-decoration:underline;color:#003cff;}
#contenu a:hover, #contenu a:active{color:#D22929;text-decoration:none;
}
#contenu a:link img, #contenu a:visited img{filter: alpha(opacity=100);opacity:1.00;border:none;}
#contenu a:hover img, #contenu a:active img{filter: alpha(opacity=70);opacity:0.70;border:none;}
a img {border:none;}
a:active, a:focus{outline:none;}
#contenu ul{margin:10px 0 10px 10px;color:#000;}
#contenu ul li{background:url(../../images/integration/puce1.gif) no-repeat 10px 3px ;list-style:none;padding:5px 0 3px 35px;}
#contenu ul li ul li{background:url(../../images/integration/puce.gif) no-repeat 10px 3px ;list-style:none;padding:0px 0 0px 25px;}
#contenu #ideo_fpc_blocVignette a:link.ideo_gbl_sans , #contenu #ideo_fpc_blocVignette a:visited.ideo_gbl_sans {margin-right:0;}

/* -------------------------- 
FORMULAIRE
--------------------------- */
#contenu select {color:#d22929;border:1px solid #666;background-color:#fff;width:152px;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;}
#contenu input{background-color:#fff;border:1px solid #666;color:#d22929;height:15px;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;padding-left:2px;}
#contenu textarea{background-color:#fff;border:1px solid #666;color:#d22929;font-family:inherit;font-size:inherit;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;padding-left:2px;height:50px;}
#contenu textarea.comm{background-color:#fff;border:1px solid #666;color:#d22929;font-family:inherit;font-size:inherit;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;padding-left:2px;height:70px;}
#contenu input:hover, #contenu textarea:hover, #contenu select:hover {font-size:0.9em; border:1px solid #d22929;}
#contenu label {color:#000;}

#contenu input.ideo_gbl_boutonFormulaire {color:#FFF;background:#d22929;border:1px solid #d22929;cursor:pointer;font-size:0.8em;height:auto;margin:0;padding:0;}
#contenu input:hover.ideo_gbl_boutonFormulaire {color:#d22929;background:#FFF;border:1px solid #FFF;}
/* -------------------------- 
PAGINATION 
--------------------------- */
#contenu #ideo_inc_pagination {margin:20px auto;width:100%;text-align:center;color:#000;}
#contenu #ideo_inc_pagination span{font-size:1em;text-align:center;}
#contenu #ideo_inc_pagination p{text-align:center;color:#5a3b3b;margin:0;}
#contenu #ideo_inc_pagination label{font-size:0.9em;}

/* -------------------------- 
MENU 
--------------------------- */
#contenu #ideo_inc_menu {padding:0 0 20px 2px;width:99%;float:left;text-align:left;}
#contenu #ideo_inc_menu ul {list-style-image:none;margin:0;padding:0;}
#contenu #ideo_inc_menu li {display:inline;font-size:0.9em;list-style-image:none;background:none;margin:0; 
padding:0;}
#contenu #ideo_inc_menu li.selection a:link, #contenu #ideo_inc_menu li.selection a:visited{color:#D22929;text-decoration:underline;}

/* -------------------------- 
REFERENCEMENT 
--------------------------- */
#footer_ref {float:left;display:block;width:735px;margin:20px 0 0 0;}
#footer_ref p {color:#000;margin:0 0 6px 0;}
#footer_ref h1, #footer_ref h2 {font-size:12px;border:none;border-bottom:1px dotted #D22929;font-weight:bold;background:none;color:#000;}

/* -------------------------- 
PLAN DU SITE
--------------------------- */
#contenu ul#ideo_inc_planSite{margin:30px;}
#contenu ul#ideo_inc_planSite li{list-style:none;padding-left:25px;margin:0 0 15px 0;font-size:1em;}
#contenu ul#ideo_inc_planSite li ul{margin:10px 0 0 0;}
#contenu ul#ideo_inc_planSite li ul li{background:none;list-style:none;padding-left:16px;margin:0 0 10px 0;font-size:0.9em;}

/* -------------------------- 
ENCART CONTACT 
--------------------------- */
#contenu .ideo_inc_contact{width:100%;text-align:center;}
#contenu .ideo_inc_contact p{text-align:center;font-weight:bold;font-size:1em;margin:0;}


/* -------------------------- 
FORMULAIRE PANIER 
--------------------------- */ 
#contenu .ideo_gbl_blocFormulaire {clear:both;float:left;width:100%;margin:0 0 5px 0;}
#contenu .ideo_gbl_blocFormulaire label {width:50%;float:left;margin:0;text-align:right;padding-right:10px;font-weight:bold;}
#contenu .ideo_gbl_blocFormulaire input {width:40%;}
#contenu .ideo_gbl_blocFormulaire input:hover {border:1px solid #d22929;font-size:0.9em;}
#contenu .ideo_gbl_blocFormulaire.ideo_gbl_blocBouton input {margin-left:53%;height:auto;width:auto;border:none;}
#contenu .ideo_gbl_blocFormulaire.ideo_gbl_blocBouton input:hover {border:none;}

/* erreurs */
#contenu ul.ideo_gbl_listeErreur {margin:0 15px 15px 0;}
#contenu ul.ideo_gbl_listeErreur li {color:red;font-weight:bold;}
#contenu table {margin:5px auto;}
#contenu table.services{margin:5px 0 5px 0px;}
#contenu table .prod{width:437px;margin:5px auto;}
#contenu table td p{margin-bottom:3px;text-align:left;}
#contenu table td p.titretabprod{color:#2d5eaf;font-weight:bold;text-align:center;}
#contenu table td p.titretab{color:#2d5eaf;font-weight:bold;text-align:center;font-size:14px;padding:5px 0 3px 0;}
#contenu table td p.new{color:#b00e0e;text-align:right;font-weight:bold;font-style:italic;margin-right:5px;}
#contenu table td.bordure{border:1px solid #3f4766;padding-left:5px;}
#contenu p.centre{text-align:center;}
/****************************** FORMULAIRE DEVIS *********************************/
/* TITRE FORMULAIRE */
#contenu #bloc-formulaire h4 {font:small-caps bold 14px Arial, Helvetica, sans-serif;background:BackgroundH4;border-bottom:BorderH4;padding:0;width:100%;text-align:left;margin:15px 0 15px 0;color:ColorH4;float:left;}

/* FOMULAIRE */
#bloc-formulaire {width:470px;margin:0 auto;font:normal 11px Arial, Helvetica, sans-serif;}

#bloc-formulaire table {width:100%;}
#bloc-formulaire div {margin:0 0 4px 0 !important; margin:0 0 10px 0;float:left;width:100%;}

#bloc-formulaire  input, #bloc-formulaire  textarea, 
#bloc-formulaire select.liste-form, #bloc-formulaire .bouton {font:normal 11px Arial, Helvetica, sans-serif;padding:0 10px 0 2px;border:ChampBorder;background:ChampBackground;color:#000;}
#bloc-formulaire  input.brad {border:none;background:none;margin-right:3px;}
#bloc-formulaire input, #bloc-formulaire textarea{width:170px;margin:0;border:ChampBorder;color:ChampColor;background:ChampBackground;}

#bloc-formulaire label{width:190px;color:ChampColor;float:left;text-align:right;margin-right:10px;font:normal 11px Arial, Helvetica, sans-serif;}

/* BOUTONS RADIOS */
#bloc-formulaire .bloc-radio {float:left;width:200px;margin:0 0 10px 0;}

.bloc-radio span.label-radio {float:left;width:85%;margin:0 0 3px;}

.bloc-radio span.bt-radio {float:left;clear:left;margin:0 0 3px;text-align:left;}

#bloc-formulaire .bloc-radio span.bt-radio input{border:none;width:20px;height:10px;padding:0;vertical-align:middle;}


/* CHECKBOX */
#bloc-formulaire .bloc-check {float:left;width:200px;margin:0 0 10px 0;}

.bloc-check span {display:block;margin:0 0 1px 0;width:100%;}

#bloc-formulaire .check{width:10%;border:none;margin:0 3px 0 0;vertical-align:middle;}


/* LISTE DEROULANTE */
#bloc-formulaire select.liste-form{width:182px;text-align:left;color:#000;padding:0;background:ChampBackground;border:ChampBorder;}


/* BOUTON */
#bloc-formulaire .boutons{margin:20px 0 10px 90px !important; margin:20px 0 0 30px;}

#bloc-formulaire .bouton{width:80px;height:auto;cursor:pointer;color:BoutonColor;margin:0;padding:0;font-size:10px;background:BoutonBackgroundColor;border:BoutonBorderColor;}


#bloc-formulaire .champRequis{color:red; font-size:9px;}

#bloc-formulaire p.capa {margin:10px 0 0 90px;text-align:left;width:220px;font:italic 10px Arial, Helvetica, sans-serif;color:TextColor;line-height:12px;}

#bloc-formulaire p.capa img{clear:left;}