@charset "utf-8";

*{
	padding:0;
	margin:0;
}

body {
	font-family:"Calibri","sans-serif";
	font-size : 12px;
	background-repeat: no-repeat;
	background-color:#000000;
	width:995px;
	margin:0 auto 0 auto;
	color:#CCCCCC;
	font-size:12pt;
}

.mceContentBody {
	font-family:"Calibri","sans-serif"; 
	color:#333333;
	background-color:#CCCCCC;
	border:1px solid #CCCCCC;
	font-size : 12px;
}

.small {
	font-size : 11px;
}

/* ************************************************************************************** */
/* ************                  Select                                       *********** */
/* ************************************************************************************** */

select {  
	font-family:"Calibri","sans-serif";
	font-size:12px;
	color:#CCCCCC;
	border:1px solid #999999;
	background-color:#333333;
}

option {  
	font-family:"Calibri","sans-serif";
	font-size:12px;
	color:#CCCCCC;
	border-style:solid;
	background-color:#333333;
	border-color:#272729;
}

/* ************************************************************************************** */
/* ************                  Input                                        *********** */
/* ************************************************************************************** */

input.btn {  
	color:#CCCCCC;
	background-color: black; 
	border: 1px solid #333333;
	margin-top:5px;
	font-family:"Calibri","sans-serif"; 
	font-weight:bold; 
	text-transform:uppercase;
	cursor:pointer;
	vertical-align:top;
	margin-top:5px;
}

input.btnhov {
	color:#CC3300;
	background-color: black; 
	border: 1px solid #CC3300;
	font-family:"Calibri","sans-serif"; 
	font-weight:bold; 
	text-transform:uppercase;
	margin-top:5px;
	cursor:pointer;
	vertical-align:top;
	margin-top:5px;
}

input.txt {  
	font-family:"Calibri","sans-serif"; 
	color:#333333;
	background-color:#CCCCCC;
	border:1px solid #CCCCCC;
}

textarea.txt {  
	font-family:"Calibri","sans-serif"; 
	color:#333333;
	background-color:#CCCCCC;
	border:1px solid #CCCCCC;
	font-size:12px;
}

input.txtFocus {  
	font-family:"Calibri","sans-serif"; 
	color:#333333;
	background-color:#CCCCCC; 
	border:1px solid #CC0000;
}

textarea.txtFocus {  
	font-family:"Calibri","sans-serif"; 
	color:#333333;
	background-color:#CCCCCC; 
	border:1px solid #CC0000;
	font-size:12px;
}

input.btnRech {  
	font-family:"Calibri","sans-serif";
	color:#FFFFFF; 
	background-color: black; 
	border-color:#CCCCCC;
	border-style:solid;
	font-size:11px;
	vertical-align:top;
	margin-top:3px;
}

input.btnhovRech {
	font-family:"Calibri","sans-serif";
	color:#CC3300;
	background-color: black; 
	border-color:#CC3300;
	border-style:solid;
	font-size:11px;
}

/* ************************************************************************************** */
/* ************                  Liens                                        *********** */
/* ************************************************************************************** */

a:link { 
	color:#CCCCCC;
	text-decoration:none;
	
}
a:visited {
	color:#CCCCCC;
	text-decoration:none;
	
}
a:hover { 
   color:#CC3300;
   text-decoration:underline;
   
}

a.menuSecondaire:link { 
	text-decoration:none;
}
a.menuSecondaire:visited {
	text-decoration:none;
}
a.menuSecondaire:hover { 
   text-decoration:none;
}

a:active, a:focus{ 
   outline:none; 
}

a.match:link { 
	color: black ;
	text-decoration:none;
}
a.match:visited {
	color: black ;
	text-decoration:none;
}
a.match:hover { 
	color: #FF3300 ;
	text-decoration:none;
}

a.top:link { 
	color: black ;
	text-decoration:none;
}
a.top:visited {
	color: black ;
	text-decoration:none;
}
a.top:hover { 
	color: #FF3300 ;
	text-decoration:none;
}

a.cp:link { 
	color: black ;
	text-decoration:none;
}
a.cp:visited {
	color: black ;
	text-decoration:none;
}
a.cp:hover { 
	color: #FF3300 ;
	text-decoration:none;
}

