
* { margin: 0; padding: 0; outline: 0; }

a img {border: none;} /* pas de bordure sur les images avec lien

/* PARTIE AJOUTEE POUR PERMETTRE L'UTILISATION DE FONTS PERSONNALISEES */
@font-face {
 font-family: MyCustomFont; /* le nom utilisé ici peut être n'importe lequel, mais il faudra le chaner également dans les parties qui y font référence */
 src: url("../fonts/") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("../fonts/") /* TTF file for CSS3 browsers */
}
/* FIN de PARTIE AJOUTEE POUR PERMETTRE L'UTILISATION DE FONTS PERSONNALISEES */
body {
	background-color:#ffffff;
	margin:0;
	padding:0;
	text-align:center;
	color:#333333;
	font-family: MyCustomFont, Trebuchet MS, Arial, Tahoma, sans-serif;
    font-size:9pt;
}
/* Cette partie sert à définir comment réagissent les boutons du menu (bandeau) */
body#home a#homenav,
body#mission a#missionnav,
body#eti a#etinav,
body#salarie a#salarienav,
body#entreprises a#entreprisesnav,
body#membres a#membresnav,
body#informations a#infosnav,
body#liens a#liensnav,
body#contacts a#contactsnav, {
	/* background: #0066CC url( ../images/selectedmenu.jpg ) repeat-x; */
	background: #FFFFFF;
	color: #AAAAAA;
}

#wrapper {
	width:946px;
	min-height:800px;
	height:auto;
	background: url(../images/bg.jpg) repeat-y center top;
    margin:0 auto;
    text-align:left;
}

#content-wrapper {
	width: 906px;
	margin: 0px auto;
	padding: 0;
}

#header {
	position: relative;
    height:142px;
	background: #caced1 url(../images/header.jpg) no-repeat center top;
	padding: 0;	
	color: #ffffff;
	margin-left:auto;
    margin-right:auto;
	width:946px;
}

 #navbar {
	clear: both;	
	margin: 0 auto; 
	padding: 0;
	/*background: #0066CC url(../images/menu.jpg) repeat-x;*/
	background: url(../images/menu.jpg) repeat-x;
	font: bold 16px/33px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 33px;
	width: 906px;
	border-top: 1px solid #FFFFFF ;
	/*border-bottom : 1px solid #FFFFFF ; */
}

#navbar ul {
	float: left;
	list-style: none;
	margin:0; 
	padding: 0 ;
}

#navbar ul li {
	display: inline;
}

#navbar ul li a {
	display: block;
	float: left;
	padding: 0 8px;
	color: #F2FF3D;
	text-decoration:none;
	text-align:center;
	/*border-right: 1px solid #0066CC ;*/
}

#navbar ul li a:hover {
	/* background: url( ../images/selectedmenu.jpg ) repeat-x; 
	background:#FFFFFF; */
	color: #FFFFFF;	
}

h1 {
	font-family:MyCustomFont, Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size:20pt;	
	color:#9098FA;
}

h2 {
	font-family:MyCustomFont, Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size:16pt;	
	color:#9098FA;
}

h3 {
	font-family:MyCustomFont, Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size:14pt;	
	color:#9098FA;
}

h4 {
	font-family:MyCustomFont, Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size:12pt;	
	/*color:#AAAAAA;*/
	color:#9098FA;
}

a, a:visited {
	color:#999999;
	/*color:#9098FA;*/
	text-decoration:none;
}
a:hover {
	color:#AAAAAA;
	text-decoration:underline;
	font-weight:bold;
}

#left_text {
	/*clear: both;*/
	float:left;
	width: 25%;
	/*width: 260px;*/
	/*border: 1px solid;*/
	/* background: url(../images/06.jpg) repeat-y center top; */
	padding: 0 10px;
	margin: 40px 10px 30px 10px;	
	text-align: left;
	font-family:MyCustomFont, Trebuchet MS, Arial, Tahoma, sans-serif;
    font-size:9pt;
	color:#666666;
}

#left_text ul {
	color:#0066FF;
	list-style-type:square;
	text-align:left;
	margin: 7px 10px 8px 10px; 
	padding: 10px;
	text-decoration: none;		
}

#textezone {
	/*clear: both;*/
	float:right;
	width: 60%;
	/*width: 530px;*/
	/* background: url(../images/06.jpg) repeat-y center top; */
	background-color:#DDDDFF;
	padding: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 40px 20px 30px 0px;	
	text-align: justify;
	font: 12px MyCustomFont, Trebuchet MS, Arial, Tahoma, sans-serif;
	color: #202020;
}
#textezone ul {
	/*color:#0066FF;*/
	color:#9098FA;
	list-style-type:square;
	text-align:justify;
	margin: 7px 10px 8px 10px; 
	padding: 10px 10px 10px 30px;
	text-decoration: none;	
	/*border-top: 3px dotted #d1d5e1;*/
	border-top: 3px dotted #9098FA;
}

/****************************************************************/
#rbroundbox { background: url(../images/rounded/nt.gif) repeat; }
#rbtop div { background: url(../images/rounded/tl.gif) no-repeat top left; }
#rbtop { background: url(../images/rounded/tr.gif) no-repeat top right; }
#rbbot div { background: url(../images/rounded/bl.gif) no-repeat bottom left; }
#rbbot { background: url(../images/rounded/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#rbtop div, #rbtop, #rbbot div, #rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
#rbcontent { padding: 20px; text-align:justify;}
#rbroundbox { float:right; width: 65%; margin: 40px 20px 30px 0px; }
#rbcontent ul {
color:#9098FA;
list-style-type:square;
list-style-position:outside;
text-align:justify;
margin: 7px 10px 8px 10px; 
padding: 10px 10px 10px 30px;
text-decoration: none;	
/*border-top: 3px dotted #d1d5e1;*/
border-top: 3px dotted #9098FA;
}
#rbcontent ul.numero {
color:#333333;
list-style-type:decimal;
list-style-position:outside;
text-align:justify;
border:0;
}
#rbcontent ul.tiret {
color:#333333;
list-style-type:disc;
list-style-position:outside;
text-align:justify;
border:0;
}
#texte_pdf p { position:relative; min-height:50px; width:80%; padding-right:110px; padding-top:10px; text-align:justify; border-top: 1px dotted #AAAAAA} 
#texte_pdf p img {position:absolute; right:10px; top:5px;}


