/*******************************************/
/******** KARIM RIMAN: MAIN CSS  *************/
/*******************************************/


@import url("balises.css");
@import url("cms.css");

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: left;
	width: 760px;
	margin: 0px auto 0px auto;
	background: #FFF;
	}
	
/*	HEADER	*/
#header {
	height: 108px;
}
.bgHeader_fr {
	background: url(../images/bgHeader_fr.jpg) no-repeat;}
.bgHeader_en {
	background: url(../images/bgHeader_en.jpg) no-repeat;}
#header h1 { padding:0; margin: 0; }
#header p { padding: 0; margin: 0; width: 430px; text-align: right }
#header p img { vertical-align: middle; margin-right: 4px}
#header a { color: #FFF }
#header h1 a { display: block; height: 80px	}

#drapeaux { text-align: right; float: right; padding: 0.6em;}
#drapeaux img { margin-right: 6px}

/* MAIN	*/
#centre {
	clear: both;
	background: url(../images/bgCentre.gif) repeat-y 0 0;
	}

#left {
	width: 190px;
	float: left; padding-top: 1.3em;
}
#main { 
	float: right;
	width: 570px;
	}

#home {
	background: url(../images/fotoHome.jpg) no-repeat right top; padding-right: 360px; min-height: 273px
}
#content {
	margin: 0px 11px 0px 16px;
	padding-top: 34px
	}

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 6px;
}
#up span { font-size: 1.1em}

#footer {
	text-align: center;
	background: #FFF url(../images/bgFooter.jpg) no-repeat center top;
	line-height: 140%;
}
#footer div { background: #18BC3F; height: 94px; color: #FFFFFF; font-size: 1.3em; line-height: 150%}
#footer p {/* float: left;*/
	padding: 0.4em; }

#footer a { font-weight: bold }

#neteor { background: #92DDA2}	
#neteor a { color: #18B83A; font-weight: bold }

.paveHome { margin-bottom: 20px}
div.text { }
	
.titPave{
	font-size: 1.6em; margin-bottom:0.6em; padding: 0px 0px 0px 0; color: #18B83A;
}
.paveHome .photo { float: left; margin: 0 0.7em 0.7em 0; }
.paveHome .bot{ clear: both; background: url(../images/bgPaveHome.gif) no-repeat left bottom; height: 10px; font-size: 1%}

/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 { height: 34px; background: url(../images/bgNav1.gif) repeat-x 0 bottom; padding-bottom: 1px}
div#nav1 ul{
	margin: 0px 0px 0px 0px;
	padding: 0;
	
	}
div#nav1 li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 3px 0; border-right: 1px solid #F26A30;
	}
div#nav1 li a {
	display: block; height: 28px; padding: 0 7px; line-height: 28px; background: #FFF; color: #000; float: left
	}
#nav1 li a:hover {
}
#nav1 li.on { background: #FD6913
}
#nav1 li.on a { 
}

/************ NAV2************/

#nav2 { margin: 0 4px 0 4px; }
/* Niveau 1 */
#nav2 ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0; font-size: 1em;
	list-style-type: none; height: 100%;
	background: none; border-top: 1px solid #F6F6F2; border-bottom: 1px solid #F6F6F2;	
}
#nav2 a, #nav2 span{
	display: block; color: #333; 
	padding: 0.5em 0.5em 0.5em 1.7em; height: 100%; background: url(../images/puceNav2Li.gif) no-repeat 0.3em center;
}
#nav2 a:hover{ background-color: #FFF; background-image: url(../images/puceNav2LiOver.gif)
	}
#nav2 li.on { font-weight: bold; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC}
#nav2 .on a/*, #nav2 .on a:hover*/ { background: #FFF url(../images/puceNav2LiOn.gif) no-repeat 0.3em center; }
#nav2 .on a:hover {}
	
