@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);
/* Construction (Montage)
----------------------------------------------------------*/
body { color:#000; font-size:11px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }
h1 { color:#000; font-weight:700; font-size:1.1em; }
h2 { color:#000; font-weight:700; font-size:1.3em; /*text-transform: uppercase;*/ }
h3 { color:#000; font-weight:700; font-size:1.17em; /*text-transform: uppercase;*/ }
h4 { color:#000; font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }
h5 { color:#000; font-size:0.83em; }
h6 { color:#000; font-size:0.67em; }
p { color:#000; font-size:1em; }
ul, ol { color:#000; font-size:1em; }
li { color:#000; font-size:1em; }
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
/*textarea { color:#000; padding:3px; }
input { color:#000; padding:3px; }*/
#contenu ul { list-style:inside; padding-left:20px; color:#000; }
#contenu li { list-style:inside; color:#000; display:list-item; }
/* Liens de bas de page */
.TTCMinute { color:#3E77D0; font-size:9px; font-style:italic; }
#plandusite { color:#333333; }
#menubas { color:#555555; font-size:10px; }
#piedPage { font-size:9px; line-height:16px; }
.tailleplan { color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; }
.agences { font-size:9px; }
/* Image de validation W3C */
/*#validator a img { background-color:#000; } - Activer le CSS si le fond du site est blanc */


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }
/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }
/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }
/*	Mise en page
----------------------------------------------------------*/

/* Bas de page */
.nopadding { padding:0; }
#actualite_en_bref { float:left; width:328px; }
#contenu_actualite_en_bref { background:url('../images/info_bas/encart-groupesittiexpose.jpg') top no-repeat; height:141px; padding:50px 15px 0 20px; }
.font13 { font-size:13px; font-weight:bold; }
.titre_actualite { line-height:1.3em; text-align:right; }
.expositon { float:right; padding:0 0 0 10px; }
.bouton_savoir { padding-bottom:0px; font-weight:bold; }
#references_du_mois { float:left; width:329px; }
#contenu_references_du_mois { background:url('../images/info_bas/encart-site-reference.jpg') top no-repeat; height:141px; padding:50px 0 0 13px; }
#offre_materiel { float:left; width:330px; }
.titre_offre { line-height:1.3em; text-align:left; }
#contenu_offre_materiel { background:url('../images/info_bas/encart_ordinateurs.jpg') top no-repeat; height:141px; padding:50px 20px 0 17px; }
.offre { float:left; padding:0 10px 0 0; }
/* Page d'accueil */
.que_choisir_accueil { float:left; padding-bottom:10px; width:322px; }
.contenu_que_choisir { width:182px; padding:60px 30px 0 110px; background:url('../images/accueil/encart-quechoisir.jpg') top no-repeat; }
.contenu_que_choisir_index { width:262px; padding:50px 30px 0 30px; background:url('../images/accueil/encart-quechoisir-index.jpg') top no-repeat; }
/* Site vitrine */
.encart1 { float:left; padding-bottom:10px; width:328px; padding-left: 1px; }
.contenu_encart1 { width:242px; padding:40px 50px 0 30px; background:url('../images/encart1.gif') top no-repeat; height: 326px; }
.nos_offres_accueil { float:left; }
.contenu_offres { float:left; }
.fiche_site_vitrine { float:left; width:148px; height:71px; padding:120px 55px 0 30px; background:url('../images/accueil/fiche-site-vitrine.jpg') top no-repeat; }
.texte_site { padding-bottom:0; }
.bouton_savoir_site { padding-bottom:0px; font-weight:bold; text-align:right; }
.fiche_site_ecommerce { float:left; width:152px; height:71px; padding:120px 55px 0 25px; background:url('../images/accueil/fiche-site-ecommerce.jpg') top no-repeat; }
.fiche_communication { float:left; width:155px; height:71px; padding:120px 20px 0 25px; background:url('../images/accueil/fiche-communication.jpg') top no-repeat; }
.illustration { padding-top:20px; float:left; }
.mise_en_page { width:432px; padding-left:20px; }
/*	Mentions Légales */
.prixtel { margin-right:130px; }
#liens_plan { clear:both; float:none; padding-left: 5px; margin-left: 5px; }
#liens_plan .li_niveau_0 { list-style: none inside; }
#liens_plan .li_niveau_0 ul { }
.puce_vitrine { color:#3D89D4; padding-left:5px; }
.puce_ecomm { color:#D00B53; }
.puce_comm { color:#FFED5D; }
.puce_divers { color:#08225B; }

.pagination { width:60px; margin:0 auto; }
.pagination1 { width:20px; height:20px; border:dotted 1px #4878B0; text-align:center; float:left }
.pagination1:hover { background-color:#4878B0; }
.pagination1 a:hover { color:#FFF}
.pagination2 { width:20px; height:20px; border:dotted 1px #4878B0; text-align:center; margin-left:10px; float:right; }
.pagination2:hover { background-color:#4878B0; }
.pagination2 a:hover { color:#FFF}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#449af2; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #000; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
/* CSS pour HighSlide JS */

.highslide { cursor: url('../highslide/graphics/zoomin.cur'), pointer; outline: none; }
.highslide-active-anchor img { visibility: hidden; }
.highslide img { border: 2px solid gray; }
.highslide:hover img { border: 2px solid silver; }
.highslide-wrapper { background: white; }
.highslide-image { border-bottom: 1px solid white; }
.highslide-image-blur { }
.highslide-caption { display: none; border-bottom: 1px solid white; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: silver; }
.highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url('../highslide/graphics/loader.white.gif'); background-repeat: no-repeat; background-position: 3px 1px; }
a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; }
a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; }
a.highslide-full-expand { background: url('../highslide/graphics/fullexpand.gif') no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; }
.highslide-overlay { display: none; }
/* Mac-style close button */
.closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: hand; /* ie */ cursor: pointer; /* w3c */ background: url('../highslide/graphics/close.png'); /* For IE6, remove background and add filter */ _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../highslide/graphics/close.png', sizingMethod='scale');
}
/* Controlbar example */
.controlbar { background: url('../highslide/graphics/controlbar4.gif'); width: 167px; height: 34px; }
.controlbar a { display: block; float: left; /*margin: 0px 0 0 4px;*/ height: 27px; }
.controlbar a:hover { background-image: url('../highslide/graphics/controlbar4-hover.gif'); }
.controlbar .previous { width: 50px; }
.controlbar .next { width: 40px; background-position: -50px 0; }
.controlbar .highslide-move { width: 40px; background-position: -90px 0; }
.controlbar .close { width: 36px; background-position: -130px 0; }
/* These must always be last */
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }