@charset "iso-8859-1";
/* IMPORTATION DU FICHIER CSS D'ALTITUDE */
@import url("/client/uploads/css/style.css");

/* IMPORTATION DES STYLES DU CALENDRIER */
@import url("/_css/calendrier.css");

/*************************/
/* SÉLECTEURS UNIVERSELS */
/*************************/

/** {
	margin:0;
	padding:0;
}*/

html,body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#000;
	background: url(/_images/bg_repeat.gif);
	background-repeat:repeat-x;
	background-color:#1F2D82;
	padding-top: 25px;	
	padding-bottom: 25px;
}

.clear{
	clear: both;
}

/********************/
/* BLOCS PRINCIPAUX */
/********************/
div#wrapwebsite_content {
	width:990px;
	background-image:url(/_images/bg_content24.png);
	margin:auto;
}
div#wrapwebsite {
	clear: both;
	position:relative;
	width:982px;
	height:auto !important;
	height:100%;
	padding:0;
	min-height:100%;
	margin:auto;
	text-align:left;
	background-color:#FFF;
}

/* HEADER */
#wrapwebsite_header {
   width:990px;
   margin:0;
   padding:0;
   background-color:#ffffff;
   text-align:left;
}
#wrapheader_image {
   width:990px;
   height:284px;
   background-repeat:no-repeat; 
   position:relative;
   z-index:2;
}
#header_img_container_1 {
   width:990px;
   height:284px; 
   z-index:1;
   position:absolute;
   background-repeat:no-repeat; 

}
#header_img_container_2 {
   width:990px;
   height:284px; 
   z-index:2;
   position:absolute;
   background-repeat:no-repeat; 

}
div#wrapheader img#imageheader {
	display:block;
	margin:0;
}
div#wrapwebsite_header .logo_alto {
	width: 45%;
	text-align: left;
	float: left;
}
div#wrapwebsite_header .littlelogin {
	float: left;
	margin:60px 0 0 0;
	width:140px;
}
div#wrapwebsite_header .littlelogin a {
	width:25px;
	margin:0 4px 0 2px;
}
div#wrapwebsite_header .littlelogin p {
	margin:0;
	padding:0 0 5px 0;
}
div#wrapwebsite_header .littlelogin img {
	width:25px;
}
div#wrapwebsite_header .logo_telus {
	width: 40%;
	text-align: right;
	float: right;
}

/* MENU HAUT */
div.menuhaut{
	width: 500px;
	float: right;
	margin: 0 24px 5px 0;
	padding-top: 1px;
}

ul#menuhaut {
	text-align:right;
	margin:0;
	list-style-type:none;
	padding:0;
}

ul#menuhaut li {
	display:inline;
	border-left:1px solid #8cc63f;
	margin-left:10px;
	padding-left:10px;
}

ul#menuhaut .premier {
	border:none;
}

ul#menuhaut li a {
	color:#232f84;
	text-decoration:none;
	font-weight:bold;
}
ul#menuhaut .sousmenu {
    display:none;
}
/* BOITE DE RECHERCHE */

#frmrecherche {
   float:right;
   color:#666666;
   margin:0;
} 

#frmrecherche input.rechercher  {
   border:1px solid #cccccc;
   border-right:none;   
   height:12px;
   width:163px;
   margin:0;
   font-size:0.9em;
   color:#666666;
   vertical-align:top;   
} 

#frmrecherche input.imageinput {
	vertical-align:top;
	margin:0;
	
}

/* MENU PRINCIPAL*/

div#wrapwebsite ul#menuprincipal {
	list-style-type:none;
	margin:0;
	padding:0;
	height:36px;
	background: #8cc63f no-repeat url(/_images/bkg_menuprincipal.gif) top left;
	width: 982px;
}

div#wrapwebsite ul#menuprincipal li {
	float:left;
	position:relative;
	z-index:4;
	background-color: #8cc63f;
	text-align: left;
}

