/* CSS Document */
html,body {
	margin:0;
	padding:0;
}
body {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/background.jpg) repeat-x;
	background-color:#26261E;
}
img {
	border:none;
	text-decoration:none;
}

#global
{
	position:relative;
	width:955px;
	height:590px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	text-align: left;
}
h1 {
	font-size:16px;
	font-weight:bold;
	color:#341F85;
	margin:0;
	padding:0;
}
h2{ 
	font-weight:bold; 
	font-size:12px;
	color:#341F85;
	margin:0;
	padding:0;
}
h3 {
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}
.ita {
	font-style:italic;
	font-size:11px;
	color:#341F85;
	font-weight:normal;
}
/*-----------------------------*/
/*-----------------------------*/
/* Gauche - Menu */	
#left {
	float:left;
	width:203px;
	height:590px;
}
.borderleft {
	float:left;
	width:8px;
	height:590px;
	background:url(../img/border_left.gif) top left no-repeat;
}
.centerleft {
	float:left;
	width:195px;
	height:100%;
}
.lefttop {
	width:195px;
	height:8px;
	display:block;
	overflow:hidden;
	background:url(../img/top_left.gif) top left;
}
.leftLogo {
	width:194px;
	height:162px;
	background:url(../img/CJA-logo.gif) top left no-repeat;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}
.leftImg {
	width:194px;
	height:123px;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}
/*-------------------*menu*/
#menu {
	width: 194px;
	height: 241px;
	background-color: #F0F0F0;
	border-bottom:1px solid #A3A1A1;
	border-right:1px solid #000;
	display:block;
	overflow:hidden;
}
/* ------------- Version française ---------------*/
.accueil {
	width:194px;
	height:35px;
	background:url(../img/btn_accueil.gif) bottom left no-repeat;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}
.accueil a.button, .accueil a.button:visited {width:194px;height:35px;background:url(../img/btn_accueil.gif) top left no-repeat;display:block;background-color:transparent;}
.accueil a.button:hover {background-position:0 -35px;overflow:hidden;}

.domaines {
	width:194px;
	height:35px;
	background:url(../img/btn_domaines.gif) bottom left no-repeat;
	border-bottom:1px solid #000;
}
.domaines a.button, .domaines a.button:visited {width:194px;height:35px;background:url(../img/btn_domaines.gif) top left no-repeat;display:block;background-color:transparent;}
.domaines a.button:hover {background-position:0 -35px;overflow:hidden;}

.associes {
	width:194px;
	height:35px;
	background:url(../img/btn_associes.gif) bottom left no-repeat;
	border-bottom:1px solid #000;
}
.associes a.button, .associes a.button:visited {width:194px;height:35px;background:url(../img/btn_associes.gif) top left no-repeat;display:block;background-color:transparent;}
.associes a.button:hover {background-position:0 -35px;overflow:hidden;}

.contacts {
	width:194px;
	height:35px;
	background:url(../img/btn_contacts.gif) bottom left no-repeat;
	border-bottom:1px solid #000;
}

.contacts a.button, .contacts a.button:visited {width:194px;height:35px;background:url(../img/btn_contacts.gif) top left no-repeat;display:block;background-color:transparent;}
.contacts a.button:hover {background-position:0 -35px;overflow:hidden;}

/* ----------------- *Fin de la version française ------------------------- */

/* ------------- Version anglaise ---------------*/
.accueil_en {
	width:194px;
	height:35px;
	background:url(../img/en/btn_accueil.gif) bottom left no-repeat;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}
.accueil_en a.button, .accueil_en a.button:visited {width:194px;height:35px;background:url(../img/en/btn_accueil.gif) top left no-repeat;display:block;background-color:transparent;}
.accueil_en a.button:hover {background-position:0 -35px;overflow:hidden;}

.domaines_en {
	width:194px;
	height:35px;
	background:url(../img/en/btn_domaines.gif) bottom left no-repeat;
	border-bottom:1px solid #000;
}
.domaines_en a.button, .domaines_en a.button:visited {width:194px;height:35px;background:url(../img/en/btn_domaines.gif) top left no-repeat;display:block;background-color:transparent;}
.domaines_en a.button:hover {background-position:0 -35px;overflow:hidden;}

.associes_en{
	width:194px;
	height:35px;
	background:url(../img/en/btn_associes.gif) bottom left no-repeat;
	border-bottom:1px solid #000;
}
.associes_en a.button, .associes_en a.button:visited {width:194px;height:35px;background:url(../img/en/btn_associes.gif) top left no-repeat;display:block;background-color:transparent;}
.associes_en a.button:hover {background-position:0 -35px;overflow:hidden;}

.contact_en {
	width:194px;
	height:35px;
	background:url(../img/en/btn_contact.gif) bottom left no-repeat;
	border-bottom:1px solid #000;
}

