body

{

	margin: 0;

	padding: 0;

	background-repeat: no-repeat;

	background-position: center top;

	font-family: Tahoma;

	font-size: 12px;

}



img

{

	border: 0;

}



body.market1

{

	background-image: url(../images/fond_market_1.jpg);

	background-color: #3e3727;

}



body.market2

{

	background-image: url(../images/fond_market_2.jpg);

	background-color: #365b01;

}



body.market3

{

	background-image: url(../images/fond_market_3.jpg);

	background-color: #ffffff;

}



body.market4

{

	background-image: url(../images/fond_market_4.jpg);

	background-color: #1a180d;

}



body.market5

{

	background-image: url(../images/fond_market_5.jpg);

	background-color: #240105;

}



body.market6

{

	background-image: url(../images/fond_market_6.jpg);

	background-color: #35371d;

}



body.market7

{

	background-image: url(../images/fond_market_7.jpg);

	background-color: #ffffff;

}



body.market8

{

	background-image: url(../images/fond_market_8.jpg);

	background-color: #000000;

}



#conteneur

{

	width: 991px;

	margin: 115px auto 0 auto;

}



#logo

{

	position: absolute;

	width: 340px;

	height: 235px;

	margin-top: -91px;

	margin-left: -24px;

	background: url(../images/logo.png);

	cursor:pointer;

}



#haut

{

	width: 991px;

	height: 115px;

	background: url(../images/haut.png);

}



#milieu

{

	width: 991px;

	background: url(../images/milieu.png);

}



#actualites

{

	position: absolute;

	margin-left: 194px;

	height: 21px;

	width: 782px;

	background: url(../images/separation_actualites.png) no-repeat bottom left;

	font-family: Arial;

	font-size: 11px;

	color: #878787;

	padding-top: 5px;

	overflow: hidden;

}



#recherche

{

	padding-left: 194px;

	font-family: Arial;

	font-size: 11px;

	font-weight: bold;

	color: #4e8ab0;

	height: 31px;

	padding-top: 31px;

}



#recherche input

{

	font-weight: bold;

	font-family: Arial;

	font-size: 11px;

	color: #4e8ab0;

	border: 1px solid #a0acc2;

	padding: 3px 0;

	margin: 0;

}



#pod1

{

	width: 980px;

	height: 361px;

}



#pod1_gauche

{

	display:inline;

	float:left;

	margin-left: 15px;

	width: 735px;

	height: 361px;

	background: url(../images/pod1_gauche.png);

}



#pod1_gauche h2

{

	font-family: Georgia;

	font-size: 32px;

	color: #68b6e6;

	margin-left: 52px;

	margin-top: 12px;

	margin-bottom: 0;

}



#pod1_gauche h2 a, #pod1_gauche h2 a:visited

{

	color: #68b6e6;

	text-decoration: none;

}



#pod1_gauche h2 a:hover

{

	color: #68B6E6;

	text-decoration: underline;

}



#pod1_gauche h2 .petit

{

	font-size: 18px;

}



#pod1_droite

{

	float:left;

	width: 220px;

	padding-left: 10px;

}



.actu

{

	font-size: 11px;

	color: #878787;

	height: 180px;

}



.actu a, .actu a:visited

{

	color: #878787;

	text-decoration: none;

}



.actu a:hover

{

	color: #878787;

	text-decoration: underline;

}



.texte_actu

{

	margin-top: 6px;

	margin-bottom: 9px;

	padding-left: 44px;

	height: 28px;

	width: 166px;

	background: url(../images/fleche_pod_droite) no-repeat;

}



#pod2

{

	width: 960px;

	height: 318px;

	background: url(../images/pod2.png) no-repeat;

	margin-left: 15px;

	margin-top: 12px;

}



#pod2 h1

{

	color: #ffffff;

	font-size: 20px;

	font-family: Georgia;

	margin: 0 0 0 38px;

	padding: 5px 0 0 0;

	height: 30px;

}



.point_fort

{

	float:left;

	width: 192px;

	height: 280px;

}



.titre_point_fort

{

	font-family: Georgia;

	font-size: 14px;

	font-weight: bold;

	padding-left: 11px;

	padding-top: 10px;

	margin: 0;

}



