/* 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_bot{
margin-bottom:10px;
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;
}
h4{
	display:none;
}
/****** 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;*/
}

/* ******************************* */

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: none;
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 */
#nav p, #moteur {
	position: absolute;
	width: 200px;
	height: 30px;
	left: 10px;
	top:245px;
	padding: 8px;
}
#nav p {
	color:#666666;
	font-size:11px;
	display: none;	/* default : on affiche le moteur de recherche */
}
#moteur {	
font-size:11px;
}
/*
#nav_transv{
position:absolute;
top:5px;
left:745px;
font-size:10px;
color:#999999;}
*/
#nav_transv{
margin-right:20px;
font-size:10px;
color:#999999;
padding-top:10px;
float:right}
/* ******** AJAX PART **********/
#ajax {
	position: relative;
	height:295px;
	width:250px;
	background:url(../img/bg_recherche.gif) no-repeat ;
	float:left;
	font-size: 11px;
	
}
#tag_zone{
padding-top:30px;
}
div#ajax ul {
	margin: 5px;
	padding: 10px;
}
div#ajax a:link, div#ajax a:visited {
	font-weight: normal;
	color:#333333;
	/*color: #000099;*/
}
div#ajax a:hover {
	font-weight: normal;
	color:#FFFFFF;
	
}
div#ajax li {
	list-style: none;
	padding: 1px;
}
#tags_l {
	width: 122px;
	/*border-right: 2px dashed orange;*/
	float: left;
	height: 90%;
}
#tags_r {
	width: 122px;
	float: right;
}
div#tag_selector {
	text-align: center;
	font-weight: bold;
	color:#333333;
	margin: 5px;
}
div#tag_0 {

}
div#tag_1, div#tag_2 {
	display: none;
}


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

											PAGE

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

#page_header{
background:url(../img/bg_header_page.gif) no-repeat;
height:40px;}

#page{
background:#ffffff;
width:765px;
float:left;
}

#page_titre{
/*width:470px;*/
/*float:right;*/
margin-right:20px;
padding:0;
margin-top:0;
font-family:Trebuchet MS, Verdana, sans-serif;
color:#FF6600;
font-size:20px;
}
#chapeau{
font-weight:bold; font-size:16px; color:#333333; 
/*width:470px;*/
/*float:right;*/
margin-right:20px;
padding:0;
margin-top:0;
font-family:Trebuchet MS, Verdana, sans-serif;}
#page_citation{
width:470px;
float:right;
margin-right:20px;
padding:0;
margin-top:0;
font-family:Trebuchet MS, Verdana, sans-serif;
}

#citation{
font-size:14px;
font-family:Arial;
color:#666666;
line-height:22px;
}

#page_container{
clear:left;
}

#contextuel{
background:#ffffff;
width:180px;
float:right;
height:100%;
}
#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, Verdana, sans-serif;
font-size:20px;
font-weight:bold;
margin-top:10px;
color:#666666;
}



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



#sommaire_container{width:190px; float:left; margin-left:20px;} /* container pour sommaire et articles*/
#sommaire{}
#sommaire_liste li{margin-bottom:5px;}

#sommaire a:link, #sommaire a:visited{font-size:11px;color:#ff6600; line-height:10px;}
#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;
}



.articles h3 a:link {color:#99CC00;}

.articles h3 a:hover{color:#CCCCCC;}

.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{width:670px; background:ffffff; font-size:13px;}

#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-family:Trebuchet MS;
color:#FF6600;
font-size:14px;
}
.parag
{
color:#666666;
line-height:20px;
padding:0;
margin:0;
margin-bottom:10px;
font-size:12px;
}
.parag_img
{
margin-right:10px;
margin-bottom:10px;
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;
padding-top:10px;
padding-bottom:10px;
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:2px;
margin-left:10px;
padding-bottom:10px;
}
.notes_txt{
font-size:10px;
font-weight:normal;
margin:2px;
margin-left:10px;

}
.notes_ico{
margin-right:10px;
margin-left:10px;}


.txt_droite{float:right;width:500px;}
.txt_gauche{float:left; width:500px;}
.image_droite{margin-left:10px;float:right;}
.image_gauche{float:left;}


#page_container_plan a:link, #page_container_plan a:visited{color:#666666;font-weight:normal;font-size:12px;}
#page_container_plan a:hover{color:#CCCCCC;font-weight:normal;font-size:12px;}
#page_container_plan{
clear:left;
color:#FF6600;
font-weight:bold;
}
#plan_pages_agence{width:200px;float:left;margin-left:20px;}
#plan_pages_studio{width:200px;float:left;}
#plan_pages_referencement{width:200px;float:left;}

/* **************************** mots clefs****************************** */
.moc{
/*
width:240px; height:300px; margin-top:40px; margin-left:20px;margin-right:20px;text-align:justify;
*/
 padding: 20px; width:210px; text-align:justify; padding-top: 30px;
}


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

/* ********************* ********************* */
/* ********************* ********************* */
/* ********************* ********************* */
/* ********************* ********************* */

#retract{
height:10px;
}

#gauche {
float:left;
width: 210px;
}
#droite {
float:right;
width: 690px;
padding-right:20px;
}

#chemin_rubrique{
font-size:30px;
font-family:Trebuchet MS;
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:20px;
background:#ffffff 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;
}





.fin{
clear:both;
}
/* 					TABLEAU						*/

.sp{
float:left;
width:200px;
padding:15px;
}
.titre_sp{
color:ff6600;
font-size:15px;
}
.comment_sp{
font-style:italic;
font-weight:bold;
color:#666666;
font-size:12px
}
.visuel_sp{
text-align:center;
margin-top:10px;
}
.esp_sp{
margin-bottom:10px;
}
.esp_sp a:link, .esp_sp a:visited{color:#66CC00;}
.texte_sp{
font-size:10px;

}
.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:#FF6600;text-decoration:none;}
#gauche .liens_sp a:hover{text-decoration:underline;}

#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;

}