* {
	margin: 0px;
	padding: 0px;
}

body, td {
	font-family:  "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
body {
	color: #FFFFCC;
	background: #660000 url(images/bgBody.gif) repeat-y;
	}

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout, #home {
	text-align: left; width: 900px;
	}
#home {background: url(images/bgHome.gif) no-repeat 0 12px;}	
#home h1#logo { height: 100px}
#home h1#logo a{ display:block; height: 100%}


/*	HEADER	*/
#header {
	background: url(images/bgHeader.jpg) no-repeat left top;
	padding: 0px;
	margin: 0px;
	width: 900px;
	height: 120px
}
#header h1 { border: none; padding: 0px; margin: 0px; height: 100px; width: 240px; float: left}
#header h1 img { padding:0px; margin: 0px; display: none}
#header h1 span { font-size: 54px; }
#header h1 span.tit { font-size: 16px; letter-spacing: 2px }
#header h1 a {width: 240px; height: 133px; float: left; display: block; color: #FFF; text-decoration: none; }


/* MAIN	*/
#centre {
	clear: both;
	}
#home #left { width: 320px}	
#home #content { width: 500px}
#home .slogan { }

#left {
	width: 250px;
	float: left
}
#left h2 {
	font-size: 18px;
}

#mainHead {
	margin-bottom: 4px;
	height: 26px;
	text-align: right;
	padding: 4px 5px 0px 0px;
}
#mainHead img { vertical-align: middle}
#content {
	margin: 0px 0px 6px 18px;
	float: left;
	width: 610px
}

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 6px;
}
#up p {
	float: left;
	color: #FFF;
}
#up img { vertical-align: middle; margin-left: 4px
	}
#up p a {
	}
#footer {
	margin-left: 230px;
	clear: both;
	padding: 5px;
	line-height: 140%;
	font-size: 11px;
}

/* PAVES HOME */
div.paveHome { margin-bottom: 6px}
div.paveHome .desc { line-height: 1.8em; padding-bottom: 8px}
	
div.paveHome h2.titPave{ font-size: 1.7em; font-weight: bold;
}
div.paveHome img{
	margin-bottom: 10px;
	float: right;
	margin-left: 10px;
}
div.paveHome .bot { clear: both; height: 4px; padding: 0px;}

/*******************************************************************/
/******************    BALISES GENERALES     **********************/
/*******************************************************************/
h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding: 4px 4px;
}

h1 {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: normal;
}
h2 {
	font-size: 2.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 20px;
	color: #FFFFCC;
}
h2 span {
	color: #FE9900;
}
h3 {
	font-size: 1.7em;
	margin-bottom: 4px; color: #77D78C; font-family: "Times New Roman", Times, serif; font-weight: normal
}
h4 {font-size: 14px; margin-bottom:5px;}
h5 { font-size: 12px}
h6 { font-size:10px}
p {
	padding: 4px 4px 8px 4px;
	margin: 0px 0px 0px 0px;
	line-height: 140%
}
ul {
	list-style-type: none;
	margin: 0px 0px 8px 10px;
	padding: 4px 2px 4px 4px;
}

li {
	padding: 0px 0px 0px 10px;
	background: url(images/puceUl.gif) no-repeat 0px 7px;
	margin-bottom: 4px;
	margin-left:8px;
	list-style-type: none; line-height: 140%
	}

a {text-decoration:none; color: #FF6766}
a:hover { text-decoration: underline; color:#66CC99 }

li img { vertical-align: middle}
img { border: none}
table {
	border-collapse: collapse;
}
th {
	font-size: 12px;
	padding: 3px 5px; vertical-align: top;
}
td {
	/*vertical-align: top;*/padding: 4px
}
caption { text-align: left; padding: 3px}
blockquote { margin: 0px 0px 0px 12px}
/* forms */
form { padding: 2px; margin: 0px 0px 4px 0px}
input,textarea,select { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	border: 1px solid #950000; font-size: 11px; padding: 1px
}
textarea { font-size: 12px}
legend {
	font-size: 1.5em; font-family:Georgia, "Times New Roman", Times, serif;
	color: #FAF8C6;
	font-weight: normal;
	padding: 4px 8px;
	margin-left: 4px;
}
fieldset span.gras { color: #5FD29B; font-size: 12px}
fieldset p { margin-left: 10px; font-size: 0.9em}
fieldset img { vertical-align: middle}
fieldset {
	margin-bottom: 14px;
	border: 1px solid #950000; 
	padding: 10px
	}

label {
	display: block; padding: 2px
}
label input { vertical-align: middle}
/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 {width: 480px; float: left
}
div#nav1 ul{
	margin: 0px;
	padding: 0px;
	height: 33px;
	}
div#nav1 li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	background: none;
	font-size: 10px;
	}
div#nav1 li.split { width: 2px; height: 22px; background: url(images/split.gif) no-repeat left center}
div#nav1 li a {
	display: block;
	text-align: center;
	padding: 4px 6px 4px 6px;
	color: #000; font-weight: bold
	}