div#wrapwebsite ul#menuprincipal li.premier {}
div#wrapwebsite ul#menuprincipal li.premier a {}

div#wrapwebsite ul#menuprincipal li a {
	background-color: #8cc63f;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	padding: 0 45px 0 44px;
	line-height: 36px;
}

div#wrapwebsite ul#menuprincipal li.dernier {
	float: right;
}


div#wrapwebsite ul#menuprincipal li a:link {
	background-color: #8cc63f;
}

div#wrapwebsite ul#menuprincipal li a:visited { background: #8cc63f; }

div#wrapwebsite ul#menuprincipal li a:hover { background: #263997; }

div#wrapwebsite ul#menuprincipal li.allume a { background: #263997; }

/* SPECIFIQUE A LA SECTION MIKE (id3) */

div#wrapwebsite ul#menuprincipal li a:visited#I3 { background: #8cc63f; }

div#wrapwebsite ul#menuprincipal li a:hover#I3 { background: #ea5a01; }

div#wrapwebsite ul#menuprincipal li.allume a#I3 { background: #ea5a01; }


/* Pour IE6 ... */

div#wrapwebsite ul#menuprincipal li.actif a:link { background: #263997; }
div#wrapwebsite ul#menuprincipal li.actif a:visited { background: #263997; }
div#wrapwebsite ul#menuprincipal li.actif a:hover { background: #263997; }
div#wrapwebsite ul#menuprincipal li.actif a:active { background: #263997; }

/* Pour IE6 ... */
/* SPECIFIQUE A LA SECTION MIKE (id3) */
div#wrapwebsite ul#menuprincipal li.actif a:link#I3 { background: #ea5a01; }
div#wrapwebsite ul#menuprincipal li.actif a:visited#I3 { background: #ea5a01; }
div#wrapwebsite ul#menuprincipal li.actif a:hover#I3 { background: #ea5a01; }
div#wrapwebsite ul#menuprincipal li.actif a:active#I3 { background: #ea5a01; }


/* SOUS MENU PRINCIPAL */

div#wrapwebsite ul#menuprincipal li ul.sousmenu {
	list-style-type:none;
	position:absolute;
	top:100%;
	left:0;
	visibility:hidden;
	margin:0;
	padding:0;
	/*opacity:0.9;
	filter:alpha(opacity=90);*/
	width:100%;	
	z-index:200;
}

div#wrapwebsite ul#menuprincipal li ul.sousmenu li {
	display:inline;
	float:none;
	font-size:1em;
	border:none;
	width:100%;
	z-index:200;
}

div#wrapwebsite ul#menuprincipal li ul.sousmenu li a {
	display:block;
	width:100%;
	padding: 0;
	line-height: 30px;	
	background-color:#FFF;
	color:#000;
	border-bottom:1px solid #C6C5C6;
	text-align: center;
	z-index:200;
}

div#wrapwebsite ul#menuprincipal li ul.sousmenu li a:link {
	background-color:#FFF;
}

div#wrapwebsite ul#menuprincipal li ul.sousmenu li a:visited {
	background-color:#FFF;
}

div#wrapwebsite ul#menuprincipal li ul.sousmenu li a:hover {
	background-color:#ECF0CE;
}



/* ZONE DE GAUCHE / MENU GAUCHE */

div#wrapleftpanel {
	width:155px;
	float:left;
	padding-bottom:20px;
}

div#wrapleftpanel ul#menugauche {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#wrapleftpanel ul#menugauche li {
	position:relative;
	display:inline;
	z-index:2;
}

div#wrapleftpanel > ul#menugauche li {
	display:block;
}

div#wrapleftpanel ul#menugauche li a {
	display:block;
	background-repeat:repeat-x;
	background-image: url(/_images/background_menu.gif);
	width:auto;
	padding:2px 10px;
	height:17px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

div#wrapleftpanel ul#menugauche li a:link {
	color:#FFF;
	text-decoration:none;
}

