/* CSS des templates */

body {
margin-top: 10px;
background-image: url("../images/bg.jpg");
background-color: #f1f4fe;
text-align: center;
}

a {
text-decoration: underline;
color: #000066;
}

.template_table {
text-align: center;
border-width: 0;
width: 774px;
border-collapse: collapse;
padding: 0;
margin-left: auto;
margin-right: auto;
}

.header {
border: 1px solid #000066;
text-align: center;
width: 774px;
padding: 0;
margin: 0;
border-collapse: collapse;
}

.header_button {
height: 23px;
width: 774px;
vertical-align: top;
padding: 0;
margin: 0;
}

.header_button_image {
border-width: 0;
height: 23px;
width: 774px;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 2px;
}

.header_banniere_image {
height: 100px;
width: 774px;
margin: 0;
padding: 0;
border: 0;
}


.footer {
border: 1px solid #000066;
width: 774px;
text-align: center;
padding: 0;
margin: 0;
border-collapse: collapse;
}

.copyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000066;
font-weight: bold;
text-align: center;
background-color: #bfc0f7;
height: 24px;
}

#xiti-logo{
text-align:center ;
}


/* CSS des trois pages index */

.contenu {
width: 774px;
background-color: #FFFAF4;
border: 1px solid #000066;
text-align: center;
border-collapse: collapse;
padding-left: 10px;
}

	/* LES TABLES */
.table {
text-align: center;
border-width: 0;
width: 743px;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}	

.table1 {
margin-top: 10px;
width: 743px;
border-collapse: collapse;
border: 1px solid #000066;
padding: 0;
margin-bottom: 10px;
}

.table2 {
text-align: left;
width: 743px;
border: 1px solid #000066;
padding: 0;
margin: 0;
border-collapse: collapse;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #003F7D;
font-weight: 400;
text-decoration: none;
}

.table3 {
width: 362px;
text-align: left;
padding: 0;
margin: 0;
margin-bottom: 15px;
border: 1px solid #000066;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #003F7D;
font-weight: 400;
border-collapse: collapse;
}

	/* LES TRS */
.tr1 { /*lestitres*/
padding: 0;
margin: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #0F55AA;
font-weight: bold;
}

.tr2 {
padding: 0;
margin: 0;
border: 1px solid #000066;
background-color: #D2DAFB;
}

	/* LES TDS */
.td1 { /* cel2 */
border-bottom: 1px solid #000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000066;
font-weight: bold;
padding: 2px;
margin:0;
background-color: #FFFF9F;
}

.td2 { /*lestitresverts*/
border-top: 0;
background-color: #A0ADE7;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
text-align: center;
}

.td3 {
text-align: right;
background-color: #DADCFC;
border-top: 1px solid #000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
font-weight: bold;
text-decoration: underline;
padding: 5px 0;
}

.td4 {
text-align: center;
margin: 0;
padding: 0 8px 15px 8px;
}

.td5 {
border-bottom: 1px solid #000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #CC0000;
background-color: #FFFFCC;
}

.td6 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #000099;
padding: 8px;
padding-top: 6px;
margin: 0;
background-color: #FFFFEA;
}

.td7 {
text-align: right;
background-color: #D8DEF5;
border-top: 1px solid #000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
font-weight: bold;
text-decoration: underline;
padding: 5px 0;
}

.td8 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #000099;
padding: 4px;
background-color: transparent;
}

.td9 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #003F7D;
font-weight: 400;
text-decoration: none;
text-align: left;
margin: 3px;
padding: 0;
}

.td10 {
border: 1px solid #000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000066;
font-weight: bold;
background-color: #FFFF88;
}

.td11 {
border-top: 1px solid #000066;
text-align: center;
}

.td12 {
text-align: right;
border-top: 1px solid #000066;
}

	/* TEXTES */
.nouveau {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #003F7D;
font-weight: 400;
text-decoration: none;
}

.outils {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #000099;
font-weight: 400;
}

.avant_footer1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #747474;
font-weight: bold;
}

.avant_footer2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
font-weight: bold;
text-decoration: underline;
}


	/* IMAGES */
.separation { /* image qui sert de separation */
height: 390px;
width: 1px;
margin: 0;
border: 0;
vertical-align: middle;
}

.fleche { /* image de la petite fleche rouge*/
width: 11px;
height: 11px;
vertical-align: baseline;
position: relative;
top: 2px;
}

.flechedroite { /* image de la petite fleche bleue*/
width: 11px;
height: 11px;
float: right;
margin-right: 8px;
margin-bottom: 0;
position: relative;
top: 2px;
}

.guide { /*image de calepin*/
width: 100px;
height: 135px;
border: 0;
border: 1px solid #000066;
float: left;
margin-top: 6px;
margin-right: 3px;
margin-left: 4px;
margin-bottom: 6px;
}

.forum { /* image menant au forum */
width: 100px;
height: 46px;
border: 1px solid #000066;
float: left;
margin-right: 3px;
margin-left: 2px;
}

