@charset "utf-8";
/* CSS Document */
body{
width:990px;
margin:auto;
background-image: url(/img/bg-v2.png);
background-repeat:repeat-x;
padding:0;
overflow-y: scroll;
padding-bottom:25px;
}

#body{
background-color:white;
}

#bg-corps{				
background-image: url(/img/bg-corps-v2.png);
background-repeat: no-repeat;
height: inherit;
}
img{
display:block;
border:none;
}

a{
text-decoration:underline;
color: #0C53CE;
}
a:hover{
text-decoration:none;
color: #CC6600;
}
ul{
margin:0;
padding:0;
}


/*  header */
img#logo{
float:left;
}
/* menus */

#blocs_menus{  /* le blocs contenant les deux menus du header */
width:401px;
float:left;
}
/* menu navigation accueil */ 
	
#menu_nav{		
width:401px;
}
#menu_nav ul{
margin:0;
padding:0;
list-style-type:none;
}
#menu_nav li{
float:left;
}

#menu_nav a{
display:block;
width:59px;
height:16px;
background-repeat: no-repeat;
}
a#accueil{background-image: url(/img/header2_2.gif);}
a#accueil:hover{background-image: url(/img/header_2_hover_1.gif);}

a#faq{background-image:url(/img/header2_3.gif);}
a#faq:hover{background-image: url(/img/header_2_hover_2.gif);}

a#wiki{background-image:url(/img/header2_4.gif);width:63px;}
a#wiki:hover{background-image: url(/img/header_2_hover_3.gif);}

#entre_menus{		/* entre les deux menus du header */
clear:both;
width:401px;
height:29px;
background-color:#FFFFFF;
background-image:url(/img/header-menu-societe_04.png);
background-repeat:no-repeat;
background-position:right;
}
/* menu societe services  */
#menu_societe{
width:401px;
height:21px;
background-color:#FFFFFF;
background-image: url(/img/header-menu-societe_27.png);
background-repeat:no-repeat;
background-position:right;
}
#menu_societe ul{
list-style-type:none;
margin:0;
padding:0;
}
#societe li{
float:left;
}
.text_menu_societe{
position:relative;   /* descendre le text du menu societe de 3 px */
top:3px;
}
#societe a{
display:block;
background-image:url(/img/header-menu-societe-bt.png);
background-repeat:no-repeat;
width:92px;
height:21px;
text-decoration:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#545353;
}
/* les deux hover societe  */
#societe a:hover{
background-image:url(/img/header-menu-societe_bt_hover1.gif);     /*   le hover trait bleu */
}

/* le menu deroulant */	
#societe li{
float:left;
position:relative;
}
#societe ul {
position: absolute;
display:none;
width:210px;
padding-top:10px;					/* la distance entre le menu et le deroulant */
}
#societe li ul a{
width:170px;
background-image:none;
font-size:12px;
text-align:right;
height:auto;
float:left;
padding:3px 17px 2px;
background-color: #FFFFFF;
border-bottom: 1px solid #f4c809;
border-left: 1px solid #f4c809;
border-right: 1px solid #f4c809;
}
#societe li ul a#bordure_haut{
border-top: 1px solid #f4c809;
}
#societe li ul a:hover{
font-weight:bold;
background-image:none;
background-color: #f4c809;
color: #FFFFFF;
}
#societe ul{
top:20px;
left:-115px;
text-align:right;
z-index:100;
}	
#societe li:hover ul ul, #societe li:hover ul ul ul, #societe li:hover ul ul ul ul{
display:none;
}
#societe li:hover ul, #societe li li:hover ul, #societe li li li:hover ul, #societe li li li li:hover ul{
display:block;
}
/* comme son nom l'indique */
#dessous_menu_societe{
width:401px;
height:31px;
background-color:#FFFFFF;
background-image: url(/img/header-menu-societe_07.png);
background-repeat:no-repeat;
background-position:right;
}