div#wrapleftpanel ul#menugauche li a:visited {
	color:#FFF;
	text-decoration:none;
}

div#wrapleftpanel ul#menugauche li a:hover, div#wrapleftpanel ul#menugauche li.allume a {
	color:#FFF;
	text-decoration:underline;
	background-image: url(/_images/background_menu_over.gif);
}

div#wrapleftpanel ul#menugauche li a:active {
	color:#FFF;
	text-decoration:none;
}

/* SOUS MENU GAUCHE */

div#wrapleftpanel ul#menugauche li ul.sousmenu {
	position:absolute;
	visibility:hidden;
	top:0;
	left:100%;
	margin:0;
	padding:0;
	background-color:#2B4066;
	border:1px solid #6C6C6C;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a {
	width:150px;
	padding:5px;
	background-image:none;
	background-color:#2B4066;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:link {
	background-color:#2B4066;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:visited {
	background-color:#2B4066;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:hover {
	background-image:none;
	background-color:#5F7E94;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:active {
	background-color:#5F7E94;
}



/* MENU BAS */
div.menubas{
	margin: 9px 0 12px 0;
	text-align: center;
}

ul#menubas {
	text-align: center;
	margin:0;
	list-style-type:none;
	padding:0;
}

ul#menubas li {
	display: inline;
	margin: 0 10px;
	width: 158px;
	color: #232f84;
/*	background: #9acc56;*/
	padding: 4px 0px;
}

ul#menubas li a {
	color: #232f84;
	text-decoration:none;
/*	background: #9acc56;*/
	padding: 4px 0px;
	width: 158px;
	display: inline-block;
}

ul#menubas li a:hover {
	background: #9acc56;
}


/*ul#menubas li a#I12 {
	color: #232f84;
	text-decoration:none;
	background: #FFFfff;	
}*/

/* CONTENU */

/* ACCUEIL */

div#wrapwebsite div#wrapcontentaccueil {
	color: #232f84;
	width: 939px;
	margin: 0 auto;
}

div#wrapwebsite div#wrapcontentaccueil h1 span { display: none; }
div#wrapwebsite div#wrapcontentaccueil h1 {
	margin-top: 0;
	width: 253px;
	height: 59px;
	background: url(/_images/ti_bienvenue.gif);
}


div#wrapwebsite div#wrapcontentaccueil_zoneleft {
	width:625px;
	float:left;
	margin:30px 0 0 0px;
	padding:0;
}

div#wrapwebsite div#wrapcontentaccueil_zoneright {
	width: 304px;
	float: right;
	margin: 14px 0px 0 0;
	padding:0;
}

div#wrapwebsite div#acc_efficacite {
	width: 304px;
	float: right;
	padding:0 0 10px 0;
	background: #232f84 no-repeat url(/_images/acc_bkg_zoneright_bottom.gif) bottom left;
	text-align: center;
}

div#wrapwebsite div#acc_efficacite h2 {
	margin: 0;
	padding: 18px 0 16px 16px;
	text-align: left;
	background: #232f84 no-repeat url(/_images/acc_bkg_zoneright_top.gif) top left;
}

/* TEMOIGNAGES D'ACCUEIL */
div#wrapwebsite div#acc_temoignages{
	width: 623px;
	height: 270px;
	background: transparent no-repeat url(/_images/acc_bkc_temoignage.jpg) top left;
	position: relative;
}

div#wrapwebsite div#acc_temoignages div.photo_temoignage{
	width: 184px;
	height: 135px;
	position: absolute;
	top: 96px;
	left: 35px;
	overflow: hidden;	
}

div#wrapwebsite div#acc_temoignages div.texte_temoignage{
	width: 280px;
	height: 188px;
	position: absolute;
	top: 35px;
	left: 320px;	
	color: #000000;
	overflow: hidden;
}

