/************************************/
/********************* CSS Document */
/************************************/
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
p {
	padding: 5px 30px 3px 40px;
	margin: 0px;
}
ol {
	margin: 0px 0px 0px 63px;
	padding: 5px 30px 3px 0px;
}
ul {
	list-style-type :  disc;
	margin: 0px 0px 0px 63px;
	padding: 5px 30px 3px 0px;
}
li {
	padding: 5px 0px 5px 0px;
}
h1 {
	font-family: Impact, Arial Black, Arial ;
	font-size: 24px;
	padding: 10px 0px 8px 0px;
}
h2 {
	font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 0px 5px 20px;
	margin: 0px;
}
h3 {
	font-size: 15px;
	font-weight: bold;
	padding: 0px 5px 2px;
	margin: 8px 35px 0px 35px;
}
a:link    {text-decoration: none; color: #000; font-weight: bold;}
a:visited {text-decoration: none; color: #000; font-weight: bold;}
a:hover   {text-decoration: none; color: #FA7C3F; font-weight: bold;}
a img {border: none;}

a.lkbar:link    {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #958359;
}
a.lkbar:visited {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #958359;
}
a.lkbar:hover   {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FA7C3F;
}
/* Conteneurs */
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #D2D7ED;
	overflow: auto;
	scrollbar-arrow-color: #212E68;       /* - puces */
	scrollbar-face-color: #9FA9D4;        /* - fond des boutons */
	scrollbar-track-color: #D2D7ED;       /* - fond de la barre */
	scrollbar-highlight-color: #E6E8F4;   /* lumiére */
	scrollbar-shadow-color: #808AB0;      /* ombres */
	scrollbar-3dlight-color: #FFFFFF;     /* - lumiére 1 */
	scrollbar-darkshadow-color: #4F546A;  /* -ombres 2*/
}
form{
	margin: 0px;
}
table {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
td {
	border: 0px;
	margin: 0px;
	padding: 3px;
}

.glob {
	min-width: 760px;
	margin: 0px;
	padding: 0px;
}
.centre {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.gauche {
	float: left;
	width: 380px;
	margin: 0px;
	padding: 0px;
}
.droite {
	float: left;
	width: 380px;
	margin: 0px;
	padding: 0px;
}
.menu {
	overflow: hidden;
	float: left;
	width: 130px;
	margin: 0px;
	padding: 0px 0px 2px;
}
.liste {
	float: left;
	width: 500px;
	min-height: 500px;
}
.textdefil {
	overflow: auto;
	padding: 10px;
}
.pub {
	text-align: center;
	margin: 15px 50px 10px 0px;
	padding: 0px;
}
.bouton {
	float: left;
	padding: 1px 8px 3px;
	background: #9FA9D4;
	border: 2px outset #9FA9D4; 
}
.bouton a:link    {color: #212E68;}
.bouton a:visited {color: #212E68;}
.bouton a:hover   {color: #E6E8F4;}
#retour {
	margin: 13px;
	float: right
}
.texte {
	text-align: justify;
}
table td.titre{
	font-size: 16px;
	font-weight: bold;
	padding: 8px 3px 8px;
}
table td.txt{
	text-align: justify;
	font-size: 14px;
	padding: 2px 8px 5px 3px;
}
table td.txt b{
	font-size: 14px;
}
table td.info{
	text-align: left;
	font-size: 14px;
	padding: 2px 8px 5px 3px;
}
table td.cat{
	text-align: left;
	padding: 2px 8px 5px 3px;
}
/************************************/
/****************** page index */
/************************************/
body.index {
	padding: 0px 0px 25px; /*IE*/
	background: #FFF url(../images/fond_pelicule.jpg) top center repeat-y;
}
body.index #page {
	height: 100%;
}
body.index #titre {
	text-align: left;
	margin: 57px 0px 50px 0px;
}
body.index #presentation {
	text-align: justify;
	margin: 20px 0px 0px 0px;
	background: url(../images/fond_cam.jpg) top left no-repeat;
}
body.index #pelicule {
}
body.index #textdisclam {
	height: 209px;
	max-height: 209px;
	margin: 212px 52px 0px;
	text-align: justify;
	background: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	border: none;
	scrollbar-arrow-color: #FFF;       /* puces */
	scrollbar-face-color: #000;        /* fond des boutons */
	scrollbar-track-color: #666;       /* fond de la barre */
	scrollbar-highlight-color: #666;   /* lumiére */
	scrollbar-shadow-color: #000;      /* ombres */
	scrollbar-3dlight-color: #333;     /* lumiére 1 */
	scrollbar-darkshadow-color: #000;  /* ombres 2*/
}
body.index #textdisclam p{
	color: #FFF;
	padding: 5px 5px 3px 5px;
}
body.index #textdisclam ul {
	margin: 0px 0px 0px 25px;
	padding: 5px 5px 3px 0px;
}
body.index #textdisclam li{
	color: #FFF;
}
body.index #bouton {
	margin: 16px 0px 0px 0px;
}
body.index #bouton img{
	margin: 1px;
}
body.index #pub {
	text-align: left;
	margin: 0px 0px 25px 0px;
}
/************************************/
/****************** page accueil */
/************************************/
body.accueil {
	background: #FFF url(../images/fond_accueil.gif) top center repeat-y;
}
body.accueil  .glob {
	background: url(../images/fond_accueil.jpg) top center no-repeat;
}
body.accueil  #banniere{
	height: 84px;
	background: url(../images/fond_banniere.jpg) top center no-repeat;
}
body.accueil  #page{
	background: url(../images/fond_liste.gif) top center repeat-y;
}
body.accueil  #menugauche{
	text-align: left;
}
body.accueil   .menu {
	background: url(../images/fond_menu.gif) 2px repeat-y;
	margin: 143px 0px 0px;
}
body.accueil   .menu p {
	padding: 0px 3px 3px 7px;
	margin: 0px;
}
body.accueil  .menu ul {
	margin: 0px 0px 10px 22px;
	padding: 0px;
}
body.accueil  .menu li {
	padding: 1px 3px;
}
body.accueil  #hautliste{
	text-align: left;
	background: url(../images/fond_hautliste.jpg) top left no-repeat;
	margin: 0px;
	height: 103px;
}
body.accueil  #hautliste img#bthaut{
	margin:8px 0px 0px 135px;
}
body.accueil  #hautliste form{
	margin: 3px 0px 0px 140px;
}
body.accueil  #hautliste #menusupp{
	overflow: hidden;
	float: left;
	width: 360px;
	text-align: left;
}
body.accueil  #hautliste #menusupp p{
	color: #838798;
	margin: 3px 0px 0px 98px;
}
body.accueil  #hautliste #menusupp a:link    {color: #838798;}
body.accueil  #hautliste #menusupp a:visited {color: #838798;}
body.accueil  #hautliste #menusupp a:hover   {color: #FA7C3F;}