/* debut du menu accordeon */
#trait1{
float:left;
margin-left:26px;
margin-top:67px;
}
#bg_accordeon{
float:left;
width:164px;
margin-bottom:65px;  /* ici rajouter height pour éviter effet */
}
#bg_accordeon img{
margin-top:36px;
margin-bottom:18px;
margin-left:10px;
}
#bg_accordeon h1{
cursor:pointer;
background-image:url(/img/menu-accordeon-bt1.png);
width:143px;
height:58px;
color:#FFFFFF;
font-size:11px;
text-align:center;
margin-bottom:10px;
margin-left:10px;
}
.titre_accordeon{
position:relative;
top:11px;
left:19px;
}

h1#open{ margin-top:20px; background-image:url(/img/menu-accordeon-bt_1.png);}
h1#open:hover{ background-image: url(/img/menu-accordeon-bt1_hover.png);}
h1#dev{ background-image: url(/img/menu-accordeon-bt_2.png);}
h1#dev:hover{background-image: url(/img/menu-accordeon-bt2_hover.png);}
h1#heberge{background-image: url(/img/menu-accordeon-bt_3.png);}
h1#heberge:hover{background-image: url(/img/menu-accordeon-bt3_hover.png);}
h1#reseaux{background-image: url(/img/menu-accordeon-bt_4.png);}
h1#reseaux:hover{background-image: url(/img/menu-accordeon-bt4_hover.png);}

#bg_accordeon div{
margin-bottom:0px;
margin-left:0px;
width:170px;
font-size:11px;
text-align:left;
line-height:13px;
margin-bottom:10px;
}
#bg_accordeon ul{
list-style-position: outside;
list-style-type: none;
}
#bg_accordeon li{
font-size: 9px;
text-align: left;
padding-left:0px;
line-height:9px;
border:1px solid white;
}
#bg_accordeon li a.bt1{
display:block;
background-image:url(/img/norm1.gif);
background-repeat:no-repeat;
padding:4px 0 5px 27px; 
color:#596a7a;
text-decoration:underline;
}
#bg_accordeon li a.bt1:hover{
background-image:url(/img/hover1.gif);
background-repeat:no-repeat;
color: #CC6600;
text-decoration:none;
}
#bg_accordeon li a.bt2{
display:block;
background-image:url(/img/norm1.gif);
background-repeat:no-repeat;
padding:4px 0 5px 27px; 
color:#596a7a;
text-decoration:underline;
}
#bg_accordeon li a.bt2:hover{
background-image:url(/img/hover1.gif);
background-repeat:no-repeat;
color: #CC6600;
text-decoration:none;
}
div#contain_open{
height:75px;
}
div#contain_dev{
height:45px;
}
div#contain_heb{
height:100px;
}
div#contain_res{
height:100px;
}

/* contenu_accueil */

#contenu_accueil{
float:left;
width:569px;
background-color:#FFFFFF;
margin-bottom:25px;
}
#titre_2mots{
margin-top:3px;
margin-bottom:20px;
}
#contenu_accueil p{
color:#4b4747;
font-size:12px;
text-align:justify;
line-height:14px;
}
#contenu_accueil h1{
color:#4b4747;
font-size:15px;
margin-bottom:16px;
}
#contenu_2mots{
margin:34px 17px 35px 17px;
}
#contenu_2mots h1{
float:left;
}
#contenu_2mots img#puzzle{
float:right;
margin-top:-15px;
}
#contenu_2mots p{
clear:left;
margin-bottom:10px;
}
#contenu_open{
margin:0px 17px 25px 17px;
}
#contenu_open img#contact{
float:left;
margin-top:24px;
}
#contenu_open img#titre_open{
float:right;
margin-right:3px;
}
#contenu_open p{
clear:right;
margin-left:222px;
padding-top:15px;
width:312px;
}
img.trait{
float:left;
margin-top:67px;
}

