body
{
	scrollbar-face-color       :#4444bb;
	scrollbar-arrow-color      :#ffffcc;
	scrollbar-track-color      :#aaaaaa;
	scrollbar-shadow-color     :#ffffcc;
	scrollbar-highlight-color  :#ffffcc;
	scrollbar-3dlight-color    :#4444bb;
	scrollbar-darkshadow-color :#4444bb;

	background-color   :#4444bb;

	margin             :0px;

	font-family        :Courier New, Courier, monotype, monospace;
	font-size          :10px;
	color              :#ff00ff;
}

a
{
	color              :#dd66dd;
	text-decoration    :none;
}

a:hover
{
	color              :#ffffcc;
}

h1, h2, h3
{
	font-family        :Trebuchet MS,Tahoma, Arial, Helvetica, sans-serif;
	font-size          :18px;
	color              :#ffffff;
	font-weight        :bold;
	margin-top         :30px;
	margin-bottom      :30px;
}

h2, h3
{
	margin-top         :12px;
	margin-bottom      :15px;
}

h2
{
	font-size          :14px;
	color              :#ffff00;
}

h3
{
	font-size          :12px;
	font-style         :italic;
	color              :#dd66dd;
}

p, td
{
	font-family        :Trebuchet MS,Tahoma, Arial, Helvetica, sans-serif;
	font-size          :12px;
	color              :#bbbbbb;
	font-weight        :bold;
	text-align         :justify;
}

p
{
	margin-top         :12px;
	margin-bottom      :15px;
}

td
{
	padding-bottom     :10px;
}

strong, b
{
	color              :#ffffff;
	font-weight        :bold;
}

em, i
{
	color              :#ffff00;
	font-style         :italic;
}

u
{
	color              :#ffff00;
	text-decoration    :none;
}

ul, li
{
	margin             :0px;
	padding            :0px;
	font-family        :Trebuchet MS,Tahoma, Arial, Helvetica, sans-serif;
	font-size          :12px;
	color              :#bbbbff;
	font-weight        :bold;
	text-align         :justify;
}

li
{
	margin-top         :6px;
	margin-left        :20px;
}

ul
{
	margin-bottom      :9px;
}

div.liste
{
	border-left        :1px solid #bbbbff;
	border-top         :1px solid #bbbbff;
	border-right       :1px solid #000000;
	border-bottom      :1px solid #000000;
	padding-left       :10px;
	padding-right      :10px;
}

div.liste p
{
	color              :#ffff00;
}

/* Etoiles tournant autour du globe */
div#b1, div#b2, div#b3, div#b4, div#b5
{
	position           :absolute;
	left               :150px;
	top                :150px;
}

div#webpage
{
	width              :100%;
}

div#header
{
	width              :800px;
	height             :100px;
}

div#logo
{
	float              :left;
	width              :300px;
}

div#menu
{
	float              :left;
	width              :500px;
	padding-top        :40px;
}

div .menu
{
	padding-left       :3px;
	
	font-family        :Trebuchet MS,Tahoma, Arial, Helvetica, sans-serif;
	font-size          :12px;
	color              :#807ffe;
	font-weight        :bold;
}

div .menu a
{
	color              :#807ffe;
	text-decoration    :none;
}

div .menu a:hover
{
	color              :#ffffff;
}

div#main
{
	width              :800px;
}

div#gauche
{
	float              :left;
	background         :url('../images/bouton.jpg') no-repeat;
	width              :300px;
	height             :400px;
}

div#droite
{
	background         :url('../images/vinci1.jpg') no-repeat;
	float              :left;
	width              :500px;
}

div#droite p
{
	padding-left       :10px;
	padding-right      :10px;
}

div#barre_haut
{
	clear              :both;
	background         :url('../images/bordhh.jpg');
	width              :100%;
	height             :31px;
}

div#barre_bas
{
	clear              :both;
	background         :url('../images/bordbb.jpg');
	width              :100%;
	height             :31px;
}

div#footer
{
	width              :800px;
	font-family        :Verdana, Arial, Helvetica, sans-serif;
	font-size          :9px;
	color              :#8888ff;
	text-align         :center;
}

div#footer em
{
	color              :#8888ff;
}

/* Encart service */
div.service
{
	clear              :both;

	padding-top        :20px;
}