.description_point_fort

{

	font-size: 11px;

	padding-left: 27px;

	padding-right: 13px;

}



.description_point_fort a, .description_point_fort a:visited

{

	color: #5695bc;

	text-decoration: underline;

}



.description_point_fort a:hover

{

	color: #5695bc;

	text-decoration: none;

}



#bas

{

	width: 991px;

	height: 87px;

	background: url(../images/bas.png);

}



.contenu_bas

{

	position: absolute;

	padding-left:287px;

	margin-top: 15px;

	color:#35729d;

	font-size: 11px;

}



.contenu_bas input

{

	font-size: 12px;

	padding-top: 3px;

	padding-bottom: 2px;

	vertical-align: top;

	border: 1px solid #a0acc2;

	margin: 0;

}



#pied

{

	float:left;

	width: 991px;

	background: url(../images/pied.png) repeat-y;

	padding-bottom: 40px;

}



#pied .noir

{

	padding-top: 20px;

	padding-left: 25px;

	padding-bottom: 16px;

	/*color:#000000;*/

	color:#ffffff;

	font-size: 13px;

	font-weight: bold;

}



.market4 #pied .noir, .market5 #pied .noir, .market8 #pied .noir

{

	color: #ffffff;

}



#pied .colonne

{

	float: left;

	display: inline;

	width: 138px;

	color: #b8b8b8;

	font-weight: bold;

	font-size: 11px;

	line-height: 18px;

}



.market3 #pied .colonne, .market7 #pied .colonne

{

	color: #000000;

}



.colonne a, .colonne a:visited

{

	font-weight: normal;
	color:#68B6E6;
	text-decoration: none;

}



.colonne a:hover

{

	font-weight: normal;

	color: #68B6E6;

	text-decoration: underline;
}


.fleche
{

background: url(../images/fleche_bleue.png) no-repeat;
margin-left:-20px;
}


.market3 .colonne a, .market3 .colonne a:visited, .market3 .colonne a:hover, .market7 .colonne a, .market7 .colonne a:visited, .market7 .colonne a:hover

{

	color: #383838;

}



#pod_clients

{

	width: 195px;

	height: 132px;

	background: url(../images/pod_clients.png);

	position: absolute;

	margin-left: 786px;

	margin-top: -7px;

}



.diaporama

{

	position: absolute;

	width: 697px;

	height: 279px;

	overflow: hidden;

	margin-left: 18px;

	margin-top: 12px;

}



#diaporama1_content, #diaporama1_content li {

    list-style: none;

    margin: 0;

    padding: 0;

}



#diaporama1_content {

	width: 13440px;

	position: absolute;

}



#pod1 #diaporama1 ul li {

	display: block;

	float: left;

	margin: 0;

	padding: 0;

	border: none;

	background-color: #fff;

}



#pod1 #diaporama1 ul li img {

	display: block;

}



.diaporama1_controls

{

	background: url(../images/fond_diaporama.png) repeat-x;

	height: 40px;

	width: 182px;

	position: absolute;

	margin-top: 251px;

	margin-left: 533px;

}



.diaporama1_controls .point_gris, .diaporama1_controls .point_blanc

{

	display: inline;

	float: left;

	width: 16px;

	height: 40px;

	cursor: pointer;

	margin-left: 4px;

}



.diaporama1_controls .point_gris

{

	background: url(../images/point_gris.png) no-repeat center center;

}



.diaporama1_controls .point_blanc

{

	background: url(../images/point_blanc.png) no-repeat center center;

}



.diaporama1_controls .fleche_precedent, .diaporama1_controls .fleche_suivant

{

	display: block;

	float:left;

	width: 32px;

	height: 40px;

	margin-left: 6px;

	cursor: pointer;

}



.diaporama1_controls .fleche_precedent

{

	background: url(../images/fleche_precedent.png) no-repeat center center;

}



.diaporama1_controls .fleche_suivant

{

	background: url(../images/fleche_suivant.png) no-repeat center center;

}



#diaporama2

{

	position: absolute;

	width: 220px;

	height: 360px;

	overflow: hidden;

}



#diaporama2_content

{

	position: absolute;

}