/* news */

#news_box{
float:left;
text-align:left;
width:195px;
margin:0 5px 0 5px;
padding:0;

}
div.news_block{
border-bottom:1px dotted #ccc;
margin:5px 5px 15px 5px;
padding:0 0 20px 0;
}

#news_box img{
margin-top:29px;
margin-bottom:21px;
}
#news_box p.date{
font-size:10px;
color:#f4c809;
margin:20px 0 2px 5px;
}
#news_box h4{
font-size:14px;
color:#0c53ce;
margin:0 0 0 5px;
}
#news_box p.text_news{
font-size:11px;
color:#575656;
margin-left:5px;
text-align:justify;
}
#news_box ul{
width:150px;
margin-left:37px;
list-style-position: outside;
list-style-type: disc;
}
#news_box ul li{
line-height:12px;
font-size:11px;
color:#575656;
margin-bottom:3px;
}

/* contenu_main (architecture comme societe) */
	
#contenu_main{
float:left;
width:565px;
background-color:#FFFFFF;
padding:35px 18px 25px 18px;
margin-bottom:20px;   /* la hauteur de page  */
}
#contenu_main a{
color:#4b4747;
text-decoration:underline;
}
#contenu_main a:hover{
color: #CC6600;
text-decoration:none;
}
#bg_open_source{
background-image:url(/img/contenu-open-source-bg-pollen2.jpg);
background-repeat:no-repeat;
background-position:315px 10px;
}
#contenu_main #societe div{
margin-bottom:40px;
}
#contenu_main .titre{
margin-bottom:20px;
}
#contenu_main h2.titre{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
margin-bottom:0px;
}

#contenu_main h3.titre_h3{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
margin-top:19px;
margin-bottom:16px;
padding:3px 0 3px 2px;
border-bottom:1px solid #f4c809;
}
#services h3.titre_h3{   /*les h3 de la page services */
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
margin-top:10px;
margin-bottom:23px;
background-color:#f6f8f9;
padding:3px 0 2px 2px;
border:none;
}
#contenu_main h4.titre_h4{
font-size:12px;
font-family:Helvetica, Arial, sans-serif;
color:#333333;
margin-bottom:24px;
padding-top:7px;
border-top:1px dotted #0000CC;
}
#contenu_main p{
color:#4b4747;
font-size:12px;
text-align:justify;
line-height:14px;
margin-bottom:22px;
}
.developpement-bg_img_float_right{
float:right;
margin-left:20px;
margin-top:-27px;
margin-right:-7px;
}
#bg_hebergement img.img_float_right{
float:right;
margin-left:10px;
margin-top:-27px;
}
.bg_hebergement_img_float_right{
float:right;
margin-left:10px;
margin-top:-27px;
}
#bg_systeme_et_reseaux img.img_float_right{
float:right;
margin-left:29px;
margin-top:-27px;
margin-bottom:10px;
}
#contenu_main p#accroche{
text-align:left;
letter-spacing:-0.3px;
margin-top:7px;
font-size:11px;
font-style:italic;
font-weight:bold;
line-height:12px;
}
#contenu_main #linux{
float:right;
margin-right:12px;
margin-left:24px;
position:relative;
top:-17px;
}
#contenu_main p.titre_liste{
margin-bottom:6px;
}
#contenu_main p#margin-top{
margin-top:26px;
}
#contenu_main p#margin-top-sys{
margin-top:26px;
margin-bottom:11px;
}
#contenu_main p.infogerance{
font-family: Arial, Helvetica, sans-serif;
float:left;
margin-top:26px;
margin-left:20px;
margin-bottom:76px;
text-align:center;
cursor:pointer;
padding:4px 0 3px 0px;
border:1px solid  #FFFFFF;
background-color:#1d5ba6;
color: #49607b;
display:block;
width:200px;
padding:15px;
padding-top:19px;
padding-bottom:18px;
font-weight:bold;
font-size:11px;
background-image:url(/img/encart-e.png);
}
#contenu_main p.infogerance:hover{
border:1px solid #000066;
}
#contenu_main p.hide{
float:right;
margin-top:26px;
margin-right:20px;
margin-bottom:26px;
text-align:center;
padding:4px 0 3px 0px;
background-color:#f6f8f9;
color: #49607b;
display:block;
width:200px;
padding:15px;
padding-top:19px;
padding-bottom:18px;
font-size:11px;
background-image: url(/img/bg-encart-hide.png);
}