body.accueil  #hautliste #folio{
	float: left;
	text-align: left;
	padding: 13px 0px 0px 0px;
}
body.accueil  #hautliste #folio img{
	float: left;
}
body.accueil  #hautliste #txtfolio{
	float: left;
	padding: 2px 0px 0px;
	width: 87px;
	text-align: center;
}
body.accueil  #video{
	text-align: left;
	padding: 0px 0px 0px 23px;
	background: url(../images/fond_liste.jpg) top center no-repeat;
}
body.accueil  #video td.marge{
	height: 3px;
	padding: 0px;
}
body.accueil  #video td.bt{
	background:  url(../images/fond_bt_telech.gif) top left no-repeat;
	height: 38px;
	padding: 0px;
	cursor: pointer;
}
body.accueil  #video td.bt img{
	vertical-align: middle;
	margin: 0px 2px 2px 5px;
	padding: 0px;
}
body.accueil  #video td.bt .txtbt{
	margin: 0px 0px 0px 3px;
}
body.accueil  #basliste{
	background: #D2D7ED;
	margin: 0px 0px 0px 20px;
	padding: 3px;
}
body.accueil  #basliste .pagcur{
	font-size: 16px;
	font-weight: bold;	
}
body.accueil  #menudroite{
	padding: 0px 0px 15px;
}
body.accueil  #menudroite img{
	margin: 20px 0px 5px;
}
body.accueil  #menudroite img.bt{
	margin: 0px;
}
body.accueil  #baspage{
}
body.accueil  #baspage .bas{
	background: #AFACB7;
	color: #FFF;
	margin: 25px 130px 15px 150px;
	padding: 5px;
}
body.accueil  #baspage .bas a:link    {color: #FFF;}
body.accueil  #baspage .bas a:visited {color: #FFF;}
body.accueil  #baspage .bas a:hover   {color: #212E68;}
/************************************/
/****************** page allo */
/************************************/
body.allo {
}
body.allo table{
	width: 714px;
}
body.allo img{
	vertical-align: top;
}
body.allo td{
	vertical-align: top;
}
body.allo table.allopass{
	border: #332187 1px solid;
	background: #FFF;
	margin-top: 15px;
	margin-bottom: 10px;
}
body.allo table.allopass p{
	padding: 0px;
	margin: 0px;
}
body.allo td.centre{
	text-align: center;
}
body.allo td.logo{
	border-right: #332187 1px solid;
}
body.allo td.bas{
	border-top: #332187 1px solid;
	background: #D0D0FD;
	text-align: center;
	padding: 5px;
}
body.allo td.bleu{
	text-align: center;
	padding: 0px 25px 0px 0px;
	background: #010080;
}
body.allo td.logo{
	padding: 0px;
}
body.allo input.code{
	background: #E7E7E7;
	border: #000080 1px solid;
	color: #000080;
	cursor: text;
	FONT-FAMILY: Arial;
	FONT-SIZE: 10pt; 
	FONT-WEIGHT: bold;
	LETTER-SPACING: normal;
	width:70;
	text-align: center;
	margin: 10px 3px 5px;
}
body.allo input.bt{
	cursor: pointer;
	border: 0px;
	margin: 10px 3px 5px;
	padding: 0px;
	width: 48px;
	height: 18px;
	background: url('http://www.allopass.com/imgweb/common/bt_ok.gif');
}
body.allo form#telech{
	border: 0px;
	margin: 15px 0px 10px;
	padding: 0px;
}
body.allo div#fondsubmit{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 260px;
	height: 31px;
	background: url('../images/versions/fr/bouton_telecharger.gif');
}
body.allo input#btsubmit{
	font-family: Impact, Arial Black, Arial ;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 260px;
	height: 31px;
	background: none;
}
/************************************/
/****************** page optiondev */
/************************************/
body.info {
}
body.info p{
	padding: 25px 10px 10px 10px;
}
/************************************/
/****************** page attente */
/************************************/
body.attente {
	background: url(../images/fond_mur.jpg) top center no-repeat;
}
body.attente .centre{
	text-align: center;
}
body.attente #texte{
	padding: 250px 0px 0px;
}
body.attente #pub {
	text-align: center;
	margin: 50px 200px 25px;
}
body.attente h2 {
	padding: 34px 0px 22px 0px;
}