/* PAGES TEXTES */
.wrapmenu_gauche {
   float:left;
   width:150px;
   padding:25px 0px 40px 20px;
   margin-right:20px;
   font-size:16px;
}
.wrapmenu_gauche #menufiches {
   float:left;
}
.wrapmenu_gauche #menu_ssect {
   float:left;
}

.wrapmenu_gauche #menu_ssect .liste_fiche_menu a{
   padding:3px 3px 3px 25px;
   margin:0;
   width:140px;
   float:left;
   color:#263997;
   text-decoration:none;
}
.wrapmenu_gauche #menu_ssect a:hover, .wrapmenu_gauche #menu_ssect a.allume {
   background-color:#e95a00;
   background-image:url(/_images/puce2.gif);
   background-position:middle left;
   background-repeat:no-repeat;
   color:#ffffff;
}
.wrapmenu_gauche #menufiches .liste_fiche_menu a{
   padding:3px 3px 3px 25px;
   margin:0;
   width:140px;
   float:left;
   color:#263997;
   text-decoration:none;
}

.wrapmenu_gauche #menufiches a:hover {
   background-color:#e8fecb;
   background-image:url(/_images/puce.gif);
   background-position:middle left;
   background-repeat:no-repeat;
}

.wrapmenu_gauche_other #menu_ssect a:hover, .wrapmenu_gauche_other #menu_ssect a.allume {
   background-color:#e8fecb;
   background-image:url(/_images/puce3.gif);
   background-position:middle left;
   background-repeat:no-repeat;
   color:#232f84;
}
.wrapmenu_gauche_other #menu_ssect .liste_fiche_menu a{
   padding:3px 3px 3px 25px;
   margin:0;
   width:140px;
   float:left;
   color:#232f84;
   text-decoration:none;
}

ul.sousmenufiches {
	list-style:none;
	font-size:13px;
	margin:0px 0px 0px 15px;
	padding:3px 0px 0px 0px;
	clear:both;
}

ul.sousmenufiches li {
	list-style:none;
	margin:0px 0px 3px 0px;
	padding:0px;
}

ul.sousmenufiches li a {
	display:block;
	padding:3px 3px 3px 25px;
	text-decoration:none;
	width:125px;
	color:#232f84;
}

div#wrapwebsite div#wrapcontent {
	float:left;
	width:700px;
	margin:25px 0px 0px 20px;
	padding:0px 20px 0 0px;
}

div#wrapwebsite > div#wrapcontent {
	margin:25px 0px 0px 20px;
}

/* PAGES ALLFICHES2 */
div#wrapwebsite div#wrapcontent.produits{
	width:919px;
}

div#wrapwebsite div#wrapcontent div#listefichesImg .image_allfiches2{
	height:120px;
	padding:3px 5px 3px 0;
	/*float:left;*/
}

div#wrapwebsite div#wrapcontent div#listefichesImg ul{
	margin:0px;
	padding:0px;
}

div#wrapwebsite div#wrapcontent div#listefichesImg li{
	list-style:none;
	width:305px;
	display:block;
	float:left;
	font-size:13px;
	margin:0px;
	padding:0px;
}

div#wrapwebsite div#wrapcontent div#listefichesImg li .pimg{
	display:block;
	float:left;
	width:120px;
	height:120px;
	overflow:hidden;
}

div#wrapwebsite div#wrapcontent div#listefichesImg li div{
	float:rigth;
	/*width:170px;*/
}


/* FOOTER */

div#wrapfooterpub{
	width: 939px;
	margin: 0 auto;
}

div#wrapfooterpub .primeur_pub_header{
	margin-bottom: 22px;
}

div#wrapfooterpub .premier{ width: 304px; float: left;position:relative;height:149px; }
div#wrapfooterpub .milieu{ width: 304px; margin-left: 12px ; float: left;position:relative;height:149px; }
div#wrapfooterpub .dernier{ width: 299px; float: right;position:relative;height:149px;}
div#wrapfooterpub .dernier div p { margin:10px 0; }
div#wrapfooter {
	text-align:center;
	width:982px;	
	background-color: #8cc63f;
	color: #232f84;
	line-height: 33px;
	clear:both;
}