#main_right{
float:right;
}
#main_right p#overP{
float:right;
text-align:center;
display:block;
width:250px;
margin-top:26px;
margin-bottom:26px;
padding:15px;
padding-top:9px;
padding-bottom:18px;
}
.bt-commander{
clear:both;
}

#contenu_main p.infogerance a{
margin-top:0px;
margin-bottom:6px;
display:block;
width:250px;
border:1px solid #CCCCCC;
background-color:#1D5BA6;
font-weight:bold;
color:#FFFFFF;
padding:15px;
padding-top:19px;
padding-bottom:18px;
text-decoration: none;
}
#contenu_main p.infogerance a:hover{
background-color:#f6f8f9;
color:#000000;
}
/* table nom de domaine */
#contenu_main p.accroche-domaine{
display:block;
width:auto;
text-align:center;
text-decoration:underline;
font-weight:bold;
margin-bottom:16px;
margin-top:40px;
font-size:11px;
}
#contenu_main ul{
list-style-type:disc;
list-style-position:outside;
margin-top:0px;
color:#4b4747;
font-size:12px;
margin-bottom:22px;
}
#contenu_main ul li{
margin-bottom:3px;
}
#contenu_main .titre_liste{
margin-bottom:33px;
}
#contenu_main li{
margin-left:30px;
padding-left:15px;
}
#contenu_main ul.primaire{
list-style-image: url(/img/fleche_service_liste.gif);
}
#contenu_main ul.primaire a{
color:#596a7a;
text-decoration:none;
}
#contenu_main ul.primaire a:hover{
color: #CC6600;
text-decoration:underline;
}
#contenu_main ul.secondaire{
list-style-image:none;
list-style-type:square;
list-style-position:inside;
font-size:10px;
margin-left:-44px;
margin-top:5px;
}
/* la page services (plan)*/
#services div{
width:250px;
height:150px;
background-color:#A2C9E3;
background-image: url(/img/bg-services2.png);
background-repeat:no-repeat;
}
#services h3{
width:246px;
margin-left:1px;
}
#services h3 a{
display:block;
text-align:left;
padding-left:37px;
text-decoration:none;
width:240px;
color: #333333;
}
#services h3 a:hover{
background-image: url(/img/fleche_transparence.png);
background-repeat:no-repeat;
background-position:12px 3px;
text-decoration:none;
}
#services ul.primaire{
margin-top:-11px;
margin-bottom:0px;
}
#services ul.primaire li{
list-style-position:outside;
list-style-image:none;
list-style-type:square;
}
#services ul.primaire li:hover{
list-style-type:none;
}
#services ul.primaire li a{
display:block;
width:208px;
padding-top:2px;
padding-bottom:3px;
margin-left:-44px;
padding-left:40px;
}
#services ul.primaire li a:hover{
background-color:#F6F8F9;
background-image: url(/img/fleche_transparence.png);
background-repeat:no-repeat;
background-position:14px 4px;
text-decoration:none;
}
#serv_int{
float:left;
margin-left:10px;
margin-bottom:25px;
}
#serv_dev{
float:right;
margin-right:10px;
margin-bottom:25px;
}
#serv_heb{
clear:both;
float:left;
margin-left:10px;

}
#serv_sys{
float:right;
margin-right:10px;
}


/*  faq */