a.cgu:link { 
	color: black ;
	text-decoration:none;
}
a.cgu:visited {
	color: black ;
	text-decoration:none;
}
a.cgu:hover { 
	color: black ;
	text-decoration:underline;
}

a.lienTitle:link { 
	color: white ;
	text-decoration:none;
}
a.lienTitle:visited {
	color: white ;
	text-decoration:none;
}
a.lienTitle:hover { 
	color: white ;
	text-decoration:none;
}

/* ************************************************************************************** */
/* ************                  Images                                       *********** */
/* ************************************************************************************** */

img { 
	border: 0;
}

img, div, a, input { behavior: url(public/css/iepngfix/iepngfix.htc) }

/* ************************************************************************************** */
/* ************                  Fieldset                                     *********** */
/* ************************************************************************************** */
legend {
   font: bold 14px georgia;
   color:#5B5B5B;
   margin:5px;
   background-color:#272729;
   padding:2px;
   border:1px dotted #272729;
   -moz-border-radius:5px;
}

fieldset {
	border:1px dotted #666666;
	padding:2px;
	margin-left:5px;
	-moz-border-radius:5px;
	/*background-color:#333333;*/
}

fieldset.Accueil {
	border:1px dotted #5B5B5B;
	padding:2px;
	margin-left:0px;
}

/* ************************************************************************************** */
/* ************                  Titres                                       *********** */
/* ************************************************************************************** */

h3 {
	background-image:url(../images/h3.png); 
	background-repeat:repeat;
	height:22px; 
	width:93%;
	margin:0px 0px 15px 20px;
	padding:0px 0px 0px 20px;
	text-align:left;
	font-size:18px;
	font-family:"Calibri","sans-serif";
	color:#C4C4C4;
	text-transform:uppercase;
	border:1px double #666666;
	-moz-border-radius:5px;
}

h4 {
   font-family:"Calibri","sans-serif";
   color:#5B5B5B;
   margin:5px;
   font-size:16px;
}

h4.info {
   font: bold 14px georgia;
   color:#999999;
   margin:5px;
}

h4.infoAccueil {
   font: bold 14px georgia;
   margin:5px;
   color:#FFFFCC;
}
/*Old 17/01/2009
h4 {
	 position:relative;
	 margin-left:5px;
	 padding-left:20px;
	 padding-bottom:20px;
	 text-align:left;
	 color:#FFFFCC;
	 font-weight:normal;
}*/
h5 {
   font-family:"Calibri","sans-serif"; 
   color: #222;
   margin:5px;
}

/* on compense l'alignement des images du menu pour Firefox et autres navigateurs */
html>/**/body .toolBox .tools img {margin-top:-2px;vertical-align:middle;}

/* on compense l'alignement des images du menu pour IE*/
*html body .toolBox .tools img {margin-top:-2px;vertical-align:middle;}

/* ************************************************************************************** */
/* ************                  Tableaux                                     *********** */
/* ************************************************************************************** */

table {
	margin:auto;
	/*border:1px solid #333333;*/
}

tr {
	font-family:"Calibri","sans-serif"; 
}

tr.commentaire {
	font-family:"Calibri","sans-serif"; 
	font-size:12px;
	color:#FFFFFF;
}

td {
	font-family:"Calibri","sans-serif"; 
}

td.commentaire {
	font-family:"Calibri","sans-serif"; 
	font-size:12px;
	color:#FFFFFF;
}

th {
	font-family:"Calibri","sans-serif"; 
}


/* ************************************************************************************** */
/* ************                  Div                                          *********** */
/* ************************************************************************************** */

/* ************                  Oeuvre                                        *********** */

div.ligneDeVie{
	position:absolute;
	z-index:51;
	margin-top:220px;
	margin-left:700px;
	padding-left:10px;
	height:30px;
	width:130px;
	color:#C4C4C4;
}



/* ************                  Messages                                      *********** */