.diaporama2_item

{

	position: absolute;

}



.diaporama2_controls

{

	width: 194px;

	height: 29px;

	margin-top: -24px;

	margin-left: 590px;

}



.diaporama2_controls .point_blanc, .diaporama2_controls .point_gris

{

	float: left;

	display:inline;

	width: 16px;

	height: 29px;

	margin-left: 2px;

	cursor: pointer;

}



.diaporama2_controls .point_blanc

{

	background: url(../images/diapo2_point_gris.png) center center no-repeat;

}



.diaporama2_controls .point_gris

{

	background: url(../images/diapo2_point_gris_fonce.png) center center no-repeat;

}



.diaporama2_controls .fleche_precedent, .diaporama2_controls .fleche_suivant

{

	display: inline;

	float:left;

	width: 32px;

	height: 29px;

	margin-left: 2px;

	cursor: pointer;

}



.diaporama2_controls .fleche_precedent

{

	background: url(../images/diapo2_fleche_haut.png) center center no-repeat;

}



.diaporama2_controls .fleche_suivant

{

	background: url(../images/diapo2_fleche_bas.png) center center no-repeat;

}



.bouton

{

	font-family: arial;

	font-size: 11px;

	font-weight: bold;

	display:inline-block;

	height: 22px;

	color:#4e8ab0;

	background: url(../images/bouton_milieu.png) repeat-x;

	text-decoration: none;

}

.bouton:hover

{

	font-family: arial;

	font-size: 11px;

	font-weight: bold;

	display:inline-block;

	height: 22px;

	color:#4e8ab0;

	background: url(../images/bouton_milieu_hover.png) repeat-x;

	text-decoration: none;

}


.bouton .gauche

{

	display: inline-block;

	height: 22px;

	background: url(../images/bouton_gauche.png) top left no-repeat;

	padding-left: 9px;

}

.bouton:hover .gauche

{

	display: inline-block;

	height: 22px;

	background: url(../images/bouton_gauche_hover.png) top left no-repeat;

	padding-left: 9px;

}

.bouton .droite

{

	background: url(../images/bouton_droite.png) top right no-repeat;

	padding:4px 9px 4px 0;

	display: inline-block;

}

.bouton:hover .droite

{

	background: url(../images/bouton_droite_hover.png) top right no-repeat;

	padding:4px 9px 4px 0;

	display: inline-block;

}

.bouton_bas

{

	font-family: arial;

	font-size: 11px;

	font-weight: bold;

	display:inline-block;

	height: 22px;

	color:#4E8AB0;

	background: url(../images/bouton_bas_milieu.png) repeat-x;

	text-decoration: none;

}



.bouton_bas .gauche

{

	display: inline-block;

	height: 22px;

	background: url(../images/bouton_bas_gauche.png) top left no-repeat;

	padding-left: 9px;

}



.bouton_bas .droite

{

	background: url(../images/bouton_bas_droite.png) top right no-repeat;

	padding:4px 9px 4px 0;

	display: inline-block;

}

.bouton_bas:hover

{

	font-family: arial;

	font-size: 11px;

	font-weight: bold;

	display:inline-block;

	height: 22px;

	color:#4E8AB0;

	background: url(../images/bouton_bas_milieu_hover.png) repeat-x;

	text-decoration: none;

}



.bouton_bas:hover .gauche

{

	display: inline-block;

	height: 22px;

	background: url(../images/bouton_bas_gauche_hover.png) top left no-repeat;

	padding-left: 9px;

}



.bouton_bas:hover .droite

{

	background: url(../images/bouton_bas_droite_hover.png) top right no-repeat;

	padding:4px 9px 4px 0;

	display: inline-block;

}

#contenu

{

	float: left;

	width: 960px;

	/*height: 691px;*/

	margin-left: 10px;

	background: url(../images/contenu_middle.png);

}



#contenu_top

{

	float: left;

	width: 960px;

	background: url(../images/contenu_top.png) top left no-repeat;

}



#contenu_bottom

{

	float: left;

	width: 960px;

	background: url(../images/contenu_bottom.png) bottom left no-repeat;

}



#contenu h1