div.service img
{
	float              :left;
	margin-right       :20px;
}

div.service div
{
	float              :left;
	width              :440px;
}

div.service div h2
{
	padding            :0px;
	margin             :0px;
}

div.service div p
{
	padding            :0px;
	margin             :0px;
}

/* Onglets */
div#onglet
{
	margin             :0px;
	padding            :0px;
	width              :493px;
}

div#onglet ul
{
	margin             :0px;
	padding            :0px;
	padding-left       :3px;
	padding-right      :2px;
}

div#onglet ul li
{
	float              :left;
	
	margin             :0px;
	padding            :0px;
	padding-top        :10px;
	
	font-family        :Trebuchet MS,Tahoma, Arial, Helvetica, sans-serif;
	font-size          :12px;
	color              :#ff0000;
	font-weight        :bold;
	font-style         :italic;
	
	text-align         :center;
	
	width              :122px;
	height             :50px;

	list-style-type    :none;
}

html>body div#onglet ul li
{
	height             :40px;
}

div#onglet ul li.on
{
	background         :url('../images/onglet_on.jpg') no-repeat;
}

div#onglet ul li.off
{
	background         :url('../images/onglet_off.jpg') no-repeat;
}

div#onglet ul li a
{
	color              :#990000;
}

div#onglet ul li a:hover
{
	color              :#ffffff;
}

div#barre
{
	clear              :both;

	padding            :0px;
	margin             :0px;

	height             :2px;
	width              :493px;

	font-size         :0;    /* bug "espace vide" d'IE */
}

div#barre div
{
	float              :left;
}

div#barre div.barre_hg
{
	background         :url('../images/onglet_barre_hg.jpg') no-repeat;
	font-size          :0;
	height             :2px;
	width              :3px;
}

div#barre div.barre_on
{
	background         :url('../images/onglet_barre_on.jpg') no-repeat;
	font-size          :0;
	height             :2px;
	width              :122px;
}

div#barre div.barre_off
{
	background         :url('../images/onglet_barre_off.jpg') no-repeat;
	font-size          :0;
	height             :2px;
	width              :122px;
}

div#barre div.barre_hd
{
	background         :url('../images/onglet_barre_hd.jpg') no-repeat;
	font-size          :0;
	height             :2px;
	width              :2px;
}

div#contenu
{
	clear             :both;

	padding           :0px;
	margin            :0px;

	background        :url('../images/onglet_fond.jpg');
}

div#contenu p
{
	margin-top        :0px;
	margin-bottom     :0px;
	margin-left       :10px;
	margin-right      :10px;

	padding-top       :10px;
	padding-bottom    :10px;
	padding-left      :0px;
	padding-right     :0px;
	
	color             :#666666;
}

div#contenu p strong
{
	color             :#0000ff;
}

div#contenu p em
{
	color             :#000000;
}

div#bas
{
	margin            :0px;
	padding           :0px;

	background        :url('../images/onglet_bas.jpg') no-repeat;
	height            :1px;
	width             :493px;
	
	font-size         :0;    /* bug "espace vide" d'IE */
}

p.ref_titre
{
	clear             :both;
}

div.ref_image
{
	float             :left;
	width             :180px;
}

div.ref_texte
{
	float             :left;
	margin-left       :180px;
}

div.bouton
{
	float             :left;
	background        :url('../images/b5.jpg') no-repeat;
	width             :20px;
	height            :10px;
}

p.texte
{
	float             :left;
	margin-left       :20px;
}

p.ref_sous_titre
{
	margin-top        :20px;
	margin-bottom     :60px;
}

div#ref
{
	border            :1px solid #aaaaaa;
	overflow          :auto;
	padding           :5px;
	width             :100%;
	height            :300px;
}

div#sep_ref
{
	clear             :both;
	width             :100%;
	height            :30px;
}

/* Tableau admin - affichage des visites */
.tdp_titre
{
	color             :#FFFFFF;
	font-family       :Trebuchet MS,Tahoma, Arial, Helvetica, sans-serif;
	font-size         :9px;
}

.tdp_texte
{
	color             :#000000;
	font-family       :Trebuchet MS,Tahoma, Arial, Helvetica, sans-serif;
	font-size         :9px;
}