/************************************/
/****************** page admin */
/************************************/
body.admin {
	text-align: center;
	padding: 10px
}
/************************************/
/****************** page affiliation */
/************************************/
body.affil {
	text-align: center;
	padding: 10px
}
body.affil  h3 {
	color: #FFF;
	background: #9FA9D4;
	margin: 15px 35px 0px 35px;
}
body.affil .centre{
	text-align: left;
}
body.affil table {
	text-align: center;
	width: 694px;
	margin: 0px 0px 0px 33px;
}

body.affil table td{
	vertical-align: top;
}
body.affil table td.titre3{
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	background: #9FA9D4;
}
body.affil table td img{
	border: 1px #9FA9D4 solid;
}



/*
// --- page support
*/

.erreur {
	background: #E61C01;
}
body#support {
	background: url(../images/fond_global.jpg) top center no-repeat;
}
body#support #banniere {
	height: 40px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
body#support #haut {
	height: 40px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
	
body#support #page {
	height: 100%;
	text-align: center;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

body#support #haut div{
	background: url(../images/1x28.gif) repeat-x;
	margin-left: 8px;
	margin-right: 12px;
	height: 25px;
}



body#support h1 {
	margin: 10px 0px 0px 135px;
	padding: 0px;
}
body#support h2 {
	margin: 8px 0px 42px 135px;
	padding: 0px;
	font-size: 16px;
}
body#support table#mep {
	width: 490px;
	margin: 0px 0px 0px 10px;
}
body#support td#marge_gauche {
}
body#support td#marge_droite {
}
body#support  td {
	text-align: left;
}
body#support table#fsupport td {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
body#support table#fsupport td.interloc {
	text-align: center;
}
body#support table#fsupport  td.interloc p{
	font-size: 14px;
}
body#support td p{
	margin: 2px 15px 0px 0px;
	padding: 5px 30px 3px 10px;
	text-align: center;
	font-weight: bold;
}

body#support td p.message {
	margin: 10px 25px 0px 0px;
	font-size: 16px;
	font-weight: normal;
}
body#support td p.message b{
	font-size: 16px;
	font-weight: bold;
}
body#support td p.signature {
	margin: 20px 25px 35px 0px;
	font-size: 16px;
	font-weight: normal;
}
body#support td p.signature b{
	font-size: 16px;
	font-weight: bold;
}
body#support input{
}
body#support div.message {
	background: #E5E7F4;
	color: #000080;
}
body#support div#email {
	width: 350px;
	background: #E5E7F4;
}
body#support div#sujet {
	width: 350px;
}
body#support div#message {
	width: 350px;
}
body#support  p.erreur {
	margin: 10px 5px 0px 5px;
	color: #FFF;
}

body#support select{
	width: 465px;
}
body#support input#email {
	width: 360px;
}
body#support input#email2 {
	width: 360px;
}
body#support input#sujet {
	width: 360px;
}
body#support textarea {
	width: 360px;
}
body#support div#bas  {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
body#support  div.pub h2 {
	margin: 15px 0px 0px 0px;
}
body#support div#bas p {
	background: #E5E7F4;
}