.copyright{
	color: #FFFFFF;
	font-size: 0.8em;
}

/***************************/
/* TEXTES, LISTES ET LIENS */
/***************************/

/* GÉNÉRAL */

div#wrapcontent h1 {
	font-size:2.3em;
	font-weight:normal;
	color:#232f84;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
div#wrapcontent h2 {
	font-size:1.6em;
	font-weight:normal;
	color:#232f84;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
div#wrapcontent h1.titre_mike {
   color:#e95a00;
}
div#wrapcontent ul {
	list-style-type:disc;
	margin:10px auto;
}
div#wrapcontent .texte {
   margin:10px 0 0 0;
   padding:0;
}
div#wrapcontent p {
	font-size:12px;
}

div#wrapcontent a {
	color:#8cc63f;
	text-decoration:none;
}

div#wrapcontent a:link {
	color:#8cc63f;
	text-decoration:none;
}

div#wrapcontent a:visited {
	color:#8cc63f;
	text-decoration:none;
}

div#wrapcontent a:hover {
	text-decoration:underline;
}

div#wrapcontent a:active {a
	text-decoration:none;
}
#wrapwebsite .mikecontent .texte a:link,#wrapwebsite .mikecontent .texte a, #wrapwebsite .mikecontent .texte  a:visited,#wrapwebsite .mikecontent .texte a:hover {
   color:#e95a00;
   text-decoration:underline;
}
/* PRIMEUR */

div#wrapzoneprimeurstexte {
	margin:auto 20px;
}

div#wrapzoneprimeurstexte div.titreprimeur {
	font-size:1.4em;
}

#listefiches_temoignages {

}
.liste_temoignages {
    background-image:url(/_images/bkg_liste_temoignage.jpg);
	height:278px;
	width:692px;
}
.liste_temoignages .temoignage_photo {
   position:relative;
height:278px;
width:300px;
float:left;
}
.liste_temoignages .temoignage_photo img {
   position:absolute;
top:50px;
left:40px;
}
.liste_temoignages .temoignage_photo .trombonne {
   position:absolute;
top:4px;
left:113px;
}
.temoignage_texte {
float:left;
      position:relative;
top:37px;
left:30px;
width:320px;
}
/***************/
/* FORMULAIRES */
/***************/

form fieldset {
	padding:5px;
	margin:10px auto;
}

form fieldset legend {
	font-size:1.5em;
	padding:5px;
}

form label {
	float:left;
	text-align:right;
	margin-top:2px;
	margin-right:10px;
	width:35%;
	font-size:1em;
}

form p {
	margin:10px auto;
	clear:both;
}

form p#soumettre, form p.soumettre {
	margin-top:20px;
	text-align:right;
}


form fieldset div.groupechoix {
	float:left;
	width:350px;
	margin-bottom:10px;
}

form fieldset div.groupechoix p {
	margin:0 0 10px 0;
}

form fieldset div.groupechoix p label {
	display:inline;
	float:none;
	margin-left:5px;
}

/* Message global de formulaire (unique) */
form p#messageerreur {
	display:none;
	background-color:#FFEFEF;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

/* Erreur de champ */
form p.erreurchamp {
	display:none;
	margin-left:37%;
	margin-right:70px;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

/***********************/
/* MOTEUR DE RECHERCHE */
/***********************/

table#moteurrecherche {
	border-collapse:collapse;
	margin-top:15px;
	width:100%;
}


table#moteurrecherche tr.ligne1 {

}

table#moteurrecherche tr.ligne2 {

}


table#moteurrecherche th {
	width:20px;
	padding:2px;
	padding-top:14px;
	vertical-align:top;
}

table#moteurrecherche td {
	padding:2px;
}

