/* ADPROXIMA - Philippe Candille */

/* HTML tags */
body{
	margin:0;
	padding:0;
	background:#666666;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img{border:0px;}

a:link, a:visited {
	text-decoration:none;
	color:#999999;
	
}
a:hover {
	color:#ffffff;
	text-decoration:none;
	}

h3 {font-size:12px; font-weight:bold;
	}

/* page */
#global {
margin:0 auto;
	position: relative;
	margin-left: auto;
    margin-right: auto;
    width: 950px !important;
	text-align:left;
}
	 
#container_top{
background:url(../img/bg_menu.gif) top left no-repeat;
height:140px;
margin-bottom:5px;
width: 950px;
}
	 
#container_top_admin{
background:url(../img/bg_menu.gif) top left no-repeat;
height:150px;
}
#page_admin{
background:#FFFFFF;

}
#container_bot{
margin:0 auto;
margin-bottom:10px;
width: 950px;
background:#ffffff;
}
#footer{
background: url(../img/bg_footer_vierge.gif) no-repeat top;
color:#cccccc;
font-size:10px;
height:33px;
width:950px
}
#adresse a:link{
color:#cccccc;
}
#adresse a:hover{
color:#ffffff;
}
#adresse{
	position:relative;
	left:140px;
	top:13px;
	width: 500px;
}

/****** tag Editor ***********/
div#tagger {
	position: absolute;
	width: 220px;
	border: 1px solid #000;
	font-size: 11px;
	background: white;
	text-align: center;
}
#taggertoolbar {
	width: 99%;
	height: 15px;
	font-weight: bold;
	background: black;
	color: white;
	padding: 1px;
}

/****************************************************************************************************
												HEADER
****************************************************************************************************/

#logo {
position:absolute;
top:34px;
left:24px;
	width:250px;
	height: 100px;
	float:left;
	margin: 0;
	padding: 0;
/*	background: transparent url(../img/logo.gif) top left no-repeat;*/
/*	text-indent: -9999px;*/
}
#bl{
visibility:hidden;
}
#nav{
	height:100px;
	background:url(../img/bg_nav.gif) no-repeat;
	margin-bottom:5px;
}
#nav a {
	height:25px;
	line-height:25px;
	/*border: 1px solid blue;*/
}
#acces_rapide_anim{
position:absolute;
top:150px;}

#anim{
float:right;
margin-left:5px;
	}
/* ******************************* */

dt, dl, dd, ul {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;

}
li{ margin: 0 20px 0 0;}



#menu {
position : absolute;
top: 80px;

}

#menu1, #menu2, #menu3 {
width:140px;
height:30px;
text-align:center;
margin:0;}




#menu1:hover a, #menu2:hover a, #menu3:hover a, #menu dt a.sfhover{
/*background:url(../img/onglet.gif) no-repeat top;*/
width:140px;
height:30px;
color:#ffffff;
text-align:center;
}

#menu1:hover, #menu2:hover, #menu3:hover, #menu dt.sfhover {
/*background:url(../img/onglet.gif) no-repeat top;*/
width:140px;
height:30px;
color:#ffffff;
text-align:center;
}
/*\*/


#menu dt{
position:relative;
left:470px
}
#menu dl{
float: left;
}
#menu li {
display: inline;
}

#menu a {
font-family:Tahoma;
text-decoration: none;
color: #cccccc;
/*font-weight:bold;*/
letter-spacing:1px;
font-size:13px;

}
#menu a:hover {
text-decoration: none;
color: #ffffff;

}

#menu dt a {
text-decoration: none;
color:#cccccc;

}
#menu dt a:hover {
text-decoration: underline;
color:#ffffff;
}
#smenu1, #smenu2, #smenu3 {
position: absolute;
left:0;
top:35px;
font-size: 0.8em;
width: 950px;
text-align:right;
}