div#nav1 li a:hover { color: #66CC99 }

#nav1 .on {
}
#nav1 .on a { color: #FFF
}

/**/
#navHome { height: 210px; width: 130px; background: url(images/bgNavHome.gif) no-repeat left top; padding: 0px; margin: 0px 0px 60px 10px }
#navHome li{ height: 30px; padding: 0px; margin: 0px; background: none}
#navHome a { display: block; height:100%;}
#navHome a:hover { background-image: url(images/bgNavHome.gif); background-repeat: no-repeat;}
#navHome li.prog a:hover { background-position: right 0px  }
#navHome li.afrique a:hover { background-position: right -30px  }
#navHome li.action a:hover { background-position: right -60px  }
#navHome li.inter a:hover { background-position: right -90px}
#navHome li.partner a:hover { background-position: right -120px }
#navHome li.contact a:hover { height: 60px; background-position: right -150px }

/************ NAV2************/
/* Niveau 1 */
ul.nav2 {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px
}
ul.nav2 li{
	margin: 0px 2px 0px 0px;
	list-style-type: none;
	padding:0px;
	border-bottom: 1px solid #660000;
	font-size: 11px;
	height: 100%;
	background: none
}
ul.nav2 a {	background: url(images/puceNav2.gif) no-repeat 5px 13px;
}
ul.nav2 a, ul.nav2 span{
	font-size: 11px; display: block; 
	padding: 7px 8px 7px 16px;
	height: 100%;
}
ul.nav2 a:hover{ background-color: #950000;/* opacity: 0.5*/
	}
ul.nav2 .on {
	color: #FFF;
	font-weight: bold;
	border-bottom-color:#950000 ;
	}
ul.nav2 .on a{
	color: #FFF;
	background-color:#660000;
}

/*Niveau 2*/
ul.nav2 .lvl1 {
	/*background: #950000;*/
	background: #660000;
	margin-top: 0px;
	border-bottom: 1px solid #950000; padding-left: 22px
}
ul.nav2 .lvl1 a{ color: #FFF;  font-size: 0.8em;  background: none}
ul.nav2 .on1 {
	font-weight: bold; background: #950000;
	/*background: #E9F0F8 url(images/puceNav22.gif) no-repeat 16px 10px	*/}
ul.nav2 .on1 a, ul.nav2 .on1 span{ }

/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/

/**  PAVE CENTRE   ************************************************/
/*****		GESTION DES IMAGES		*****/
.preview {
	text-align: center;
	margin-bottom: 10px;
	font-size: 10px;
	padding: 10px;
	width: 100%
}
.preview td{
	text-align: center
	}
img.imgToRight, .imgToRight img, .toRight{
	float:right;
	margin-left:10px;
	margin-bottom:10px; border-left: 10px solid #660000;
}
img.imgToRight { border-left: 3px solid #FFF; border-bottom: 3px solid #FFF}
img.imgtoLeft, .imgToLeft img, .toLeft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
table.imgBlock {  width: auto}
table.imgBlock td{ text-align: right}
table.imgBlock div{ margin-bottom: 4px; text-align: right}
.imgBlock img {
}
div.photo {
	padding: 2px;
	text-align: right;
	background: #FFF;
}
 .date{ font-size: 10px; font-weight: normal }
/* Divers */
/* */
.error {
	background: #FFF7B9; 
}
div.error { padding: 16px; margin-bottom: 10px; border: 1px dashed #FFCC33; text-align: center; font-weight: bold}

.gras {
	font-weight: bold; font-size: 0.9em
}
.grasRouge {
	font-size: 11px;
	color: #333333;
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.legende {
	font-style: italic;
	font-size: 11px;
	padding: 3px;
}

.required {
	color:#FF0000;
}
.noline {
	border: none; background: none
}

div.back { margin-bottom: 4px; padding: 3px}


/* */
div.download {
	padding: 2px;
	border: 1px dashed #24486C;
}
div.download h4{ background: #E9F0F8 url(images/download.gif) no-repeat; padding: 2px 2px 2px 18px; margin: 0px; font-size: 11px; color: #24486C; }
div.download p{ padding: 2px; margin: 1px }

/*************/
table tr.btn td, div.btn {
	padding-left: 0px !important;
	background:#950000
}
.btn input{
	font-weight: bold;
	padding: 2px 3px 5px 3px;
	border: 1px solid #950000;
	background: #FFFFFF url(images/bgBtn.png) repeat-x left bottom;
}

/*************  contact  ******************************/ 
/***	CONTACT	****/
#formNeteor {
	margin-bottom: 25px;
}
#formNeteor td.tit{ background: #950000; font-weight: bold}
#formNeteor table{
	width: 100%;
	border-collapse: collapse;
	background: #CA0000;
	border-top: 10px solid #950000;
	border-right: 6px solid #950000;
	}
#formNeteor th{
	background: #950000;
	text-align: right;
}
#formNeteor th, #formNeteor td {
	padding: 4px 7px;
	border-top: 1px solid #950000;
	font-weight: normal;
}


.answerMail {
	padding:10px;
	text-align: center;
	background: #950000;
	border: 1px solid #CA0000;
}
.answerMail p { margin-bottom: 12px}

/************  FOOTER   ****************************/
/*********************	NEW CMS	*************************/
table.cms {
	margin-bottom: 14px;
	width: 100%
}
div.cms { margin-bottom: 14px}
.cms p{ }
.cms ul{ margin-top: 0px; }
.cms td, div.cms {
}

.redLight, .redDark { padding: 5px}
.redLight img { border: none}
.redLight { background: #CA0000}
.redDark { background: #950000}

/*******	NEWS HOME	*******/
#newsHome {
	background: #FFFFFF url(images/bgNewsBot.gif) no-repeat right bottom;
	margin-bottom: 10px;
	padding: 0px 0px 24px 1px;
}
#newsHome dt {
	font-size: 12px;
	font-weight: bold;
	padding:6px 4px 4px 14px;
	text-transform: uppercase;
	background: url(images/bgNewsTop.gif) right top;
}
#newsHome dd {
	padding: 0px 1px 8px 1px;
	background: url(images/bgNews.gif) repeat-y right;
}
dd * {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; }
#newsHome a{ 
	}