div.faqQA{
	cursor:pointer;
	margin-left:10px;
	width:545px;
}

p.faqQuestion{
	background:url('/img/plus.png') no-repeat 0 4px;
	padding-left:15px;
	font-size:12px;
	color:#176fc1;
	margin-top:20px;
	font-weight:bold;
}
p.faqQuestion:hover{
	color:#ecce00;
}

p.faqAnswer{
	display:none;
}
.dessous{
display:block;
padding-left:16px;
padding-right:25px;
padding-top:17px;
padding-bottom:20px;
margin-bottom:30px;
border-bottom:1px dotted #1D5BA6;
background-color:#f6f8f9;
}

/* form w3hosting */

table#tableDomain{
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#333;
	margin:auto;
}
#tableDomain th,td{
	width:80px;
	height:15px;
}
table#tableDomain th,table#tableDomain td{
	text-align:center;
	font-size:10px;
}

table#tableDomain tr td{
	background-color:#FAFAFA;
}
table#tableDomain tr.tablePair td{
	background-color:#F5F5F5;
	
}
table#tableDomain tr.tableColTitre{
	background-color:#1D5BA6;
	color:#FFFFFF;
}
table td.tableInter{
	background-color:#CCCCCC;
	height:4px;
}
table#tableDomain tr td.commander_n-d-d{
background-color:#FFFFFF;
padding:0px;
}
table#tableDomain tr td.commander_n-d-d a{
display:block;
width:110px;
height:15px;
background-image:url(/img/bt-commande-ndd-normal.png);
background-repeat:no-repeat;
color:#000000;
text-decoration:none;
font-weight:normal;
margin-top:1px;
padding-top:1px;
}
table#tableDomain tr td.commander_n-d-d a:hover{
background-image:url(/img/bt-commande-ndd-hover.png);
background-repeat:no-repeat;
color: #FFFFFF;
font-weight:bold;
}
.subChoice{
	margin-left:30px;
}
table#tableDomain th{
	background-color:#1D5BA6;
	color:#FFFFFF;
}

/* table offres d'hebergement */
table#solution_heb{
margin:auto;
margin-bottom:30px;
}
table#solution_heb{
	font-size:10px;
}
table#solution_heb tr.caracteristik_pair th, table#solution_heb tr.caracteristik_impair th{
	background-color:#1D5BA6;
	color:#FFFFFF;
	padding-right:3px;
	padding-left:3px;
}
table#solution_heb tr#offres th.logo{
height:30px;
background-image:url(/img/iconne_tab.png);
background-position:2px 2px;
background-repeat:no-repeat;
background-color:#f6f8f9;
color:#000099;
vertical-align:top;
padding-top:13px;
text-align:center;
}
table#solution_heb tr th.commande{
height:42px;
background-color:#f6f8f9;
color:#000099;
text-align:center;
}
table#solution_heb tr th.commande a{
display:block;
width:80px;
height:32px;
padding-top:10px;
background-image: url(/img/bt-commande-heb-mutualise-normal-2.png);
background-repeat:no-repeat;
font-weight:normal;
color:#000000;
text-decoration:none;
}
table#solution_heb tr th.commande a:hover{
background-image: url(/img/bt-commande-heb-mutualise-hover-2.png);
background-repeat:no-repeat;
font-weight:bold;
color:#FFFFFF;
}
table#solution_heb tr.caracteristik_pair td{
	background-color:#FAFAFA;
	text-align:center;
}
table#solution_heb tr.caracteristik_impair td{
	background-color:#F5F5F5;
	text-align:center;
}
table#solution_heb tr#offres th.rien{
background-image:none;
color:#000099;
background-color:#f6f8f9;
text-align: center;
vertical-align:top;
padding-top:13px;
}