/* le texte explicatif quand on survole un lien */
#moteur {
	position: absolute;
	width: 190px;
	height: 30px;
	right: 10px;
	top:20px;
	
}
.forminput{border:1px solid #999999; background-color:#666666; height:15px; color:#FFFFFF; width:140px;}
.forminput_contact_np{border:1px solid #999999; background-color:#eaeaea; height:15px; color:#666666; width:140px;}
.forminput_contact{border:1px solid #999999; background-color:#eaeaea; height:15px; color:#666666; width:200px;}
.forminput_contact_long{border:1px solid #999999; background-color:#eaeaea; height:15px; color:#666666; width:300px;}
.txta_contact{border:1px solid #999999; background-color:#eaeaea; height:110px; color:#666666; width:300px;}
.formsub{border:1px solid #333333; color:#666666; background-color:#eaeaea; cursor:pointer;}
#contact_form{ margin-left:50px;}
#nav p{
	position: absolute;
	width: 200px;
	height: 30px;
	left: 10px;
	top:245px;
	padding: 8px;
}
#nav p {
	color:#666666;
	font-size:12px;
	display: none;	/* default : on affiche le moteur de recherche */
}
#moteur {	
font-size:11px;
}
#nav_transv{
margin-right:20px;
font-size:10px;
color:#999999;
padding-top:10px;
float:right}
#nav_transv a {font-size:11px; font-family:"Trebuchet MS";}
/* ******** AJAX PART **********/
#ajax {
width:180px;
margin:0;
padding:0;
}
/* **************************** mots clefs****************************** */
.moc{
width:190px;
text-align:justify;
margin-top:0px;
}


.moc_1{font-size:9px;}
.moc_2{font-size:12px;}
.moc_3{font-size:15px;}
.moc_4{font-size:18px;}


div#ajax a:link, div#ajax a:visited {
	font-weight: normal;
	color:#99CC00;
	
}
div#ajax a:hover {
	font-weight: normal;
	color:#cccccc;
	
}
/* **** Rubrique *****/


#rubrique_titre{
margin:20px;
font-size:14px;
font-weight:bold;
color:#666666;
}


/*__________________________________________________________________________________________________
****************************************************************************************************

											PAGE

****************************************************************************************************
__________________________________________________________________________________________________*/

#page_titre{
/*width:470px;*/
margin-right:20px;
padding:0;
margin-top:0;
font-family:Trebuchet MS;
color:#FF6600;
font-size:20px;
}
.descPage{margin:0 0 0 20px;padding:0;float:left;font-size:inherit;font-weight:normal;}
#page_titren{
background:url(../img/bg_citation.gif) no-repeat;
height:90px;

}
#citation{
font-size:13px;
color:#666666;
line-height:22px;
text-align:justify;
}

#contextuel{
background:#ffffff;
width:190px;
}
#contextuel_titre{
border-bottom:dotted 1px #99CC00; font-size:12px; font-weight:bold; color:#666666;}

#page_footer{
background:url(../img/bg_footer_page.gif) no-repeat;
height:32px;

clear:left;}


.rubrique_titre{
font-family:Trebuchet MS;
font-size:18px;
font-weight:bold;
margin-top:10px;
color:#666666;
}



/* ********************  SOMMAIRE ******************** */

#sommaire_container{width:190px; float:left;} /* container pour sommaire et articles*/

#sommaire_container a:link, #sommaire_container a:visited{font-size:12px;color:#99CC00;}
#sommaire_container a:hover{font-size:12px;color:#cccccc;}


#sommaire{}
#sommaire_liste li{padding-bottom:10px;}

#sommaire a:link, #sommaire a:visited{font-size:11px;color:#ff6600;}
#sommaire a:hover{font-size:11px;color:#ff3300;}



/* ********************  ARTICLES ******************** */


#articles{}
.articles{
padding-top:5px;
padding-bottom:15px;
color:#666666;}

.articles_titre{font-size:13px;
font-weight:bold;
padding-bottom:5px;
margin:0;
}



#sommaire_container .articles h3 a:link {color:#99CC00;font-size:12px;}
#sommaire_container .articles h3 a:visited {color:#999999;font-size:12px;}
#sommaire_container .articles h3 a:hover{color:#CCCCCC;font-size:12px;}

.articles_txt{
font-size:11px;
font-weight:normal;
margin:0;


}

/* ********************  REFERENCES ******************** */


#references{}
.references{
padding-top:5px;
padding-bottom:15px;
color:#666666;}

.references_titre{font-size:13px;
font-weight:bold;
padding-bottom:5px;
margin:0;
}



#sommaire_container .references h3 a:link {color:#99cc00;font-size:12px;}

#sommaire_container .references h3 a:hover{color:#CCCCCC;font-size:12px;}

.references_txt{
font-size:11px;
font-weight:normal;
margin:0;


}

/* ********************  PARAGRAPHE ******************** */



#parag_container{background:ffffff;}

#parag_container a:link, #parag_container a:visited{ font-size:11px;color:#333333;}
#parag_container a:hover{ font-size:11px;color:#333333;}

.parag_titre
{
margin-bottom:5px;
padding:0;
/*background-color:#cccccc;
color:#FFFFFF;
font-weight:bold;
font-size:16px;*/
font-weight:bold;
font-family:Trebuchet MS;
color:#FF6600;
font-size:16px;
}
.parag
{
color:#666666;
line-height:20px;
padding:0;
margin:0;
margin-bottom:10px;
font-size:12px;
text-align:justify;
}
.parag_img
{
margin-right:10px;
margin-bottom:5px;
float:left;
}


#parag_container .parag a:link, #parag_container .parag a:visited{font-size:13px; color:#666666; text-decoration:underline;}
#parag_container .parag a:hover{font-size:13px; text-decoration:underline; color:#333333;}



/*  ********************  FOOTER ********************  */



#copyright{
float:left;
padding-top:10px;
font-size:9px;color:#999999;
margin-left:20px;
width:100px;
}

#access{
	position:relative;
	left:630px;
	font-size:10px;
	color:#cccccc;
	top:-10px;
	width: 200px;
}
/*__________________________________________________________________________________________________
****************************************************************************************************

											FIN DE PAGE

****************************************************************************************************
__________________________________________________________________________________________________*/


