/*-------------------------------------------
feuille de style addjust
Enguerrand-leclerc - stockho baobaz

---------------------------

style graphique generaux

placement des elements, taille, padding, margin et bordure : 

taille de la page : 924px
ombre a droite : 3px
taille contenu : 924 + 1px bordure droite + 1px bordure gauche
-------------------------------------------*/

/* barre de navigation du haut */
/* @import "navigation_netop.css"; */


/*styles generaux */
body {
	text-align:center; /*pour centrer dans ie */
	margin:0;
	padding:0;
	
	font-family: Arial;
	font-size: 12px;
	color:#333;
	
	background-color: #FFF;
	background-image: url(http://www.addjust.com/images/gradient.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: bottom left;
}

ul, ol, dl { font-size:12px;
/*z-index:5;
position: relative;*/ 
 }
/* style paragraphe */              
p { font-size:12px; padding:0; margin:0; }

/* style entete */
h1 {
	font-size:24px;
	color:#000000;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

h2 {font-size:12px;	color:#000000;	font-weight: bold; }

h3 {font-size:12px;	color:#0000CC;	font-weight:bold;}

h4 {font-size:12px;	color: #00FF33;	font-weight:bold;}


a img {border:0; }

form {
margin:0;
padding:0;
margin-top:10px;
margin-bottom:10px;

}

.chps {
width:100px;
}

/* style lien */
a { COLOR: #0066FF; TEXT-DECORATION: none; font-weight:bold}
a:active {
	COLOR: #0033FF; TEXT-DECORATION: none}
a:hover {
	COLOR: #ff0000
}
a:link {
	COLOR: #0000FF; TEXT-DECORATION: none}


/* formulaire */

input {
font-size:12px;
color:#333;

}

/* contenuer principal */

#page {
margin:auto;
text-align:left;
width:765px;
position:relative;
z-index:2;


}

#accueil {
	position: absolute;
	right:0;
	top:0px;
	z-index:3;
	left: 702px;
	height: 11px;
	visibility: visible;
	width: 70px;
	background-image: url(http://www.netop.fr/images/LienAccueil.jpg);
}

#titre {
position: absolute;
z-index:4;
right:10px;
top:20px;
}

/* haut de page */



#ombre-haut{
background-image: url(http://www.netop.fr/images/OmbreHaut.jpg);
background-repeat: repeat-x;
background-color: #ccc;
}
#haut {
z-index:2;
position: relative;
height: 79px;
margin-right:3px;
width:762px;

background-image:  url("http://www.netop.fr/images/haut.jpg");
background-repeat: no-repeat;
}

/* centre */

#ombre-centre{

background-color:#ccc;
background-image: url(http://www.netop.fr/images/GradientOmbre.jpg);
background-position: bottom;
background-repeat: repeat-x;

}

#centre {
margin-right:3px;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
height:100%;
background-color: #9CA5AE;
}
* html #centre {

height:100%;
}

.textebleu {
padding-left:20px;
background-image: url(http://www.netop.fr/images/PlusBleu.jpg);
background-position: 15px 15px;
background-repeat: no-repeat;
color:#0E76BC;
padding-bottom:10px;
padding-top:10px;
}

.right {text-align:right;}

.clear { 
clear:both;
height:30px;
overflow:hidden;

}

.left {
float:left;
display:inline;

}

.textecontenu {
padding-top:30px;
text-align: justify;
}

.textecontenu p{
padding-bottom:15px;

}

/*---------------*/


/*---------------*/
#ombre-bas {

height:3px;
margin-left:3px;
overflow:hidden;

background-color:#9CA5AE;
}

/* ajout jfd 01/04/2005 */
.textecontenuadd {
padding-top:0px;
text-align: justify;
}

.textecontenuadd p{
padding-bottom:0px;

}

.Style17 {
	font-family: "Humanst521 BT";
	font-size: 20px;
	color: #4A4A4A;
}
.Style18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
}
.Humans20GrisFonce{
	font-family: "Humanst521 BT";
	font-size: 18px;
	color: #4A4A4A;
}
.Humans24Bleu {
	font-family: "Humanst521 BT";
	font-size: 24px;
	color: #0066FF;
}
.Humans20Bleu {
	font-family: "Humanst521 BT";
	font-size: 20px;
	color: #0066FF;
}
.Arial20Bleu {
	font-family: "Arial";
	font-size: 20px;
	color: #0066FF;
}

.Arial20Vert {
	font-family: "Arial";
	font-size: 20px;
	color: #5D870B;
}

.Arial20Rouge {
	font-family: "Arial";
	font-size: 20px;
	color: #AE0001;
}

.Arial18GrisFonce{
	font-family: "Arial";
	font-size: 18px;
	color: #4A4A4A;
}

.Font18 {font-size: 18px}
/* fin ajout */

/* pour les texte déroulant */
.TitreTexte { color: #0033FF; font-weight: bold; font-size: 12px; }
.TexteDeroulant { color: #000000; font-size: 11px;}

/* ajout 19/05/2008 pour les nouvelles pages */

.Taille_16_rouge {font-size: 16px; color: #FF0000;}
.Addjust {font-size: 16px; color: #000066;font-weight: bold;}
.invisible {visibility: hidden}
.visible {visibility: visible}
.Taille_12 {font-size: 12px}