#tableHost th{
	width:70px;
}
#tableHost th.tableHostOption{
	width:160px;
	text-align:right;
}
#tableHost th.tableHostProf{
	background-color:#F7CC01;
}
#tableHost th.tableHostPart{
	background-color:#1D5BA6;
	color:#FFFFFF;
}
#tableHost a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
	text-decoration:none;
}
#tableHost a:hover{
	background-color:#CCCCCC;
}

	



/* formulaires */
#contenu_main #bg_contact{
/* min-height:730px;   // pour eviter de sauter avec l'accordeon */
}
#contenu_main div.bg_form{
padding-top:21px;
padding-left:8px;
background-position:4px 3px;
background-repeat:no-repeat;
margin-bottom:30px;
background-color:#f6f8f9;
background-image:url(/img/logo-formu.png);
background-repeat:no-repeat;
border:1px dotted #999999;

}
#contenu_main fieldset{
color:#999999;
font-size:11px;
border:none;
border-top:1px dotted #999999;
}
#contenu_main legend{
color:#999999;
margin-left:133px;
}
#bg_contact h3{
margin-top:10px;
margin-bottom:23px;
height:19px;
}
h3.titre_h3_bt_formu{
display:block;
font-size:14px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color: #526877;
width:560px;
border:1px solid #000;
border-style:solid none none none;
margin:auto;
background-color:#c7d5dc;
background-color:#eee;
padding:5px 0 0px 0px;
/* border:1px inset #f6f8f9;*/
cursor:pointer;
/*background-image: url(/img/bt_page_contact.png);
background-repeat:no-repeat;
*/
}
#bg_contact h3:hover{
/*background-image: url(/img/bt_page_contact_hover.png);
background-repeat:no-repeat;*/
color: #FFFFFF;
background-color: #999999;
/* border:2px solid  #999999;*/
}
#bg_contact h3 div{
height:500px;
}
#contenu_main form{
width:95%;
margin:auto;
}
fieldset{
padding:20px 6px 20px 16px;
}
.champs_left{
float:left;
}
.champs_right{
float:right;
}
.champs_clear{
clear:both;
}
#contenu_main form p.champs_left, #contenu_main form p.champs_right{
width:240px;
text-align:right;     /* on aligne a droite */
margin-right:10px;   /* et on donne une marge a droite */
margin-top:6px;
margin-bottom:8px;
}
#contenu_main form p.champs_left{
margin-left:-25px;
}
#contenu_main form p.champs_right label {	
padding-right: 20px;   /* espacement entre les labels et les input */
}
#contenu_main form p.champs_left input{
margin-left: 20px;   /* espacement entre les labels et les input */
}
#contenu_main form p.champs_right input{
}
#contenu_main form p.champs_left2{
float:left;
width:500px;
text-align:right;
margin-right:10px;
margin-top:10px;
margin-bottom:8px;
}
#contenu_main form p.champs_left2 input{
margin-left: 20px;
width:428px;
margin-bottom:-8px;
}
#contenu_main form p.champs_left2 textarea{
margin-left: 20px;
margin-left: 70px;
width:428px;
margin-top:-16px;
margin-bottom:-8px;
}
label.message{
position:relative;
left:-450px;
top:0px;
}
#contenu_main form p.champs_clear{
width:500px;
text-align:left;
}
#contenu_main form p.champs_clear_devis{

width:500px;
text-align:left;
}
#contenu_main form p.champs_clear input{
margin-left:30px;
margin-right:30px;
}
#contenu_main input.lestonboutous{
float:left;
margin-left:48px;
width:100px; 
font-weight:bold;
}
#contenu_main label:hover, input {
	cursor: pointer;
}