/*Class et style de textes*/


.chapeau{font-size:14px; font-weight:bold;
color:#666666;
margin-left:20px;
margin-right:20px;
line-height:22px;
width:500px

}
.sous_titre{font-size:18px; font-weight:bold;
color:#FF6600;
font-family:Trebuchet MS;
margin:0;
padding:0;
}
.txt_courant{font-size:12px;
color:#666666;
text-align:left;
line-height:18px;
}
.txt_courant a:link, .txt_courant a:visited{
color:#CC3300;
font-weight:bold;
font-size:11px;
text-decoration:underline;
}

.txt_courant a:hover{
color:#666666;
font-size:11px;
text-decoration:underline;
}

/* ********** Menu contextuel ********* */

.notes{
border-bottom:dotted 1px #99CC00;
background:#FFFFFF;
text-align:left;
color:#666666;
}

#contextuel div:hover{
color:#000000;
background:#F9F9F9;
}

.notes h3 a:link{color:#99CC00;}
.notes h3 a:hover{color:#CCCCCC;}

.notes_titre{
font-size:12px;
font-weight:bold;
margin-top:5px;
margin-bottom:2px;
color:#666666;
}
.notes_txt{
font-size:10px;
font-weight:normal;
margin-top:0px;
margin-bottom:2px;
}
/* ********************* ********************* */
/* ********************* ********************* */
/* ********************* ********************* */
/* ********************* ********************* */

#retract{
height:10px;
}
#centre {
margin-left: 230px;
margin-right: 230px;
}
#gauche {
float:left;
padding-left:20px;
width:700px;
text-align:left;
}
#droite {
float:right;
width: 210px;
}

#chemin_rubrique{
font-size:26px;
/*font-family:Trebuchet MS;*/
font-family:Arial;
color:#999999;
margin-left:20px;
}
#chemin_page{
font-size:20px;
font-family:Trebuchet MS;
color:#666666;
}
#page_cont{
width:950px;
text-align:left;
}
#bord_haut{
height:10px;
background:url(../img/bg_bord_haut.gif) no-repeat top;
font-size:1px; /* pour IE */
}
#chemin{
height:60px;
background:url(../img/bg_chemin.gif) no-repeat bottom;
}
#page0{
background:#FFFFFF;
height:auto;
clear:both;
}

#bord_bas{
height:20px;
background: #FFFFFF url(../img/bg_bord_bas.gif) no-repeat bottom;
font-size:1px; /* pour IE */
clear:both;

}
#fla{
margin-left:20px;
margin-top:10px;
display:none;
}
#btn_retract{
position:absolute;
margin-top:10px;
left:738px;
/*left:838px;*/
width:200px;
}

#btn_replier{
padding-left:40px;
background:url(../img/ico_replier.gif) left bottom no-repeat;
display:none;}
#btn_deplier{
padding-left:40px;
background:url(../img/ico_deplier.gif) left bottom no-repeat;
display:block;}
#btn_retract a:link, #btn_retract a:visited{color:#FF6600; font-size:14px;font-weight:bold;}
#btn_retract a:hover{color:#FF6633; font-size:14px;font-weight:bold;}
/*
margin:20px;
font-size:14px;
font-weight:bold;
color:#666666;
*/

.fin{
clear:both;
margin:0;padding:0;
}
/* 					TABLEAU						*/