.mains { /* image des mains qui se serrent */
width: 96px;
height: 64px;
border: 1px solid #000066;
float: left;
margin-right: 3px;
margin-left: 2px;
}

.stylo {
width: 52px;
height: 58px;
vertical-align: top;
float: left;
margin-top: 10px;
margin-right: 3px;
margin-left: 2px;
}

.carre_fonce { /* image du carre fonce en bas */
width: 14px;
height: 14px;
vertical-align: middle;
text-align: center;
}



/* CSS des pages annonce-efficace */

.contenu2 {
width: 774px;
border-collapse: collapse;
border: 0;
margin: 0;
background-color: #FFFAF4;
border: 1px solid #000066;
text-align: center;
}

	/* LES TABLES */
.table4 {
width: 400px;
border: 0;
border-collapse: collapse;
margin: 0;
border: 1px solid #000066;
}

.table5 {
border: 1px solid #000066;
border-collapse: collapse;
margin: 0;
width: 100%;
}

	/* LES TDS */
.td13 {
border-bottom: 1px solid #000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000066;
font-weight: bold;
height: 22px;
padding: 0;
}

.td14 {
height: 502px;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000066;
font-weight: 400;
}

.td15 {
height: 22px;
text-align: right;
background-color: #E8E9FD;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
font-weight: bold;
text-decoration: underline;
border: 1px solid #000066;
}

.td16 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
height: 22px;
border: 1px solid #000066;
padding: 0;
}

.td17 {
border: 1px solid #000066;
border-top: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000066;
font-weight: 400;
height: 235px;
background-color: #F9FAFF;
}

.td18 {
border: 1px solid #000066;
border-top: 0;
height: 22px;
text-align: right;
background-color: #E8E9FD;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
font-weight: bold;
text-decoration: underline;
}

.td19 {
border: 1px solid #000066;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000066;
font-weight: bold;
padding: 3px;
}

.td20 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #000099;
font-weight: 400;
height: 65px;
background-color: #F9FAFF;
border-right: 1px solid #000066;
border-left: 1px solid #000066;
padding: 0 8px;
}

.td21 {
border-right: 1px solid #000066;
height: 20px;
width: 10%;
text-align: center;
background-color: #FFFFCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #CC0000;
font-weight: bold;

}

.td22 {
width: 90%;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000066;
font-weight: 400;
}

	/* LES TEXTES */
.mail {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
font-weight: bold;
text-decoration: underline;
}


	/* LES IMAGES */
.efficace {
width: 318px;
height: 133px;
}


/* /////////////////////////////// */

.lestitres { 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #0F55AA;
font-weight: bold;
}
.cel{
border: 1px solid #000066;
}
.texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
font-weight: bold;
text-decoration: underline;
}
.lestitresvert {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
}
.cel2 {
border-top: 1px none #000066;
border-right: 1px none #000066;
border-bottom: 1px solid #000066;
border-left: 1px none #000066;
}
.cel3 {
border-top: 1px solid #000066;
border-right: 1px none #000066;
border-bottom: 1px solid #000066;
border-left: 1px solid #000066;
}
.cel4 {
border-top: 1px solid #000066;
border-right: 1px solid #000066;
border-bottom: 1px solid #000066;
border-left: 1px none #000066;
}
.texteI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight: bold;
	text-decoration: underline;
}
.lestitresbleu {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000066;
font-weight: bold;
}
.celHAUT {
border-top: 1px solid #000066;
border-right: 1px none #000066;
border-bottom: 1px none #000066;
border-left: 1px none #000066;
}
.texteSANSOULIGNE {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #747474;
font-weight: bold;
}

.champ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #000099;
	color: #990000;
	background-color: #FFFFDD;
	height: 20px;
}
.celtiret {
	border: 1px dashed #000066;
}
.lestitresbleuCLAIR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0000D2;
	font-weight: bold;
}
.texterouge {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #000099;
font-weight: 400;
}
.lestitresbleurrrrr {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #CC0000;
font-weight: bold;
}
.texteBL {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #000099;
font-weight: 400;
}
.texterouge2 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #003F7D;
font-weight: 400;
text-decoration: none;
}
.texterougepolice {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: 500;
	border-top-width: medium;
	border-bottom-width: medium;

}

.celdroite {
border-top: 1px none #000066;
border-right: 1px solid #000066;
border-bottom: 1px none #000066;
border-left: 1px none #000066;
}
.texte2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000066;
font-weight: 400;
}
.espacement {
line-height: 5px;
}
.texteclair {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000099;
font-weight: bold;
text-decoration: underline;
}
.lestitresbleugros {



	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.lestitresvertpetit {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.celcomp {
	border: 1px solid #990000;
}
.celcompautrecouleur {

	border: 1px solid #000066;
}
.textebleu {



	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #990000;
	font-weight: 400;
}