#contenu_main input.focus, textarea.focus {
	background: #c7d5dc;
	color: #000000;
}
#contenu_main input.normal,textarea.normal {
	background: white;
	color: black;
}
#contenu_main form p.champs_left3{
float:left;
width:500px;
text-align:right;
margin-right:10px;
margin-top:16px;
margin-bottom:8px;
}
#contenu_main form p.champs_left3 label.message{
position:relative;
left:-350px;
top:0px;
}
#contenu_main form p.champs_left3 textarea{
margin-left: 26px;
width:328px;
margin-top:-16px;
margin-bottom:-8px;
}
select{
padding-left:25px;
}
optgroup{
margin-bottom:15px;
padding-bottom:5px;
border-top:2px solid  #999999;
}
option{
padding-left:10px;
margin-top:1px;
background-color:#f6f8f9;
}
label.devis{
margin-right:4px;
}
#contenu_main form p.champs_left2b{
float:left;
width:500px;
text-align:right;
margin-right:10px;
margin-top:-5px;
margin-bottom:8px;
}
#contenu_main form p.champs_left2b input{
margin-left: 20px;
width:428px;
margin-top:-21px;
margin-bottom:-8px;
}
#contenu_main form p.champs_left2b label{
position:relative;
left:-455px;
top:14px;
}
label.message4{
position:relative;
left:-440px;
top:0px;
}
legend#devis{
margin-left:205px;
}
legend#commande{
margin-left:210px;
}

/*  plan du site */
#plan_site h2{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
padding-top:3px;
border-top:1px solid #f4c809; 
/*background-color:#fef0ba;
padding:3px 0 2px 2px;*/
}
#plan_site a{
display:block;
color: #596a7a;
text-decoration:none;
}
#plan_site a:hover{
color: #CC6600;
text-decoration:underline;
padding-left:23px;
background-image:url(/img/fleche_service_liste.gif);
background-repeat: no-repeat;
background-position:0px 4px;
}
#plan_site h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#596a7a;
text-decoration:none;
margin-bottom:11px;
}
#plan_site h3 a:hover{
color: #CC6600;
text-decoration:underline;
padding-left:20px;
background-image:url(/img/fleche_service_liste.gif);
background-repeat: no-repeat;
background-position:0px 4px;
}
#plan_site ul.primaire{
list-style-image:none;
list-style-type:none;
margin-left:-15px;
}
#plan_site ul.secondaire{
margin-left:-24px;
}
#plan_site ul.secondaire li a{
display:inline;
}
#plan_site ul.secondaire li a:hover{
background-image:none;
padding-left:3px;
}

/* logo_outils */
#logo_outils{
float:left;
text-align:right;
padding:63px 0px 0 10px;
width:180px;
margin-bottom:25px;
}
#logo_outils h2{
clear:both;
margin-right:25px;
background-color:#e6e7e8;
padding:3px 4px 2px 0;
margin-bottom:10px;
margin-top:20px;
}
.blanc{
clear:both;
width:100%;
height:1px;
}
.logo_right{
margin-right:15px;
float:right;
}
.logo_left{
float:left;
}
.logo_clear{
clear:both;
}

/* main_droite */