.sp{
float:left;
width:200px;
padding:15px;
}
.titre_sp{
color:#4C86C4;
margin:0 0 12px 0;
padding:0;
font-size:13px;
}
.comment_sp{
color:#666666; font-size:14px; font-style:normal; font-weight:normal; margin-top:15px;}
.visuel_sp{
text-align:center;
margin-top:10px;
}
.texte_sp{
font-size:10px;
margin:0 0 12px 0;
text-align:justify;
padding:0;
}
.liens_sp{
list-style:#ff6600;
color:ff6600;
list-style-type:circle;
margin:0;
padding:0;
margin-left:15px;
}

#gauche .liens_sp a:link, #gauche .liens_sp a:visited{color:#4C86C4;text-decoration:none;font-size:12px;}
#gauche .liens_sp a:hover{text-decoration:underline;font-size:12px;}

#gauche .titre_sp a:link, #gauche .titre_sp a:visited{color:#4C86C4;text-decoration:none;font-size:13px;}
#gauche .titre_sp a:hover{text-decoration:none;font-size:13px;color:#666666;}
#pt{
background:url(../img/pt.gif) no-repeat;
clear:both;
margin:0;
padding:0;
}


/*					parag_pRAPHES					*/
#col_gauche{
float:left;
width:340px;
}
#col_droite{
float:right;
width:340px;
text-align:right;
}
.parag_p{
width:340px;
text-align:left;

}
.txt_parag_p{

color:#666666;
line-height:20px;
padding:0;
margin:0;
}
.titre_parag_p{
margin-bottom:5px;
padding:0;
background-color:#cccccc;
color:#FFFFFF;
font-weight:normal;
}

.bloc_ref{
width:600px;
background:#ffffff;
float:left;
margin:10px;
padding:2px;
border-bottom:1px #ccc dashed;
}
.bloc_ref a{font-size:12px;}
.bloc_ref p{font-size:12px;color:#333;}

.bloc_ref_visuel{width:150px;min-height:80px;float:left;}


div #gauche h3{margin:0; padding:0; padding-top:5px;}
div #gauche a:link, div #gauche a:visited{color:#999999;}
/*.bloc_ref:hover{border:#666666 solid 1px;}*/
div #gauche a:hover{color:#666666;}

/* ONGLETS */
#ong1 {padding:0 0 0 15px;}
#ong2 {display:none;padding:0 0 0 15px;}
#ong3 {display:none;padding:0 0 0 15px;}
#ong4 {display:none;padding:0 0 0 15px;}
#ong1 a:link, #ong2 a:link, #ong3 a:link, #ong4 a:link {font-size:12px;}
#ong1 a:visited, #ong2 a:visited, #ong3 a:visited, #ong4 a:visited {font-size:12px; text-decoration:line-through;}
#sub_onglets{ margin-top:0px; border-top:1px solid #cccccc; padding-top:5px;}

#ong_forfait {list-style:none; margin:0; padding:0 0 0 15px;}
#ong_forfait li {float:left; background:url("../img/left_both.gif") no-repeat left top; margin:0 5px 0 0; padding:10px 0 8px 5px; display:inline; }
#ong_forfait a {background:url("../img/right_both.gif") no-repeat right top;padding:10px 7px 8px 2px;text-decoration:none;font-weight:bold; color:#666666;}

#ong_forfait a:hover {text-decoration:underline; color:#333333;font-weight:bold;}

/* PRODUITS */

#titre_produit{ margin:0 0 10px 0;padding:0;;font-family:Trebuchet MS;color:#FF6600;font-size:20px;}
#prix_produit{font-size:16px; font-weight:bold;color:#FF6600;font-family:Trebuchet MS; margin:10px 0 10px 0;padding:0;}
#desc_produit{font-size:12px; font-family:Verdana; color:#666666; line-height:20px; font-weight:normal;}
#txt_produit{font-size:11px; font-family:Verdana; color:#666666; line-height:20px; font-weight:normal; margin:5px 0 25px 0; padding:0;}
#contenu_produit{width:520px;padding: 0 0 0 15px;}
#contenu_def{padding: 0 0 0 15px; min-height:600px;}
#visuel_produit{float:right; width:150px; font-size:9px; font-family:Verdana; font-style:italic; color:#666666; line-height:16px; font-weight:normal; text-align:justify;}
#visuel_produit img{ text-align:center;}

#intro{
	width:520px;
	padding: 0 0 0 0px;
	float: left;
}

#intro_txt{
padding: 0 0 0 0px;
float: left;
}
#visuel_page {float:right; width:150px; margin-top:10px;}


/*__________________________________________________________________________________________________

											PAGE ACCUEIL
__________________________________________________________________________________________________*/