{

	background: url(../images/titre_fleche_orange.png) top left no-repeat;

	margin: 12px 0 18px 10px;

	padding-left: 42px;

	font-size: 36px;

	font-family: Georgia;

	font-weight: bold;

	color: #68b6e6;

}



#contenu_page

{

	min-height: 370px;

	height: auto !important;

	height: 370px;

	width;777px;

}



#menu_gauche

{

	float:left;

	width: 134px;

	font-family: Georgia;

	font-size: 12px;

	padding-left: 6px;

}



#menu_gauche ul

{

	list-style: none;

	padding: 0;

	margin: 0;

}



#menu_gauche ul li

{

	padding: 4px;

	margin: 0;

}



#menu_gauche li.actif

{

	background: #000000;

}



#menu_gauche a, #menu_gauche a:visited

{

	color:#848484;

	text-decoration: none;

}



#menu_gauche a:hover

{

	color: #848484;

	text-decoration: underline;

}



#menu_gauche li.actif a, #menu_gauche li.actif a:visited

{

	color:#ffffff;

	text-decoration: none;

}



#menu_gauche li.actif a:hover

{

	color:#ffffff;

	text-decoration: underline;

}



#page

{

	float:left;

	padding-right: 18px;

	padding-left: 25px;

	width: 777px;

	font-family: Arial;

	font-size: 12px;

	color:#616161;

}

#page2

{

	float:left;

	padding-right: 18px;

	padding-left: 25px;

	width: 781px;

	font-family: Arial;

	font-size: 12px;

	color:#616161;

}

#realisations

{

	position: absolute;

	margin-top: 20px;

	margin-left: -161px;

	width: 960px;

	height: 153px;

	overflow: hidden;

}



#realisations_content

{

	position: absolute;

	width: 13440px;

	height: 152px;

}



#page h2

{

	background: #666666;

	color:#acacac;

	font-family: Georgia;

	font-size: 26px;

	font-weight: normal;

	padding: 4px 0 5px 8px;

	margin: 170px 0 23px -141px;

	width:900px;

}

#realisations2 h2

{

	background: #666666;

	color:#acacac;

	font-family: Georgia;

	font-size: 26px;

	font-weight: normal;

	padding: 4px 0 5px 8px;

	margin: 180px 0 23px -141px;

	width:933px;

}


#page2 h2

{

	background: #666666;

	color:#acacac;

	font-family: Georgia;

	font-size: 26px;

	font-weight: normal;

	padding: 4px 0 5px 8px;

	margin: 170px 0 23px 0px;

}

#page p

{

	margin: 0;

}



.ombre

{

	text-shadow: 0 1px 1px #44aff1;

}



#logoclient1, #logoclient2, #logoclient3

{

	position: absolute;

}



.realisations_item

{

	float: left;

	width: 960px;

}



.realisations_controls

{

	background: url(../images/fond_diaporama.png) repeat-x;

	height: 39px;

	width: 196px;

	position: absolute;

	margin-top: -62px;

	margin-left: 572px;

}



.realisations_controls .point_gris, .realisations_controls .point_blanc

{

	display: block;

	float: left;

	width: 16px;

	height: 40px;

	cursor: pointer;

	margin-left: 4px;

}



.realisations_controls .point_gris

{

	background: url(../images/point_gris.png) no-repeat center center;

}



.realisations_controls .point_blanc

{

	background: url(../images/point_blanc.png) no-repeat center center;

}



.realisations_controls .fleche_precedent, .realisations_controls .fleche_suivant

{

	display: block;

	float:left;

	width: 32px;

	height: 40px;

	margin-left: 6px;

	cursor: pointer;

}



.realisations_controls .fleche_precedent

{

	background: url(../images/fleche_precedent.png) no-repeat center center;

}



.realisations_controls .fleche_suivant

{

	background: url(../images/fleche_suivant.png) no-repeat center center;

}

.invalide
{
	border-right: solid 1px #c27474;
	border-top: solid 1px #c27474;
	border-left: solid 1px #c27474;
	border-bottom: solid 1px #c27474;
	background-color:#fbdad1;
}

.valide
{
	border-right: solid 1px #87aa8e;
	border-top: solid 1px #87aa8e;
	border-left: solid 1px #87aa8e;
	border-bottom: solid 1px #87aa8e;
	background-color:#dfefe2;
}