#main_droite{
float:left;
text-align:left;
padding:0px 10px 0 10px;
width:170px;
}
#main_droite h2{
clear:both;
padding-bottom:8px;
border-bottom:1px dotted #e6e7e8;
margin-bottom:10px;
margin-top:40px;
}
#main_droite h2#heberg{
margin-left:-10px;
}
#main_droite ul{
list-style-type:none;
list-style-position:outside;
margin-left:0px;
margin-top:20px;
margin-bottom:30px;
}
#main_droite ul#liste_secondaire{
margin-left:20px;
}
#main_droite ul li a{
font-size:10px;
text-decoration:underline;
color:#596a7a;
display:block;
width:139px;
padding:5px 0 4px 25px;
background-color:#f6f8f9;
margin-bottom:2px;
margin-top:2px;
}
#main_droite li a:hover,#main_droite ul#liste_secondaire li a:hover{
text-decoration:none;
background-image: url(/img/hover1-menu-droite.gif);
background-repeat:no-repeat;
background-color:#e6e7e8;
color: #CC6600;
margin-bottom:2px;
margin-top:2px;
}
#main_droite hr{
margin-bottom:25px;
}
#main_droite p{
text-align:left;
font-size:11px;
font-weight: normal;
}
#main_droite p#infos{
text-align:center;
}
p.contactez a{
clear:both;
display:block;
background-image:url(/img/bt-contact.png);
margin-top:14px;
width:160px;
height:18px;
text-align:center;
padding-top:6px;
background-color:#1D5BA6;
color: #eeeeef;
text-decoration:none;
}
p.contactez2 a{
clear:both;
display:block;
background-image:url(/img/bt-contact2.png);
margin-top:14px;
width:160px;
height:18px;
text-align:center;
padding-top:6px;
background-color:#1D5BA6;
color: #666666;
text-decoration:none;
}
#contenu_main p.contactez2 a,#contenu_main p.contactez a,#bg_serveur_dedie p.contactez_float a{
text-decoration:none;
}
#contenu_main p.contactez2 a:hover,#contenu_main p.contactez a:hover,#bg_serveur_dedie p.contactez_float a:hover{
font-weight:bold;
color:#FFFFFF;
}
p.contactez a:hover{
background-image:url(/img/bt-contact-hover.png);
background-color:#e6e7e8;
color:#FFFFFF;
}
p.contactez2 a:hover{
background-image: url(/img/bt-contact2-hover.png);
color:#FFFFFF;
background-color:#e6e7e8;
}
#bg_hebergement p.contactez a,#bg_hebergement p.contactez2 a{
margin:auto;
}
#bg_serveur_dedie p.contactez2 a{
display:block;
background-image:url(/img/bt-contact2.png);
margin-top:14px;
width:160px;
height:18px;
text-align:center;
padding-top:6px;
color: #666666;
text-decoration:none;
float:left;
margin-left:30px;
}
#bg_serveur_dedie p.contactez_float a{
float:right;
display:block;
background-image:url(/img/bt-contact2.png);
margin-top:14px;
margin-right:200px;
width:160px;
height:18px;
text-align:center;
padding-top:6px;
background-color:#1D5BA6;
color:#666666;
text-decoration:none;
}
#bg_serveur_dedie p.contactez_float a:hover,#bg_serveur_dedie p.contactez2 a:hover{
background-image: url(/img/bt-contact2-hover.png);
color:#FFFFFF;
background-color:#e6e7e8;
}

	
	
/* preload d'image */
	
#preload{
background-repeat:no-repeat;
visibility: hidden;
z-index:-10000;
}
#preload1{ background-image: url(/img/header_2_hover_2.gif);}
#preload2{ background-image: url(/img/header_2_hover_3.gif);}
#preload3{ background-image: url(/img/header-menu-societe-bt-hover2.png);}
#preload4{ background-image: url(/img/header-menu-societe_bt_hover1.gif);}
#preload5{ background-image: url(/img/menu-accordeon-bt1_hover.png);}
#preload6{ background-image: url(/img/menu-accordeon-bt2_hover.png);}
#preload7{ background-image: url(/img/menu-accordeon-bt3_hover.png);}
#preload8{ background-image: url(/img/menu-accordeon-bt4_hover.png);}
#preload9{ background-image: url(/img/header_2_hover_1.gif);}
#preload10{ background-image: url(/img/bt-contact-hover.png);}
#preload11{ background-image: url(/img/bt_page_contact_hover.png);}
#preload12{ background-image: url(/img/bt-contact2-hover.png);}
#preload13{ background-image: url(/img/hover1-menu-droite.gif);}
#preload14{ background-image: url(/img/fleche_transparence.png);}

/*   footer  */	
#footer{
clear:both;
width:935px;
margin:auto;
height:17px;
border-top:2px solid #f3c416;
text-align:center;
font-size:10px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
color: #333333;
}
#footer a{
text-decoration:none;
color: #333333;
}
#footer a:hover{
text-decoration:none;
color: #CC6600;
}