#bloc_agence{width:340px; height:172px; background:url(../img/bg_bloc_agence.gif) no-repeat top left; float:left; text-align:justify; }
#bloc_agence p{font-size:12px; color:#666666; width:310px; margin:22px 15px 15px 15px; line-height: 20px;}

#bloc_ref{width:340px; height:248px; background:url(../img/bg_bloc_ref.gif) no-repeat top left; float:left; margin:12px 0 0 0;}
#bloc_ref p{font-size:14px; color:#333333; width:310px; margin:22px 15px 15px 15px;}

#bloc_lastref{width:340px; height:432px; background:url(../img/bg_bloc_lastref.gif) no-repeat top left; float:right;}
#bloc_lastref p{font-size:12px; color:#666666; width:310px; margin:15px 15px 15px 15px; line-height: 20px;}
#titre_actu {font-size:14px; color:#ff6600; margin-top:25px; margin-left:15px;}

#bloc_acc_prestations{width:700px; height:407px; background:url(../img/bg_bloc_prest_gris.gif) no-repeat top left; float:left;margin:12px 0 0 0;}
#bloc_acc_prestations p{font-size:12px; color:#666666; width:670px; margin:22px 15px 15px 15px; line-height: 20px;}

#lien_bloc_agence{
float:right;
position:relative;
right:30px;
bottom:-153px;
}
#lien_bloc_lastref{
float:right;
position:relative;
right:30px;
bottom:-413px;
}
#bloc_lastref #lien_bloc_lastref a:link, #bloc_lastref #lien_bloc_lastref a:visited{color:#FF6600; font-size:12px; font-weight:bold;}
#bloc_agence #lien_bloc_agence a:link, #bloc_agence #lien_bloc_agence a:visited{color:#FF6600; font-size:12px; font-weight:bold;}
#bloc_ref #lien_bloc_ref a:link, #bloc_ref #lien_bloc_ref a:visited{color:#FF6600; font-size:12px; font-weight:bold;}

#lien_bloc_ref{
float:right;
position:relative;
right:30px;
bottom:-230px;
}
/*__________________________________________________________________________________________________

											TABLEAU SOUSPARTIE
__________________________________________________________________________________________________*/

.col_presta{width:210px; float:left; margin:30px 5px 0 15px; text-align:center; font-size:14px; color:#666666; font-weight:bold;}
#bloc_acc_prestations .col_presta a:link, #bloc_acc_prestations .col_presta a:visited {color:#4C86C4; font-weight:bold; text-decoration:none;}
#bloc_acc_prestations .col_presta a:hover{color:#666666; font-weight:bold; text-decoration:none;}
.liste_presta{text-align:left; margin-top:30px; margin-left:0px;}
.desc_partie_presta{color:#666666; font-size:14px; font-style:normal; font-weight:normal;}
.lien_presta{text-align:left; margin-bottom:30px;}
#bloc_acc_prestations .lien_presta a:link, #bloc_acc_prestations .lien_presta a:visited{color:#4C86C4; font-size:13px; font-weight:bold;}
#bloc_acc_prestations .lien_presta a:hover{color:#666666; font-size:13px; font-weight:bold;}

#tab_ssp {padding-top: 5px; font:normal 12px arial,helvetica,clean,sans-serif; color:#666666; line-height:1.45em; background:url(../img/bg_bloc_prest.gif) no-repeat top left; width:700px; font-weight:normal;}
.tab_ssp_rub{border-bottom: 1px solid #eaeaea; margin: 0px 20px 0 22px; padding: 30px 0px 10px 0px; font-family:Arial; color:#4C86C4; font-size:20px; font-weight:normal;}
p.linkbkt {margin: 0 20px 0 22px; padding: 10px 0 10px 3px ; border-bottom: 1px solid #eaeaea; background:#FFFFFF}
p.linkbkt a {width: 200px; display: block; float: left; padding-left: 10px; margin-right:10px; padding-right:20px; background: url(../img/puce_out.gif) no-repeat right  4px; text-align:right;}
#tab_ssp p.linkbkt a:link,#tab_ssp p.linkbkt a:visited {text-decoration:none; color:#4C86C4;}
#tab_ssp p.linkbkt a:hover {text-decoration: underline; color:#4C86C4;}
#b_tab_ssp{background:url(../img/bg_bloc_prest.gif) no-repeat bottom left; height:20px;}
#tab_ssp_center {padding-top: 5px; background:url(../img/bg_bloc_prest.gif) no-repeat top left; width:700px;}