.contact_en a.button, .contact_en a.button:visited {width:194px;height:35px;background:url(../img/en/btn_contact.gif) top left no-repeat;display:block;background-color:transparent;}
.contact_en a.button:hover {background-position:0 -35px;overflow:hidden;}


.topcent_en {
	width:744px;
	height:56px;
	background:url(../img/en/top_cent.gif) top left no-repeat;
}

/* ----------------- *Fin de la version anglaise ------------------------- */

/*-------------------fin MENU*/

.leftFoot {
	width:195px;
	height:52px;
	background:url(../img/foot_left.gif) top left;
	border-top:1px solid #FFF;
}
.footspan {
	float:right;
	color:#2E3092;
	height:47px;
	font-size:11px;
	text-align:right;
	border-right:1px solid #000;
	padding-right:15px;
}

.footspan a {
	color:#2E3092;
	text-decoration:underline;
}
.footspan a:hover {
	color:#2E3092;
	text-decoration:none;
}

/* fin Gauche*/
/*-----------------------------*/

/*-----------------------------*/
/* Cent */
#cent {
	float:left;
	width:744px;
	height:590px;
}
.topcent {
	width:744px;
	height:56px;
	background:url(../img/top_cent.gif) top left no-repeat;
}
.imgcent {
	width:744px;
	height:239px;
	background:url(../img/cent_img.jpg) top left no-repeat;
}
.intercent {
	width:744px;
	height:300px;
	background:url(../img/fond_inter.gif) top left no-repeat;
}
.contenu {
	padding-left:40px;
	padding-right:30px;
	font-size:12px;
	font-weight:bold;
	color:#575850;
}

/* Liste en 2 colonnes (domaines) et 1 colonne (associés) */
#domaines dl {
  clear:both;
  width:650px;
  height:8em;
  margin:0;
  padding-top:20px;}
  
#domaines dd {
  width:50%; 
  float:left; 
  margin:0;
  font-weight:bold;
  color:#341F85;
 }

#domaines ul.first {
  counter-reset:item 0;
  list-style:none;
  margin:0 0 0 0;
  padding:0 0 0 15px;
}
#domaines ul.second {
  counter-reset:item 5;
  list-style:none;
  margin:0 0 0 0;
  padding:0 0 0 15px;
}

#domaines ul li {
  /*display: block;*/
  background:url(../img/li.gif) no-repeat;
  background-position:0% 50%;
  margin-bottom:8px;
  padding-left:25px;
}
/* Fin List */

/* Liste en 2 colonnes (domaines) et 1 colonne (associés) */
#form {
	padding-right:100px;
	padding-left:40px;
	
}
#form form {margin:0; padding:0;}
#form input.form {
	background-color:#FFFFFF;
	color:#686C70;
	width:145px;
	height:14px;
	font-size:11px;
	border:1px solid #A5ACB2;
}
#form input.cp {
	width:45px;
	height:14px;
	background-color:#FFFFFF;
	color:#686C70;
	font-size:11px;
	border:1px solid #A5ACB2;
}
#form textarea {
	background-color:#FFFFFF;
	color:#686C70;
	width:185px;
	height:60px;
	font-size:11px;
	border:1px solid #A5ACB2;
}
#form input.upload {
	background-color:#FFFFFF;
	color:#686C70;
	width:250px;
	height:20px;
	font-size:11px;
	border:1px solid #A5ACB2;
}
.table {
	font-size:12px;
	color:#341F85;
	margin-top:10px;
	padding-left:2px;
}
.error {
	font-size:12px;
	color:red;
	margin-top:10px;
	padding-left:2px;
}
/* fin Cent*/
/*-----------------------------*/

/*-----------------------------*/
/* Right */
#right {
	float:left;
}
.borderright {
	float:left;
	width:8px;
	height:590px;
	background:url(../img/border_right.gif) top left no-repeat;
}

/* fin Right*/
/*-----------------------------*/

/*-----------------------------*/
/* Ombre 
#shadow {
	float:left;
	width:955px;
	height:62px;
}
.leftshad {
	float:left;
	width:8px;
	height:62px;
	background:url(../img/leftshad.gif) top right no-repeat;
}
.centshad {
	float:left;
	width:939px;
	height:62px;
	background:url(../img/centshad.gif) top right repeat-x;
}
.rightshad {
	float:left;
	width:8px;
	height:62px;
	background:url(../img/rightshad.gif) top right no-repeat;
}
/* fin Ombre*/
/*-----------------------------*/

/*-----------------------------*/
 /* Mentions */ 
 .mentions {
 	padding:5px;
	background-color:#37382D;
	color:#FFFFFF;
	text-align:left;
	font-size:12px;
	display:block;
	overflow:hidden;
 }
 .mentions p {
	margin:9px 8px;
}