/* LVL1 */
#nav2 li.lvl1 { border-bottom: 1px solid #CCC; background: #FFF; padding: 0.8em 0 1.2em 0 }
#nav2 li.lvl1 ul {padding: 0; margin: 0;}
#nav2 li.lvl1 ul li { background: url(../images/bgNav2LiLvl1.gif) repeat-y 0 bottom; padding: 0; border: none  }
#nav2 li.lvl1 ul li a { padding-bottom:4px; padding-top: 4px; padding-left: 42px; background: none; }
#nav2 li.lvl1 ul li a:hover { background-image: none }
#nav2 li.on1 { }
#nav2 li.lvl1 .on1 a{ font-weight: bold; color: #FFF; background: #FD6913; }
	
/* NEWSHOME */
#newsHome {  width: 251px; background: #978D48 ; margin-left: 9px }
#newsHome h2{ font-size: 15px; font-weight: bold; padding: 2px 0; margin: 0 0 4px 0 }
#newsHome h2 a { color: #AF2623}
#newsHome img { }
#newsHome dd { width: 251px; background: url(../images/bgNewsBox.gif) no-repeat left top; margin: 0 0 10px 0px; padding: 0 }
#newsHome .tiny {}
#newsHome h3 {
	font-size: 13px;
	font-weight: bold;
	padding: 6px 9px 6px 10px;
	background: url(../images/bgTitNewsHome.gif) repeat-x 0 center;
	color: #ADAD14
}
#newsHome div.desc { margin: 6px 12px
}

#newsHome p { }
#newsHome div img{ float: right; padding: 2px; margin: 0 0 4px 4px; border: 1px solid #AFAB9D
	}
#newsHome .date {
	font-style: italic; margin: 0;
	font-size: 10px;
}
#newsHome .view {
	text-align: right; padding: 4px 10px 6px 4px;
	clear: both; margin: 0; height: 18px; background: url(../images/bgNewsBox.gif) no-repeat left bottom; font-weight: bold; font-size: 12px; font-weight: bold
}
#newsHome .view a { }


/***************************************************************/
/**************       CLASSES GENERIQUES         *****************/
/***************************************************************/

/*****		GESTION DES IMAGES		*****/
.preview {
	text-align: center;
	margin-bottom: 10px;
	font-size: 10px;
	padding: 10px;
	background: #FFFFFF;
}
table.preview { width: 100%}
.preview td{
	text-align: center
	}
img.imgToRight, .imgToRight img, .toRight{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}
img.imgtoLeft, .imgToLeft img, .toLeft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.imgToCenter { text-align: center; }
.imgToCenter img, .imgToRight img, .imgToLeft img, .preview img {border: 1px solid #CCC; padding: 2px; background: #FFF
}
 
/* Divers */
.icon { vertical-align: middle; margin-right: 0.3em}
.date{ font-size: 10px; font-weight: normal }
.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
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.legende {
	font-style: italic;
	font-size: 11px;
	padding: 3px;
}

.required {
	color:#CC0000;
}
.noLine {
	border: none; background: none
}

.back { margin-bottom: 4px; padding: 3px}
.bot { clear: both; height: 3px; font-size: 1%;}