ul.resultats li {
	list-style-type:none;
}

/************/
/* CONTACTS */
/************/

table.departement {
	width:100%;
	margin-bottom:10px;
}

table.departement thead th {
	padding:5px;
	background-color:#F9F9F9;
}

table.departement tbody td, table.departement tbody th {
	padding-left:20px;
}

table.departement tbody th {
	padding-top:10px;
}

form#recherchecontact fieldset {
	padding:5px 30px;
}

form#recherchecontact label {
	display:inline;
	text-align:left;
	float:none;
	margin-left:10px;
}

form#recherchecontact div.groupe {
	float:left;
	width:50%;
}

/****************/
/* PLAN DE SITE */
/****************/

ol#plandesite {
	list-style-type:none;
	margin-left:0;
}

ol#plandesite li {
	margin:5px auto;
}

ol#plandesite li.section {
	margin:15px auto;
	font-weight:bold;
}

ol#plandesite ol.soussections {
	list-style-type:none;
	margin-left:20px;
}

ol#plandesite ol.soussections li {
	font-weight:normal;
}

ol#plandesite ol.soussections ol.fiches {
	list-style-type:none;
	margin-left:30px;
}

ol#plandesite ol.soussections ol.fiches li {
	font-weight:normal;
}

/******************/
/* MODULE SONDAGE */
/******************/


div#sondage {
	background-color:#F5F5F5;
	width:250px;
	margin-top:10px;
	border:1px outset #333;
	text-align:center;
}

div#sondage h2 {
	margin:0;
	padding:5px;
	border:1px inset #333;
}



div#sondage h3 {
	margin:0;
	background-color:#FFF;
	border:1px outset #333;
	padding:5px;
	font-size:1em;
}

div#sondage form p {
	text-align:left;
}

div#sondage label {
	margin-left:30px;
}

div#sondage p.soumettre{
	text-align:center;
}

table#sondage_resultats {
	margin:10px;
	width:225px;
	text-align:left;
}

table#sondage_resultats div.barreresultats_fond {
	height:3px;
	border:1px inset #333;
	font-size:0px;
}

table#sondage_resultats div.barreresultats_dessus {
	height:3px;
	background-color:#00F;
}

/********/
/* MISC */
/********/
div#wrapwebsite .wrap_solutions a, div#wrapwebsite .wrap_solutions a:visited, div#wrapwebsite .wrap_solutions a:active {
   color:#8cc63f;
   font-size:15px;

}
div#wrapwebsite .wrap_solutions a:hover{
text-decoration:underline;

}

div#wrapwebsite .wrap_solutions .texte {
   margin-top:20px;
}
p.ssectdesct_text {
    color:#263997;
	font-weight:bold;
	font-size:15px;
}
a img {
	border:none;
}

hr.clear {
	visibility:hidden;
	height:0px;
	clear:both;
}

.iframebox {
	padding:0px 25px;
}

.loginbox {
	 padding:15px; 
	 color:#FFF;"
}
.loginbox a {
	 color:#FFF;"
}

.imagebox {
	float:left;
	margin:10px;
	width:200px;
}

.pricebox {
	float:left;
	border:1px solid #CCCCCC; 
	padding:10px 20px;
	margin:5px;
	width:200px;
}
.pricebox p {
	display:block;
	clear:both;
	margin:0;
	padding:10px 0;
}
.pricebox input{
	float:left;
}
.pricebox label{
	float:left;
}
.pricebox span{
	float:right;
}

.modelsbox {
	float:right;
	border:1px solid #CCCCCC; 
	padding:10px 20px;
	margin:5px;
	width:160px;
}

.accessoire {
	float:left;
	width:350px;
	margin-bottom:15px;
}
.accessoire .imgsize_box {
	float:left;
	width:100px;
}
.accessoire .textVendeur {
	float:right;
	width:230px;
	padding:0px 10px;
	font-size:11px;
}

.produitdescription {
	clear:both;
}