a.lien3:link    { text-decoration : none ; color:#616161;font-family:Arial;font-size:12px;}
a.lien3:visited   { text-decoration : none ; color:#616161;font-family:Arial;font-size:12px;}
a.lien3:hover   { text-decoration : underline ; color:#616161;font-family:Arial;font-size:12px;}
a.lien3:active  { text-decoration : none ; color:#616161;font-family:Arial;font-size:12px;}

a.lien4:link    { text-decoration : none ; color:#35729D;font-size:11px;}
a.lien4:visited   { text-decoration : none ; color:#35729D;font-size:11px;}
a.lien4:hover   { text-decoration : underline ; color:#35729D;font-size:11px;}
a.lien4:active  { text-decoration : none ; color:#35729D;font-size:11px;}

a.lien5:link    { text-decoration : none ; color:#000000;font-size:11px;}
a.lien5:visited   { text-decoration : none ; color:#000000;font-size:11px;}
a.lien5:hover   { text-decoration : none ; border-bottom:1px dashed #b1b6b7; color:#000000;font-size:11px;}
a.lien5:active  { text-decoration : none ; color:#000000;font-size:11px;}

#solution_internet_creation_de_site{
	background: url(../images/solution_internet_creation_de_site.jpg);
}
#solution_internet_creation_de_site:hover{
	background: url(../images/solution_internet_creation_de_site_hover.jpg);
}

#intranet{
	background: url(../images/intra_extra.jpg);
}
#intranet:hover{
	background: url(../images/intra_extra_hover.jpg);
}

#dev_mesure{
	background: url(../images/dev_sur_mesure.jpg);
}
#dev_mesure:hover{
	background: url(../images/dev_sur_mesure_hover.jpg);
}

#hebergement{
	background: url(../images/hebergement.jpg);
}
#hebergement:hover{
	background: url(../images/hebergement_hover.jpg);
}

#referencement{
	background: url(../images/referencement2.jpg);
}
#referencement:hover{
	background: url(../images/referencement_hover.jpg);
}

.pagination
{
    border:0;
    margin:0;
    padding:0;
	float:right;
	margin: 10px 0;
}

.pagination li
{
    border:0;
    margin:0;
    padding:0;
    font-size:11px;
    list-style:none;
  	float : left;
    margin-right:2px;
}

.pagination a
{
    border:solid 1px #DDDDDD;
    margin-right:2px;
}

.pagination .previous-off, .pagination .next-off
{
    border:solid 1px #DEDEDE;
    color:#888888;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:2px;
    padding:3px 4px;
}

.pagination .next a, .pagination .previous a
{
    font-weight:bold;
}

.pagination .active
{
    background:#888888;
    color:#FFFFFF;
    font-weight:bold;
    display:block;
    float:left;
    padding:4px 6px;
}

.pagination a:link, .pagination a:visited
{
    color:#38718E;
    display:block;
    float:left;
    padding:3px 6px;
    text-decoration:none;
}

.pagination a:hover
{
    border:solid 1px #0e509e;
}

/* test */
.deroulage
{
	background:transparent url(../images/fond_slide_up.png) no-repeat scroll 0 0;
	color:#087D97;
	cursor:pointer;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
	height:24px;
	padding-left:10px;
	padding-top:6px;
	text-transform:uppercase;
	width:676px;
}

.contenu_deroulage
{
	width: 670px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
}

#contenu_bottom .colonne{
	color:black;
	display:inline;
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	padding-bottom: 10px;
}

/*test*/



a.lien_parrainage, a.lien_parrainage:visited

{

	color: #979797;

	text-decoration: none;

}



a.lien_parrainage:hover

{

	color: #979797;

	text-decoration: underline;

}

.haut_coordonnees {
	color:#FFFFFF;
	font-size:11px;
	padding-right:20px;
	margin-top:94px;
	text-align:right;
}

.bandeau_actualites_lien, .bandeau_actualites_lien:visited {
	color:#878787;
	text-decoration : none;
}

.bandeau_actualites_lien:hover, .bandeau_actualites_lien:active {
	text-decoration : underline;
}