div.erreur {
	color:#CC0000;
	font-weight:bold;
	padding:5px;
	position:absolute;
	z-index:400;
	margin-top:35px;
	margin-left:40px;
	background-image:url(../images/index/erreur.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	background-color:#999999;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	text-align:left;
}

div.texteErreur {
	color:#CC0000;
	font-weight:bold;
	padding:5px;
	background-image:url(../images/index/erreur.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	background-color:#999999;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	text-align:left;
}

div.erreurValid {
	color:#CC0000;
	font-weight:bold;
	padding:5px;
	position:relative;
	z-index:400;
	margin-left:40px;
	margin-right:40px;
	margin-top:5px;
	background-image:url(../images/index/erreur.gif);
	background-repeat:no-repeat;
	padding-left:30px;	
	background-color:#999999;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	text-align:left;
}

div.erreurDefault {
	color:#CC0000;
	font-weight:bold;
	padding:5px;
	position:relative;
	margin-left:20px;
	margin-right:20px;
	background-image:url(../images/index/erreur.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	background-color:#999999;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	text-align:left;
}

div.erreurDefault2 {
	color:#CC0000;
	font-weight:bold;
	padding:5px;
	position:relative;
	background-color:#999999;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	text-align:left;
}

div.erreurInscription {
	color:#CC0000;
	font-weight:bold;
	padding:5px;
	z-index:400;
	margin-top:35px;
	margin-left:40px;
	padding-left:30px;
	background-image:url(../images/index/erreur.gif);
	background-repeat:no-repeat;	
	text-align:left;
	background-color:#999999;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	width:80%;
}

div.succes {
	color:#66CC00;
	font-weight:bold;
	padding:5px;
	position:absolute;
	z-index:400;
	margin-top:120px;
	margin-left:40px;
}

div.succesMER {
	color:#66CC00;
	font-weight:bold;
	padding:5px;
	position:absolute;
	z-index:400;
	margin-top:100px;
	margin-left:40px;
}

div.succesValid {
	color:#66CC00;
	font-weight:bold;
	padding:5px;
	position:relative;
	z-index:400;
	margin-top:0px;
	margin-left:40px;
}

div.succesAchatAutreCP {
	color:#66CC00;
	font-weight:bold;
	padding:5px;
	position:relative;
	z-index:400;
	margin-top:0px;
	margin-left:40px;
}

div.succesDefault {
	color:#66CC00;
	font-weight:bold;
	padding:5px;
	position:absolute;
	z-index:400;
	padding-top:40px;
	margin-left:40px;
}

/* ************                  Textes fenetre principale                          *********** */
div.containerTexte {
	width:100%;
	text-align:left;
	padding:5px 5px 5px 5px;
	color: #CCCCCC;
}

div.containerTexte2 {
	width:90%;
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	background-color:#999999;
	text-align:justify;
	margin:20px;
	padding:10px 10px 10px 30px;
	color: #222;
}

div.containerTexte2Info {
	width:90%;
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	background-color:#999999;
	text-align:justify;
	margin:20px;
	padding:10px 10px 10px 30px;
	color: #222;
	background-image:url(../images/index/info.gif);
	background-repeat:no-repeat;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
}

div.containerTexte3InfoAccueil {
	text-align:justify;
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	padding:0px 5px 10px 5px;
	margin:0px 17px 0px 16px;
	color: #FFF;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
}

div.containerTexte3 {
	width:90%;
	text-align:justify;
	margin:0px;
	padding:10px 10px 10px 30px;
}

div.containerTexteAuto {
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	background-color:#999999;
	text-align:left;
	padding:5px;
	color: #222;
}

div.containerTexteLong {
	width:90%;
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	background-color:#999999;
	text-align:justify;
	margin:20px;
	background-image:url(../images/index/info.gif);
	background-repeat:no-repeat;
	padding:10px 10px 10px 30px;
	font: bold 14px georgia;
	color: #222;
}

/* ************************************************************************************** */
/* ************                  Listes                                       *********** */
/* ************************************************************************************** */

li {
	margin-left:20px;
}

/* ************************************************************************************** */
/* ************                  Textes seuls                                 *********** */
/* ************************************************************************************** */

.actif {
	color:#66CC00;
	font-weight:bold;
	padding:5px;
}

.nonActif {
	color:#CC0000;
	font-weight:bold;
	padding:5px;
}

.vert {
	color:#66CC00;
}

.rouge {
	color:#CC0000;
}

.orange {
	color:#FF6600;
}

/* ************************************************************************************** */
/* ************                  Animation attente                            *********** */
/* ************************************************************************************** */

#cache {
	position:absolute; 
	top:200px; 
	left:400px;
	z-index:400; 
	visibility:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
}