img.photo {
border: 1px solid #CCC; padding: 2px; background: #FFF
}
div.photo img {border: 1px solid #CCC; padding: 2px; background: #FFF }
div.photo p { padding: 0px; margin: 0 0 1em 1em; text-align: right}
div.photo p img { padding: 0px; margin: 0 0 1em 1em; border: 1px solid #CCC; padding: 2px; background: #FFF}

/* */
div.download { margin-bottom: 0.9em
	}
div.download h4{ color: #FFF; background:#18B83A url(../images/download.gif) no-repeat 3px center; padding: 0.5em 0.3em 0.5em 23px; margin: 0 0 1px 0; font-size:1em; }
div.download p { border: 1px solid #18B83A; padding: 4px 7px 14px 30px; margin: 0px;
	}
div.download p a { }
/*********************	DONNEES TABULAIRES	*************************/
.tablo {
	border-collapse: collapse;
	width: 100%;
	
}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
.line1 {
	background-color: #F8F8F8;
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #EEF3F9;
	background: #666666;
	border: 1px solid #FFFFFF;
}
.tablo caption {
	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;
}
.btn {
	background: #FFF url(../images/bgBtn.png) repeat-x left bottom;
	padding: 0.2em 0.7em; border: 1px solid #000; cursor: pointer; font-weight: bold; color: #666666
}

/*Detail d'un item*/
div.detail {padding: 1px;
	margin-bottom: 14px;}


/*************  contact  ******************************/ 
table.formContact{
	margin: 8px auto 0px auto
}
.formContact td {
	padding: 4px;
	border-bottom: 1px solid #FFF;
}
.formContact tr{ border-bottom: 1px solid #FFCC33}
.formContact th {
	font-weight: normal;
	width: 150px;
	padding: 4px;
	text-align: right;
	border-bottom: 1px solid #FFF;
}

.answerMail {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	padding:10px;
	text-align: center;
	border: 1px solid #D22F2B;
}
.answerMail p { margin-bottom: 12px}


/* Liste et detail  */
.news {
	margin-bottom: 16px;
	background: #F8F7EF url(../images/bgNews.gif) no-repeat ; width: 602px
	}
.news .infosClient { line-height: 150%; margin: 0}
.news .infosClient span{ font-weight: bold;}

.titNews {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	padding: 0.3em 0.4em 0.4em 20px;
	font-weight: normal;
	background: #91211D url(../images/bgTitNews.gif) no-repeat ;
	color: #FFFFFF;
}
.titNews span { display: block; font: normal 11px Arial, Helvetica, sans-serif ; margin: 2px }
.titNews a { text-decoration:none; color: #FFF}
.titNews a:hover { text-decoration: underline; color: #F8F7EF }

.news h3:first-letter { text-transform: uppercase }
.news p {
	}

.news .date{ height: 22px; background: url(../images/bgNewsDate.png) repeat-y right top;
		 line-height: 2em; font-size: 1em; font-weight: bold; }
.news .view { clear: both; padding: 0; margin: 0px 6px 0 0; 
}
.news .view a {  
}
.news .bot{ clear: both; background: url(../images/bgNews.gif) no-repeat left bottom; height: 10px; font-size: 1%}

/***************/
.listItems { border-bottom: 1px dotted #CCC}
.listItems .photo { float: right; margin: 0.5em 0.5em 0.6em 0.6em; width: 80px; }
.listItems .itemContent {  margin-right: 110px; padding: 0.5em }
.titItem {
	color: #B83526;
	padding: 0;
	margin: 0 0 0.2em 0;
	font-size: 1.2em;
	font-weight: bold
}

/********	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}

/***	CONTACT	****/
#formNeteor {
	margin: 0 0 30px 0;

	background: url(../images/bgContact.jpg) no-repeat left bottom;
}
#formNeteor form {
	padding: 0 0 0 0; margin: 0; 
}
#formNeteor table { width: 100%}
#formNeteor h3{ font-size: 12px; padding:8px; font-weight: bold }
#formNeteor th{
	width: 25%; padding: 0.3em 1em 0.4em 0.4em; text-align: right
}
#formNeteor td { padding:2px;}
#formNeteor fieldset { border: none; padding: 0; margin: 0 }
#formNeteor h3 { background: #91211D; color: #FFF; padding: 6px; margin: 0 }
	
#formNeteor textarea { width: 350px; height: 100px }

/* Liste de contacts sur la page contact */
.coords {
	padding: 0 0 0 0;
	padding: 0;
	line-height: 150%;
	margin-top: 14px;
}
.coords h1 { margin-bottom: 0.5em; padding: 0}
.coords span { font-weight: bold}