#newsHome .date {
	font-style: italic;
	font-size: 10px;
	margin-bottom: 8px;
	padding: 2px;
}
#newsHome div.view {
	margin-top: 8px;
	text-align: right;
	clear: both;
}

#newsHome h2{
	color: #FFF;
	font-weight: bold;
	padding: 4px 4px 4px 16px;
	font-size: 11px;
	margin: 0px;
	border: none;
	background: #FF9900 url(images/puceDt.gif) no-repeat 4px 7px
	}
#newsHome div.desc {
	padding-left: 14px;
	margin-right: 10px;
}

/**** LISTING *************************/
.listItem {
	margin-bottom: 14px;
}
.listItem .titItem {
	padding: 2px 2px 2px 8px;
	margin: 0px;
	color: #FFFFCC;
	background: #CA0000
	
	
	}
.listItem .desc {
	vertical-align: top;
	padding: 3px 0px;}
.listItem p { padding-left: 0px }

.listItem .date{ font-size: 10px; font-weight: normal }
.listItem .line1 { background: none }
.listItem .bot{ clear: both }



/*	ALBUM PHOTO*/
#album {
	margin-left:8px;
}
#album h3 {
	background: url(images/gallery.gif) no-repeat 0px 4px;
	padding: 6px 4px 4px 36px;
	margin: 0px 0px 3px 0px;
	font-size: 18px;
	color: #FFFFCC;
	text-transform: capitalize;
}
#datacontainer {
	margin: 0px 0px 10px 0px;
	padding: 4px;
}
	
#album ul {padding: 0px; margin: 0px;
	}
#album li {
	width: 100px; height: 100px; float:left; padding: 0px; margin:0px 8px 8px 0px; background: #FFF; list-style-type: none
		}
#album div.botAlbum { clear: both; width: 620px; height: 1px}
#album a {
	width: 100px;
	height: 101px;
	display: block; background: #FFF;
	border: 1px solid #E2E2E2;
}
#album a:hover {
	border: 1px solid #CCCCCC
   }

/*********************	DONNEES TABULAIRES	*************************/
/*****/

.tablo .tit {  background:  #950000;}
div.tablo {border: 1px solid #336699 ; padding: 1px;
	margin-bottom: 14px;}
.tablo table {
	border-collapse: collapse;
	width: 100%;
	
}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
.line1 {
	background-color: #CA0000;
	/*background-color: #F9F9CA*/
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #EEF3F9;
	background: #666666;
	border: 1px solid #FFFFFF;
}
.tablo caption, h3.tit {
	border-bottom: 1px solid #FFF;
	color: #24486C;
	padding: 3px 6px 3px 13px;
	background:  url(images/puceTit.gif) no-repeat 2px 8px;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.tablo td.tit a { float: right; font-size: 10px; color: #FFF}
.tablo td.tit a:hover {}
.tablo td.tit{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 6px 5px 16px;
	margin-left:0px;
	background: #24486C url(images/puceTit.gif) no-repeat 5px 8px;
	letter-spacing: 0.1em;
}

/********	PAGINATION		******/
ul#pagine{ background: none; margin: 0px; padding: 0px; text-align: center}
ul#pagine li{ display: inline; background: none; margin: 0px; padding: 2px}
ul#pagine li.on { font-weight: bold; text-decoration: underline;}
ul#pagine li.on { font-size: 14px}